/*! Place your custom styles here */

.ant-collapse-item {
  -webkit-text-fill-color: white;
}
body {
  font-size: 0.9em !important;
  overflow: scroll !important;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger,
.bar-1 .menu-horizontal > li > a {
  font-weight: 900 !important;
  font-size: 1em !important;
}

.menu-horizontal > li:not(:hover) > a,
.menu-horizontal > li:not(:hover) > span,
.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
  opacity: 0.8 !important;
}

.feature-1 > a.block img {
  border-radius: 16px !important;
}

/* Float Button */

.label-container {
  position: fixed !important;
  bottom: 85px !important;
  left: 25px !important;
  display: table !important;
  visibility: hidden !important;
  z-index: 300 !important;
}

.label-text {
  color: #fff !important;
  background: rgba(51, 51, 51, 0.5) !important;
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 10px !important;
  border-radius: 3px !important;
}

.label-arrow {
  display: table-cell !important;
  vertical-align: middle !important;
  color: #333 !important;
  opacity: 0.5 !important;
}

.float {
  position: fixed !important;
  width: 50px !important;
  height: 50px !important;
  bottom: 20px !important;
  left: 25px !important;
  background-color: #f27a1a !important;
  color: #fff !important;
  border-radius: 50px !important;
  text-align: center !important;
  z-index: 300 !important;
}

.my-float {
  margin-top: 23% !important;
  margin-right: 3% !important;
  font-size: 2.1em !important;
  font-weight: 800 !important;
}

.my-float:hover {
  color: #ececec !important;
}

a.float + div.label-container {
  visibility: hidden !important;
  opacity: 0 !important;
  transition: visibility 0s, opacity 0.5s ease !important;
}

a.float:hover + div.label-container {
  visibility: visible !important;
  opacity: 1 !important;
}

.float.whatsapp {
  left: 100px !important;
  background-color: #00e271 !important;
}

.float.whatsapp i {
  position: relative !important;
  top: 20% !important;
}

.float.whatsapp:hover i {
  color: #ececec !important;
}

a.float.whatsapp + div.label-container.whatsapp {
  visibility: hidden !important;
  opacity: 0 !important;
  transition: visibility 0s, opacity 0.5s ease !important;
}

a.float.whatsapp:hover + div.label-container.whatsapp {
  visibility: visible !important;
  opacity: 1 !important;
}

/* .imagebg:not(.image--light)
  .boxed:not(.bg--white):not(.bg--none).boxed--border {
  min-height: 150px !important;
  max-height: 150px !important;
} */

.info-bar {
  max-height: 370px !important;
}

.custom-warehouse-info {
  /* margin-top: -35px; */
  padding-top: 6.428571em !important;
  padding-bottom: 4.428571em !important;
}

.bar .logo {
  left: -100px !important;
}

#aboutus::before {
  background-color: transparent !important;
}

#aboutus .text-block > p {
  color: black !important;
}

#aboutus > .container {
  margin-top: -100px !important;
}

#aboutus .row:nth-child(2) {
  margin: 0 !important;
}

.aboutusHeader {
  display: flex !important;
  align-items: center !important;
}

.aboutusHeader img {
  align-self: flex-start !important;
  width: 150px !important;
  margin: 30px 10px !important;
}

.aboutusHeader h2 {
  width: 70% !important;
  text-align: center !important;
  color: #f27a1a !important;
}

.fixed-display {
  display: none !important;
}

.fixed-navbar-menu {
  background: rgba(76, 76, 75, 1) !important;
  padding: 0 0 5px 0px !important;
  margin-top: -15px !important;
  position: fixed !important;
}

.fixed-navbar-menu .logo {
  display: none !important;
}

.fixed-navbar-menu .fixed-display {
  display: inline-block !important;
}

.fixed-navbar-menu .menu-horizontal li {
  font-size: 13px !important;
}

.fixed-navbar-menu .btn {
  font-size: 10px !important;
  padding: 0 10px !important;
}

.fixed-navbar-menu .text-right {
  text-align: center !important;
}
.menuContentContainer {
  margin-top: 22px !important;
}

#calculator {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

#calculator .calculatorDiv {
  margin: 4em !important;
  height: 920px !important;
}

#calculator .calculatorIframe {
  height: 1080px !important;
  min-width: 90vw !important;
}

@media (max-width: 1199px) {
  .menuContentContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .fixed-navbar-menu {
    z-index: 99 !important;
    width: 100% !important;
    display: flex !important;
  }

  .fixed-navbar-menu .menuContentContainer {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    display: inline-block !important;
  }

  .fixed-navbar-menu .menuContentContainer li,
  .fixed-navbar-menu .menuContentContainer .btn {
    width: auto !important;
  }

  .fixed-navbar-menu .bar__module {
    margin-top: 0.857143em !important;
    margin-bottom: 0 !important;
  }

  .blogContainer h3 {
    text-align: center !important;
  }

  .blogContainer img {
    margin-bottom: 10px !important;
  }

  .blogContainer .feature-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  #calculator .calculatorDiv {
    margin: 0 !important;
    min-width: 100vw !important;
    height: 550px !important;
  }
}

