@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css");
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, head, body, div, span, a, nav, picture, img, ol, ul, li, button, input {
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; /* middle; */
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body {
  width: 100%;
  min-width: 320px;
  height: 100%;
  line-height: 1.4;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: normal;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  overflow-x: hidden;
}

.clearfix {
  zoom: 1;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

main, header, section, footer, article, aside {
  display: block;
}

a {
  text-decoration: none;
}

a:focus,
a:hover {
  outline: none;
  transition: all 0.5s ease-out 0s;
  -ms-box-shadow: none;
  box-shadow: none;
}

a:visited {
  outline: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}

ol, ul {
  list-style-type: none;
}

iframe, svg {
  vertical-align: middle;
}

:root {
  scrollbar-color: rgb(210, 210, 210) rgb(46, 54, 69) !important;
  scrollbar-width: thin !important;
}

::-webkit-scrollbar-thumb {
  background: #6d6d6f;
  -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar {
  width: 1px;
  height: 8px;
  background: #000;
}

::-webkit-scrollbar-corner {
  background: #000;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-moz-placeholder {
  color: #40A8DC;
  opacity: 1;
}

::placeholder {
  color: #40A8DC;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #40A8DC;
}

::-ms-input-placeholder {
  color: #40A8DC;
}

input:focus {
  outline-width: 0;
}

ol, ul {
  list-style: none;
}
/* .fluid-container {
  max-width: 71.146vw; 90vw;
} */
.main {
  max-width: 1366px; /* 71.146vw; */
  display: contents;
}
@media (min-width: 1366px) {
  .container-fluid { 
      margin: 0 auto;
      padding: 0 15px;
      max-width: 1366px;
  }
}
.main .whatsapp_use {
  position: fixed;
  width: 32px;
  height: 32px;
  bottom: 68px;
  right: 20px;
  /* background-color: #25d366; */
  text-align: center;
  font-size: 32px;
  z-index: 9;
}
@media (min-width: 992px) {
  .main .whatsapp_use {
    width: 30px;
    height: 30px;
    bottom: 64px;
    right: 21px;
  }
}
.main .scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 100%;
  background-color: #1AAE48;
  width: 32px;
  height: 32px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  z-index: 7;
  cursor: pointer;
}
.main .scroll-to-top span a {
  margin: 0 auto;
  display: table;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 11px;
  font-size: 18px;
  transition: all 0.5s ease-out 0s;
}
.main .scroll-to-top:hover span a {
  color: #000;
  top: -2px;
}

/* Header */
.main header {
  position: relative;
  height: 95px;
  width: 100vw;
  background: #fff 0% 0% no-repeat padding-box;
}
.main header#sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: top 0.3s;
}
.main header nav {
  border-bottom: 0.4px solid #e6e5e6;
  height: inherit; /* 5rem; */
  width: inherit; /* 100vw; */
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10; /* 9; */
}
.main header nav div {
  height: inherit;
}
.main header nav div div {
  height: inherit;
}
.main header nav div div .co-logo {
  /* padding-left: 80px; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}


@media (max-width: 786px) {
  .main header nav div div .co-logo {
    padding-left: 0;
  }
  .main header nav div div .co-logo .img-fluid {
  max-width: 140px;
  width: 100%;
}
}
@media (min-width: 786px) { 
  .main header nav div div .co-logo {
    justify-content: flex-start;
  }
}

.main header nav div div .co-logo h2 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #3A3A3A;
}
.main header nav div div .co-logo h2 span {
  display: block;
}
.main header nav div div .menu-bar {
  display: block;
  position: absolute;
  right: 4%; top: 84%;
  transform: translate(-4%, -50%);
  z-index: 10;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
}

@media (min-width: 992px) {
  .main header nav div div .menu-bar {
    display: none;
  }
}
.main header nav div div .menu-bar div {
  width: 24px;
  height: 3px;
  background: #000;
  margin: 4px;
  transition: all 0.3s ease-out 0s;
}
.main header nav div div .menu-bar.toggle .line1 {
  transform: rotate(-45deg) translate(-5px, 5px);
}
.main header nav div div .menu-bar.toggle .line2 {
  transition: all 0.7s ease;
  width: 0;
}
.main header nav div div .menu-bar.toggle .line3 {
  transform: rotate(45deg) translate(-5px, -5px);
}
.main header nav div div .nav-links {
  list-style: none;
  width: 100vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: capitalize;
  z-index: 9;
}
@media (max-width: 991px) {
  .main header nav div div .nav-links {
    justify-content: center; /* space-evenly; */
    position: fixed;
    top: 95px;
    left: 0;
    background: #00527D;
    color: #fff;
    height: 100vh;
    width: 100%;
    flex-direction: column;
    -webkit-clip-path: circle(50px at 90% -10%);
    clip-path: circle(50px at 90% -20%);
    transition: all 1s ease-out 0s;
    pointer-events: all; /* none; */
  }
  .main header nav div div .nav-links.open {
    -webkit-clip-path: circle(1000px at 90% 2%);
    clip-path: circle(1000px at 90% 2%);
    pointer-events: all; /* none */
  }
  .main header nav div div .nav-links li {
    opacity: 0;
  }
  .main header nav div div .nav-links li:nth-child(1) {
    transition: all 0.5s ease-out 0.2s;
  }
  .main header nav div div .nav-links li:nth-child(2) {
    transition: all 0.5s ease-out 0.4s;
  }
  .main header nav div div .nav-links li:nth-child(3) {
    transition: all 0.5s ease-out 0.6s;
  }
  .main header nav div div .nav-links li:nth-child(4) {
    transition: all 0.5s ease-out 0.7s;
  }
  .main header nav div div .nav-links li:nth-child(5) {
    transition: all 0.5s ease-out 0.8s;
  }
  .main header nav div div .nav-links li:nth-child(6) {
    transition: all 0.5s ease-out 0.9s;
    margin: 0;
  }
  .main header nav div div .nav-links li:nth-child(7) {
    transition: all 0.5s ease-out 1s;
    margin: 0;
  }
  .main header nav div div .nav-links li.fade {
    opacity: 1 !important;
  }
  .main header nav div div .nav-links li a {
    color: #fff !important;
  }
}
@media (max-width: 767px) {
.main header {height: auto;}
.main header nav div div .co-logo{justify-content: left;}
.main header nav div div .menu-bar {right: 15px; top: 51%; }
  .main header nav div div .nav-links {    top: 67px;}
}
.main header nav div div .nav-links.open {
  -webkit-clip-path: circle(1000px at 90% 2%);
  clip-path: circle(1000px at 90% 2%);
  pointer-events: all; /* none; */
}
.main header nav div div .nav-links li {
  position: relative;
  opacity: 0;
}
.main header nav div div .nav-links li .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%; 
  left: 4px; 
  background: #fff 0% 0% no-repeat padding-box;
  border: 0;
  padding: 36px 0 8px;
}
.main header nav div div .nav-links li .dropdown-menu li {
  border-top: 3px solid #1AAE48;
  padding-top: 4px;
}
@media (min-width: 992px) {
  .main header nav div div .nav-links li {
    opacity: 1;
  }
}
.main header nav div div .nav-links li a {
  text-align: left;
  font: normal normal 600 18px/23px Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
  text-decoration: none;
  margin: 0 40px;
}
.main header nav div div .nav-links li a:hover {
  color: #1AAE48;
}
.main header nav div div .nav-links li a:hover::before {
  width: 64%; /* 80%; */
}
/* header nav div div .nav-links li a::before {
  content: "";
  display: block;
  height: 4px;
  width: 0%;
  background-color: #1AAE48; 
  position: absolute;
  bottom: -36px; 
  transition: all ease-out 250ms;
  margin: 0 0 0 4px; 
} */
.main header nav div div .nav-links li a.active {
  font-weight: 700;
  color: #1AAE48;
}
@media (min-width: 992px) {
  .main header nav div div .nav-links li a {
    font: normal normal 600 12px/23px Mulish;
    margin: 0 16px;
  }
}
@media (min-width: 1200px) {
  .main header nav div div .nav-links li a {
    font: normal normal 600 14px/23px Mulish;
    margin: 0 20px;
  }
}
@media (min-width: 1400px) {
  .main header nav div div .nav-links li a {
    font: normal normal 600 18px/23px Mulish;
  }
  .main header nav div div .nav-links li a:first-child {
    margin: 0 32px 0 4px;
  }
}
.main header nav div div .nav-links li:hover .dropdown-menu {
  display: block;
}
.main header nav div div .nav-links li:nth-child(1) {
  transition: all 0.5s ease-out 0.2s;
}
.main header nav div div .nav-links li:nth-child(2) {
  transition: all 0.5s ease-out 0.4s;
}
.main header nav div div .nav-links li:nth-child(3) {
  transition: all 0.5s ease-out 0.6s;
}
.main header nav div div .nav-links li:nth-child(4) {
  transition: all 0.5s ease-out 0.7s;
}
.main header nav div div .nav-links li:nth-child(5) {
  transition: all 0.5s ease-out 0.8s;
}
.main header nav div div .nav-links li:nth-child(6) {
  transition: all 0.5s ease-out 0.9s;
  margin: 0;
}
.main header nav div div .nav-links li:nth-child(7) {
  transition: all 0.5s ease-out 1s;
  margin: 0;
}
.main header nav div div .nav-links li.fade {
  opacity: 1 !important;
  padding: 20px 0;
}
.main header nav .contact {
  background: #00527D 0% 0% no-repeat padding-box;
  color: #fff;
  height: 95px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
@media (min-width: 992px) {
  .main header nav .contact {
    display: block;
    width: 180px;
  }
}
@media (min-width: 1200px) {
  .main header nav .contact {
    width: 234px;
  }
}
@media (min-width: 1400px) {
  .main header nav .contact {
    width: 312px;
  }
}
@media (min-width: 1600px) {
  .main header nav .contact {
    width: 388px; /* 419px; */
  }
}
.main header nav .contact .contact-no {
  width: inherit;
  height: inherit;
}
.main header nav .contact .contact-no .bdr-right {
  height: inherit;
}
.main header nav .contact .contact-no .bdr-right i {
  font-size: 18px;padding-left: 20px;
}
@media (min-width: 1200px) {
  .main header nav .contact .contact-no .bdr-right i {
    font-size: 24px;padding-left: 20px;
  }
}
@media (min-width: 1400px) {
  .main header nav .contact .contact-no .bdr-right i {
    font-size: 30px;padding-left: 20px;
  }
}
.main header nav .contact .contact-no .call-us {
  font: normal normal bold 15px/19px Mulish;
  letter-spacing: 0px;
  color: #fff;
}
@media (min-width: 992px) {
  .main header nav .contact .contact-no .call-us {
    font: normal normal bold 12px/19px Mulish;
  }
}
@media (min-width: 1200px) {
  .main header nav .contact .contact-no .call-us {
    font: normal normal bold 15px/19px Mulish;
  }
}
.main header nav .contact .contact-no .tel-no {
  font: normal normal 600 12px/25px Mulish;
  letter-spacing: 0.56px;
  color: #fff;
}
@media (min-width: 992px) {
  .main header nav .contact .contact-no .tel-no {
    font: normal normal 600 11.4px/25px Mulish;
  }
}
@media (min-width: 1200px) {
  .main header nav .contact .contact-no .tel-no {
    font: normal normal 600 16px/25px Mulish;
  }
}
@media (min-width: 1400px) {
  .main header nav .contact .contact-no .tel-no {
    font: normal normal 600 20px/25px Mulish;
  }
}

/* Banner */
.main .sec-banner {
  padding-top: 90px;
  background: transparent url("../assets/images/header/header.png") left 80% top 50% no-repeat;
  /* background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat; */
  background-size: cover;
  padding-bottom: 90px;
}
@media (min-width: 576px) {
  .main .sec-banner {
    background: transparent url("../assets/images/header/header.png") center center no-repeat;
    background-size: cover;
  }
}
@media (min-width: 768px) {
  .main .sec-banner {
    background: transparent url("../assets/images/header/header.png") left 76% top 50% no-repeat;
    background-size: cover;
     /* 504px; */
  }
}
@media (min-width: 992px) {
  .main .sec-banner {
    background: transparent url("../assets/images/header/header.png") center bottom no-repeat;
    background-size: cover;
     /* 673px; */
  }
}
.main .sec-banner .heading-index {
  padding-top: 0;
  padding-left: 20px; /* 24px 26px; */
  font: normal normal 800 24px/32px Mulish;
  letter-spacing: 1.32px;
  color: #fff;
  text-transform: uppercase;
  /* @media screen and (max-width: 576px) {
      .animated-text-wrapper {
          font-size: inherit; 
      }
  } */
}
.main .sec-banner .heading-index span {
  text-align: left;
}
@media (min-width: 768px) {
  .main .sec-banner .heading-index {
    padding-left: 32px;
    font: normal normal 800 32px/42px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-banner .heading-index {
    padding-left: 0; /* 106px; */
    font: normal normal 800 52px/64px Mulish;
  }
}
.main .sec-banner .para-index {
  padding-left: 22px; /* 24px 26px; */
  font: normal normal normal 16px/24px Mulish;
  letter-spacing: 0.39px;
  color: #fff;
  text-align: left;
  max-width: 772px;
}
@media (min-width: 768px) {
  .main .sec-banner .para-index {
    padding-left: 32px;
    font: normal normal normal 24px/28px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-banner .para-index {
    padding-left: 0; /* 112px; */
    font: normal normal normal 26px/33px Mulish;
  }
}
.main .sec-banner .rotating-text-wrapper span {
  font-size: inherit;
  animation-duration: 6s;
  animation-iteration-count: 1;
  opacity: 1;
}
.main .sec-banner .rotating-text-wrapper span:nth-child(1) {
  animation-name: rotating-text-1;
}
@keyframes rotating-text-1 {
  0% {
    transform: translateY(200%);
  }
  32% {
    transform: translateY(100%);
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
}
.main .sec-banner .rotating-text-wrapper span:nth-child(2) {
  animation-name: rotating-text-2;
}
@keyframes rotating-text-2 {
  36% {
    transform: translateY(100%);
    opacity: 1;
  }
  64% {
    transform: translateY(0);
    opacity: 1;
  }
  67% {
    opacity: 1;
  }
}
.main .sec-banner .rotating-text-wrapper span:nth-child(3) {
  animation-name: rotating-text-3;
}
@keyframes rotating-text-3 {
  68% {
    transform: translateY(0%);
    opacity: 1;
  }
  99% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.main .zoom-in .wrapper {
  position: relative;
  text-align: center;
}
@media (min-width: 1712px) {
  .main .zoom-in .wrapper {
    /* width: 462px;
    height: 308px; */
  }
}
.main .zoom-in .wrapper .fg-gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0));
  width: auto; /* 462px; */
  height: auto; /* 308px; */
  opacity: 1;
  text-align: center;
  z-index: 1;
  border-radius: 6px;
  opacity: 1;
  text-align: center;
}

.main .zoom-in .wrapper h6 {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
  margin-bottom: 0;
  font: normal normal 300 18px/26px Mulish;
  letter-spacing: 0.39px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 768px) {
  .main .zoom-in .wrapper h6 {
    font: normal normal 300 21px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .zoom-in .wrapper h6 {
    font: normal normal 400 13px/26px Mulish;
  }
}
@media (min-width: 1200px) {
  .main .zoom-in .wrapper h6 {
    font: normal normal 400 16px/26px Mulish;
  }
}
@media (min-width: 1400px) {
  .main .zoom-in .wrapper h6 {
    font: normal normal 500 18px/26px Mulish;
  }
}
@media (min-width: 1600px) {
  .main .zoom-in .wrapper h6 {
    font: normal normal 700 20px/26px Mulish;
  }
}
.main .zoom-in .wrapper h6:hover {
  color: #1AAE48;
  transition: all 500ms ease 0ms;
}
.main .zoom-in .wrapper img {
  margin: 0 auto;
  /* display: block; */
  transition-duration: 4s;
}
.main .zoom-in .wrapper img:hover {
  transform: scale(1.2);
}
.main .zoom-in .wrapper-products {
  position: relative;
  text-align: center;
}
@media (min-width: 916px) {
  .main .zoom-in .wrapper-products {
    /* width: 253px;
    height: 203px; */
  }
}
@media (min-width: 992px) {
  .main .zoom-in .wrapper-products {
    /* width: 117px;
    height: 94px; */
  }
}
@media (min-width: 1200px) {
  .main .zoom-in .wrapper-products {
    /* width: 152px;
    height: 120px; */
  }
}
@media (min-width: 1400px) {
  .main .zoom-in .wrapper-products {
    /* width: 185px;
    height: 145px; */
  }
}
@media (min-width: 1712px) {
  .main .zoom-in .wrapper-products {
    /* width: 253px;
    height: 203px; */
  }
}
.main .zoom-in .wrapper-products .fg-gradient-products {
  position: static;
  top: 0;
  right: 0;
  bottom: 4px; /* 0; */
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.1));
  opacity: 1;
  text-align: center;
  z-index: 1;
  width: auto; /* 255px; */
  height: auto; /* 203px; */
  border-radius: 16px;
}
@media (min-width: 768px) {
  .main .zoom-in .wrapper-products .fg-gradient-products {
    /* here */
    /* position: absolute; */
  }
}
@media (min-width: 1920px) {
  .main .zoom-in .wrapper-products .fg-gradient-products {
    border-radius: 16px;
  }
}
.main .zoom-in .wrapper-products h6 {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
  margin-bottom: 0;
  font: normal normal 300 18px/1.4 Mulish;
  letter-spacing: 0.39px;
  color: #fff;
  text-transform: uppercase;
  /* cursor: pointer; */
}
@media (min-width: 768px) {
  .main .zoom-in .wrapper-products h6 {
    font: normal normal 300 21px/1.4 Mulish;
  }
}
@media (min-width: 992px) {
  .main .zoom-in .wrapper-products h6 {
    bottom: 8px;
    font: normal normal 400 13px/1.4 Mulish;
  }
}
@media (min-width: 1200px) {
  .main .zoom-in .wrapper-products h6 {
    font: normal normal 400 16px/1.4 Mulish;
  }
}
@media (min-width: 1400px) {
  .main .zoom-in .wrapper-products h6 {
    font: normal normal 500 20px/1.4 Mulish;
  }
}
@media (min-width: 1600px) {
  .main .zoom-in .wrapper-products h6 {
    font: normal normal 700 22px/1.4 Mulish;
  }
}
/* .zoom-in .wrapper-products h6:hover {
  color: #1AAE48;
  transition: all 500ms ease 0ms;
} */
.main .zoom-in .wrapper-products img {
  margin: 0 auto;
  transition-duration: 4s;
}
.main .zoom-in .wrapper-products img:hover {
  transform: scale(1.2);
}
/* Business */
.main .sec-businesses {
  padding: 16px 0px;
}
@media (min-width: 768px) {
  .main .sec-businesses {
    padding: 32px 0px;
  }
}
/* @media (min-width: 992px) {
  .main .sec-businesses {
    padding: 80px 108px 66px 108px;
  }
} */
.main .sec-businesses .business-type h6 {
  width: 100%;
  position: absolute;
  bottom: 4px; /* 16px; 32px; */
  transform: translate(-50%, -4px);
  font: normal normal 300 20px/33px Mulish;
  letter-spacing: 0.39px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 992px) {
  .main .sec-businesses .business-type h6 {
    bottom: 0;
  }
}
@media (min-width: 1400px) {
  .main .sec-businesses .business-type h6 {
    bottom: 4px;
  }
}
.main .sec-businesses .business-type h6.first-h {
  left: 68%; /* 60%; */
}
@media (min-width: 768px) {
  .main .sec-businesses .business-type h6.first-h {
    left: 64%;
  }
}
@media (min-width: 992px) {
  .main .sec-businesses .business-type h6.first-h {
    left: 68%;
  }
}
.main .sec-businesses .business-type h6.second-h {
  left: 72%;
}
@media (min-width: 768px) {
  .main .sec-businesses .business-type h6.second-h {
    left: 66%;
  }
}
@media (min-width: 992px) {
  .main .sec-businesses .business-type h6.second-h {
    left: 72%;
  }
}
.main .sec-businesses .business-type h6.third-h {
  left: 80%;
}
@media (min-width: 768px) {
  .main .sec-businesses .business-type h6.third-h {
    left: 76%;
  }
}
@media (min-width: 992px) {
  .main .sec-businesses .business-type h6.third-h {
    left: 80%;
  }
}
@media (min-width: 768px) {
  .main .sec-businesses .business-type h6 {
    font: normal normal 300 21px/33px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-businesses .business-type h6 {
    font: normal normal 400 13px/33px Mulish;
    transform: translate(-50%, 0%);
  }
}
@media (min-width: 1200px) {
  .main .sec-businesses .business-type h6 {
    font: normal normal 400 16px/33px Mulish;
  }
}
@media (min-width: 1400px) {
  .main .sec-businesses .business-type h6 {
    font: normal normal 500 20px/33px Mulish;
    transform: translate(-50%, -4px);
  }
}
@media (min-width: 1600px) {
  .main .sec-businesses .business-type h6 {
    font: normal normal 700 24px/33px Mulish;
  }
}
.main .sec-businesses .business-type h6:hover {
  color: #1AAE48;
  transition: all 500ms ease 0ms;
}
.main .sec-businesses .business-type h6 span {
  border-radius: 6px;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.7);
}

/* Export Manufacture */
.main .sec-export-manufacture {
  padding-top: 72px;
  height: auto; /* 931px; */
  background: transparent url("../assets/images/products/our-product.svg") 0% 0% no-repeat padding-box;
  background-size: cover;
}
.main .sec-export-manufacture .bdr-right {
  border-right: 0;
}
@media (min-width: 992px) {
  .main .sec-export-manufacture .bdr-right {
    border-right: 0.3000000119px solid;
    border-right-color: rgba(255, 255, 255, 0.3);
  }
}
.main .sec-export-manufacture .p-export-manufacture {
  font: normal normal normal 24px/30px Mulish;
  letter-spacing: 0px;
  color: #fff;
}
.main .sec-export-manufacture .counter-export-manufacture {
  font: normal normal normal 20px/48px Mulish;
  letter-spacing: 0px;
  color: #fff;
}
@media (min-width: 768px) {
  .main .sec-export-manufacture .counter-export-manufacture {
    font: normal normal bold 24px/48px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-export-manufacture .counter-export-manufacture {
    font: normal normal bold 32px/48px Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-export-manufacture .counter-export-manufacture {
    font: normal normal bold 36px/48px Mulish;
  }
}
@media (min-width: 1400px) {
  .main .sec-export-manufacture .counter-export-manufacture {
    font: normal normal bold 40px/48px Mulish;
  }
}
@media (min-width: 1600px) {
  .main .sec-export-manufacture .counter-export-manufacture {
    font: normal normal bold 42px/48px Mulish;
  }
}
.main .sec-export-manufacture .heading-export-manufacture {
  font: normal normal 600 24px/30px Mulish;
  letter-spacing: 0px;
  color: #fff;
}
/* @media (min-width: 768px) {
  .main .sec-export-manufacture .heading-export-manufacture {
    font: normal normal 600 28px/40px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-export-manufacture .heading-export-manufacture {
    font: normal normal 600 30px/40px Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-export-manufacture .heading-export-manufacture {
    font: normal normal 600 32px/40px Mulish;
  }
} */
.main .sec-export-manufacture .tabs {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  list-style: none;
}
@media (min-width: 1400px) {  
  .main .sec-export-manufacture .tabs {
    display: none;
  }
}
.main .sec-export-manufacture .tabs .tab-link {
  padding: 12px 20px;
  cursor: pointer;
  border: 1px solid #fff;
  border-bottom: none;
  background-color: #000;
  color: #fff;
}
.main .sec-export-manufacture .tabs .tab-link.current {
  background-color: #1AAE48;
  color: #000;
}
.main .sec-export-manufacture .tab-content .tab-pane {
  display: none;
}
/* here */
@media (min-width: 1200px) {
  .main .sec-export-manufacture .tab-content .tab-pane .centered-h {
    text-align: center;
  }
}
.main .sec-export-manufacture .tab-content .tab-pane.map-active {
  display: contents;
  /* display: block; */
}

/* Our Plant */
.main .sec-our-plant {
  padding-right: 8px;
  padding-bottom: 48px;
  padding-left: 8px;
  height: auto; /* 4449px; */
  background: #F7F8F6 0% 0% no-repeat padding-box;
}
@media (min-width: 992px) {
  .main .sec-our-plant {
    padding-right: 92px;
    padding-left: 92px;
  }
}
@media (min-width: 1200px) {
  .main .sec-our-plant {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (min-width: 1400px) {
  .main .sec-our-plant {
    padding-right: 108px;
    padding-left: 108px;
  }
}
.main .sec-our-plant h2 {
  padding-top: 24px; /* 50px; */
  padding-bottom: 16px; /* 30px; */
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .main .sec-our-plant h2 {
    padding-top: 48px;
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .main .sec-our-plant h2 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.main .sec-our-plant h2 span {
  letter-spacing: 1.08px;
  color: #24445C;
}
.main .sec-our-plant h2 span.our {
  font: normal normal normal 24px/26px Mulish;
}
@media (min-width: 768px) {
  .main .sec-our-plant h2 span.our {
    font: normal normal normal 28px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-our-plant h2 span.our {
    font: normal normal normal 36px/26px Mulish;
  }
}
.main .sec-our-plant h2 span.plant {
  font: normal normal 800 24px/26px Mulish;
}
@media (min-width: 768px) {
  .main .sec-our-plant h2 span.plant {
    font: normal normal 800 28px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-our-plant h2 span.plant {
    font: normal normal 800 36px/26px Mulish;
  }
}
.main .sec-our-plant .plant-inner {
  transition: all 500ms linear 0ms;
  -ms-box-shadow: 0px 3px 15px 0 rgba(37, 55, 69, 0.08);
  box-shadow: 0px 3px 15px 0 rgba(37, 55, 69, 0.08);
  border-radius: 6px;
  margin-bottom: 16px;
  background-color: #fff;
  position: relative;
  max-width: 480px;
  padding-bottom: 20px;
   border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.main .sec-our-plant .plant-inner .img-fluid {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.main .sec-our-plant .plant-inner:after {
  content: "";
  display: block;
  height: 4px;
  background-color: #1AAE48;
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 0;
  border-radius: 0 0 8px 0;
  transition: all 300ms ease 0ms;
}
@media (min-width: 768px) {
  .main .sec-our-plant .plant-inner:after {
    left: 48.5px;
  }
}
.main .sec-our-plant .plant-inner:hover:after {
  height: 8px;
}
/* .main .sec-our-plant .plant-inner a#sepia img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  filter: sepia(0);
  transition: 0.5s ease-in-out;
}
.main .sec-our-plant .plant-inner a#sepia:hover img {
  filter: sepia(100%);
} */
.main .sec-our-plant .plant-inner h6 {
  margin-top: 20px;
  margin-bottom: 16px;
  margin-left: 20px;
  font: normal normal bold 17.5px/26px Mulish;
  letter-spacing: 0px;
  color: #24445C;
  min-height: 24px;
}
@media (min-width: 768px) {
  .main .sec-our-plant .plant-inner h6 {
    margin-left: 25px;
  }
}
@media (min-width: 1200px) {
  .main .sec-our-plant .plant-inner h6 {
    margin-right: 4px;
  }
}
@media (min-width: 992px) {
  .main .sec-our-plant .plant-inner h6 {
    font: normal normal bold 20px/26px Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-our-plant .plant-inner h6 {
    font: normal normal bold 22px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-our-plant .plant-inner h6 {
    min-height: auto; /* 90px; */
  }
}
.main .sec-our-plant .plant-inner ul {
  margin-left: 20px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .main .sec-our-plant .plant-inner ul {
    margin-left: 25px; /* 40px; */
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .main .sec-our-plant .plant-inner ul {
  }
}
@media (min-width: 1400px) {
  .main .sec-our-plant .plant-inner ul {
  }
}
.main .sec-our-plant .plant-inner ul li {
  margin-right: 4px;
  margin-bottom: 4px;
  font: normal normal normal 16px/26px Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
}
@media (min-width: 992px) {
  .main .sec-our-plant .plant-inner ul li {
    font: normal normal normal 17px/26px Mulish;
  }
}
@media (min-width: 1400px) {
  .main .sec-our-plant .plant-inner ul li {
    font: normal normal normal 19px/26px Mulish;
  }
}
/* Our Product */
.main .sec-our-product {
  padding-bottom: 4px;
  height: auto; /* 356px; */
  background: transparent url("../assets/images/products/our-product-bg.svg") 0% 0% no-repeat padding-box;
  background-size: cover;
  opacity: 0.99;
  z-index: 1;
}
@media (min-width: 992px) {
  .main .sec-our-product {
    height: 250px;
  }
}
@media (min-width: 1200px) {
  .main .sec-our-product {
    height: 296px; /* 274px; */
  }
}
@media (min-width: 1400px) {
  .main .sec-our-product {
    height: 296px;
  }
}
@media (min-width: 1712px) {
  .main .sec-our-product {
    height: 308px;
  }
}
.main .sec-our-product h2 {
  padding-top: 24px; /* 32px 82px; */
  padding-bottom: 16px; /* 4px; */
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .main .sec-our-product h2 {
    padding-top: 80px; /* 82px; */
    padding-bottom: 60px;
  }
}
.main .sec-our-product h2 span {
  letter-spacing: 0.96px;
  color: #fff;
}
.main .sec-our-product h2 span.our {
  font: normal normal normal 24px/26px Mulish;
}
@media (min-width: 768px) {
  .main .sec-our-product h2 span.our {
    font: normal normal normal 28px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-our-product h2 span.our {
    font: normal normal normal 36px/26px Mulish;
  }
}
.main .sec-our-product h2 span.product {
  font: normal normal 800 24px/26px Mulish;
}
@media (min-width: 768px) {
  .main .sec-our-product h2 span.product {
    font: normal normal 800 28px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-our-product h2 span.product {
    font: normal normal 800 36px/26px Mulish;
  }
}
/* .main .sec-our-product .our-products {
  padding-right: 0px;
  padding-left: 0px;
  position: inherit;
  bottom: 0px;
  left: 0%; 
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products {
    bottom: 0;
    left: 0;
  }
} */
.main .sec-our-product .our-products .product-type-h h6 {
  width: 100%;
  position: absolute;
  bottom: 8px;
  font: normal normal bold 20px/25px Mulish;
  letter-spacing: 0.4px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
.main .sec-our-product .our-products .product-type-h h6.first-h {
  left: 42%; /* 28%; 30%; */
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products .product-type-h h6.first-h {
    left: 40%;
  }
}
.main .sec-our-product .our-products .product-type-h h6.second-h {
  left: 46%; /* 32%; */
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products .product-type-h h6.second-h {
    left: 44%;
  }
}
.main .sec-our-product .our-products .product-type-h h6.third-h {
  left: 40%; /* 26%; */
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products .product-type-h h6.third-h {
    left: 38%;
  }
}
.main .sec-our-product .our-products .product-type-h h6.fourth-h {
  left: 42%; /* 28%; */
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products .product-type-h h6.fourth-h {
    left: 38%;
  }
}
.main .sec-our-product .our-products .product-type-h h6.fifth-h {
  left: 44%; /* 30%; */
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products .product-type-h h6.fifth-h {
    left: 40%;
  }
}
.main .sec-our-product .our-products .product-type-h h6.sixth-h {
  left: 34%; /* 20%; */
}
@media (min-width: 768px) {
  .main .sec-our-product .our-products .product-type-h h6.sixth-h {
    left: 22%;
  }
}
@media (min-width: 992px) {
  .main .sec-our-product .our-products .product-type-h h6.sixth-h {
    left: 26%;
  }
}
.main .sec-our-product .our-products .product-type-h h6:hover {
  color: #1AAE48;
}
.main .sec-our-product .our-products .product-type-h h6 span {
  border-radius: 6px;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

/* sec-kunvarji-group */
.main .sec-kunvarji-group {
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  background-color: #F7F8F6;
}
@media (min-width: 768px) {
  .main .sec-kunvarji-group {
    padding-top: 96px;
  }
}
.main .sec-kunvarji-group .group-photo {
  
}
.main .sec-kunvarji-group h2 {
  margin-top: 16px;
  margin-bottom: 38px;
  letter-spacing: 0.48px;
  color: #24445C;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .main .sec-kunvarji-group h2 {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .main .sec-kunvarji-group h2 {
    margin-bottom: 16px;
  }
}
.main .sec-kunvarji-group h2 span:first-child {
  font: normal normal normal 22px/1.4 Mulish;
}
.main .sec-kunvarji-group h2 span:last-child {
  font: normal normal bold 22px/1.4 Mulish;
}
.main .sec-kunvarji-group p {
  margin-bottom: 24px;
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0.4px;
  color: #3A3A3A;
}
.main .sec-kunvarji-group .vertical {
  margin-bottom: 16px; /* 40px; */
  border-radius: 40px 5px 40px 40px;
  padding: 8px 0 8px 34px;
  background: #1AAE48;
  font: normal normal bold 16px/1.4 Mulish;
  letter-spacing: 0.48px;
  color: #fff;
}
@media (min-width: 992px) {
  .main .sec-kunvarji-group .vertical {
    font: normal normal bold 12px / 1.4 Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-kunvarji-group .vertical {
    font: normal normal bold 16px / 1.4 Mulish;
  }
}

.main .primary-button {
  padding: 10px 19px;
  border: 1px solid #24445C;
  background: #fff 0% 0% no-repeat padding-box;
  color: #24445C;
  border-radius: 6px;
}
.main .primary-button span:first-child {
  padding-right: 32px;
}
.main .primary-button.secondary-button {
  font: normal normal bold 16px/1.4 Mulish;
  letter-spacing: 0.96px;
  color: #1AAE4B;
  padding: 0;
}
@media (min-width: 768px) {
  .main .primary-button.secondary-button {
  }
}
@media (min-width: 992px) {
  .main .primary-button.secondary-button {
  }
}
@media (min-width: 1200px) {
  .main .primary-button.secondary-button {
  }
}
@media (min-width: 1366px) {
  .main .primary-button.secondary-button {
  }
}
@media (min-width: 1600px) {
  .main .primary-button.secondary-button {
  }
}
@media (min-width: 1920px) {
  .main .primary-button.secondary-button {
  }
}
/* .main .primary-button.product-button:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 20px;
  right: 20px;
  height: 2px;
  background-color: #4aab3d;
} */
.main .primary-button.ml-blog {
  margin-left: 64px !important;
}

.main .primary-btn {
  padding: 3px 20px;
  /* padding: 4px 29px; */
  background: #1F2B1E 0% 0% no-repeat padding-box;
  border-radius: 6px;
}

.main .primary-btn span {
  font: normal normal 600 18px/33px Mulish;
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
}

.main div#map-container {
  width: 384px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  /* width: 100%;  */
  /* max-width: 100%;  */
}
@media (min-width: 768px) {
  .main div#map-container {
    width: 752px;
  }
}
@media (min-width: 992px) {
  .main div#map-container {
    /* here */
    width: 1024px; /* 1344px; */
    /* max-width: 1344px; */
  }
}
.main div#map-container.scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.main .svg-map--world svg {
  width: 400px; /* 384px; */
}
.main .svg-map--world svg#world-map {
  height: auto;
  cursor: pointer;
}
.main .svg-map--world svg#world-map.enlarged {
  width: 192%; /* 175%; */
}
@media (min-width: 768px) {
  .main .svg-map--world svg {
    width: 752px;
  }
}
@media (min-width: 992px) {
  .main .svg-map--world svg {
    width: 880px; /* 1024px; 992px */
  }
  .main .svg-map--world svg#world-map.enlarged {
    width: inherit;
  }
}
@media (min-width: 1200px) {
  /* here */
  /* .main .svg-map--world svg {
    width: 1120px; 
  } */
  .main .svg-map--world svg {
    width: 1024px; /* 992px */
  }
}
@media (min-width: 1920px) {
  /* here */
  /* .main .svg-map--world svg {
    width: 1328px;
  } */
}
.main .svg-map--world svg title {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 4px;
  border-radius: 6px;
  font-size: 16px;
  pointer-events: none;
}
.main .svg-map--world svg:hover title {
  display: block;
}
.main .svg-map--world path {
  stroke: #fff; /* #ffffff; */
  transform: matrix(0.3474, 0, 0, 0.3474, 0, 0);
  cursor: pointer;
  fill-opacity: 1;
  transition: all 0.5s ease-out 0.2s;
}
.main .svg-map--world path:hover {
  fill: #00527D; /* #3b729f; */
}
.main .svg-map--world text {
  font-size: 3px;
  fill: #000;
  display: none;
  transition: all 0.5s ease-out 0.2s;
  text-anchor: middle;
  font-family: "Mulish", sans-serif;
}
.main .svg-map--world path, .main .svg-map--world text {
  opacity: 1;
  display: block;
  z-index: 1;
}
.main .svg-map--world path.is-show, .main .svg-map--world text.is-show {
  opacity: 1;
}
.main .svg-map--world path.is-show {
  fill: #00527D; /* #3b729f; */
}
.main .svg-map--world text.svg-map--world__num {
  font-size: 6px;
  transform: translate(0, 3px);
  fill: #fff;
  font-family: "Mulish", sans-serif;
}

.main .app-svg-map--india svg path:hover {
  fill: #00527D; /* #3b729f; */
}
@media (min-width: 992px) {
  .main .app-svg-map--india svg {
    width: 848px; /* 864px; 928px; 1024px; */
  }
}
@media (min-width: 1200px) {
  /* here */
  /* .main .app-svg-map--india svg {
    width: 1190px;
  } */
}
@media (min-width: 1400px) {
  /* here */
  /* .main .app-svg-map--india svg {
    width: auto;
  } */
  .main .app-svg-map--india svg {
    width: auto;
  }
}

/* Subscribe */
.main .sec-subscribe {
  background: #fff 0% 0% no-repeat padding-box;
}
.main .sec-subscribe h6 {
  font-size: 33px;
  font-weight: 600;
  letter-spacing: 1.32px;
  line-height: 39.6px;
  color: #3A3A3A;
}
.main .sec-subscribe p {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.68px;
  line-height: 20.4px;
  color: #434342;
  text-align: center;
}
.main .sec-subscribe .subscribe_form {
  max-width: 502px;
  width: 100%;
  margin: 0 auto;
  /* box-shadow: 0px 2px 5px 0px rgba(10, 6, 20, 0.24); */
}
.main .sec-subscribe .subscribe_form:focus {
  outline: none;
}
.main .sec-subscribe .subscribe_form input {
  height: 44px;
}
.main .sec-subscribe .subscribe_form input.form-control {
  border-top-left-radius: 32px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 0;
  border: 0.5px solid #40A8DC;
  text-indent: 16px;
}
.main .sec-subscribe .subscribe_form input.form-control:focus {
  box-shadow: none;
}
.main .sec-subscribe .subscribe_form .input-group-btn:last-child > .main .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 32px;
  z-index: 2;
  margin-left: 0px;
}
.main .sec-subscribe .subscribe_form .input-group-btn:last-child > .main .btn-group {
  border-top-left-radius: 0;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 32px;
  z-index: 2;
  margin-left: 0px;
}
.main .sec-subscribe .subscribe_form button {
  border: none;
  height: 44px;
  background-color: #24445C;
  color: #fff;
  margin: -1px;
  border-radius: 0;
  width: 135px;
  text-transform: capitalize;
  position: relative;
  transition: all ease 0.3s;
}
.main .sec-subscribe .subscribe_form button:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transition: all ease 0.3s;
}
.main .sec-subscribe .subscribe_form button:hover, .main .sec-subscribe .subscribe_form button:focus, .main .sec-subscribe .subscribe_form button:active, .main .sec-subscribe .subscribe_form button:visited {
  color: #fff;
  background-color: #141414;
  outline: none;
  transition: all ease 0.3s;
}
.main .sec-subscribe .subscribe_form button:hover:before, .main .sec-subscribe .subscribe_form button:focus:before, .main .sec-subscribe .subscribe_form button:active:before, .main .sec-subscribe .subscribe_form button:visited:before {
  background-color: #141414;
  transition: all ease 0.3s;
}

/* Subscribe */
/* Footer */
.main footer {
  padding: 32px 16px 32px 16px;
  background: #24445C 0% 0% no-repeat padding-box;
}
@media (min-width: 992px) {
  .main footer {
    padding: 32px 108px 32px 108px;
  }
}
.main footer .footer-logo {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .main footer .footer-logo {
    text-align: center;
  }
}
.main footer h6 {
  font-size: 16px;
  font-weight: 600; /* 500; */
  letter-spacing: 0px;
  line-height: 16.8px;
  color: #1AAE48;
}
.main footer .location {
  font: normal normal normal 18px/26px Mulish;
  letter-spacing: 0.58px;
  color: #fff;
}
.main footer .location:hover a {
  color: #1AAE48 !important;
  transition: all 500ms linear 0ms;
}
.main footer .phone,
.main footer .email {
  /* here */
  font: normal normal normal 10px/1.4 Mulish;
  letter-spacing: 0.40px;
  color: #fff;
}
@media (min-width: 387px) {
  .main footer .phone,
  .main footer .email {
    font: normal normal normal 13px/1.4 Mulish;
    letter-spacing: 0.58px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .main footer .phone,
  .main footer .email {
    margin-left: 7px !important;
  }
}
@media (min-width: 768px) {
  .main footer .phone,
  .main footer .email {
    font: normal normal normal 12.4px/1.4 Mulish;
  }
}
@media (min-width: 992px) {
  .main footer .phone,
  .main footer .email {
    font: normal normal normal 14px/1.4 Mulish;
  }
}
@media (min-width: 1200px) {
  .main footer .phone,
  .main footer .email {
    font: normal normal normal 15.2px/1.4 Mulish;
  }
}
.main footer .phone:hover a,
.main footer .email:hover a {
  color: #1AAE48 !important;
  transition: all 500ms linear 0ms;
}
.main footer ul.useful-links li a {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.98px;
  line-height: 21.6px;
  color: #F5F5F5;
}
.main footer ul.useful-links li a:hover {
  color: #3096D4;
}
.main footer ul.our-services li a {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.28px;
  line-height: 20.8px;
  color: #fff;
}
.main footer ul.our-services li a:hover {
  color: #3096D4;
}
.main footer .social-media-wrapper {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .main footer .social-media-wrapper {
    padding-top: 32px;
  }
}
.main footer .social-media-wrapper .social-media {
  width: 40px;
  height: 40px;
  border: 0.4320650101px solid #F3F3F3;
  border-radius: 100%;
  cursor: pointer;
}
.main footer .social-media-wrapper .social-media:hover {
  background: #fff;
  border: 0.4320650101px solid #fff;
  color: #fff;
  transition: all 500ms linear 0ms;
}
.main footer .social-media-wrapper .social-media:hover i {
  color: #000;
}
.main footer .social-media-wrapper .social-media i {
  color: #fff;
}
.main footer .policy-terms-copyright {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  letter-spacing: 0.77px;
  color: #F3F3F3;
}
@media (min-width: 768px) {
  .main footer .policy-terms-copyright {
    padding-top: 48px;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .main footer .policy-terms-copyright {
    padding-top: 56px; /* 140px; */
  }
}
.main footer .policy-terms-copyright a {
  color: #F3F3F3;
}
.main footer .policy-terms-copyright a:first-child {
  border-right: 1px solid #F3F3F3;
  padding-right: 8px;
}
.main footer .policy-terms-copyright a:last-child {
  padding-left: 8px;
}
.main footer h6 {
  margin-bottom: 21px;
  font: normal normal bold 28px/33px Mulish;
  letter-spacing: 0.56px;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .main footer h6 {
    margin-bottom: 22px;
    text-align: left;
  }
}
.main footer form#quickContact .input-mb {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .main footer form#quickContact .input-mb {
    margin-bottom: 18px;
  }
}
.main footer form#quickContact .input-mb .form-control.submit-now {
  padding: 2px 16px !important;
  background: #F3F3F3 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal 600 14px/33px Mulish;
  color: #3A3A3A;
}
@media (min-width: 768px) {
  .main footer form#quickContact .input-mb .form-control.submit-now {
    padding: 4px 16px !important;
  }
}
.main footer form#quickContact .primary-btn.submit-now {
  border: 0.6000000238px solid #F3F3F3;
  padding: 4px 40px;
  background: transparent 0% 0% no-repeat padding-box;
  border-radius: 4px;
}
.main footer form#quickContact .primary-btn.submit-now:hover {
  background: #fff;
  transition: all 500ms linear 0ms;
}
.main footer form#quickContact .primary-btn.submit-now:hover span {
  color: #00527D;
}

/* Footer */
/* Banner Others */
.main .sec-banner-products,
.main .sec-banner-spices,
.main .sec-banner-rice,
.main .sec-banner-peanuts,
.main .sec-banner-pulses,
.main .sec-banner-sugar,
.main .sec-banner-animal-feed,
.main .sec-banner-blog,
.main .sec-banner-about-us,
.main .sec-banner-infrastructure,
.main .sec-banner-business,
.main .sec-banner-contact-us {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner_sub {
  padding: 240px 0 80px 4px;
}
.banner_sub h1 { padding-top: 30px; }
.banner_right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 940px;
}

@media (max-width: 1370px) {
  .banner_sub {
    padding: 200px 0 60px 4px;
  }
  .banner_right {
    max-width: 770px;
  }
}
@media (max-width: 1100px) {
  .banner_sub {
    padding: 160px 0 50px 4px;
  }
  .banner_right {
    max-width: 660px;
  }
}
@media (max-width: 992px) {
  .banner_sub {
    padding: 140px 0 40px 4px;
  }
  .banner_right {
    max-width: 600px;
    right: -50px;
  }
}
@media (max-width: 767px) {
  .banner_right { display: none; }
}
.main .sec-banner-products nav ol li:first-child,
.main .sec-banner-spices nav ol li:first-child,
.main .sec-banner-rice nav ol li:first-child,
.main .sec-banner-peanuts nav ol li:first-child,
.main .sec-banner-pulses nav ol li:first-child,
.main .sec-banner-sugar nav ol li:first-child,
.main .sec-banner-animal-feed nav ol li:first-child,
.main .sec-banner-blog nav ol li:first-child,
.main .sec-banner-about-us nav ol li:first-child,
.main .sec-banner-infrastructure nav ol li:first-child,
.main .sec-banner-business nav ol li:first-child,
.main .sec-banner-contact-us nav ol li:first-child {
  border-right: 1px solid #707070;
  padding-right: 12px;
}
.main .sec-banner-products nav ol li:first-child a,
.main .sec-banner-spices nav ol li:first-child a,
.main .sec-banner-rice nav ol li:first-child a,
.main .sec-banner-peanuts nav ol li:first-child a,
.main .sec-banner-pulses nav ol li:first-child a,
.main .sec-banner-sugar nav ol li:first-child a,
.main .sec-banner-animal-feed nav ol li:first-child a,
.main .sec-banner-blog nav ol li:first-child a,
.main .sec-banner-about-us nav ol li:first-child a,
.main .sec-banner-infrastructure nav ol li:first-child a,
.main .sec-banner-business nav ol li:first-child a,
.main .sec-banner-contact-us nav ol li:first-child a {
  font: normal normal normal 26px/33px Mulish;
  letter-spacing: 0.39px;
  color: #F5FAF6;
}
.main .sec-banner-products nav ol li:last-child a,
.main .sec-banner-spices nav ol li:last-child a,
.main .sec-banner-rice nav ol li:last-child a,
.main .sec-banner-peanuts nav ol li:last-child a,
.main .sec-banner-pulses nav ol li:last-child a,
.main .sec-banner-sugar nav ol li:last-child a,
.main .sec-banner-animal-feed nav ol li:last-child a,
.main .sec-banner-blog nav ol li:last-child a,
.main .sec-banner-about-us nav ol li:last-child a,
.main .sec-banner-infrastructure nav ol li:last-child a,
.main .sec-banner-business nav ol li:last-child a,
.main .sec-banner-contact-us nav ol li:last-child a {
  font: normal normal 800 26px/33px Mulish;
  letter-spacing: 0.39px;
  color: #F5FAF6;
}
.main .sec-banner-products h1,
.main .sec-banner-spices h1,
.main .sec-banner-rice h1,
.main .sec-banner-peanuts h1,
.main .sec-banner-pulses h1,
.main .sec-banner-sugar h1,
.main .sec-banner-animal-feed h1,
.main .sec-banner-blog h1,
.main .sec-banner-about-us h1,
.main .sec-banner-infrastructure h1,
.main .sec-banner-business h1,
.main .sec-banner-contact-us h1 {
  font: normal normal 800 24px/26px Mulish;
  letter-spacing: 1.32px;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .main .sec-banner-products h1,
  .main .sec-banner-spices h1,
  .main .sec-banner-rice h1,
  .main .sec-banner-peanuts h1,
  .main .sec-banner-pulses h1,
  .main .sec-banner-sugar h1,
  .main .sec-banner-animal-feed h1,
  .main .sec-banner-blog h1,
  .main .sec-banner-about-us h1,
  .main .sec-banner-infrastructure h1,
  .main .sec-banner-business h1,
  .main .sec-banner-contact-us h1 {
    font: normal normal 800 48px/26px Mulish;
  }
}
/* Banner Others */
/* Products */
.main .sec-product {
  padding-right: 16px;
  padding-left: 16px;
  background: #F5FBF6 0% 0% no-repeat padding-box;
  opacity: 1;
  height: auto; /* 1604px; */
}
@media (min-width: 768px) {
  .main .sec-product {
    padding-right: 104px;
    padding-left: 104px;
  }
}
@media (min-width: 992px) {
  .main .sec-product {
    padding-right: 92px;
    padding-left: 92px;
  }
}
.main .sec-product p {
  font: normal normal 600 18px/26px Mulish;
  letter-spacing: 0.77px;
  color: #2A3D3C;
}
.main .sec-product ul {
  margin-left: 24px;
  list-style: disc;
}
.main .sec-product .product-type {
  max-width: 478px;
  height: 100%;
}
.main .sec-product .product-type .product-item {
  position: relative;
  min-height: auto;
  transition: all 0.4s ease-in-out 0s;
}
@media (min-width: 1200px) {
  .main .sec-product .product-type .product-item {
    min-height: auto;
  }
}
.main .sec-product .product-type .product-item:hover:after {
  content: "";
  position: absolute;
  display: none;
  bottom: -2px;
  right: 35px;
  left: 35px;
  height: 4px;
  background-color: #1AAE48;
  opacity: 1;
  transform: scale(0.8);
  transition: all 0.4s ease-in-out 0s;
}
.main .sec-product .product-type .product-item .product-img {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out 0s;
}
.main .sec-product .product-type .product-item .product-img:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 64px;
  width: calc(100% + 64px);
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  transition: all 0.4s ease-in-out 0s;
}
.main .sec-product .product-type .product-item .product-body {
  position: relative;
  z-index: 2;
  min-height: auto;
}
@media (min-width: 768px) {
  .main .sec-product .product-type .product-item .product-body {
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .main .sec-product .product-type .product-item .product-body {
    min-height: auto; 
  }
}
@media (min-width: 1200px) {
  .main .sec-product .product-type .product-item .product-body {
    min-height: auto;
  }
}
@media (min-width: 1400px) {
  .main .sec-product .product-type .product-item .product-body {
    min-height: auto;
  }
}
@media (min-width: 1600px) {
  .main .sec-product .product-type .product-item .product-body {
    min-height: auto;
  }
}
@media (min-width: 1920px) {
  .main .sec-product .product-type .product-item .product-body {
    min-height: auto;
  }
}
.main .sec-product .product-type .product-item .product-body h6 {
  margin-top: 18px;
  margin-left: 39px;
  font: normal normal bold 20px/26px Mulish;
  letter-spacing: 0px;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .main .sec-product .product-type .product-item .product-body h6 {
    font: normal normal bold 22px/26px Mulish;
  }
}
.main .sec-product .product-type .product-item .product-body p {
  margin-top: 20px;
  margin-right: 29px;
  margin-left: 39px;
  font: normal normal 600 18px/26px Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
  text-align: left;
}
@media (min-width: 768px) {
  .main .sec-product .product-type .product-item .product-body p {
  }
}
@media (min-width: 992px) {
  .main .sec-product .product-type .product-item .product-body p {
  }
}
@media (min-width: 1200px) {
  .main .sec-product .product-type .product-item .product-body p {
  }
}
@media (min-width: 1400px) {
  .main .sec-product .product-type .product-item .product-body p {
  }
}
@media (min-width: 1600px) {
  .main .sec-product .product-type .product-item .product-body p {
  }
}
@media (min-width: 1920px) {
  .main .sec-product .product-type .product-item .product-body p {
  }
}
.main .sec-product .product-type .product-item .product-body .read-more .a-read-more {
  margin-left: 40px;
}
/* .main .sec-product .product-type .product-item .product-body .read-more .a-read-more::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 0;
  left: 44px; 
  width: 160px;
  height: 4px;
  background-color: #1AAE48;
  opacity: 1;
  transform: scale(0.8);
  transition: all 0.4s ease-in-out 0s;
} */
.main .sec-product .product-type .product-item .product-body .read-more .a-read-more:hover {
  border: 1px solid #1AAE48;
  background: #1AAE48 0% 0% no-repeat padding-box;
  color: #fff;
}
/* @media (min-width: 992px) {
  .sec-product .product-type .product-item .product-body .read-more {
    position: absolute;
    bottom: 0;
  }
} */

/* Product Spices */
.main .sec-product-spices {
  padding-top: 92px;
  padding-right: 16px;
  padding-left: 16px;
  background: #fff 0% 0% no-repeat padding-box;
  opacity: 1;
}
@media (min-width: 992px) {
  .main .sec-product-spices {
    padding-right: 116px; /* 124px; */
    padding-left: 116px; /* 124px; */
  }
}
.main .sec-product-spices h3 {
  margin-bottom: 20px;
  /* font: normal normal 800 60px/30px Mulish; */
  font: normal normal 800 40px/30px Mulish;
  letter-spacing: 1.92px;
  color: #2A3D3C;
}
.main .sec-product-spices a.raw-peanut,
.main .sec-product-spices a.blanched-peanut-whole,
.main .sec-product-spices a.blanched-peanut-splits,
.main .sec-product-spices a.granulated-peanut,
.main .sec-product-spices a.peanut-powder,
.main .sec-product-spices a.soya-doc,
.main .sec-product-spices a.cotton-seed-oil-cake, 
.main .sec-product-spices a.tur,
.main .sec-product-spices a.mung,
.main .sec-product-spices a.rajma,
.main .sec-product-spices a.kabuli-chana,
.main .sec-product-spices a.basmati,
.main .sec-product-spices a.non-basmati,
.main .sec-product-spices a.broken,
.main .sec-product-spices a.cumin,
.main .sec-product-spices a.chilli,
.main .sec-product-spices a.coriander,
.main .sec-product-spices a.fenugreek,
.main .sec-product-spices a.fennel {
  margin-right: 16px;
  margin-bottom: 8px;
  border: 1px solid #24445C;
  padding: 8px 24px;
  border-radius: 6px;
  font: normal normal bold 18px/26px Mulish;
  letter-spacing: 0px;
  color: #24445C;
  text-transform: uppercase;
}
.main .sec-product-spices p span {
  padding-right: 6px;
  padding-left: 4px;
  border-right: 1px solid #7A7A7A;
  font: normal normal bold 20px/30px Mulish;
  letter-spacing: 0.64px;
  color: #2A3D3C;
}
.main .sec-product-spices p span:first-child {
  padding-right: 6px;
  padding-left: 0px;
}
.main .sec-product-spices p span:last-child {
  border: 0;
}
.main .sec-product-spices .p-product {
  font: normal normal normal 18px/26px Mulish;
  letter-spacing: 0.7px;
  color: #2A3D3C;
}
.main .sec-product-spices h2 {
  font: normal normal bold 26px/26px Mulish;
  letter-spacing: 0.83px;
  color: #2A3D3C;
}
.main .sec-product-spices p.p-specific {
  margin-top: 24px;
  font: normal normal normal 18px/26px Mulish;
  letter-spacing: 0.7px;
  color: #2A3D3C;
}

/* Product Spices */
/* Products */
.main .sec-product-spices .wrapper-peanut {
  padding: 32px 16px 16px;
  background: #F1F6F3 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
@media (min-width: 992px) {
  .main .sec-product-spices .wrapper-peanut {
    padding: 32px 32px 16px;
  }
}
.main .sec-product-spices figure {
  position: relative;
}
.main .sec-product-spices figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  opacity: 0;
}
.main .sec-product-spices figure:hover::before {
  animation: circle 0.75s;
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 128%;
    height: 128%;
    opacity: 0;
  }
}

/* Products */
/* About Us */
.main .sec-introduction {
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background: #F5FAF6 0% 0% no-repeat padding-box;
  height: auto; /* 1166px; */
}
@media (min-width: 992px) {
  .main .sec-introduction {
    padding-right: 96px; /* 136px; 160px; */
    padding-bottom: 72px;
    padding-left: 96px; /* 136px 160px; */
  }
}
@media (min-width: 1200px) {
  .main .sec-introduction {
    padding-right: 108px;
    padding-left: 108px;
  }
}
.main .sec-introduction .about-us-info {
  padding-top: 32px;
  text-align: center;
  border-radius: 6px;
  height: auto; /* 545px; */
}
@media (min-width: 992px) {
  .main .sec-introduction .about-us-info {
    padding-top: 72px; /* 123px; */
    text-align: left;
  }
}
.main .sec-introduction .about-us-info .about-us-text {
  padding-top: 44px;
  padding-left: 24px;
  position: absolute;
  top: 72px;
  right: 116px;
  width: 261px;
  height: 197px;
  background: #1AAE48 0% 0% no-repeat padding-box; /* #1AAE4B */
  border: 1px solid #707070;
  border-radius: 16px;
}
.main .sec-introduction .about-us-info .about-us-text text {
  font: normal normal bold 32px/35px Mulish;
  letter-spacing: 1.02px;
  color: #fff;
}
.main .sec-introduction h3 {
  padding-top: 32px;
  font: normal normal bold 20px/1.4 Mulish;
  letter-spacing: 1.02px;
  color: #2A3D3C;
}
@media (min-width: 992px) {
  .main .sec-introduction h3 {
    padding-top: 96px; /* 123px; */
    font: normal normal bold 22px/1.4 Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-introduction h3 {
    font: normal normal bold 24px/1.4 Mulish;
  }
}
.main .sec-introduction p.para-info {
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0.64px;
  color: #3A3A3A;
}

/* About Us */
/* Mission-Vision */
.main .sec-mission-vision {
  padding-right: 16px;
  padding-left: 16px;
  height: auto;
  background: transparent url("../assets/images/about-us/mission-vision_bg.svg") 100% 100% no-repeat;
  background-size: cover;
}
@media (min-width: 992px) {
  .main .sec-mission-vision {
    padding-right: 96px;
    padding-left: 96px;
  }
}
@media (min-width: 1200px) {
  .main .sec-mission-vision {
    padding-right: 108px;
    padding-left: 108px;
  }
}
.main .sec-mission-vision .our-mission,
.main .sec-mission-vision .our-vision {
  margin-top: 24px;
  margin-bottom: 24px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 7px;
  letter-spacing: 1.09px;
  padding: 0 0 20px;
}
@media (min-width: 768px) {
  .main .sec-mission-vision .our-mission,
  .main .sec-mission-vision .our-vision {
  }
}
@media (min-width: 992px) {
  .main .sec-mission-vision .our-mission,
  .main .sec-mission-vision .our-vision {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .main .sec-mission-vision .our-mission,
  .main .sec-mission-vision .our-vision {
  }
}
@media (min-width: 1400px) {
  .main .sec-mission-vision .our-mission,
  .main .sec-mission-vision .our-vision {
  }
}
@media (min-width: 1600px) {
  .main .sec-mission-vision .our-mission,
  .main .sec-mission-vision .our-vision {
  }
}
@media (min-width: 1920px) {
  .main .sec-mission-vision .our-mission,
  .main .sec-mission-vision .our-vision {
  }
}
.main .sec-mission-vision .our-mission h3,
.main .sec-mission-vision .our-vision h3 {
  padding-top: 22px;
  padding-left: 34px;
}
.main .sec-mission-vision .our-mission h3 span:first-child,
.main .sec-mission-vision .our-vision h3 span:first-child {
  font: normal normal normal 24px/1.4 Mulish;
  color: #2A3D3C;
}
.main .sec-mission-vision .our-mission h3 span:last-child,
.main .sec-mission-vision .our-vision h3 span:last-child {
  font: normal normal bold 24px/1.4 Mulish;
  color: #1AAE48; /* #1AAE4B; */
}
.main .sec-mission-vision .our-mission p,
.main .sec-mission-vision .our-vision p {
  margin-left: 26px;
  margin-bottom: 22px;
  border-left: 1px solid #1AAE48; /* #1AAE4B */
  padding-right: 24px;
  padding-left: 10px;
  /* padding-left: 36px; 34px; */
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0.32px;
  color: #1F2B1E;
}

/* Mission-Vision */
/* Director */
.main .sec-director {
  padding: 48px 0;
  padding-right: 16px;
  padding-left: 16px;
  background: #F5FAF6 0% 0% no-repeat padding-box;
  height: auto; /* 688px; */
}
@media (min-width: 992px) {
  .main .sec-director {
    padding-right: 136px;
    padding-left: 136px;
  }
}
.main .sec-director h3 {
  font: normal normal bold 20px/1.4 Mulish;
  letter-spacing: 0.9px;
  color: #2A3D3C;
}
@media (min-width: 992px) {
  .main .sec-director h3 {
    font: normal normal bold 22px/1.4 Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-director h3 {
    font: normal normal bold 24px/1.4 Mulish;
  }
}
.main .sec-director h4 {
  margin-bottom: 31px; /* 63px */
  font: normal normal normal 18px/1.4 Mulish;
  letter-spacing: 0.78px;
  color: #2A3D3C;
}
@media (min-width: 992px) {
  .main .sec-director h4 {
    font: normal normal normal 21px/1.4 Mulish;
  }
}
@media (min-width: 1200px) {
  .main .sec-director h4 {
    font: normal normal normal 22px/1.4 Mulish;
  }
}
.main .sec-director hr.director-line {
  margin-bottom: 31px;
  border: 1px solid #1AAE48;
}
.main .sec-director p {
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
}
.main .sec-director .director-photo {
  border-radius: 6px;
}

/* Director */
/* Contact Us */
.main .sec-contact-ways {
  padding: 48px 16px;
  height: auto; 
  background: #F5FAF6 0% 0% no-repeat padding-box;
}
@media (min-width: 1600px) {
  .main .sec-contact-ways {
    padding-right: 108px;
    padding-left: 108px;
  }
}
.main .sec-contact-ways .contact-way {
  width: auto; /* 486px; */
  background: #fff 0% 0% no-repeat padding-box;
  border: 0.400000006px solid #707070;
  height: 100%;
  padding: 20px 14px 25px;
}
@media (min-width: 1600px) {
  .main .sec-contact-ways .contact-way {
    width: auto; /* 486px; */
  }
}
.main .sec-contact-ways .contact-way .contact-way-image {
  margin-top: 0;
  margin-bottom: 32px;
  width: 93px;
  height: 93px;
}
.main .sec-contact-ways .contact-way .email,
.main .sec-contact-ways .contact-way .phone,
.main .sec-contact-ways .contact-way .location {
  font: normal normal normal 14px/1.4 Mulish;
  letter-spacing: 0.7px;
}
@media (min-width: 768px) {
  .main .sec-contact-ways .contact-way .email,
  .main .sec-contact-ways .contact-way .phone,
  .main .sec-contact-ways .contact-way .location {
    font: normal normal normal 15px/1.4 Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-contact-ways .contact-way .email,
  .main .sec-contact-ways .contact-way .phone,
  .main .sec-contact-ways .contact-way .location {
    font: normal normal normal 16px/1.4 Mulish;
  }
}
.main .sec-contact-ways .contact-way .email a,
.main .sec-contact-ways .contact-way .phone a,
.main .sec-contact-ways .contact-way .location a {
  color: #3A3A3A;
}
.sec-contact-ways .contact-way .email:hover a,
.sec-contact-ways .contact-way .phone:hover a,
.sec-contact-ways .contact-way .location:hover a {
  color: #1AAE48 !important;
  transition: all 500ms linear 0ms;
}
.main .sec-contact-ways .contact-way .location {
  text-align: center;
  letter-spacing: 0.58px;
  width: 320px;
}
@media (min-width: 992px) {
  .main .sec-contact-ways .contact-way .location {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .main .sec-contact-ways .contact-way .location {
    width: 360px;
  }
}
.main .sec-contact-ways .contact-way h6 {
  margin-bottom: 6px;
  font: normal normal bold 18px/1.4 Mulish;
  letter-spacing: 0.67px;
  color: #2A3D3C;
}

.main .sec-contact-presence {
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  background: #fff 0% 0% no-repeat padding-box;
  height: auto; /* 2234px; */
}
@media (min-width: 1200px) {
  .main .sec-contact-presence {
    padding-top: 32px;
    padding-right: 108px;
    padding-bottom: 32px;
    padding-left: 108px;
  }
}
.main .sec-contact-presence .contact-presence h5 {
  margin-bottom: 24px;
  font: normal normal bold 20px/1.4 Mulish;
  letter-spacing: 0px;
  color: #2A3D3C;
  text-align: left;
}
.main .sec-contact-presence .contact-presence img {
  width: 50px;
  height: 50px;
}
.main .sec-contact-presence .contact-presence .location {
  margin-bottom: 8px;
  font: normal normal normal 16px/1.4 Mulish;
  min-height: 0;
  letter-spacing: 0.77px;
  color: #3A3A3A;
}
@media (min-width: 768px) {
  .main .sec-contact-presence .contact-presence .location {
    min-height: 66px; /* ? */
  }
}
.main .sec-contact-presence .contact-presence .phone {
  font: normal normal normal 24px/42px Mulish;
  letter-spacing: 0.77px;
}
.main .sec-contact-presence .contact-presence .phone a {
  color: #3A3A3A;
}

/* Contact Us */
/* Businesses Module */
.main .sec-businesses-module {
  padding-top: 48px;
  padding-bottom: 48px;

}
@media (min-width: 992px) {
  .main .sec-businesses-module {
    padding-top: 71px;
    padding-bottom: 71px;
  }
}
.main .sec-businesses-module h3 {
  font: normal normal 800 28px/1.5 Mulish;
  letter-spacing: 0px;
  color: #2A3D3C;
  text-transform: uppercase;
  position: relative;
}
.main .sec-businesses-module h3::after {
  content: "";
  width: 70%;
  height: 0;
  background-color: #2A3D3C;
  position: absolute;
  bottom: 5px;
  left: 0;
  height: 3px;
}


.main .sec-businesses-type {
  background: #F5FBF6 0% 0% no-repeat padding-box; /* #F6F7F8 */
  padding-top: 48px;
  padding-right: 16px;
  padding-bottom: 48px;
  padding-left: 16px;
  height: auto; /* 700px; */
}
/* @media (min-width: 992px) {
  .main .sec-businesses-type {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
@media (min-width: 1400px) {
  .main .sec-businesses-type {
    padding-right: 108px;
    padding-left: 108px;
  }
} */
.main .sec-businesses-type .type-of-business {
  position: relative;
  padding-right: 32px;
  padding-left: 32px;
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 6px;
  /* here */
  max-width: inherit;
  /* max-width: 302px; 424px; 536px; */
  min-height: auto;
  margin-top: 48px;
  margin-right: 0;
}
@media (min-width: 992px) {
  .main .sec-businesses-type .type-of-business {
    margin-top: 0;
    /* here */
    margin-right: 16px; /* 32px; */
    margin-bottom: 0;
    /* here */
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  .sec-businesses-type .type-of-business {
    min-height: 1245px;
  }
}
@media (min-width: 1200px) {
  .main .sec-businesses-type .type-of-business {
     /* 1096px; */
  }
}
@media (min-width: 1400px) {
  .main .sec-businesses-type .type-of-business {
     /* 1072px; */
  }
}
@media (min-width: 1600px) {
  .main .sec-businesses-type .type-of-business {
     /* 992px; */
  }
}
@media (min-width: 1920px) {
  .main .sec-businesses-type .type-of-business {
     /* 758px; */
  }
}
.main .sec-businesses-type .type-of-business .type-of-business-img {
  position: absolute;
  top: -32px;
  transform: translateY(0%);
  max-width: 108px;
  max-height: 108px;
}
.main .sec-businesses-type .type-of-business h2 {
  margin-top: 89px; /* 92px; 100px; */
  margin-bottom: 16px;
  font: normal normal 800 24px/1.4 Mulish;
  letter-spacing: 0px;
  color: #2A3D3C;
}
.main .sec-businesses-type .type-of-business p {
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
}
.main .sec-businesses-type .type-of-business:after {
  content: "";
  display: block;
  height: 4px;
  background-color: #1AAE48;
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 0;
  border-radius: 0 0 8px 0;
  transition: all 300ms ease 0ms;
}
@media (min-width: 768px) {
  .main .sec-businesses-type .type-of-business:after {
    left: 48.5px;
  }
}
.main .sec-businesses-type .type-of-business:hover:after {
  height: 8px;
}

/* Businesses Module */
.main .div-container-1 {
  display: grid;
  grid-template-columns: 0.2fr 3fr 0fr;
  gap: 0px;
}
@media (min-width: 1400px) {
  .main .div-container-1 {
    grid-template-columns: 0.2fr 3fr 2fr;
  }
}
.main .div-container-1 .map-locator {
  margin-top: 2px;
}

.main .div-container-2 {
  display: grid;
  grid-template-columns: 0.2fr 2.7fr 0.2fr 3.7fr;
  gap: 4px;
}

/* .div-container > div {
    border-radius: 0px;
    padding: 0px;
    background-color: rgb(207 232 220);
    border: 2px solid rgb(79 185 227);
} */
/* Copyright */
.main div.copyright {
  background: #fff 0% 0% no-repeat padding-box;
}
.main div.copyright p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.98px;
  line-height: 20.28px;
  color: rgba(0, 0, 0, 0.7);
}
@media (min-width: 992px) {
  .main div.copyright p {
    font-size: 14px;
  }
}

/* Copyright */
/* Infrastructure */
.main .sec-infrastructure {
  padding-right: 16px;
  padding-left: 16px;
  background: #fff 0% 0% no-repeat padding-box;
}
@media (min-width: 768px) {
  .main .sec-infrastructure {
    padding-right: 108px;
    padding-left: 108px;
  }
}
.main .sec-infrastructure h2 {
  margin-top: 48px;
  margin-bottom: 0;
  font: normal normal 800 30px/26px Mulish;
  letter-spacing: 1.54px;
  color: #2A3D3C;
}
.main .sec-infrastructure p {
  margin-top: 32px; /* 16px; */
  font: normal normal normal 18px/26px Mulish;
  letter-spacing: 0.7px;
  color: #2A3D3C;
}
.main .sec-infrastructure ul li {
  font: normal normal normal 22px/28px Mulish;
  letter-spacing: 0.7px;
  color: #2A3D3C;
}
/* .sec-infrastructure-processes {
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 16px;
  background: #FFF 0% 0% no-repeat padding-box;
  opacity: 0.87;
  height: auto;
}
@media (min-width: 768px) {
  .sec-infrastructure-processes {
    padding-top: 51px;
    padding-right: 108px;
    padding-left: 108px;
  }
}
.sec-infrastructure-processes .infrastructure-plant {
  margin-bottom: 16px; 
  width: 100%;
  height: auto; 
  text-align: left;
} */

.main .sec-infrastructure-processes {
  padding-right: 16px;
  padding-left: 16px;
  background: #fff 0% 0% no-repeat padding-box;
  height: auto;
}
@media (min-width: 768px) {
  .main .sec-infrastructure-processes {
    padding-right: 100px;
    padding-left: 100px;
  }
}
.main .sec-infrastructure-processes .infrastructure-plant {
  margin-bottom: 16px;
  width: 100%;
  height: auto;
  text-align: right;
}
.main .sec-infrastructure-processes .wrapper-infrastructure {
  border: 1px solid #707070;
  border-radius: 12px;
}
.main .sec-infrastructure-processes .infrastructure-plant-details {
  padding-left: 16px;
}
.main .sec-infrastructure-processes h6 {
  margin-bottom: 16px; /* 24px; */
  font: normal normal 800 22px/26px Mulish;
  letter-spacing: 0px;
  color: #2A3D3C;
  line-height: normal;
}
@media (min-width: 768px) {
  .main .sec-infrastructure-processes h6 {
    margin-bottom: 20px;
    font: normal normal 800 24px/26px Mulish;
  }
}
@media (min-width: 992px) {
  .main .sec-infrastructure-processes h6 {
    margin-bottom: 24px;
  }
}
.main .sec-infrastructure-processes ul.our-processes {
  list-style: disc;
  margin-left: 24px;
}
.main .sec-infrastructure-processes p {
  margin-bottom: 16px;
  font: normal normal normal 18px/26px Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
}
@media (min-width: 992px) {
  .main .sec-infrastructure-processes p {
    margin-bottom: 18px;
  }
}
.main .sec-infrastructure-processes ul li {
  padding: 4px 0;
  background: inherit;
  font: normal normal normal 18px/26px Mulish;
  letter-spacing: 0px;
  color: #3A3A3A;
}

/* Blog */
.main .sec-blog {
  padding: 48px 108px;
  background: #F5FBF6 0% 0% no-repeat padding-box;
  opacity: 0.87;
}
.main .sec-blog .article-featured {
  /* border: 0.6000000238418579px solid #707070; */
  /* border-bottom: 1px solid #000; */
  padding: 0 0 32px 0;
}
.main .sec-blog .article-featured div.article-details {
  margin-top: -5px;
  border: 0.6000000238px solid #707070;
  border-top: 0;
}
.main .sec-blog .article-featured div.article-details .article-title {
  margin-left: 63px;
  padding-top: 18px;
  font: normal normal 600 32px/30px Mulish;
  letter-spacing: 1.02px;
  color: #2A3D3C;
}
.main .sec-blog .article-featured div.article-details .article-read-more,
.main .sec-blog .article-featured div.article-details .article-info {
  margin: 24px 63px;
  font: normal normal normal 20px/30px Mulish;
  letter-spacing: 0.64px;
  color: #3A3A3A;
}
.main .sec-blog .article-featured div.article-details .article-read-more span,
.main .sec-blog .article-featured div.article-details .article-info span {
  color: #1AAE48; /* #13C278; */
}
.main .sec-blog .article-featured div.article-details .article-body {
  margin: 0 63px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: justify;
}
.main .sec-blog .sidebar {
  margin-left: 40px;
}
.main .sec-blog .sidebar div.search-it {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  height: 96px;
  padding: 36px;
}
.main .sec-blog .sidebar div.search-it form.search-website input {
  font: normal normal normal 20px/30px Mulish;
  letter-spacing: 0.64px;
  color: #2A3D3C;
}
.main .sec-blog .sidebar div.search-it form.search-website button {
  width: 62px;
  height: 62px;
  background: #1AAE48 0% 0% no-repeat padding-box;
}

/* Blog */
/* Blog Details */
.main .sec-blog-details {
  padding: 48px 108px;
  background: #F5FBF6 0% 0% no-repeat padding-box;
  opacity: 0.87;
}
.main .sec-blog-details .sidebar {
  margin-left: 40px;
}
.main .sec-blog-details .sidebar div.search-it {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  height: 96px;
  padding: 36px;
}
.main .sec-blog-details .sidebar div.search-it form.search-website input {
  font: normal normal normal 20px/30px Mulish;
  letter-spacing: 0.64px;
  color: #2A3D3C;
}
.main .sec-blog-details .sidebar div.search-it form.search-website button {
  width: 62px;
  height: 62px;
  background: #1AAE48 0% 0% no-repeat padding-box;
}
.main .sec-blog-details form#quickComment .input-mb {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .main .sec-blog-details form#quickComment .input-mb {
    margin-bottom: 18px;
  }
}
.main .sec-blog-details form#quickComment .input-mb .form-control.submit-now {
  padding: 2px 16px !important;
  background: #F3F3F3 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal 600 14px/33px Mulish;
  color: #3A3A3A;
}
@media (min-width: 768px) {
  .main .sec-blog-details form#quickComment .input-mb .form-control.submit-now {
    padding: 4px 16px !important;
  }
}
.main .sec-blog-details form#quickComment .primary-btn.submit-now {
  border: 0.6000000238px solid #F3F3F3;
  padding: 4px 40px;
  background: #1F2B1E 0% 0% no-repeat padding-box;
  /* background: transparent 0% 0% no-repeat padding-box; */
  border-radius: 4px;
}
.main .sec-blog-details form#quickComment .primary-btn.submit-now:hover {
  /* background: #fff; */
  transition: all 500ms linear 0ms;
}
.main .sec-blog-details form#quickComment .primary-btn.submit-now:hover span {
  color: #00527D;
}

/* Blog Details */
/* Infrastructure */
/* Certification */
.main .sec-certifications {
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .main .sec-certifications {
    padding: 48px 88px;
  }
}
.main .sec-certifications .box {
  position: relative;
  float: left;
  cursor: pointer;
}
.main .sec-certifications .modal {
  display: none;
  /* here */
  /* position: absolute; */
  /* z-index: 1; */
  padding: 20px 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: auto;
  background: rgba(0, 0, 0, 0.9);
}
.main .sec-certifications .modal .close {
  color: white;
  position: absolute;
  /* here */
  /* top: -16px; */
  top: 0px;
  right: 16px;
  font-size: 36px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .main .sec-certifications .modal .close {
    top: 0; 
    right: 24px;
  }
}
.main .sec-certifications .modal .close:hover, .sec-certifications .modal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.main .sec-certifications .modal .close.cursor {
  cursor: pointer;
}
.main .sec-certifications .modal .modal-content {
  /* here */
  top: 18%;
  left: 0%;
  /* here */
  /* position: relative; */
  background-color: #fefefe;
  /* here */
  /* margin: auto; */
  /* padding: 0; */
  /* width: 100%; */
}
@media (min-width: 768px) {
  .main .sec-certifications .modal .modal-content {
    /* here */
    /* width: 46%; */
  }
  .main .sec-certifications .modal .modal-content { 
    top: 10%;
  }
}
/* here */
@media (min-width: 992px) { 
  .main .sec-certifications .modal .modal-content {
    width: 64%;
  }
  .main .sec-certifications .modal .modal-content { 
    top: 20%;
    left: 20%;
  }
}
@media (min-width: 1200px) { 
  .main .sec-certifications .modal .modal-content {
    width: 58%;
  }
  .main .sec-certifications .modal .modal-content { 
    top: 4%;
  }
}
@media (min-width: 1400px) { 
  .main .sec-certifications .modal .modal-content {
    width: 48%;
  }
  .main .sec-certifications .modal .modal-content { 
    top: 8%;
    left: 28%;
  }
} 
@media (min-width: 1600px) { 
  .main .sec-certifications .modal .modal-content {
    width: 44%;
  }
  .main .sec-certifications .modal .modal-content { 
    top: 4%;
  }
}
.main .sec-certifications .modal .modal-content .prev,
.main .sec-certifications .modal .modal-content .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  background-color: #1AAE48;
  color: #00527D;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  border-radius: 0 24px 24px 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.main .sec-certifications .modal .modal-content .next {
  right: 0;
  border-radius: 24px 0 0 24px;
}
.main .sec-certifications .m-width {
  max-width: 832px;
}
.main .sec-certifications .lightbox {
  position: fixed;
  top: 48px; 
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.main .sec-certifications .lightbox .close {
  position: absolute;
  top: 36px;
  right: 20px;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
}
.main .sec-certifications .lightbox .lightbox-image {
  max-width: 90%;
  max-height: 90%;
}
.main .sec-certifications .lightbox:target {
  display: flex;
}
.main .sec-certifications a:hover div.for-enlarged {
  display: inline-flex;
}
.main .sec-certifications div.for-enlarged {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.main .sec-certifications div.for-enlarged i {
  color: #fff;
}
/* Certification */
.main .error {
  color: #eb6b76;
}
.main .whatsapp {
  color: #25d366;
}
.main .sec-quality {
  padding: 16px 16px;
}
@media (min-width: 992px) {
  .main .sec-quality {
    padding: 16px 108px;
  }
}
.main .sec-quality p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 0;
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0.58px;
}
.main .sec-quality ul {
  padding: 0 0 0 18px;
  font: normal normal normal 16px/1.4 Mulish;
  letter-spacing: 0.58px;
  list-style: disc;
}
.main .sec-quality .wrapper .bg-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.main .sec-quality .wrapper .center-img {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: 0.5s ease;
}
.main .sec-quality .wrapper:hover .bg-img {
  opacity: 0.2;
}
.main .sec-quality .wrapper:hover .center-img {
  opacity: 1;
}

.thankyou_sec {
  background-color: #fff;
  padding: 100px 0 100px;
}
/* .active {
  font-weight: 700;
  color: #1AAE48;
} */
/*# sourceMappingURL=styles.css.map */
.sec-team-slider {
        padding: 0 0 60px;
        background: #F5FAF6;
    }
    .team-card {
        text-align: center;
        padding: 20px;
        outline: none;
    }
    .team-card .director-photo {
        width: 220px;
        height: 220px;
        margin: 0 auto 20px;
        border-radius: 50%;
        overflow: hidden;
        border: 2px solid #1AAE48;
    }
    .team-card .director-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .team-card h3 {
        font-size: 20px;
        font-weight: 700;
        color: #002D4A;
        margin-bottom: 5px;
    }
    .team-card h4 {
        font-size: 14px;
        color: #5D9CB3;
        margin-bottom: 20px;
        min-height: 40px;
    }
    .btn-read-more {
        background: #004A70;
        color: #fff;
        border: none;
        padding: 8px 25px;
        border-radius: 20px;
        font-size: 14px;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }
    .btn-read-more:hover {
        background: #1AAE48;
        color: #fff;
    }
    
    /* Slick Dots Styling */
    .slick-dots li button:before {
        font-size: 12px;
        color: #A3C9B1;
        opacity: 1;
    }
    .slick-dots li.slick-active button:before {
        color: #002D4A;
    }

    /* Modal Styling */
    #teamModal .modal-content {
        background: #001D33;
        color: #fff;
        border: none;
        border-radius: 20px;
        overflow: hidden;
    }
    #teamModal .modal-body {
        padding: 40px;
    }
    #teamModal .modal-close {
        position: absolute;
        top: 20px;
        right: 20px;
        background: #fff;
        color: #001D33;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        border: none;
    }
    #teamModal .modal-image {
        border-radius: 15px;
        width: 100%;
        object-fit: cover;
    }
    #teamModal .modal-role {
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        margin-bottom: 10px;
        opacity: 0.8;
    }
    #teamModal .modal-name {
        color: #1AAE48;
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    #teamModal .modal-bio {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
        opacity: 0.9;
    }
    #teamModal .modal-email {
        color: #1AAE48;
        text-decoration: none;
        font-weight: 600;
    }
    .slick-dots li{margin: 0 !important;}
    
    @media (max-width: 991px) {
        #teamModal .modal-body .row {
            flex-direction: column;
        }
        #teamModal .modal-body .col-md-5 {
            margin-bottom: 20px;
        }
    }

    /* Featured Director Styling */
    .sec-featured-director {
        padding: 50px 0 80px;
        background: #F5FAF6 0% 0% no-repeat padding-box;
    }
    .featured-director-photo {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        border: 1px solid #eee;
    }
    .featured-director-photo img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.5s ease;
    }
    .featured-director-photo:hover img {
        transform: scale(1.03);
    }
    .featured-director-content {
        padding-left: 50px;
    }
    .featured-name {
        font-size: 36px;
        font-weight: 800;
        color: #1AAE48;
        margin-bottom: 5px;
    }
    .featured-role {
        font-size: 16px;
        font-weight: 600;
        color: #004A70;
        margin-bottom: 25px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }
    .featured-line {
        width: 80px;
        height: 4px;
        background: #1AAE48;
        border: none;
        margin-bottom: 30px;
        opacity: 1;
    }
    .featured-bio p {
        font-size: 16px;
        line-height: 1.8;
        color: #444;
        margin-bottom: 20px;
        text-align: justify;
    }
    .featured-bio strong {
        color: #002D4A;
    }
    .featured-email-wrap {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #eee;
        display: flex;
        align-items: center;
    }
    .featured-email-wrap i {
        color: #1AAE48;
        font-size: 20px;
        margin-right: 15px;
    }
    .featured-email-wrap a {
        color: #004A70;
        font-weight: 700;
        text-decoration: none;
        font-size: 18px;
        transition: color 0.3s;
    }
    .featured-email-wrap a:hover {
        color: #1AAE48;
    }


    
    @media (max-width: 991px) {
        .sec-featured-director {
            padding: 50px 0;
        }
        .featured-director-content {
            padding-left: 0;
            margin-top: 40px;
        }
        .featured-name {
            font-size: 32px;
        }
    }