text/css main.css ( ASCII C program text )
a:visited {
  color: inherit;
}

/* ========================================================= Header CSS ========================================================= */
header {
  background-color: #fff;
  padding: 26px 60px !important;
  position: fixed !important;
  top: 40px;
  z-index: 99;
  left: 0;
  right: 0;
}

header .header_logo_box {
  max-width: 250px;
  width: 100%;
  margin-right: 30px;
  border-right: 1px solid #e5e5e5;
  padding-right: 40px;
}

header .header_social .social_icons a {
  font-size: 16px;
  margin-right: 20px;
  color: #8f8f8f;
}

header .header_social .social_icons a:last-of-type {
  margin-right: 0;
}

header .header_navigation .navbar-nav {
  margin-left: 0;
}

header .header_navigation .navbar-nav li {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 2px solid #ececec;
}

header .header_navigation .navbar-nav li.last_menu,
header .header_navigation .navbar-nav li:last-of-type,
header .header_navigation .navbar-nav li.dropdown .dropdown-menu li {
  border-right: 0;
  padding-right: 0;
}

header .header_navigation .navbar-nav li:last-of-type,
header .header_navigation .navbar-nav li.dropdown .dropdown-menu li {
  margin-right: 0;
}

header .header_navigation .navbar-nav li a {
  padding: 0 20px;
  line-height: 14px;
  position: relative;
}

header .header_navigation .navbar-nav li a.nav-link-text.active,
header .header_navigation .navbar-nav li a.nav-link-text:hover,
header .header_navigation .navbar-nav li.dropdown a.active,
header .header_navigation .navbar-nav li.dropdown a:hover {
  color: #0e4472;
}

header .header_navigation .navbar-nav li a.nav-link-text.active:after,
header .header_navigation .navbar-nav li a.nav-link-text:hover:after,
header .header_navigation .navbar-nav li.dropdown a.active:before {
  content: "";
  width: 53px;
  height: 2px;
  background-color: #0e4472;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -21px;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-toggle:after {
  display: none;
  background-image: url(../image/drop_up.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 10px;
  border: none;
  top: 58px;
  position: absolute;
  right: 0;
  left: 0px;
  margin: 0 auto;
}

header .header_navigation .navbar-nav li.show .dropdown-toggle:after {
  display: block;
}

header .header_navigation .navbar-nav li:hover .dropdown-toggle:after {
  display: block;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu {
  border: none;
  padding: 53px 0 0;
  margin: 0;
  width: 240px;
  right: auto;
  top: 15px;
  background-color: transparent;
  left: 0;
}

header .header_navigation .navbar-nav li.dropdown.process_menu .dropdown-menu {
  width: 250px;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items {
  max-width: 228px;
  width: 100%;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items li {
  border-bottom: 0;
  padding: 0;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items a {
  font-weight: bold;
  line-height: 14px;
  padding-left: 11px;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items a span {
  border-bottom: 2px solid transparent;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items a:hover span,
header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items a.active span {
  border-bottom: 2px solid #a3c8e4;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items li a {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  opacity: 0.88;
  margin-bottom: 15px;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items li:last-of-type a {
  margin-bottom: 0;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items-image {
  max-width: -moz-calc(100% - 228px);
  max-width: calc(100% - 228px);
  width: 100%;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box .menu-items-image img {
  width: 100%;
  border: 1px solid #fff;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu .dropdown-menu-content-box {
  background-color: rgb(2 139 207 / 0.95);
  padding: 15px 15px;
}

header .header_navigation .navbar-nav li.dropdown .dropdown-menu li {
  padding: 15px 0;
  border-bottom: 2px solid #ececec;
}

header .header_navigation .navbar-nav li.nav_image .nav_image_box {
  max-width: 189px;
  width: 100%;
}

header .header_navigation .navbar_toggler_btn .svg_icon {
  max-width: 35px;
}

header .header_navigation .responsive_header_social,
header .header_navigation .nav_close_btn {
  display: none;
}

body.page-template {
  margin-bottom: unset;
}

/* ========================================================= Banner CSS ========================================================= */

.home #banner {
  height: -moz-calc(100vh - 118px);
  height: calc(100vh - 118px);
}

#banner .video_banner {
  height: 100%;
}

#banner .carousel-inner {
  height: 100%;
}

#banner #banner_slider .carousel-item {
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  background-color: transparent;
  position: relative;
  height: 100%;
}

.page-id-157 #banner #banner_slider .carousel-item,
body.tax-typical-projects-category #banner #banner_slider .carousel-item,
.page-id-662 #banner #banner_slider .carousel-item,
.page-id-1005 #banner #banner_slider .carousel-item,
.page-id-264 #banner #banner_slider .carousel-item,
.page-id-648 #banner #banner_slider .carousel-item,
.page-id-610 #banner #banner_slider .carousel-item,
.page-id-648 #banner #banner_slider .carousel-item {
  padding: 0px 0;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-color: transparent;
  position: relative;
  height: 100%;
}

#banner #banner_slider .carousel-item video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#banner #banner_slider .carousel-item .banner_content {
  max-width: 1090px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 9;
}

#banner #banner_slider .carousel-item .banner_content h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 59px;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding-bottom: 28px;
  /* margin-bottom: 32px; */
}

.page-id-157 #banner.inner_page #banner_slider .carousel-item .banner_content h1,
body.tax-typical-projects-category #banner #banner_slider .carousel-item .banner_content h1,
.page-id-662 #banner.inner_page #banner_slider .carousel-item .banner_content h1,
.page-id-1005 #banner.inner_page #banner_slider .carousel-item .banner_content h1,
.page-id-264 #banner.inner_page #banner_slider .carousel-item .banner_content h1,
.page-id-648 #banner.inner_page #banner_slider .carousel-item .banner_content h1,
.page-id-610 #banner.inner_page #banner_slider .carousel-item .banner_content h1,
.single-knowledge_center #banner.inner_page #banner_slider .carousel-item .banner_content h1 {
  /* size: 33px;
    font-weight: 300; */
  font-weight: bold;
  font-size: 35px;
  text-transform: uppercase !important;
  margin-left: auto !important;
}

#banner #banner_slider .carousel-item .banner_content h1:after {
  content: "";
  background-image: url(../image/title_divider.png);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 132px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 0px;
}

#banner #banner_slider .carousel-item .banner_content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #fff;
  max-width: 610px;
  margin: 0 auto 62px;
}

#banner #banner_slider .carousel-item .banner_content a {
  font-family: 'Montserrat', sans-serif;
  background-color: #018bce;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 21px;
}

#banner #banner_slider .carousel-item .carousel-control-next img,
#banner #banner_slider .carousel-item .carousel-control-prev img {
  margin-top: 29px;
  position: relative;
  z-index: 9;
}

#banner.inner_page #banner_slider .carousel-item .banner_content h1 {
  font-size: 48px;
  line-height: 61px;
}

#banner.inner_page.black_white #banner_slider .carousel-item {
  background-image: none !important;
}

.single-knowledge_center #banner.inner_page.black_white #banner_slider .carousel-item {
  background-image: none !important;
  padding: unset;
}

#banner.inner_page.black_white #banner_slider .carousel-item .banner_content h1 {
  color: #212121;
  margin-left: 0;
}

#banner.black_white #banner_slider .carousel-item .banner_content h1:after {
  background-image: url(../image/title_divider_black.png);
}

html {
  scroll-behavior: smooth;
}

/* industry video section css */

.cms-video-section {
    padding: 20px 0;
    text-align: center;
}

.cms-video-section .video-sec .wp-video {
  width: 100% !important;
}

@media only screen and (min-width: 1200px) {
  #banner.inner_page #banner_slider .carousel-item .banner_content h1 {
    margin-left: 50px;
  }
}

.video_banner .carousel-item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  opacity: 0.7;
}

.video_banner .carousel-item {
  padding: 0 !important;
}

.video_banner .carousel-item .banner_content {
  position: absolute !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

/* ========================================================= Video CSS ========================================================= */
#video {
  padding: 125px 0px 80px;
  position: relative;
}

#video .section_header h2 {
  color: #fff;
}

#video .video_bg {
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 255px 20px;
  background-position: center;
  position: relative;
  z-index: 1;
}

#video .video_bg #play_video {
  cursor: pointer;
}

#video .video_box {
  position: relative;
  /*	display: none;*/
}

#video .video_box iframe {
  width: 100%;
  /* position: absolute; */
  /* top: 0; */
  /* z-index: 0; */
  height: 600px;
  padding: 0;
}

