@import url("https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/* Font family --------------------------------
font-family: "Gabarito", sans-serif;
font-family: "Montserrat", sans-serif;
Gabarito
----------------------------------------------
Montserrat
----------------------------------------------
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800 
-----------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important;
  list-style: none;
  font-family: "Montserrat", sans-serif;
}

body,
ul,
li,
a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

body {
  max-width: 100%;
  overflow-x: hidden !important;
  background: #fff !important;
}

/* == CONTAINER-CSS ==
================================================= */
.container,
.e-con-inner {
  max-width: 88%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1300px) {
  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1170px !important;
  }
}

.elementor-element,
.e-con-inner {
  padding: 0 !important;
}

/* == CONTAINER-CSS ==
================================================= */
hr.wp-block-separator {
  color: transparent !important;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

body.login {
  width: 100%;
  height: 100%;
  background-image: url(../images/footer-background-overlay.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* == ADA-ICON-CSS ==
===============================================================*/
/* body .uwy.userway_p5 .uai {
  top: auto;
  bottom: 80px !important;
  left: 13px;
  right: auto;
} */

div#userwayAccessibilityIcon img.ui_b {
  filter: invert(1);
  -webkit-filter: invert(1);
}

/* == ADA-ICON-CSS ==
===============================================================*/
/* == SELECTION-CSS ==
===============================================================*/
::-moz-selection {
  background: var(--primarycolor);
  color: var(--white);
}

::-webkit-selection {
  background: var(--primarycolor);
  color: var(--white);
}

::selection {
  background: var(--primarycolor);
  color: var(--white);
}

/* == SELECTION-CSS ==
===============================================================*/
/* == ROOT-CSS ==
===============================================================*/
:root {
  --primarycolor: #dd6f04;
  --secondarycolor: #224252;
  --black: #000;
  --grey: #434343;
  --white: #fff;
}

/* ---------------------------------------------------
var(--primarycolor)
var(--secondarycolor)
var(--black)
var(--grey)
var(--white)
--------------------------------------------------- */
/* == ROOT-CSS ==
===============================================================*/
/* == BACKEND-ISSUES-CLEAR-CODE-CSS == 
===============================================================*/
body.elementor-editor-active .common-outer ul {
  float: none;
  width: auto;
  display: inline-flex;
  margin: 0px;
}

body.elementor-editor-active .common-outer ul li {
  float: none;
  width: auto;
  color: #555555;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  padding: 0 10px;
}

body.elementor-editor-active .common-outer ul li::before {
  position: absolute;
  content: "";
  background-image: none;
  background-repeat: no-repeat;
  background-size: 0%;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  display: none;
}

/* == BACKEND-ISSUES-CLEAR-CODE-CSS == 
===============================================================*/
/* == TYPOGRAPHY-CSS == 
===============================================================*/
h1,
h2,
h3,
h4,
h5,
h6,
.common-outer h1,
.common-outer h2,
.common-outer h3,
.common-outer h4,
.common-outer h5,
.common-outer h6,
.common-outer h1 a,
.common-outer h2 a,
.common-outer h3 a,
.common-outer h4 a,
.common-outer h5 a,
.common-outer h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-family: "Gabarito", sans-serif !important;
  color: var(--black);
  margin: 0;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 700;
}

h1,
h1 a,
.common-outer h1,
.common-outer h1 a,
.common-outer h1 strong {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  font-size: 55px;
  color: var(--black);
  text-align: initial;
  line-height: 62px;
  margin: 40px 0 10px;
}

h2,
h2 a,
.common-outer h2,
.common-outer h2 a,
.common-outer h2 strong {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  font-size: 50px;
  color: var(--black) !important;
  line-height: 52px;
  margin: 40px 0 10px;
}

h3,
h3 a,
.common-outer h3,
.common-outer h3 a,
.common-outer h3 strong {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  font-size: 40px;
  color: var(--black);
  line-height: 44px;
  margin: 40px 0 10px;
  text-transform: capitalize;
}

h4,
h4 a,
.common-outer h4,
.common-outer h4 a,
.common-outer h4 strong {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  font-size: 35px;
  color: var(--black);
  line-height: 40px;
  margin: 40px 0 10px;
}

h5,
h5 a,
.common-outer h5,
.common-outer h5 a,
.common-outer h5 strong,
h5.elementor-image-box-title {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  font-size: 30px;
  color: var(--black);
  line-height: 40px;
  margin: 40px 0 10px;
  letter-spacing: 0 !important;
}

.common-outer h5 {
  margin: 20px 0 10px;
}

h6,
h6 a,
h6 strong,
.common-outer h6,
.common-outer h6 a,
.common-outer h6 strong {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  font-size: 25px;
  color: var(--black);
  line-height: 30px;
  margin: 40px 0 10px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  text-align: initial;
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400;
}

.elementor-widget-heading .elementor-heading-title {
  margin-bottom: 0 !important;
}

strong {
  font-weight: 500;
}

span.nav-click {
  display: none;
}

.common-outer blockquote p {
  margin-bottom: 0;
}

.common-outer {
  padding: 60px 0px;
  margin-left: auto;
  margin-right: auto;
  contain: content;
  position: relative;
  overflow: hidden;
}

/* .common-outer::after {
position: absolute;
content: "";
width: 400px;
height: 400px;
background-image: url(../images/top-overlay-plat.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
bottom: -100px;
right: -100px;
opacity: 0.1;
z-index: -1;
}
.common-outer::before {
position: absolute;
content: "";
width: 400px;
height: 400px;
background-image: url(../images/bottom-overlay-plat.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: -100px;
left: -100px;
opacity: 0.1;
z-index: -9999;
} */
/* == LIST-OL-AND-UL-CSS ==
============================================================== */
.common-outer ol,
.entry-content ol {
  padding-left: 35px;
  margin: 20px 0 !important;
}

.common-outer ol li,
.entry-content ol li {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: var(--grey);
  line-height: 32px;
  padding: 0px;
  margin-bottom: 14px;
  list-style: none;
  position: relative;
  list-style-type: auto !important;
}

.common-outer ul li strong,
p strong,
b {
  font-weight: 600;
  color: var(--grey);
  font-size: 18px !important;
}

.common-outer ul,
ul.elementor-icon-list-items {
  padding: 0;
  margin: 20px 0;
  text-align: left;
}

.common-outer ul li,
ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400 !important;
  font-size: 18px;
  color: var(--grey);
  line-height: 32px;
  padding: 0px;
  margin-bottom: 14px;
  list-style: none;
  padding-left: 40px;
  position: relative;
}

ul.elementor-icon-list-items li.elementor-icon-list-item::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 3px !important;
  margin-left: -35px;
  margin-top: 4px;
  background-image: url(../images/ul-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 18px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}

.common-outer ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 3px !important;
  margin-left: -35px;
  margin-top: 4px;
  background-image: url(../images/ul-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 18px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}

.blog-outer .blog_post-archive-outer .category-sidebar.sidebar-box ul li:before,
.common-outer.blog.blog-single-outer .category-sidebar.sidebar-box ul li:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 3px !important;
  margin-left: -35px;
  margin-top: 4px;
  background-image: url(../images/ul-icon-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 18px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}

.common-outer ul li ul li {
  list-style: none;
}

sup {
  top: -1.2em !important;
  font-size: 15px !important;
  font-weight: 600;
}

.about-text-parent sup {
  top: 0 !important;
  color: #707272 !important;
  font-weight: 500 !important;
}

