@charset "UTF-8";
/* General */ /* Font-Face */
@font-face {
  font-family: "Halcom";
  src: url("../fonts/halcom-bold-webfont.woff2") format("woff2"), url("../fonts/halcom-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Halcom";
  src: url("../fonts/halcom-light-webfont.woff2") format("woff2"), url("../fonts/halcom-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Halcom";
  src: url("../fonts/halcom-regular-webfont.woff2") format("woff2"), url("../fonts/halcom-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* Site Styles */
/* General */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: "Halcom";
  scroll-behavior: smooth;
  font-size: 16px;
  color: #000;
}
@media only screen and (min-width: 768px) {
  html,
  body {
    font-size: 18px;
  }
}

input,
select,
textarea {
  font-size: 16px;
  color: #4d4d4f;
}
@media only screen and (min-width: 768px) {
  input,
  select,
  textarea {
    font-size: 18px;
  }
}

body {
  background: #fff;
  -moz-font-feature-settings: "liga", "kern";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body.fixed {
  overflow: hidden;
}

img {
  max-width: 100%;
  border: 0;
  display: block;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #274864;
}

.pad-top {
  padding-top: 5.5556vh;
}

p:last-child {
  margin-bottom: 0;
}

p,
li {
  line-height: 1.3rem;
}

p, address {
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 1.3em;
}
@media only screen and (min-width: 1200px) {
  p, address {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1600px) {
  p, address {
    font-size: 25px;
  }
}

.pad-top {
  padding-top: 5.9259vh;
}

.pad-bottom {
  padding-bottom: 5.9259vh;
}

.marTop {
  margin-top: -2.0833vw;
}

.small-text {
  margin: auto;
  max-width: 800px;
}

.spacing {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 1024px) {
  .spacing {
    padding-top: 2.963vh;
    padding-bottom: 2.963vh;
  }
}

.darkBg {
  background-color: #000;
  color: #fff;
}
.darkBg h2,
.darkBg p {
  color: #fff;
}

.spacing-sm {
  padding-top: 4.4444vh;
  padding-bottom: 4.4444vh;
}

:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-sub {
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.1em;
}

h2:last-child {
  margin-bottom: 0;
}

.h3 {
  font-size: 3.2407vh;
}
@media only screen and (min-width: 800px) {
  .h3 {
    font-size: 4.1667vh;
  }
}
@media only screen and (min-width: 1200px) {
  .h3 {
    font-size: 5.0926vh;
  }
}

h3 {
  font-size: 2.4074vh;
}
@media only screen and (min-width: 800px) {
  h3 {
    font-size: 3.3333vh;
  }
}

/* Global Classes */
.clear {
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.center {
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  max-width: 1668px;
}

.image-full {
  width: 100%;
}

.full-image img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.small-center {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}

.text {
  padding: 10px;
}

.text-center {
  text-align: center;
}

/* Media Queries */
.d-flex {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.d-flex.m-d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.d-flex.spacing {
  padding-top: 3.7778vh;
  padding-bottom: 3.7778vh;
}
.d-flex.row-reverse:nth-child(even) {
  flex-direction: row-reverse;
}
.d-flex.reverse-all {
  flex-direction: row-reverse;
}
.d-flex hr {
  height: 1px;
  width: 100%;
  background-color: #D9D9D9;
}
.d-flex.justify-space {
  justify-content: space-between;
}
.d-flex.align-items-top {
  align-items: flex-start;
}
.d-flex.align-items-stretch {
  align-items: stretch;
}
.d-flex.align-items-b {
  align-items: stretch;
}
.d-flex.flex-end {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .d-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .d-flex .col12 {
    width: 100%;
  }
  .d-flex .col6 {
    width: 50%;
  }
  .d-flex .col5 {
    width: 41.66666667%;
  }
  .d-flex .col7 {
    width: 58.33333333%;
  }
  .d-flex .col12 {
    width: 100%;
  }
  .d-flex .col3 {
    width: 25%;
  }
  .d-flex .col9 {
    width: 75%;
  }
  .d-flex .col8 {
    width: 66.33%;
  }
  .d-flex .col4 {
    width: 33.33%;
  }
}

.col12,
.col6,
.col5,
.col7,
.col8,
.col4,
.col10,
.col12,
.col9,
.col3 {
  padding: 7.5px;
}

.img-style {
  box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.2);
}

.btn {
  position: relative;
  font-size: 2.037vh;
  border-radius: 40px;
  line-height: 65px;
  color: #fff;
  text-align: center;
  min-width: 220px;
  display: inline-block;
  margin: 1rem 0;
  background-color: #000;
}
@media only screen and (min-width: 768px) {
  .btn {
    font-size: 22px;
  }
}
.btn:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

form .input-field {
  margin-right: 10px;
  border-radius: 10px;
  border: 0;
  font-family: "Halcom";
  font-size: 1.2rem;
  color: #fff;
  padding: 10px 15px;
  height: 40px;
  background: none;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  form .input-field {
    text-align: center;
    margin-right: 0;
  }
}
form .btn {
  color: #000;
  margin: 0;
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
  border: 0;
  font-family: "Halcom";
  font-size: 1.2rem;
  margin: 0;
}

.inner-heading {
  font-size: 5.0926vh;
  color: #fff;
}

.page-heading {
  position: relative;
  font-size: 5.5vh;
  margin: 1.4519vh 0 5vh;
  line-height: 1.2em;
  text-align: center;
  color: #000;
  padding-bottom: 3.7778vh;
}
.page-heading.uppercase {
  text-transform: uppercase;
}
@media only screen and (min-width: 900px) {
  .page-heading {
    font-size: 7.4815vh;
    margin: 2vh 0 5.5vh;
  }
}
.page-heading::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -12.963vh;
  height: 1px;
  width: 9.2593vh;
  content: "";
  transition: all 0.2s ease;
  background: #000;
}
.page-heading::after {
  position: absolute;
  right: 50%;
  margin-right: -12.963vh;
  bottom: 0;
  height: 1px;
  width: 9.2593vh;
  content: "";
  transition: all 0.2s ease;
  background: #000;
}
.page-heading span {
  display: block;
}
.page-heading span::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 -12px -12px;
  height: 24px;
  width: 24px;
  content: "";
  transition: all 0.2s ease;
  border: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .page-heading span::before {
    margin: 0 0 -18px -18px;
    height: 36px;
    width: 36px;
  }
}
.page-heading span::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 -8px -8px;
  height: 16px;
  width: 16px;
  content: "";
  transition: all 0.2s ease;
  border: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .page-heading span::after {
    margin: 0 0 -13px -13px;
    height: 26px;
    width: 26px;
  }
}
.page-heading.white {
  color: #fff;
}
.page-heading.white::before {
  background: #fff;
}
.page-heading.white::after {
  background: #fff;
}
.page-heading.white span::before {
  border: 1px solid #fff;
}
.page-heading.white span::after {
  border: 1px solid #fff;
}

.icons {
  opacity: 0.5;
  max-width: 80%;
  margin: auto;
}

h2 {
  font-size: 3.5vh;
}
@media only screen and (min-width: 900px) {
  h2 {
    font-size: 4.5vh;
  }
}

/* Wrapper */
#wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
}

.hide {
  opacity: 0;
  visibility: hidden;
}

/* Main Container */
#mainCntr {
  width: 100%;
}

/* make keyframes that tell the start state and the end state of our object */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  animation: fadeIn ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}

