.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 3rem;
}

:root {
  --mcl-transition-duration: 0.3s;
  --mcl-transition-timing-function: ease-in-out;
}

/*
|--------------------------------------------------------------------------
| start inputs
|--------------------------------------------------------------------------
*/
.form-control {
  border: none;
  border-bottom: var(--bs-border-width) solid var(--bs-dark);
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #f68e92;
  outline: 0;
  box-shadow: none;
}

/*
|--------------------------------------------------------------------------
| end inputs
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| start form select
|--------------------------------------------------------------------------
*/
.form-select {
  border: none;
  border-bottom: var(--bs-border-width) solid var(--bs-dark);
}
.form-select:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #f68e92;
  outline: 0;
  box-shadow: none;
}

/*
|--------------------------------------------------------------------------
| end form select
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| start form label
|--------------------------------------------------------------------------
*/
.form-label {
  padding-left: 0.75rem;
}

/*
|--------------------------------------------------------------------------
| end form label
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| buttons
|--------------------------------------------------------------------------
*/
.btn {
  --bs-btn-font-weight: 500;
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-active-color: var(--bs-white);
}

.btn-secondary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-white);
}

.btn-outline-primary {
  --bs-btn-hover-color: var(--bs-white);
}

.btn-outline-secondary {
  --bs-btn-hover-color: var(--bs-white);
}

/*
|--------------------------------------------------------------------------
| buttons
|--------------------------------------------------------------------------
*/
header .mcl-header-top {
  background-color: var(--bs-secondary-900) !important;
}
header .navbar {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
header .navbar .navbar-brand img {
  max-width: 6.5rem;
}
header .navbar .navbar-collapse {
  padding: 1.5rem 0rem;
}
header .navbar .navbar-collapse .navbar-nav {
  --bs-nav-link-padding-x: 1.5rem;
}
header .navbar .navbar-collapse .navbar-nav .nav-item {
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-white);
  padding: 0rem 0rem;
  font-weight: 600;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
header .navbar .navbar-collapse .navbar-nav .nav-item .active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
header .navbar .navbar-collapse .navbar-nav .dropdown-menu {
  padding: 0rem 0rem 0rem 1rem;
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-white);
  --bs-dropdown-link-hover-bg: var(--bs-primary);
  --bs-dropdown-link-active-color: var(--bs-white);
  --bs-dropdown-link-active-bg: var(--bs-primary);
  --bs-dropdown-item-padding-x: 1.25rem;
  --bs-dropdown-item-padding-y: 0.5rem;
  --bs-dropdown-header-padding-x: 1.25rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  border: none;
}
header .navbar .navbar-collapse .right-nav .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px var(--bs-dark);
  border-radius: 50%;
  padding: 0rem 0rem;
  height: 2.5rem;
  width: 2.5rem;
}
header .navbar .navbar-collapse .right-nav .nav-item:hover {
  border-color: var(--bs-primary);
}
header .navbar .navbar-collapse .right-nav .nav-item i {
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  header .navbar .navbar-collapse {
    padding: 0rem 0rem;
  }
  header .navbar .navbar-collapse .navbar-nav {
    --bs-nav-link-padding-x: 1.5rem;
  }
  header .navbar .navbar-collapse .navbar-nav .nav-item {
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-primary);
    padding: 0rem 0.5rem;
    font-weight: 600;
  }
  header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-primary);
    background-color: var(--bs-white);
  }
  header .navbar .navbar-collapse .navbar-nav .nav-item .active {
    color: var(--bs-primary);
    background-color: var(--bs-white);
  }
  header .navbar .navbar-collapse .navbar-nav .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    position: absolute;
    top: 3.75rem;
    z-index: var(--bs-dropdown-zindex);
    min-width: var(--bs-dropdown-min-width);
    padding: 0rem var(--bs-dropdown-padding-x);
    margin: 0;
    border: none;
  }
  header .navbar .mcl-hotline .icon {
    font-size: 2rem;
  }
  /* Show dropdown on hover */
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  /* Hide dropdown on mouse leave */
  .nav-item.dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
}
main {
  margin-top: 3.9rem;
}

