@font-face {
  font-family: "Manrope";
  src: url("../../fonts/Manrope/static/Manrope-Regular.ttf") format("truetype");
  font-display: swap;
}

.nmx-wrap-container.clientinfo {
  max-width: inherit !important;
  padding-top:0 !important;
  /* width: 100vw !important; */
}

.case {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.case__images {
  order: 2;
}
.case__images img {
  display: block;
  margin: 0 auto;
}
.case__images .mobile > section {
  margin-top: 40px;
}
.case__content {
  flex: 1 0 auto;
  order: 1;
  margin-bottom: 40px;
}
.case__content hr {
  background: none;
  border: none;
  border-top: 1px solid #e1e1e1;
  height: 1px;
  margin: 30px 0;
}
.case__content a:not(.btn) {
  text-decoration: none;
  border-bottom: 1px solid #0686d4;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.case__content a:not(.btn):hover {
  background: #d5ebf8;
  text-decoration: none;
  border-bottom-color: transparent;
}
@media screen and (prefers-reduced-motion: reduce) {
  .case__content a:not(.btn) {
    transition: none;
  }
}
.case .block > *:first-child {
  margin-top: 0;
}
.case .block > *:last-child {
  margin-bottom: 0;
}

.case__testimonial {
  display: block;
  border-left: 8px solid #e1e1e1;
  margin: 40px 0;
  padding: 0 0 0 20px;
  font-style: italic;
}
.case__testimonial p:empty {
  display: none;
}
.case__testimonial .ttolower {
  text-transform: lowercase;
}

.case__tags {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  margin-top:27px;
}
@media (min-width: 768px) {
  .case__tags {
    font-size: 0.8rem;
  }
}
.case__tags > span {
  margin-right: 10px;
}
.case__tags > div {
  flex: 1;
}
.case__tags .comma:last-child {
  display: none;
}
.case__tags a {
  text-decoration: none;
  border-bottom: 1px solid #0686d4;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.case__tags a:hover {
  background: #d5ebf8;
  text-decoration: none;
  border-bottom-color: transparent;
}
@media screen and (prefers-reduced-motion: reduce) {
  .case__tags a {
    transition: none;
  }
}

@media (min-width: 1024px) {
  .case {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    flex-direction: row;
  }
  .case__images {
    order: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .case__content {
    margin-bottom: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-left: 24px;
  }
}

@media (min-width: 1280px) {
  .case__images .mobile {
    display: flex;
    justify-content: center;
  }
  .case__images .phone {
    margin-left: 4.44%;
  }
  .case__content .inner {
    padding-left: 36px;
  }
}

/*
*  Product Page Stuff
*  
*  Previous/Next
*  For product pages and portfolio
*/
/* previous/next */
.navNextPrevWrapper {
  display: none;
}

@media (min-width: 1100px) {
  .navNextPrevWrapper {
    display: block;
  }
}

.navNextPrevWrapper.stickit {
  position: fixed;
  top: 0;
}

.navNextPrevWrapper ul {
  padding-left: 0;
  list-style: none;
  width: 100%;
}

.navNextPrevWrapper a {
  position: relative;
  z-index: 1;
}
.navNextPrevWrapper a svg {
  height: 32px;
  width: auto;
  position: relative;
}
.navNextPrevWrapper a svg * {
  fill: #333333;
}
.navNextPrevWrapper a:hover svg * {
  fill: #0686d4;
}
.navNextPrevWrapper a.icon-nmxarrow-right svg {
  transform: rotate(180deg);
}

.navNextPrevWrapper li {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: none;
}

.navNextPrevList:first-child {
  left: 21px;
}

.navNextPrevList:last-child {
  right: 21px;
}

@media (min-width: 1680px) {
  .navNextPrevList:first-child {
    left: 60px;
  }
  .navNextPrevList:last-child {
    right: 60px;
  }
}

/* client_info_individual_container */
.client_info_individual_container {
  /* width: 100vw; */
  padding-top:150px;
}

.client_info_content {
  max-width: 1560px;
  margin: auto;
}

.client_info_title_tags {
  text-align:center;
}

.client_info_title_tags h1 {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 62px;
  text-transform: capitalize;
  color: #333333;
}
.client_info_desktop {
  display:flex;
  justify-content:center;
}

@media (max-width: 1200px) {
  .client_info_title_tags h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (max-width: 768px) {
  .client_info_title_tags h1 {
    font-size: 32px;
    line-height: 45px;
  }
  .client_info_title_tags {
    padding-bottom: 10px;
  }
}

.client_info_title_tags .case__tags > div {
  flex-wrap: wrap;
  max-width: 100%;
}

.client_info_title_tags .case__tags a {
  background: #f0f0f0;
  height: 30px;
  width: fit-content;
  padding: 5px 20px;
  border-radius: 58px;
  color: #5f5f5f;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0 8px 5px 0;
  text-decoration: none;
  border-bottom: none;
  display: inline-block;
}

.client_info_title_tags .case__tags a:hover {
  text-decoration: none;
  color: #0686d4;
}

@media (max-width: 600px) {
  .client_info_title_tags .case__tags a {
    font-size: 12px;
    line-height: 18px;
    height: 25px;
    padding: 4px 10px;
  }
}

.client_info_section2,
.client_info_section3,
.client_info_section5 {
  padding: 150px 0 0;
  display: flex;
  flex-direction:row;
  justify-content:space-between;
}
.client_info_section2 > div:first-child,
.client_info_section5 > div:first-child {
  width:calc(45% - 90px);
}
.client_info_section2 > div:last-child,
.client_info_section5 > div:last-child {
  width:55%;
}
.client_info_section2 > div:last-child img,
.client_info_section5 > div:last-child img {
  width: 100%;
  max-height: none !important;
}
.client_info_section2 h3 {
  text-transform:none;
  font-family:'Manrope', sans-serif;
  margin-bottom:30px;
  font-size: 35px;
  color: rgba(23, 23, 23, 1);
}
.client_info_section2 ul {
  list-style:none;
  padding-left:24px;
}
.client_info_section2 li {
  position:relative;
  font-size:18px;
  font-family:'Manrope', sans-serif;
  margin-bottom:12px;
}
.client_info_section2 li::marker {
  display:none;
}
.client_info_section2 li::before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background: linear-gradient(to left, rgba(73, 198, 255, 1), rgba(6, 78, 161, 1));
  border-radius: 50%;
  position: absolute;
  left:-22px;
  top:12px;
}
.client_info_section3 > div {
  width:calc(50% - 38px);
  padding-right:0 !important;
}
.client_info_section5 + .section {
  padding-top:95px;
}

.client_info_section2 > div p,
.client_info_section3 > div p,
.client_info_section5 > div p {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #171717;
}

.client_info_result_statistic {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 50px;
}

.client_info_result_statistic > div {
  width: 50%;
  padding-right: 30px;
  padding-bottom: 25px;
}

.client_info_result_statistic > div h3 {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  color: #171717;
  text-transform: capitalize;
}
.client_info_result_statistic > div p {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color:#636363;
}

.client_info_result_statistic .result_statistic_details {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
}
.client_info_result_statistic .result_statistic_details .icon {
  margin-right:20px;
}
.client_info_result_statistic .result_statistic_details .icon svg {
  width:32px;
  height:32px;
}

.client_info_section4 > div {
  padding: 150px 50px 0;
}
.client_info_section4 .client_info_img_wrapper {
  max-width:100%;
  width:1280px;
  margin:auto;
  border-radius:8px;
  border:5px solid #A4A4A4;
  overflow:hidden;
}
.client_info_section4 img {
  max-width: 100%;
  width: 100%;
  max-height: none !important;
}
.client_info_section4 > .btn-wrapper {
  padding-top:40px;
}

@media (max-width:1200px) {
  .client_info_section2 h3 {
    font-size:26px;
    line-height:35px;
  }
}
@media (max-width: 960px) {
  .client_info_individual_container {
    padding-top:70px;
  }
  .client_info_section2,
  .client_info_section3,
  .client_info_section5 {
    flex-direction: column;
    padding: 70px 0 0;
  }
  .client_info_section2 > div,
  .client_info_section3 > div,
  .client_info_section5 > div {
    width: 100% !important;
    padding-right: 0;
  }
  .client_info_section4 > div {
    padding: 70px 50px 0;
  }
  .client_info_section5 + .section {
    padding-top:15px;
  }
}

@media (max-width: 600px) {
  .client_info_section4 > div {
    padding: 70px 0 0;
  }
}

.client_info_common_title {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 52px;
  text-transform: capitalize !important;
  color: #171717;
  margin-bottom: 30px;
}

.client_info_common_content_text {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #171717;
}

@media (max-width: 1200px) {
  .client_info_common_title {
    font-size: 35px;
    line-height: 45px;
  }
  .client_info_section2 > div p,
  .client_info_section3 > div p,
  .client_info_section5 > div p {
    font-size: 16px;
    line-height: 24px;
  }
  .client_info_result_statistic > div h3 {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 960px) {
  .client_info_section3 > div:first-child {
    margin-bottom: 30px;
  }
  .client_info_section2 > .full-wide-mobile {
    margin-top:50px;
  }
}

@media (max-width: 768px) {
  .client_info_common_title {
    font-size: 35px;
    line-height: 46px;
  }
  .client_info_section2 > div p,
  .client_info_section3 > div p,
  .client_info_section5 > div p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 460px) {
  /* .client_info_individual_container {
    text-align:center;
  } */
  .client_info_title_tags {
    display:flex;
    flex-direction:column;
  }
  .client_info_title_tags .case__tags {
    order:3;
  }
  .client_info_title_tags .case__tags > div {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  .client_info_title_tags .case__tags > div > a {
    margin:0;
  }
  .client_info_section2 > .full-wide-mobile {
    width:100vw !important;
    position:relative;
    left:50%;
    transform:translateX(-50%);
  }
  .client_info_result_statistic > div {
    width:100%;
  }
  .client_info_result_statistic > div h3 {
    font-size:16px;
    line-height:22px;
  }
  .client_info_result_statistic > div p {
    font-size:12px;
    line-height:20px;
  }
  .client_info_result_statistic .result_statistic_details .icon {
    margin-right:12px;
  }
  .client_info_result_statistic .result_statistic_details .icon svg {
    width:24px;
    height:24px;
  }
}

/* Start: Update case study pages layout as new design */
section.client_info_content.client_info_section2 {
    flex-direction: row-reverse;
    gap:76px;
    justify-content: flex-end;
    align-items:flex-start;
}
section.client_info_content.client_info_section2 > div:first-child {
  width: calc(50% - 38px);
}
section.client_info_content.client_info_section2 > div:last-child {
  width: calc(50% - 38px) !important;
  position: sticky;
  top: 0;
  left: 0;
}
section.client_info_content.client_info_section2 > div:last-child img {
  width:auto;
  max-width:100%;
}
section.client_info_content.client_info_section3 {
  display: none;
}
section.client_info_content.client_info_section4 {
  margin-top: 100px;
}
section.client_info_content.client_info_section2 hr {
  margin: 37px 0;
  border-color: rgba(237, 237, 237, 0.5);
  border-width: 1px 0 0 0;
}
@media (max-width:1023px) {
  .client_info_section2 li::before {
    top:8px;
  }
}
@media (max-width:992px) {
  section.client_info_content.client_info_section2 {
    flex-direction:column-reverse;
  }
  section.client_info_content.client_info_section2 > div:last-child {
    width:100% !important;
    position:relative;
    transform:none;
  }
  section.client_info_content.client_info_section2 > div:last-child img {
    aspect-ratio:2/1;
    object-fit:cover;
  }
  section.client_info_content.client_info_section2 > div:first-child {
    width:100% !important;
  }
  section.client_info_content.client_info_section4 {
    margin-top:0;
  }
}
@media (max-width:575px) {
  section.client_info_content.client_info_section2 {
    gap:50px;
  }
}
/* End: Update case study pages layout as new design */