/* ========================================================= featured CSS ========================================================= */
#featured {
  margin-bottom: 122px;
  padding: 80px 0 0;
}

#featured .section_design_img {
  position: absolute;
  top: -170px;
  max-width: 306px;
  z-index: -1;
}

#featured .section_design_img_2 {
  position: absolute;
  top: 53%;
  right: 0;
  max-width: 186px;
  z-index: -1 !important;
}

#featured .section_header h2 {
  max-width: 570px;
}

#featured .section_body .body_content_box .content_box {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}

#featured .section_body .body_content_box .content_box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #0083bf;
  z-index: 1;
  opacity: 0.9;
  -webkit-transform: translate(0px, 200%);
  -moz-transform: translate(0px, 200%);
  -ms-transform: translate(0px, 200%);
  -o-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
  -webkit-transition: -webkit-all 0.5s;
  transition: -webkit-all 0.5s;
  -o-transition: -o-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
}

#featured .section_body .body_content_box .content_box:hover:after {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

#featured .section_body .body_content_box .content_box .box_icon .svg_icon {
  max-width: 150px;
  margin: 0 auto 52px;
}

#featured .section_body .body_content_box .content_box .box_content {
  position: absolute;
  max-height: 70px;
  left: 0;
  right: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 9;
  -webkit-transition: -webkit-all 0.5s;
  transition: -webkit-all 0.5s;
  -o-transition: -o-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
}

#featured .section_body .body_content_box .content_box:hover .box_content {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  bottom: 50%;
  max-height: 100%;
}

#featured .section_body .body_content_box .content_box .box_content h4 {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  max-width: 320px;
  margin: 0 auto 18px;
  line-height: 40px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  min-height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* #featured .section_body .body_content_box:first-child .content_box .box_content h4 {
	min-height: 80px;
} */

#featured .section_body .body_content_box .content_box .box_content .content_description {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#featured .section_body .body_content_box .content_box:hover .box_content .content_description {
  opacity: 1;
}

#featured .section_body .body_content_box .content_box .box_content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #fff;
  max-width: 260px;
  margin: 0 auto 38px;
}

#featured .section_body .body_content_box .content_box .box_content a {
  font-family: 'Montserrat', sans-serif;
  background-color: #818285;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 21px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  left: 0;
  right: 0;
  width: 122px;
  margin: 0 auto;
  bottom: 70px;
}

/*
#featured .section_body .body_content_box .content_box:hover {
	background-color: #018bce;
	border-color: #018bce;
}

#featured .section_body .body_content_box .content_box .box_icon .svg_icon img.blue_icon,
#featured .section_body .body_content_box .content_box:hover .box_icon .svg_icon img.white_icon {
	display: block;
	margin: 0 auto;
}

#featured .section_body .body_content_box .content_box .box_icon .svg_icon img.white_icon,
#featured .section_body .body_content_box .content_box:hover .box_icon .svg_icon img.blue_icon {
	display: none;
}

#featured .section_body .body_content_box .content_box:hover .box_content h4,
#featured .section_body .body_content_box .content_box:hover .box_content p,
#featured .section_body .body_content_box .box_content:hover ul {
	color: #fff;
}

#featured .section_body .body_content_box .content_box:hover .box_content a {
	color: #0e4472;
	background-color: #fff;
}
*/

#featured .section_body .body_content_box .box_content ul {
  margin: 0 0 10px 5px;
  color: #fff;
  padding: 0 0 0 20px;
  width: auto;
  max-width: 260px;
  margin: 0 auto 18px;
}

#featured .section_body .body_content_box .content_box .contetn_box_image img {
  height: 600px;
  -o-object-fit: cover;
  object-fit: cover;

}



/* ========================================================= intro CSS ========================================================= */
#intro {
  padding: 100px 0 85px;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center right;
}

#intro .intro_content_box .section_header .divider_line {
  margin-bottom: 30px;
}

#intro .btn {
  color: #fff;
}

/* ========================================================= process CSS ========================================================= */
#process {
  padding: 80px 0 68px;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

#process .section_header h2,
#process .section_header p,
#industries .section_header h2,
#industries .section_header p {
  max-width: 910px;
  display: inline-block;
}

#process .section_header .divider_line,
#industries .section_header .divider_line,
#contact .section_header .divider_line {
  margin-bottom: 12px;
}

#process .section_body .body_content_box {
  margin-bottom: 32px;
}

#process .section_body .body_content_box .content_box .box_icon {
  position: relative;
}

#process .section_body .body_content_box .content_box .box_icon img {
  width: 100%;
}

#process .section_body .body_content_box .content_box .box_content h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-word;
}

#process .section_body .body_content_box .content_box .box_content h4.number {
  width: 50px;
}

#process .section_body .body_content_box .content_box .box_content p {
  font-family: 'Open Sans', sans-serif;
  color: #d3ebff;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 13px;
}

#process .inner-page-tabbed {
  /*	overflow: auto;*/
  margin-top: 30px;
}

#process .nav-tabs {
  border-bottom: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}

#process .nav-tabs li {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 16.666%;
  height: 155px;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: -5px 0 40px 1px #0000005c;
  -mox-box-shadow: -5px 0 40px 1px #0000005c;
  box-shadow: -5px 0 40px 1px #0000005c;
}

#process .nav-tabs li .item-tab {
  padding-bottom: 0px;
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  /*	display: none;*/
  position: absolute;
  left: -90px;
  /* right: 0; */
  bottom: 88px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: auto;
}

#process .nav-tabs li .hover_effect {
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: 620px;
  color: #fff;
}

#process .nav-tabs li .hover_effect a {
  width: 100%;
  color: #fff !important;
  display: inline-block;
  background-color: transparent !important;
}

#process .nav-tabs:hover li:hover .hover_effect,
#process .nav-tabs.active_tabs li.active_tab .hover_effect {
  opacity: 1;
  display: block;
}

#process .nav-tabs:hover li:hover .item-tab,
#process .nav-tabs.active_tabs li.active_tab .item-tab {
  opacity: 0;
  display: none;
}

#process .nav-tabs a.nav-link {
  background-color: #f2f2f2;
  max-width: initial;
  width: 250px;
  padding: 22px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 0px;
  border: none;
  text-align: left;
}

#process .nav-tabs a.nav-link:hover,
#process .nav-tabs a.nav-link:visited {
  color: #000;
}

#process .nav-tabs:hover li,
#process .nav-tabs.active_tabs li {
  width: 10%;
}

#process .nav-tabs:hover li:hover,
#process .nav-tabs.active_tabs li.active_tab {
  width: 90%;
}

#process .nav-tabs a span {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-weight: bold;
}

#process .nav-tabs a .number {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 45px;
  color: #000000;
}

#process .nav-tabs a .text {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 15px;
}

#process .nav-tabs a:hover,
#process .nav-tabs a.nav-active {
  color: #fff;
  background-color: #1ca1de;
}

#process .nav-tabs a:hover .number,
#process .nav-tabs a.nav-active .number {
  color: #fff;
}

#process .nav-tabs a.arrow:hover:after,
#process .nav-tabs a.arrow.nav-active:after {
  opacity: 0.21;
}

#process .tab-content .tab-content-box h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 53px;
  max-width: 410px;
  position: relative;
}

#process .tab-content .tab-content-box h2:after {
  content: "";
  width: 54px;
  height: 2px;
  background-color: #6bb5e4;
  left: 0;
  bottom: -20px;
  position: absolute;
}

#process .tab-content .tab-content-box p {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 23px;
}

#process .tab-content .tab-content-box p:last-of-type {
  margin-bottom: 0;
  max-width: 450px;
}

#process .tab-content .tab-content-box #video .video_bg {
  padding: 120px 20px;
}

#process .post-inner .btn-box {
  text-align: center;
  padding-top: 60px;
}

#process .post-inner .process_btn.btn {
  font-size: 16px;
  font-weight: 500;
  border-radius: 0;
  max-width: 160px;
  display: inline-block;
  width: 100%;
  background-color: #818285;
  color: #fff;
  padding: 14px 20px;
  position: relative;
}

/* ========================================================= industries CSS ========================================================= */
#industries {
  padding: 75px 0 0;
}

#industries .section_header h2 {
  color: #212121;
}

#industries .section_header p {
  color: #000;
}

#industries .section_body .body_content_box {
  width: 20%;
  position: relative;
  overflow: hidden;
}