.slider-sup {
  position: relative;
  top: -6px !important;
  font-size: 12px !important;
}

/* == LIST-OL-AND-UL-CSS-END ==
============================================================== */
a {
  text-decoration: none !important;
}

.common-outer a {
  color: #f58634;
  font-weight: 500;
}

@media (max-width: 360px) {
  .common-outer a {
    font-size: smaller !important;
  }
}

.common-outer a strong,
.common-outer strong a {
  color: var(--primarycolor);
  font-weight: 500;
}

p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400 !important;
  font-size: 18px;
  color: var(--grey);
  line-height: 40px;
  padding: 0px;
  margin-bottom: 18px !important;
}

p span {
  font-weight: 500;
  color: var(--primarycolor);
}

/* == TYPOGRAPHY-CSS == 
===============================================================*/
/* == FORM-TYPOGRAPHY-CSS == 
===============================================================*/
::placeholder {
  font-family: "Montserrat", sans-serif;
  font-weight: 400 !important;
  font-size: 16px;
  color: var(--black);
  line-height: 40px;
  padding: 0px;
  margin-bottom: 18px !important;
}

input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.wpcf7-not-valid {
  border: 1px solid #e52a32 !important;
}

.invalid .wpcf7-response-output {
  margin: 0 !important;
  text-align: center;
  color: #fff;
  border: 1px solid #e52a32 !important;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px !important;
  background-color: #e52a32;
}

.wpcf7-response-output {
  margin: 20px auto 20px 0 !important;
  text-align: center;
  color: #fff;
  border-color: green !important;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px !important;
  background-color: green;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
  padding: 0px !important;
}

.wpcf7-spinner {
  position: absolute;
  top: 14px;
  right: -28px;
}

.home .e-con-inner {
  max-width: 88% !important;
}

/* == FORM-TYPOGRAPHY-CSS == 
===============================================================*/
/* == IMAGE-WRAP-CSS_START == 
===============================================================*/
.alignnone {
  margin: 5px 30px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 20px auto 20px auto;
}

.alignright {
  float: right;
  margin: 20px 0 20px 40px !important;
}

.alignleft {
  float: left;
  margin: 0px 40px 20px 0 !important;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 40px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 40px 30px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figcaption,
.gallery-caption,
.wp-caption-text {
  font-size: 12px !important;
}

/* IMAGE-WRAP-CSS_END == 
===============================================================*/
/* == SCROLL_TO_TOP_CSS_START ==
===============================================================*/
/* == SCROLL_TO_TOP_CSS_END ==
===============================================================*/
/* == ERROR_PAGE_CSS_START_START == 
===============================================================*/
.error-page_inner .error-title h1 {
  text-align: center;
  font-weight: 700;
}

/* == ERROR_PAGE_CSS_START_END == 
===============================================================*/
body.home .common-outer {
  padding: 0 !important;
}

body.home .common-outer::after,
body.home .common-outer::before {
  display: none;
}

/* #preloader {
  display: none;
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999999;
} */

/* == BUTTON_CSS == 
===============================================================*/
.bttn {
  border: 1px solid #000;
  width: fit-content;
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: center;
  /* margin-top: 80px; */
  font-size: 14px;
  border-radius: 5px;
  transition: 0.5s;
  text-transform: uppercase;
  padding: 17px 40px;
  font-weight: 500 !important;
  letter-spacing: 2px;
  color: #000 !important;
}

.bttn:hover {
  border: 1px solid #808080 !important;
  background-color: #808080;
  color: #fff !important;
}

.submit-form input {
  background-color: #f58634 !important;
  font-size: 16px;
  font-weight: 400;
  color: #fff !important;
  text-transform: uppercase;
  width: fit-content;
  padding: 10px 60px;
  letter-spacing: 2px;
  border: 0px;
}

.submit-form input:hover {
  background-color: #808080 !important;
  color: #fff !important;
}

/* == BUTTON_CSS == 
===============================================================*/
/* == TOP_HEADER == 
===============================================================*/

ul.reques-social-icons li.linkedin-img {
  position: relative;
  top: 4px;
}

.header-top {
  background-color: #317383;
}

.header-top p {
  color: #fff;
  text-align: right;
  margin-bottom: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 50px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500 !important;
}

.header-top p a {
  text-transform: capitalize;
  color: #fff;
  font-weight: 300;
  font-style: italic;
  font-size: 12px;

}

.header-top p a:hover {
  color: #fe8537;
  text-decoration: underline !important;
}

/* == TOP_HEADER == 
===============================================================*/
/* == HEADER == 
===============================================================*/
/* == HEADER-STICKY ===========================================*/
header.sticky {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: fadeInDown;
  animation-timing-function: linear;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  left: 0;
  position: sticky;
  top: 0;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  width: 100%;
  background: #ffffff;
  box-shadow: 1px 1px 14px 0px #00000042;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background-color: #fff;
}

header.sticky .secondary-header .header-logo a img {
  width: 200px !important;
  height: 68px !important;
  object-fit: contain;
}

header.sticky .secondary-header .menu-wrapper ul li a {
  padding: 34px 0 !important;
}

header.sticky .secondary-header .social-nav-parent {
  padding: 29px 0;
}

/* .sticky #menu-header-menu.menu-hidden {
  transition: transform 0.5s ease-in-out;
  transform: translateX(0%);
}
.sticky #menu-header-menu {
  transition: transform 0.5s ease-in-out;
  transform: translateX(183%);
} */
/* == HEADER-STICKY ===========================================*/
header.main-header .container {
  max-width: 100% !important;
  padding-left: 55px;
  /* padding-right: 60px; */
}

header.main-header .secondary-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

header.main-header .secondary-header .header-logo {
  width: 20%;
  padding: 12px 0px;
}

header.main-header .secondary-header .menu-wrapper {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}

header.main-header .secondary-header .menu-wrapper .menus-nav .menu-header-menu-container ul {
  padding: 0px;
}

header.main-header .secondary-header .social-nav-parent {
  width: 15%;
  display: flex;
  column-gap: 30px;
  justify-content: flex-end;
  align-items: center;
}

header.main-header .secondary-header .header-logo a img {
  width: 265px;
  height: 110px;
  object-fit: contain;
}

@media (min-width: 991px) {
  header.main-header .secondary-header .menu-wrapper ul {
    display: flex;
    align-items: center;
    column-gap: 30px;
    padding: 0px;
    justify-content: flex-start;
    padding-left: 80px;
  }
}

header.main-header .secondary-header .social-nav-parent {
  width: 15%;
  display: flex;
  column-gap: 30px;
  justify-content: flex-end;
  align-items: center;
  background: #fff !important;
  z-index: 99;
  padding: 0px 60px 0px 0px;
  position: relative;
}

/* header.main-header .secondary-header .social-nav-parent::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #fff;
right: -67px;
z-index: -1;
} */
header.main-header .secondary-header .social-nav-parent .header-hamburger {
  width: 35px;
  height: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 7px;
}

header.main-header .secondary-header .social-nav-parent .header-hamburger .bar {
  display: block;
  height: 3.2px;
  width: 28px;
  margin: 0;
  background-color: #f58634;
}

header.main-header .secondary-header .social-nav-parent .linkedin-icon-header ul {
  padding: 0px;
}

header.main-header .secondary-header .menu-wrapper ul li a {
  color: #797979;
  font-size: 16px;
  padding: 54px 0;
  font-weight: 500 !important;
}

ul#menu-header-menu li.current-menu-item a,
header nav ul#menu-header-menu li.current-menu-parent a {
  /* border-bottom: 3px solid #f58634; */
  color: #f58634;
}