@media (max-width: 1021px) {
  #calculator .calculatorDiv {
    height: 950px !important;
  }
}
@media (max-width: 991px) {
  .fixed-navbar-menu {
    z-index: 99 !important;
    width: 100% !important;
    display: flex !important;
    background: transparent !important;
  }

  .fixed-navbar-menu .menuContentContainer {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    position: fixed !important;
    background: rgba(76, 76, 75, 1) !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: -16px !important;
  }
  .fixed-navbar-menu .menuContentContainer a,
  .fixed-navbar-menu .menuContentContainer span {
    color: white !important;
  }

  .fixed-navbar-menu .menuContentContainer li,
  .fixed-navbar-menu .menuContentContainer .btn {
    width: auto !important;
  }

  .fixed-navbar-menu .bar__module {
    margin-top: 0.857143em !important;
    margin-bottom: 0.857143em !important;
  }

  .fixed-navbar-menu .menuContentContainer .btn + .btn {
    margin: 0 !important;
  }
  .fixed-navbar-menu .menuContentContainer .bar__module + .bar__module {
    margin-left: 10px !important;
  }

  .bar .logo {
    left: 0 !important;
  }

  .menuContentContainer {
    display: inline-block !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .menuContentContainer li,
  .menuContentContainer .btn {
    width: 100% !important;
  }

  .menuContentContainer .btn + .btn {
    margin-left: 0 !important;
    margin-top: 0.857143em !important;
  }

  .bar + nav.bar {
    padding-top: 0 !important;
  }

  .text-left-xs {
    text-align: left !important;
  }

  .container {
    max-width: 540px !important;
  }

  #calculator .calculatorDiv {
    height: 950px !important;
  }

  #calculator .calculatorIframe {
    height: 1080px !important;
  }
}

@media (max-width: 768px) {
  .fixed-navbar-menu {
    display: none !important;
  }

  #aboutus > .container {
    margin-top: -80px !important;
  }

  .aboutusBanner {
    left: 0 !important;
    min-width: auto !important;
    position: relative !important;
  }
}

/* Cart details badge notification */

.notification-badges li {
  display: inline-block !important;
  min-width: 50px !important;
  height: 50px !important;
  vertical-align: top !important;
  margin-top: -10px !important;
  text-align: center !important;
  line-height: 50px !important;
  padding: 5px !important;
}
.notification-badges [data-badge] {
  position: relative !important;
}
.notification-badges [data-badge]:after {
  position: absolute !important;
  right: 0px !important;
  min-width: 20px !important;
  min-height: 10px !important;
  line-height: 10px !important;
  padding: 5px !important;
  color: #fff !important;
  background-color: #f27a1a !important;
  font-size: 0.9em !important;
  border-radius: 20px !important;
  content: attr(data-badge) !important;
  border: solid 1px #f27a1a !important;
}

.cart-detail {
  position: absolute !important;
  top: 0px !important;
}

.ant-form-item-children {
  position: relative;
  width: 100%;
}

.feature h4 + p {
  max-width: none !important;
}

code {
  font-size: 87.5%;
  color: #000;
  word-break: break-word;
}

.ant-steps-item-process .ant-steps-item-icon {
  border-color: #f27a1a !important;
  background: #f27a1a !important;
}

.ant-steps-navigation .ant-steps-item::before {
  background-color: #f27a1a !important;
}

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #f27a1a !important;
  /* margin-bottom: 5px !important; */
}

.ant-steps-item-finish .ant-steps-item-icon {
  border-color: #f27a1a !important;
}

.anticon svg {
  margin-bottom: 5px;
}

/* .ant-btn-primary:hover, .ant-btn-primary:focus {
  color: #fff;
  background-color: #f27a1a;
  border-color: #f27a1a;
} */

.ant-btn-primary {
  border-color: transparent !important;
}

.site-layout-content {
  background: #fff;
  padding: 24px;
  min-height: 280px;
}

/* label.price {
  margin-left: 10px;
  font-weight: 600;
  position: absolute;
  display: flex;
  width: 40px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background: #f27a1a;
  color: #fff;
}
label.price:after {
  content: '';
  display: inline-block;
  right: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: #f27a1a #f27a1a #f27a1a transparent;
}
label.price:before {
  content: '';
  bottom: 6px;
  width: 120px;
  left: -35px;
  height: 4px;
  z-index: -1;
} */

.ant-tag-warning {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}

.ant-statistic-content {
  font-size: 1.2em !important;
}

.ant-modal-footer {
  text-align: center !important;
}

input[type],
textarea,
select {
  background: #fff !important;
}

.ant-btn:hover,
.ant-btn:focus {
  opacity: 80%;
  background-color: #fff;
  border-color: #df8503 !important;
}

.ant-card-bordered {
  padding: 16px 0px 16px 0px !important;
}

.ant-switch-checked {
  background-color: #f27a1a !important;
}

.ant-input[disabled] {
  background-color: #f5f5f5 !important;
}

.ant-select-selection-selected-value {
  width: 100%;
}

:root {
  --orange: #f27a1a !important;
}
.primaryColor {
  color: var(--orange);
}

.ant-card-cover {
  height: 75px;
}

.counter:hover {
  color: #ccc;
}

.BrainhubCarousel__arrows {
  background-color: #f27a1a !important;
  width: 19px !important;
  height: 19px !important;
}

.BrainhubCarousel__arrows > span {
  width: 18px !important;
  height: 18px !important;
}

.BrainhubCarousel__arrows:disabled {
  background-color: #ccc !important;
}

.BrainhubCarousel__arrows:disabled {
  background-color: #ccc !important;
}

.BrainhubCarousel__thumbnail {
  height: 64px !important;
}