/* Sprint 62 Version - 3.0.0 */

/* Bullet alignment */
.elementor-icon-list-items
  .elementor-icon-list-icon:not(
    .footerMenu .elementor-icon-list-icon,
    .officeProfile .elementor-icon-list-icon,
    .topic-element .elementor-icon-list-icon
  ) {
  top: 8px !important;
}
/* Office profile icon alignment */
.officeProfile .elementor-icon-list-text {
  line-height: 24px;
}

/* Video Overlay Play Icon */
.elementor-widget-video {
  .elementor-custom-embed-image-overlay {
    svg g {
      filter: none !important;
    }
  }
}

/*Outcome Banner gradient text*/
.outcome-banner {
  .elementor-counter-number-wrapper {
    span {
      font-size: 48px !important;
    }
  }
  .elementor-heading-title {
    font-size: 48px !important;
  }
  .onlyText {
    .elementor-counter-number,
    .elementor-counter-number-suffix {
      display: none;
    }
    .elementor-counter-number-wrapper {
      max-width: 100%;
      .elementor-counter-number-prefix {
        word-break: break-word;
        text-align: left;
      }
    }
  }
}

/*Empty ul ol*/
ul:empty,
ol:empty {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .outcome-banner {
    .elementor-counter-number-wrapper {
      span,
      .elementor-widget-heading {
        font-size: 32px !important;
      }
    }
    .elementor-heading-title {
      font-size: 32px !important;
    }
  }
}

/* Gradient Background */
section.lgBG {
  background: radial-gradient(
      90.1% 110.66% at 128.99% 93%,
      rgba(0, 148, 213, 0.2) 0%,
      rgba(0, 148, 213, 0) 100%
    ),
    radial-gradient(
      157.65% 157.65% at 19.27% 197.79%,
      rgba(106, 31, 122, 0.2) 0%,
      rgba(106, 31, 122, 0) 100%
    ) !important;
}

.wpmtst-testimonial-field.testimonial-field.testimonial-company {
  color: #28292b !important;
  text-decoration: none !important;
  a {
    color: #28292b !important;
    text-decoration: none !important;
  }
}

.officeProfile
  > .elementor-widget-wrap
  > .elementor-element:nth-child(2)
  .elementor-icon-list-icon {
  top: 5px !important;
}
/*login page*/
#login h1 a:focus {
  box-shadow: none;
}
.ImgCard .elementor-image-box-content {
  padding: 0 16px;
}
.purplebadge .elementor-heading-title {
  background: #e1d2e4 !important;
  color: #6a1f7a !important;
  border-radius: 4px;
  padding: 2px 12px;
  font-size: 14px !important;
}
/* Paragraph spacing */
.detail-overview-section {
  .elementor-widget-text-editor:not(:last-child) {
    p {
      margin-bottom: 32px !important;
    }
  }
  .elementor-widget-icon-list {
    .elementor-widget-container {
      margin-bottom: 0px !important;
    }
  }
  .elementor-widget-icon-list:not(:last-child) {
    .elementor-widget-container {
      margin-bottom: 32px !important;
    }
  }
}
.process-container {
  .elementor-widget-icon-list {
    .elementor-widget-container {
      margin-bottom: 0px !important;
    }
  }
  .elementor-widget-icon-list:not(:last-child) {
    .elementor-widget-container {
      margin-bottom: 32px !important;
    }
  }
  .elementor-widget-text-editor:not(:last-child) {
    p {
      margin-bottom: 32px !important;
    }
  }
}
.whyNTG {
  .elementor-widget-text-editor:not(:last-child) {
    p {
      margin-bottom: 32px !important;
    }
  }
}
.elementor-widget-text-editor P {
  margin-bottom: 32px;
}
.elementor-widget-text-editor P:last-child {
  margin-bottom: 0px !important;
}