.fade-in.delayed {
  animation-delay: 0.2s;
}

.fade-in.delayed {
  animation-delay: 0.4s;
}

.fade-in.delayed {
  animation-delay: 0.6s;
}

.fade-in.delayed {
  animation-delay: 0.8s;
}

.fade-in.delayed {
  animation-delay: 1s;
}

.fade-in.delayed {
  animation-delay: 1.2s;
}

.scroll-container {
  height: 200vh; /* Adjust the height as needed */
}

.svg-animation {
  opacity: 0;
  transition: opacity 0.5s ease;
}

#headerCntr.sticky {
  position: fixed;
  padding: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.9);
  top: 0;
  width: 100%;
}

.circle {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.circle::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  border: 1.5px solid black;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7529411765);
  transform: translate(-50%, -50%);
  animation: pulse 300ms ease-in-out alternate infinite;
}

@keyframes pulse {
  from {
    transform: translate(-50%, -50%) scale(0.9);
  }
  to {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@media only screen and (max-width: 787px) {
  .slide .d-flex {
    margin: 0;
  }
}

.slick-buttons-wrapper {
  max-width: 1638px;
  margin: auto;
  position: relative;
}

.close {
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(../images/svgs/close.svg) center no-repeat;
  z-index: 9;
  width: 40px;
  height: 40px;
  display: block;
  background-size: cover;
  text-indent: -9999999px;
}
.close1 {
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(../images/svgs/close.svg) center no-repeat;
  z-index: 9;
  width: 40px;
  height: 40px;
  display: block;
  background-size: cover;
  text-indent: -9999999px;
}

/* Components */
#headerCntr {
  padding: 48px 0 0;
  position: absolute;
  width: 100%;
  width: 100%;
  top: 0;
  z-index: 10;
  left: 0;
}
#headerCntr.open {
  z-index: 4;
}
#headerCntr .m-d-flex {
  padding-top: 0px;
  padding-bottom: 0px;
}
#headerCntr .logo {
  transition: all 0.4s ease;
}
#headerCntr .logo img {
  min-width: 150px;
}
@media only screen and (max-width: 1023px) {
  #headerCntr .logo img {
    max-width: 150px;
  }
}
#headerCntr .btn {
  max-width: 100%;
  color: #2945a0;
  border-color: #2945a0;
}
#headerCntr .input-field {
  color: #2945a0;
  border-color: #2945a0;
}
#headerCntr .col3 {
  width: 25%;
}
#headerCntr .col9 {
  width: 75%;
}

@media only screen and (max-width: 1120px) {
  #headerCntr .menuBox li {
    font-size: 1.25rem;
    padding: 0 8px;
  }
}
@media only screen and (max-width: 1024px) {
  #headerCntr {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 479px) {
  .dropdown-box ul li {
    width: 100%;
  }
  #headerCntr .d-flex {
    display: flex;
  }
}
/* ### menu box ### */
.menuBox {
  display: flex;
  justify-content: flex-end;
}
.menuBox .navigation-list {
  display: none;
}
.menuBox ul {
  transition: all 0.4s ease;
  list-style: none;
  display: flex;
  align-items: center;
}
.menuBox ul li {
  font-weight: 500;
  font-size: 1.3rem;
  padding: 0 12px;
  position: relative;
  font-family: "Halcom Bold";
  text-transform: uppercase;
}
.menuBox ul li a {
  padding: 4px 0;
  display: inline-block;
  color: #2945a0;
  display: block;
  text-decoration: none;
  opacity: 0.8;
  position: relative;
}
.menuBox ul li a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  content: "";
  transition: all 0.2s ease;
  background: #2945a0;
}
.menuBox ul li a:hover:after {
  width: 100%;
}
.menuBox ul li ul {
  position: absolute;
  top: 20px;
  left: 10px;
  display: none !important;
}
.menuBox ul li li {
  float: none;
}
.menuBox ul li:hover ul {
  display: block !important;
}

