/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/




/* Case Study Banner */

.case-study-banner-action .btn.btn-danger,
.case-study-outcome-action .btn.btn-danger,
.casestudy-connect-content .btn.btn-danger {
  background-color: var(--red-color);
  border: 1px solid var(--red-color);
  color: #fff;
  font-size: var(--font-size-16);
  font-weight: 600;
  line-height: 18px;
  border-radius: 4px;
  padding: 12px 20px;
}
.case-study-outcome-action .btn.btn-danger,
.casestudy-connect-content .btn.btn-danger {
  font-size: 14px;
  line-height: normal;
}

/* Case Study Banner */

.case-study-banner {
  position: relative;
  background: url("https://smartdatainc.co.uk/wp-content/themes/smartdata-new/assets/img/banner_home_bg.svg")
    center center / cover no-repeat;
  padding: 80px 0;
}

.casestudy-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

.casestudy-banner-wrapper .casestudy-banner-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  max-width: 800px;
  width: 100%;
}

.casestudy-badge {
  box-shadow: 0px 1px 2px -1px #0000001a;
  box-shadow: 0px 1px 3px 0px #0000001a;
  border: 1px solid #eaeaea;
  padding: 8px 16px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  background-color: #ffffff;
}
.casestudy-badge .casestudy-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #db222a;
}
.casestudy-badge p {
  margin-bottom: 0;
  color: #db222a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 16px;
}
.casestudy-banner-heading h3 {
  font-size: 45px;
  font-weight: 600;
  color: #333333;
  line-height: 130%;
  margin-bottom: 10px;
}
.casestudy-banner-heading h3 span {
  color: #db222a;
  font-weight: 700;
}
.casestudy-banner-heading p {
  margin-bottom: 0;
  color: #636262;
  font-size: 16px;
}

.case-study-banner-img {
  max-width: 562px;
  width: 100%;
  aspect-ratio: 1.6/1;
  border-radius: 20px;
  overflow: hidden;
}

.case-study-banner-img img {
  width: 100%;
  height: 100%;
}

.case-study-banner-action {
  margin-top: 10px;
}

/* Case Study Challenge */
.case-study-spacing {
  padding: 68px 0px;
}

.case-study-challenge {
  background-color: #f8f8f8;
}

.casestudy-header h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
  color: #333333;
  margin-bottom: 0;
}

.casestudy-header h3 span {
  font-weight: 700;
  color: #d92029;
}

.casestudy-centered-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  margin-bottom: 48px;
}
.casestudy-centered-header h3 {
  text-align: center;
}

.challenge-case {
  display: flex;
  gap: 20px;
  max-width: 942px;
  margin: 0 auto;
  border: 1px solid #d920291a;
  box-shadow: 0px 20px 60px -20px #d920290d;
  backdrop-filter: blur(24px);
  background-color: #ffffff;
  border-radius: 12px;
  padding: 30px 30px;
  align-items: start;
  margin-bottom: 20px;
}
.case-study-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffe4e5;
  flex-shrink: 0;
  border-radius: 100%;
}
.case-study-icon.case-study-lg-icon {
  width: 48px;
  height: 48px;
}
.case-study-icon.case-study-md-icon {
  width: 44px;
  height: 44px;
}
.challenge-case-text {
  color: #333333;
  font-size: 16px;
  line-height: 29.25px;
}
.challenge-case-cards,
.case-study-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.case-study-cards .case-study-card-items {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 20px 20px;
  border: 1px solid #d920291a;
  box-shadow: 0px 20px 60px -20px #d920290d;
  backdrop-filter: blur(24px);
}
.case-study-cards .case-study-card-items.casestudy-rounded-cards {
  border-radius: 32px;
}

.casestudy-card-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
}
.casestudy-card-text h3 {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
}
.casestudy-card-text p {
  font-size: 16px;
  color: #4f4e4e;
  margin-bottom: 0;
}

/* Approach Solution */
.approach-solution-wrapper {
  display: flex;
  gap: 70px;
  align-items: center;
}