#industries .section_body .body_content_box .body_content_text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -142px;
  -webkit-transform: translateY(-79px);
  -moz-transform: translateY(-79px);
  -ms-transform: translateY(-79px);
  -o-transform: translateY(-79px);
  transform: translateY(-79px);
  z-index: 1;
  -webkit-transition: -webkit-all 0.5s;
  transition: -webkit-all 0.5s;
  -o-transition: -o-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
}

#industries .section_body .body_content_box .body_content_text h5 {
  font-size: 31px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 34px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#industries .section_body .body_content_box .body_content_text .content_icon {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#industries .section_body .body_content_box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  background-image: url(../image/home/industries/text_overlay.png);
  width: 100%;
  height: 268px;
  background-repeat: no-repeat;
}

#industries .section_body .body_content_box:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #0083bf;
  z-index: 1;
  opacity: 0.9;
  -webkit-transform: translate(0px, 200%);
  -moz-transform: translate(0px, 200%);
  -ms-transform: translate(0px, 200%);
  -o-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
  -webkit-transition: -webkit-all 0.5s;
  transition: -webkit-all 0.5s;
  -o-transition: -o-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
}

#industries .section_body .body_content_box:hover:before {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

#industries .section_body .body_content_box:hover .body_content_text {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  bottom: 50%;
}

#industries .section_body .body_content_box:hover .body_content_text .content_icon {
  opacity: 1;
}

/* ========================================================= contact CSS ========================================================= */
#contact {
  padding: 110px 0 75px;
}

#contact .section_design_img {
  position: absolute;
  top: 0px;
  right: 0;
  max-width: 263px;
}

#contact .section_design_img_2 {
  position: absolute;
  top: 53%;
  left: 0;
  max-width: 116px;
}

#contact .section_header p {
  /*
    max-width: calc(100% - 150px);
    margin: 0 auto 18px;
*/
}

#contact .section_body form {
  max-width: 900px;
  margin: 50px auto;
}

#contact .section_body form .form-group {
  margin-bottom: 30px;
}

#contact .section_body form .form-group:last-of-type {
  margin-bottom: 0;
}

#contact .section_body form input,
#contact .section_body form textarea {
  font-size: 18px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #c1c1c1;
  color: #000;
  padding: 10px 15px;
  outline: none !important;
}

#contact .section_body form textarea {
  max-height: 250px;
  min-height: 200px;
}

#contact .section_body form button {
  font-family: 'Montserrat', sans-serif;
  background-color: #818285;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 21px;
  margin-top: 40px;
  border: 1px solid #818285;
  max-width: 150px;
  width: 100%;
}


/* ========================================================= footer CSS ========================================================= */
.footer-wrapper {
  background: #292929;
  padding: 50px 0 40px;
}

.footer-wrapper .footer_1 p {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  margin-top: 35px;
  margin-bottom: 0px;
  line-height: 24px;
}

.footer-wrapper h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: #0095da;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 5px;
}

.footer-wrapper ul {
  padding-left: 0px;
  list-style: none;
  margin: 0;
}

.footer-wrapper .footer_2 ul.links {
  border-bottom: 2px solid #6a6a6a;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sub-add {
  display: block;
}

.footer-wrapper .footer_2 ul li a,
.footer-wrapper .footer_3 ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 28px;
}

.footer-wrapper .footer_2 ul li a:hover {
  text-decoration: none;
}

.footer-wrapper .footer_2 ul.address li {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  line-height: 20px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}

.footer-wrapper .footer_2 ul.address li i {
  color: #0095da;
  font-size: 18px;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 2px;
}

.footer-wrapper .footer_2 ul.address li a {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  line-height: 20px;
}

.footer-bottom .copyright p {
  line-height: 1;
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  line-height: 20px;
}

.footer-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  list-style: none;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}

.footer-social ul li {
  text-align: center;
  margin-right: 5px;
}

.footer-social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 43px;
  background: #fff;
  border-radius: 50%;
}

.footer-social ul li a i {
  color: #171717;
  font-size: 18px;
}

.footer-wrapper .footer_2 ul.address li i.fa.fa-envelope {
  font-size: 14px !important;
}

.footer-wrapper .footer_2 ul.address li i.fa.fa-phone {
  font-size: 16px !important;
}

.footer-wrapper .footer_1 p.sub {}

.footer-bottom {
  background: #303030;
  padding: 15px 0;
}

.footer-bottom .row {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}

.footer-bottom .row p {
  margin: 0;
}

.footer-bottom .row ul {
  padding-left: 0;
  margin-bottom: 0;
}


/* ========================================================= proceed page CSS ========================================================= */
#inner-page-content {
  padding: 64px 0 75px;
}

.inner_page #banner_slider .carousel-item {
  padding: 124px 0;
}

#inner-page-content .nav-tabs {
  border-bottom: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

#inner-page-content .nav-tabs li {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 16.666%;
  height: 155px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#inner-page-content .nav-tabs li .item-tab {
  padding-bottom: 64px;
}

#inner-page-content .nav-tabs li .hover_effect {
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  display: none;
}

#inner-page-content .nav-tabs:hover li:hover .hover_effect,
#inner-page-content .nav-tabs.active_tabs li.active_tab .hover_effect {
  opacity: 1;
  display: block;
}

/*
#inner-page-content .nav-tabs div {
	padding-right: 7px;
}

#inner-page-content .nav-tabs div:last-of-type {
	padding-right: 0;
}
*/

#inner-page-content .nav-tabs a {
  background-color: #f2f2f2;
  max-width: 136.3px;
  width: 136.3px;
  padding: 15px 20px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: 12px;
  height: 100%;
}

#inner-page-content .nav-tabs:hover li,
#inner-page-content .nav-tabs.active_tabs li {
  width: 10%;
}

#inner-page-content .nav-tabs:hover li:hover,
#inner-page-content .nav-tabs.active_tabs li.active_tab {
  width: 90%;
}

#inner-page-content .nav-tabs a.arrow:after {
  content: "";
  position: absolute;
  background-image: url(../image/process/nav_tabbed_arrow.png);
  width: 46px;
  height: 35px;
  left: 0;
  top: 30px;
}

#inner-page-content .nav-tabs a span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

#inner-page-content .nav-tabs a .number {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 45px;
  color: #000000;
}

#inner-page-content .nav-tabs a .text {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 15px;
}

#inner-page-content .nav-tabs a:hover,
#inner-page-content .nav-tabs a.nav-active {
  color: #fff;
  background-color: #1ca1de;
}

#inner-page-content .nav-tabs a:hover .number,
#inner-page-content .nav-tabs a.nav-active .number {
  color: #fff;
}

#inner-page-content .nav-tabs a.arrow:hover:after,
#inner-page-content .nav-tabs a.arrow.nav-active:after {
  opacity: 0.21;
}

#inner-page-content .nav-tabs a.nav-active:before {
  content: "";
  position: absolute;
  background-image: url(../image/process/down_arrow.png);
  width: 24px;
  height: 12px;
  left: 0;
  bottom: -12px;
  right: 0;
  margin: 0 auto;
}

#inner-page-content .tab-content .tab-content-box h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 53px;
  max-width: 410px;
  position: relative;
}

#inner-page-content .tab-content .tab-content-box h2:after {
  content: "";
  width: 54px;
  height: 2px;
  background-color: #6bb5e4;
  left: 0;
  bottom: -20px;
  position: absolute;
}

#inner-page-content .nav-tabs .slick-arrow {
  display: none !important;
}

#inner-page-content .tab-content .tab-content-box p {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 23px;
}

#inner-page-content .tab-content .tab-content-box p:last-of-type {
  margin-bottom: 0;
  max-width: 450px;
}

#inner-page-content .tab-content .tab-content-box #video .video_bg {
  padding: 120px 20px;
}

#inner-page-content .inner-page-image-gp {
  margin-top: 65px;
  width: 100%;
}

#inner-page-content .inner-page-image-gp .row {
  padding: 0 10px;
}

#inner-page-content .inner-page-image-gp .image_box {
  max-width: 20%;
  padding: 0 5px;
}

#inner-page-content .inner-page-image-gp .image_box img {
  width: 100%;
}

/* ========================================================= industries page CSS ========================================================= */
.portfolio {
  padding: 55px 0 65px;
  position: relative;
}

.portfolio .section_design_img {
  position: absolute;
  top: 65px;
  max-width: 16%;
}