footer {
  background: var(--bs-secondary-900);
  color: var(--bs-light);
}
footer .footer-menu .link-footer {
  color: var(--bs-text-light);
  --bs-link-hover-color: var(--bs-primary);
  --bs-link-decoration: none !important;
}

.mcl-offcanvas-about .col-social .link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-secondary-900);
  color: var(--bs-white);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.mcl-hero-header #heroCarousel,
.mcl-hero-header .carousel-inner,
.mcl-hero-header .carousel-item,
.mcl-hero-header .carousel-item img {
  width: 100%;
  height: 100vh;
}
.mcl-hero-header .carousel-item img {
  object-fit: cover;
}
.mcl-hero-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}

.mcl-header-section-light .header-sub {
  color: var(--bs-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
.mcl-header-section-light .header-main {
  color: var(--bs-secondary-900);
  font-weight: 900 !important;
  line-height: 1.14;
  text-transform: capitalize;
}

.mcl-header-section-dark .header-sub {
  color: var(--bs-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
.mcl-header-section-dark .header-main {
  color: var(--bs-white);
  font-weight: 800 !important;
  line-height: 1.14;
  text-transform: capitalize;
}

.mcl-header-page {
  position: relative;
  width: 100%;
  height: 50vh;
}
.mcl-header-page .img-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.mcl-header-page .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}
.mcl-header-page .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.mcl-bar-side .card-menu {
  border: none;
}
.mcl-bar-side .card-menu .card-title {
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: solid 2px var(--bs-dark);
}
.mcl-bar-side .card-menu .card-menu .card-link {
  display: block;
  color: var(--bs-dark);
  padding: 1rem 0rem 1rem 0rem;
  border-bottom: solid 0.005rem rgba(29, 29, 27, 0.3);
}
.mcl-bar-side .card-menu .card-menu .card-link:hover {
  opacity: 0.5;
}
.mcl-bar-side .card-contact .card-body {
  background: rgba(29, 41, 82, 0.8);
  color: var(--bs-white);
}
.mcl-bar-side .card-contact .card-body .card-icon {
  font-size: 5.5rem;
}
.mcl-bar-side .card-contact .card-body .card-title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
}

.mcl-choose-us .card-index {
  background-color: var(--bs-light);
  padding: 2rem 1.5rem;
}
.mcl-choose-us .card-index .icon-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-primary-500);
  width: 4rem;
  height: 4rem;
}

.mcl-industries .card-index {
  transition: all 0.5s ease-in-out;
}
.mcl-industries .card-index .img-fluid {
  height: 16rem;
}
.mcl-industries .card-index .card-count h1 {
  color: var(--bs-gray-200);
  margin-right: 0.25rem !important;
}
.mcl-industries .card-index .card-count .line {
  background-color: var(--bs-gray-200);
  width: 100%;
  height: 0.15rem;
}
.mcl-industries .card-index .btn {
  --bs-btn-padding-x: 1rem;
}
.mcl-industries .card-index:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  cursor: pointer;
}
.mcl-industries .card-index:hover .card-count h1 {
  color: var(--bs-primary);
}
.mcl-industries .card-index:hover .card-count .line {
  background-color: var(--bs-primary);
}
.mcl-industries .card-show {
  border: none;
}
.mcl-industries .card-show .img-featured {
  height: 20rem;
}
.mcl-industries .card-company-profile {
  border: none;
}
.mcl-industries .form-service-request {
  padding: 3rem 1rem;
}
.mcl-industries .form-service-request .form-control,
.mcl-industries .form-service-request .form-select {
  background-color: transparent !important;
}