.aproach-solution-img {
  width: 100%;
  max-width: 565px;
  height: 100%;
  aspect-ratio: 1.6 / 1;
  border: 3px solid #8a5bfa33;
  border-radius: 20px;
}
.aproach-solution-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 18px;
}

.aproach-solution-text {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: calc(100% - 565px);
}
.aproach-solution-text p {
  font-size: 18px;
  color: #333333;
  margin-bottom: 0;
}

.approach-solution-lst-content > p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.approach-solution-lst-content a {
  font-size: 16px;
  color: #139afa;
  font-weight: 500;
  text-decoration: unset;
  white-space: nowrap;
  display: inline-block;
  white-space: nowrap;
}

.case-study-keyfeature {
  background-color: #f2f2e1;
}

/* Key Features */
.key-features-cards .casestudy-card-text h3 {
  font-size: 16px;
}

.key-features-cards .case-study-card-items {
  padding: 30px;
}

/* Product Showcase */
.product-showcase-content {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 1.42/1;
  box-shadow: 0px 15.78px 47.34px -15.78px #a1349440;
  border: 0.79px solid #ece5ed;
  border-radius: 22px;
}

.product-showcase-content img {
  width: 100%;
  height: 100%;
  border-radius: 22px;
  object-fit:cover;
}

.casestudy-final-outcome {
  background-color: #f8f8f8;
}