header.main-header .secondary-header .menu-wrapper ul li a:hover {
  color: #f58634;
}

header.main-header .secondary-header .social-nav-parent .linkedin-icon-header ul li a i {
  /* color: #d17a23; */
  color: #f58634;
  font-size: 25px;
}

header.main-header .secondary-header .social-nav-parent .linkedin-icon-header ul li a i:hover {
  color: #1c4252;
}

header.main-header .secondary-header .social-nav-parent .header-search-bar img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  margin-top: 0px;
  cursor: pointer;
}

.home .banner-outer-section {
  display: none;
}

/* == HEADER == 
===============================================================*/
/* == LASTEST DESIGN == 
===============================================================*/
.latest-news-outer .e-con-inner {
  align-items: center !important;
  column-gap: 10px !important;
  justify-content: space-between !important;
  max-width: 88% !important;
}

.latest-news-outer .e-con-inner .latest-title {
  align-items: baseline;
  justify-content: center;
  width: 24%;
  max-width: 20%;
}

.latest-banner-bottom-home .e-con-inner {
  margin: 0px;
}

.latest-banner-bottom-home {
  width: 74% !important;
}

.latest-news-outer .e-con-inner .latest-title h4 {
  margin: 0px;
  color: #000 !important;
}

.latest-news-outer .e-con-inner .latest-content {
  width: 62%;
}

.latest-news-outer .e-con-inner .latest-content ul li {
  margin-bottom: 0px;
  padding: 0px 0px 10px 0px;
}

.latest-news-outer .e-con-inner .latest-content ul li a:hover {
  color: #f47c36 !important;
}

.latest-news-outer .e-con-inner .latest-content ul li:before {
  display: none;
}

.latest-news-outer .e-con-inner .latest-content ul li a {
  text-decoration: underline !important;
  color: #414041 !important;
  font-size: 16px !important;
}

.latest-news-outer .e-con-inner .latest-btn {
  align-items: flex-end;
  justify-content: center;
  width: 15%;
  display: flex;
}

.latest-news-outer .e-con-inner .latest-btn a img {
  display: none;
}

