:root {
  --focus-outline-color: currentColor;
  --focus-outline-offset: 0.1rem;
  --focus-outline-style: solid;
  --focus-outline-width: 2px;
}

*:focus-visible {
  outline-color: var(--focus-outline-color) !important;
  outline-offset: var(--focus-outline-offset) !important;
  outline-style: var(--focus-outline-style) !important;
  outline-width: var(--focus-outline-width) !important;
}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title {
  color: #595959;
}

.bg-common.custservice-carosal .owl-dots {
  display: none;
}

a {
  color: #0056B3;
}

.single-project-box-layout1 .single-project-info .item-content .list-item li {
  color: #005D85;
}

.skip_content_btn {
  position: fixed;
  background-color: #e20613;
  color: #fff !important;
  padding: 10px 30px;
  top: -100%;
  left: 0;
  z-index: 9999999999;
  margin: 10px;
  transition: all .3s ease-in-out;
}

.temp-logo {
  max-width: fit-content;
  color: #fff;
}

.skip_content_btn:focus-visible {
  top: 0;
}

.item-btn-fill,
.btn-fill-lg,
.btn-fill-xl,
.offcanvas-menu-btn {
  outline-offset: -4px !important;
}

.project-details div {
  display: flex;
}

.project-details dd {
  display: inline-block;
}

.project-details dt {
  font-size: 18px;
  font-weight: 500;
  color: #444;
  min-width: 100px;
  display: inline-block;
  margin-right: 18px;
  position: relative;
}

.project-details dt:after {
  content: ":";
  font-size: 18px;
  color: #444;
  font-weight: 500;
  position: absolute;
  top: -1px;
  right: 0;
}

#contact-form label {
  text-transform: capitalize;
}

.why-choose-wrap-layout1 h3 {
  transition: all .3s ease;
}

.why-choose-wrap-layout1 h3:hover {
  color: #e20613;
}


@media(max-width:1699px) {

  .slider-layout1 .nivo-directionNav a.nivo-prevNav,
  .slider-layout2 .nivo-directionNav a.nivo-prevNav,
  .slider-layout3 .nivo-directionNav a.nivo-prevNav {
    left: 1%;
  }
}

@media(max-width:1399px) {
  .nivo-caption .container {
    max-width: 960px;
  }
}

@media (min-width:768px) and (max-width:1140px) {
  .nivo-caption .container {
    padding: 0 80px;
  }
}

@media(max-width:991px) {
  .brand-wrap-layout1 {
    padding-top: 0;
  }
}

.single-project-info .info-img img {
  width: 100%;
  max-width: 100%;
}

.mean-container a.meanmenu-reveal {
  top: 13px;
}

.footer-bottom-wrap-layout1 {
  padding: 2.5rem 10px;
}


@media only screen and (max-width: 991px) {

  .slider-layout1 .nivo-caption,
  .slider-layout3 .nivo-caption {
    top: 15px;
  }
}

@media (max-width:576px) {
  .nivoSlider {
    height: 250px;
  }

  .nivoSlider img {
    height: 100% !important;
    object-fit: cover;
  }

  .contact-box-layout2 .contact-form {
    padding: 18px;
  }

  .contact-box-layout2 .contact-form,
  .single-blog-box-layout1 .blog-form,
  .widget-contact-info,
  .widget-download,
  .widget-form,
  .widget-post,
  .widget-price-range,
  .widget-product {
    padding: 18px;
  }
}

.shipping-left img,
.shipping-right img {
  height: auto;
  width: auto;
  max-width: 100%;
}

.mean-container #wrapper {
  padding-top: 80px;
}

.inner-page-banner .breadcrumbs-area h1 {
  margin-bottom: 0;
}

.inner-page-banner {
  padding: 5.5vw 0;
}

.bg-common.custservice-carosal .btn-fill-lg:hover,
.btn-fill-md:hover {
  background-color: #e20613 !important;
  color: #fff !important;
}

.bg-common.custservice-carosal .btn-fill-lg:hover i,
.btn-fill-md:hover i {
  color: #fff !important;
}