/* Final Outcome */
.casetudy-finaloutcome-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
.casestudy-header.final-outcome-text {
  width: calc(100% - 562px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.final-outcome-text .final-outcome-heading h3 {
  max-width: 590px;
  width: 100%;
  margin-bottom: 14px;
}
.final-outcome-text .final-outcome-heading p {
  color: #61626f;
  font-size: 18px;
  margin-bottom: 0;
}

.final-outcome-img {
  aspect-ratio: 1.8/1;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 4px 24px 0px #0000000f;
  max-width: 562px;
}
.final-outcome-img img {
  width: 100%;
  height: 100%;
}

/* Lets connect */
.casestudy-connect-wrapper {
  background:
    linear-gradient(
      90deg,
      rgba(143, 21, 28, 0.7) 0%,
      rgba(247, 59, 71, 0.45) 100%
    ),
    url("https://smartdatainc.co.uk/wp-content/themes/smartdata-new/assets/images/case-study-lets-connect.png") center center / cover no-repeat;
  padding: 66px 30px;
  border-radius: 20px;
}
.casestudy-connect-content {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.casestudy-connect-content h3 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

/* Media Queries */
@media screen and (max-width: 1199px) {
  /* Banner */
  .casestudy-banner-wrapper {
    gap: 40px;
  }
  /* Approach & Solution */
  .approach-solution-wrapper,
  .casetudy-finaloutcome-wrapper {
    gap: 50px;
  }
  .aproach-solution-text p {
    font-size: 16px;
    text-align: center;
  }

  /* Case Study Banner */
  .casestudy-banner-heading h3 {
    font-size: 38px;
  }

  .challenge-case-cards,
  .case-study-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .casestudy-centered-header {
    gap: 16px;
    margin-bottom: 42px;
  }
  .casestudy-header h3 {
    font-size: 32px;
  }

  /* Final Outcome */
  .final-outcome-text .final-outcome-heading p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  /* Approach & Solution */
  .approach-solution-wrapper {
    gap: 40px;
    flex-direction: column-reverse;
  }
  .aproach-solution-text {
    width: 100%;
  }
  .aproach-solution-text p {
    font-size: 14px;
  }
  .approach-solution-lst-content a {
    text-align: center;
    width: 100%;
  }
  /* Case Study Banner */
  .casestudy-banner-heading h3 {
    font-size: 32px;
  }
  /* Final Outcome */
  .casetudy-finaloutcome-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .casestudy-header.final-outcome-text {
    width: 100%;
    align-items: center;
  }
  .final-outcome-text .final-outcome-heading h3 {
    max-width: unset;
    text-align: center;
  }
  .final-outcome-text .final-outcome-heading p {
    text-align: center;
  }
  .final-outcome-img {
    margin: 0 auto;
  }

  /* Lets connect */
  .casestudy-connect-content h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  /* Case Study Banner */
  .casestudy-banner-wrapper {
    flex-direction: column-reverse;
  }
  .casestudy-banner-wrapper .casestudy-banner-text {
    max-width: 100%;
  }
  /* Challenge Case */
  .challenge-case {
    gap: 16px;
    padding: 25px 25px;
  }
  /* Case Study Centered Header */
  .casestudy-centered-header {
    gap: 14px;
    margin-bottom: 38px;
  }
  .casestudy-header h3 {
    font-size: 28px;
  }
  /* Case Study Cards */
  .casestudy-card-text h3 {
    font-size: 16px;
  }
  .casestudy-card-text {
    margin-top: 10px;
  }
  .casestudy-card-text p,
  .challenge-case-text p {
    font-size: 14px;
  }
  .case-study-spacing {
    padding: 50px 0px;
  }

  /* Key Fetaures */
  .key-features-cards .case-study-card-items {
    padding: 20px;
  }
  .case-study-cards .case-study-card-items.casestudy-rounded-cards {
    border-radius: 20px;
  }
  /* Lets connect */
  .casestudy-connect-wrapper {
    padding: 40px 30px;
  }
  .casestudy-connect-content h3 {
    font-size: 30px;
  }
  .casestudy-connect-content {
    gap: 16px;
  }
}
@media screen and (max-width: 667px) {
  /* Case Study Banner */
  .casestudy-banner-heading h3 {
    font-size: 26px;
  }
  .casestudy-banner-heading p {
    font-size: 14px;
  }
  .casestudy-centered-header {
    margin-bottom: 30px;
  }
  .casestudy-badge p {
    font-size: 12px;
  }
  .casestudy-header h3 {
    font-size: 24px;
  }
  .challenge-case-cards,
  .case-study-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .challenge-case {
    gap: 10px;
    flex-direction: column;
    padding: 20px 20px;
  }
  /* Lets connect */
  .casestudy-connect-wrapper {
    padding: 30px 30px;
  }
  .casestudy-connect-content h3 {
    font-size: 26px;
  }
  .casestudy-connect-content {
    gap: 12px;
  }
}



/* Case Study Banner */

.case-study-banner-action .btn.btn-danger,
.case-study-outcome-action .btn.btn-danger,
.casestudy-connect-content .btn.btn-danger {
  background-color: var(--red-color);
  border: 1px solid var(--red-color);
  color: #fff;
  font-size: var(--font-size-16);
  font-weight: 600;
  line-height: 18px;
  border-radius: 4px;
  padding: 12px 20px;
}
.case-study-outcome-action .btn.btn-danger,
.casestudy-connect-content .btn.btn-danger {
  font-size: 14px;
  line-height: normal;
}

/* Case Study Banner */

.case-study-banner {
  position: relative;
  background: url("https://smartdatainc.co.uk/wp-content/themes/smartdata-new/assets/img/banner_home_bg.svg")
    center center / cover no-repeat;
  padding: 80px 0;
}

.casestudy-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

.casestudy-banner-wrapper .casestudy-banner-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  max-width: 800px;
  width: 100%;
}

.casestudy-badge {
  box-shadow: 0px 1px 2px -1px #0000001a;
  box-shadow: 0px 1px 3px 0px #0000001a;
  border: 1px solid #eaeaea;
  padding: 8px 16px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  background-color: #ffffff;
}
.casestudy-badge .casestudy-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #db222a;
}
.casestudy-badge p {
  margin-bottom: 0;
  color: #db222a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 16px;
}
.casestudy-banner-heading h3 {
  font-size: 45px;
  font-weight: 600;
  color: #333333;
  line-height: 130%;
  margin-bottom: 10px;
}
.casestudy-banner-heading h3 span {
  color: #db222a;
  font-weight: 700;
}
.casestudy-banner-heading p {
  margin-bottom: 0;
  color: #555555;
  font-size: 16px;
  line-height:150%
 
}

.case-study-banner-img {
  max-width: 562px;
  width: 100%;
  aspect-ratio: 1.6/1;
  border-radius: 20px;
  overflow: hidden;
}

.case-study-banner-img img {
  width: 100%;
  height: 100%;
  object-fit:cover;
}

.case-study-banner-action {
  margin-top: 10px;
}

/* Case Study Challenge */
.case-study-spacing {
  padding: 68px 0px;
}

.case-study-challenge {
  background-color: #f8f8f8;
}

.casestudy-header h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
  color: #333333;
  margin-bottom: 0;
}