/*Case Study Excerpt*/
.excerptWrap .elementor-container {
  border: 1px solid #d9d9d9;
}
.taxnomyDisplay {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}
.taxnomyDisplay .st-tag-cloud {
  margin-top: 16px;
}
.taxnomyDisplay .st-tag-cloud a,
.termDisplayDiv a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px !important;
  line-height: 24px;
  color: #2a2e3a !important;
  background: #e2e5e7;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  padding: 3px 14px 3px 14px;
  display: inline-block;
  margin: 0 5px 8px 0;
  text-decoration: none !important;
}
.excerptCol:before {
  content: "";
  background: #d9d9d9;
  position: absolute;
}
@media (min-width: 768px) {
  .excerptCol:before {
    width: 1px;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .excerptCol:before {
    width: 80%;
    height: 1px;
    left: 25px;
  }
}
.excerptCol .body2 p {
  font-size: 14px !important;
}
.caseStudyExLogo .elementor-widget-container {
  height: 70px;
  width: 100%;
  max-width: 250px;
}
.caseStudyExLogo .elementor-widget-container img {
  max-height: 100% !important;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
/*Elementor Post Grid Style */
.themePostGridCard .elementor-widget-wrap {
  padding: 0 0 20px !important;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 20px #00000012;
  transition: 0.4s;
  overflow: hidden;
}
.themePostGridCard .elementor-widget-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 27px #00000029;
}
.themePostGridCard a {
  text-decoration: none !important;
}
.themePostGridCard .elementor-widget-heading {
  padding: 0 15px !important;
  margin-bottom: 10px !important;
}
.themePostGridCard .elementor-widget-theme-post-excerpt {
  padding: 0 15px !important;
  font-size: 14px;
}
.themePostGridCard .elementor-widget-post-info {
  padding: 0 15px !important;
}
.themePostGridCard .elementor-widget-theme-post-featured-image img {
  position: absolute;
  min-width: 100%;
  height: 228px;
  max-width: unset !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.themePostGridCard .elementor-widget-theme-post-featured-image {
  height: 228px;
  width: 100%;
}
a.insights,
a.news,
.elementor-post__badge.news,
.elementor-post__badge.insights {
  padding: 4px 12px;
  font-size: 14px !important;
  border-radius: 4px;
}

a.insights,
.elementor-post__badge.insights {
  background: #e1d2e4 !important;
  color: #6a1f7a !important;
}

a.news,
.elementor-post__badge.news {
  background: #f7ccd2 !important;
  color: #bd0019 !important;
}
.elementor-posts article {
  border-radius: 4px;
}
.elementor-posts article .elementor-post__text {
  margin-top: 0 !important;
  padding: 0px 20px 40px !important;
}

.elementor-posts article .elementor-post__badge {
  top: auto !important;
  right: auto !important;
  bottom: 20px;
  border-radius: 4px !important;
  font-size: 13px !important;
  margin: 0 !important;
  left: 20px;
  text-transform: capitalize !important;
  font-weight: 700 !important;
}

.elementor-posts article a {
  text-decoration: none !important;
}

/*Post Grid With Categories*/
.element.thumb_link {
  min-height: 225px;
  min-width: 100%;
  position: relative;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
}
.element.thumb_link img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  min-height: 100% !important;
  width: auto;
  max-width: max-content !important;
  transform: translate(-50%, -50%);
  height: 100% !important;
}

.element.title,
.element.title_link {
  font-size: 18px !important;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 56px;
}

.element.categories {
  padding: 0 20px;
  font-size: 12px;
}
.element.categories a {
  border-radius: 4px;
  padding: 4px 14px 4px 14px;
  background: #e2e5e7;
  color: #2a2e3a;
}
.post-grid .item {
  padding: 15px !important;
  margin-bottom: 0;
  background: transparent !important;
}
.post-grid .item .layer-wrapper {
  padding: 0 0 20px !important;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2) !important;
  background: #fff;
  transition: 0.4s;
  margin-bottom: 0px;
  border-radius: 10px;
}
.post-grid .item:hover .layer-wrapper {
  transform: translateY(-2px);
  box-shadow: 0px 4px 15px -2px rgb(0 0 0 / 49%) !important;
}
.element.title a,
.post-grid .grid-items a {
  text-decoration: none !important;
}
.post-grid .grid-items {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .grid-items .item {
    max-width: calc(33.33% - 10px);
    min-width: calc(33.33% - 10px);
  }
  .element.title,
  .element.title_link {
    max-height: 56px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .grid-items .item {
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    width: calc(50% - 10px);
    display: inline !important;
  }
  .element.title,
  .element.title_link {
    max-height: 56px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .grid-items .item {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 0 !important;
  }
  .post-grid .item .layer-wrapper {
    margin-bottom: 0px !important;
  }
}
.paginate span.page-numbers.current,
.paginate a.page-numbers:hover {
  color: #d6001c !important;
}

.paginate span.page-numbers,
.paginate a.page-numbers {
  background: #ffffff !important;
  color: #6c7685 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

a.insights {
  background: #e1d2e4 !important;
  border-radius: 4px;
  color: #6a1f7a !important;
}

a.news {
  background: #f7ccd2 !important;
  border-radius: 4px;
  color: #bd0019 !important;
}

span.elementor-toggle-icon.elementor-toggle-icon-left {
  position: absolute;
  width: 100% !important;
  left: 0;
  height: 100%;
  top: 0;
}

.elementor-toggle .elementor-tab-title {
  position: relative;
}

.elementor-toggle-icon [class*="elementor-toggle-icon-"] {
  top: 50% !important;
  position: absolute !important;
  left: 0;
  transform: translateY(-50%);
  height: 15px !important;
}
.elementor-toggle-icon [class*="elementor-toggle-icon-"] svg {
  position: relative;
  line-height: 0;
  top: 0px;
}
li.elementskit-megamenu-has.open .elementskit-submenu-indicator {
  transform: rotate(-180deg) !important;
  transform-origin: center;
}

li.elementskit-megamenu-has .elementskit-submenu-indicator {
  padding: 0 10px !important;
}
/*Event landing page*/
#eventLocation {
  pointer-events: none;
}
#eventDate .elementor-heading-title:after {
  content: ",";
}

/* Tab Styling */

.elementor-tabs-wrapper .elementor-tab-title.elementor-active {
  color: #d6001c !important;
}
.elementor-tabs-wrapper .elementor-tab-title.elementor-active:before {
  background: #d6001c !important;
}
.elementor-tabs-wrapper .elementor-tab-title:not(.elementor-active):hover {
  background: linear-gradient(270deg, #d6001c, #6a1f7a) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
/*Hide space in bottom of casestudy or any post with default page layout*/
.single.ast-page-builder-template .entry-header + .entry-content {
  margin-bottom: -1px !important;
}

/* Card bottom gradient border*/
.bottomGradCard {
  border-bottom: 6px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(270deg, #de3349 13.02%, #884c95 98.28%);
}

/* Heading tags */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 150% !important;
}

h1,
h1.elementor-heading-title {
  font-size: 60px !important;
  font-weight: bold !important;
}
h2,
h2.elementor-heading-title {
  font-size: 48px !important;
  font-weight: bold !important;
}
h3,
h3.elementor-heading-title {
  font-size: 32px !important;
  font-weight: bold !important;
}
h4,
h4.elementor-heading-title {
  font-size: 24px !important;
  font-weight: bold !important;
  line-height: 1.5em !important;
}
h5,
h5.elementor-heading-title {
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.5em !important;
}
h6,
h6.elementor-heading-title {
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 1.5em !important;
}

@media only screen and (max-width: 767px) {
  h1.elementor-heading-title {
    font-size: 48px !important;
    font-weight: bold !important;
  }
  h2,
  h2.elementor-heading-title {
    font-size: 32px !important;
    font-weight: bold !important;
  }
  h3,
  h3.elementor-heading-title {
    font-size: 24px !important;
    font-weight: bold !important;
  }
  h4,
  h4.elementor-heading-title {
    font-size: 20px !important;
    font-weight: bold !important;
  }
  h5,
  h5.elementor-heading-title {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5em !important;
  }
  h6,
  h6.elementor-heading-title {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.5em !important;
  }
}
/* Hero banner solution overview */
@media only screen and (min-width: 1025px) {
  .solutionHero {
    padding-inline: 10px !important;
  }
}
.solutionHero > .elementor-container {
  min-height: 520px !important;
}
@media only screen and (max-width: 767px) {
  .solutionHero > .elementor-container {
    min-height: 80vh !important;
  }
}

/* Hero banner solution subservice */
.solutionServiceHero > .elementor-container {
  min-height: 520px !important;
}

@media only screen and (min-width: 1025px) {
  .solutionServiceHero {
    padding-inline: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .solutionServiceHero > .elementor-container {
    min-height: 80vh !important;
  }
}

/* Detail Page Solution Card layout fix */
.detail-solution-section {
  .solutionCards .iconCardWrap {
    .iconCard .elementor-widget-container {
      max-height: 100% !important;
      min-height: auto !important;
    }
    .iconCard.iconCardHover {
      .elementor-image-box-title,
      .elementor-image-box-title a {
        word-break: break-word !important;
        width: auto !important;
        max-width: 100% !important;
      }
    }
    &:hover {
      .iconCard.iconCardHover .elementor-image-box-title,
      a {
        word-break: break-word !important;
        width: auto !important;
        max-width: 100% !important;
      }
    }
  }
}

.detail-solution-section {
  .solutionCards {
    .iconCardWrap {
      a&:not([href]) {
        .arrowCTA {
          display: none !important;
        }
      }
    }
    &.cards-perrow-2 {
      .iconCardWrap {
        .elementor-image-box-wrapper {
          flex-direction: row;
          gap: 20px !important;
          .elementor-image-box-img {
            margin: 0px !important;
          }
        }
      }
    }
  }
}

.detail-solution-section {
  .solutionCards {
    .iconCardWrap {
      .elementor-image-box-img,
      .elementor-image-box-img img {
        min-width: 72px !important;
        max-width: 72px !important;
      }
    }
  }
}

@media only screen and (max-width: 767px) {
  .detail-solution-section {
    .solutionCards {
      .iconCardWrap {
        .elementor-image-box-img,
        .elementor-image-box-img img {
          min-width: 32px !important;
          max-width: 32px !important;
        }
      }
    }
  }
}
@media only screen and (min-width: 1025px) {
  .detail-solution-section {
    .solutionCards {
      .iconCardWrap {
        width: calc(25% - 32px + calc(32px / 4)) !important;
      }
      &.cards-perrow-2 {
        .iconCardWrap {
          width: calc(33.33%) !important;
          & > .elementor-widget-wrap {
            padding: 16px 24px !important;
          }
        }
      }
      &.cards-perrow-3 {
        .iconCardWrap {
          width: calc(33.33% - 32px + calc(32px / 3)) !important;
        }
      }
    }
  }
}

@media only screen and (min-width: 768px) {
  .detail-solution-section {
    .solutionCards .iconCardWrap {
      .iconCard .elementor-widget-container {
        max-height: 100% !important;
        min-height: auto !important;
      }
      .iconCard.iconCardHover {
        .elementor-image-box-title,
        .elementor-image-box-title a {
          word-break: break-word !important;
          width: auto !important;
          max-width: 100% !important;
        }
        .elementor-image-box-description {
          position: relative !important;
          visibility: visible !important;
          opacity: 1 !important;
          display: none !important;
        }
      }
      &:hover {
        .iconCard.iconCardHover .elementor-image-box-title,
        a {
          word-break: break-word !important;
          width: auto !important;
          max-width: 100% !important;
        }
        .iconCard.iconCardHover .elementor-image-box-description {
          position: relative !important;
          visibility: visible !important;
          opacity: 1 !important;
          display: block !important;
        }
      }
    }
  }
}

@media only screen and (max-width: 767px) {
  .detail-solution-section {
    .solutionCards {
      .iconCardWrap {
        .iconCard .elementor-image-box-wrapper {
          flex-direction: row;
          gap: 16px !important;
          .elementor-image-box-img {
            margin: 0px !important;
          }
        }
      }
    }
  }
}
/*Detail page hover effect for cards without link*/
.detail-solution-section {
  .solutionCards .iconCardWrap {
    .iconCard .elementor-image-box-title {
      transition: 0.3s all ease-in-out;
    }
  }
  .solutionCards .iconCardWrap:hover {
    .iconCard .elementor-image-box-title a {
      background: none !important;
    }
    .iconCard .elementor-image-box-title {
      background-clip: text !important;
      background: linear-gradient(
        270deg,
        #d6001c 13.02%,
        #6a1f7a 98.28%
      ) !important;
      -webkit-background-clip: text !important;
      color: transparent !important;
      font-size: 24px !important;
      display: inline-block !important;
      width: min-content !important;
      max-width: 100% !important;
    }
  }
}

/* Solution Detail Phase2 Title*/
@media only screen and (max-width: 1200px) {
  .phase2Title::before {
    min-width: calc(100% + 48px) !important;
    width: 100% !important;
    left: -48px !important;
  }
}
@media only screen and (max-width: 767px) {
  .phase2Title::before {
    min-width: calc(100% + 24px) !important;
    width: 100% !important;
    left: -24px !important;
  }
}

/* Solution Detail Card Layout*/
.detailCards.detailIconCardOuterWrap {
  .detailIconCardWrap {
    background: #fff !important;
    &:nth-child(1),
    &:nth-child(4),
    &:nth-child(5),
    &:nth-child(8) {
      background: #f1f3f6 !important;
    }

    &:nth-child(4n + 1):hover .elementor-image-box-title,
    &:nth-child(4n + 1):hover .elementor-image-box-title a,
    &:nth-child(4n + 1):hover .elementor-image-box-description {
      color: #fff !important;
    }

    &:nth-child(4n + 3):hover .elementor-image-box-title,
    &:nth-child(4n + 3):hover .elementor-image-box-title a,
    &:nth-child(4n + 3):hover .elementor-image-box-description {
      color: #fff !important;
    }

    &:nth-child(4n + 4):hover .elementor-image-box-title,
    &:nth-child(4n + 4):hover .elementor-image-box-title a,
    &:nth-child(4n + 4):hover .elementor-image-box-description {
      color: #fff !important;
    }

    &:nth-child(4n + 2):hover .elementor-image-box-title,
    &:nth-child(4n + 2):hover .elementor-image-box-title a,
    &:nth-child(4n + 2):hover .elementor-image-box-description {
      color: #28292b !important;
    }

    &:nth-child(4n + 1):hover {
      background-color: #6a1f7a !important;
    }

    &:nth-child(4n + 2):hover {
      background-color: #f4ad33 !important;
    }

    &:nth-child(4n + 3):hover {
      background-color: #077db1 !important;
    }

    &:nth-child(4n + 4):hover {
      background-color: #bd1d67 !important;
    }

    &:hover .elementor-image-box-title,
    &:hover .elementor-image-box-title a,
    &:hover .elementor-image-box-description {
      color: #fff !important;
    }

    &:nth-child(4n + 2):hover .elementor-image-box-title,
    &:nth-child(4n + 2):hover .elementor-image-box-title a,
    &:nth-child(4n + 2):hover .elementor-image-box-description {
      color: #28292b !important;
    }

    &:hover {
      .elementor-image-box-content .elementor-image-box-description {
        max-height: 150px !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
        scrollbar-color: transparent transparent !important;
      }

      &::-webkit-scrollbar-track {
        background: transparent !important;
      }
    }
  }
}

@media only screen and (max-width: 767px) {
  .detail-accordion-inner {
    .elementor-accordion-item {
      background: #fff !important;
      &:nth-child(2n + 1) {
        background: #f1f3f6 !important;
      }

      &:nth-child(4n + 1) {
        .elementor-tab-title.elementor-active,
        .elementor-tab-content.elementor-active {
          background: #6a1f7a !important;
        }
      }

      &:nth-child(4n + 2) {
        .elementor-tab-title.elementor-active,
        .elementor-tab-content.elementor-active {
          background: #f4ad33 !important;
        }

        .elementor-tab-title.elementor-active,
        .elementor-tab-title.elementor-active a,
        .elementor-tab-content.elementor-active {
          color: #28292b !important;
        }

        .elementor-accordion-icon-opened path {
          fill: #28292b !important;
        }
      }

      &:nth-child(4n + 3) {
        .elementor-tab-title.elementor-active,
        .elementor-tab-content.elementor-active {
          background: #077db1 !important;
        }
      }

      &:nth-child(4n + 4) {
        .elementor-tab-title.elementor-active,
        .elementor-tab-content.elementor-active {
          background: #bd1d67 !important;
        }
      }
    }
  }
}

/* Color Code Fix */
.industryCards.iconCardOuterWrap .iconCardWrap:nth-child(2):hover,
.industryCards.iconCardOuterWrap .iconCardWrap:nth-child(7):hover {
  background-color: #077db1 !important;
}

.industryCards.iconCardOuterWrap .iconCardWrap:nth-child(4):hover,
.industryCards.iconCardOuterWrap .iconCardWrap:nth-child(5):hover {
  background-color: #bd1d67 !important;
}

.flipbox.blueBack .elementor-flip-box__back {
  background-color: #077db1 !important;
}

.flipbox.pinkBack .elementor-flip-box__back {
  background-color: #bd1d67 !important;
}
/* Broken Megamenu */
@media only screen and (min-width: 1025px) {
  .elementskit-megamenu-panel {
    visibility: hidden !important;
  }

  .headerSection
    .elementskit-menu-container[ekit-dom-added="yes"]
    .elementskit-megamenu-panel {
    visibility: visible !important;
  }
}

/* Slider Arrow Fix */
@media only screen and (min-width: 768px) {
  .outcome-banner-large-section {
    & .navigationSlider {
      & .button-wrapper {
        & .swiper-button-prev,
        & .swiper-button-next {
          &:before {
            filter: brightness(0) saturate(100%) invert(17%) sepia(62%)
              saturate(2232%) hue-rotate(269deg) brightness(92%) contrast(100%) !important;
          }
        }
      }
    }
  }
}
