/* scrollbar css start */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #17557a;
}

/* html{
    scroll-behavior: smooth;
} */

/* scrollbar css end */

p {
  line-height: inherit !important;
}

.height_auto img {
  height: auto !important;
}

.full_width img {
  max-width: none !important;
  width: 100% !important;
}

.image_height_fit .elementor-widget-container {
  line-height: 0 !important;
}

.icon-height-fit .elementor-icon-wrapper {
  line-height: 0 !important;
}

.icon-height-fit .elementor-icon-box-icon {
  line-height: 0 !important;
}

.form-error-message {
  color: #d9534f;
  font-size: 12px;
}

/* country dropdown css starts */

.iti__country-name {
  font-size: 18px;
  color: #000000;
}

.iti__dial-code {
  font-size: 18px;
}

.iti__country-list::-webkit-scrollbar {
  width: 6px;
}

.iti__country-list::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.iti__country-list::-webkit-scrollbar-thumb {
  background-color: #17557a;
}

/* country dropdown css ends */

/* homepage products tab section css starts */

.homepage-products-tab .elementor-tabs-wrapper {
  column-gap: 10px;
}

.homepage-products-tab .elementor-tabs-wrapper .elementor-tab-title {
  background-color: #f5f6f8;
  padding: 12px 20px;
  border-radius: 5px;
  text-align: center;
}

.homepage-products-tab
  .elementor-tabs-wrapper
  .elementor-tab-title.elementor-active {
  background-color: #583e8c;
}

.homepage-products-tab .elementor-tab-content {
  padding: 32px 0px 0px 0px !important;
}

/* homepage products tab section css ends */

/* homepage design for enterprise operations css starts */