.latest-news-outer .e-con-inner .latest-btn a:before {
  position: absolute;
  content: "";
  right: 110px;
  top: -2px;
  background-image: url(../images/bttn.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 39px;
  transition: 0.5s;
}

/* .latest-news-outer .e-con-inner .latest-btn a:hover:before {
left: 50px;
} */
.latest-news-outer .e-con-inner .latest-btn a:after {
  position: absolute;
  content: "";
  background-image: url(../images/bttn-one.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99;
  width: 134px;
  transition: 0.5s;
  height: 17px;
  left: auto;
  top: 9px;
  right: 0;
}

.latest-news-outer .e-con-inner .latest-btn a:hover:before {
  right: -15px;
}

/* .latest-news-outer .e-con-inner .latest-btn a:hover:after {
width: 165px;
transition: 0.5s;
height: 17px;
left: -59px;
top: 9px;
} */
/* == LASTEST DESIGN == 
===============================================================*/
/* == EXPLORE US DESIGN == 
===============================================================*/
.explore-outer:before {
  height: 144px !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.explore-outer:after {
  position: absolute;
  content: "";
  background-image: url(../images/explore.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 51%;
  height: 143px;
  left: 0;
  top: 1px;
  opacity: 0.9;
}

.explore-outer .explore-inner {
  z-index: 9;
}

.explore-outer .explore-inner .e-con-inner {
  align-items: center;
  justify-content: center;
}

.explore-outer .explore-inner h4 {
  color: #fff !important;
  font-size: 16px;
  margin-top: 0px;
  letter-spacing: 2px;
  font-weight: 300 !important;
}

.explore-inner .explore-under-line span {
  border: 1px solid #fff !important;
  border-top: #fff !important;
  width: 100% !important;
}

.explore-inner {
  padding: 5px !important;
}

.explore-inner .e-con-inner {
  max-width: 88% !important;
}

/* == EXPLORE US DESIGN == 
===============================================================*/
/* == INNOVATION DESIGN == 
===============================================================*/
.innovation-outer {
  background-color: #fff;
  max-width: 88% !important;
  border-radius: 10px !important;
}

.innovation-outer .e-con-inner {
  max-width: 95% !important;
}

/* == INNOVATION DESIGN == 
===============================================================*/
/* == DRIVES DESIGN == 
===============================================================*/
.home-page-testimonial {
  position: relative;
}

.home-page-testimonial::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(../images/overlay-image.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.drives-us-title .e-con-inner {
  max-width: 88%;
}

.drives-us-title .e-con-inner {
  align-items: center !important;
  justify-content: center !important;
}

.home-page-testimonial .home-page-testimonial-left {
  width: 70%;
}

.home-page-testimonial .home-page-testimonial-right {
  width: 30%;
  padding: 0px 30px !important;
}

.home-page-testimonial-right .e-con-inner {
  justify-content: center !important;
}

.drives-us-section {
  margin-top: 40px !important;
}

.drives-us-title {
  margin-top: 36px !important;
  margin-bottom: 13px !important;
}

.drives-us-title .e-con-inner .drives-us-logo {
  width: 8%;
}

.drives-us-title .e-con-inner .drives-us-content {
  width: fit-content;
}

.home-page-testimonial-left .owl-item .item .shadow-effect p {
  color: #fff;
  margin: 0px;
  font-style: italic;
  font-weight: 500 !important;
  font-size: 20px;
}

.home-page-testimonial-left .owl-item .item .shadow-effect h6 {
  color: #fff;
  text-align: right;
  margin-top: 35px;
}

.home-page-testimonial-logo {
  margin-top: 70px !important;
  margin-bottom: 60px !important;
}

.home-page-testimonial-logo .owl-item {
  text-align: center;
  padding: 0px 40px;
}

.drives-us-section .drives-us-title .drives-us-logo img {
  width: 86px !important;
  height: 96px !important;
  object-fit: contain;
}

.drives-us-content p {
  font-size: 24px;
  font-weight: 600 !important;
  line-height: 38px;
  margin-bottom: 0px !important;
}

blockquote {
  background: #f3f3f7;
  padding: 30px 50px 20px !important;
  width: 100%;
  border-left: 7px solid #ccc;
  margin: 0px !important;
}

.home-page-testimonial-right .drive-title h4 {
  color: #fff !important;
  font-size: 25px;
  font-family: "Montserrat" !important;
  font-weight: 500 !important;
  position: relative;
  margin-bottom: 20px !important;
  line-height: 40px !important;
}

.home-page-testimonial-right .drive-title h4:before {
  position: absolute;
  content: "";
  background-image: url(../images/drives.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 67px;
  height: 4px;
  left: 2px;
  bottom: -13px;
}

/* .home-page-testimonial{
background-image: url(../images/image-testi.svg);
background-size: cover;
background-repeat: no-repeat;
width: 100% !important;
height: 100% !important;
left: 0;
top: 0;
} */
/* .home-page-testimonial .home-page-testimonial-left:after {
position: absolute;
content: "";
background-image: url(../images/overlay-2.png);
background-size: 82%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-position: left top;
} */
.home-page-testimonial-right .drive-first-text p,
.home-page-testimonial-right .drive-second-text p {
  color: #c3d8db;
}

.home-page-testimonial-right .drive-second-text p {
  font-size: 15px;
}

.home-page-testimonial-right .drive-first-text p {
  font-size: 20px;
  font-weight: 500 !important;
  line-height: 34px;
}

.home-page-testimonial-left .owl-item .item .shadow-effect {
  padding-top: 50px;
}

.home-page-testimonial-left .owl-item .item {
  padding: 78px 50px 0px 50px;
  position: relative;
}

.home-page-testimonial-left .owl-item .item:before {
  position: absolute;
  content: "";
  background-image: url(../images/double.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  left: 44px;
  top: 30px;
}

.owl-controls.clickable {
  display: none !important;
}

.home-page-testimonial-left .owl-item .item .shadow-effect p.testimonial-desig {
  text-align: right;
  font-weight: 400 !important;
  font-style: normal;
}

.home-page-testimonial-left {
  /* opacity: 0.8; */
  border-right: 30px solid #d17a23;
  border-bottom: 30px solid #d17a23;
  border-top: 15px solid #d17a23;
  background-position: right center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.home-page-testimonial-right {
  /* opacity: 0.8; */
  border-right: 30px solid #7eaeaa;
  border-bottom: 30px solid #7eaeaa;
  border-top: 15px solid #7eaeaa;
  background-position: -47% 55%;
  background-size: 400%;
}

.home-page-testimonial {
  column-gap: 85px !important;
}

.home-page-testimonial-logo .owl-controls .owl-pagination {
  display: none;
}

/* == DRIVES DESIGN == 
===============================================================*/
/* == SUBSCRIBE DESIGN == 
===============================================================*/
.home-form-section {
  padding-bottom: 30px !important;
}

.home-form-section {
  background-color: #256077;
}

.home-form-section form ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
  margin-bottom: 15px;
}

@media (min-width: 1160px) {

  .home-form-section .e-con-inner {
    max-width: 80% !important;
  }

}



@media only screen and (min-width: 1400px) and (max-width: 3100px) {
  .home-form-section form ul {
    justify-content: space-between;
  }

  .about-expertise-content .e-con-inner,
  .expertise-projects-content .e-con-inner {
    max-width: 88% !important;
  }
}

.home-form-section form ul li {
  padding-left: 0px;
  margin: 0px;
  width: 23.2%;
}

.home-form-section form ul li:before {
  display: none;
}

.home-form-section form ul li span {
  margin: 0px !important;
}

.home-form-section form h3 {
  color: #fff;
  font-size: 30px;
  margin-top: 30px;
}

.home-form-section form ul li span input {
  border: none;
  border-radius: 5px;
  width: 100% !important;
  height: 57px;
}

.home-form-section form ul li span input::placeholder {
  font-size: 16px;
  font-weight: 400;
}

.home-form-section form ul li.submit-form input {
  background-color: #f58634 !important;
  font-size: 16px;
  font-weight: 400;
  color: #fff !important;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 60px;
  letter-spacing: 2px;
  height: 57px;
  border-color: transparent;
  border-radius: 5px;
}

.home-form-section form ul li.submit-form input:hover {
  background-color: #808080 !important;
  color: #fff !important;
  border-color: transparent;
}

/* == SUBSCRIBE DESIGN == 
===============================================================*/
/* == Footer DESIGN == 
===============================================================*/
footer.wow.slideInLeft {
  max-width: 88% !important;
  margin: 0 auto;
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0px;
  border-top: 1px solid #ccc;
  padding-top: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
}

.footer-top .one.footer-child {
  width: 40%;
  border-right: 1px solid #ccc;
}

.footer-top .one.footer-child h4 {
  font-size: 20px;
  font-weight: 400 !important;
  margin-bottom: 40px;
  position: relative;
}

.footer-top h4 {
  position: relative;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 400 !important;
}

.footer-top p {
  font-size: 18px;
  font-weight: 500 !important;
  color: #000 !important;
}

.footer-top p a {
  color: #000 !important;
  display: block;
  font-size: 18px;
  font-weight: 500 !important;
}

.footer-top p a:hover {
  color: #f58634 !important;
}

.footer-top .footer-content p {
  padding-right: 74px;
  margin-bottom: 30px !important;
}

.footer-top .social-div ul {
  padding: 0px;
  display: flex;
  column-gap: 10px;
}

.footer-top .social-div ul li {
  padding: 0px;
}

.footer-top .social-div ul li::before {
  display: none;
}

.footer-top .social-div ul li a i {
  color: #fff;
  background-color: #f58634;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 21px;
  transition: 0.5s;
}

.footer-top .social-div ul li a i:hover {
  background: #256077;
}

.footer-top h4:before {
  position: absolute;
  content: "";
  background-image: url(../images/drives.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 67px;
  height: 4px;
  left: 2px;
  bottom: -13px;
}

.footer-top .two.footer-child {
  width: 30%;
  padding-left: 50px;
  padding-right: 90px;
}

/* @media only screen and (min-width: 1400px) and (max-width: 3100px){
.footer-top .two.footer-child {
padding-right:110px;
}
} */
.footer-top .three.footer-child {
  width: 30%;
  margin-top: 0px;
}

.footer-recent-parent {
  row-gap: 20px;
  display: flex;
  flex-wrap: wrap;
}

.footer-top .recent-columns-parent {
  display: flex;
  column-gap: 20px;
}

.footer-top .recent-columns-parent .column-one img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover;
  border-radius: 9px;
}

.footer-top .recent-columns-parent .second-column a {
  font-weight: 500;
  line-height: 22px !important;
  display: block;
  margin-bottom: 10px;
  color: #000;
}

.footer-top .recent-columns-parent .second-column p {
  color: #f58634 !important;
  font-size: 12px;
  margin-bottom: 0 !important;
}

.footer-top .recent-columns-parent:hover .second-column a {
  text-decoration: underline !important;
  color: #f58634;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}

.footer-top .recent-columns-parent .second-column a:hover {
  text-decoration: none !important;
}

/* === FOOTER BOTTOM ===
================================================== */
.footer-bottom {
  display: flex;
  justify-content: center;
  padding: 15px 0px;
  align-items: center;
}

.footer-bottom .footer-bottom-content p {
  margin: 0px !important;
  font-size: 13px !important;
}

.footer-bottom .footer-bottom-content p a {
  font-size: 13px;
  color: #000;
}

.footer-bottom .footer-bottom-content p a:hover {
  color: #f58634;
}

.footer-bottom-content.logo img {
  width: 120px;
  height: 54px;
  object-fit: contain;
}

/* === FOOTER BOTTOM ===
================================================== */
/* === FOOTER scroll to TOP ===
================================================== */
.footer-drop {
  float: right;
  margin-right: 10px;
  position: fixed;
  bottom: 111px;
  right: 0;
  z-index: 99;
  cursor: pointer;
  color: #fff;
  border-radius: 0px;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease;
}

.footer-drop a {
  position: relative;
  width: 45px;
  height: 45px;
  z-index: 0;
  outline: none;
  border-radius: 0%;
  /* background-color: #f5851b; */
  transition: 0.5s;
  display: none;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  border-radius: 50px;
  display: block;
}

.footer-drop a:before {
  position: absolute;
  content: "";
  background-image: url(../images/scroll.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.footer-drop a:after {
  position: absolute;
  content: "";
  background-image: url(../images/top.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 40px;
  left: 10.5px;
  top: -13px;
  transition: 0.5s;
}

.footer-drop a:hover:after {
  height: 50px;
  top: -34px;
}

/* === SLIDER ===
================================================== */
/* rs-slides:before {
position: absolute !important;
content: "";
background-image: url(../images/slider.png);
background-repeat: no-repeat;
background-size: cover;
right: 0;
top: 0;
width: 30%;
height: 100%;
z-index: 999;
} */

/* .owl-carousel-projects .owl-wrapper{
padding: 20px 15px;
}
.owl-carousel-projects .owl-item{
padding: 0px 15px;
}
.owl-carousel-projects .shadow-effect{
position: relative;
}
.owl-carousel-projects .shadow-effect:before {
width: 100%;
position: absolute;
content: "";
height: 25%;
bottom: 0;
left: 0;
background-image: url(../images/liner.png);
background-repeat: no-repeat;
background-size: cover;
}
.owl-carousel-projects .shadow-effect h4 {
position: absolute;
bottom: 0;
opacity: 0;
}
.owl-carousel-projects .owl-item.active h4.project-title {
opacity: 1;
}
.owl-carousel-projects .owl-item {
  opacity: 0.3;
  text-align: center;
  padding: 20px;
}

.owl-carousel-projects .owl-item.active {
  opacity: 1;
}
.project-inner img {
  width: 710px !important;
  height: 100% !important;
  object-fit: cover;
}
.owl-carousel-projects .owl-item.active.center {
opacity: 1;
}
.owl-carousel-projects .owl-item.active.center .item img {
width: 500px !important;
height: 500px !important;
} */
#slider-1-slide-1-layer-5 {
  display: none !important;
}

rs-slides b {
  color: #fff;
  font-size: inherit !important;
}

.expertise-projects-content,
.about-expertise-content {
  padding: 30px 30px !important;
}

blockquote {
  background: #f3f3f7;
  padding: 30px 50px 20px !important;
  width: 100%;
  border-left: 7px solid #ccc;
  margin: 0px 0px 20px 0px !important;
}

blockquote p {
  font-family: 'Montserrat' !important;
  font-size: 18px !important;
}

blockquote:before {
  position: absolute !important;
  left: 0px !important;
  font-size: 108px !important;
  opacity: 1;
  top: 0;
  color: #067585;
}

body.login #login h1 a {
  background-size: contain !important;
}

body.login {
  background: #fff !important;
}

/* PODCAST DESIGN */
.podcast-parent h2 {
  margin-top: 0px !important;
}

.podcast-parent .e-con-inner {
  max-width: 88% !important;
}

.podcast-parent .bttn a {
  border: 1px solid #000;
  width: fit-content;
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: center;
  /* margin-top: 80px; */
  font-size: 14px;
  border-radius: 5px;
  transition: 0.5s;
  text-transform: uppercase;
  padding: 17px 40px;
  font-weight: 500 !important;
  letter-spacing: 2px;
  color: #000 !important;
  background-color: #fff;
  border: 0px;
  line-height: 20px;
}

.podcast-parent .bttn a:hover {
  background-color: #808080;
  color: #fff !important;
  border: 0px;
}

.social-share-parent .elementor-social-icons-wrapper.elementor-grid {
  column-gap: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pocast-social-share-parent h5 {
  margin: 0px;
}

.social-share-parent a:hover {
  background-color: #256077 !important;
}

/* TIMELINE SECTION DESIGN */
.time-line-parent .twae-labels .twae-label-big {
  position: relative;
  color: #fff;
  margin-bottom: 10px;
  font-size: 18px;
}

.time-line-parent .twae-labels .twae-label-big::before {
  position: absolute;
  content: "";
  background-color: #f58634;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: -26px;
  left: -14px;
  z-index: -1;
}

.time-line-parent .twae-labels .twae-label-big::after {
  position: absolute;
  content: "";
  border: 3px solid #cdcdcd;
  width: 70px;
  height: 70px;
  top: -26px;
  left: -14px;
  border-radius: 50%;
}

.time-line-parent .timeline-shortcode .timeline ul.cd-timeline-navigation li:before {
  display: none;
}

.timeline-shortcode ol li {
  position: unset;
  list-style: none !important;
}

.ipi-awards-parent .elementor-tab-content.elementor-clearfix {
  border-left: 4px solid #fff;
}

.time-line-parent .e-con-inner {
  width: 100%;
  max-width: 88% !important;
}

.time-line-parent .timeline-shortcode .timeline {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.time-line-parent .timeline-shortcode .timeline .events-wrapper {
  margin: 0px !important;
}

.timeline-shortcode .events-content ol li {
  padding: 0px;
}

.timeline-shortcode .events-content ol li p {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 18px !important;
  color: #000 !important;
}

ol.timeline-parent li.selected .timeline-heading-parent p a::before {
  display: none;
}

ol.timeline-parent li.selected .timeline-heading-parent p a {
  display: block;
}

.timeline-shortcode ol li a {
  font-size: 18px !important;
  margin-bottom: 31px !important;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-shortcode ol li a.selected {
  color: #fe8537;
}

.cd-horizontal-timeline .events span.filling-line {
  background-color: #fe8537 !important;
}

.timeline-shortcode ol li a {
  position: relative;
}

.timeline-shortcode ol li a::before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background-image: url(../images/active_round.svg);
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 123%);
  z-index: 9999;
}

.timeline-shortcode .events-content {
  margin-top: 30px !important;
  overflow: unset !important;
}

.timeline-shortcode .events-content ol {
  padding: 0px;
  margin: 0px !important;
}

.cd-horizontal-timeline .events a::after {
  display: none;
}

ol.timeline-parent li.selected {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  background-color: #f3f3f7;
  padding: 90px 50px 50px 50px;
  row-gap: 50px;
}

ol.timeline-parent li.selected .timeline-heading-parent {
  width: 55%;
  max-width: 100%;
  padding-top: 40px;
}

ol.timeline-parent li.selected .timeline-heading-parent h4 {
  margin-top: 0px;
  margin-bottom: 20px;
}

ol.timeline-parent li.selected .timeline-image {
  width: 30%;
  margin: 0px;
  height: 100%;
  position: relative;
}

ol.timeline-parent li.selected .timeline-image h4.timeline-second-date {
  margin-bottom: 0px;
  margin-top: 0px;
  position: absolute;
  font-size: 80px;
  font-weight: 500 !important;
  top: -32px;
  right: -94px;
  color: #fe8537;
  font-family: "Montserrat" !important;
}

ol.timeline-parent li.selected .timeline-image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.timeline-shortcode ul.cd-timeline-navigation {
  margin: -40px -58px;
}

.timeline-shortcode ul.cd-timeline-navigation li {
  position: relative;
}

.timeline-shortcode ul.cd-timeline-navigation li a.prev::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(48%, -40%);
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  transition: 0.5s;
  rotate: 269deg;
}

.timeline-shortcode ul.cd-timeline-navigation li a.next::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(48%, -40%);
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  transition: 0.5s;
  rotate: 269deg;
}

.innovation-bio-parent {
  text-align: center !important;
}

.innovation-bio-parent p {
  margin-bottom: 0px !important;
  padding: 0px 0px;
}

.timeline-shortcode section.cd-horizontal-timeline.loaded {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}

/* timeline-slider */
.second-timeline-parent .e-con-inner {
  max-width: 88% !important;
}

.qodef-reverse .qodef-e-date {
  order: 1;
}

.qodef-reverse h4.qodef-e-title {
  order: 2;
}

.qodef-reverse p.qodef-e-text {
  order: 3;
}

.qodef-timeline--horizontal .qodef-e-point {
  background-color: #fe8537 !important;
}

.qodef-timeline--horizontal .qodef-e-date {
  font-weight: 600;
  color: #fe8537;
}

.qodef-nav-prev,
.qodef-nav-next {
  position: relative;
}

.qodef-nav-prev svg,
.qodef-nav-next svg {
  display: none !important;
}

.qodef-nav-prev:before {
  background: #f58634;
  width: 30px;
  height: 30px;
  z-index: 0;
  position: absolute;
  content: "";
  left: 0px;
  top: -16px;
  background-image: url(../images/down-arrow.svg);
  transform: rotate(180deg);
  background-position: center;
  background-size: 19px;
  border-radius: 50px;
  background-repeat: no-repeat;
}

.qodef-nav-next:before {
  background: #f58634;
  width: 30px;
  height: 30px;
  z-index: 0;
  position: absolute;
  content: "";
  right: 0px;
  top: -16px;
  background-image: url(../images/down-arrow.svg);
  transform: rotate(1deg);
  background-position: center;
  background-size: 19px;
  border-radius: 50px;
  background-repeat: no-repeat;
}

.qodef-e-item-inner .qodef-e-text::-webkit-scrollbar {
  width: 10px;
}

.team-first-accordion-content::-webkit-scrollbar {
  width: 10px;
}

.team-first-accordion-content::-webkit-scrollbar-thumb {
  background: #fe8537;
  border-radius: 10px;
}

.team-first-accordion-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.qodef-e-item-inner .qodef-e-text::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.qodef-e-item-inner .qodef-e-text::-webkit-scrollbar-thumb {
  background: #fe8537;
  border-radius: 10px;
}

.qodef-e-item-inner .qodef-e-text {
  height: 150px;
  overflow-y: scroll;
  text-align: left;
  padding-right: 10px;
  width: 100%;
  word-break: break-word;
}

.qodef-e-point-holder {
  position: relative;
}

.qodef-e-point-holder::before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background-image: url(../images/active_round.svg);
  background-repeat: no-repeat;
  background-size: contain;
  left: -5px;
  top: -3px;
  z-index: 9999;
}

.goto-outer h5.go-tos-title {
  grid-column: 2 span;
}

.goto-outer {
  display: grid;
  column-gap: 20px;
  row-gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.goto-item-content p {
  padding: 0 15px;
}

.goto-item-content {
  width: 100%;
}

.goto-item-content img.goto-image {
  height: 250px;
  object-fit: cover;
  object-position: center;
}

/* timeline-slider */

/* ABOUT SECTION DESIGN */
.about-parent {
  background-color: #f3f3f7;
}

.new-timeline-parent {
  margin-bottom: 15px !important;
}

.about-parent h4 {
  margin: 0px !important;
  padding-top: 30px;
}

.about-text-parent {
  padding: 30px;
}

.about-parent .e-con-inner,
.caltrans-main-parent .e-con-inner {
  max-width: 88% !important;
}

.about-parent-old .e-con-inner,
.about-text-parent .e-con-inner,
.caltran-parent .e-con-inner {
  max-width: 100% !important;
}

.ipi-awards-parent .e-con-inner {
  max-width: 88% !important;
}

.ipi-awards-parent .ipi-awards-child img {
  padding-top: 30px;
}

.ipi-awards-child .e-con-inner {
  max-width: 100% !important;
}

.diamond-level-parent .e-con-inner,
.ruby-level-parent .e-con-inner,
.sapphire-level-parent .e-con-inner,
.caltran-accordian-parent .e-con-inner,
.silver-level-parent .e-con-inner,
.bronze-level-parent .e-con-inner {
  max-width: 100% !important;
}

.about-parent .about-image img {
  margin-top: 0px !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-parent .about-image {
  float: left;
  margin-right: 30px;
  margin-top: 11px;
  width: 48%;
  margin-bottom: 10px;
}

.about-parent .about-success {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 30px;
  text-align: center;
}

.about-parent .about-success strong {
  color: #ff843a;
}

.about-parent .about-success strong span {
  color: #fe8537;
}

/* accordion SECTION DESIGN */
.ipi-awards-parent .elementor-accordion-item,
.caltrans-main-parent .elementor-accordion-item {
  border: transparent !important;
}

.ruby-level-child .elementor-accordion-item .elementor-tab-title,
.diamond-level-child .elementor-accordion-item .elementor-tab-title,
.sapphire-level-child .elementor-accordion-item .elementor-tab-title,
.caltran-accordian-child .elementor-accordion-item .elementor-tab-title,
.silver-level-child .elementor-accordion-item .elementor-tab-title,
.bronze-level-child .elementor-accordion-item .elementor-tab-title {
  border-bottom: 1px solid #d9d9d9 !important;
  border-left: 4px solid #fff;
}

.diamond-level-parent .diamond-level-child span,
.ruby-level-parent .ruby-level-child span,
.sapphire-level-parent .sapphire-level-child span,
.caltran-accordian-child span,
.silver-level-child span,
.bronze-level-child span {
  display: none !important;
}

.diamond-level-parent .diamond-level-child a,
.ruby-level-parent .ruby-level-child a,
.sapphire-level-parent .sapphire-level-child a,
.caltran-accordian-parent .caltran-accordian-child a,
.silver-level-parent .silver-level-child a,
.bronze-level-parent .bronze-level-child a {
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 0px;
  color: #256077 !important;
  font-weight: 500;
  position: relative;
  padding-left: 0px;
  width: 100%;
  display: block;
  font-size: 22px;
  padding-right: 50px;
  line-height: 32px;
}

.diamond-level-parent .diamond-level-child a::before,
.ruby-level-parent .ruby-level-child a::before,
.sapphire-level-parent .sapphire-level-child a::before,
.caltran-accordian-parent .caltran-accordian-child a::before,
.silver-level-parent .silver-level-child a::before,
.bronze-level-parent .bronze-level-child a::before {
  position: absolute;
  content: "";
  right: 12px;
  top: 15px;
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  transition: 0.5s;
}

.diamond-level-child .elementor-active a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.ruby-level-child .elementor-active a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.sapphire-level-child .elementor-active a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.caltran-accordian-child .elementor-active a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.silver-level-parent .elementor-active a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.bronze-level-parent .elementor-active a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.ipi-awards-parent .elementor-active,
.caltrans-main-parent .elementor-active {
  background-color: #f3f3f7;
  border-left: 4px solid #f58634 !important;
}

.ipi-awards-parent .elementor-clearfix.elementor-active,
.caltrans-main-parent .elementor-clearfix.elementor-active {
  border-top: 0px !important;
}

.ipi-awards-parent .elementor-clearfix,
.caltrans-main-parent .elementor-clearfix {
  border-top: 0px !important;
  border-left: 4px solid #fff;
}


/* SLIDER PROJECT DESIGN */
.owl-carousel-projects .project-inner a {
  height: 0;
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 60%;
}

.owl-carousel-projects .project-inner a img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.owl-carousel-projects .owl-item {
  padding: 15px 7px 0px 7px;
}

.owl-carousel-projects .item {
  margin: 0px !important;
}

.owl-carousel-projects h4.project-title {
  position: relative;
  /* text-align: center; */
  bottom: 60px;
  opacity: 0;
  left: 60px;
}

.owl-carousel-projects .owl-item.active .item .project-inner h4.project-title {
  z-index: 9999;
  position: relative;
  opacity: 1;
}

.owl-carousel-projects .owl-nav {
  display: none;
}

.owl-carousel-projects .owl-dots {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 24px;
}

.owl-carousel-projects button.owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 8px;
  text-indent: -999px;
  border-radius: 10px;
  background-color: #ccc !important;
}

.owl-carousel-projects button.owl-dot.active {
  width: 12px;
  height: 12px;
  margin: 8px;
  background-color: #fe8537 !important;
}

.owl-carousel-projects .item {
  position: relative;
}

.owl-carousel-projects .item::before {
  position: absolute;
  content: "";
  background-image: url(../images/project-overlay.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 142px;
  left: 0;
  bottom: 40px;
  z-index: 9999;
}

h3.static-project {
  position: absolute;
  top: 6%;
  left: 119px;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-weight: 400 !important;
  color: #000 !important;
}




.sub-menu-toggle {
  display: none;
}

ul.sub-menu {
  position: absolute;
  width: 194px;
  z-index: 99;
  background: #FB933A;
  padding: 11px 10px !important;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  left: -66px;
  top: 82px;
}

header.sticky .secondary-header .menu-wrapper ul.sub-menu li a {

  padding: 10px !important;
}

header.sticky ul.sub-menu {
  top: 61px;
}

.nav ul li ul.sub-menu li:hover {
  background-color: #256077;
}

.nav ul li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

header.main-header .secondary-header .menu-wrapper .menus-nav .menu-header-menu-container ul ul.sub-menu {
  padding: 0px !important;
}

ul.sub-menu li {
  border-bottom: 1px solid #ccc;
}

.nav-menu-list .main-menu-item:hover a {
  color: #FB933A;
}

.nav-menu-list ul.sub-menu li a {
  color: #fff !important;
  padding: 10px !important;
  display: block;
}

.nav ul li .sub-menu {
  height: auto;
  padding: 5px !important;
}

.nav ul li {
  position: relative;
  text-align: center;
}

.nav-click {
  display: none;
}

.nav-menu-list .main-menu-item:hover a {
  color: #FB933A;
}

header.main-header .secondary-header .menu-wrapper .nav-mobile {
  display: none;
  color: #fd7b38;
}

.nav-menu-list li:hover ul.sub-menu {
  display: block;
}

ul#menu-header-menu {
  transition: transform 0.5s ease-in-out;
  transform: translateX(0);
}

.slider-readmore-arrow {
  position: relative;
}

.slider-readmore-arrow::before {
  position: absolute;
  content: "";
  right: 110px;
  top: -2px;
  background-image: url(../images/bttn.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 39px;
  transition: 0.5s;
}

.slider-readmore-arrow:after {
  position: absolute;
  content: "";
  background-image: url(../images/bttn-one.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99;
  width: 134px;
  transition: 0.5s;
  height: 17px;
  left: auto;
  top: 9px;
  right: 0;
}

.slider-readmore-arrow:hover:before {
  right: -15px;
}

.slider-readmore-arrow img {
  display: none;
}







/* scorecard-page-css */
.scorecard-bttn {
  border: 1px solid transparent;
}

.scorecard-bttn a {
  background-color: #fe8537 !important;
}

.scorecard-bttn a {
  background-color: #f58634 !important;
  font-size: 16px;
  font-weight: 400 !important;
  color: #fff !important;
  text-transform: uppercase;
  width: fit-content;
  letter-spacing: 2px;
  border: 0px !important;
}

.scorecard-top-outer .e-con-inner {
  max-width: 85% !important;
}

.scorecard-top-outer h3 {
  margin-top: 0;
}

.scorecard-top-outer img.alignright {
  margin-bottom: 30px !important;
}

.second-section-parent .e-con-inner {
  display: flex;
  column-gap: 40px;
}

.second-section-parent .e-con-inner .second-section-child {
  /* background: #f5f5f5; */
  padding: 30px !important;
  transition: 0.5s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f3f3f7;
  position: relative;
  border-right: 6px solid #ccccccad;
  border-bottom: 6px solid #ccccccad;
  transition: 0.5s;
}

.second-section-parent .e-con-inner .second-section-child:hover {
  /* background: #fff; */
  padding: 30px !important;
  /* box-shadow: 0px 0px 15px 0px #00000017; */
  transition: 0.5s ease;
  border-right: 6px solid #f58634;
  border-bottom: 6px solid #f58634;
}


.second-section-parent .e-con-inner .second-section-child .e-con-inner {
  gap: 20px;
}

.second-section-child-image-sec img {
  width: 100%;
  max-width: 100% !important;
  height: 100% !important;
}


.second-section-child-image-sec .elementor-element {
  width: 100% !important;
}

@media (min-width: 900px) {
  .scorecard-image img {
    width: 100%;
    height: 300px !important;
    object-fit: contain;
    object-position: top left;
  }
}

.scorecard-top-outer .e-con-inner {
  column-gap: 50px !important;
}

.scorecard-top-outer .e-con-inner h2 {
  margin-top: 0;
}

.second-section-parent .e-con-inner .second-section-child .button-menu a {
  width: fit-content;
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: center;
  /* margin-top: 80px; */
  font-size: 14px;
  border-radius: 5px;
  transition: 0.5s;
  text-transform: uppercase;
  padding: 17px 40px;
  font-weight: 500 !important;
  letter-spacing: 2px;
  background-color: #ff7c30;
  border: 1px solid #ff7c30;
  color: #fff !important;
}

.second-section-parent .e-con-inner .second-section-child .button-menu a:hover {
  background-color: #808080 !important;
  border: 1px solid #808080 !important;
  color: #fff !important;
}

.button-menu.coming-soon a {
  width: fit-content;
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: center;
  /* margin-top: 80px; */
  font-size: 14px;
  border-radius: 5px;
  transition: 0.5s;
  text-transform: uppercase;
  padding: 17px 40px;
  font-weight: 500 !important;
  letter-spacing: 2px;
  background-color: #80808078 !important;
  border: 1px solid #80808078 !important;
  color: #fff !important;
}







/* header-search-box */

form#search-form {
  background: #f3f3f7;
  border-radius: 10px;
}

form#search-form input.search-input {
  background: #f3f3f7;
  border: none;
  padding-left: 20px;
}

form#search-form button#search-submit {
  background: #f58634;
  border-radius: 0 10px 10px 0;
}

form#search-form button#search-submit:hover {
  border: solid #808080;
  background: #808080;
}

form#search-form button#search-submit i {
  color: #fff;
}






/* search-page */

.common-outer.single-post-wrapper {
  max-width: 88%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.common-outer.single-post-wrapper .container {
  margin: 0;
}

.common-outer.single-post-wrapper .blog.blog-single-outer {
  width: 33.3%;
  box-shadow: 0px 0px 15px 0px #00000017;
  background-color: #fff;
  padding: 15px;
  margin-left: 20px;
}

.search-article-parent header.sticky {
  box-shadow: none;
}


.search-result-count.default-max-width {
  padding: 60px 0 0;
  text-align: center;
}









.project-slider.owl-carousel.owl-loaded {
  float: right;
  width: 40%;
  margin: 0 0 30px 30px;
  position: relative;
}

.project-slider.owl-carousel.owl-loaded .owl-nav {
  position: absolute;
  top: 47%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}

.project-slider.owl-carousel.owl-loaded .owl-nav button {
  width: 40px;
  height: 40px;
  border-radius: 50px !important;
  background: #f58634;
  position: relative;
  transition: 0.5s ease;
}

.project-slider.owl-carousel.owl-loaded .owl-nav button.owl-prev span {
  font-size: 36px !important;
  top: -14px;
  position: absolute;
  right: 16px;
  transition: 0.5s ease;
}

.project-slider.owl-carousel.owl-loaded .owl-nav button.owl-next span {
  font-size: 36px !important;
  top: -14px;
  position: absolute;
  right: 14px;
  transition: 0.5s ease;
}

.project-slider.owl-carousel.owl-loaded .owl-nav button:hover {
  background: #256077;
  transition: 0.5s ease;
}

.project-slider.owl-carousel.owl-loaded .owl-nav button.owl-prev:hover span,
.project-slider.owl-carousel.owl-loaded .owl-nav button.owl-next:hover span {
  color: #fff;
  transition: 0.5s ease;
}

.owl-item.active {
  opacity: 1;
}

.owl-item {
  opacity: 0;
}

.projects-single-outer .container {
  max-width: 1200px !important;
}

.blog-single-outer .go-tos-title {
  font-family: "Gabarito", sans-serif !important;
  font-weight: 400 !important;
  color: var(--black);
  margin: 40px 0px 30px;
  text-transform: uppercase;
  text-align: center;
}

.blog-single-outer .goto-outer .goto-item {
  background: #f5f5f5;
  transition: 0.5s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f3f3f7;
  position: relative;
  border-bottom: 6px solid #ccccccad;
  transition: 0.5s;
  padding: 10px;
}

.blog-single-outer .goto-outer .goto-item:hover {
  border-bottom: 6px solid #f58634;
}

.blog-single-outer .goto-outer .goto-item .goto-item-content h3 {
  font-weight: 500 !important;
  font-size: 21px;
  color: #F47c36;
  line-height: 40px;
  padding: 0px;
  margin-bottom: 4px !important;
  margin-top: 18px;
  text-align: center;
}




/* === mailchimp ===
============================================ */

div#mc_embed_signup_scroll h2 {
  width: 100%;
}

div#mc_embed_signup {
  background: transparent;
  width: 100%;
}

div#mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

div#mc_embed_signup_scroll .indicates-required {
  display: none;
}

/* div#mc_embed_signup_scroll .mc-field-group {
  width: 25% !important;
  padding-bottom: 0;
} */

div#mc_embed_signup_scroll div#mce-responses {
  display: none;
}

div#mc_embed_signup_scroll h2 {
  width: 100%;
  margin: 18px 0 0;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 25px;
}

div#mc_embed_signup_scroll .mc-field-group input {
  padding: 10px;
  border-radius: 6px;
}