.navigation {
  display: flex;
  justify-content: flex-end;
}
.navigation .nav, .navigation .search {
  padding: 0 5px;
}
.navigation .search {
  margin-left: 20px;
}
.navigation .search-bar {
  transition: all 0.4s ease;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  width: 0;
}
.navigation .search-bar.open {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.mobileMenu {
  display: none;
}

.navigation .nav, .navigation .search {
  padding: 0 5px;
}

#hamburger {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
#hamburger .line {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
#hamburger .line1 {
  stroke-dasharray: 50 207;
  stroke-width: 1;
}
#hamburger .line2 {
  stroke-dasharray: 50 60;
  stroke-width: 1;
}
#hamburger .line3 {
  stroke-dasharray: 50 207;
  stroke-width: 1;
}
#hamburger.open .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
#hamburger.open .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}
#hamburger.open .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

.top_link-block {
  display: none;
}
@media only screen and (min-width: 768px) {
  .top_link-block {
    display: flex;
    align-items: center;
  }
}
.top_link-block ul {
  display: flex;
}
@media only screen and (min-width: 801px) {
  .top_link-block ul.socail-icons {
    padding-right: 5.7292vw;
    padding-left: 3.125vw;
  }
}
.top_link-block ul.socail-icons li {
  padding: 0px;
  margin-left: 0.9375vw;
}
.top_link-block ul.socail-icons li span {
  display: none;
}
.top_link-block ul.socail-icons li a:before {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .top_link-block ul.socail-icons li a:before {
    width: 24px;
    height: 24px;
  }
}
.top_link-block ul li {
  font-size: 2vh;
}
@media only screen and (min-width: 1200px) {
  .top_link-block ul li {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .top_link-block ul li {
    padding-left: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .top_link-block ul li span {
    display: none;
  }
}
.top_link-block ul li a {
  display: flex;
  align-items: center;
  color: #fff;
}
.top_link-block ul li a:before {
  content: "";
  border-radius: 50%;
  border: 1px solid #fff;
  width: 22px;
  height: 22px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  margin-right: 0.5208vw;
}
@media only screen and (min-width: 1640px) {
  .top_link-block ul li a:before {
    width: 30px;
    background-size: 62%;
    height: 30px;
  }
}
.top_link-block ul li a:hover:before {
  background-color: #fff;
}
.top_link-block ul li.tel a:before {
  background-image: url(../images/socail/telephone.png);
}
.top_link-block ul li.tel a:hover:before {
  background-image: url(../images/socail/telephone-hover.png);
}
.top_link-block ul li.mail a:before {
  background-image: url(../images/socail/email.png);
}
.top_link-block ul li.mail a:hover:before {
  background-image: url(../images/socail/email-hover.png);
}
.top_link-block ul li.in a:before {
  background-image: url(../images/socail/linkedin.png);
}
.top_link-block ul li.in a:hover:before {
  background-image: url(../images/socail/linkedin-hover.png);
}
.top_link-block ul li.insta a:before {
  background-image: url(../images/socail/instagram.png);
}
.top_link-block ul li.insta a:hover:before {
  background-image: url(../images/socail/instagram-hover.png);
}
.top_link-block ul li.yt a:before {
  background-image: url(../images/socail/youtube.png);
}
.top_link-block ul li.yt a:hover:before {
  background-image: url(../images/socail/youtube-hover.png);
}
.top_link-block ul li.twitter a:before {
  background-image: url(../images/socail/twitter.png);
}
.top_link-block ul li.twitter a:hover:before {
  background-image: url(../images/socail/twitter-hover.png);
}

/* ### footer container ### */
#footerCntr {
  padding: 5rem 0 0;
  overflow: hidden;
  width: 100%;
  background: #fff;
}
#footerCntr h3 {
  margin: 0 0 1.8519vh 0;
  font-size: 2.7778vh;
  font-weight: 400;
}
@media only screen and (min-width: 1600px) {
  #footerCntr h3 {
    font-size: 3.5185vh;
  }
}
#footerCntr span {
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  margin: auto;
  background-size: contain;
  width: 80px;
  height: 80px;
  max-width: 145px;
  max-height: 145px;
  transition: background-image 2s ease;
}
@media only screen and (min-width: 768px) {
  #footerCntr span {
    margin: 0;
    width: 100%;
    height: 100%;
  }
}
#footerCntr span.pin {
  background-image: url(../images/svgs/pin.svg);
}
#footerCntr span.pin:hover {
  background-image: url(../images/svgs/contact-hover.svg);
}
#footerCntr span.mail {
  background-image: url(../images/svgs/mail.svg);
}
#footerCntr span.mail:hover {
  background-image: url(../images/svgs/contact3-hover.svg);
}
#footerCntr span.tel {
  background-image: url(../images/svgs/contact2.svg);
}
#footerCntr span.tel:hover {
  background-image: url(../images/svgs/contact2-hover.svg);
}
#footerCntr .address {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #footerCntr .address {
    min-height: 150px;
    text-align: left;
    padding-top: 0;
  }
}
#footerCntr address {
  font-style: normal;
}
@media only screen and (min-width: 1200px) {
  #footerCntr address {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1600px) {
  #footerCntr address {
    font-size: 22px;
  }
}
#footerCntr .footer-bottom {
  border-top: 1px solid #1A1A1A;
  padding: 0 0;
  margin-top: 20px;
  padding: 28px 0;
}
@media only screen and (max-width: 767px) {
  #footerCntr .footer-bottom .col6 {
    padding: 5px;
  }
}
#footerCntr .footer-bottom p, #footerCntr .footer-bottom li {
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  #footerCntr .footer-bottom p, #footerCntr .footer-bottom li {
    text-align: left;
  }
}
@media only screen and (min-width: 801px) {
  #footerCntr .footer-links {
    display: flex;
    justify-content: flex-end;
  }
}
#footerCntr .footer-links ul {
  text-align: center;
}
@media only screen and (min-width: 801px) {
  #footerCntr .footer-links ul {
    display: flex;
    text-align: left;
  }
}
#footerCntr .footer-links ul li {
  padding: 0 10px;
}
#footerCntr .footer-links ul li a {
  color: #000;
}
#footerCntr .footer-links ul li a:hover {
  text-decoration: underline;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