.seperator-line {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* homepage design for enterprise operations css ends */

/* homepage faq section css starts */

.midas-enterprise-faq-section .elementor-accordion-item {
  border: 1px solid #e5e7eb !important;
  border-radius: 16px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  background: transparent;
}

.midas-enterprise-faq-section .elementor-accordion-item:not(:last-child) {
  margin-bottom: 16px;
}

.midas-enterprise-faq-section .elementor-accordion-icon-closed {
  display: block !important;
}

.midas-enterprise-faq-section .elementor-accordion-icon-opened {
  display: none !important;
}

.midas-enterprise-faq-section
  .elementor-tab-title
  .elementor-accordion-icon
  svg {
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}

.midas-enterprise-faq-section
  .elementor-tab-title.elementor-active
  .elementor-accordion-icon
  svg {
  transform: rotate(180deg);
}

.midas-enterprise-faq-section .elementor-accordion-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 16px;
  z-index: -1;
  background: linear-gradient(180deg, #f9fafb 16%, rgb(255, 255, 255) 65%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.midas-enterprise-faq-section
  .elementor-accordion-item:has(.elementor-tab-title.elementor-active)::after {
  opacity: 1;
}

/* homepage faq section css ends */

/* homepage first section css starts */

.homepage-animation video {
  border-color: #f2f3f9;
  background-color: #f2f3f9 !important;
  color: #f2f3f9;
  padding: 4px;
}

/* homepage first section css ends */

/* product suite midas enterprise workflow css starts */

/* css to hide and show tab content */
.how-midas-works-content {
  display: none;
}

.how-midas-works-content.tab-content-active {
  display: block;
}

/* css to highlight active tab button */

.how-midas-works-step h5 {
  transition: color 0.3s ease;
}

.how-midas-works-step .midas-card-icon svg path {
  transition: stroke 0.3s ease;
}

.how-midas-works-step.tab-button-active .midas-card-icon svg path {
  stroke: #ff7b47;
}

.how-midas-works-step.tab-button-active h5 {
  color: #ff7b47 !important;
}

.how-midas-works-step.tab-button-active {
  border: 1px solid #ff7b47 !important;
  box-shadow:
    0px 6.179999828338623px 20.599998474121094px 0px rgba(255, 123, 71, 0.22),
    0px 2.059999942779541px 8.239999771118164px 0px
      rgba(33, 29, 28, 0.11999999731779099);
}

.how-midas-works-step:not(.tab-button-active):hover {
  box-shadow:
    0px 0.6021873017743928px 1.8065619053231785px -1.1666666666666665px
      rgba(33, 29, 28, 0.11),
    0px 2.288533303243457px 6.8655999097303715px -2.333333333333333px
      rgba(33, 29, 28, 0.1),
    0px 10px 30px -3.5px rgba(33, 29, 28, 0.05);
}

.how-midas-works-step {
  cursor: pointer;
  user-select: none;
}

.workflow-buttons-container::-webkit-scrollbar {
  height: 6px;
}

/* product suite midas enterprise workflow css starts */

/* css for dotted curve line starts */

.red-dotted-curve .connector-path {
  fill: none;
  stroke: rgb(240, 101, 57);
  opacity: 0.3;
  stroke-width: 1.125;
  stroke-dasharray: 6 6;
}

/* css for dotted curve line starts */

/* consumer electronics how midas works css starts */

.electronics-card-shadow {
  box-shadow:
    0px 3px 4.5px 0px rgba(0, 0, 0, 0.1),
    0px 7.5px 11.25px 0px rgba(0, 0, 0, 0.10000000149011612);
}

.electronics-number-shadow {
  box-shadow:
    0px 3px 4.5px 0px rgba(0, 0, 0, 0.1),
    0px 7.5px 11.25px 0px rgba(0, 0, 0, 0.10000000149011612);
}

/* consumer electronics how midas works css ends */

/* mobility page css starts */

.mobility-mid-card-shadow {
  box-shadow:
    0px 8.800000190734863px 11px -6.600000381469727px rgba(0, 0, 0, 0.1),
    0px 22px 27.5px -5.5px rgba(0, 0, 0, 0.10000000149011612);
}

.mobility-side-card-shadow {
  box-shadow:
    0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.10000000149011612);
}

.why-mobility-devider .elementor-divider-separator {
  background-image: repeating-linear-gradient(
    90deg,
    #e5e5e5 0,
    rgba(107, 107, 107, 0.57) 100px,
    #e5e5e5 200px
  );
  border: none !important;
  height: 2px;
}

/* mobility page css ends */

/* Carrier & OEM's page Program Categories section css starts */

.program-category-shadow {
  box-shadow:
    0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.10000000149011612);
}

.program-category-dotted-line {
  background: repeating-linear-gradient(
    to bottom,
    #e5e5e5 0 6px,
    transparent 6px 12px
  );
}

/* Carrier & OEM's page Program Categories section css ends */

/* ITAD page css starts */

.midas-enterprise-logo-shadow {
  box-shadow:
    0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.10000000149011612);
  border-radius: 50%;
}

.midas-enterprise-logo-shadow img {
  background-color: #ffffff;
  padding: 5px;
}

/* ITAD page css ends */

/* homepage solutions by industry section css starts */

.industry-solutions-container {
  height: 502px;
}

.industry-solution-slice svg {
  transform-origin: 0 248px;
  transition: transform 0.3s ease;
}

.industry-solution-slice:not(.slice-active) svg:hover,
.solutions-slice-icon:hover + .industry-solution-slice:not(.slice-active) svg {
  /* transform: scale(1.05); */
  transform: scale(1);
}

.industry-solution-slice svg {
  cursor: pointer;
}

.solutions-slice-icon {
  cursor: pointer;
}

/* hover animation on slice */

.industry-solution-slice svg .slice-state-normal,
.industry-solution-slice svg .slice-state-hover {
  transition: opacity 0.2s ease;
}

.industry-solution-slice svg .slice-state-hover {
  opacity: 0;
}

.industry-solution-slice svg:hover .slice-state-normal {
  opacity: 0;
}

.industry-solution-slice svg:hover .slice-state-hover {
  opacity: 1;
}

/* hover animation on icon */

.solutions-slice-icon:hover
  + .industry-solution-slice:not(.slice-active)
  svg
  .slice-state-normal {
  opacity: 0;
}