div#mc_embed_signup_scroll .clear input#mc-embedded-subscribe {
  margin: 0 !important;
  background: #ec8132;
  height: 100%;
  padding: 10px 60px;
  font-size: 14px;
  border-radius: 5px;
  transition: 0.5s;
  text-transform: uppercase;
  font-weight: 400 !important;
  letter-spacing: 2px;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: none !important;
}

/* === mailchimp ===
============================================ */



/* === news page mailchimp ===
============================================ */

.sidebar-outer div#mc_embed_signup {
  padding: 30px;
  background-color: #e78b48;
  position: relative;
  border-right: 30px solid #d17a23;
  border-bottom: 30px solid #d17a23;
  margin-top: 30px;
}

.sidebar-outer div#mc_embed_signup div#mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex-direction: column;
}

.sidebar-outer div#mc_embed_signup div#mc_embed_signup_scroll h2 {
  width: 100%;
  margin: 0;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 25px;
  line-height: normal;
}

.sidebar-outer div#mc_embed_signup form {
  margin: 0;
}

.sidebar-outer div#mc_embed_signup div#mc_embed_signup_scroll .mc-field-group {
  width: 100% !important;
  padding-bottom: 0;
}

.sidebar-outer div#mc_embed_signup div#mc_embed_signup_scroll .mc-field-group input {
  border: 1px solid #fff;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #d6482d !important;
}

