.caseStudiesHero-cs   {
    min-height: 410px;
    background-size: cover;
	 background-position: center;
   display: flex;
    align-items: center;
  justify-content: center;
  position: relative;
  padding: 94px 23px;
}

.caseStudiesHero-cs:before {
  content: "";
  position: absolute;
    top: 0;
   left: 0;
  right: 0;
  bottom: 0;
  background: rgba(29,53,87,0.84);
}  

.heroContentCase {
   position: relative;
   z-index: 2;
    text-align: center;
    max-width: 810px;
	}

.casePageTitle {
  font-size: 48px;
  font-weight: 800;
               color: #ffffff;
  margin-bottom: 18px;
}

.casePageSubtitle {
   font-size: 19px;
   color: #e8f1f8;
  line-height: 1.62;
}

.casesIntroSection-cs
{
  padding: 76px 0 54px;
   background: #f9fafb;
}

.introTextCenter {
   max-width: 860px;
  margin: 0 auto;
    text-align: center;
    margin-bottom: 57px;
}

.introHeadingMain{

  font-size: 37px;
   font-weight  :  700;
    color: #1a202c;
  margin-bottom   :        19px;


}

.introTextMain {
  font-size: 17px;
  color   :  #4a5568;
   line-height: 1.77;
}

.statsOverviewGrid    {
   display: grid;
  grid-template-columns: repeat(4, 1fr);
   gap: 31px;
}

.statTileItem {
  background     :  #ffffff;
    padding     :34px 23px;
  border-radius :     9px;
	text-align: center;
  border: 2px solid #e2e8f0;
   transition     :  all 0.29s;
}

.statTileItem:hover {
	  border-color: #2b6cb0;
  transform: translateY(-4px);
  box-shadow: 0 9px 24px rgba(43,108,176,0.14);
	}

.statNumberDisplay
{
  font-size: 43px;
	 font-weight: 800;
  color: #2b6cb0;
   margin-bottom  :      11px;
	
}

.statLabelText {
  font-size: 15px;
  color: #4a5568;
    line-height: 1.64;
} 

.caseStudiesListArea-cs {


   padding: 71px 0 93px;
   background: #ffffff;

}

.caseStudyCard {
         background: #f7fafc;
             border:     2px solid #e2e8f0;
   	border-radius: 13px;
      padding: 47px 42px;
     margin-bottom: 47px;
}

.caseStudyCard:last-child {
  margin-bottom: 0;
}

.caseHeaderBlock {
    margin-bottom: 34px;
  padding-bottom: 27px;
     border-bottom: 2px solid #e2e8f0;
}