.portfolio .section_design_img_2 {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: 10%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

.portfolio .portfolio_title span {
  font-size: 20px;
  font-weight: bold;
  color: #212121;
  margin-bottom: 27px;
  display: inline-block;
  width: 100%;
}

.portfolio .portfolo_back .portfolio_btns {
  max-width: 1115px;
  margin: 0 auto;
}

.portfolio .portfolo_back .portfolio_btns .portfolio-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  list-style: none;
}

.portfolio .portfolo_back .portfolio_btns .portfolio-list ul li {
  width: 50%;
  font-weight: bold;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.portfolio .portfolo_back .portfolio_btns .portfolio-list ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
}

.portfolio .portfolo_back .portfolio_btns .button {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 22px;
  padding: 7px 16px;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  margin: 0 4px 12px;
  display: inline-block;
}

.portfolio .portfolo_back .portfolio_content {
  padding: 0 0px;
  margin: 35px 10px 0;
}

.portfolio .portfolo_back .portfolio_content .mCustomScrollBox {
  padding-bottom: 40px;
}

.portfolio .portfolo_back .portfolio_content .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.portfolio .portfolo_back .portfolio_content .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 12px;
}

.portfolio .portfolo_back .portfolio_content .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  height: 6px;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
  margin-top: 2px;
}

.portfolio .portfolo_back .portfolio_content .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-color: #cbcbcb;
  border-radius: 0;
}

.portfolio .portfolo_back .portfolio_content .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 0 0 0px;
}

.portfolio .portfolo_back .portfolio_content .portfolio_box {
  max-width: 230px;
  padding: 5px 5px;
  float: left;
  height: 180px;
}

.portfolio .portfolio_company {
  margin-top: 35px;
}

.portfolio .portfolio_company .portfolio_company_title h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.portfolio .portfolio_company .portfolio_company_title a {
  border-bottom: 2px solid #bcbcbe;
  color: #0095da;
  font-weight: 500;
}

.portfolio .portfolio_company .portfolio_company_title a img {
  margin-left: 6px;
}

.portfolio .portfolio_company .portfolio_company_slider {
  padding: 0 10px;
  margin-top: 20px;
}

.portfolio .portfolio_company .portfolio_company_slider .slider_box .box_img {
  height: 100%;
  border: 1px solid #f3f3f3;
  padding: 50px 15px;
  margin: 0 5px;
  max-height: 0px;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.portfolio .portfolio_company .portfolio_company_slider .slider_box .box_img img {
  /* height: 110px;
	width: 205px; */
}

.portfolio .portfolio_company .portfolio_company_slider .slick-arrow {
  width: 35px;
  height: 24px;
  font-size: 0;
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.portfolio .portfolio_company .portfolio_company_slider .slick-prev {
  background-image: url(../image/industries/slider_left.png);
  left: -55px;
}

.portfolio .portfolio_company .portfolio_company_slider .slick-next {
  background-image: url(../image/industries/slider_right.png);
  right: -55px;
}

section#banner {
  padding-top: 50px;
}

.page-id-610 .project {
  padding: 0px 0 40px;
  background-image: url(https://www.metroid.net.au/engineering/wp-content/uploads/2021/02/banner-2_new-1.jpg);
  background-repeat: repeat-y;
  -o-background-size: contain;
  background-size: contain;
}

.home #project {
  padding: 120px 0 90px;
}

.project {
  padding: 50px 0 40px;
  background-image: url(https://www.metroid.net.au/engineering/wp-content/uploads/2020/07/banner-2.jpg);
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
}

.project .section_header h2 {
  color: #fff;
}

.project .section_body .body_box {
  display: none;
  margin-bottom: 30px;
}

.single-industry .project .section_body .body_box {
  display: block;
  margin-bottom: 30px;
}

.home .project .section_body .body_box {
  display: block;
  margin-bottom: 30px;
}

.project .section_body_cat .body_box {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.project .section_body .body_box .box_body {
  border: 1px solid #e5e5e5;
  padding: 25px 23px;
  background-color: #fff;
  height: 100%;
}

.project .section_body_cat .body_box .box_body {
  border: 1px solid #e5e5e5;
  padding: 25px 23px;
  background-color: #fff;
}

.project .section_body .body_box .box_body:hover {
  border-color: #018bce;
}

.project .section_body .body_box .box_body h4 a {
  font-size: 22px;
  font-weight: 700;
  color: #0e4472;
  line-height: 24px;
  position: relative;
  margin-bottom: 26px;
}

.project .section_body_cat .body_box .box_body:hover {
  border-color: #018bce;
}

.project .section_body_cat .body_box .box_body h4 a {
  font-size: 22px;
  font-weight: 700;
  color: #0e4472;
  line-height: 24px;
  position: relative;
  margin-bottom: 26px;
}

.project .section_body_cat .body_box .box_body .box_content,
.typical-project .typical-project-box .box_content {
  margin-bottom: 15px;
}

.project .section_body_cat .body_box .box_body .box_content:last-of-type,
.typical-project .typical-project-box .box_content:last-of-type {
  margin-bottom: 0;
}

.project .section_body_cat .body_box .box_body .box_content.box_content_img {}

.typical-project .typical-project-box {
  max-width: 500px;
  margin: 0 auto;
}

.project .section_body_cat .body_box .box_body .box_content h6,
.typical-project .typical-project-box .box_content h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
}

.project .section_body_cat .body_box .box_body .box_content p,
.typical-project .typical-project-box .box_content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

.project .section_body_cat .body_box .box_body .box_content h6 a,
.typical-project .typical-project-box .box_content h6 a {
  color: #0095da;
  font-weight: 700;
  font-size: 18px;
}

.project .section_body_cat .body_box_btn a {
  font-size: 16px;
  font-weight: 500;
  max-width: 170px;
  display: inline-block;
  width: 100%;
  background-color: #818285;
  color: #fff;
  padding: 14px 20px;
  margin-top: 15px;
}

/*.project .section_body .body_box .box_body h4:after {
	content: "";
	width: 54px;
	height: 2px;
	background-color: #bcbcbc;
	position: absolute;
	left: 0;
	bottom: -11px;
} */

.project .section_body .body_box .box_body .box_content,
.typical-project .typical-project-box .box_content {
  margin-bottom: 15px;
}

.project .section_body .body_box .box_body .box_content:last-of-type,
.typical-project .typical-project-box .box_content:last-of-type {
  margin-bottom: 0;
}

.project .section_body .body_box .box_body .box_content.box_content_img {
  text-align: center;
}

.typical-project .typical-project-box {
  max-width: 500px;
  margin: 0 auto;
}

.project .section_body .body_box .box_body .box_content h6,
.typical-project .typical-project-box .box_content h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
}

.typical-project .typical-project-box .box_content h6 {
  margin-bottom: 5px;
}

.project .section_body .body_box .box_body .box_content p,
.typical-project .typical-project-box .box_content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

.project .section_body .body_box .box_body .box_content h6 a,
.typical-project .typical-project-box .box_content h6 a {
  color: #0095da;
  font-weight: 700;
  font-size: 18px;
}

.project .section_body .body_box_btn a {
  font-size: 16px;
  font-weight: 500;
  max-width: 170px;
  display: inline-block;
  width: 100%;
  background-color: #818285;
  color: #fff;
  padding: 14px 20px;
  margin-top: 15px;
}

.testimonial {
  padding: 75px 0 64px;
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
  background-size: cover;
}

.testimonial .section_header h2 {
  color: #fff;
}

.testimonial .section_header .divider_line {
  margin-bottom: 30px;
}

.testimonial .section_body .testimonial_slider {
  max-width: 985px;
  margin: 0 auto;
}

.testimonial .section_body .testimonial_slider .slider_content p {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 22px;
}

.testimonial .section_body .testimonial_slider .slider_content .author_name span {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 57px;
}

.testimonial .section_body .testimonial_slider .slick-arrow {
  width: 46px;
  height: 21px;
  font-size: 0;
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0.30;
  outline: none;
  z-index: 9;
}

.testimonial .section_body .testimonial_slider .slick-arrow.slick-disabled {
  opacity: 0.30 !important;
}

.testimonial .section_body .testimonial_slider .slick-arrow:hover {
  opacity: 1;
}

.testimonial .section_body .testimonial_slider .slick-prev {
  background-image: url(../image/industries/project/slider_left.png);
  right: 75px;
}

.testimonial .section_body .testimonial_slider .slick-next {
  background-image: url(../image/industries/project/slider_right.png);
  left: 75px;
}

/* ========================================================= industries main page CSS ========================================================= */
.page_title {
  padding: 62px 0;
}

.page-id-157 .page_title,
.page-id-662 .page_title,
.page-id-1005 .page_title,
.page-id-264 .page_title,
.page-id-648 .page_title,
.page-id-610 .page_title,
.single-knowledge_center .page_title {
  padding: 0px 0 62px;
}


.page_title .section_header h2 {
  max-width: 520px;
}

.page_title .section_header p {
  max-width: 690px;
}

.page_title .section_header .divider_line {
  margin-bottom: 25px;
}

.page_title .section_body .select_industry {
  margin-top: 40px;
  margin-bottom: 7px;
}

.page_title .section_body .select_industry span {
  color: #bcbcbc;
  font-family: 'Montserrat', sans-serif;
  font-size: 35px;
  font-weight: 300;
  text-transform: uppercase;
}

.page_title .section_body .content_box {
  border: 1px solid #e5e5e5;
  padding: 35px 15px;
}

.page_title .section_body .content_box h5 {
  color: #0e4472;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 16px;
}

.page_title .section_body .content_box .content_box_box .box_content {
  font-size: 18px;
  color: #212121;
  font-weight: 500;
  border-right: 2px solid;
  line-height: 16px;
  padding-right: 20px;
  margin-right: 20px;
}

.page_title .section_body .content_box .content_box_box .box_content:last-of-type {
  border: none;
  padding-right: 0;
}

.page_list {
  padding-bottom: 45px;
}

.page_list .body_content_box {
  margin-bottom: 45px;
}

.page_list .body_content_box .content_body {
  overflow: hidden;
  position: relative;
}

.page_list .body_content_box .body_content_text {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  z-index: 10;
  -webkit-transition: -webkit-all 0.5s;
  transition: -webkit-all 0.5s;
  -o-transition: -o-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
}

.page_list .body_content_box .content_body:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #0083bf;
  z-index: 1;
  opacity: 0.9;
  -webkit-transform: translate(0px, 200%);
  -moz-transform: translate(0px, 200%);
  -ms-transform: translate(0px, 200%);
  -o-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
  -webkit-transition: -webkit-all 0.5s;
  transition: -webkit-all 0.5s;
  -o-transition: -o-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -moz-transition: all 0.5s, -moz-all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
  transition: all 0.5s, -webkit-all 0.5s, -moz-all 0.5s, -o-all 0.5s;
}