.sidebar-outer div#mc_embed_signup div#mc_embed_signup_scroll .clear input#mc-embedded-subscribe {
  margin: 0 !important;
  background: #056d87;
  height: 100%;
  padding: 10px 60px;
  font-size: 14px;
  border-radius: 5px;
  transition: 0.5s;
  text-transform: uppercase;
  font-weight: 400 !important;
  letter-spacing: 2px;
  width: 100%;
}


.team-child:hover .team-content-parent p {
  display: block;
  font-size: 11px !important;
}


/* === news page mailchimp ===
============================================ */

.construct-scorecard-content blockquote {
  width: 44%;
  background: #fff;
  display: inline-block;
  padding-top: 100px !important;
}

.expertise-virtual-content .btn-menu {
  margin: 5px 0 20px;
  display: inline-block;
  color: #fff !important;
  background: #ff7c30 !important;
  border: 1px solid #ff7c30 !important;
}

rs-arrow.tp-rightarrow {
  left: 103% !important;
}

.footer-top .two.footer-child p.mail-quotes a {
  color: #000000 !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.footer-top .two.footer-child p.mail-quotes a:hover {
  color: #f58634 !important;
}

.expertise-virtual-content .btn-menu:hover {
  background-color: #808080 !important;
  border: 1px solid #808080 !important;
}