.casestudy-header h3 span {
  font-weight: 700;
  color: #d92029;
}

.casestudy-centered-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  margin-bottom: 48px;
}
.casestudy-centered-header h3 {
  text-align: center;
}

.challenge-case {
  display: flex;
  gap: 20px;
  max-width: 942px;
  margin: 0 auto;
  border: 1px solid #d920291a;
  box-shadow: 0px 20px 60px -20px #d920290d;
  backdrop-filter: blur(24px);
  background-color: #ffffff;
  border-radius: 12px;
  padding: 30px 30px;
  align-items: start;
  margin-bottom: 20px;
}
.case-study-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffe4e5;
  flex-shrink: 0;
  border-radius: 100%;
}
.case-study-icon.case-study-lg-icon {
  width: 48px;
  height: 48px;
}
.case-study-icon.case-study-md-icon {
  width: 44px;
  height: 44px;
}
.challenge-case-text p{
  color: #555555;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 0;
}
.challenge-case-cards,
.case-study-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.case-study-cards .case-study-card-items {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 20px 20px;
  border: 1px solid #d920291a;
  box-shadow: 0px 20px 60px -20px #d920290d;
  backdrop-filter: blur(24px);
}
.case-study-cards .case-study-card-items.casestudy-rounded-cards {
  border-radius: 32px;
}

.casestudy-card-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
}
.casestudy-card-text h3 {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
}
.casestudy-card-text p {
  font-size: 16px;
  color: #555555;
  margin-bottom: 0;
  line-height: 150%;
}

/* Approach Solution */
.approach-solution-wrapper {
  display: flex;
  gap: 70px;
  align-items: center;
}

.aproach-solution-img {
  width: 100%;
  max-width: 565px;
  height: 100%;
  aspect-ratio: 1.6 / 1;
  border: 3px solid #8a5bfa33;
  border-radius: 20px;
}
.aproach-solution-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 18px;
}

.aproach-solution-text {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: calc(100% - 565px);
}
.aproach-solution-text p {
  font-size: 16px;
  color: #555555;
  margin-bottom: 0;
  line-height: 150%;
}

.approach-solution-lst-content > p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.approach-solution-lst-content a {
  font-size: 16px;
  color: #139afa;
  font-weight: 500;
  text-decoration: unset;
  white-space: nowrap;
  display: inline-block;
  white-space: nowrap;
}

.case-study-keyfeature {
  background-color: #f2f2e1;
}

/* Key Features */
.key-features-cards .casestudy-card-text h3 {
  font-size: 16px;
}

.key-features-cards .case-study-card-items {
  padding: 30px;
}

/* Product Showcase */
.product-showcase-content {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 1.42/1;
  box-shadow: 0px 15.78px 47.34px -15.78px #a1349440;
  border: 0.79px solid #ece5ed;
  border-radius: 22px;
}

.product-showcase-content img {
  width: 100%;
  height: 100%;
  border-radius: 22px;
}

.casestudy-final-outcome {
  background-color: #f8f8f8;
}