.page_list .body_content_box:hover .content_body:after {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.page_list .body_content_box:hover .body_content_text {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  bottom: 50%;
}

.page_list .body_content_box .body_content_text a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page_list .body_content_box .body_content_text h5 {
  color: #fff;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
}

.page_list .body_content_box .body_content_text .content_icon {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateX(25px);
  -moz-transform: translateX(25px);
  -ms-transform: translateX(25px);
  -o-transform: translateX(25px);
  transform: translateX(25px);
}

.page_list .body_content_box .body_content_text .content_icon img {
  max-width: 45px;
}

.page_list .body_content_box:hover .body_content_text .content_icon {
  opacity: 1;
}

.page_list .body_content_box p {
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 15px;
  margin-top: 16px;
  line-height: 28px;
}

/* ========================================================= plc page CSS ========================================================= */
.plc_programming_page_content {
  padding: 74px 0 50px;
}

.plc_programming_page_content .section_header {
  margin-bottom: 48px;
}

.plc_programming_page_content .section_header .divider_line {
  margin-bottom: 24px;
}

.plc_programming_page_content .section_body .body_content_box {
  border: 1px solid #e5e5e5;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.plc_programming_page_content .section_body .body_content_box .box_body {
  padding: 50px 55px;
}

.plc_programming_page_content .section_body .body_content_box .box_body h2 {
  font-size: 32px;
  font-weight: bold;
  color: #0e4472;
  margin-bottom: 20px;
  line-height: 38px;
}

.plc_programming_page_content .section_body .body_content_box .box_body p {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 20px;
  color: #000;
  line-height: 28px;
}

.plc_programming_page_content .section_body .body_content_box .box_body p:last-of-type {
  margin-bottom: 0;
}

.blue_section_plc .blue_section_box .blue_bg {
  background-color: #0e4472;
  padding: 32px 55px;
}

.blue_section_plc .blue_section_box .blue_bg h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  color: #fff;
  margin: 0;
}

.blue_section_plc .blue_section_box .blue_bg p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  margin-bottom: 0;
}

.page_content_point .pcp_bg_content .content_bg {
  background-color: #f5f5f5;
  padding: 50px 40px;
}

.page_content_point .pcp_bg_content .content_bg .content_bg_img {
  max-width: 455px;
}

.page_content_point .pcp_bg_content .content_bg .content_bg_contet {
  max-width: -moz-calc(100% - 455px);
  max-width: calc(100% - 455px);
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  padding-left: 30px;
}

.page_content_point .pcp_bg_content .content_bg .content_bg_contet .content_bg_point ul li,
.page_content_sponser .section_body .body_box .box_body ul li {
  background-position: center left;
  background-repeat: no-repeat;
  font-family: 'Open Sans', sans-serif;
  line-height: 20px;
  color: #000;
  padding-left: 20px;
  margin-bottom: 15px;
}

.page_content_point .pcp_bg_content .content_bg .content_bg_contet .content_bg_point ul li:last-of-type,
.page_content_sponser .section_body .body_box .box_body ul li:last-of-type {
  margin-bottom: 0;
}

.page_content_sponser {
  padding: 48px 0 50px;
}

.page_content_sponser .section_header h2 {
  font-size: 32px;
  font-weight: bold;
  color: #0e4472;
  margin-bottom: 12px;
  line-height: 38px;
}

.page_content_sponser .section_header p,
.page_content_sponser .section_footer p {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0px;
  color: #000;
  line-height: 28px;
  font-size: 16px;
  letter-spacing: -0.1px;
}

.page_content_sponser .section_body {
  margin-top: 32px;
}

.page_content_sponser .section_body .body_box {
  margin-bottom: 30px;
}

.page_content_sponser .section_body .body_box .box_body {
  border: 1px solid #e5e5e5;
  height: 100%;
}

.page_content_sponser .section_body .body_box .box_body .body_img {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 22px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.page_content_sponser .section_body .body_box .box_body .body_content {
  padding: 32px 10px 32px 30px;
  height: 100%;
}

.page_content_sponser .section_body .body_box .box_body ul li {
  padding-left: 30px;
  background-position: top 6px left;
}

.page_content_point_2 .pcp_bg_content .content_bg {
  padding: 50px 40px 35px;
}

.page_content_point_2 .pcp_bg_content .content_bg .content_bg_contet {
  max-width: 100%;
  padding-left: 15px;
}

.page_content_point_2 .pcp_bg_content .content_bg .content_bg_contet .content_bg_point ul li {
  max-width: -moz-calc(20% - 30px);
  max-width: calc(20% - 30px);
  margin: 0 15px 15px;
  width: 100%;
  background-position: top 7px left;
}

.communication {
  margin-top: 30px;
  margin-bottom: 70px;
}

/* ========================================================= Other page CSS ========================================================= */
.content-header-title,
.tender_section .page_right_section .widget-title {
  font-size: 32px;
  font-weight: bold;
  color: #0e4472;
  margin-bottom: 20px;
  line-height: 38px;
}

.content-header-title-space {
  margin-bottom: 10px;
}

.content-header-sub-title {
  font-size: 27px;
  font-weight: bold;
  color: #0e4472;
  margin-bottom: 5px;
  line-height: 38px;
}

.content-header-text,
.careers-positions .careers-positions-details p,
.testimonial-listing .testimonial .testimonial_content .content_box p {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 10px;
  color: #000;
  line-height: 28px;
}

.content-header-text a {
  text-decoration: underline;
}

.commisioning_content {
  margin-bottom: 30px;
}

.commisioning_content:last-of-type,
.content-header-text:last-of-type,
.testimonial-listing .testimonial .testimonial_content .content_box p:last-of-type {
  margin-bottom: 0;
}

.content-header-ul-li,
.careers-positions .careers-positions-details ul {
  margin: 30px 0;
  padding: 0 0 0 20px;
}

.careers-positions .careers-positions-details ul {
  margin: -5px 0 15px;
}

.content-header-ul-li li,
.careers-positions .careers-positions-details ul li {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 28px;
}

.content-header-ul-li li:last-of-type,
.careers-positions .careers-positions-details ul li:last-of-type,
.tender_section .page_right_section .widget_recent_entries,
#banner.inner_page #banner_slider .carousel-item .banner_content p {
  margin-bottom: 0;
}

