@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Bold.eot");
  src: url("fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Bold.woff2") format("woff2"), url("fonts/Montserrat-Bold.woff") format("woff"), url("fonts/Montserrat-Bold.ttf") format("truetype"), url("fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Light.eot");
  src: url("fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Light.woff2") format("woff2"), url("fonts/Montserrat-Light.woff") format("woff"), url("fonts/Montserrat-Light.ttf") format("truetype"), url("fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Medium.eot");
  src: url("fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Medium.woff2") format("woff2"), url("fonts/Montserrat-Medium.woff") format("woff"), url("fonts/Montserrat-Medium.ttf") format("truetype"), url("fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Regular.eot");
  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Regular.woff2") format("woff2"), url("fonts/Montserrat-Regular.woff") format("woff"), url("fonts/Montserrat-Regular.ttf") format("truetype"), url("fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
}

@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1460px;
  }
}
button:active {
  border: 0;
  color: #212121 !important;
}

a {
  text-decoration: none;
}

.white-color {
  color: #ffffff !important;
}

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

.navbar-toggler:focus {
  box-shadow: none;
}

.btn:focus-visible {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
  outline: 0;
  box-shadow: none;
  border: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
}

html, body {
  background: #ffffff;
  font-family: "Montserrat", Arial;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  font-display: swap;
  position: relative;
  scroll-behavior: smooth;
  min-height: 100%;
}
html .bg-green, html .event, body .bg-green, body .event {
  background: #00926B;
}
html .bg-lightgray, body .bg-lightgray {
  background: #E5E6E7;
}
html .bg-yellow, body .bg-yellow {
  background: #F9B01B;
}
html .bg-indigo, body .bg-indigo {
  background: #16133F;
}
html .bg-indigo .overlay, body .bg-indigo .overlay {
  background: #00926B;
}
html .bg-purple, html .retail, body .bg-purple, body .retail {
  background: #522667;
}
html .bg-purple .overlay, html .retail .overlay, body .bg-purple .overlay, body .retail .overlay {
  background: #ee3c25;
}
html .bg-wine, html .production, body .bg-wine, body .production {
  background: #991D53;
}
html .bg-wine .overlay, html .production .overlay, body .bg-wine .overlay, body .production .overlay {
  background: #F9B01B;
}
html .bg-blue, html .print, body .bg-blue, body .print {
  background: #2C3075;
}
html .bg-blue .overlay, html .print .overlay, body .bg-blue .overlay, body .print .overlay {
  background: #CF7629;
}
html .bg-orange, html .creative, body .bg-orange, body .creative {
  background: #ee3c25;
}
html .bg-gold, html .digital, body .bg-gold, body .digital {
  background: #CF7629;
}
html .block, body .block {
  width: 48px;
  height: 15px;
  display: inline-block;
}
html.nav_bg .main_nav .link-text span, body.nav_bg .main_nav .link-text span {
  color: #ffffff;
}
html.colorbar .fix-menu, body.colorbar .fix-menu {
  background: #DBDCDD !important;
}
html .coloryellow, body .coloryellow {
  color: #F9B01B;
  vertical-align: text-bottom;
}
html .colorindigo, body .colorindigo {
  color: #16133F;
}
html .colororange, body .colororange {
  color: #ee3c25;
}
html .colorgreen, body .colorgreen {
  color: #00926B;
  vertical-align: text-bottom;
}
html .colorpurple, body .colorpurple {
  color: #522667;
  vertical-align: text-bottom;
}
html .colorblue, body .colorblue {
  color: #16133F;
  vertical-align: text-bottom;
}
html .colorwhite, body .colorwhite {
  color: #ffffff;
  vertical-align: text-bottom;
}
html .colorwine, body .colorwine {
  color: #991D53;
}
html .loading, body .loading {
  position: absolute;
  top: 14px;
  width: 30px;
  height: 30px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
}
html #message, body #message {
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
html #message.success, body #message.success {
  color: #00926B;
}
html #message.error, body #message.error {
  color: red;
}
html .fix-menu, body .fix-menu {
  position: fixed;
  width: 100%;
  transition-duration: 0.6s;
  z-index: 2;
}
html .fix-menu .PMGLogo, body .fix-menu .PMGLogo {
  left: 2rem;
  position: fixed;
  top: 16px;
}
@media only screen and (min-width: 1600px) {
  html .fix-menu .PMGLogo, body .fix-menu .PMGLogo {
    left: 4rem;
  }
}
@media only screen and (max-width: 640px) {
  html .fix-menu .PMGLogo, body .fix-menu .PMGLogo {
    left: 15px;
  }
}
html .fix-menu .PMGLogo img, body .fix-menu .PMGLogo img {
  display: block;
  will-change: display;
  transition: display 1s ease;
}
@media only screen and (min-width: 992px) {
  html .fix-menu, body .fix-menu {
    overflow: hidden;
  }
}
html .fix-menu.nav_scroll, body .fix-menu.nav_scroll {
  height: 0;
}
@media only screen and (min-width: 992px) {
  html .fix-menu .navbar .nav-item, body .fix-menu .navbar .nav-item {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 992px) {
  html .fix-menu .navbar .nav-item, body .fix-menu .navbar .nav-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
html .overflow, body .overflow {
  overflow-y: scroll;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  touch-action: none;
}
html .overlay_menu, body .overlay_menu {
  width: 0%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background-color: #212121;
  visibility: hidden;
  transition: 0.5s;
}
html .hamburger, body .hamburger {
  width: 90px;
  height: 90px;
  position: fixed;
  cursor: pointer;
  margin-left: auto;
  background-color: #212121;
  z-index: 2;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 640px) {
  html .hamburger, body .hamburger {
    left: 0;
    right: 0;
  }
}
html .hamburger:hover:not(.open) .hamburger-line span:nth-child(1), body .hamburger:hover:not(.open) .hamburger-line span:nth-child(1) {
  transform: translateX(-5px);
}
html .hamburger:hover:not(.open) .hamburger-line span:nth-child(3), body .hamburger:hover:not(.open) .hamburger-line span:nth-child(3) {
  transform: translateX(-5px);
}
html .hamburger .hamburger-line, body .hamburger .hamburger-line {
  width: 36px;
  position: fixed;
  right: 27px;
  top: 16px;
}
html .hamburger .hamburger-line span, body .hamburger .hamburger-line span {
  display: block;
  position: relative;
  height: 2.5px;
  width: 100%;
  background: #ffffff;
  border-radius: 5px;
  left: 0;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: 0.4s;
}
html .hamburger .hamburger-line span:nth-child(1), body .hamburger .hamburger-line span:nth-child(1) {
  top: 0px;
}
html .hamburger .hamburger-line span:nth-child(2), body .hamburger .hamburger-line span:nth-child(2) {
  top: 11px;
}
html .hamburger .hamburger-line span:nth-child(3), body .hamburger .hamburger-line span:nth-child(3) {
  top: 21px;
}
html .hamburger .hamburger-text, body .hamburger .hamburger-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  color: #ffffff;
  position: absolute;
  bottom: 12px;
  right: 0;
  left: 0;
  text-align: center;
}
html .hamburger.open span, body .hamburger.open span {
  background-color: #ffffff !important;
}
html .hamburger.open span:nth-child(1), body .hamburger.open span:nth-child(1) {
  top: 9px;
  transform: rotate(135deg);
}
html .hamburger.open span:nth-child(2), body .hamburger.open span:nth-child(2) {
  opacity: 0;
}
html .hamburger.open span:nth-child(3), body .hamburger.open span:nth-child(3) {
  top: 4px;
  transform: rotate(-135deg);
}
html .hamburger.open + .overlay_menu, body .hamburger.open + .overlay_menu {
  width: 100%;
  visibility: visible;
}
html .mainmenu_nav, body .mainmenu_nav {
  list-style: none;
  position: relative;
  padding-top: 3rem;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1600px) {
  html .mainmenu_nav, body .mainmenu_nav {
    padding-top: 6rem;
  }
}
@media only screen and (max-width: 767px) {
  html .mainmenu_nav, body .mainmenu_nav {
    padding-left: 0;
    overflow-y: auto;
  }
}
html .mainmenu_nav li, body .mainmenu_nav li {
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  html .mainmenu_nav li, body .mainmenu_nav li {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
html .mainmenu_nav li a, body .mainmenu_nav li a {
  font-size: 36px;
  line-height: 46px;
  font-weight: 300;
  color: #ffffff;
  display: inline-block;
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media only screen and (max-width: 768px) {
  html .mainmenu_nav li a, body .mainmenu_nav li a {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 640px) {
  html .mainmenu_nav li a, body .mainmenu_nav li a {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 344px) {
  html .mainmenu_nav li a, body .mainmenu_nav li a {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1023px) {
  html .mainmenu_nav li a, body .mainmenu_nav li a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
html .mainmenu_nav li a svg, body .mainmenu_nav li a svg {
  margin-left: 5px;
}
html .mainmenu_nav li a:hover, body .mainmenu_nav li a:hover {
  color: #F9B01B;
}
html .mainmenu_nav li a:hover svg, body .mainmenu_nav li a:hover svg {
  stroke: #F9B01B !important;
}
html .mainmenu_nav li .dropdown_menu, body .mainmenu_nav li .dropdown_menu {
  display: none;
}
@media only screen and (min-width: 768px) {
  html .mainmenu_nav li .dropdown_menu, body .mainmenu_nav li .dropdown_menu {
    position: absolute;
    z-index: 1;
    top: 0rem;
    left: 50%;
    width: 44%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1100px) {
  html .mainmenu_nav li .dropdown_menu, body .mainmenu_nav li .dropdown_menu {
    left: 41%;
  }
}
@media only screen and (max-width: 767px) {
  html .mainmenu_nav li .dropdown_menu, body .mainmenu_nav li .dropdown_menu {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding-left: 1rem;
  }
}
html .mainmenu_nav li .dropdown_menu ul, body .mainmenu_nav li .dropdown_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  html .mainmenu_nav li .dropdown_menu ul, body .mainmenu_nav li .dropdown_menu ul {
    padding-left: 30px;
  }
}
html .mainmenu_nav li .dropdown_menu ul li, body .mainmenu_nav li .dropdown_menu ul li {
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}
html .mainmenu_nav li .dropdown_menu ul li a, body .mainmenu_nav li .dropdown_menu ul li a {
  padding: 13px 20px;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  html .mainmenu_nav li .dropdown_menu ul li a, body .mainmenu_nav li .dropdown_menu ul li a {
    line-height: 29px;
    padding: 7px 20px;
    width: 100%;
  }
}
html .mainmenu_nav li .dropdown_menu ul li a:hover, body .mainmenu_nav li .dropdown_menu ul li a:hover {
  color: #F9B01B;
}
@media only screen and (min-width: 1600px) {
  html .mainmenu_nav li .dropdown_menu ul li a, body .mainmenu_nav li .dropdown_menu ul li a {
    padding: 15px 20px;
  }
}
html .mainmenu_nav li.submenu a svg, body .mainmenu_nav li.submenu a svg {
  fill: #ffffff;
  stroke: #ffffff;
  transform: scale(1.5);
}
html .mainmenu_nav li.submenu:hover .dropdown_menu, body .mainmenu_nav li.submenu:hover .dropdown_menu {
  display: flex;
}
html main, body main {
  background: #ffffff;
  z-index: 1;
  height: 100%;
  position: relative;
  padding-top: 90px;
}
html footer, body footer {
  padding-top: 60px;
  padding-bottom: 40px;
  overflow: hidden;
  background: #212121;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  html footer, body footer {
    position: sticky;
    bottom: 0;
    z-index: 0;
  }
}
@media only screen and (max-width: 640px) {
  html footer, body footer {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
html footer .getintouch, body footer .getintouch {
  position: relative;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  html footer .getintouch, body footer .getintouch {
    margin-top: 0px;
  }
}
html footer .getintouch .marquee, body footer .getintouch .marquee {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1400px) {
  html footer .getintouch .marquee, body footer .getintouch .marquee {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 768px) {
  html footer .getintouch .marquee, body footer .getintouch .marquee {
    height: auto;
  }
}
html footer .getintouch .marquee a, body footer .getintouch .marquee a {
  background: inherit;
  font-size: 47px;
  line-height: 57px;
  color: #ffffff;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  html footer .getintouch .marquee a, body footer .getintouch .marquee a {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  html footer .getintouch .marquee a, body footer .getintouch .marquee a {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  html footer .getintouch .marquee a, body footer .getintouch .marquee a {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  html footer .getintouch .marquee a, body footer .getintouch .marquee a {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1400px) {
  html footer .getintouch .marquee a, body footer .getintouch .marquee a {
    justify-content: initial;
    gap: 50px;
  }
}
html footer .getintouch .marquee a:hover p, body footer .getintouch .marquee a:hover p {
  color: #F9B01B;
}
html footer .getintouch .marquee a:hover svg, body footer .getintouch .marquee a:hover svg {
  fill: #F9B01B;
}
html footer .getintouch .marquee a p, body footer .getintouch .marquee a p {
  background: inherit;
  color: #ffffff;
  font-weight: bold;
  display: inline;
}
@media only screen and (max-width: 640px) {
  html footer .getintouch .marquee a p, body footer .getintouch .marquee a p {
    display: inline-block;
    vertical-align: top;
  }
}
html footer .getintouch .marquee img, body footer .getintouch .marquee img {
  width: 100px;
}
@media only screen and (max-width: 767px) {
  html footer .getintouch .marquee img, body footer .getintouch .marquee img {
    margin-left: 10px;
  }
}
html footer .footerlinks, body footer .footerlinks {
  display: flex;
  margin-top: 40px;
  gap: 20px;
}
@media only screen and (max-width: 1440px) {
  html footer .footerlinks, body footer .footerlinks {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  html footer .footerlinks, body footer .footerlinks {
    gap: 0px;
  }
}
@media only screen and (max-width: 1180px) {
  html footer .footerlinks, body footer .footerlinks {
    flex-wrap: wrap;
  }
}
html footer .footerlinks ul, body footer .footerlinks ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 1440px) {
  html footer .footerlinks ul, body footer .footerlinks ul {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  html footer .footerlinks ul, body footer .footerlinks ul {
    padding-bottom: 20px;
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  html footer .footerlinks ul.lastsession, body footer .footerlinks ul.lastsession {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  html footer .footerlinks ul li, body footer .footerlinks ul li {
    margin-right: 20px;
  }
}
html footer .footerlinks ul li.groupname, body footer .footerlinks ul li.groupname {
  font-weight: bold;
  padding-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
}
html footer .footerlinks ul li a, body footer .footerlinks ul li a {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 300;
}
html footer .footerlinks ul li a:hover, body footer .footerlinks ul li a:hover {
  color: #F9B01B;
}
@media only screen and (max-width: 640px) {
  html footer .footerlinks ul li a, body footer .footerlinks ul li a {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1440px) {
  html footer .footerlinks .award, body footer .footerlinks .award {
    margin-left: auto;
  }
}
html footer .footerlinks .award .social, body footer .footerlinks .award .social {
  padding-top: 28px;
}
html footer .footerlinks .award .social .sociallink, body footer .footerlinks .award .social .sociallink {
  font-size: 14px;
  line-height: 22px;
}
html footer .footerlinks .award .social .sociallink a, body footer .footerlinks .award .social .sociallink a {
  display: inline-block;
  color: #ffffff;
  padding: 0;
  margin-left: 15px;
}
@media only screen and (max-width: 640px) {
  html footer .footerlinks .award .social .sociallink a img, body footer .footerlinks .award .social .sociallink a img {
    width: 120px;
  }
}
@media only screen and (max-width: 338px) {
  html footer .footerlinks .award .social .sociallink a img, body footer .footerlinks .award .social .sociallink a img {
    width: 110px;
  }
}
html footer .footerlinks .award .social .sociallink:nth-child(1), body footer .footerlinks .award .social .sociallink:nth-child(1) {
  padding-bottom: 18px;
}
html footer .footerlinks .award .social .subsidiarylogo, body footer .footerlinks .award .social .subsidiarylogo {
  display: flex;
  gap: 32px;
}
@media only screen and (max-width: 768px) {
  html footer .footerlinks .award .social .subsidiarylogo, body footer .footerlinks .award .social .subsidiarylogo {
    gap: 25px;
  }
}
@media only screen and (max-width: 640px) {
  html footer .footerlinks .award .social .subsidiarylogo, body footer .footerlinks .award .social .subsidiarylogo {
    margin-bottom: 20px;
  }
}
html footer .copyright, body footer .copyright {
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
  display: flex;
  align-items: center;
  padding-bottom: 40px;
}
html footer .copyright .line, body footer .copyright .line {
  width: auto !important;
}
@media only screen and (max-width: 640px) {
  html footer .copyright .line, body footer .copyright .line {
    display: none;
  }
}
html footer .copyright a, body footer .copyright a {
  font-size: 12px;
  line-height: 22px;
  color: #ffffff;
  text-decoration: underline;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) and (max-width: 360px) {
  html footer .copyright a, body footer .copyright a {
    display: block;
  }
}
html footer .copyright a:hover, body footer .copyright a:hover {
  color: #F9B01B;
}
html footer .copyright img, body footer .copyright img {
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  html footer .copyright, body footer .copyright {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 640px) {
  html footer .copyright, body footer .copyright {
    padding-bottom: 20px;
  }
}
html .navbar-expand-lg .navbar-toggler, body .navbar-expand-lg .navbar-toggler {
  display: block;
}
html .navbar-expand-lg .navbar-toggler .menu-line, body .navbar-expand-lg .navbar-toggler .menu-line {
  width: 35px;
  height: 5px;
  background: #212121;
  margin: 6px 0;
}
html .navbar-expand-lg .navbar-toggler .menu-line.active, body .navbar-expand-lg .navbar-toggler .menu-line.active {
  background: #ffffff;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #212121;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  ::-ms-input-placeholder {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  ::-ms-input-placeholder {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  ::-ms-input-placeholder {
    font-size: 20px;
    line-height: 28px;
  }
}

::-moz-placeholder {
  color: #212121;
  font-size: 29px;
  line-height: 39px;
}

::placeholder {
  color: #212121;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  ::-moz-placeholder {
    font-size: 26px;
    line-height: 34px;
  }
  ::placeholder {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  ::-moz-placeholder {
    font-size: 24px;
    line-height: 32px;
  }
  ::placeholder {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  ::-moz-placeholder {
    font-size: 20px;
    line-height: 28px;
  }
  ::placeholder {
    font-size: 20px;
    line-height: 28px;
  }
}

b, strong {
  font-weight: bold !important;
}

.gradient-border {
  width: 1px;
  background: transparent linear-gradient(180deg, rgb(216, 216, 216) 0%, #212121 100%) 0% 0% no-repeat padding-box;
}

.link-text {
  display: block;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.link-text span {
  display: block;
  text-align: center;
  font-weight: 400;
  color: #212121;
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.link-text span + span {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 95%;
  transition: transform 1, 5s cubic-bezier(0.19, 1, 0.22, 1);
}
.link-text:hover span:first-child {
  transform: translateY(-176%);
}
.link-text:hover span + span {
  transform: translateY(-95%);
}

.h1heading {
  font-weight: 300;
  color: #212121;
  position: relative;
}
@media only screen and (min-width: 320px) {
  .h1heading {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .h1heading {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .h1heading {
    font-size: 80px;
    line-height: 90px;
  }
}

.subtitle {
  margin-bottom: 0;
  color: #212121;
  font-weight: 300;
  display: flex;
}
@media only screen and (min-width: 320px) {
  .subtitle {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .subtitle {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .subtitle {
    font-size: 65px;
    line-height: 72px;
  }
}

.btn-primary, .btn-primary:hover {
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  background: #ffffff;
  color: #212121;
  border: 1px solid #ffffff;
  font-weight: 400;
  min-width: 190px;
}

.btn-outline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  height: 54px;
  line-height: 54px !important;
  color: #212121;
  font-weight: 400;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  overflow: hidden;
  background-color: #ffffff;
  cursor: pointer;
  text-align: center;
  border: 1px solid #212121;
  display: flex;
  align-items: center;
}
.btn-outline:hover {
  background: #F9B01B;
  color: #ffffff;
  border: 1px solid #F9B01B;
}

.button_wapper {
  display: flex;
}
.button_wapper .custombutton {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  height: 54px;
  line-height: 54px !important;
  color: #000101;
  font-weight: 400;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  overflow: hidden;
  background-color: #ffffff;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 332px) {
  .button_wapper .custombutton {
    padding-left: 16px;
    padding-right: 16px;
    height: 40px;
    line-height: 40px !important;
  }
}
.button_wapper .custombutton::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: left 1s;
  border-radius: 5%/50%;
}
.button_wapper .custombutton:hover {
  color: #F9B01B !important;
}
.button_wapper .custombutton span {
  position: relative;
  z-index: 2;
}

.ourwork {
  background: #ffffff;
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .ourwork {
    min-height: 100vh;
  }
}
@media only screen and (max-width: 992px) {
  .ourwork {
    min-height: 100vh;
  }
}
.ourwork .h1heading {
  padding-bottom: 29px;
}
.ourwork .gallerywapper {
  padding-bottom: 80px;
  width: 100%;
}
.ourwork .gallerywapper .item_list {
  color: #212121;
  opacity: 1 !important;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
@media only screen and (min-width: 320px) {
  .ourwork .gallerywapper .item_list {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .ourwork .gallerywapper .item_list {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .ourwork .gallerywapper .item_list {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 640px) {
  .ourwork .gallerywapper .item_list {
    width: 50%;
  }
}
@media only screen and (min-width: 640px) {
  .ourwork .gallerywapper .item_list.itemH300 .item_wapper, .ourwork .gallerywapper .item_list.itemH350 .item_wapper, .ourwork .gallerywapper .item_list.itemH400 .item_wapper {
    height: calc(100% - 9px);
  }
  .ourwork .gallerywapper .item_list.itemH300 .item_wapper:hover .item .item_image img, .ourwork .gallerywapper .item_list.itemH350 .item_wapper:hover .item .item_image img, .ourwork .gallerywapper .item_list.itemH400 .item_wapper:hover .item .item_image img {
    transform: scale(1.1) translateY(-1%);
  }
  .ourwork .gallerywapper .item_list.itemH300.itemH300, .ourwork .gallerywapper .item_list.itemH350.itemH300, .ourwork .gallerywapper .item_list.itemH400.itemH300 {
    height: 300px;
  }
  .ourwork .gallerywapper .item_list.itemH300.itemH350, .ourwork .gallerywapper .item_list.itemH350.itemH350, .ourwork .gallerywapper .item_list.itemH400.itemH350 {
    height: 350px;
  }
  .ourwork .gallerywapper .item_list.itemH300.itemH400, .ourwork .gallerywapper .item_list.itemH350.itemH400, .ourwork .gallerywapper .item_list.itemH400.itemH400 {
    height: 400px;
  }
}
@media only screen and (min-width: 1400px) {
  .ourwork .gallerywapper .item_list.itemH300 {
    height: 400px !important;
  }
  .ourwork .gallerywapper .item_list.itemH350 {
    height: 450px !important;
  }
  .ourwork .gallerywapper .item_list.itemH400 {
    height: 500px !important;
  }
}
.ourwork .gallerywapper .item_list .item_wapper {
  margin-bottom: 9px;
  position: relative;
  width: 100%;
  height: inherit;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .ourwork .gallerywapper .item_list .item_wapper:hover .item .item-overlay {
    top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .ourwork .gallerywapper .item_list .item_wapper:hover .item .item-overlay h2 svg {
    transform: translateY(-6px);
  }
}
.ourwork .gallerywapper .item_list .item_wapper .item {
  height: inherit;
}
.ourwork .gallerywapper .item_list .item_wapper .item .item_image {
  height: 100%;
}
.ourwork .gallerywapper .item_list .item_wapper .item .item_image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transform: scale(1.1) translateY(0);
  will-change: transform;
  transition: transform 0.3s ease;
}
.ourwork .gallerywapper .item_list .item_wapper .item .item-overlay {
  position: absolute;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.0509803922) 0%, rgba(0, 0, 0, 0.7019607843) 61%, rgba(0, 0, 0, 0.8) 100%) 0% 0% no-repeat padding-box;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay {
    top: 0;
  }
}
.ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 332px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 0;
  }
}
.ourwork .gallerywapper .item_list .item_wapper .item .item-overlay h2 svg {
  fill: #ffffff;
  width: 16px;
  transform: translateY(0);
  will-change: transform;
  transition: transform 0.3s ease;
}
.ourwork .gallerywapper .item_list .item_wapper .item .item-overlay .projectname {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  padding: 0 13px 10px;
  text-align: center;
}
@media only screen and (max-width: 332px) {
  .ourwork .gallerywapper .item_list .item_wapper .item .item-overlay .projectname {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0px;
  }
}
.ourwork .gallerywapper .item_list .item_wapper .item .item-overlay p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.filter {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px 0 80px 0;
  color: #212121;
  max-width: 1130px;
}
@media only screen and (max-width: 1200px) {
  .filter {
    gap: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .filter {
    padding: 0px 0 50px 0;
  }
}
@media only screen and (max-width: 640px) {
  .filter {
    flex-wrap: unset;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .filter::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  .filter {
    gap: 12px;
  }
}
.filter label {
  display: inline-block;
  padding: 14px 32px;
  border: 1px solid #212121;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  cursor: pointer;
  position: relative;
  background: #ffffff;
  color: #212121;
}
@media only screen and (max-width: 1200px) {
  .filter label {
    padding: 14px 22px;
  }
}
@media only screen and (max-width: 640px) {
  .filter label {
    padding: 14px 17px;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 390px) and (min-width: 330px) {
  .filter label {
    padding: 14px 12px;
  }
}
.filter label::before {
  bottom: 0;
  left: 0;
  right: 0;
  height: 0%;
  width: 100%;
  position: absolute;
}
.filter label.All.active {
  background: #16133F;
  color: #ffffff;
}
.filter label.All:hover {
  background: #16133F;
}
.filter label span {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 640px) {
  .filter label span {
    font-size: 14px;
  }
}
.filter label:hover {
  color: inherit;
}
@media only screen and (min-width: 768px) {
  .filter label:hover {
    color: #ffffff;
  }
}
.filter label:hover::before {
  height: 100%;
}
.filter label.CS.active {
  background: #ee3c25;
  border: 1px solid #ee3c25;
}
@media only screen and (min-width: 768px) {
  .filter label.CS:hover {
    background: #ee3c25;
    border: 1px solid #ee3c25;
  }
}
.filter label.DM.active {
  background: #CF7629;
  border: 1px solid #CF7629;
}
@media only screen and (min-width: 768px) {
  .filter label.DM:hover {
    background: #CF7629;
    border: 1px solid #CF7629;
  }
}
.filter label.EM.active {
  background: #00926B;
  border: 1px solid #00926B;
}
@media only screen and (min-width: 768px) {
  .filter label.EM:hover {
    background: #00926B;
    border: 1px solid #00926B;
  }
}
.filter label.VP.active {
  background: #991D53;
  border: 1px solid #991D53;
}
@media only screen and (min-width: 768px) {
  .filter label.VP:hover {
    background: #991D53;
    border: 1px solid #991D53;
  }
}
.filter label.PPM.active {
  background: #2C3075;
  border: 1px solid #2C3075;
}
@media only screen and (min-width: 768px) {
  .filter label.PPM:hover {
    background: #2C3075;
    border: 1px solid #2C3075;
  }
}
.filter label.RCM.active {
  background: #522667;
  border: 1px solid #522667;
}
@media only screen and (min-width: 768px) {
  .filter label.RCM:hover {
    background: #522667;
    border: 1px solid #522667;
  }
}
.filter label input {
  position: absolute;
  display: none;
}
.filter label input:checked + span {
  color: #ffffff;
}

.navbar-toggler {
  border: 0;
}

.contact {
  overflow-x: hidden;
}
.contact .error {
  color: red;
  font-size: 14px;
  display: block;
}
.contact .success {
  color: #212121 !important;
}
.contact .red {
  color: red;
}

.contactus {
  color: #212121;
}
.contactus .flex-container {
  display: flex;
  justify-content: space-between;
}
.contactus .customheight {
  overflow: hidden;
  resize: none;
  width: 100%;
  font-weight: 300;
  background: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
  border-radius: 0;
  height: 40px;
  padding-bottom: 10px;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .contactus .customheight {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .customheight {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .customheight {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .customheight:focus {
  outline: 0;
}
.contactus .customheight:focus-visible {
  outline: 0;
}
.contactus .contactform {
  max-width: 1010px;
  width: 100%;
  font-weight: 300;
  padding-top: 29px;
}
@media only screen and (min-width: 1600px) {
  .contactus .contactform {
    max-width: 100%;
    padding-right: 50px;
  }
}
.contactus .contactform .title {
  font-size: 47px;
  line-height: 57px;
  padding-bottom: 20px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .title {
    font-size: 24px;
    line-height: 34px;
  }
}
.contactus .contactform .action {
  min-width: 142px;
  background: #ffffff;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  display: inline-block;
  padding: 15px 0;
}
.contactus .contactform .action .btn-primary {
  padding: 0;
}
.contactus .contactform .action .btn-primary:active {
  background: #ffffff;
}
.contactus .contactform .control {
  margin-bottom: 40px;
  line-height: 40px;
}
.contactus .contactform .control input, .contactus .contactform .control select {
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #212121;
  border-right: 0;
  border-top: 0;
  border-left: 0;
  outline: 0;
  color: #212121;
  font-weight: 300;
  border-radius: 0;
  padding-left: 0;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control input, .contactus .contactform .control select {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control input, .contactus .contactform .control select {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .control input, .contactus .contactform .control select {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .contactform .control input:focus, .contactus .contactform .control select:focus {
  outline: 0;
}
.contactus .contactform .control select {
  font-size: 29px;
  line-height: 39px;
  -webkit-appearance: none;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-bottom: 1px solid #212121;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control select {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control select {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .control select {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .contactform .control select:after {
  position: absolute;
  top: 0;
  right: 0;
}
.contactus .contactform .control .select2-selection__arrow b {
  border: 0;
}
.contactus .contactform .control .inline-checkbox {
  display: flex;
  width: 100%;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .contactus .contactform .control .inline-checkbox {
    align-items: center;
  }
}
.contactus .contactform .control .inline-checkbox input {
  width: auto;
  margin-right: 14px;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control .inline-checkbox input {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control .inline-checkbox input {
    width: 25px;
    height: 25px;
  }
}
.contactus .contactform .control .select2-container {
  width: 100% !important;
  position: relative !important;
  background: url(../images/downarrow.svg) no-repeat 100% 50%;
  background-size: 20px;
}
.contactus .contactform .control .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 35px !important;
}
.contactus .contactform .control .select2-selection__clear {
  margin-right: 25px;
}
.contactus .contactform .control .select2-container .select2-selection--single {
  height: auto !important;
}
.contactus .contactform .control .select2-container .select2-selection--multiple {
  padding-bottom: 0px !important;
}
.contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #212121 !important;
  border-radius: 0 !important;
  padding-bottom: 0px !important;
  padding-top: 8px !important;
  padding-left: 2px !important;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 2px !important;
  }
}
.contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 29px;
  line-height: 39px;
  color: #212121 !important;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .contactform .control .select2-container--default .select2-selection--multiple, .contactus .contactform .control .select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #212121 !important;
  border-radius: 0 !important;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control .select2-container--default .select2-selection--multiple, .contactus .contactform .control .select2-container--default .select2-selection--single {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control .select2-container--default .select2-selection--multiple, .contactus .contactform .control .select2-container--default .select2-selection--single {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .control .select2-container--default .select2-selection--multiple, .contactus .contactform .control .select2-container--default .select2-selection--single {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .contactform .control .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-size: 29px;
  line-height: 39px;
  height: 46px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform .control .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform .control .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform .control .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .contactform input.focushide.error {
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .contactus .contactform input.focushide.error {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .contactus .contactform input.focushide.error {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .contactus .contactform input.focushide.error {
    font-size: 20px;
    line-height: 28px;
  }
}
.contactus .contactform .agreement {
  padding-top: 20px;
  font-size: 14px;
  line-height: 22px;
}
.contactus .contactform .agreement a {
  font-weight: bold;
  color: #212121;
}
.contactus .button_wapper {
  margin-bottom: 0;
}
.contactus .button_wapper .custombutton {
  border: 1px solid #212121;
  display: flex;
  align-items: center;
}
.contactus .button_wapper #message {
  color: #F9B01B !important;
}

.office {
  padding-top: 124px;
  color: #212121;
  padding-bottom: 80px;
  max-width: 1010px;
  width: 100%;
}
.office .hyperlink {
  color: #212121;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .office .hyperlink {
    text-decoration: underline;
    cursor: pointer;
    pointer-events: auto;
  }
}
.office .hyperlink:hover {
  color: #F9B01B;
}
.office h3 {
  font-weight: 300;
  font-size: 47px;
  line-height: 57px;
}
@media only screen and (max-width: 768px) {
  .office h3 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .office h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .office h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
.office .accordion {
  padding-top: 12px;
}
.office .accordion .accordion-item .accordion-header {
  position: relative;
}
.office .accordion .accordion-item .accordion-header .covertext {
  position: absolute;
  font-size: 29px;
  line-height: 39px;
  top: 9px;
  left: 0px;
  z-index: 9;
  color: #212121;
  z-index: 9;
  display: inline-block;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .office .accordion .accordion-item .accordion-header .covertext {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .office .accordion .accordion-item .accordion-header .covertext {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .office .accordion .accordion-item .accordion-header .covertext {
    font-size: 20px;
    line-height: 28px;
  }
}
.office .accordion .accordion-item .accordion-header .covertext:hover {
  color: #F9B01B;
}
.office .accordion .accordion-item .accordion-header .covertext:hover svg {
  fill: #F9B01B;
  transform: translateY(-6px);
  transition: transform 0.3s ease-in-out;
}
.office .accordion .accordion-item .accordion-header .covertext svg {
  width: 16px;
  margin-left: 10px;
}
@media only screen and (max-width: 640px) {
  .office .accordion .accordion-item .accordion-header .covertext svg {
    width: 20px;
  }
}
.office .accordion .accordion-item .accordion-button.expended:after {
  background-image: none !important;
}
.office .accordion .countryaddresslist {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.office .accordion .countryaddresslist .addresslist {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .office .accordion .countryaddresslist .addresslist {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  .office .accordion .countryaddresslist .addresslist {
    width: 100%;
  }
}
.office .accordion .countryaddresslist .addresslist.w-30 {
  width: 32%;
}
@media only screen and (max-width: 992px) {
  .office .accordion .countryaddresslist .addresslist.w-30 {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .office .accordion .countryaddresslist .addresslist.w-30 {
    width: 100%;
  }
}
.office .accordion .countryaddresslist .addresslist.w-50 {
  width: 48% !important;
}
@media only screen and (max-width: 767px) {
  .office .accordion .countryaddresslist .addresslist.w-50 {
    width: 100% !important;
  }
}
.office .accordion .countryaddresslist .addresslist .countryname {
  font-weight: bold;
  padding-bottom: 10px;
}
.office .accordion .countryaddresslist .addresslist .websitelink {
  color: inherit;
  text-decoration: underline;
}
.office .accordion .countryaddresslist .addresslist .websitelink:hover {
  color: #F9B01B;
}

.accordion .accordion-item {
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #212121 !important;
  border-top: 0;
}
.accordion .accordion-item:first-of-type, .accordion .accordion-item:last-of-type {
  border-radius: 0;
}
.accordion .accordion-item:first-of-type .accordion-button, .accordion .accordion-item:last-of-type .accordion-button {
  border-radius: 0 !important;
  background-color: transparent;
  color: #212121;
  box-shadow: none;
}
.accordion .accordion-item:first-of-type .accordion-button img, .accordion .accordion-item:last-of-type .accordion-button img {
  margin-left: 18px;
  transition: 0.4s ease-in-out;
}
.accordion .accordion-item:last-child {
  border-bottom: 0px !important;
}
.accordion .accordion-item .accordion-button {
  padding-left: 0 !important;
  padding-right: 4px !important;
  background-color: transparent;
  color: #212121;
  font-weight: 300;
}
.accordion .accordion-item .accordion-button img {
  margin-left: 18px;
  transition: 0.4s ease-in-out;
}
.accordion .accordion-item .accordion-button:after {
  background-image: url(../images/Plus_symbol.svg);
  background-size: 54px;
  background-position: center center;
  transform: rotate(-180deg);
  cursor: pointer;
}
.accordion .accordion-item .accordion-button .collapsed {
  border-radius: 0;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  color: #212121;
  border-radius: 0;
  box-shadow: none !important;
  cursor: text;
}
.accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-image: url(../images/Plus_symbol.svg);
  background-size: 45px;
  background-position: center center;
  transform: rotate(45deg);
  cursor: pointer;
}
.accordion .accordion-item .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.accordion .accordion-item .accordion-body {
  color: #212121;
  font-size: 18px;
  line-height: 26px;
  padding-top: 0;
}

.singleService {
  color: #212121;
  font-weight: 300;
  background: #ffffff;
}
.singleService.EM .plan h4 {
  color: #00926B;
}
.singleService.EM .servicelists .list:last-child {
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .singleService.POSM .service_name br {
    display: none;
  }
}
.singleService.POSM .plan h4 {
  color: #2C3075;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .singleService.POSM .plan p {
    padding-right: 50px;
  }
}
.singleService.CS .plan h4 {
  color: #ee3c25;
}
@media only screen and (min-width: 1600px) {
  .singleService.CS .plan h4 {
    padding-right: 17px;
  }
}
.singleService.CS .plan br {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .singleService.CS .plan br {
    display: block;
  }
}
.singleService.DM .plan h4 {
  color: #CF7629;
}
.singleService.DM .plan p {
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .singleService.RCM .intro-container {
    padding-right: 53px;
  }
}
.singleService.RCM .plan h4 {
  color: #522667;
}
.singleService.RCM .plan h4 br {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .singleService.RCM .plan h4 br {
    display: block;
  }
}
.singleService.VP .plan h4 {
  color: #991D53;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .singleService.VP .service_intro {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1400px) {
  .singleService.VP .servicelists {
    justify-content: space-between;
  }
}
.singleService.VP .servicelists .list:last-child {
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .singleService.VP .closing_text {
    padding-right: 50px;
  }
}
.singleService .intro-container {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
  padding: 90px 15px;
}
@media only screen and (max-width: 768px) {
  .singleService .intro-container {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .singleService .intro-container {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .singleService .intro-container {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 992px) {
  .singleService .intro-container {
    padding: 50px 15px;
  }
}
@media only screen and (min-width: 992px) {
  .singleService .intro-container {
    max-width: 740px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .singleService .intro-container {
    max-width: 1020px;
  }
}
@media only screen and (min-width: 1600px) {
  .singleService .intro-container {
    max-width: 1100px;
  }
}
.singleService .intro-container .service_intro {
  font-weight: 300;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .singleService .intro-container .service_intro {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .singleService .intro-container .service_intro {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .singleService .intro-container .service_intro {
    font-size: 20px;
    line-height: 28px;
  }
}
.singleService .intro-container .service_name {
  font-size: 47px;
  line-height: 57px;
  padding-bottom: 20px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .singleService .intro-container .service_name {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .singleService .intro-container .service_name {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .singleService .intro-container .service_name {
    font-size: 24px;
    line-height: 34px;
  }
}
.singleService .intro-container .servicelists, .singleService .intro-container .posmservicelists {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .singleService .intro-container .servicelists, .singleService .intro-container .posmservicelists {
    padding-top: 40px;
  }
}
.singleService .intro-container .servicelists .list, .singleService .intro-container .posmservicelists .list {
  padding-top: 38px;
  margin: 0;
  padding-left: 0;
}
.singleService .intro-container .servicelists .list:nth-child(1), .singleService .intro-container .posmservicelists .list:nth-child(1) {
  margin-right: 50px;
}
@media only screen and (min-width: 1400px) {
  .singleService .intro-container .servicelists .list:nth-child(1), .singleService .intro-container .posmservicelists .list:nth-child(1) {
    margin-right: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .singleService .intro-container .servicelists .list:nth-child(1), .singleService .intro-container .posmservicelists .list:nth-child(1) {
    margin-right: 150px;
  }
}
@media only screen and (max-width: 640px) {
  .singleService .intro-container .servicelists .list, .singleService .intro-container .posmservicelists .list {
    width: 100% !important;
    white-space: inherit !important;
    padding-top: 0;
  }
}
.singleService .intro-container .servicelists .list h2, .singleService .intro-container .posmservicelists .list h2 {
  display: flex;
  align-items: center;
  padding-left: 0px;
  margin-bottom: 13px;
  list-style: none;
  position: relative;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
}
.singleService .intro-container .servicelists .list h2 a, .singleService .intro-container .posmservicelists .list h2 a {
  color: inherit;
  text-decoration: underline;
}
.singleService .intro-container .servicelists .list h2 a:hover, .singleService .intro-container .posmservicelists .list h2 a:hover {
  color: #F9B01B;
}
.singleService .plan_wapper {
  padding: 40px 15px 90px;
  font-weight: 300;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .singleService .plan_wapper {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .singleService .plan_wapper {
    max-width: 740px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .singleService .plan_wapper {
    max-width: 800px;
  }
}
.singleService .plan_wapper .plan {
  padding-top: 50px;
}
@media only screen and (max-width: 640px) {
  .singleService .plan_wapper .plan:first-child {
    padding-top: 0;
  }
}
.singleService .plan_wapper .plan h4 {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  padding-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  .singleService .plan_wapper .plan h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .singleService .plan_wapper .plan h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .singleService .plan_wapper .plan h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.singleService .plan_wapper .plan p {
  font-size: 18px;
  line-height: 26px;
}
.singleService .plan_wapper .plan p a {
  color: #212121;
  text-decoration: underline;
}
.singleService .plan_wapper .plan p a:hover {
  color: #F9B01B;
}
.singleService .closing_container {
  width: 100%;
  margin: 0 auto;
  padding: 0px 15px 90px;
}
@media only screen and (min-width: 992px) {
  .singleService .closing_container {
    max-width: 950px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .singleService .closing_container {
    max-width: 1020px;
  }
}
@media only screen and (min-width: 1600px) {
  .singleService .closing_container {
    max-width: 1100px;
  }
}
.singleService .closing_container .closing_text {
  font-size: 47px;
  line-height: 57px;
  font-weight: 300;
  color: #212121;
  padding-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .singleService .closing_container .closing_text {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .singleService .closing_container .closing_text {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .singleService .closing_container .closing_text {
    font-size: 24px;
    line-height: 34px;
  }
}
.singleService .closing_container .button_wapper {
  margin-top: 32px;
  margin-bottom: 0;
  justify-content: end !important;
}
.singleService .closing_container .button_wapper .custombutton {
  border: 1px solid #212121;
}

.heroEffects {
  position: relative;
  overflow: hidden;
  z-index: -1;
}
.heroEffects .bg {
  width: 100%;
  height: inherit;
  position: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.heroEffects .bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .heroEffects .bg video {
    height: 100vh;
  }
}
.heroEffects .bg:after {
  position: absolute;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.008) 11.7%, rgba(0, 0, 0, 0.035) 22.1%, rgba(0, 0, 0, 0.07) 31.2%, rgba(0, 0, 0, 0.12) 39.4%, rgba(0, 0, 0, 0.18) 46.6%, rgba(0, 0, 0, 0.247) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.392) 64.3%, rgba(0, 0, 0, 0.467) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.608) 78.8%, rgba(0, 0, 0, 0.667) 83.6%, rgba(0, 0, 0, 0.72) 88.7%, rgba(0, 0, 0, 0.76) 94.1%, rgba(0, 0, 0, 0.79) 100%);
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.heroEffects .title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .heroEffects .title {
    height: 100vh;
  }
}
.heroEffects .title .title_text {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  z-index: 1;
  padding: 0px 10px;
  width: 100%;
}
@media only screen and (min-width: 320px) {
  .heroEffects .title .title_text {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .heroEffects .title .title_text {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .heroEffects .title .title_text {
    font-size: 80px;
    line-height: 90px;
  }
}

@media only screen and (min-width: 640px) {
  .horizontal_scroll {
    padding-top: 16px;
  }
}
.horizontal_scroll .horizontal-scoll-wrapper {
  overflow: hidden;
}
@media only screen and (min-width: 1600px) {
  .horizontal_scroll .horizontal-scoll-wrapper {
    height: auto;
  }
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal {
  display: flex;
  height: 100%;
  gap: 16px;
}
@media only screen and (max-width: 992px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single {
  display: flex;
  display: -webkit-flex;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  width: 444px;
}
@media only screen and (min-width: 1600px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 992px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single {
    width: 49%;
  }
}
@media only screen and (max-width: 768px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single {
    width: 100%;
  }
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card {
  border-radius: 0;
  border: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  text-align: center;
  aspect-ratio: 1;
  width: 100%;
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-img {
  display: flex;
  height: 100%;
  background: #212121;
  border-radius: 0;
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 104%;
  transform: translateY(0);
  will-change: transform;
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card:hover img {
    transform: translateY(-4%);
  }
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card:hover .card-overlay {
    top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card:hover .card-overlay h4 svg {
    transform: translateY(-6px);
  }
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay {
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.0509803922) 0%, rgba(0, 0, 0, 0.7019607843) 61%, rgba(0, 0, 0, 0.8) 100%) 0% 0% no-repeat padding-box;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay {
    top: 0;
  }
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay h4 {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay h4 svg {
  fill: #ffffff;
  width: 16px;
  transform: translateY(0);
  will-change: transform;
  transition: transform 0.3s ease;
}
.horizontal_scroll .horizontal-scoll-wrapper .horizontal .single .card .card-overlay .projectname {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  padding: 0 15px;
}

.individual_country {
  background: #ffffff;
}
.individual_country .countrybody {
  color: #212121;
}
.individual_country .countrybody .country_heading {
  text-align: center;
  padding: 29px 0px 29px;
  color: #212121;
}
@media only screen and (max-width: 640px) {
  .individual_country .countrybody .country_heading {
    padding-top: 20px;
  }
}
.individual_country .countrybody .country_heading.MY {
  max-width: 1089px;
  margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
  .individual_country .countrybody .country_heading.MY {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.individual_country .countrybody .country_heading h1 {
  font-weight: 300;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 320px) {
  .individual_country .countrybody .country_heading h1 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .individual_country .countrybody .country_heading h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .individual_country .countrybody .country_heading h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
.individual_country .countrybody .country_heading h3 {
  font-weight: 300;
  font-size: 47px;
  line-height: 57px;
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .country_heading h3 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .individual_country .countrybody .country_heading h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .individual_country .countrybody .country_heading h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
.individual_country .countrybody .country_profile {
  display: flex;
  align-items: center;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .country_profile {
    flex-wrap: wrap;
  }
}
.individual_country .countrybody .country_profile .country_head {
  max-width: 348px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .individual_country .countrybody .country_profile .country_head {
    max-width: 280px;
  }
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .country_profile .country_head {
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto;
  }
}
.individual_country .countrybody .country_profile .head_speech {
  text-align: center;
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  .individual_country .countrybody .country_profile .head_speech {
    max-width: 70%;
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .individual_country .countrybody .country_profile .head_speech {
    max-width: 62%;
  }
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .country_profile .head_speech {
    padding: 30px 0;
    max-width: 100%;
  }
}
.individual_country .countrybody .country_profile .head_speech .speech {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  padding: 0px 10px;
}
@media only screen and (max-width: 992px) {
  .individual_country .countrybody .country_profile .head_speech .speech {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .country_profile .head_speech .speech {
    padding: 0 15px;
  }
}
.individual_country .countrybody .country_profile .head_speech .block {
  margin: 13px 0 23px;
  width: 48px;
  height: 15px;
}
@media only screen and (max-width: 992px) {
  .individual_country .countrybody .country_profile .head_speech .block {
    margin: 13px 0;
  }
}
.individual_country .countrybody .country_profile .head_speech .head_title {
  font-size: 16px;
  line-height: 24px;
}
.individual_country .countrybody .country_profile .head_speech .head_title p {
  font-weight: bold;
}
.individual_country .countrybody .countrybody_wapper {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 992px) {
  .individual_country .countrybody .countrybody_wapper {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 777px) {
  .individual_country .countrybody .countrybody_wapper {
    padding-top: 50px;
  }
}
.individual_country .countrybody .countrybody_wapper .location {
  margin-bottom: 70px;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  align-items: self-start;
}
@media only screen and (max-width: 677px) {
  .individual_country .countrybody .countrybody_wapper .location {
    width: 100%;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .individual_country .countrybody .countrybody_wapper .location .office_address {
    width: 50%;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .countrybody_wapper .location .office_address {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .individual_country .countrybody .countrybody_wapper .location .office_address {
    width: 100%;
  }
}
.individual_country .countrybody .countrybody_wapper .location .office_address .countryname {
  font-weight: bold;
  padding-bottom: 10px;
}
.individual_country .countrybody .countrybody_wapper .location .office_address .websitelink {
  border-bottom: 0;
  text-decoration: underline;
}
.individual_country .countrybody .countrybody_wapper .location .office_address .websitelink:hover {
  color: #F9B01B;
}
.individual_country .countrybody .countrybody_wapper .location .office_address a {
  color: #212121;
  display: inline-block;
}
.individual_country .countrybody .countrybody_wapper .location .office_address a img {
  transition: 0.4s ease-in-out;
}
.individual_country .countrybody .countrybody_wapper .location .office_address a.hyperlink {
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .countrybody_wapper .location .office_address a {
    text-decoration: underline;
    cursor: pointer;
    pointer-events: auto;
  }
}
.individual_country .countrybody .countrybody_wapper .location .office_address a:hover {
  color: #F9B01B;
}
.individual_country .countrybody .countrybody_wapper .location .office_address a:hover img {
  transform: translateY(-4px);
}
.individual_country .countrybody .countrybody_wapper .location .office_address p {
  font-size: 18px;
  line-height: 26px;
}
.individual_country .countrybody .countrybody_wapper .button_wapper {
  margin-bottom: 0;
}
.individual_country .countrybody .countrybody_wapper .button_wapper .custombutton {
  color: #212121;
  border: 1px solid #212121;
}
.individual_country .countrybody .subheading {
  font-size: 47px;
  line-height: 57px;
  font-weight: 300;
  padding-top: 90px;
  padding-bottom: 38px;
}
@media only screen and (max-width: 768px) {
  .individual_country .countrybody .subheading {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .individual_country .countrybody .subheading {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .individual_country .countrybody .subheading {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 992px) {
  .individual_country .countrybody .subheading {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .individual_country .countrybody .subheading {
    padding-top: 50px;
    padding-bottom: 32px;
  }
}
.individual_country .recentblog {
  padding-top: 90px;
}
@media only screen and (max-width: 777px) {
  .individual_country .recentblog {
    padding-top: 50px;
  }
}
.individual_country .recentblog .blogheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
  border-bottom: 1px solid #212121;
}
.individual_country .recentblog .blogheader h4 {
  font-size: 29px;
  line-height: 39px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .individual_country .recentblog .blogheader h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .individual_country .recentblog .blogheader h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .individual_country .recentblog .blogheader h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.individual_country .recentblog .blogheader .gotoblog {
  font-size: 16px;
  line-height: 24px;
}
.individual_country .recentblog .blogheader .gotoblog a {
  text-decoration: none;
  color: #212121;
}
.individual_country .recentblog .blogheader .gotoblog a:hover {
  color: #F9B01B;
}
.individual_country .recentblog .individualblog a {
  display: flex;
  justify-content: space-between;
  padding: 31px 0;
  border-bottom: 1px solid #212121;
  color: #212121;
}
@media only screen and (max-width: 767px) {
  .individual_country .recentblog .individualblog a {
    flex-direction: column-reverse;
  }
}
.individual_country .recentblog .individualblog a .summary {
  padding-right: 15%;
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
}
.individual_country .recentblog .individualblog a .summary .releasedate {
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 19px;
}
@media only screen and (max-width: 768px) {
  .individual_country .recentblog .individualblog a .summary {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .individual_country .recentblog .individualblog a .summary {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .individual_country .recentblog .individualblog a .summary {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 992px) {
  .individual_country .recentblog .individualblog a .summary {
    padding-right: 10%;
  }
}
@media screen and (max-width: 768px) {
  .individual_country .recentblog .individualblog a .summary {
    padding-right: 5%;
  }
  .individual_country .recentblog .individualblog a .summary br {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .individual_country .recentblog .individualblog a .summary {
    padding-right: 0;
  }
}
.individual_country .recentblog .individualblog a .blogImg {
  margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
  .individual_country .recentblog .individualblog a .blogImg {
    max-width: 220px;
    margin-bottom: 0px;
  }
}
.individual_country .recentblog .individualblog a:hover .title {
  text-decoration: underline;
}

.home {
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.home .mainheading {
  position: fixed;
  bottom: 70px;
  line-height: 100px;
  width: 100%;
  text-align: center;
  font-size: 29px;
  line-height: 39px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  z-index: 1;
  color: rgba(33, 33, 33, 0.6);
  background: linear-gradient(to right, #212121 50%, #212121);
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  animation: colorrunning 5s infinite;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  will-change: background-position;
}
@media only screen and (max-width: 768px) {
  .home .mainheading {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home .mainheading {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home .mainheading {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home .mainheading {
    bottom: 10rem;
  }
}
@media only screen and (min-width: 1600px) {
  .home .mainheading {
    bottom: 100px;
  }
}
@keyframes colorrunning {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.home #animation {
  overflow: hidden;
}
.home #animation .hero-session {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}
.home #animation .hero-session .sticky_layer {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
  background: #1F1D3C;
}
.home #animation .hero-session .sticky_layer .landing_screen {
  position: relative;
}
.home #animation .hero-session .sticky_layer .landing_screen .verticleAlign {
  vertical-align: text-bottom;
  margin-right: 4px;
  color: #991D53;
}
.home #animation .hero-session .sticky_layer .landing_screen .zoom {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  height: 100vh;
  width: 100vw;
  align-items: center;
}
.home #animation .hero-session .sticky_layer .landing_screen .zoom .creativeImpactsvg {
  width: 100%;
  position: relative;
  box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 50vw #ffffff;
}
@media only screen and (max-width: 1024px) {
  .home #animation .hero-session .sticky_layer .landing_screen .zoom .creativeImpactsvg {
    box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 60vw #ffffff;
  }
}
@media only screen and (max-width: 768px) {
  .home #animation .hero-session .sticky_layer .landing_screen .zoom .creativeImpactsvg {
    box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 100vw #ffffff;
  }
}
.home #animation .layers {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  bottom: 0;
  z-index: 99;
  opacity: 0;
}
.home #animation .layers .text_wapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.home #animation .layers .text_wapper.layer-1 {
  z-index: 4;
  background: #EE3C25;
}
.home #animation .layers .text_wapper.layer-2 {
  z-index: 3;
  background: #F9B01B;
}
.home #animation .layers .text_wapper.layer-3 {
  z-index: 2;
  background: #00926B;
}
.home #animation .layers .text_wapper.layer-4 {
  z-index: 1;
  background: #2D2F75;
}
.home #animation .layers .text_wapper .layer-1-content, .home #animation .layers .text_wapper .layer-2-content, .home #animation .layers .text_wapper .layer-3-content {
  padding-top: 65px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home #animation .layers .text_wapper .layer-4-content {
  padding-top: 200px;
}
@media only screen and (min-width: 1600px) {
  .home #animation .layers .text_wapper .layer-4-content {
    padding-top: 20rem;
  }
}
.home #animation .layers .text_wapper .layer-1-subtitle,
.home #animation .layers .text_wapper .layer-2-subtitle,
.home #animation .layers .text_wapper .layer-3-subtitle,
.home #animation .layers .text_wapper .layer-4-subtitle {
  padding-top: 20px;
  padding-bottom: 60px;
  height: 40px;
}
@media only screen and (max-width: 640px) {
  .home #animation .layers .text_wapper .layer-1-subtitle,
  .home #animation .layers .text_wapper .layer-2-subtitle,
  .home #animation .layers .text_wapper .layer-3-subtitle,
  .home #animation .layers .text_wapper .layer-4-subtitle {
    display: table;
    padding-bottom: 0;
  }
}
.home #animation .layers .text_wapper .layer-1-title, .home #animation .layers .text_wapper .layer-1-subtitle,
.home #animation .layers .text_wapper .layer-2-title, .home #animation .layers .text_wapper .layer-2-subtitle,
.home #animation .layers .text_wapper .layer-3-title, .home #animation .layers .text_wapper .layer-3-subtitle {
  font-family: inherit;
  text-align: center;
  color: #ffffff;
  padding-left: 12px;
  padding-right: 12px;
}
.home #animation .layers .text_wapper .layer-4-title {
  font-family: inherit;
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 320px) {
  .home #animation .layers .text_wapper .layer-4-title {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .home #animation .layers .text_wapper .layer-4-title {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .home #animation .layers .text_wapper .layer-4-title {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 640px) {
  .home #animation .layers .text_wapper .layer-4-title {
    font-size: 54px;
    line-height: 64px;
  }
}
.home #animation .layers .text_wapper .layer-4-subtitle {
  color: #ffffff;
  text-align: center;
  font-weight: bold !important;
  padding-top: 16px;
}
.home #animation .layers .text_wapper .layer-1-subtitle, .home #animation .layers .text_wapper .layer-2-subtitle, .home #animation .layers .text_wapper .layer-3-subtitle, .home #animation .layers .text_wapper .layer-4-subtitle {
  position: relative;
  font-weight: normal;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .home #animation .layers .text_wapper .layer-1-subtitle, .home #animation .layers .text_wapper .layer-2-subtitle, .home #animation .layers .text_wapper .layer-3-subtitle, .home #animation .layers .text_wapper .layer-4-subtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home #animation .layers .text_wapper .layer-1-subtitle, .home #animation .layers .text_wapper .layer-2-subtitle, .home #animation .layers .text_wapper .layer-3-subtitle, .home #animation .layers .text_wapper .layer-4-subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home #animation .layers .text_wapper .layer-1-subtitle, .home #animation .layers .text_wapper .layer-2-subtitle, .home #animation .layers .text_wapper .layer-3-subtitle, .home #animation .layers .text_wapper .layer-4-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.home #animation .layers .text_wapper .triggerletter {
  vertical-align: middle;
  margin-right: 6px;
}
.home #animation .layers .text_wapper .letterT {
  position: relative;
  z-index: 1;
}
.home #animation .layers .text_wapper .letterT.mobile {
  display: none;
}
@media only screen and (max-width: 640px) {
  .home #animation .layers .text_wapper .letterT.mobile {
    display: block;
  }
  .home #animation .layers .text_wapper .letterT.desktop {
    display: none;
  }
}
.home #animation .layers .text_wapper .button_wapper {
  justify-content: center;
  z-index: 0;
  position: relative;
  margin-bottom: 0;
  margin-top: 40px;
}
.home #animation .layers .text_wapper .counter_animation {
  display: flex;
  justify-content: space-between;
  max-width: 530px;
  width: 100%;
  margin: 20px auto 0px;
  color: #ffffff;
}
.home #animation .layers .text_wapper .counter_animation .counter {
  text-align: center;
  width: 200px;
}
@media only screen and (min-width: 320px) {
  .home #animation .layers .text_wapper .counter_animation .counter .counternumber {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .home #animation .layers .text_wapper .counter_animation .counter .counternumber {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .home #animation .layers .text_wapper .counter_animation .counter .counternumber {
    font-size: 80px;
    line-height: 90px;
  }
}
.home #animation .layers .text_wapper .counter_animation .counter .counterlabel {
  font-size: 18px;
  line-height: 26px;
}
.home #animation .layers .text_wapper .counter_animation .counter .bar {
  width: 40px;
  height: 12px;
  margin: 10px auto 0;
}
.home .cardStacking {
  padding: 0px;
  background: #2C3075;
  margin-top: -160px;
  position: relative;
  z-index: -1;
}
@media only screen and (min-width: 1400px) {
  .home .cardStacking {
    margin-top: -10rem;
    padding-bottom: 8rem;
  }
}
@media only screen and (min-width: 1551px) {
  .home .cardStacking {
    margin-top: -35rem;
    padding-bottom: 0rem;
  }
}
@media only screen and (max-width: 1024px) {
  .home .cardStacking {
    margin-top: -50vh;
  }
}
@media only screen and (max-width: 332px) {
  .home .cardStacking {
    margin-top: -14vh;
  }
}
.home .cardStacking .cardStacking__cards .stackCard {
  position: relative;
  width: 100%;
  padding: 60px 35px;
  margin-bottom: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 500px;
}
@media only screen and (min-width: 1551px) {
  .home .cardStacking .cardStacking__cards .stackCard {
    height: auto;
  }
}
@media only screen and (max-width: 640px) {
  .home .cardStacking .cardStacking__cards .stackCard {
    padding: 30px 0px;
    height: auto;
  }
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body {
  color: #ffffff;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  z-index: 1;
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info:hover svg {
  transform: translateY(-6px) !important;
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .clientname {
  font-size: 47px;
  line-height: 57px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .clientname {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .clientname {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .clientname {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 320px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .clientname svg {
    width: 20px;
  }
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .projectname {
  font-weight: bold;
  font-size: 29px;
  line-height: 39px;
  padding-bottom: 27px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 768px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .projectname {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .projectname {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .projectname {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 320px) {
  .home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .event_info .projectname {
    padding-bottom: 0;
  }
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackCard__wapper .button_wapper {
  justify-content: center;
}
.home .cardStacking .cardStacking__cards .stackCard .stackCard__body .stackvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.home .ourservices {
  padding: 125px 0;
  background: #ffffff;
  min-height: 100%;
}
@media only screen and (max-width: 640px) {
  .home .ourservices {
    padding: 50px 0;
  }
}
.home .ourservices .heading {
  font-weight: 300;
  margin-bottom: 0;
  padding-bottom: 16px;
}
@media only screen and (min-width: 320px) {
  .home .ourservices .heading {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .home .ourservices .heading {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .home .ourservices .heading {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 640px) {
  .home .ourservices .heading {
    padding-right: 10px;
  }
}
.home .ourservices .subheading {
  font-size: 29px;
  line-height: 39px;
  font-weight: bold;
  padding-bottom: 96px;
}
@media only screen and (max-width: 768px) {
  .home .ourservices .subheading {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home .ourservices .subheading {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home .ourservices .subheading {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .home .ourservices .subheading {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .home .ourservices .subheading {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 390px) {
  .home .ourservices .subheading {
    padding-bottom: 20px;
  }
}
.home .worktype_section {
  padding-bottom: 0px;
  position: relative;
}
.home .worktype_section .heading {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
  .home .worktype_section .heading {
    padding: 30px 0;
    transition: all 0.5s ease-out;
  }
}
.home .worktype_section .heading.bg-cs {
  background: linear-gradient(to right, #ee3c25 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.home .worktype_section .heading.bg-dm {
  background: linear-gradient(to right, #CF7629 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.home .worktype_section .heading.bg-em {
  background: linear-gradient(to right, #00926B 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.home .worktype_section .heading.bg-ppm {
  background: linear-gradient(to right, #2C3075 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.home .worktype_section .heading.bg-rcm {
  background: linear-gradient(to right, #522667 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.home .worktype_section .heading.bg-vp {
  background: linear-gradient(to right, #991D53 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.home .worktype_section .heading .worktype_name {
  position: relative;
  font-weight: 300;
  font-size: 29px;
  line-height: 39px;
  color: #212121;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .home .worktype_section .heading .worktype_name {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home .worktype_section .heading .worktype_name {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home .worktype_section .heading .worktype_name {
    font-size: 20px;
    line-height: 28px;
  }
}
.home .worktype_section .heading .worktype_name .last_segment {
  display: flex;
  margin-bottom: 0;
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .home .worktype_section .heading .worktype_name .last_segment {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home .worktype_section .heading .worktype_name .last_segment {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home .worktype_section .heading .worktype_name .last_segment {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 992px) {
  .home .worktype_section .heading .worktype_name .last_segment {
    align-items: center;
  }
}
.home .worktype_section .heading .worktype_img {
  pointer-events: none;
  position: absolute;
  height: 50vh;
  max-height: 400px;
  display: none;
  left: 100%;
  top: 0%;
  transform: translate3d(calc(-100% - 6vw), -35%, 0);
}
.home .worktype_section .heading:hover {
  background-position: left bottom;
}
.home .worktype_section .heading:hover .last_segment {
  color: #ffffff;
}
@media only screen and (min-width: 992px) {
  .home .worktype_section .heading:hover .worktype_img {
    display: block;
    transition: all 0.4s;
    z-index: 1;
  }
}
.home .purpose {
  height: 100vh;
  overflow: hidden;
}
.home .purpose .purpose_wapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #CF7629;
  position: relative;
  z-index: 0;
}
.home .purpose .purpose_wapper .purpose_title {
  z-index: 3;
  padding-left: 10px;
  padding-right: 10px;
}
.home .purpose .purpose_wapper .purpose_title .purposeful.mobile {
  display: none;
}
@media only screen and (max-width: 640px) {
  .home .purpose .purpose_wapper .purpose_title .purposeful.mobile {
    display: block;
  }
  .home .purpose .purpose_wapper .purpose_title .purposeful.desktop {
    display: none;
  }
}
.home .purpose .purpose_wapper .purpose_subtitle {
  font-size: 29px;
  line-height: 39px;
  padding-top: 24px;
  font-weight: normal;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 60px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .home .purpose .purpose_wapper .purpose_subtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .home .purpose .purpose_wapper .purpose_subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .home .purpose .purpose_wapper .purpose_subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 640px) {
  .home .purpose .purpose_wapper .purpose_subtitle {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.home .purpose .purpose_wapper .button_wapper {
  margin-bottom: 0;
  position: relative;
  z-index: -1;
}

.countryoffice h1 {
  font-weight: 300;
}
@media only screen and (min-width: 320px) {
  .countryoffice h1 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .countryoffice h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .countryoffice h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
.countryoffice h2 {
  font-weight: 300;
  padding-bottom: 25px;
  padding-top: 10px;
}
@media only screen and (min-width: 320px) {
  .countryoffice h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .countryoffice h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .countryoffice h2 {
    font-size: 65px;
    line-height: 72px;
  }
}
.countryoffice .large-screen {
  display: none;
}
@media only screen and (min-width: 1400px) {
  .countryoffice .large-screen {
    display: block !important;
    margin: 0 auto;
    padding-top: 30px;
  }
  .countryoffice .desktop-screen {
    display: none;
  }
}
.countryoffice .mapwapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1400px) {
  .countryoffice .mapwapper {
    padding-top: 3rem;
    padding-bottom: 5rem;
    padding-left: 13rem;
    padding-right: 13rem;
  }
}
@media only screen and (max-width: 1024px) {
  .countryoffice .mapwapper {
    padding: 10px;
  }
}
.countryoffice .mapwapper .left {
  width: 53%;
  padding-left: 2rem;
}
@media only screen and (min-width: 1400px) {
  .countryoffice .mapwapper .left {
    padding-left: 0rem;
    width: 40%;
  }
}
@media only screen and (max-width: 1024px) {
  .countryoffice .mapwapper .left {
    width: 100%;
    padding-left: 0rem;
  }
}
.countryoffice .mapwapper .left .block {
  width: 40px;
  height: 12px;
}
.countryoffice .mapwapper .left .legend {
  transition: transform 0.3s ease-in-out;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.countryoffice .mapwapper .left .legend .country-section {
  padding-bottom: 10px;
  width: 30%;
}
@media only screen and (min-width: 1400px) {
  .countryoffice .mapwapper .left .legend .country-section {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .countryoffice .mapwapper .left .legend .country-section {
    width: 50%;
  }
}
.countryoffice .mapwapper .left .legend .country-section .view-on-map {
  line-height: 30px;
  color: #212121;
  cursor: pointer;
  font-size: 18px;
  line-height: 26px;
}
.countryoffice .mapwapper .left .legend .country-section .view-on-map:hover {
  color: #F9B01B;
}
.countryoffice .mapwapper .right {
  width: 47%;
  position: relative;
  min-height: calc(100vh - 100px);
}
@media only screen and (min-width: 1400px) {
  .countryoffice .mapwapper .right {
    width: 60%;
  }
}
@media only screen and (max-width: 1024px) {
  .countryoffice .mapwapper .right {
    width: 100%;
    padding: 0;
    margin-top: 20px;
    min-height: 600px;
  }
}
@media only screen and (max-width: 640px) {
  .countryoffice .mapwapper .right {
    min-height: 300px;
  }
}
.countryoffice .mapwapper .right #earth_div {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1400px) {
  .countryoffice .mapwapper .right #earth_div {
    height: 700px;
  }
}
.countryoffice .mapwapper .right #earth_div .marker {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.countryoffice .mapwapper .right #earth_div .marker:hover {
  background-image: url("../images/map-pin-yellow.svg") !important;
  animation: bounce 0.5s infinite linear;
}
@keyframes bounce {
  0% {
    top: 0;
  }
  50% {
    top: -0.2em;
  }
  70% {
    top: -0.3em;
  }
  100% {
    top: 0;
  }
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup {
  top: -21px;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content {
  background-color: #F9B01B;
  color: #212121;
  padding: 1rem;
  min-width: 300px;
  font-weight: 300;
  font-family: "Montserrat", Arial;
  position: relative;
}
@media only screen and (max-width: 332px) {
  .countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content {
    min-width: 250px;
  }
}
@media only screen and (min-width: 800px) {
  .countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content {
    min-width: 350px;
  }
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname {
  font-size: 29px;
  line-height: 39px;
  font-weight: 400;
  color: #212121;
}
@media only screen and (max-width: 768px) {
  .countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname {
    font-size: 20px;
    line-height: 28px;
  }
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname:hover {
  color: #ffffff;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname:hover svg {
  fill: #ffffff;
  transform: translateY(-6px);
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname:focus-visible {
  outline-offset: 0px !important;
  outline: 0 !important;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .countryname svg {
  width: 17px;
  transform: translateY(0px);
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .cityname {
  font-size: 16px;
  line-height: 24px;
  padding-top: 10px;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .mapboxgl-popup-close-button {
  font-size: 55px;
  top: 10px;
  color: #212121 !important;
  font-weight: 300;
  position: absolute !important;
  width: 44px;
}
@media only screen and (max-width: 768px) {
  .countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right: 5px !important;
    text-align: right;
    margin-right: auto;
    padding: 0;
  }
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
  background: inherit;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-control-container .mapboxgl-ctrl-bottom-left, .countryoffice .mapwapper .right #earth_div .mapboxgl-control-container .mapboxgl-ctrl-bottom-right {
  display: none;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-ctrl-group:not(:empty) {
  box-shadow: none !important;
  border: 1px solid #D8D8D8;
  border-radius: 0;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-ctrl-group button, .countryoffice .mapwapper .right #earth_div .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  width: 35px;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-ctrl-group:last-child, .countryoffice .mapwapper .right #earth_div button.mapboxgl-ctrl-compass, .countryoffice .mapwapper .right #earth_div .mapboxgl-marker.mapboxgl-marker-anchor-center svg {
  display: none;
}
.countryoffice .mapwapper .right #earth_div .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #FAB01B;
}

.whitecolor {
  color: #ffffff;
}

.outlinebtn {
  padding: 16px 32px;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  background: #ffffff;
  max-width: 170px !important;
  width: 100%;
  border: 1px solid #212121;
  color: #212121;
  font-weight: 400;
  margin: 0 auto;
}

.audiowapper {
  position: fixed;
  right: 130px;
  top: 22px;
  display: inline-block;
  z-index: 1;
}
@media only screen and (max-width: 560px) {
  .audiowapper {
    right: 105px;
  }
}
@media only screen and (max-width: 330px) {
  .audiowapper {
    top: 10px;
  }
}
.audiowapper #audioaction.muted path {
  animation: none;
}
.audiowapper #audioaction {
  height: 50px;
  width: 40px;
  fill: #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 330px) {
  .audiowapper #audioaction {
    height: 45px;
    width: 45px;
  }
}
.audiowapper #audioaction path {
  cursor: pointer;
}
.audiowapper #Line_1 {
  animation: pulse 1s infinite;
  animation-delay: 0.15s;
}
.audiowapper #Line_2 {
  animation: pulse 1s infinite;
  animation-delay: 0.3s;
}
.audiowapper #Line_3 {
  animation: pulse 1s infinite;
  animation-delay: 0.45s;
}
.audiowapper #Line_4 {
  animation: pulse 1s infinite;
  animation-delay: 0.6s;
}
.audiowapper #Line_5 {
  animation: pulse 1s infinite;
  animation-delay: 0.75s;
}
.audiowapper #Line_6 {
  animation: pulse 1s infinite;
  animation-delay: 0.9s;
}
.audiowapper #Line_7 {
  animation: pulse 1s infinite;
  animation-delay: 1.05s;
}
.audiowapper #Line_8 {
  animation: pulse 1s infinite;
  animation-delay: 1.2s;
}
.audiowapper #Line_9 {
  animation: pulse 1s infinite;
  animation-delay: 1.35s;
}
@keyframes pulse {
  0% {
    transform: scaleY(1);
    transform-origin: 50% 50%;
  }
  50% {
    transform: scaleY(0.7);
    transform-origin: 50% 50%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 50% 50%;
  }
}

.aboutus {
  overflow: hidden;
  color: #212121;
  padding-top: 0px;
}
.aboutus .subtitle {
  font-size: 47px;
  line-height: 57px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .aboutus .subtitle {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .aboutus .subtitle {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .aboutus .subtitle {
    font-size: 24px;
    line-height: 34px;
  }
}
.aboutus .aboutus_story {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 700px;
  overflow: hidden;
  display: flex;
  margin-bottom: 87px;
}
@media only screen and (max-width: 1400px) {
  .aboutus .aboutus_story {
    height: 500px;
  }
}
@media only screen and (max-width: 992px) {
  .aboutus .aboutus_story {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story {
    margin-bottom: 80px;
    flex-direction: column;
    height: auto;
  }
}
@media only screen and (max-width: 360px) {
  .aboutus .aboutus_story {
    margin-bottom: 40px;
  }
}
.aboutus .aboutus_story:after {
  content: "";
  clear: both;
  display: block;
}
.aboutus .aboutus_story .offerItem {
  padding: 0 15px;
  flex: 1;
  transition: flex 0.8s ease;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem {
    width: 100%;
    display: block;
    height: 80px;
    transition: height 0.3s ease, opacity 0.3s ease;
    flex: auto;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem.carouselwapper {
    padding-bottom: 50px;
  }
}
.aboutus .aboutus_story .offerItem.carouselwapper .row {
  width: auto;
}
.aboutus .aboutus_story .offerItem.carouselwapper .row .description {
  color: #ffffff;
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .aboutus .aboutus_story .offerItem.carouselwapper .row .description {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem.carouselwapper .row {
    width: 100%;
  }
}
.aboutus .aboutus_story .offerItem .heading, .aboutus .aboutus_story .offerItem p {
  color: #ffffff;
}
.aboutus .aboutus_story .offerItem.first .offer-detail {
  padding-left: 57px;
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem.first .offer-detail {
    padding-left: 0px;
  }
}
.aboutus .aboutus_story .offerItem:nth-of-type(1) {
  background-color: #F9B01B;
}
.aboutus .aboutus_story .offerItem:nth-of-type(2) {
  background-color: #CF7629;
}
.aboutus .aboutus_story .offerItem:nth-of-type(3) {
  background-color: #991D53;
}
.aboutus .aboutus_story .offerItem:nth-of-type(4) {
  background-color: #522667;
}
.aboutus .aboutus_story .offerItem:nth-of-type(5) {
  background-color: #2C3075;
}
.aboutus .aboutus_story .offerItem:nth-of-type(6) {
  background-color: #00926B;
}
.aboutus .aboutus_story .offerItem.active {
  flex: 14;
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .aboutus .aboutus_story .offerItem.active {
    flex: 11;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem.active {
    height: 100%;
    transition: height 0.3s ease, opacity 0.3s ease;
  }
}
.aboutus .aboutus_story .offerItem.active .offer-detail {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .aboutus .aboutus_story .offerItem.active .offer-detail {
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .aboutus .aboutus_story .offerItem.active .offer-detail {
    width: 870px;
  }
}
@media only screen and (min-width: 1600px) {
  .aboutus .aboutus_story .offerItem.active .offer-detail {
    width: 1200px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem.active .offer-detail {
    padding-top: 0px;
  }
}
.aboutus .aboutus_story .offerItem.active .offer-detail .row {
  width: 100%;
}
.aboutus .aboutus_story .offerItem.active .offer-content {
  transition: 0.3s ease;
  opacity: 1;
}
.aboutus .aboutus_story .offerItem .slide_wapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
  font-size: 22px;
  line-height: 32px;
}
@media only screen and (min-width: 1600px) {
  .aboutus .aboutus_story .offerItem .slide_wapper {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem .slide_wapper {
    padding-top: 0px;
    padding-bottom: 30px;
  }
}
.aboutus .aboutus_story .offerItem .slide_wapper .heading {
  font-weight: bold;
  padding-bottom: 25px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem .slide_wapper .heading {
    display: none;
  }
}
.aboutus .aboutus_story .offerItem .slide_wapper.slider.slide_wapper {
  width: 100%;
  padding-right: 0;
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItem .slide_wapper.slider.slide_wapper {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media only screen and (max-width: 1200px) {
  .aboutus .aboutus_story .offerItem .slide_wapper .heading, .aboutus .aboutus_story .offerItem .slide_wapper p {
    font-size: 18px;
    line-height: 26px;
  }
}
.aboutus .aboutus_story .offer-detail {
  width: 800px;
  padding-left: 80px;
  height: 100%;
  display: flex;
  align-items: start;
  padding-top: 50px;
}
@media only screen and (min-width: 992px) {
  .aboutus .aboutus_story .offer-detail {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1440px) {
  .aboutus .aboutus_story .offer-detail {
    padding-left: 120px;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offer-detail {
    width: 100%;
    padding-left: 0px;
    padding-top: 151px;
    overflow: hidden;
  }
}
.aboutus .aboutus_story .offerItemTitle {
  position: absolute;
  color: #ffffff;
  letter-spacing: 1px;
  left: 0px;
  z-index: 1;
  width: 100px;
  margin: 0 auto;
  height: 100%;
  cursor: pointer;
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  padding-top: 50px;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .aboutus .aboutus_story .offerItemTitle {
    width: 80px;
  }
}
@media only screen and (min-width: 1400px) {
  .aboutus .aboutus_story .offerItemTitle {
    width: 120px;
    padding-top: 85px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItemTitle {
    width: 100%;
    height: 80px;
    padding-top: 0px;
    text-align: left;
    writing-mode: inherit;
    position: relative;
    font-weight: bold;
  }
}
.aboutus .aboutus_story .offerItemTitle.first {
  width: 200px;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .offerItemTitle.first {
    width: 100%;
    display: block;
    padding-top: 28px;
    opacity: 1;
  }
}
.aboutus .aboutus_story .owl-carousel {
  margin: 0;
  display: block;
  width: 530px;
}
@media only screen and (min-width: 1400px) {
  .aboutus .aboutus_story .owl-carousel {
    width: 700px;
  }
}
@media only screen and (max-width: 992px) and (min-width: 786px) {
  .aboutus .aboutus_story .owl-carousel {
    width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .owl-carousel {
    width: 100%;
  }
}
.aboutus .aboutus_story .owl-carousel .owl-item {
  width: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .aboutus .aboutus_story .owl-carousel .owl-item .owl-item {
    box-sizing: border-box;
  }
}
.aboutus .aboutus_story .owl-carousel .item {
  word-wrap: break-word;
  font-size: 22px;
  line-height: 32px;
}
@media only screen and (max-width: 1200px) {
  .aboutus .aboutus_story .owl-carousel .item {
    font-size: 18px;
    line-height: 26px;
  }
}
.aboutus .aboutus_story .owl-carousel .item .slides .heading {
  font-weight: bold;
  display: block !important;
  padding-bottom: 25px;
}
.aboutus .aboutus_story .owl-carousel .owl-nav {
  display: flex;
  gap: 35px;
  margin-top: 30px;
  justify-content: end;
  position: relative;
}
.aboutus .aboutus_story .owl-carousel .owl-nav .owl-prev {
  width: 54px;
  height: 54px;
  position: relative;
  font-size: 0;
}
.aboutus .aboutus_story .owl-carousel .owl-nav .owl-prev:before {
  position: absolute;
  content: url("../images/arrow_white_outline.svg");
  width: 26px;
  transform: scaleX(-1);
  transition: transform 0.3s ease-in-out;
  display: inline-block;
}
.aboutus .aboutus_story .owl-carousel .owl-nav .owl-next {
  width: 54px;
  position: relative;
  font-size: 0;
}
.aboutus .aboutus_story .owl-carousel .owl-nav .owl-next:before {
  position: absolute;
  display: inline-block;
  content: url("../images/arrow_white_outline.svg");
  width: 26px;
}
.aboutus .aboutus_story .owl-counter {
  position: absolute;
  left: 0;
  top: 20px;
}
.aboutus .leadershiplist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0 60px;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
  .aboutus .leadershiplist {
    gap: 12px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus .leadershiplist {
    gap: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .aboutus .leadershiplist {
    gap: 70px;
  }
}
.aboutus .leadershiplist li {
  list-style: none;
  background: #E5E6E7;
  height: 100%;
  aspect-ratio: 3/4;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .aboutus .leadershiplist li {
    width: 320px;
  }
}
@media only screen and (min-width: 1600px) {
  .aboutus .leadershiplist li {
    width: 428px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .aboutus .leadershiplist li {
    width: 384px;
  }
}
@media only screen and (max-width: 1199px) {
  .aboutus .leadershiplist li {
    width: 32%;
  }
}
@media only screen and (max-width: 992px) {
  .aboutus .leadershiplist li {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  .aboutus .leadershiplist li {
    width: 100%;
  }
}
.aboutus .leadershiplist li a {
  color: #212121;
  text-decoration: none;
}
.aboutus .leadershiplist li a .block {
  width: 48px;
  height: 15px;
  display: block;
  margin-left: auto;
}
.aboutus .leadershiplist li a .item_list {
  width: 100%;
  position: relative;
  padding-left: 18px;
  padding-top: 8px;
}
.aboutus .leadershiplist li a .item_list .name {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .aboutus .leadershiplist li a .item_list .name {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .aboutus .leadershiplist li a .item_list .name {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .aboutus .leadershiplist li a .item_list .name {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 992px) {
  .aboutus .leadershiplist li a .item_list .name {
    padding-bottom: 5px;
    line-height: 1.2;
  }
}
.aboutus .leadershiplist li a .item_list .details {
  display: flex;
  font-weight: 300;
  flex-direction: column;
}
.aboutus .leadershiplist li a .item_list .details .title {
  font-size: 18px;
  line-height: 26px;
}
.aboutus .leadershiplist li a .item_list .details .country {
  font-size: 16px;
  line-height: 24px;
}
.aboutus .leadershiplist li a .leader {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.aboutus .leadershiplist li a .leader img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.casestudy {
  color: #212121;
  overflow-x: hidden;
}
.casestudy a {
  color: #212121;
  text-decoration: underline;
}
.casestudy a:hover {
  color: #F9B01B;
  text-decoration: underline;
}
.casestudy h1 {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 320px) {
  .casestudy h1 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .casestudy h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .casestudy h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 640px) {
  .casestudy h1 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
}
@media only screen and (max-width: 332px) {
  .casestudy h1 {
    font-size: 23px !important;
    line-height: 32px !important;
  }
}
@media only screen and (min-width: 320px) {
  .casestudy h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .casestudy h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .casestudy h2 {
    font-size: 65px;
    line-height: 72px;
  }
}
.casestudy h3 {
  font-size: 47px;
  line-height: 57px;
}
@media only screen and (max-width: 768px) {
  .casestudy h3 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .casestudy h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .casestudy h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
.casestudy h4 {
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .casestudy h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .casestudy h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .casestudy h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.casestudy .herosession {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .casestudy .herosession {
    height: 100vh;
  }
}
@media only screen and (max-width: 992px) {
  .casestudy .herosession.imagesession {
    aspect-ratio: 16/9;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .casestudy .herosession.imagesession {
    height: 500px;
  }
}
@media only screen and (min-width: 1024px) {
  .casestudy .herosession.imagesession {
    height: 600px;
  }
}
@media only screen and (min-width: 1440px) {
  .casestudy .herosession.imagesession {
    height: 800px;
  }
}
.casestudy .herosession .bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 12px;
  position: relative;
  z-index: 1;
}
.casestudy .herosession .bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.008) 11.7%, rgba(0, 0, 0, 0.035) 22.1%, rgba(0, 0, 0, 0.07) 31.2%, rgba(0, 0, 0, 0.12) 39.4%, rgba(0, 0, 0, 0.18) 46.6%, rgba(0, 0, 0, 0.247) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.392) 64.3%, rgba(0, 0, 0, 0.467) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.608) 78.8%, rgba(0, 0, 0, 0.667) 83.6%, rgba(0, 0, 0, 0.72) 88.7%, rgba(0, 0, 0, 0.76) 94.1%, rgba(0, 0, 0, 0.79) 100%);
  z-index: -1;
}
.casestudy .herosession .bg.videobg {
  position: absolute;
  top: 0;
  left: 0;
}
.casestudy .herosession .bg.videobg .title {
  padding-bottom: 110px;
}
@media only screen and (max-width: 768px) {
  .casestudy .herosession .bg.videobg {
    flex-direction: inherit;
  }
  .casestudy .herosession .bg.videobg .title {
    padding-bottom: 0px;
  }
}
.casestudy .herosession .playicon {
  text-align: center;
  margin-top: 15px;
}
.casestudy .herosession .playicon img {
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .casestudy .herosession .playicon img {
    width: 50px;
  }
}
.casestudy .herosession .title h1 {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 320px) {
  .casestudy .herosession .title h1 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .casestudy .herosession .title h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .casestudy .herosession .title h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (min-width: 1400px) {
  .casestudy .herosession .title h1 {
    padding: 0 150px;
  }
}
.casestudy .herosession .popup-youtube {
  text-decoration: none;
}
.casestudy .herosession .popup-youtube:hover {
  text-decoration: none;
}
.casestudy .primary-container {
  padding-top: 82px;
  background: #ffffff;
}
@media only screen and (max-width: 992px) {
  .casestudy .primary-container {
    padding-top: 50px;
  }
}
.casestudy .primary-container .category {
  color: #212121;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 992px) {
  .casestudy .primary-container .category .country_serv {
    gap: 0;
  }
}
@media only screen and (max-width: 991px) {
  .casestudy .primary-container .category .country_serv {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 332px) {
  .casestudy .primary-container .category .country_serv {
    gap: 10px;
  }
}
.casestudy .primary-container .category .legend {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
}
.casestudy .primary-container .category .legend.clientname {
  font-size: 16px;
  line-height: 24px;
}
.casestudy .primary-container .category .legend a {
  color: #212121;
  text-decoration: none;
}
.casestudy .primary-container .category .legend a svg {
  width: 10px;
  margin-left: 5px;
  fill: #212121;
}
.casestudy .primary-container .category .legend a:hover {
  color: #F9B01B;
}
.casestudy .primary-container .category .legend a:hover svg {
  fill: #F9B01B;
  transform: translateY(-6px);
  transition: transform 0.3s ease-in-out;
}
.casestudy .primary-container .category .legend a img {
  margin-right: 8px;
}
.casestudy .primary-container .category .legend .countryname {
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  text-decoration: none;
  border: 1px solid #212121;
  display: inline-block;
}
.casestudy .primary-container .category .block {
  width: 40px;
  height: 12px;
  margin-top: 7px;
  margin-right: 7px;
  display: inline-block;
}
.casestudy .primary-container .summary {
  padding-bottom: 0;
}
.casestudy .primary-container .summary .info {
  font-weight: 400;
  font-size: 29px;
  line-height: 39px;
  color: #212121;
}
@media only screen and (max-width: 768px) {
  .casestudy .primary-container .summary .info {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .casestudy .primary-container .summary .info {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .casestudy .primary-container .summary .info {
    font-size: 20px;
    line-height: 28px;
  }
}
.casestudy .primary-container .results {
  padding-top: 50px;
  color: #212121;
  padding-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  .casestudy .primary-container .results {
    padding-bottom: 50px;
  }
}
.casestudy .primary-container .results .subtitle {
  font-weight: 400;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .casestudy .primary-container .results .subtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .casestudy .primary-container .results .subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .casestudy .primary-container .results .subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.casestudy .primary-container .results .single_result {
  padding-bottom: 30px;
  display: block;
  width: 100%;
  padding-top: 20px;
}
.casestudy .primary-container .results .single_result:last-child {
  padding-bottom: 0;
}
.casestudy .primary-container .results .single_result a {
  color: inherit;
  text-decoration: underline;
}
.casestudy .primary-container .results .single_result a:hover {
  color: #F9B01B;
}
.casestudy .primary-container .results .single_result .outcome {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  width: 240px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .casestudy .primary-container .results .single_result .outcome {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .casestudy .primary-container .results .single_result .outcome {
    width: 290px;
    padding-right: 15px;
  }
}
.casestudy .primary-container .results .single_result .outcome .number {
  font-weight: 600;
}
@media only screen and (min-width: 320px) {
  .casestudy .primary-container .results .single_result .outcome .number {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .casestudy .primary-container .results .single_result .outcome .number {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .casestudy .primary-container .results .single_result .outcome .number {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (min-width: 768px) {
  .casestudy .primary-container .results .single_result .outcome .number {
    padding-bottom: 20px;
  }
}
.casestudy .primary-container .results .single_result .outcome .number sub, .casestudy .primary-container .results .single_result .outcome .number sup {
  font-size: 0.6em;
}
.casestudy .primary-container .results .single_result .description {
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  border-left: 1px solid #707070;
  padding-left: 30px;
  width: calc(100% - 245px);
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .casestudy .primary-container .results .single_result .description {
    min-height: 111px;
  }
}
@media only screen and (min-width: 1440px) {
  .casestudy .primary-container .results .single_result .description {
    width: calc(100% - 350px);
  }
}
@media only screen and (max-width: 768px) {
  .casestudy .primary-container .results .single_result .description {
    display: block;
    padding-left: 0;
    width: 100%;
    padding-top: 15px;
    border-left: 0;
  }
}
.casestudy .primary-container .highlight {
  color: #212121;
  padding-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  .casestudy .primary-container .highlight {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) {
  .casestudy .primary-container .highlight .highlight_content {
    max-width: 490px;
  }
}
@media only screen and (min-width: 1400px) {
  .casestudy .primary-container .highlight .highlight_content {
    max-width: 670px;
  }
}
.casestudy .primary-container .highlight .highlight_content .highlight_title {
  font-size: 47px;
  line-height: 57px;
  padding-bottom: 30px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .casestudy .primary-container .highlight .highlight_content .highlight_title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .casestudy .primary-container .highlight .highlight_content .highlight_title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .casestudy .primary-container .highlight .highlight_content .highlight_title {
    font-size: 24px;
    line-height: 34px;
  }
}
.casestudy .primary-container .highlight .highlight_content .highlight_quote_text {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.casestudy .primary-container .highlight .highlight_content .highlight_clientinfo {
  font-size: 18px;
  line-height: 26px;
  padding-top: 22px;
}
.casestudy .gallery {
  position: relative;
  background: #ffffff;
  margin-bottom: 80px;
}
@media only screen and (max-width: 992px) {
  .casestudy .gallery {
    margin-bottom: 50px;
  }
}
.casestudy .gallery .fullwidth {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}
.casestudy .gallery .fullwidth:nth-child(1) {
  margin-top: 0;
}
.casestudy .gallery .fullwidth .items {
  overflow: hidden;
  flex: 0 0 auto;
  width: calc(33.33333333% - 10.66666px);
  aspect-ratio: 1;
}
@media only screen and (min-width: 768px) {
  .casestudy .gallery .fullwidth .items.halfcol {
    width: calc(50% - 8px);
    aspect-ratio: unset;
  }
  .casestudy .gallery .fullwidth .items.fullcol {
    width: 100%;
  }
  .casestudy .gallery .fullwidth .items.fullcolvideo {
    width: 100%;
    height: 100vh;
  }
  .casestudy .gallery .fullwidth .items.fullcolimage {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 640px) {
  .casestudy .gallery .fullwidth .items {
    height: auto;
    aspect-ratio: unset;
  }
  .casestudy .gallery .fullwidth .items.halfcol {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 559px) {
  .casestudy .gallery .fullwidth .items {
    width: 100%;
    aspect-ratio: unset;
  }
}
.casestudy .copylinkvalue {
  font-size: 0;
  border: 0;
  outline: 0;
}
.casestudy .social-share {
  padding-top: 10px;
}
.casestudy .clipboardtooltip {
  position: relative;
  display: inline-block;
}
.casestudy .clipboardtooltip .clipcover {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #212121;
  cursor: pointer;
}
.casestudy .clipboardtooltip .clipcover:hover {
  color: #F9B01B;
}
.casestudy .clipboardtooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.casestudy .clipboardtooltip .tooltiptext.active {
  opacity: 1;
  visibility: visible;
}
.casestudy .clipboardtooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.blog {
  color: #212121;
}
.blog a {
  color: #212121;
  text-decoration: underline;
}
.blog a:hover {
  color: #F9B01B;
  text-decoration: underline;
}
.blog h1 {
  font-weight: 300;
  padding-bottom: 5px;
}
@media only screen and (min-width: 320px) {
  .blog h1 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .blog h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 332px) {
  .blog h1 {
    font-size: 23px !important;
    line-height: 32px !important;
  }
}
@media only screen and (min-width: 320px) {
  .blog h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .blog h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog h2 {
    font-size: 65px;
    line-height: 72px;
  }
}
.blog .subheader {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}
.blog h3 {
  font-size: 47px;
  line-height: 57px;
}
@media only screen and (max-width: 768px) {
  .blog h3 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .blog h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .blog h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
.blog h4 {
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .blog h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .blog h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .blog h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.blog .subtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 330px) {
  .blog .subtitle {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .blog .subtitle {
    padding-top: 45px;
  }
}
.blog .owl-carousel {
  position: relative;
}
.blog .owl-carousel .owl-item .inner-item {
  display: flex;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .blog .owl-carousel .owl-item .inner-item {
    position: relative;
  }
}
.blog .owl-carousel .owl-item .inner-item a {
  display: flex;
  width: 100%;
  height: auto;
  text-decoration: none;
  color: #212121;
}
@media only screen and (max-width: 767px) {
  .blog .owl-carousel .owl-item .inner-item a {
    flex-wrap: wrap;
  }
}
.blog .owl-carousel .owl-item .inner-item a:hover {
  color: #212121;
}
.blog .owl-carousel .owl-item .inner-item a .content-item {
  padding: 33px;
  width: 100%;
  height: auto;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .blog .owl-carousel .owl-item .inner-item a .content-item {
    max-width: 353px;
  }
}
@media only screen and (max-width: 560px) {
  .blog .owl-carousel .owl-item .inner-item a .content-item {
    aspect-ratio: 1;
    height: 100%;
  }
}
@media only screen and (max-width: 330px) {
  .blog .owl-carousel .owl-item .inner-item a .content-item {
    padding: 28px 18px;
  }
}
.blog .owl-carousel .owl-item .inner-item a .content-item.community {
  background: rgba(45, 47, 117, 0.25);
}
.blog .owl-carousel .owl-item .inner-item a .content-item.ourculture {
  background: rgba(238, 60, 37, 0.25);
}
.blog .owl-carousel .owl-item .inner-item a .content-item.partnerships {
  background: rgba(250, 176, 27, 0.25);
}
.blog .owl-carousel .owl-item .inner-item a .content-item.services {
  background: rgba(207, 119, 41, 0.25);
}
.blog .owl-carousel .owl-item .inner-item a .content-item.sustainability {
  background: rgba(0, 145, 107, 0.25);
}
.blog .owl-carousel .owl-item .inner-item a .content-item .category-name {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 34px;
}
@media only screen and (max-width: 560px) {
  .blog .owl-carousel .owl-item .inner-item a .content-item .category-name {
    padding-bottom: 15px;
  }
}
.blog .owl-carousel .owl-item .inner-item a .content-item .category-name .liner {
  margin: 0 10px;
}
.blog .owl-carousel .owl-item .inner-item a .content-item .category-intro {
  font-size: 29px;
  line-height: 32px;
  font-weight: bold;
}
@media only screen and (max-width: 330px) {
  .blog .owl-carousel .owl-item .inner-item a .content-item .category-intro {
    font-size: 20px;
    line-height: 28px;
  }
}
.blog .owl-carousel .owl-item .inner-item a .content-item .category-details {
  position: absolute;
  left: 33px;
  bottom: 33px;
}
.blog .owl-carousel .owl-item .inner-item a .content-item .category-details a {
  text-decoration: none;
}
.blog .owl-carousel .owl-item .inner-item a .content-item .category-details svg {
  width: 13px;
}
@media only screen and (max-width: 767px) {
  .blog .owl-carousel .owl-item .inner-item a .content-item .category-details {
    position: relative;
    padding-top: 30px;
    bottom: 0;
    left: 0;
  }
}
.blog .owl-carousel .owl-item .inner-item a .content-placeholder {
  max-width: 641px;
}
.blog .owl-carousel .owl-item .inner-item .category-details:hover svg {
  transform: translateY(-6px);
  transition: transform 0.3s ease-in-out;
}
.blog .owl-carousel .owl-nav {
  position: absolute;
  top: 43%;
  width: 100%;
}
@media only screen and (max-width: 560px) {
  .blog .owl-carousel .owl-nav {
    top: 30%;
  }
}
.blog .owl-carousel .owl-nav .owl-next, .blog .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  font-size: 0em;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  opacity: 0;
}
.blog .owl-carousel .owl-nav .owl-next {
  left: 5%;
}
.blog .owl-carousel .owl-nav .owl-next img {
  transform: rotate(180deg);
}
.blog .owl-carousel .owl-nav .owl-prev {
  right: 5%;
}
.blog .primary-container {
  padding-top: 82px;
  background: #ffffff;
}
@media only screen and (max-width: 992px) {
  .blog .primary-container {
    padding-top: 50px;
  }
}
.blog .primary-container .side-sticky {
  position: sticky;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .blog .primary-container .filter.blog-filter {
    -moz-column-gap: 65px;
         column-gap: 65px;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 1400px) {
  .blog .primary-container .filter.blog-filter {
    padding: 0px 80px 80px 0;
  }
}
.blog .primary-container .filter .button:not(.all) {
  border: 0;
}
.blog .primary-container .filter .button.active span {
  font-weight: bold;
  color: #212121;
}
.blog .primary-container .filter .button:hover span {
  color: #212121;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .blog .primary-container .gallerywapper {
    padding-bottom: 280px;
  }
}
.blog .primary-container .gallerywapper video {
  display: block; /* removes default inline spacing */
  max-width: 100%;
  height: auto;
}
.blog .primary-container .gallerywapper .item_list {
  padding-bottom: 40px;
  padding-left: 16px;
}
.blog .primary-container .gallerywapper .item_list .thumbnail {
  max-height: 300px;
  overflow: hidden;
}
.blog .primary-container .gallerywapper .item_list .cat-name {
  margin-top: 20px;
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.blog .primary-container .gallerywapper .item_list .cat-name span {
  border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
  display: inline-block;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
}
.blog .primary-container .gallerywapper .item_list .cat-name .community {
  background: rgba(45, 47, 117, 0.25);
}
.blog .primary-container .gallerywapper .item_list .cat-name .ourculture {
  background: rgba(238, 60, 37, 0.25);
}
.blog .primary-container .gallerywapper .item_list .cat-name .partnerships {
  background: rgba(250, 176, 27, 0.25);
}
.blog .primary-container .gallerywapper .item_list .cat-name .services {
  background: rgba(207, 119, 41, 0.25);
}
.blog .primary-container .gallerywapper .item_list .cat-name .sustainability {
  background: rgba(0, 145, 107, 0.25);
}
.blog .primary-container .gallerywapper .item_list .cat-short-desc {
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .blog .primary-container .gallerywapper .item_list .cat-short-desc {
    min-height: 80px;
  }
}
.blog .primary-container .gallerywapper .item_list a {
  text-decoration: none;
  overflow: hidden;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row {
  display: flex;
  gap: 16px;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row:nth-child(odd) .item_list {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row:nth-child(odd) .item_list:nth-child(1) {
  flex: 1;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row:nth-child(odd) .item_list:nth-child(2) {
  flex: 2;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row:nth-child(even) .item_list:nth-child(1) {
  flex: 2;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row:nth-child(even) .item_list:nth-child(2) {
  flex: 1;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row .item_list {
  padding-left: 0;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row .item_list .thumbnail-image {
  margin-bottom: 20px;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat;
}
.blog .primary-container .gallerywapper.tag-gallery .each-row .item_list .thumbnail-image .test {
  width: 100%;
  height: 100%;
}

.blog-filter a {
  text-decoration: none !important;
  font-size: 14px;
  line-height: 22px;
}
.blog-filter a:hover {
  font-weight: bold;
  text-decoration: none !important;
  color: #212121;
}
.blog-filter .all {
  border: 1px solid #212121;
}
@media only screen and (max-width: 768px) {
  .blog-filter .all {
    padding: 14px 30px;
  }
}
.blog-filter .community {
  background: rgba(45, 47, 117, 0.25);
}
.blog-filter .ourculture {
  background: rgba(238, 60, 37, 0.25);
}
.blog-filter .partnerships {
  background: rgba(250, 176, 27, 0.25);
}
.blog-filter .services {
  background: rgba(207, 119, 41, 0.25);
}
.blog-filter .sustainability {
  background: rgba(0, 145, 107, 0.25);
}
@media only screen and (max-width: 640px) {
  .blog-filter {
    overflow-x: auto;
    flex-wrap: unset !important;
  }
}

.blog-details a {
  color: #212121;
  text-decoration: underline;
}
.blog-details a:hover {
  color: #F9B01B;
  text-decoration: underline;
}
.blog-details h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .blog-details h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .blog-details h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 344px) {
  .blog-details h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.blog-details .Standfirst {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}
.blog-details h3 {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .blog-details h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .blog-details h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .blog-details h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
.blog-details h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}
.blog-details .standline {
  padding-top: 20px;
}
.blog-details .herosession {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media only screen and (min-width: 1025px) {
  .blog-details .herosession {
    height: 100vh;
  }
}
@media only screen and (max-width: 992px) {
  .blog-details .herosession.imagesession {
    aspect-ratio: 16/9;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .blog-details .herosession.imagesession {
    height: 500px;
  }
}
@media only screen and (min-width: 1024px) {
  .blog-details .herosession.imagesession {
    height: 600px;
  }
}
@media only screen and (min-width: 1440px) {
  .blog-details .herosession.imagesession {
    height: 800px;
  }
}
.blog-details .herosession .bg {
  height: 100%;
  width: 100%;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.blog-details .herosession .bg.videobg {
  position: absolute;
  top: 0;
  left: 0;
}
.blog-details .herosession .bg.videobg .title {
  padding-bottom: 110px;
}
@media only screen and (max-width: 768px) {
  .blog-details .herosession .bg.videobg {
    flex-direction: inherit;
  }
  .blog-details .herosession .bg.videobg .title {
    padding-bottom: 0px;
  }
}
.blog-details .herosession .playicon {
  text-align: center;
  margin-top: 15px;
}
.blog-details .herosession .playicon img {
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .blog-details .herosession .playicon img {
    width: 50px;
  }
}
.blog-details .herosession .popup-youtube {
  text-decoration: none;
}
.blog-details .herosession .popup-youtube:hover {
  text-decoration: none;
}
.blog-details .back-action {
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 50px;
}
.blog-details .back-action svg {
  transform: rotate(180deg);
  margin-right: 10px;
}
.blog-details .back-action a {
  text-decoration: none;
}
.blog-details .back-action a:hover {
  color: #F9B01B;
}
.blog-details .back-action a:hover svg {
  fill: #F9B01B;
}
.blog-details .back-action img {
  transform: rotate(180deg);
  width: 19px;
  margin-right: 8px;
}
.blog-details .dynamic-wapper a {
  text-decoration: underline;
}
.blog-details .dynamic-wapper a:hover {
  color: #F9B01B;
}
.blog-details .dynamic-wapper strong, .blog-details .dynamic-wapper b {
  font-weight: bold !important;
}
.blog-details .dynamic-wapper .caption {
  font-size: 15px;
  line-height: 23px;
  padding: 4px 0 30px 0;
  font-weight: 300;
}
.blog-details .dynamic-wapper .blog-gallery {
  margin-top: 16px;
  margin-bottom: 0px !important;
}
.blog-details .dynamic-wapper .blog-gallery:first-child {
  margin: 0 !important;
}
@media only screen and (max-width: 640px) {
  .blog-details .dynamic-wapper .blog-gallery {
    padding-top: 20px;
    display: flex !important;
    flex-wrap: wrap;
  }
}
.blog-details .dynamic-wapper .grid-center img {
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  width: 100%;
}
.blog-details .dynamic-wapper .grid-gallery img {
  margin: 0 !important;
  width: 100%;
}
.blog-details .dynamic-wapper video {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.blog-details .author_desc a {
  text-decoration: underline;
}
.blog-details .author_desc a:hover {
  color: #F9B01B;
}
.blog-details .author_desc p strong, .blog-details .author_desc p b {
  font-weight: bold !important;
}
.blog-details .content_wapper {
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1400px) {
  .blog-details .content_wapper {
    max-width: 920px;
  }
}
@media only screen and (min-width: 1600px) {
  .blog-details .content_wapper {
    max-width: 1088px;
  }
}
.blog-details .content_wapper h1 {
  font-weight: 300;
}
@media only screen and (min-width: 320px) {
  .blog-details .content_wapper h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .blog-details .content_wapper h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog-details .content_wapper h1 {
    font-size: 65px;
    line-height: 72px;
  }
}
.blog-details .content_wapper .blog-category {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .blog-details .content_wapper .blog-category {
    flex-direction: column;
  }
}
.blog-details .content_wapper .blog-category ul {
  display: flex;
  gap: 12px;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .blog-details .content_wapper .blog-category ul {
    margin-bottom: 10px;
  }
}
.blog-details .content_wapper .blog-category ul li {
  list-style: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
}
.blog-details .content_wapper .blog-category ul li a {
  color: #212121;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .blog-details .content_wapper .blog-category .social-share {
    display: none;
  }
}
.blog-details .content_wapper .copylinkvalue {
  font-size: 0;
  border: 0;
  outline: 0;
}
.blog-details .content_wapper .clipboardtooltip {
  position: relative;
  display: inline-block;
}
.blog-details .content_wapper .clipboardtooltip .clipcover {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #212121;
  cursor: pointer;
}
.blog-details .content_wapper .clipboardtooltip .clipcover:hover {
  color: #F9B01B;
}
.blog-details .content_wapper .clipboardtooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.blog-details .content_wapper .clipboardtooltip .tooltiptext.active {
  opacity: 1;
  visibility: visible;
}
.blog-details .content_wapper .clipboardtooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.blog-details .content_wapper .tag {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 32px;
  margin-top: 20px;
}
.blog-details .content_wapper .tag a {
  text-decoration: none;
}
.blog-details .content_wapper .tag a:hover {
  color: #F9B01B;
  text-decoration: none;
}
.blog-details .content_wapper .tag #country {
  margin-right: 24px;
}
.blog-details .content_wapper .tag .blog-date {
  white-space: nowrap;
}
.blog-details .content_wapper .tag .liner {
  margin: 0 10px;
}
.blog-details .content_wapper .tag .liner:last-child {
  display: none;
}
.blog-details .content_wapper .subtitle {
  font-size: 29px;
  line-height: 39px;
  padding-bottom: 16px;
  padding-top: 48px;
}
@media only screen and (max-width: 768px) {
  .blog-details .content_wapper .subtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .blog-details .content_wapper .subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .blog-details .content_wapper .subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.blog-details .content_wapper .highlight {
  margin: 50px 0;
  position: relative;
}
.blog-details .content_wapper .highlight:before {
  position: absolute;
  top: 0;
  content: "";
  width: 13px;
  background: #FAB01B;
  height: 100%;
  left: -22px;
}
.blog-details .content_wapper .photo_wapper {
  margin: 72px 0 57px;
}
.blog-details .content_wapper .photo_wapper .one-col {
  margin-bottom: 15px;
}
.blog-details .content_wapper .photo_wapper .two-col {
  display: flex;
  gap: 15px;
}
.blog-details .content_wapper .photo_wapper .two-col .each-col {
  width: 50%;
}
.blog-details .content_wapper .keywordtags {
  padding: 0;
  margin: 60px 0 45px;
  list-style: none;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 560px) {
  .blog-details .content_wapper .keywordtags {
    margin: 60px 0 25px;
  }
}
.blog-details .content_wapper .keywordtags li {
  display: flex;
}
.blog-details .content_wapper .keywordtags li a {
  color: #212121;
  padding: 8px 16px;
  border: 1px solid #212121;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}
.blog-details .content_wapper .keywordtags li a:hover {
  background: #F9B01B;
  border: 1px solid #F9B01B;
  text-decoration: none;
}
.blog-details .content_wapper .legend {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 560px) {
  .blog-details .content_wapper .legend {
    width: 95%;
  }
}
.blog-details .content_wapper .author_session {
  padding-bottom: 32px;
  border-bottom: 1px solid #707070;
}
.blog-details .content_wapper .author_session .block {
  width: 41px;
  height: 13px;
}
.blog-details .content_wapper .author_session .author_info {
  padding: 8px 0 16px;
}
.blog-details .content_wapper .author_session .author_info strong, .blog-details .content_wapper .author_session .author_info b {
  font-weight: bold !important;
}
.blog-details .content_wapper .author_session .author_info .author_name .name {
  font-weight: bold;
}
.blog-details .relatedpost_wapper {
  margin-top: 54px;
  padding-bottom: 80px;
  background: #ffffff;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .blog-details .relatedpost_wapper {
    padding-bottom: 20px;
  }
}
.blog-details .relatedpost_wapper h3 {
  font-size: 47px;
  line-height: 57px;
  margin-bottom: 0;
  font-weight: 300;
  color: #212121;
}
@media only screen and (max-width: 768px) {
  .blog-details .relatedpost_wapper h3 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .blog-details .relatedpost_wapper h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .blog-details .relatedpost_wapper h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
.blog-details .relatedpost_wapper .lists {
  padding: 40px 0px;
  display: flex;
  gap: 12px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .blog-details .relatedpost_wapper .lists {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.blog-details .relatedpost_wapper .lists .single {
  width: 33.3333333333%;
}
@media only screen and (max-width: 992px) {
  .blog-details .relatedpost_wapper .lists .single {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  .blog-details .relatedpost_wapper .lists .single {
    width: 100%;
  }
}
.blog-details .relatedpost_wapper .lists .single .card {
  border-radius: 0;
  border: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.blog-details .relatedpost_wapper .lists .single .card .card-img {
  display: flex;
  background: #212121;
  border-radius: 0;
  aspect-ratio: 1;
}
.blog-details .relatedpost_wapper .lists .single .card .card-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-details .relatedpost_wapper .lists .single .card .card-wapper {
  text-decoration: none;
}
.blog-details .relatedpost_wapper .lists .single .card .card-wapper:hover .projectname {
  color: #F9B01B;
  text-decoration: none !important;
}
.blog-details .relatedpost_wapper .lists .single .card .card-wapper .projectname {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  margin-top: 16px;
  text-align: left;
  color: #212121;
}

.stories_wapper {
  padding-bottom: 80px;
  background: #ffffff;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .stories_wapper {
    padding-bottom: 20px;
  }
}
.stories_wapper h3 {
  font-size: 47px;
  line-height: 57px;
  margin-bottom: 0;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .stories_wapper h3 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .stories_wapper h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .stories_wapper h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
.stories_wapper .lists {
  padding: 32px 0px;
  display: flex;
  gap: 12px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .stories_wapper .lists {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.stories_wapper .lists .single {
  width: 33.3333333333%;
  aspect-ratio: 1;
}
@media only screen and (max-width: 992px) {
  .stories_wapper .lists .single {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  .stories_wapper .lists .single {
    width: 100%;
  }
}
.stories_wapper .lists .single .card {
  border-radius: 0;
  border: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  text-align: center;
  height: 100%;
  width: 100%;
}
.stories_wapper .lists .single .card .card-img {
  display: flex;
  height: 100%;
  background: #212121;
  border-radius: 0;
}
.stories_wapper .lists .single .card .card-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transform: translateY(0);
  will-change: transform;
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  .stories_wapper .lists .single .card:hover .card-overlay {
    top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .stories_wapper .lists .single .card:hover .card-overlay .clientname svg {
    transform: translateY(-6px);
  }
}
.stories_wapper .lists .single .card .card-overlay {
  position: absolute;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.0509803922) 0%, rgba(0, 0, 0, 0.7019607843) 61%, rgba(0, 0, 0, 0.8) 100%) 0% 0% no-repeat padding-box;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .stories_wapper .lists .single .card .card-overlay {
    top: 0;
  }
}
.stories_wapper .lists .single .card .card-overlay .clientname {
  font-weight: 400;
  padding: 0 15px;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .stories_wapper .lists .single .card .card-overlay .clientname {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .stories_wapper .lists .single .card .card-overlay .clientname {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .stories_wapper .lists .single .card .card-overlay .clientname {
    font-size: 20px;
    line-height: 28px;
  }
}
.stories_wapper .lists .single .card .card-overlay .clientname svg {
  fill: #ffffff;
  width: 16px;
  transform: translateY(0);
  will-change: transform;
  transition: transform 0.3s ease;
}
.stories_wapper .lists .single .card .card-overlay .projectname {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  padding: 0 15px;
}

.blog-tag .image-grid {
  padding-bottom: 60px;
}
.blog-tag .image-grid .image-row {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .blog-tag .image-grid .image-row {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.blog-tag .image-grid .image-row .single-wapper {
  text-decoration: none;
}
.blog-tag .image-grid .image-row .single-wapper:hover .desc {
  color: #F9B01B;
  text-decoration: none;
}
.blog-tag .image-grid .image-row .single-wapper .image {
  height: 378px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}
.blog-tag .image-grid .image-row .single-wapper .desc {
  padding: 17px 0;
  font-weight: bold;
}
.blog-tag .image-grid .image-row:nth-child(odd) .single-wapper:nth-child(1) {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .blog-tag .image-grid .image-row:nth-child(odd) .single-wapper:nth-child(1) {
    flex: auto;
  }
}
.blog-tag .image-grid .image-row:nth-child(odd) .single-wapper:nth-child(2) {
  flex: 2;
}
@media only screen and (max-width: 768px) {
  .blog-tag .image-grid .image-row:nth-child(odd) .single-wapper:nth-child(2) {
    flex: auto;
  }
}
.blog-tag .image-grid .image-row:nth-child(even) .single-wapper:nth-child(1) {
  flex: 2;
}
@media only screen and (max-width: 768px) {
  .blog-tag .image-grid .image-row:nth-child(even) .single-wapper:nth-child(1) {
    flex: auto;
  }
}
.blog-tag .image-grid .image-row:nth-child(even) .single-wapper:nth-child(2) {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .blog-tag .image-grid .image-row:nth-child(even) .single-wapper:nth-child(2) {
    flex: auto;
  }
}
.blog-tag .blog-filter {
  display: flex;
  width: 100%;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding: 0;
  margin-bottom: 64px;
}
@media only screen and (max-width: 768px) {
  .blog-tag .blog-filter {
    flex-wrap: wrap;
    row-gap: 16px;
  }
}
.blog-tag .blog-filter li {
  list-style: none;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -webkit-border-radius: 18px;
}
@media only screen and (max-width: 768px) {
  .blog-tag .blog-filter li.all {
    padding: 8px 28px;
  }
}

.case-study-group {
  color: #212121;
  overflow: hidden;
}
.case-study-group .intro {
  max-width: 925px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
  .case-study-group .intro {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 992px) {
  .case-study-group .intro .subheader {
    padding-right: 20px;
  }
}
.case-study-group .milo {
  padding: 144px 0;
}
@media only screen and (max-width: 768px) {
  .case-study-group .milo {
    padding: 80px 0;
  }
}
.case-study-group .milo .group-item:nth-child(even) {
  padding-left: 35px;
}
@media only screen and (max-width: 1200px) {
  .case-study-group .milo .group-item:nth-child(even) {
    padding-left: 0;
  }
}
.case-study-group .titlewapper {
  padding-bottom: 16px;
  overflow: hidden;
}
.case-study-group .titlewapper .ow-hl-row.is-2 {
  justify-content: flex-start !important;
}
.case-study-group .category {
  color: #212121;
  padding: 16px 0;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  border-top: 1px solid #212121;
  justify-content: end;
}
.case-study-group .category .legend {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.case-study-group .category .legend a {
  color: #212121;
  width: 100px;
  font-size: 14px;
  line-height: 22px;
}
.case-study-group .category .legend a.arrow:hover img {
  transform: translateY(-2px);
  transition: transform 0.3s ease-in-out;
}
.case-study-group .category .legend a img {
  margin-right: 8px;
}
.case-study-group .category .block {
  width: 40px;
  height: 12px;
  margin-right: 7px;
}
.case-study-group .subheader {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  .case-study-group .subheader {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .case-study-group .subheader {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .case-study-group .subheader {
    font-size: 20px;
    line-height: 28px;
  }
}
.case-study-group .full-width {
  max-width: 895px;
  width: 100%;
  margin: 0 auto;
}
.case-study-group .full-width .subheader {
  padding-bottom: 32px !important;
}
.case-study-group .appreciate_person {
  font-size: 16px;
  line-height: 24px;
}
.case-study-group .groups {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  gap: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .case-study-group .groups {
    gap: 25px;
  }
}
.case-study-group .groups .group-item:nth-child(odd) {
  width: 45%;
}
@media only screen and (max-width: 768px) {
  .case-study-group .groups .group-item:nth-child(odd) {
    width: 100%;
  }
}
.case-study-group .groups .group-item:nth-child(even) {
  width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .case-study-group .groups .group-item:nth-child(even) {
    width: 48%;
  }
}
@media only screen and (max-width: 768px) {
  .case-study-group .groups .group-item:nth-child(even) {
    width: 100%;
  }
}
.case-study-group .groups .group-item.coco-text h2 {
  padding-right: 10px;
}
.case-study-group .groups .group-item h2 {
  font-weight: 300;
  padding-bottom: 24px;
}
@media only screen and (min-width: 320px) {
  .case-study-group .groups .group-item h2 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .case-study-group .groups .group-item h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .case-study-group .groups .group-item h2 {
    font-size: 80px;
    line-height: 90px;
  }
}
.case-study-group .groups .group-item .country {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.case-study-group .groups .group-item .country .countryname {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #212121;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -webkit-border-radius: 32px;
  color: #212121;
}
.case-study-group .groups .group-item .country .countryname:hover {
  background: #000101;
  color: #ffffff;
}
.case-study-group .groups .group-item .subheader {
  padding-top: 0;
  padding-bottom: 32px;
  max-width: 439px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
  .case-study-group .groups .group-item .subheader {
    max-width: 539px;
  }
}
.case-study-group .facts {
  margin-top: 88px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.case-study-group .facts li {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 32px;
  box-sizing: border-box;
  width: 50%;
  list-style-type: none;
  position: relative;
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
  .case-study-group .facts li:nth-child(3) .h1heading {
    padding-bottom: 43px;
  }
}
@media only screen and (min-width: 1200px) {
  .case-study-group .facts li:nth-child(3) .h1heading {
    position: relative;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 992px) {
  .case-study-group .facts li {
    width: 33.3333333333%;
    border-bottom: 1px solid #212121;
  }
  .case-study-group .facts li:nth-child(1)::after {
    content: "";
    background: transparent linear-gradient(180deg, rgba(216, 216, 232, 0.2) 0%, #212121 100%) 0% 0% no-repeat padding-box;
    height: 220px;
    position: absolute;
    width: 1px;
    bottom: 0;
    left: 0;
  }
  .case-study-group .facts li:nth-child(2)::before, .case-study-group .facts li:nth-child(2)::after {
    content: "";
    background: transparent linear-gradient(180deg, rgba(216, 216, 232, 0.2) 0%, #212121 100%) 0% 0% no-repeat padding-box;
    height: 220px;
    position: absolute;
    width: 1px;
    bottom: 0;
  }
  .case-study-group .facts li:nth-child(2)::before {
    left: 0;
  }
  .case-study-group .facts li:nth-child(2)::after {
    right: 0;
  }
  .case-study-group .facts li:nth-child(3) .h1heading {
    position: relative;
  }
  .case-study-group .facts li:nth-child(3) .h1heading sup {
    font-weight: 300;
    top: -0.3em;
  }
  .case-study-group .facts li:nth-child(3)::after {
    content: "";
    background: transparent linear-gradient(180deg, rgba(216, 216, 232, 0.2) 0%, #212121 100%) 0% 0% no-repeat padding-box;
    height: 220px;
    position: absolute;
    width: 1px;
    bottom: 0;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .case-study-group .facts li {
    width: 100%;
  }
}
.case-study-group .facts li .h1heading {
  padding-bottom: 30px;
}
@media only screen and (min-width: 1600px) {
  .case-study-group .facts li .h1heading {
    padding-bottom: 43px;
  }
}
.case-study-group .facts li .title {
  font-weight: bold;
  font-size: 47px;
  line-height: 57px;
  padding-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .case-study-group .facts li .title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .case-study-group .facts li .title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .case-study-group .facts li .title {
    font-size: 24px;
    line-height: 34px;
  }
}
.case-study-group .facts li p {
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
}
.case-study-group .stories_wapper {
  border-top: 0;
}
.case-study-group .social_wapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.case-study-group .social_wapper .each {
  padding-bottom: 8px;
}
.case-study-group .social_wapper .each .block {
  width: 25px;
  height: 8px;
}
.case-study-group .social_wapper .each .arrow {
  font-size: 12px;
  line-height: 18px;
}

.information_policy {
  color: #212121;
}
.information_policy h1 {
  font-size: 47px;
  line-height: 57px;
  font-weight: 300;
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  .information_policy h1 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .information_policy h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .information_policy h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 992px) {
  .information_policy h1 {
    line-height: 1.2;
  }
}
.information_policy .content_wapper {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 29px;
  padding-bottom: 50px;
  font-size: 16px;
  line-height: 24px;
}
.information_policy .content_wapper h4 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.information_policy .content_wapper .lists {
  padding-left: 30px;
  padding-top: 10px;
}
.information_policy .content_wapper .facts {
  padding-top: 50px;
}
.information_policy .content_wapper .facts .subheader {
  font-weight: bold;
  padding-bottom: 12px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}
.information_policy .content_wapper .facts p {
  padding-bottom: 20px;
  padding-left: 0px;
}
.information_policy .content_wapper .facts .fact_lists {
  padding-left: 60px;
}
.information_policy .content_wapper .facts .fact_lists .subtitle {
  font-weight: bold;
  padding-bottom: 10px;
  text-indent: 0px;
  font-size: 16px;
  line-height: 24px;
}
.information_policy .content_wapper .facts .fact_lists .subtitle::before {
  display: block;
  content: " 6." attr(number) " ";
  font-weight: 300;
  text-indent: -40px;
  color: #212121;
}
.information_policy .content_wapper .facts .fact-item {
  padding-bottom: 20px;
}

.digital_app .home-logos_layout {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: -1;
  height: calc(100vh - 97px);
}
.digital_app .home-logos_layout .bg {
  width: 100%;
  height: inherit;
  position: fixed;
}
@media only screen and (min-width: 992px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}
@media only screen and (min-width: 1600px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper {
    grid-template-columns: 1fr 1fr;
    max-width: -moz-max-content;
    max-width: max-content;
    height: 100vh;
  }
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_content {
  display: flex;
  align-items: center;
  height: 90%;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_content .home-logos_heading {
  color: #212121 !important;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 320px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_content .home-logos_heading {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_content .home-logos_heading {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_content .home-logos_heading {
    font-size: 80px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 992px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_content .home-logos_heading {
    padding-bottom: 20px;
  }
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right {
    height: calc(100vh - 259px);
  }
}
@media only screen and (max-width: 640px) {
  .digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right {
    height: calc(100vh - 212px);
  }
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_right-height {
  width: 100%;
  padding-top: 100%;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex {
  width: 100%;
  height: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component {
  width: 48%;
  position: relative;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component .marquee-logos_wrapper {
  width: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component .marquee-logos_wrapper.is-alt {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component .marquee-logos_wrapper .marquee-logos_panel {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component .marquee-logos_wrapper .marquee-logos_panel .marquee-logos_item {
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  margin-bottom: 15%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component .marquee-logos_wrapper .marquee-logos_panel .marquee-logos_item .marquee-logos_image {
  height: 100%;
  opacity: 0.85;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
  position: absolute;
}
.digital_app .home-logos_layout .bg .home-logos-wapper .home-logos_right .home-logos_flex .marquee-logos_component .marquee-logos_wrapper .marquee-logos_panel .marquee-logos_item .marquee-logos_item-height {
  width: 100%;
  padding-top: 380px;
}
.digital_app .intro-container {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .digital_app .intro-container {
    max-width: 935px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1400px) {
  .digital_app .intro-container {
    max-width: 1088px;
  }
}
.digital_app .intro-container .digital_name {
  font-size: 47px;
  line-height: 57px;
  padding-bottom: 20px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .digital_app .intro-container .digital_name {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .digital_app .intro-container .digital_name {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .digital_app .intro-container .digital_name {
    font-size: 24px;
    line-height: 34px;
  }
}
.digital_app .intro-container .intro {
  max-width: 888px;
  width: 100%;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .digital_app .intro-container .intro {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .digital_app .intro-container .intro {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .digital_app .intro-container .intro {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1600px) {
  .digital_app .intro-container .intro {
    max-width: 1018px;
  }
}
.digital_app .scroll_section {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.digital_app .scroll_section .scroll_visual {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  width: 40%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .digital_app .scroll_section .scroll_visual {
    height: 50vh;
  }
}
@media only screen and (min-width: 1400px) {
  .digital_app .scroll_section .scroll_visual {
    height: 50vh;
  }
}
@media only screen and (max-width: 767px) {
  .digital_app .scroll_section .scroll_visual {
    display: none;
  }
}
.digital_app .scroll_section .scroll_visual.sticky {
  position: sticky;
  top: 0px;
}
.digital_app .scroll_section .scroll_visual .scroll_img-wrap {
  max-height: 100%;
  max-width: 100%;
}
.digital_app .scroll_section .scroll_visual .scroll_img-wrap .scroll_img-list {
  position: relative;
}
.digital_app .scroll_section .scroll_visual .scroll_img-wrap .scroll_img-list .scroll_img-item {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 300ms ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.digital_app .scroll_section .scroll_visual .scroll_img-wrap .scroll_img-list .scroll_img-item.is-active {
  opacity: 1;
}
.digital_app .scroll_section .scroll_visual .scroll_img-wrap .scroll_img-list .scroll_img-item .scroll_img {
  transform: scale(0.8);
}
@media only screen and (max-width: 767px) {
  .digital_app .scroll_section .scroll_visual .scroll_img-wrap .scroll_img-list .scroll_img-item .scroll_img {
    display: none;
  }
}
.digital_app .scroll_section .scroll_content {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .digital_app .scroll_section .scroll_content {
    padding-left: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap {
    max-width: 570px;
  }
}
.digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item {
  display: flex;
  padding-top: 0;
  padding-bottom: 5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0.2;
  transition: opacity 300ms ease;
  font-size: 18px;
  line-height: 26px;
}
.digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item h4 {
  font-size: 29px;
  line-height: 39px;
  font-weight: 400;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item h4 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item:first-child {
  padding-top: 180px;
}
@media only screen and (max-width: 767px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item:first-child {
    padding-top: 80px;
  }
}
.digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item:last-child {
  padding-bottom: 170px;
}
@media only screen and (max-width: 767px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item:last-child {
    padding-bottom: 80px;
  }
}
.digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item.is-active {
  opacity: 1;
}
.digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item .scroll_photo {
  display: none;
}
@media only screen and (max-width: 767px) {
  .digital_app .scroll_section .scroll_content .scroll_text-wrap .scroll_text-item .scroll_photo {
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
}
.digital_app .closing_container {
  width: 100%;
  margin: 0 auto;
  padding: 0px 15px 90px;
}
@media only screen and (max-width: 640px) {
  .digital_app .closing_container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .digital_app .closing_container {
    max-width: 950px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .digital_app .closing_container {
    max-width: 1110px;
  }
}
.digital_app .closing_container .closing_text {
  font-size: 47px;
  line-height: 57px;
  font-weight: 300;
  color: #212121;
  padding-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .digital_app .closing_container .closing_text {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .digital_app .closing_container .closing_text {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .digital_app .closing_container .closing_text {
    font-size: 24px;
    line-height: 34px;
  }
}
.digital_app .closing_container .button_wapper {
  margin-top: 32px;
  margin-bottom: 0;
  justify-content: end !important;
}
.digital_app .closing_container .button_wapper .custombutton {
  border: 1px solid #212121;
}
.digital_app .closing_container .button_wapper .round {
  border: 1px solid #212121;
}

.our_philosophy .philosophy {
  display: flex;
  align-items: center;
  height: calc(100vh - 97px);
}
.our_philosophy .philosophy h1 {
  font-weight: 300;
  padding-bottom: 26px;
  color: #ffffff;
}
@media only screen and (min-width: 320px) {
  .our_philosophy .philosophy h1 {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .our_philosophy .philosophy h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .our_philosophy .philosophy h1 {
    font-size: 80px;
    line-height: 90px;
  }
}
.our_philosophy .philosophy .philosophy_content {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  max-width: 905px;
  width: 100%;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .philosophy .philosophy_content {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .philosophy .philosophy_content {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .philosophy .philosophy_content {
    font-size: 20px;
    line-height: 28px;
  }
}
.our_philosophy .intro-container {
  padding: 100px 0;
  color: #212121;
  max-width: 904px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .intro-container {
    padding: 50px 0;
  }
}
.our_philosophy .intro-container .title {
  font-weight: 300;
  padding-bottom: 26px;
}
@media only screen and (min-width: 320px) {
  .our_philosophy .intro-container .title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .our_philosophy .intro-container .title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .our_philosophy .intro-container .title {
    font-size: 65px;
    line-height: 72px;
  }
}
.our_philosophy .intro-container .intro {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .intro-container .intro {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .intro-container .intro {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .intro-container .intro {
    font-size: 20px;
    line-height: 28px;
  }
}
.our_philosophy .culture-container {
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .culture-container {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .culture-container {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .culture-container {
    font-size: 20px;
    line-height: 28px;
  }
}
.our_philosophy .culture-container .culture_title {
  font-weight: bold;
}
.our_philosophy .culture-container .culture_content {
  width: 100%;
}
.our_philosophy .culture-container .culture_content.first {
  padding-top: 30px;
}
.our_philosophy .culture-container .culture_content.first .line {
  background-color: #B2B2B2;
  background-image: linear-gradient(90deg, #00926B 0%, #00926B var(--line-width), #B2B2B2 var(--line-width), #B2B2B2 100%);
}
.our_philosophy .culture-container .culture_content.second {
  padding: 30px 0;
}
.our_philosophy .culture-container .culture_content.second .line {
  background-color: #B2B2B2;
  background-image: linear-gradient(90deg, #212121 0%, #212121 var(--line-width), #B2B2B2 var(--line-width), #B2B2B2 100%);
}
.our_philosophy .culture-container .culture_content.last {
  padding-bottom: 100px;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .culture-container .culture_content.last {
    padding-bottom: 20px;
  }
}
.our_philosophy .culture-container .culture_content.last .line {
  background-color: #B2B2B2;
  background-image: linear-gradient(90deg, #ee3c25 0%, #ee3c25 var(--line-width), #B2B2B2 var(--line-width), #B2B2B2 100%);
}
.our_philosophy .culture-container .culture_content .line {
  color: transparent;
  --line-width: 0%;
  position: relative;
  background-clip: text;
  -webkit-background-clip: text; /* For Safari */
  display: inline-block;
  transition: background-image 1s ease-out;
}
.our_philosophy .communicatin-wapper {
  display: flex;
  padding-top: 15px;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper {
    flex-wrap: wrap;
    padding-top: 0;
    margin-top: -1px;
  }
}
.our_philosophy .communicatin-wapper .communicatin-left, .our_philosophy .communicatin-wapper .communicatin-right {
  width: 50%;
  border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper .communicatin-left, .our_philosophy .communicatin-wapper .communicatin-right {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #ffffff;
  }
}
.our_philosophy .communicatin-wapper .communicatin-left:hover, .our_philosophy .communicatin-wapper .communicatin-right:hover {
  background: #F9B01B;
}
.our_philosophy .communicatin-wapper .communicatin-left:hover .community_lists .single-list .hover-text, .our_philosophy .communicatin-wapper .communicatin-right:hover .community_lists .single-list .hover-text {
  visibility: visible;
  color: #212121;
}
.our_philosophy .communicatin-wapper .communicatin-left:hover .community_lists .single-list .display-text, .our_philosophy .communicatin-wapper .communicatin-right:hover .community_lists .single-list .display-text {
  color: #212121;
}
.our_philosophy .communicatin-wapper .communicatin-left .community_lists, .our_philosophy .communicatin-wapper .communicatin-right .community_lists {
  padding: 0 48px;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists, .our_philosophy .communicatin-wapper .communicatin-right .community_lists {
    padding: 0;
  }
}
.our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list {
  margin: 0px;
  padding: 40px 0px;
  color: #212121;
  cursor: pointer;
  width: 100% !important;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list {
    margin: 0px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 0;
    border-bottom: 1px solid #ffffff;
  }
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list:nth-child(2), .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list:nth-child(2) {
    border-bottom: 0px;
    padding-bottom: 0;
  }
}
.our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .display-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .display-text {
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
  color: #ffffff;
  max-width: 420px;
  padding-right: 0;
  padding-bottom: 18px;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .display-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .display-text {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .display-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .display-text {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .display-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .display-text {
    font-size: 20px;
    line-height: 28px;
  }
}
.our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .hover-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .hover-text {
  font-size: 18px;
  line-height: 26px;
  padding-top: 30px;
}
@media only screen and (max-width: 1024px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .hover-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .hover-text {
    color: #ffffff;
    padding-bottom: 42px;
  }
}
@media only screen and (min-width: 1024px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .hover-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .hover-text {
    padding-top: 55px;
    max-width: 390px;
    width: 100%;
    margin-left: auto;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1400px) {
  .our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .hover-text, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .hover-text {
    max-width: 375px;
  }
}
.our_philosophy .communicatin-wapper .communicatin-left .community_lists .single-list .block, .our_philosophy .communicatin-wapper .communicatin-right .community_lists .single-list .block {
  width: 48px;
  height: 15px;
}
.our_philosophy .communicatin-wapper .communicatin-right {
  border-right: 0;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper .communicatin-right .hover-text {
    border-bottom: 0 !important;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .communicatin-wapper .communicatin-left {
    border-bottom: 0;
  }
}
.our_philosophy .listing {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .listing {
    padding-bottom: 0px;
  }
}
.our_philosophy .listing .single-list {
  margin: 0px;
  padding: 40px 42px;
  color: #212121;
  cursor: pointer;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .listing .single-list {
    width: 100%;
    margin: 0px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 0;
    border-bottom: 1px solid #212121;
  }
  .our_philosophy .listing .single-list:nth-child(3) {
    padding-bottom: 0px;
  }
  .our_philosophy .listing .single-list:nth-child(3) .hover-text {
    border-bottom: 0px;
  }
}
@media only screen and (min-width: 1100px) {
  .our_philosophy .listing .single-list {
    width: 33.3333333333%;
  }
  .our_philosophy .listing .single-list:nth-child(2) {
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;
  }
  .our_philosophy .listing .single-list:nth-child(2) .display-text {
    padding-right: 100px;
  }
}
.our_philosophy .listing .single-list:hover {
  background: #F9B01B;
}
.our_philosophy .listing .single-list:hover .hover-text {
  visibility: visible;
}
.our_philosophy .listing .single-list .display-text {
  font-size: 29px;
  line-height: 39px;
  padding-bottom: 18px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .listing .single-list .display-text {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .listing .single-list .display-text {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .listing .single-list .display-text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1100px) {
  .our_philosophy .listing .single-list .display-text {
    max-width: 286px;
  }
}
@media only screen and (min-width: 1400px) {
  .our_philosophy .listing .single-list .display-text {
    max-width: 390px;
  }
}
.our_philosophy .listing .single-list .hover-text {
  font-size: 18px;
  line-height: 26px;
  padding-top: 30px;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .listing .single-list .hover-text {
    padding-bottom: 42px;
  }
}
@media only screen and (min-width: 1024px) {
  .our_philosophy .listing .single-list .hover-text {
    padding-top: 55px;
    max-width: 273px;
    width: 100%;
    margin-left: auto;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1400px) {
  .our_philosophy .listing .single-list .hover-text {
    max-width: 375px;
  }
}
.our_philosophy .listing .single-list .block {
  width: 48px;
  height: 15px;
}
.our_philosophy .technology {
  display: flex;
  padding: 100px 0;
  align-items: center;
  color: #ffffff;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .technology {
    padding: 50px 0;
  }
}
.our_philosophy .technology .technology-container {
  max-width: 1088px;
  width: 100%;
}
.our_philosophy .technology .technology-container .technology_title {
  font-weight: 300;
}
@media only screen and (min-width: 320px) {
  .our_philosophy .technology .technology-container .technology_title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .our_philosophy .technology .technology-container .technology_title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .our_philosophy .technology .technology-container .technology_title {
    font-size: 65px;
    line-height: 72px;
  }
}
.our_philosophy .technology .technology-container .technology_content {
  padding: 26px 0 30px;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .technology .technology-container .technology_content {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .technology .technology-container .technology_content {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .technology .technology-container .technology_content {
    font-size: 20px;
    line-height: 28px;
  }
}
.our_philosophy .social {
  display: flex;
  align-items: center;
  padding: 100px 0 0;
  color: #ffffff;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .social {
    padding: 50px 0 0px;
  }
}
.our_philosophy .social .social-container {
  max-width: 905px;
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  .our_philosophy .social .social-container {
    max-width: 1088px;
  }
}
.our_philosophy .social .social-container .social_title {
  font-weight: 300;
}
@media only screen and (min-width: 320px) {
  .our_philosophy .social .social-container .social_title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .our_philosophy .social .social-container .social_title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .our_philosophy .social .social-container .social_title {
    font-size: 65px;
    line-height: 72px;
  }
}
.our_philosophy .social .social-container .social_content {
  padding: 26px 0 30px;
  font-size: 29px;
  line-height: 39px;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .social .social-container .social_content {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .our_philosophy .social .social-container .social_content {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .our_philosophy .social .social-container .social_content {
    font-size: 20px;
    line-height: 28px;
  }
}
.our_philosophy .certificate-container {
  padding: 100px 0;
}
@media only screen and (max-width: 640px) {
  .our_philosophy .certificate-container {
    padding: 50px 0;
  }
}
.our_philosophy .certificate-container .certificate_title {
  font-weight: 300;
  color: #212121;
}
@media only screen and (min-width: 320px) {
  .our_philosophy .certificate-container .certificate_title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .our_philosophy .certificate-container .certificate_title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .our_philosophy .certificate-container .certificate_title {
    font-size: 65px;
    line-height: 72px;
  }
}
.our_philosophy .certificate-container .certificates {
  margin-top: 50px;
  display: flex;
  gap: 21px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .our_philosophy .certificate-container .certificates {
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media only screen and (max-width: 443px) {
  .our_philosophy .certificate-container .certificates {
    -moz-column-gap: 14px;
         column-gap: 14px;
    row-gap: 20px;
  }
}

.ourclient h1 {
  padding-bottom: 72px;
  font-weight: 300;
  color: #212121;
}
.ourclient h2 {
  text-align: center;
  font-size: 29px;
  line-height: 39px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .ourclient h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .ourclient h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 344px) {
  .ourclient h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
.ourclient .clientlogos {
  display: flex;
  margin-bottom: 64px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .ourclient .clientlogos {
    margin-bottom: 34px;
  }
}
.ourclient .clientlogos p {
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .ourclient .clientlogos p {
    width: 30%;
  }
}
.ourclient .ourclientssay {
  padding-top: 0px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 560px) {
  .ourclient .ourclientssay {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 330px) {
  .ourclient .ourclientssay {
    padding-bottom: 0px;
  }
}
.ourclient .ourclientssay h2 {
  font-size: 47px;
  line-height: 57px;
  padding-bottom: 79px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .ourclient .ourclientssay h2 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .ourclient .ourclientssay h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 344px) {
  .ourclient .ourclientssay h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.ourclient .ourclientssay .clientsay_wrapper {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .ourclient .ourclientssay .clientsay_wrapper {
    flex-wrap: wrap;
  }
}
.ourclient .ourclientssay .clientsay_wrapper .clientsay {
  width: 33.3333333333%;
  padding-right: 54px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .ourclient .ourclientssay .clientsay_wrapper .clientsay {
    padding-right: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .ourclient .ourclientssay .clientsay_wrapper .clientsay {
    padding-right: 0px;
    width: 100%;
    padding-bottom: 80px;
  }
}
.ourclient .ourclientssay .clientsay_wrapper .clientsay:before {
  content: "";
  position: absolute;
  top: -39px;
  left: -45px;
  background: url(../images/double-quote.svg) no-repeat;
  width: 73px;
  height: 68px;
}
@media only screen and (max-width: 560px) {
  .ourclient .ourclientssay .clientsay_wrapper .clientsay:before {
    top: -27px;
    left: -10px;
    background-size: 57px;
  }
}
.ourclient .ourclientssay .clientsay_wrapper .clientsay .clienthighlight {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.ourclient .ourclientssay .clientsay_wrapper .clientsay .clientcompany {
  padding-top: 20px;
  font-size: 15px;
  line-height: 23px;
  font-weight: 300;
}

.facebook:hover {
  color: #3b5998;
}

.twitter:hover {
  color: #1da1f2;
}

.linkedin:hover {
  color: #0077b5;
}

.instagram:hover {
  color: #e4405f;
}

/* Show icons on hover */
.social-share:hover .social-icons {
  display: block;
}

@media screen and (max-width: 991px) {
  .home-logos_content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 0;
  }
  .home-logos_layout {
    display: block;
  }
  .home-logos_flex {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8%;
    padding-right: 8%;
  }
  .home-logos_right {
    width: 100%;
  }
  .home-logos_right-height {
    padding-top: 50%;
  }
}
@media only screen and (max-width: 932px) and (orientation: landscape) {
  .home .mainheading {
    bottom: 20px;
    font-size: 20px;
    line-height: 30px;
  }
  .counter_animation {
    margin: 0px auto 0px !important;
  }
  .home #animation .layers .text_wapper .layer-1-subtitle, .home #animation .layers .text_wapper .layer-2-subtitle, .home #animation .layers .text_wapper .layer-3-subtitle, .home #animation .layers .text_wapper .layer-4-subtitle {
    padding-bottom: 60px !important;
  }
  .home #animation .layers .text_wapper .button_wapper {
    margin-top: 20px !important;
  }
  .content__title {
    left: 0 !important;
  }
  .worktype_section {
    margin-top: 40px !important;
  }
  footer {
    padding-bottom: 20px !important;
    position: relative !important;
  }
  footer .copyright {
    padding-bottom: 0 !important;
  }
  .stories_wapper .lists .single {
    width: 48% !important;
  }
  html .mainmenu_nav li a, body .mainmenu_nav li a {
    font-size: 30px;
    line-height: 38px;
  }
  html .mainmenu_nav li a, body .mainmenu_nav li {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  html .mainmenu_nav, body .mainmenu_nav {
    padding-top: 1rem;
  }
  html .mainmenu_nav li .dropdown_menu, body .mainmenu_nav li .dropdown_menu {
    left: 40%;
  }
  html .mainmenu_nav li .dropdown_menu ul li a, body .mainmenu_nav li .dropdown_menu ul li a {
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 344px) {
  .home .mainheading {
    bottom: 40px;
  }
  .office h2, .servicedetails h2, h2 {
    font-size: 23px;
    line-height: 30px;
  }
  .contactus .contactform .title, .office h3 {
    font-size: 21px;
    line-height: 26px;
  }
  html footer .getintouch .marquee a, body footer .getintouch .marquee a {
    font-size: 16px;
    line-height: 26px;
  }
  .contactus .contactform .control .select2-container--default .select2-selection--single .select2-selection__placeholder,
  textarea.select2-search__field,
  .contactus .contactform .control input, .contactus .contactform .control select,
  .office .accordion .accordion-item .accordion-header .covertext {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .office .accordion .accordion-item .accordion-header .covertext {
    top: 18px;
  }
  .office .accordion .accordion-item .accordion-header .covertext svg {
    width: 16px;
    vertical-align: bottom;
  }
  ::-moz-placeholder {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  ::placeholder {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .subheader, .hightlight_thumbnails_wapper, .hightlight_images, .sourcing_procurement,
  .gallery-intro {
    padding-bottom: 50px;
  }
  .servicedetails.creativeservice .impactful {
    padding-top: 0px;
  }
  .case-study .summary, .servicedetails.posm .marketing_procurement .about-PMG {
    padding-bottom: 50px;
  }
  .case-study .summary {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .information_policy .content_wapper .facts {
    padding-top: 30px;
  }
}/*# sourceMappingURL=style.css.map */