.mcl-service .card-index {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin-bottom: 1rem;
  border: none;
}
.mcl-service .card-index .img-hover-zoom {
  background: #222f3e;
  height: 300px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.mcl-service .card-index .img-hover-zoom .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.mcl-service .card-index .img-hover-zoom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mcl-service .card-index .img-hover-zoom--colorize img {
  transition: transform 0.5s, filter 1.5s ease-in-out;
  filter: grayscale(100%);
}
.mcl-service .card-index .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 0rem;
}
.mcl-service .card-index .card-body .card-title {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0rem;
  width: 80%;
  padding: 0rem 1rem;
}
.mcl-service .card-index .card-body .card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 4rem;
  background-color: var(--bs-white);
  color: var(--bs-dark);
  transition: all 0.3s ease-in-out;
}
.mcl-service .card-index .card-body .card-link .icon-arrow-right-circle {
  font-size: 1.5rem;
}
.mcl-service .card-index:hover .card-link {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.mcl-service .card-index:hover .img-hover-zoom--colorize img {
  filter: grayscale(0);
  transform: scale(1.5);
}
.mcl-service .card-show {
  border: none;
}
.mcl-service .card-show .card-body {
  padding: 0rem;
}
.mcl-service .card-show .card-body .card-title {
  font-weight: 700;
}
.mcl-service .card-show .card-body .card-primary-image,
.mcl-service .card-show .card-body .card-secondary-image {
  width: 100% !important;
  height: 16rem;
  object-fit: cover;
  object-position: center;
}

.mcl-projects .card-index {
  position: relative;
  border: none !important;
}
.mcl-projects .card-index .card-image {
  object-fit: cover;
  object-position: center;
  height: 25rem;
}
.mcl-projects .card-index .card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(29, 41, 82);
  background: linear-gradient(0deg, rgb(29, 41, 82) 0%, rgba(29, 41, 82, 0.4) 100%);
  display: flex;
  justify-content: center;
  align-items: end;
  transition: all linear 0.3s;
  opacity: 0;
}
.mcl-projects .card-index .card-overlay .card-body {
  z-index: 1;
}
.mcl-projects .card-index .card-overlay .card-body .card-title {
  color: var(--bs-white);
  margin-bottom: 0;
}
.mcl-projects .card-index .card-overlay .card-body .card-action {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bs-primary);
  color: var(--bs-white);
  font-size: 1.5rem !important;
  border: solid 1px var(--bs-primary);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.mcl-projects .card-index .card-overlay .card-body .card-action:hover {
  cursor: pointer;
}
.mcl-projects .card-index:hover .card-overlay {
  border-bottom: solid 0.25rem var(--bs-primary);
  opacity: 1;
}
.mcl-projects .card-show {
  border: none;
}
.mcl-projects .card-show .img-featured {
  height: 25rem;
}
.mcl-projects .card-show .row-summery {
  border-bottom: solid 0.1rem var(--bs-dark);
  padding-bottom: 1rem;
}

.mcl-testimonials {
  background: var(--bs-secondary-900);
  color: var(--bs-white);
}
.mcl-testimonials .card-index {
  border: none;
  background-color: transparent;
}
.mcl-testimonials .card-index .card-body .card-content {
  background-color: var(--bs-white);
  padding: 1.575rem 0.575rem;
}
.mcl-testimonials .card-index .card-body .card-content .card-icon .icon {
  width: 3.5rem !important;
  height: 3.5rem !important;
}
.mcl-testimonials .card-index .card-body .card-details .card-image img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.mcl-testimonials .card-index .card-body .card-details .card-particulars .name {
  color: var(--bs-white);
  font-weight: 600;
  margin-bottom: 0rem !important;
}
.mcl-testimonials .card-index .card-body .card-details .card-particulars .description {
  color: var(--bs-primary);
  font-size: 0.875em;
  font-weight: 500;
  margin-bottom: 0rem !important;
}

/*
|--------------------------------------------------------------------------
| start dividers
|--------------------------------------------------------------------------
*/
.hr-light {
  margin: 1.25rem 0;
  color: inherit;
  border: 0;
  border-top: 0.05rem solid var(--bs-white);
  opacity: 5;
}

/*
|--------------------------------------------------------------------------
| end dividers
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| start text justify
|--------------------------------------------------------------------------
*/
.text-justify {
  text-align: justify !important;
}

@media (min-width: 992px) {
  .text-lg-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-justify {
    text-align: justify !important;
  }
}
/*
|--------------------------------------------------------------------------
| end text justify
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| start font weights
|--------------------------------------------------------------------------
*/
.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/*
|--------------------------------------------------------------------------
| end font weights
|--------------------------------------------------------------------------
*/