.tender_section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.tender_section .row.col-sm-12 {
  margin: 0;
  padding: 0;
}

.tender_section .img_section {
  margin-top: 20px;
}

.tender_section .page_left_section {
  border-right: 1px solid #e5e5e5;
}

.tender_section .page_right_section .widget_recent_entries ul {
  margin: 0px 0 0;
  padding: 0 0 0 20px;
}

.tender_section .page_right_section .widget_recent_entries ul li {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 28px;
}

.tender_section .page_right_section .widget_recent_entries ul li:last-of-type {
  margin-bottom: 0;
}

.careers-positions .careers-positions-details {
  margin-bottom: 50px;
}

.careers-positions .careers-positions-details:last-of-type {
  margin-bottom: 0;
}

.careers-positions .careers-positions-details .applyfor {
  font-family: 'Roboto', sans-serif;
  background-color: #818285;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 21px;
  margin-top: 10px;
  border: 1px solid #818285;
}

.careers-positions .careers-positions-details .applyfor:hover {
  color: #818285;
  background-color: transparent;
}

.testimonial-listing .testimonial .testimonial_content {
  float: left;
}

.testimonial-listing .testimonial .testimonial_content .content_box {
  width: 100%;
  display: block;
  border: 1px solid #084372;
  border-radius: 30px;
  margin-bottom: 20px;
  padding: 20px;
}

.knowledge-list {
  padding: 70px 0;
}

.knowledge-list .section_body .body_content_box {
  margin-bottom: 30px;
}

.knowledge-list .section_body .body_content_box .box_image img {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}

.knowledge-list .section_body .body_content_box .box_content {
  border: 1px solid #e5e5e5;
  padding: 25px 23px;
}

.knowledge-list .section_body .body_content_box .box_content h5 a {
  font-size: 22px;
  font-weight: 500;
  color: #0e4472;
  line-height: 28px;
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
}

.knowledge-list .section_body .body_content_box .box_content h5 a:after {
  content: "";
  width: 54px;
  height: 2px;
  background-color: #bcbcbc;
  position: absolute;
  left: 0;
  bottom: -11px;
}

.knowledge-list .section_body .body_content_box .box_content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 26px;
  margin-top: 20px;
}

.knowledge-list .section_body .body_content_box .box_content a.btn {
  font-size: 16px;
  font-weight: 500;
  max-width: 390px;
  display: inline-block;
  width: 100%;
  background-color: #818285;
  color: #fff;
  padding: 14px 20px;
  margin-top: 15px;
  border-radius: 0;
}

.knowledge-single {
  padding: 70px 0;
}

.knowledge-single .knowledge-details {
  padding: 0 15px !important;
}

.knowledge-single .knowledge-details h4,
.knowledge-single .knowledge-details .cta-post .cta-headline-post div {
  font-size: 24px;
  font-weight: 500;
  color: #0e4472;
  line-height: 28px;
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.knowledge-single .knowledge-details .cta-post .cta-headline-post {
  margin-top: 30px;
}

.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post {
  margin: 0;
}

.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post div {
  font-size: 16px;
  color: #000;
  margin: 0;
  display: none;
}

.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post div.cta-points-post,
.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post div.cta-points-post div,
.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post div.cta-button-post {
  display: block;
}

.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post div.cta-button-post {
  margin-top: 30px;
  text-align: left;
}

.knowledge-single .knowledge-details .cta-post .cta-headline-post div.cta-content-post div.cta-button-post .cta-button-post {
  font-family: 'Roboto', sans-serif;
  background-color: #818285;
  border: 1px solid #818285;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 21px;
}

.knowledge-single .knowledge-details img {
  width: 100%;
  margin: 0;
  float: none;
  display: inline-block;
  margin-top: 20px;
}

.knowledge-single .knowledge-details p {
  width: 100%;
}

.knowledge-single .knowledge-details p,
.knowledge-single .knowledge-details table,
.knowledge-single .knowledge-details ul li {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
}

.knowledge-single .knowledge-details table {
  line-height: 25px;
  margin-bottom: 0;
}

.knowledge-single .knowledge-details ul {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-left: 17px;
  margin-bottom: 15px;
}

.knowledge-single .knowledge-details ul li {
  margin-bottom: 5px;
}

.knowledge-list .pagination {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 5px solid #000;
  margin: 45px 0 0;
  border-radius: 0;
}

.knowledge-list .pagination .page-numbers,
.knowledge-list .pagination a,
.knowledge-list .pagination a:focus {
  border: none;
  border-top: 5px solid transparent;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  margin-right: 1px;
  padding: 7px 16px;
  text-transform: uppercase;
  margin: -6px 2px 0;
  line-height: 21px;
  background-color: transparent;
  color: #084372;
}

.knowledge-list .pagination .page-numbers {
  border-top: 5px solid #ccc;
}

.knowledge-list .pagination a:hover {
  border-top: 5px solid #41a62a;
}

.knowledge-list .pagination .dots,
.knowledge-list .pagination .dots:hover {
  background-color: transparent;
  border: none;
  color: #084372;
}

.knowledge-list .form .search-wrap {
  position: relative;
  margin-bottom: 30px;
}

.knowledge-list .form .search-wrap input {
  width: 100%;
  font-size: 16px;
  max-width: 250px;
  border: 1px solid #818285;
  border-radius: 0;
  color: #000;
  padding: 9px 15px;
  height: auto;
}

.knowledge-list .form .search-wrap .btn {
  position: absolute;
  top: 0;
  left: 205px;
  background-color: #818285;
  color: #fff;
  border-radius: 0;
  padding: 9px 14px;
}

.knowledge-single .knowledge-details .metroid-flipbook-iframe {
  height: 680px !important;
}

.testimonial-listing .section_header h2 {
  font-weight: bold;
  font-size: 35px;
  color: #212121;
  margin-bottom: 10px;
}


/* ========================================================= Our team CSS ========================================================= */

section.cms-team {
  padding: 80px 0 80px;
}

.team-list-wrap .banner-title {
  background-color: #0466a4;
  padding: 50px 32px;
  margin-bottom: 16px
}

.team-list-wrap .banner-title h1 {
  padding: 0;
  margin: 0 !important;
  color: #fff;
  font-size: 75px;
  line-height: 85px;
  font-family: geogrotesque-medium;
  text-align: center
}

.team-list-wrap .banner-title .desc {
  color: #fff;
  font-size: 54px;
  font-size: 58px;
  font-family: geogrotesque_ultralight
}

.team-list-wrap .profile-list {
  list-style: none;
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0 -3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.team-list-wrap .profile-list:before {
  display: table;
  content: " ";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.team-list-wrap .profile-list:after {
  clear: both
}

.team-list-wrap .profile-list .each-column {
  float: left;
  width: 25%;
  padding-left: 3px;
  padding-right: 3px;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.team-list-wrap .profile-list .each-column:nth-child(4n+4) .profile-content {
  left: auto;
  right: 0
}

.team-list-wrap .profile-list .each-column.open {
  position: relative;
  z-index: 50
}

.team-list-wrap .profile-list .each-profile {
  height: 340px;
  margin-bottom: 6px;
  position: relative
}

.team-list-wrap .profile-list .each-profile .imagebox {
  height: 340px;
  overflow: hidden
}

.team-list-wrap .profile-list .each-profile .imagebox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.team-list-wrap .profile-list .each-profile .profile-content {
  zoom: 1;
  z-index: 5;
  padding: 0 20px;
  overflow: hidden;
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  -o-transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: #0083bf;
  opacity: 0.9;
}

.team-list-wrap .profile-list .each-profile .profile-content .name {
  zoom: 1;
  display: block;
  padding-top: 14px;
  margin-right: -20px;
  padding-bottom: 6px;
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  position: relative;
  z-index: 20;
  -webkit-transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  -o-transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1);
  transition: height .45s cubic-bezier(.19, 1, .22, 1), width .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1)
}

.team-list-wrap .profile-list .each-profile .profile-content .jobtitle {
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  font-weight: 100;
  padding-top: 14px;
}

.team-list-wrap .profile-list .each-profile .profile-content .jobdesc {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  padding-top: 20px;
  width: 100%;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}

.team-list-wrap .profile-list .each-profile .profile-content .read-more a {
  position: absolute;
  top: 200%;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all .65s cubic-bezier(.19, 1, .22, 1);
  -o-transition: all .65s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: all .65s cubic-bezier(.19, 1, .22, 1);
  transition: all .65s cubic-bezier(.19, 1, .22, 1)
}

.team-list-wrap .profile-list .each-profile:hover .profile-content .read-more a {
  top: 70%;
  display: block
}

.team-list-wrap .profile-list .each-column.open .each-profile .profile-content {
  z-index: 10;
  padding: 0 20px 56px;
  width: -moz-calc(200% + 6px);
  width: calc(200% + 6px);
  background: rgba(0, 131, 191, .95);
  overflow: hidden;
  -webkit-transition: height .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1) .45s, width .45s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1) .65s;
  -o-transition: height .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1) .45s, width .45s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1) .65s;
  -moz-transition: height .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1) .45s, width .45s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1) .65s;
  transition: height .45s cubic-bezier(.19, 1, .22, 1) .45s, padding .65s cubic-bezier(.19, 1, .22, 1) .45s, width .45s cubic-bezier(.19, 1, .22, 1), background .65s cubic-bezier(.19, 1, .22, 1) .65s
}

