h1 {
  font-size: 2em;
  margin-bottom: 12px;
}

.logo {
  margin-left: 0px !important;
  position: absolute;
  left: 50px;
  top: 5px;
}

.topbar-area {
  background: white !important;
}

.header-area {
  background: white !important;
}
.header-area::before {
  border-top: 3px solid #f6871f;
  height: 100%;
  width: 100% !important;
  left: 250px;
}

.header-call-icon i {
  background-color: #454545 !important;
}

.header-call-title:hover a {
  color: #454545 !important;
}

.sidebar-info-contents a {
  color: #fff;
}

.nontprts-btn a {
  background-color: #f6871f;
}

.header-call-icon i {
  background-color: #f6871f;
}

.footer-area {
  padding-bottom: 60px;
  color: #fff;
}
.footer-area .menu .bi-chevron-down {
  display: none !important;
}

.bratcome-text ul li a::before {
  position: absolute;
  content: "/";
  left: inherit !important;
  right: -13px !important;
}

.content-area {
  padding-top: 50px;
  padding-bottom: 50px;
}

.slider_list {
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#273e47));
  background: linear-gradient(to top, #000, #273e47);
}

.header-menu ul {
  width: 100%;
}
.header-menu ul a:hover {
  color: #454545 !important;
}
.header-menu .sub-menu a:hover {
  background: #f6871f !important;
}

.slider-area {
  height: 750px;
  position: relative;
}
.slider-area .container {
  z-index: 2;
}
.slider-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/media/Website/integra-banner.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5;
  z-index: 1;
}

.slider-sub-title h4 {
  margin-left: 0px;
  font-size: 22px;
  line-height: 82px;
  color: #ffffff;
}

.slider-main-title h1 {
  font-size: 72px;
  line-height: 82px;
  color: #ffffff;
  font-weight: bold;
  margin-left: -4px;
}
@media (max-width: 992px) {
  .slider-main-title h1 {
    font-size: 50px !important;
    line-height: 55px !important;
  }
}

.mobile-menu-area {
  background-color: #f6871f;
  padding: 0px !important;
  border-bottom: 2px solid #bd632f !important;
  height: 156px !important;
  overflow: hidden;
}

.mobile-menu-area.sticky-menu {
  background-color: #f6871f !important;
  border-bottom: 2px solid #bd632f !important;
  left: 0;
  margin: auto;
  top: 0;
  right: 0;
  width: 100%;
  position: fixed !important;
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  -webkit-animation: 300ms running fadeInDown;
  animation: 500ms running fadeInUp;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
  /*background: #273e47 !important;*/
  z-index: 9999 !important;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  padding: 20px;
  height: 156px !important;
}

.feature-icon {
  font-size: 4em;
  color: #f6871f;
}

.feature-single-bg {
  position: absolute;
  content: "";
  height: 105%;
  width: 0;
  background: url(../images/resource/feature-hover.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  left: -7px;
  top: -6px;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.feature-single-box:hover > .feature-single-bg {
  width: 102%;
}
.feature-single-box:hover > .feature-icon i {
  color: #fff;
}