/* ### InnerBanner ### */
.inner-banner {
  height: 500px;
  background-color: #000;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-banner img {
  max-width: none;
  position: absolute;
  left: -99999px;
  top: -99999px;
  bottom: -99999px;
  right: -99999px;
  margin: auto;
  min-width: 100%;
  opacity: 0.35;
  min-height: 100%;
}
.inner-banner .heading-block {
  width: 100%;
  text-align: center;
  position: relative;
}

.breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.breadcrumbs li {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  padding-right: 10px;
  color: #fff;
}
.breadcrumbs li::before {
  width: 4px;
  height: 4px;
  background-color: #fff;
  content: "";
  display: block;
  border-radius: 50px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
}
.breadcrumbs li:last-child {
  margin-right: 0;
}
.breadcrumbs li:last-child::before {
  display: none;
}
.breadcrumbs li a {
  text-decoration: none;
  color: #fff;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}

/* ### Tab Section ### */
.tab-section nav {
  transition: all 0.4s ease;
}
.tab-section nav ul {
  display: flex;
  justify-content: center;
  text-align: center;
}
.tab-section nav li {
  padding: 0 2%;
  display: inline-block;
  font-family: "Halcom";
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 500;
}
.tab-section nav li a {
  padding: 5px 0;
  display: inline-block;
  position: relative;
}
.tab-section nav li a:after {
  height: 3px;
  background: #274864;
}
.tab-section .box {
  margin-bottom: 2rem;
}

.dropdown-box {
  position: fixed;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  top: 0;
  z-index: 3;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #000;
}
.dropdown-box.open {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.dropdown-box ul {
  width: 450px;
  position: relative;
  z-index: 2;
  margin: auto;
}
.dropdown-box ul > li {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 300;
  font-family: "Halcom";
  text-align: center;
  text-transform: uppercase;
}
.dropdown-box ul > li:last-child {
  border-bottom: 0;
}
.dropdown-box ul > li span {
  padding: 30px 15px;
  display: inline-block;
  border-bottom: 0.0625rem solid #3E3232;
}
.dropdown-box ul > li a {
  color: #fff;
  position: relative;
}
.dropdown-box ul > li a:hover span {
  font-weight: 700;
}
.dropdown-box ul > li li {
  padding: 5px 5px;
  font-family: "Halcom Regular";
  font-weight: 300;
  font-size: 16px;
  width: auto;
  text-transform: none;
}
.dropdown-box ul > li ul {
  padding-top: 10px;
  width: 100%;
  display: block;
}
.dropdown-box ul > li .linkHover a:after {
  background: #fff;
}
.dropdown-box ul > li .linkHover > li:hover, .dropdown-box ul > li .linkHover > li.active {
  background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-box .overlay {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/menu-Bg.jpg) center no-repeat;
  background-size: cover;
}
.dropdown-box .center {
  z-index: 2;
  display: flex;
  justify-self: center;
}

.tsl-hero-cta {
  padding: 30px 0;
  text-align: center;
  background: #E8F5FF;
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 768px) {
  .dropdown-box ul > li {
    font-size: 1.4rem;
  }
  .dropdown-box li li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .block img {
    width: 100%;
  }
  .dropdown-box {
    height: calc(100vh - 84px);
    top: 84px;
    overflow-y: auto;
  }
  .dropdown-box .spacing-sm {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .dropdown-box .col6-sm {
    display: flex;
  }
  .dropdown-box ul {
    flex-wrap: wrap;
  }
  .dropdown-box.open {
    height: 100vh;
    top: 0;
  }
  .main-banner,
  .main-banner .slick-slide {
    height: auto;
  }
  .main-banner .main-image {
    position: static;
    width: 150%;
  }
}
@media only screen and (max-width: 479px) {
  .dropdown-box ul li {
    width: 100%;
  }
  .dropdown-box .main-banner .page-title {
    font-size: 40px;
  }
  .dropdown-box .col6-sm {
    display: block;
  }
  .dropdown-box .col6 {
    width: 100%;
  }
}
.hero-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 13.8889vh;
}
@media only screen and (min-width: 768px) {
  .hero-banner {
    padding-top: 65px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-banner {
    padding-top: 150px;
  }
}
.hero-banner .bannerSlider {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.hero-banner .hero-text-banner {
  padding: 140px 0 0;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.hero-banner .hero-text {
  width: 100%;
  z-index: 5;
  position: relative;
  z-index: 2;
}
.hero-banner .hero-slider {
  position: relative;
  width: 100%;
}
.hero-banner .hero-slider:before {
  position: absolute;
  left: 108px;
  top: -41vh;
  content: "";
  width: 1px;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  height: 40vh;
}
@media only screen and (min-width: 768px) {
  .hero-banner .hero-slider:before {
    left: 82px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-banner .hero-slider:before {
    left: 117px;
  }
}
.hero-banner .hero-slider:after {
  position: absolute;
  left: 108px;
  bottom: -41vh;
  content: "";
  width: 1px;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  height: 40vh;
}
@media only screen and (min-width: 768px) {
  .hero-banner .hero-slider:after {
    left: 82px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-banner .hero-slider:after {
    left: 117px;
  }
}
.hero-banner img {
  margin: auto;
}
.hero-banner .main-image {
  max-width: none;
  position: absolute;
  left: -99999px;
  top: -99999px;
  bottom: -99999px;
  right: -99999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
.hero-banner .page-title, .hero-banner p {
  font-size: 4vh;
  font-family: "Halcom";
  display: block;
  color: #fff;
  line-height: 1.2em;
  position: relative;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .hero-banner .page-title, .hero-banner p {
    font-size: 3.8889vh;
  }
  .hero-banner .page-title strong, .hero-banner p strong {
    font-size: 4.7407vh;
  }
}
@media only screen and (min-width: 1600px) {
  .hero-banner .page-title, .hero-banner p {
    font-size: 4.8148vh;
  }
  .hero-banner .page-title strong, .hero-banner p strong {
    font-size: 5.7407vh;
  }
}
.hero-banner .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.nextTO {
  position: absolute;
  left: 50%;
  margin-left: -18px;
  z-index: 100;
  bottom: 30px;
}

.hero-video-banner {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.hero-video-banner video {
  width: 100vw;
  height: 112.4vh;
  object-fit: cover;
}

/* Pages */
.section {
  position: relative;
  overflow: hidden;
  /* ### our-subscribe ### */
  /* ### our projects ### */
  /* ### our projects ### */
}
.section .recycle {
  position: absolute;
  left: -7.2083vw;
  width: 19.2708vw;
  top: 0;
}
.section .bigText {
  max-width: 1500px;
  margin: auto;
}
.section .earth {
  position: absolute;
  left: -5.2083vw;
  width: 19.2708vw;
  bottom: -1vw;
}
.section .list-link a:after {
  display: inline-block;
  padding-left: 8px;
  font-size: 1rem;
  line-height: 1rem;
  content: "➞";
  color: #113059;
  transition: transform 0.3s ease-out;
}
.section .list-link a:hover::after {
  transform: translateX(4px);
}
.section .list-link li {
  text-transform: uppercase;
}
.section .list-link ul {
  padding: 0.5rem 1rem;
}
.section.who-we p {
  font-family: "Halcom";
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.section.our-expertise .col4 {
  margin-bottom: 5.5556vh;
}
.section.our-expertise .image-block {
  border: 1px solid #e8e8e8;
  padding-bottom: 0.9375rem;
  height: 100%;
}
.section.our-expertise .image-block .icon {
  transition: background-color 2s ease;
}
.section.our-expertise .image-block:hover .icon {
  background-color: #000;
}
.section.our-expertise .image-block:hover .icon.svg {
  background-image: url(../images/svgs/icon-hover2.svg);
}
.section.our-expertise .image-block:hover .icon.svg2 {
  background-image: url(../images/svgs/icon-hover3.svg);
}
.section.our-expertise .image-block:hover .icon.svg3 {
  background-image: url(../images/svgs/icon-hover4.svg);
}
.section.our-expertise .image-block:hover .icon.svg4 {
  background-image: url(../images/svgs/icon-hover5.svg);
}
.section.our-expertise .image-block:hover .icon.svg5 {
  background-image: url(../images/svgs/icon-hover6.svg);
}
.section.our-expertise .image-block:hover .icon.svg6 {
  background-image: url(../images/svgs/icon-hover7.svg);
}
.section.our-expertise .image-block figure {
  display: block;
  margin-bottom: 70px;
}
.section.our-expertise .image-block figure img {
  width: 100%;
}
.section.our-expertise .image-block a {
  display: block;
  position: relative;
}
.section.our-expertise .image-block a .icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 -50px -50px;
  display: block;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  border-radius: 50%;
  background-color: #fff;
  padding: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.section.our-expertise .image-block a .icon.svg {
  background-image: url(../images/svgs/icon4.svg);
}
.section.our-expertise .image-block a .icon.svg2 {
  background-image: url(../images/svgs/icon1.svg);
}
.section.our-expertise .image-block a .icon.svg3 {
  background-image: url(../images/svgs/icon5.svg);
}
.section.our-expertise .image-block a .icon.svg4 {
  background-image: url(../images/svgs/icon3.svg);
}
.section.our-expertise .image-block a .icon.svg5 {
  background-image: url(../images/svgs/icon6.svg);
}
.section.our-expertise .image-block a .icon.svg6 {
  background-image: url(../images/svgs/icon2.svg);
}
.section.our-expertise .image-block .title {
  font-size: 2.963vh;
  font-weight: 700;
  line-height: 1.2em;
  text-align: center;
  color: #000;
  /*
          @media only screen and (min-width: 768px) {
            font-size: 26px;
          }
  */
}
@media only screen and (min-width: 1200px) {
  .section.our-expertise .image-block .title {
    font-size: 32px;
  }
  .section.our-subscribe .field-block {
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 8px;
  width: 80%;
  margin: auto;
  }
}
.section.our-footprints .center {
  max-width: 1450px;
}
.section.our-subscribe {
  background: #040507 url(../images/subcribe-bg.jpg) right top no-repeat;
  padding: 2rem 0;
}
.section.our-subscribe .field-block {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 8px;
  width: 100%;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .section.our-subscribe .field-block {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 2fr 1fr;
    align-items: center;
  }
}
.section.our-subscribe form {
  margin: 80px auto 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .section.our-subscribe form {
    max-width: 733px;
  }
    .section.our-subscribe .field-block {
  border: 1px solid #918e8e;
  padding: 4px;
  border-radius: 8px;
  width: 80%;
  margin: auto;
  }
  .section.our-subscribe .input-field{
	  font-size:1.0rem;
	  color: #ccc;
  }
  .section.our-subscribe .btn{
	  font-size:0.91rem;
	  max-width:160px;
	  min-width:150px;
	  margin:2px 0px 2px 30px;
  }
  ::placeholder { /* Most modern browsers support this now. */
   color:    #ccc;
	}
}
.section.our-client .center {
  max-width: 1000px;
}
.section.our-client .client-brand {
  border-radius: 10px;
  border: 1px solid #014698;
}
.section.our-client .client-brand img {
  border-radius: 10px;
  margin: auto;
}
.section.our-client .d-flex {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .section.our-client .col3 {
    width: 50%;
    padding: 5px;
  }
}
.section .text-align {
  display: flex;
  justify-content: end;
}
.section .project-text {
  padding: 0;
  position: relative;
  z-index: 1;
  border-bottom-right-radius: 3.75rem;
  background-color: #fff;
  max-width: 855px;
  padding: 2.5625vw;
  text-align: center;
}
.section .project-text .brand-logo {
  display: flex;
  align-items: center;
  padding: 0 0.9375rem 0.9375rem 0;
}
.section .project-text .brand-logo li {
  padding: 0 0.625rem;
}
.section .project-text .brand-logo li img {
  max-width: 90%;
}
.section .project-text h2 {
  font-size: 5.6667vh;
}
@media only screen and (min-width: 1200px) {
  .section .project-text h2 {
    font-size: 62px;
  }
}
@media only screen and (min-width: 768px) {
  .section .project-text.block-text {
    margin-left: -9.2593vh;
  }
}
.section .project-text.block-text.imageAlign {
  background-color: transparent;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section .project-text.block-text.imageAlign .overLap {
    margin-left: -9.2593vh;
  }
}
@media only screen and (min-width: 768px) {
  .section .project-text {
    text-align: left;
  }
}
.section .project-text.text-border {
  border: 1px solid #CBCBCB;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .section .project-text.text-border {
    text-align: left;
    border-left: 0;
  }
}
.section .project-text .quote {
  border-top: 5px solid #000;
  padding-top: 0.9375rem;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .section .project-text .quote {
    border: 0;
    border-left: 5px solid #000;
    padding: 0 0 0 0.9375rem;
    width: 80%;
    margin-top: 4rem;
  }
}
.section .project-text .quote .btn {
  margin-bottom: 0;
}
.section.our-projects .project-slider {
  position: relative;
  z-index: 2;
}
.section.our-projects .d-flex {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section.our-projects .d-flex .col6 {
    padding: 0;
  }
}
.section.our-projects .d-flex .col6 img {
  width: 100%;
}
.section.our-projects .bulb {
  position: absolute;
  right: -2.6042vw;
  width: 13.5417vw;
  bottom: -2.6042vw;
}
@media only screen and (min-width: 768px) {
  .section.our-projects .row-reverse .project-text.block-text {
    margin-left: 0;
    border-bottom-right-radius: 0;
    margin-right: -9.2593vh;
  }
  .section.our-projects .row-reverse .project-text.block-text.imageAlign .overLap {
    margin-right: -9.2593vh;
    margin-left: 0;
  }
}
.section button.slick-prev, .section button.slick-next {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  left: auto;
  width: 40px;
  height: 40px;
  background: url(../images/arrow-right.png) center no-repeat;
}
.section button.slick-prev:hover, .section button.slick-next:hover {
  background-image: url(../images/arrow-right-hover.png);
}
.section button.slick-prev {
  margin-right: 40px;
}
.section button.slick-next {
  transform: rotate(180deg);
}
.section.our-impact img {
  width: 100%;
}
.section.our-impact button.slick-prev, .section.our-impact button.slick-next {
  right: auto;
  left: 0;
}
.section.our-impact button.slick-next {
  margin-left: 40px;
}

.client-popup {
  background-color: #fff;
  padding: 30px;
}
.client-popup h2 {
  background-color: #000;
  padding: 30px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.client-popup ul {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.client-popup ul li {
  padding: 10px;
  width: 50%;
}
@media only screen and (min-width: 550px) {
  .client-popup ul li {
    width: 25%;
  }
}
.client-popup ul li figure {
  border-radius: 10px;
  border: 1px solid #014698;
  height: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-popup ul li figure img {
  border-radius: 10px;
  max-height: 60px;
}

.client-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  overflow-y: auto; /* Add scrollbar */
  max-height: 80vh; /* Set maximum height for the popup */
}

/* Style for the overlay background */
.overlay {
  /*display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 900;*/
}

.about-vision {
  margin: 15px 0;
}
@media only screen and (min-width: 768px) {
  .about-vision {
    display: flex;
    align-items: flex-start;
  }
  .about-vision li strong {
    display: block;
  }
}
.about-vision li {
  margin: 15px 0;
}
.about-vision li strong {
  display: block;
}
.about-vision span {
  border: 1px solid #000;
  padding: 10px;
  display: flex;
  align-items: center;
  max-width: 65px;
  border-radius: 50px;
  margin: 0 auto 10px;
}
@media only screen and (min-width: 768px) {
  .about-vision span {
    margin: 0 10px 0 0;
  }
}
.about-vision p {
  padding-right: 1.25vw;
}

.about-us {
  background-image: url(../images/about-image2.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 35.6667vw;
}
@media only screen and (min-width: 1600px) {
  .about-us {
    padding-top: 650px;
  }
}

/* ### our footprints ### */
.our-footprints {
  background-color: #000;
}
.our-footprints .headig-text {
  max-width: 570px;
}
.our-footprints .page-heading {
  color: #fff;
}
.our-footprints .flip-container:hover .flipper {
  transform: rotateY(180deg);
}
.our-footprints .flip-container span {
  display: block;
  text-align: center;
  width: 100%;
  color: #fff;
  margin: 10px 0;
}
.our-footprints .flip-container span.number {
  font-size: 5.2778vh;
  font-weight: 700;
}
.our-footprints .flip-container span.title {
  font-size: 2.7778vh;
}
.our-footprints .flip-container .flipper {
  transition: transform 0.6s;
  transform-style: preserve-3d;
  position: relative;
  perspective: 1000px;
  height: 332px;
  margin: 15px;
}
@media only screen and (min-width: 900px) {
  .our-footprints .flip-container .flipper {
    height: 332px;
    max-width: 332px;
  }
}
.our-footprints .flip-container .front,
.our-footprints .flip-container .back {
  width: 94%;
  height: 96%;
  position: absolute;
  backface-visibility: hidden;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.our-footprints .flip-container .front {
  border: 1px solid #6d6a6a;
  background-color: #000;
}
.our-footprints .flip-container .back {
  transform: rotateY(180deg);
  background-color: #fff;
  border: 1px solid #000;
}
.our-footprints .flip-container .back span {
  color: #000;
}

.sustainability .sustainabilityBg {
  display: flex;
  min-height: 985px;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 4rem 0;
  justify-content: flex-end;
  align-items: center;
  background: url(../images/sustainability.png) left center no-repeat;
}
@media only screen and (max-width: 900px) {
  .sustainability .sustainabilityBg {
    background: url(../images/sustainability.png) center no-repeat;
    background-size: cover;
  }
}
.sustainability .sustainabilityBg .small-size {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 40px;
  padding: 20px 35px;
  display: flex;
  align-items: stretch;
  width: 80%;
}
@media only screen and (min-width: 768px) {
  .sustainability .sustainabilityBg .small-size {
    max-width: 1000px;
    width: 70%;
  }
  
/*  .our-expertise .expertise-text {
  margin: -10.6296vh 5.6296vh 0 5.6296vh;
  background-color: #fff;
  padding: 4.6296vh;
  position: relative;
  border:1px solid #ccc;
}
.our-expertise .imgg {
  margin: -10.6296vh 0 0 0;
}
*/
}
@media only screen and (min-width: 1200px) {
  .sustainability .sustainabilityBg .small-size {
    padding: 30px 45px;
    border-radius: 50px;
  }
}
.sustainability .sustainabilityBg .small-size .col6 {
  border-top: 1px solid #ABABAB;
}
@media only screen and (min-width: 768px) {
  .sustainability .sustainabilityBg .small-size .col6:nth-of-type(odd) .text {
    padding-left: 0;
  }
}
.sustainability .sustainabilityBg .small-size .col6:first-child {
  border-top: 0;
}
@media only screen and (min-width: 768px) {
  .sustainability .sustainabilityBg .small-size .col6 {
    border-left: 1px solid #ABABAB;
  }
  .sustainability .sustainabilityBg .small-size .col6:nth-child(2) {
    border-top: 0;
  }
  .sustainability .sustainabilityBg .small-size .col6:nth-of-type(odd) {
    border-left: 0;
  }
}
.sustainability .sustainabilityBg .small-size .text {
  padding: 15px;
  color: #fff;
}
@media only screen and (min-width: 1200px) {
  .sustainability .sustainabilityBg .small-size .text {
    padding: 25px;
  }
  
/*  .our-expertise .expertise-text {
  margin: -20.6296vh 10.6296vh 0 10.6296vh;
  background-color: #fff;
  padding: 8.6296vh;
  position: relative;
  border:1px solid #ccc;
}
.our-expertise .imgg {
  margin: -20.6296vh 0 0 0;
  }*/
}
.sustainability .sustainabilityBg .small-size .text h3 {
  margin: 10px 0;
}
.sustainability .sustainabilityBg .small-size .text p {
  margin: 0;
  color: #ABABAB;
  font-size: 16px;
}

.contact-us .page-heading {
  font-size: 35px;
  font-weight: 400;
  margin: 1rem 0;
}
.contact-us .page-heading::before {
  margin-left: -70px;
  width: 50px;
}
.contact-us .page-heading::after {
  margin-right: -70px;
  width: 50px;
}
.contact-us .page-heading span {
  display: block;
}
.contact-us .page-heading span::before {
  margin: 0 0 -9px -9px;
  height: 18px;
  width: 18px;
}
.contact-us .page-heading span::after {
  margin: 0 0 -7px -7px;
  height: 14px;
  width: 14px;
}
.contact-us img {
  margin: auto;
}
.contact-us .location-block {
  padding-bottom: 30px;
  margin: 15px;
  border: 1px solid #DEDEDE;
}
.contact-us .location-block img {
  width: 100%;
}

.our-expertise .expertise-block {
  margin-top: 6vh;
}
.our-expertise .expertise-block:first-child {
  margin-top: 0;
}
.our-expertise .expertise-block .expertise-text {
  margin: -6vh 4.6296vh 0 4.6296vh;
  background-color: #fff;
  padding: 2.6296vh;
  position: relative;
  border: 1px solid #E8E8E8;
}

@media only screen and (min-width: 768px) {
  .our-expertise .expertise-block .expertise-text {
    margin: -17.6296vh 11.6296vh 0 11.6296vh;
    padding: 9.6296vh;
  }
  .our-expertise .expertise-block .expertise-text h2{
	font-size:45px;
	}
}
@media only screen and (min-width: 1200px) {
	.our-expertise .expertise-block .expertise-text h2{
	font-size:62px;
	}
}
.our-expertise .expertise-block:nth-child(even) .expertise-text {
  margin-top: 0;
  margin-bottom: -6vh;
}
@media only screen and (min-width: 768px) {
  .our-expertise .expertise-block:nth-child(even) .expertise-text {
    margin-bottom: -19.6296vh;
    padding: 9.6296vh;
  }
}

.standardization-audits .block-audits {
  position: relative;
  padding-top: 50%;
  height: 100%;
}
.standardization-audits .d-flex {
  margin: 0 -20px;
}
.standardization-audits .col6 {
  padding: 20px;
  margin-bottom: 3rem;
}
.standardization-audits .col6 figure {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.standardization-audits .col6 figure img {
  width: 100%;
}
.standardization-audits .adits-text {
  margin-top: 0;
  background-color: #fff;
  position: relative;
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
  padding: 2rem;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1607843137);
}

.our-offering .project-text {
  max-width: none;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .our-offering .project-text {
    padding-right: 0;
    width: calc(100% + 100px);
  }
}
.our-offering .project-text h2 {
  font-size: 62px;
}
@media only screen and (min-width: 768px) {
  .our-offering .d-flex .col7 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.our-offering .d-flex .col5 {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .our-offering .d-flex .col5 {
    margin-right: -100px;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .our-offering .d-flex img {
    max-width: none;
    position: absolute;
    left: -99999px;
    top: -99999px;
    bottom: -99999px;
    min-height: auto;
    object-fit: fill;
    width: auto;
    right: -99999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
  }
  .our-offering .d-flex .block-text {
    margin-left: 0;
  }
  .our-offering .d-flex:nth-of-type(even) .project-text {
    padding-right: 2.5625vw;
    padding-left: 0;
  }
  .our-offering .d-flex:nth-of-type(even) .col5 {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .projects-section .d-flex .col6 {
    position: relative;
    overflow: hidden;
  }
  .projects-section .d-flex .col6 .block-image {
    max-width: none;
    position: absolute;
    left: -99999px;
    top: -99999px;
    bottom: -99999px;
    min-height: auto;
    object-fit: fill;
    width: auto;
    right: -99999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
  }
}
.projects-section .d-flex .col6 .project-text {
  padding: 0 30px 30px;
  margin: 0;
}

.desktop-image {
  display: none;
}
@media only screen and (min-width: 768px) {
  .desktop-image {
    display: block;
  }
}

.media-publications .d-flex {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .media-publications .d-flex {
    display: none;
  }
}
.media-publications .col6 {
  padding: 0;
}
.media-publications .col6.text-block {
  position: relative;
  z-index: 1;
}
.media-publications .col6.text-block .top-text {
  padding: 0 80px 50px 0;
}
.media-publications .overLap-image {
  margin-left: -30px;
}
.media-publications .overLap {
  width: 100%;
  display: flex;
}
.media-publications .reverse-all .overLap-image {
  margin-right: -3.125vw;
  margin-left: 0;
}
.media-publications .reverse-all .text-block .top-text {
  padding-left: 80px;
}
.media-publications .reverse-all .overLap {
  justify-content: flex-end;
}

/*.our-expertise .expertise-text h2{
	font-size:6vh;
	padding-bottom:16px;
}*/

.footer-bottom p{
	font-size: 18px;
}

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