/* Final Outcome */
.casetudy-finaloutcome-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
.casestudy-header.final-outcome-text {
  width: calc(100% - 562px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.final-outcome-text .final-outcome-heading h3 {
  max-width: 590px;
  width: 100%;
  margin-bottom: 14px;
}
.final-outcome-text .final-outcome-heading p {
  color: #555555;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 150%;
}

.final-outcome-img {
  aspect-ratio: 1.8/1;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 4px 24px 0px #0000000f;
  max-width: 562px;
}
.final-outcome-img img {
  width: 100%;
  height: 100%;
}

/* Lets connect */
.casestudy-connect-wrapper {
  background:
    linear-gradient(
      90deg,
      rgba(143, 21, 28, 0.7) 0%,
      rgba(247, 59, 71, 0.45) 100%
    ),
    url("https://smartdatainc.co.uk/wp-content/themes/smartdata-new/assets/images/case-study-lets-connect.png") center center / cover no-repeat;
  padding: 66px 30px;
  border-radius: 20px;
}
.casestudy-connect-content {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.casestudy-connect-content h3 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}


/* Media Queries */
@media screen and (max-width: 1399px) {
  .casestudy-header h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 1199px) {
  /* Banner */
  .casestudy-banner-wrapper {
    gap: 40px;
  }
  /* Approach & Solution */
  .approach-solution-wrapper,
  .casetudy-finaloutcome-wrapper {
    gap: 50px;
  }
  .aproach-solution-text p {
    font-size: 16px;
    
  }

  /* Case Study Banner */
  .casestudy-banner-heading h3 {
    font-size: 38px;
  }

  .challenge-case-cards,
  .case-study-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .casestudy-centered-header {
    gap: 16px;
    margin-bottom: 42px;
  }
  .casestudy-header h3 {
    font-size: 32px;
  }

  /* Final Outcome */
  .final-outcome-text .final-outcome-heading p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  /* Approach & Solution */
  .approach-solution-wrapper {
    gap: 40px;
    flex-direction: column-reverse;
  }
  .aproach-solution-text {
    width: 100%;
  }
  .aproach-solution-text p {
    font-size: 14px;
    text-align: center;
  }
  .approach-solution-lst-content a {
    text-align: center;
    width: 100%;
  }
  /* Case Study Banner */
  .casestudy-banner-heading h3 {
    font-size: 32px;
  }
  /* Final Outcome */
  .casetudy-finaloutcome-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .casestudy-header.final-outcome-text {
    width: 100%;
    align-items: center;
  }
  .final-outcome-text .final-outcome-heading h3 {
    max-width: unset;
    text-align: center;
  }
  .final-outcome-text .final-outcome-heading p {
    text-align: center;
  }
  .final-outcome-img {
    margin: 0 auto;
  }

  /* Lets connect */
  .casestudy-connect-content h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  /* Case Study Banner */
  .casestudy-banner-wrapper {
    flex-direction: column-reverse;
  }
  .casestudy-banner-wrapper .casestudy-banner-text {
    max-width: 100%;
  }
  /* Challenge Case */
  .challenge-case {
    gap: 16px;
    padding: 25px 25px;
  }
  /* Case Study Centered Header */
  .casestudy-centered-header {
    gap: 14px;
    margin-bottom: 38px;
  }
  .casestudy-header h3 {
    font-size: 28px;
  }
  /* Case Study Cards */
  .casestudy-card-text h3 {
    font-size: 16px;
  }
  .casestudy-card-text {
    margin-top: 10px;
  }
  .casestudy-card-text p,
  .challenge-case-text p {
    font-size: 14px;
  }
  .case-study-spacing {
    padding: 50px 0px;
  }

  /* Key Fetaures */
  .key-features-cards .case-study-card-items {
    padding: 20px;
  }
  .case-study-cards .case-study-card-items.casestudy-rounded-cards {
    border-radius: 20px;
  }
  /* Lets connect */
  .casestudy-connect-wrapper {
    padding: 40px 30px;
  }
  .casestudy-connect-content h3 {
    font-size: 30px;
  }
  .casestudy-connect-content {
    gap: 16px;
  }
}
@media screen and (max-width: 667px) {
  /* Case Study Banner */
  .casestudy-banner-heading h3 {
    font-size: 26px;
  }
  .casestudy-banner-heading p {
    font-size: 14px;
  }
  .casestudy-centered-header {
    margin-bottom: 30px;
  }
  .casestudy-badge p {
    font-size: 12px;
  }
  .casestudy-header h3 {
    font-size: 24px;
  }
  .challenge-case-cards,
  .case-study-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .challenge-case {
    gap: 10px;
    flex-direction: column;
    padding: 20px 20px;
  }
  /* Lets connect */
  .casestudy-connect-wrapper {
    padding: 30px 30px;
  }
  .casestudy-connect-content h3 {
    font-size: 26px;
  }
  .casestudy-connect-content {
    gap: 12px;
  }
}


/* CAse Study  2*/
.success-story-banner .case-study-banner-img {
  box-shadow: 0px 4px 24px 0px #0000000f;
}

.greyed-bg {
  background-color: #f8f8f8;
}
.projects-search-bar {
  max-width: 576px;
  width: 100%;
  margin: 0 auto;
}
.projects-search-bar input[type="search"] {
  border: 1px solid #eaeaea;
  box-shadow: 0px 1px 2px -1px #0000001a;
  background-color: #ffffff;
  padding: 16px 24px;
  padding-left: 42px;
  border-radius: 100px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2549 17.4882L13.6853 12.7355C14.8606 11.341 15.5049 9.57571 15.504 7.75203C15.504 3.47761 12.0264 0 7.75198 0C3.47762 0 0 3.47761 0 7.75203C0 12.0263 3.47762 15.5039 7.75198 15.5039C9.35662 15.5039 10.8858 15.02 12.1932 14.1012L16.7976 18.8899C16.99 19.0898 17.2489 19.2 17.5262 19.2C17.7888 19.2 18.0379 19.0999 18.2269 18.9179C18.42 18.7319 18.5313 18.4768 18.5365 18.2088C18.5417 17.9408 18.4405 17.6816 18.2549 17.4882ZM7.75198 2.02226C10.9114 2.02226 13.4817 4.59255 13.4817 7.75203C13.4817 10.9115 10.9114 13.4817 7.75198 13.4817C4.59255 13.4817 2.02226 10.9115 2.02226 7.75203C2.02226 4.59255 4.59255 2.02226 7.75198 2.02226Z' fill='%236B7280'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 18px 20px;
  background-size: 16px;
}
.projects-search-bar input[type="search"]:active,
.projects-search-bar input[type="search"]:focus {
  outline: none;
}
/* All Projects Tabs*/
.project-tabs {
  display: flex;
  overflow: auto;
  padding-bottom: 10px;
  scrollbar-width: thin;
  gap: 10px;
  margin: 30px 0;
}

.project-tabs .project-tab-button {
  border: 1px solid #e6e6e6;
  padding: 10px 20px;
  border-radius: 100px;
  background-color: #ffffff;
  white-space: nowrap;
}
.project-tabs .project-tab-button.active-project-tab {
  background-color: #db222a;
  color: #ffffff;
  border: 1px solid #db222a;
}
/* Cards with image & text */

.project-card-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.cs-cards {
  border-radius: 24px;
  box-shadow: 0px 2px 16px 0px #0000000a;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
}

.cs-cards .cs-card-img {
  background: linear-gradient(270deg, #dee5e7 0%, #e0e9e9 52.93%);
  height: 280px;
  border-radius: 20px 20px 0px 0px;
}
.cs-cards .cs-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0px 0px;
}
.cs-card-contents {
  padding: 28px 28px;
  display: flex;
  flex-direction: column;
  flex: 1;
 
}
.cs-card-contents .cs-cards-desc {
  flex: 1;
}
.cs-card-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0px 4px 4px 0px #0000000d;
  background: #fffffff2;
  width: max-content;
  padding: 5px 9px;
  border-radius: 100px;
}
.cs-card-badge .cs-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #cd2525;
}
.cs-card-badge p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  color: #cd2525;
}
.cs-card-texts {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cs-card-texts h3 {
  font-size: 18px;
  font-weight: 600;
  color: #121212;
  margin-bottom: 0;
}
.cs-card-texts p {
  color: #6b7280;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 0;
}
.cs-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0;
}
.cs-card-tags .cs-card-tag-items {
  border: 1px solid #eaeaea;
  background: #f4f4f5;
  padding: 4px 10px;
  border-radius: 8px;
}
.cs-card-tag-items p {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}