.team-content figure {
  width: 150px !important;
  float: left;
  margin: 0 18px 0 0 !important;
}

.team-content figure .wp-caption {
  margin-right: 0px;
}

.elementor-element.contact-main-parent {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
}

.team-content figure img {
  height: 220px;
  object-fit: cover;
}

.team-content figure figcaption {
  min-height: 40px;
}

.elementor-element.contact-map-parent iframe {
  display: flex;
  display: -webkit-flex;
}

.home-page-testimonial-right h4 {
  padding-top: 30px;
}

/* CSS to display the content of an accordion item when the 'open-multiple-accordion' class is added */
.open-multiple-accordion .elementor-tab-content {
  display: block !important;
}

.open-multiple-accordion a::before {
  right: 12px;
  transform: rotate(180deg);
  top: 15px;
}

.rotate-accordion-title:before {
  transform: rotate(0deg) !important;
  /* Adjust the rotation angle as needed */
}

.open-multiple-accordion.elementor-accordion-item .elementor-tab-title {
  border-bottom: 1px solid #d9d9d9 !important;
  background-color: #f3f3f7;
  border-left: 4px solid #f58634 !important;
}

.elementor-accordion-item {
  border: 0 !important;
  margin-bottom: 5px;
}

.open-multiple-accordion.elementor-accordion-item .elementor-tab-content {
  background-color: #f3f3f7;
  border-left: 4px solid #f58634 !important;
}

.latest-content ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 3px !important;
  margin-left: -35px;
  margin-top: 4px;
  background-image: url(/wp-content/themes/orgmetrics/images/ul-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 18px;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  display: block !important;
}

.latest-content ul li {
  position: relative;
}



#preloader {
  display: flex;
  background-color: var(--white);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999999999 !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

div#preloader img {
  width: 300px;
}

.grecaptcha-badge {
  z-index: 9;
}

.uai.userway_dark {
    bottom: 100px;
}

/*===================================================================================*/

/* 
.rev_slider_wrapper,
.rev_slider {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

.container .rev_slider_wrapper {
  max-width: 100% !important;
  padding: 0 !important;
} */