.solutions-slice-icon:hover
  + .industry-solution-slice:not(.slice-active)
  svg
  .slice-state-hover {
  opacity: 1;
}

/* slice active state */

.industry-solution-slice.slice-active svg {
  transform: scale(1.1);
}

.industry-solution-slice.slice-active svg .slice-state-normal {
  opacity: 0;
}

.industry-solution-slice.slice-active svg .slice-state-hover {
  opacity: 1;
}

.industry-solution-slice.slice-active svg .midas-slice-fill {
  fill: #ffffff !important;
}

.solutions-slice-icon:has(+ .industry-solution-slice.slice-active) p {
  color: #ff7b47 !important;
}

/* increasing z-index of first slice */
.consumer-electronics-slice {
  z-index: 2 !important;
}

/* showing the active content */
.industry-solution-content {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-10px);
  transition:
    transform 0.3s ease,
    opacity 0.5s ease;
}

.industry-solution-content.industry-solution-active {
  position: static;
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
}

.industry-solutions-mobile {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* homepage solutions by industry section css ends */

/* product suite page product suite section css starts */

.ps-card-hover-shadow:hover {
  box-shadow:
    rgba(28, 50, 61, 0.08) 0px 0.48175px 1.63795px -0.833333px,
    rgba(28, 50, 61, 0.08) 0px 1.83083px 6.22481px -1.66667px,
    rgba(28, 50, 61, 0.08) 0px 8px 27.2px -2.5px;
}

/* product suite page product suite section css ends */

/* footer css starts */

.footer-cta-button svg {
  margin-bottom: -3px;
}

.midas-footer-link a {
  display: inline-block;
  transition: transform 0.3s ease;
}

.midas-footer-link a:hover {
  text-decoration: underline;
  transform: translateX(4px);
}

.company-names a {
  color: rgba(255, 255, 255, 0.9);
}

/* footer css ends */

/* button hover shadow css starts */

.orange-button-hover-shadow .elementor-button {
  transition: box-shadow 0.3s ease;
}

.orange-button-hover-shadow .elementor-button:hover {
  box-shadow: 0 6px 18px rgba(255, 140, 94, 0.3);
}

.white-button-hover-shadow .elementor-button {
  transition: box-shadow 0.3s ease;
}

.white-button-hover-shadow .elementor-button:hover {
  box-shadow: 0 6px 18px rgba(33, 29, 28, 0.16);
}

/* button hover shadow css ends */

/* cards hover shadow css starts */

.card-shadow-on-hover:hover {
  box-shadow:
    rgba(28, 50, 61, 0.08) 0px 0.48175px 1.63795px -0.833333px,
    rgba(28, 50, 61, 0.08) 0px 1.83083px 6.22481px -1.66667px,
    rgba(28, 50, 61, 0.08) 0px 8px 27.2px -2.5px;
}

.card-shadow-on-hover-blue:hover {
  box-shadow:
    rgba(28, 50, 61, 0.08) 0px 0.48175px 1.63795px -0.833333px,
    rgba(28, 50, 61, 0.08) 0px 1.83083px 6.22481px -1.66667px,
    rgba(28, 50, 61, 0.08) 0px 8px 27.2px -2.5px;
}

/* cards hover shadow css ends */

/* resources page css starts */

.case-studies-full-height-image img {
  height: auto !important;
}

/* resources page css ends */

/* media query starts */
@media only screen and (max-width: 1366px) {
  .homepage-animation video {
    padding: 2px;
  }
}
@media only screen and (max-width: 1279px) {
  /* itad page How MiDAS Products Support ITAD Businesses section css start */

  .products-support-card-width {
    max-width: 310px;
  }

  /* itad page How MiDAS Products Support ITAD Businesses section css ends */
}

@media only screen and (max-width: 1200px) {
  /* homepage integrations section css starts */

  .integrations-background {
    background-position: center 10px !important;
  }

  /* homepage integrations section css ends */
}

@media only screen and (max-width: 1024px) {
  /* product suite section css starts */

  .homepage-products-tab .elementor-tabs-wrapper {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .homepage-products-tab .elementor-tab-mobile-title {
    display: none;
  }

  .homepage-products-tab .elementor-tabs-wrapper {
    display: flex !important;
    justify-content: center;
  }

  .ps-card-hover-shadow:hover {
    box-shadow: none;
  }

  /* product suite section css ends */

  /* starts */

  .workflow-buttons-container {
    overflow-x: auto;
  }

  /* ends */

  /* itad page How MiDAS Products Support ITAD Businesses section css start */

  .products-support-card-width {
    max-width: none;
  }

  /* itad page How MiDAS Products Support ITAD Businesses section css ends */

  /* resources page css starts */

  .case-studies-full-height-image {
    height: 100%;
  }

  .case-studies-full-height-image img {
    height: 100% !important;
    object-fit: cover;
  }

  /* resources page css ends */

  /* cards hover shadow css starts */

  .card-shadow-on-hover:hover {
    box-shadow: none;
  }

  .card-shadow-on-hover-blue:hover {
    box-shadow: none;
  }

  /* cards hover shadow css ends */
}

@media only screen and (max-width: 767px) {
  /* homepage proven results section css starts */

  .bullet-point-position .elementor-icon-box-icon {
    line-height: 0px;
    margin-top: 3px;
  }

  /* homepage proven results section css ends */

  /* homepage hero section css starts */

  .homepage-animation video {
    padding: 0px 1px 1px 0px;
  }

  /* homepage hero section css ends */

  /* mobility page css starts */

  .why-mobility-devider-verticle {
    background-image: repeating-linear-gradient(
      90deg,
      #e5e5e5 0,
      rgba(107, 107, 107, 0.57) 100px,
      #e5e5e5 200px
    );
  }

  .ai-icon-box-position .elementor-icon-box-icon {
    line-height: 0.4em;
  }

  /* mobility page css ends */

  /* 3pl page css starts */

  .icon-height-3pl .elementor-widget-container {
    line-height: 0;
  }

  .capability-animation-container {
    width: 50%;
  }

  .capability-stack-row {
    flex-wrap: nowrap;
  }

  .capability-animation-order {
    order: 1;
  }

  /* 3pl page css ends */

  /* homepage industry solutions section css starts */

  .industry-solution-slice svg {
    height: 130px;
  }

  .industry-solution-slice svg {
    transform-origin: 40px 125px;
  }

  .industry-solutions-container {
    height: 250px;
    top: -10px;
  }

  .slices-container {
    width: 0px;
    height: 0px;
  }

  .industry-solutions-desktop {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .industry-solutions-mobile {
    visibility: visible;
    position: relative;
    z-index: auto;
    opacity: 1;
    overflow: hidden;
  }

  /* homepage industry solutions section css ends */

  /* resources page css starts */

  .case-studies-full-height-image {
    height: auto !important;
  }

  .case-studies-full-height-image img {
    height: 100% !important;
    object-fit: cover;
  }

  /* resources page css ends */

  /* itad page css starts */

  .program-category-shadow {
    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);
  }

  .midas-enterprise-logo-shadow {
    box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.2);
  }

  /* itad page css ends */

  /* product suite page css starts */

  .homepage-products-tab .elementor-tab-title.elementor-tab-desktop-title {
    font-size: 12px !important;
    padding: 8px 10px;
  }

  /* product suite page css ends */

  /* consumer electronics css starts */

  .outcomes-kpis {
    flex-wrap: nowrap;
  }

  /* consumer electronics css ends */
}

@media only screen and (max-width: 600px) {
  .mobility-cards-container {
    flex-wrap: wrap;
  }

  /* consumer electronics css starts */

  .outcomes-kpis {
    flex-wrap: wrap;
  }

  /* consumer electronics css ends */

  /* 3pl page css starts */

  .capability-animation-container {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .capability-stack-row {
    flex-wrap: wrap;
  }

  .capability-animation-order {
    order: -1;
  }

  /* 3pl page css ends */
}