.team-list-wrap .profile-list .each-column.open .each-profile .profile-content .name {
  padding-top: 28px
}

.team-list-wrap .profile-list .each-column.open .each-profile .profile-content .jobdesc {
  filter: alpha(opacity=100);
  opacity: 1
}

.team-list-wrap .profile-list .each-column.open .each-profile .profile-content .jobdesc a {
  color: #fff
}

.team-list-wrap .profile-list .each-column.open .each-profile .profile-content .read-more a {
  display: none
}

.team-list-wrap .profile-list .each-column.open .each-profile .closebtn {
  display: block
}

.team-list-wrap .profile-list .each-profile .closebtn {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 0;
  width: 25px;
  height: 25px;
  overflow: hidden;
  font-size: 0
}

.team-list-wrap .profile-list .each-profile .closebtn:before,
.team-list-wrap .profile-list .each-profile .closebtn:after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  background: #fff;
  height: 2px;
  margin-top: -1px
}

.team-list-wrap .profile-list .each-profile .closebtn:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.team-list-wrap .profile-list .each-profile .closebtn:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}



.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #dc3232;
}


.contact_details {
  max-width: 350px;
  border: 1px solid;
  padding: 20px;
  margin: 20px auto;
  width: 100%;
  border: 2px solid #818285;
}

.contact_details .address p {
  margin: 0 0 20px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.contact_details a {
  background: transparent;
  border: 0px;
  color: #222;
  margin-top: 15px;
  display: block;
  padding: 0px;
}

.contact_details a i,
.contact_details .address i {
  margin-right: 8px;
}

#contact .section_header {
  text-align: center;
}

.page-template-process-page-template #inner-page-content .nav-tabs {
  padding-bottom: 64px;
  border-bottom: none;
}

.page-template-process-page-template #inner-page-content .nav-tabs:hover li:hover,
.page-template-process-page-template #inner-page-content .nav-tabs.active_tabs li.active_tab {
  width: 16.666%;
}

.page-template-process-page-template #inner-page-content .nav-tabs li {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 16.666%;
  height: 155px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.page-template-process-page-template #inner-page-content .nav-tabs div a.nav-active:before {
  content: "";
  position: absolute;
  background-image: url(../image/process/down_arrow.png);
  width: 24px;
  height: 12px;
  left: 0;
  bottom: -12px;
  right: 0;
  margin: 0 auto;
}

.contetn_box_image img {
  width: 100%;
}

/* ========================================================= process tab CSS ========================================================= */

section.cms-procee-tab {
  padding: 60px 0 60px;
}

.cms-procee-tab #tabs {
  padding-bottom: 40px;
  position: relative;
}

.cms-procee-tab .nav-tabs {
  margin: 0 -5px;
  border-bottom: 0;
}

.cms-procee-tab .nav-tabs li {
  padding: 0 5px;
}

.cms-procee-tab .nav-tabs a {
  background-color: #f2f2f2;
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: 12px;
  height: 152px;
  text-align: center;
}

.cms-procee-tab .nav-tabs a:after {
  content: "";
  position: absolute;
  background-image: url(../image/process/nav_tabbed_arrow.png);
  width: 46px;
  height: 35px;
  left: 0;
  top: 30px;
  display: block;
}

.cms-procee-tab .nav-tabs li:first-child a:after {
  display: none;
}

.cms-procee-tab .nav-tabs a p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin-bottom: 0;
}

.cms-procee-tab .nav-tabs a .number {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 45px;
  font-weight: 500;
}

.cms-procee-tab .nav-tabs a .text {
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  line-height: 15px;
  text-align: center;
}

.cms-procee-tab .nav-tabs .nav-item.show .nav-link,
.cms-procee-tab .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #1ca1de;
  border-color: none;
}

.cms-procee-tab .nav-tabs .nav-link:focus,
.cms-procee-tab .nav-tabs .nav-link:hover {
  color: #fff;
  background-color: #1ca1de;
  border-color: none;
}

.cms-procee-tab .nav-tabs a:hover:after,
.cms-procee-tab .nav-tabs a.active:after {
  opacity: 0.21;
}


.cms-procee-tab .tab-content {
  margin-top: 20px;
}

.cms-procee-tab .owl-carousel .owl-nav button.owl-next,
.cms-procee-tab .owl-carousel .owl-nav button.owl-prev {
  width: 30px;
  height: 30px;
  background-color: #1ca1de;
  color: #fff;
}

.cms-procee-tab .owl-carousel .owl-nav button.owl-next {
  float: right;
}

.cms-procee-tab .owl-carousel .owl-nav button.owl-next span {
  font-size: 22px;
  line-height: 18px;
}

.cms-procee-tab .owl-carousel .owl-nav button.owl-prev span {
  font-size: 22px;
  line-height: 18px;
}


/* ================================================ home page process tab CSS ================================================ */

.accordion-slider .panel-counter {
  padding: 10px 15px;
  color: #333;
  -moz-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  -moz-transform: rotate(-90deg) translateY(100%);
  -webkit-transform: rotate(-90deg) translateY(100%);
  -ms-transform: rotate(-90deg) translateY(100%);
  -o-transform: rotate(-90deg) translateY(100%);
  transform: rotate(-90deg) translateY(100%);
  background-color: #0095da;
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  left: 0;
  bottom: 0;
}

.accordion-slider .panel-counter h3 {
  font-size: 16px;
  white-space: nowrap;
}

.accordion-slider .panel-counter h3 a {
  color: #fff;
}

.accordion-slider .panel-counter h3 a:visited {
  color: #fff;
}

.accordion-slider .text-block h2 a {
  font-size: 22px;
  color: #ffffff;
  background: none;
  font-weight: 500;
  text-decoration: unset;
}

.accordion-slider .text-block a {
  /* background: #0095da; */
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  /* padding: 12px 21px; */
  margin-top: 5px;
  display: inline-block;
  text-decoration: underline;
}

.accordion-slider .text-block p {
  font-size: 14px;
}

.as-panels .as-panel .text-block {
  max-width: unset !important;
  left: 50px !important;
}

/* ================================== industries page CSS =========================================== */

.single-industry #banner #banner_slider .carousel-item {
  padding: 510px 0;
  padding-bottom: 80px;
}

.single-industry #banner #banner_slider .carousel-item .banner_content {
  max-width: 510px;
  margin: 0;
  text-align: left;
  padding-left: 15px;
}

.single-industry #banner #banner_slider .carousel-item .banner_content h1:after {
  display: none;
}



/*.single-industry .project .section_header h2 {
	color: #fff;
}
.single-industry .project .section_body .body_box .box_body h4 {
	color: #fff;
}
.single-industry .project .section_body .body_box .box_body h4:after {
	background-color: #fff;
}
.single-industry .project .section_body .body_box .box_body .box_content h6 {
	color: #fff;
}
.single-industry .project .section_body .body_box .box_body .box_content p {
	color: #fff;
}
.single-industry .project .section_body .body_box_btn a {
	background-color: #fff;
	color: #000;
} */



.single-industry .testimonial .section_header h2 {
  color: #212121;
}

.single-industry .project .section_header h2,
.single-industry .testimonial .section_header h2 {
  font-weight: 300;
  font-size: 30px;
}

.single-industry .testimonial .section_body .testimonial_slider .slider_content p {
  color: #000;
}

.single-industry .testimonial .section_body .testimonial_slider .slider_content .author_name span {
  color: #000;
}