.cs-navigate {
  color: #db222a;
  font-size: 14px;
  font-weight: 600;
  text-decoration: unset;
}
.cs-navigate svg {
  vertical-align: middle;
  margin-left: 5px;
}
.project-action {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

/* Related Projects */
.related-project-header {
  margin-bottom: 30px;
}
.related-project-header .related-project-label {
  color: #333333;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 2.16px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.related-project-header-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.related-project-header-items h3 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
  color: #1a1612;
  margin-bottom: 0;
}
.related-project-header-items h3 span {
  color: #db252c;
}

.related-project-header-items .related-project-description {
  max-width: 480px;
  width: 100%;
}
.related-project-description p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333333;
}

/* Separator */
.project-separator {
  margin-top: 32px;
  background: linear-gradient(
    90deg,
    #f2f2e1 0%,
    rgba(196, 122, 82, 0.3) 30%,
    rgba(0, 0, 0, 0) 70%
  );
  border: unset;
  width: 100%;
  height: 1px;
}

/* Relate Projects */
.related-project .cs-cards-desc {
  border-bottom: 1px solid #eaeaea;
}
.cs-project-card-details {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cs-project-card-details .cs-project-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cs-project-card-details .cs-project-details-item {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.cs-project-details-item .cs-project-details-label {
  color: #6b7280;
  font-size: 12px;
}
.cs-project-details-item .cs-project-details-value {
  color: #121212;
  font-size: 12px;
  font-weight: 600;
}

.related-project-action {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.related-project-action button {
  padding: 16px 32px;
  background-color: #ffffff;
  border: 1px solid #1a16121a;
  border-radius: 100px;
  outline: unset;
}
.related-project-action button:hover {
  background-color: #cd2525;
  border-color: #cd2525;
  color: #ffffff;
  transition: 0.5s all;
}
.related-project-action button:hover svg path {
  stroke: #ffffff;
}
.related-project-action button svg {
  vertical-align: middle;
  margin-left: 5px;
}

/* Explore Stories */
.cs-explore-stories {
  background-color: #db222a;
  padding: 110px 0;
}
.cs-explore-stories-wrapper {
  max-width: 848px;
  width: 100%;
  margin: 0 auto;
}
.cs-explore-stories-wrapper h3 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.cs-explore-stories-wrapper p {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0;
}
.cs-explore-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
}
.cs-explore-actions button {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 16px 32px;
  border: unset;
  border-radius: 100px;
  gap: 10px;
  font-size: 16px;
  justify-content: center;
}
.cs-explore-actions button.cs-explore-filled {
  background-color: #ffffff;
  border: 2px solid transparent;
  color: #db222a;
  font-weight: 600;
}
.cs-explore-actions button.cs-explore-filled:hover {
  background: #db222a;
  transition: 0.5s all;
  border-color: #ffffff4d;
  color: #ffffff;
}
.cs-explore-actions button.cs-explore-filled:hover svg path {
  stroke: #ffffff;
}
.cs-explore-actions button.cs-explore-outlined {
  background-color: #db222a;
  border: 2px solid #ffffff4d;
  color: #ffffff;
  font-weight: 600;
}
.cs-explore-actions button.cs-explore-outlined:hover {
  background: #ffffff;
  transition: 0.5s all;
  border-color: #ffffff4d;
  color: #db222a;
}

/* Projects media queries */
@media screen and (max-width: 1199px) {
  /* All Projects */
  .cs-card-contents {
    padding: 24px 24px;
  }
  /* Explore Success */
  .cs-explore-stories-wrapper h3 {
    font-size: 42px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  /* All Projects */
  .project-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cs-card-texts h3 {
    font-size: 16px;
  }
  .project-tabs {
    margin: 20px 0;
  }
  /* Related Projects */
  .related-project-header-items {
    flex-direction: column;
    gap: 4px;
  }
  .related-project-header .related-project-label {
    text-align: center;
  }
  .related-project-header-items h3 {
    font-size: 40px;
    line-height: normal;
    text-align: center;
  }
  .related-project-description p {
    text-align: center;
    font-size: 14px;
  }

  /* Explore Success */
  .cs-explore-stories {
    padding: 90px 0;
  }
  .cs-explore-stories-wrapper h3 {
    font-size: 36px;
    margin-bottom: 6px;
  }
  .cs-explore-stories-wrapper p {
    font-size: 16px;
  }
  .cs-explore-actions button {
    font-size: 14px;
  }
  .cs-explore-actions button {
    padding: 12px 32px;
  }
  .cs-explore-actions {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  /* All Projects */
  .project-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  /* Related Projects */
  .related-project-header-items {
    flex-direction: column;
    gap: 2px;
  }
  .related-project-header-items h3 {
    font-size: 36px;
  }
  /* Explore Success */
  .cs-explore-stories {
    padding: 80px 0;
  }
  .cs-explore-stories-wrapper h3 {
    font-size: 30px;
  }
  .cs-explore-actions button {
    padding: 12px 26px;
  }
}
@media screen and (max-width: 545px) {
  .related-project-header-items h3 {
    font-size: 30px;
  }
  /* Explore Success */

  .cs-explore-stories-wrapper h3 {
    font-size: 26px;
  }
  .cs-explore-actions {
    flex-direction: column;
  }
  .cs-explore-stories {
    padding: 70px 0;
  }
}

.client_marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.client_track {
    display: flex;
    width: max-content;
    animation: clientMarquee 120s linear infinite;
}

.client_item {
    flex: 0 0 auto;
    margin-right: 60px;
}

.client_item img {
    max-height: 60px;
    width: auto;
}

/* Smooth infinite animation */
@keyframes clientMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.clients {
    position: relative;
    padding: 100px 0px 128px;
}
 
.products_client {
    padding: 80px 0px;
}
.clients::before {
    position: absolute;
    right: 0px;
    background: url("https://smartdatainc.co.uk/wp-content/themes/smartdata-new/assets/images/clients-bg-2.png") no-repeat;
}
.clients::after {
    position: absolute;
    background: url("https://smartdatainc.co.uk/wp-content/themes/smartdata-new/assets/images/clients-bg-1.png") no-repeat;
}
.tittle_head {
    margin-bottom: 50px;
}
.tittle_head h2 {
    font-size: 32px;
    font-weight: 600;
    color: var(--heading-color);
}
.tittle_head h2 span {
    color: rgb(217, 32, 41);
}
@media (max-width: 1199px) {
    /*.products_client {
        margin: 50px 0px 0px;
    }*/
    .leader_ship_cntnt_txt h2, .tittle_head h2 {
        font-size: 26px;
    }
     .tittle_head h2 {
        font-size: 26px;
    }
        .tittle_head{
        margin-bottom: 28px;
    }
}
@media (max-width: 991px) {
    .tittle_head {
        margin-bottom: 22px;
    }
}
 
@media (max-width: 767px) {
    .clients {
        padding: 50px 0px;
    }
        .clients::before {
        width: 50%;
    }
    .clients::after {
   display:none
}
}
@media (max-width: 667px) {
    .contactuspage h2, .tittle_head h2 {
        font-size: 20px;
        line-height: 30px;
    }
}
.extra-tech-tag {
    display: none;
}

.cs-more-tags {
    color: #047ACE;
    cursor: pointer;
}



.inner-category-page .projects-search-bar {
    margin-bottom: 40px;
}