.industryBadge {


   display: inline-block;
                    padding: 7px 19px;
  background: linear-gradient(135deg, #2b6cb0 0%, #4299e1 100%);
   color: #ffffff;
  border-radius: 21px;
                    font-size: 13px;
    font-weight: 700;
  margin-bottom: 17px;

     }

.caseClientName {
  font-size: 29px;
 font-weight: 700;
   color: #1a202c;
   margin-bottom: 11px;
}

.casePeriodInfo {
   font-size     :14px;
   color: #718096;
  font-style: italic;
}

.caseChallengeBlock,
.caseSolutionBlock,
.caseResultsBlock,
.caseToolsBlock {
    margin-bottom     : 34px;
	
}

.blockHeading {
   gap: 13px;
   color: #1a202c;
    align-items:        center;
   display: flex;
    margin-bottom: 17px;
        font-weight: 700;
    font-size: 21px;

}

.blockIconSvg {
         width: 27px;
    height     :      27px;
   stroke: #2b6cb0;
    fill: none;
	stroke-width: 2.3;
}

.blockContentText {
    font-size     :16px;
  color: #4a5568;
  line-height: 1.74;
}

.solutionStepsList {
     list-style: none;
    padding: 0;
    margin: 0;}

.solutionStepsList li	{
   padding-left: 29px;
  color: #4a5568;
  line-height: 1.69;
    margin-bottom: 13px;
   position: relative;
	font-size: 15px;
}

.solutionStepsList li:before {
  content: "▸";
   position :       absolute;
	 left: 0;
         color: #2b6cb0;
               font-weight: 700;
  font-size: 18px;
}

.metricsGrid

{
          display  :        grid;
  grid-template-columns: repeat(3, 1fr);
  gap     :  23px;
}

.metricItem {
  background: #ffffff;
          padding: 27px 23px;
    border-radius: 9px;
   text-align    :   center;
	border: 2px solid #e2e8f0;
}

.metricItem.positive {
     border-color: #48bb78;
    background: #f0fff4;
}

.metricItem.revenue 
 {
   background: #ebf8ff;
	border-color: #2b6cb0;
}

.metricValue {
  font-size: 36px;

    font-weight: 800;

  color:  #1a202c;

 margin-bottom: 11px;
}

.metricItem.positive .metricValue {
  color: #2f855a;
}

.metricItem.revenue .metricValue {
    color: #2b6cb0;
}

.metricLabel {
    font-size: 14px; 
	   color: #2d3748; 
	   font-weight: 600; 
	    line-height: 1.64;
}

.metricDetail 
 {
   font-size: 12px;
	color:        #718096;
     font-weight     : 400;
}

.toolsTagsList {
   display: flex;
	flex-wrap: wrap;
	 gap: 11px;


}

.toolTag {
 background: #ffffff;
  -o-transition: all 0.27s;
    padding: 9px 17px;
               -moz-border-radius: 19px;
  font-size: 13px;
  border  :1px solid #e2e8f0;
    border-radius: 19px;
   color: #4a5568;
  transition: all 0.27s;
    -webkit-transition: all 0.27s;
    display: inline-block;
}

.toolTag:hover {
    background: #ebf8ff;
	 border-color: #2b6cb0;
   color   :      #2b6cb0;
}

.methodologyBlock-cs	{
    padding: 84px 0;
  background: linear-gradient(135deg, #ebf8ff 0%, #f7fafc 100%);
}

.methodologyHeading    {

	font-size: 38px;
   font-weight :  700;
    color: #1a202c;
  text-align: center;
	margin-bottom: 53px;


}

.methodStepsGrid
	{
    display: grid;
  grid-template-columns: repeat(4, 1fr);
        gap:29px;

}

.methodStepCard    {
 background: #ffffff;
   padding: 36px 28px;
    border-radius: 11px;
  text-align: center;
  position :       relative;
   border: 2px solid #e2e8f0;
  transition: all 0.29s;


}

.methodStepCard:hover {
   border-color: #2b6cb0;
  transform: translateY(-5px);
  box-shadow: 0 11px 29px rgba(43,108,176,0.16);
}

.stepNumberBadge {
     position: absolute;
   top: -17px;
    left: 50%;
  transform: translateX(-50%);
   width: 54px;
               height: 54px;
  background: linear-gradient(135deg, #2b6cb0 0%, #4299e1 100%);
    border-radius: 50%;
        display: flex;
   align-items: center;
   justify-content: center;
   font-size: 21px;
    font-weight: 800;
	color: #ffffff;

}

.stepTitle {
   font-size: 19px;
    font-weight: 700;
    color: #1a202c;
					margin: 21px 0 13px;
}

.stepDescription {
    font-size: 14px;
   color: #4a5568;
    line-height: 1.67;
}



.ctaCaseStudies-cs {
	padding: 79px 0;
       background    :   #2b6cb0;
}

.ctaCaseInner {
   text-align: center;
	max-width: 730px;
   margin: 0 auto;
}

.ctaCaseHeading {
    font-size: 39px;
  font-weight: 700;
   color: #ffffff;
   margin-bottom: 17px;


}

.ctaCaseText {
	font-size: 18px;
  color: #e8f1f8;
   margin-bottom: 35px; 
	
}

.ctaCaseButton {
  display: inline-block;
  padding: 16px 52px;
   background: #ffffff;
     color: #2b6cb0;
    border-radius: 32px;
    font-size: 17px;
   font-weight   :    700;
    transition: all 0.28s;


}

.ctaCaseButton:hover {
  background: #f7fafc;
  transform: translateY(-3px);
  box-shadow: 0 9px 27px rgba(0,0,0,0.24);
}@media (max-width: 1024px) {
    .statsOverviewGrid {
        grid-template-columns:repeat(2, 1fr);
    }

    .metricsGrid {
        grid-template-columns:repeat(2, 1fr);
    }

    .methodStepsGrid {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .casePageTitle {
        font-size:35px;
    }

    .introHeadingMain {
        font-size: 29px;
    }

    .statsOverviewGrid {
        grid-template-columns:1fr;
    }

    .metricsGrid {
        grid-template-columns:1fr;
    }

    .methodStepsGrid {
        grid-template-columns:1fr;
    }

    .caseStudyCard {
        padding:34px 28px;
    }
}

@media (max-width: 480px) {
    .casePageTitle {
        font-size: 29px;
    }

    .caseClientName {
        font-size:24px;
    }

    .ctaCaseHeading {
        font-size:32px;
    }
}