.single-industry .testimonial .section_body .testimonial_slider .slick-prev {
  background-image: url(../image/slider_left.png);
  right: 75px;
}

.single-industry .testimonial .section_body .testimonial_slider .slick-next {
  background-image: url(../image/slider_right.png);
  left: 75px;
}

.page-template-careers-page-template .careers-details p {
  line-height: 21px;
  font-size: 15px;
}

.careers-positions .careers-positions-details ul li {
  line-height: 21px;
  font-size: 15px;
}

.page-template-careers-page-template .careers-positions-details p {
  line-height: 21px;
  font-size: 15px;
}

#banner #banner_slider .carousel-item .banner_content h3 {
  color: #fff;
  padding-top: 30px;
}

.postid-290 .portfolio-detail,
.postid-290 .portfolio-list {
  padding-top: 30px;
}

.single-typical-projects #banner #banner_slider .carousel-item {
  padding-bottom: 50px;
  padding-top: unset;
}

section#typical-project {
  padding: 70px 0 70px;
  background-image: url(https://www.metroid.net.au/engineering/wp-content/uploads/2020/07/banner-2.jpg);
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
}

.typical-project-details {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 20px 10px;
  max-width: 500px;
  margin: 0 auto;
}

.typical-project-img {
  padding-bottom: 40px;
}

.typical-project-details p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;
}

div#player {
  height: 100% !important;
}

section#project-list,
section.typical-project {
  padding-top: 40px;
}

.project #banner.inner_page.black_white #banner_slider .carousel-item .banner_content h1,
#typical-project #banner.inner_page.black_white #banner_slider .carousel-item .banner_content h1 {
  color: #fff;
}

.project #banner.black_white #banner_slider .carousel-item .banner_content h1:after,
#typical-project #banner #banner_slider .carousel-item .banner_content h1:after {
  background-image: url(../image/title_divider.png);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 132px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 0px;
}

#typical-project #banner #banner_slider .carousel-item {
  padding: unset !important;
}

.page-template-typical-project-page-template .project-list .tab {
  margin-bottom: 40px;
}

.page-template-typical-project-page-template .project-list .tab button {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #006c9d;
  padding: 10px;
  /* margin: 0 5px; */
  font-size: 16px;
  outline: none;
  width: 100%;
  padding: 10px 2px;
}

.page-template-typical-project-page-template .project-list .tab button.active {
  border: 1px solid #f2f2f2;
  font-weight: bold;
  background-color: #006c9d;
  color: #fff;
}

.page-template-typical-project-page-template .project-list .tabcontent {
  -webkit-animation: fadeEffect 1s;
  -moz-animation: fadeEffect 1s;
  -o-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  /* Fading effect takes 1 second */
}



@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.page-template-typical-project-page-template .project-list .owl-stage-outer {
  position: relative;
  overflow: hidden;
}

.page-template-typical-project-page-template .project-list .owl-stage-outer .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.page-template-typical-project-page-template .project-list .owl-item {
  float: left;
}

.page-template-typical-project-page-template .project-list .owl-nav {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.page-template-typical-project-page-template .project-list .owl-nav button {
  width: 30px;
  height: 30px;
  background-color: rgb(255 255 255);
  color: rgb(0 110 161);
  padding: 0;
}

.page-template-typical-project-page-template .project-list .owl-nav button span {
  font-size: 22px;
  line-height: 18px;
}

.page-template-typical-project-page-template .project-list .owl-nav button.disabled {
  opacity: 0.5;
}

.page-template-typical-project-page-template .project-list .owl-nav.disabled {
  display: none;
}

.page-template-typical-project-page-template .project-list .content_btn {
  font-family: 'Montserrat', sans-serif;
  background-color: #018bce;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 21px;
}

article#post-610 {
  margin: 0;
}


button.owl-next.disabled {
  pointer-events: none;
  opacity: 0.5;
}

button.owl-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.cms-procee-tab .nav-tabs .owl-item.active .nav-link {
  color: #fff;
  background-color: #1ca1de;
  border-color: none;
}


.project .section_body .body_box .box_body {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.cms-tab-content .body_box_content {
  margin-bottom: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cms-tab-content .box_content.box_content_img {
  margin-top: auto;
}

/*-------08-feb-20121-------*/
/*
.page-template-typical-project-page-template .project {
    background-image: url(http://metroid.demo.cmsminds.com/wp-content/themes/metroid/assets/image/new_banner_2.jpg);
    background-repeat: repeat-y;
    background-size: cover;
}
*/
/*.page-template-typical-project-page-template .project {
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(/wp-content/uploads/2020/07/banner-2.jpg);
}*/
.page-template-knowledge-center-page-template-php .knowledge-list .box_image {
  display: block;
  width: 100%;
}

.knowledge-list .section_body .body_content_box .box_content {
  border: 0px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-template-knowledge-center-page-template-php .knowledge-list .content_box_content.p-0 {
  border: 1px solid #e5e5e5;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-template-knowledge-center-page-template-php .knowledge-list .box_details {

  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: auto;

}

.page-template-knowledge-center-page-template-php .knowledge-list .box_button {
  margin-top: auto;
  width: 100%;
}

.knowledge-single .knowledge-details-img img {
  margin-top: 8px;
}

.knowledge-single .knowledge-details-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  padding: 0 15px 15px;
}

.knowledge-single .knowledge-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}

.knowledge-single .knowledge-details {
  padding: 0 15px !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

body.knowledge_center-template-default.single.single-knowledge_center .wp-custom-logo,
.knowledge_center-template-default.single.single-knowledge_center .wp-custom-logo {
  overflow-y: visible;
  margin-top: 121px;
}

body.page-template.page-template-typical-project-page-template.page-template-typical-project-page-template-php.page.page-id-610.logged-in.admin-bar.wp-custom-logo.customize-support,
body.page-template.page-template-typical-project-page-template.page-template-typical-project-page-template-php.page.page-id-610.wp-custom-logo,
body.industry-template-default.single.single-industry.wp-custom-logo {
  margin: unset !important;
}

.cms-top-bar {
  background: #0083bf;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 7px 0;
  z-index: 99;
}

.cms-top-bar a,
.cms-top-bar span {
  font-size: 18px;
  color: #fff;
}

.cms-video-section .video-sec video::-webkit-media-controls-panel {
  display: none;
  -webkit-appearance: none;
}

.cms-video-section .video-sec video::-webkit-media-controls-play-button {
  display: none;
  -webkit-appearance: none;
}

.cms-video-section .video-sec video::-webkit-media-controls-start-playback-button {
  display: none;
  -webkit-appearance: none
}

.cms-video-section .video-sec video::-webkit-media-controls {
  display: none;
  -webkit-appearance: none;
}

.cms-video-section .video-sec .video_bg {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.cms-video-section .video-sec .video_bg.pause_icon {
  background-color: transparent;
}

.cms-video-section .video-sec .video_bg.pause_icon .svg_icon {
  opacity: 0;
}

.cms-video-section .video-sec .video_bg.pause_icon:hover .svg_icon {
  opacity: 0.5;
}

.cms-video-section .video-sec .video_bg.pause_icon:hover .svg_icon {
  opacity: 1;
}

/*-------06-dec-2021-------*/
#industries.linkedin-feed {
  padding: 87px 0 0;
}

.linkedin-feed .owl-nav {
  font-size: 48px;
}

.linkedin-feed button.owl-prev:focus,
.linkedin-feed button.owl-next:focus {
  outline: none;
}

.linkedin-feed .owl-nav {
  text-align: center;
}

.title_linkedin {
  text-align: center;
  margin-bottom: 30px;
}

.linkedin-feed h5 {
  font-size: 36px;
}


#industries.linkedin-feed .divider_line {
  margin-bottom: 12px;
  margin-top: 0px;
}

.linkedin-feed .body_box .item iframe {
  height: 590px;
}

/*-------08-feb-20121-------*/
@media screen and (min-width: 992px) {
  .project {
    margin-top: 40px;
  }

  .page-id-610 .project {
    margin-top: 120px;
  }

  body.tax-typical-projects-category .project {
    margin-top: 30px;
  }

}

@media screen and (max-width: 991px) {
  .page-template-typical-project-page-template .project-list .tab button {
    height: 70px;
  }

  .knowledge-single .knowledge-details-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 0px 15px;
  }

  .knowledge-single .knowledge-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  header .header_navigation .navbar-nav li a {
    display: block !important;
  }
}