:root {
  --greenColor: green;
  --blueColor: #382b97;
}

.logo_div img {
  width: 4rem;
}

.logo_div h2 {
  font-family: ui-monospace;
  font-weight: 600;
  color: var(--blueColor);
}

#carouselDarkVariant .carousel-control-prev-icon,
#carouselDarkVariant .carousel-control-next-icon {
  background-image: unset;
}

#carouselDarkVariant .carousel-item img {
  height: 64vh;
}

.carousel-control-prev,
.carousel-control-next {
  opacity: 1;
}

#carouselDarkVariant .carousel-control-prev,
#carouselDarkVariant .carousel-control-next {
  align-items: end;
  bottom: 20%;
}

#carouselDarkVariant .carousel-control-prev {
  left: 10%;
}

#carouselDarkVariant .carousel-control-next {
  right: 10%;
}

#carouselDarkVariant .carousel-control-prev span:first-child,
#carouselDarkVariant .carousel-control-next span:first-child,
.about_product_slide_section .carousel-control-prev span:first-child,
.about_product_slide_section .carousel-control-next span:first-child {
  background-color: var(--blueColor);
  filter: unset;
  height: auto;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  display: grid;
  place-content: center;
}

.main {
  margin-top: 60px;
}

.demo-wrap {
  position: relative;
  background-color: #00000090;
}

.demo-wrap:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url("../images/home_about_BG_image.webp");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  /* background-color: red; */
}

.demo-content {
  position: relative;
}

.home_product_catogories_section .home_product_catogories .home_pc_image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #d3d2d1;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
.home_product_catogories_section .home_product_catogories .home_pc_image img {
  width: 50%;
}
.home_product_catogories_section
  .home_product_catogories
  a:hover
  .home_pc_image
  img {
  transform: scale(1.2);
}
.home_product_catogories_section .home_product_catogories .home_pc_desc p {
  font-size: 12px;
}

footer {
  background-color: #202c30;
  color: #fff;
}
footer .footer_col {
  border-right: 1px solid #fff;
}
footer div.footer_col:nth-last-child(2) {
  border: unset;
}

.about_product_slide_section .carousel-control-prev {
  justify-content: flex-start;
  left: -3%;
}
.about_product_slide_section .carousel-control-next {
  justify-content: flex-end;
  right: -3%;
}

/* Multi Carousel  */

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item .card-body {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carousel-inner .carousel-item .card-body a.btn {
  width: max-content;
}

.carousel-inner .carousel-item .card-body p {
  height: 80px;
  overflow: hidden;
}

footer.footer .footer_col a {
  color: grey;
  margin-bottom: 5px;
}

#carouselDarkVariant .carousel-item {
  transition: transform 0.6s ease-in-out;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove the gap so it doesn't close */
}

.about_product .carousel-item {
  transform: translate3d(0, 0, 0) !important;
}

.about_product .carousel-item img {
  width: 100%;
  height: 500px;
}

.product_heading2 {
  background-color: #d3d2d150;
}

.client_section .client_images {
  align-items: center;
  gap: 20px;
  justify-content: space-evenly;
}

.client_section .client_images img {
  width: 14%;
}

.contact_form form .form-control.error {
  border: 1px solid red;
}

.contact_form form .form-control.error:focus {
  border-color: red;
  box-shadow: unset;
}

.single_product_style .product_title {
  display: inline-flex;
  width: 100%;
  align-items: center;
}

.single_product_style hr {
  flex: 1 1 0%;
}

.mail_button .hide {
  display: none;
}

.mail_button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 12.5rem;
  margin: 0;
  padding: 1.5rem 3.125rem;
  background-color: #3498db;
  border: none;
  border-radius: 0.3125rem;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  color: white;
  font-weight: 300;
  text-transform: uppercase;
  overflow: hidden;
}
.mail_button:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #54d98c;
}
.mail_button span {
  position: absolute;
  line-height: 0;
}
.mail_button span i {
  transform-origin: center center;
}
.mail_button span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%);
}
.mail_button span:nth-of-type(2) {
  top: 100%;
  transform: translateY(0%);
  font-size: 24px;
}
.mail_button span:nth-of-type(3) {
  display: none;
}

.mail_button.active {
  background-color: #2ecc71;
}
.mail_button.active:before {
  width: 100%;
  transition: width 3s linear;
}
.mail_button.active span:nth-of-type(1) {
  top: -100%;
  transform: translateY(-50%);
}
.mail_button.active span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
.mail_button.active span:nth-of-type(2) i {
  animation: loading 500ms linear infinite;
}
.mail_button.active span:nth-of-type(3) {
  display: none;
}

.mail_button.finished {
  background-color: #54d98c;
}
.mail_button.finished .submit {
  display: none;
}
.mail_button.finished .loading {
  display: none;
}
.mail_button.finished .check {
  display: block !important;
  font-size: 24px;
  animation: scale 0.5s linear;
}
.mail_button.finished .check i {
  transform-origin: center center;
}

@keyframes loading {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scale {
  0% {
    transform: scale(10);
  }
  50% {
    transform: scale(0.2);
  }
  70% {
    transform: scale(1.2);
  }
  90% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}

/* Button End */

/* #couplers .about_product .row {
  justify-content: space-between;
}

#couplers .about_product .row > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */

/* Media Query */

/* Extra Small Device */
@media screen and (max-width: 575.98px) {
  .client_section .client_images img {
    width: 30%;
  }

  footer.footer .footer_col a {
    margin-bottom: 10px;
  }

  footer.footer .footer_col h5 {
    margin-bottom: 20px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }

  .client_section .client_images img {
    width: 25%;
  }
}

/* Medium devices (tablets, 768px and up) */
/* @media screen and (min-width: 768px) { */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }

  .nav-item.dropdown {
    display: none;
  }

  .navbar li.nav-item {
    border-bottom: var(--mdb-border-width) var(--mdb-border-style)
      var(--mdb-border-color) !important;
  }
  .navbar li.nav-item:last-child {
    border-bottom: unset !important;
  }

  .about_product table thead td,
  .about_product table tbody td {
    padding: 5px;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.33333333%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33333333%);
  }

  .about_product table thead td,
  .about_product table tbody td {
    padding: 5px;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) {
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  footer .footer_col {
    border: unset;
  }
  .nav-item.dropdown {
    display: none;
  }
  .navbar li.nav-item {
    border-bottom: var(--mdb-border-width) var(--mdb-border-style)
      var(--mdb-border-color) !important;
  }
  .navbar li.nav-item:last-child {
    border-bottom: unset !important;
  }

  .about_product table thead td,
  .about_product table tbody td {
    padding: 5px;
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}