.pageHeroBanner-srv {
   min-height: 420px;
     background-size: cover;
      background-position: center;
   		 display: flex;
     align-items    :     center;
       justify-content: center;
             position  :     relative;
       padding: 97px 23px; 

}

.pageHeroBanner-srv:before {
  content: "";
   position: absolute;
	top: 0;
	 left: 0;
    right: 0;
   bottom: 0;
  background: rgba(27,49,82,0.76);
}

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

.pageMainTitle-srv {
    font-size: 49px;
	 font-weight: 800;
    color: #ffffff;
  margin-bottom: 19px;
}

.pageSubtitleDesc-srv {
   font-size: 19px;
    color: #e8f1f8;
  line-height: 1.64;
	
}

.servicesIntroBlock-ip  
  {
	  padding  :     86px 0 47px;
  background     : #f9fafb;
	
	}

.introTextZone {
	                    max-width: 870px;
	 margin: 0 auto;
   text-align: center;
	
	}

.sectionHeadingMain {
	  font-size: 38px;
    font-weight: 700;
               color: #1a202c;
    margin-bottom: 21px;
     }

.introParagraphText    {
   font-size    :      17px;
  color: #4a5568;
  line-height: 1.81;


}

.servicesListingArea-ip {
    padding: 64px 0 93px;
   background: #ffffff;
} 

.servicesGridDisplay {
    display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 42px;
}

.serviceCardBlock {
   background: #f7fafc;
   padding   :     47px 38px;
    border-radius: 11px;
   border: 2px solid #e2e8f0;
    transition: all 0.31s;
}

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

.serviceIconHolder {
  width: 74px;
    height: 74px;
  background: linear-gradient(135deg, #2b6cb0 0%, #4299e1 100%);
   border-radius: 50%;
  display: flex;
  align-items: center;
    justify-content: center;
	margin-bottom: 26px;
}

.serviceSvgGraphic {
  width: 37px;
  height: 37px;
    stroke: #ffffff;
  fill: none;
   stroke-width: 2.3;

}

.serviceNameHeading
	{
   font-size: 24px;
	font-weight: 700;
   color: #1a202c;
   margin-bottom: 17px;
}

.serviceDescParagraph     {
  font-size    :   16px;
   color: #4a5568;
    line-height: 1.73;
    margin-bottom: 28px;
}  

.serviceBenefitsZone {
    margin-bottom: 27px;
}

.benefitsSubheading {
   font-weight: 600;
       font-size: 17px;
 margin-bottom: 13px;
        color: #2d3748;
}

.benefitsList {
    list-style     :        none;
   padding: 0;
}

.benefitsList li {
  position: relative;
   padding-left: 27px;
	 margin-bottom: 11px;
	 font-size: 15px;
    color: #4a5568;
    line-height: 1.67;
}

.benefitsList li:before		{
  content: "✓";
  position: absolute;
    left: 0;
   color: #2b6cb0;
   font-weight: 700;
}

.serviceProcessArea {
      margin-bottom  :  27px;
	}

.processSubheading {
	   font-size: 17px;
  font-weight: 600;
   color :      #2d3748;
  margin-bottom: 13px;
}

.processList {

	   padding-left: 23px;
  margin: 0;
}



.processList li {
   margin-bottom: 9px;
    font-size: 15px;
  color: #4a5568;
		 line-height :       1.67;
}

.expectedResultsZone {
	         background: #ebf8ff;
   padding: 17px 21px;
    border-radius   :        7px;
   margin-bottom: 24px;

}

/* State modifiers */


.resultsLabel  {
    font-size: 15px;
         color: #2c5282;
   margin: 0; 

}

.serviceOrderBtn {
	    display: inline-block;
  padding   : 13px 39px;
   background: #2b6cb0;
   color: #ffffff;
	 border-radius: 27px;
   font-size   :   16px;
                    font-weight: 600;
         transition: all 0.29s;


}

.serviceOrderBtn:hover {
  background: #1e4a7a; 
  transform: translateY(-2px); 
  box-shadow: 0 6px 19px rgba(43,108,176,0.39);
}



.whyChooseUsBlock-srv {

	  padding: 89px 0;
  background: linear-gradient(135deg, #ebf8ff 0%, #f7fafc 100%);
	}

.whyUsHeading {

	   font-size: 39px;
	 font-weight :700;
               color: #1a202c;
	text-align: center;
               margin-bottom: 57px;
     }

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

.whyUsTileItem {

  background: #ffffff;
  padding: 37px 28px;
  border-radius: 9px;
   text-align: center;
    transition: all 0.29s;
	}

.whyUsTileItem:hover {
  transform: translateY(-6px);
  box-shadow: 0 11px 28px rgba(0,0,0,0.12);
}

.whyUsIconCircle {
   width     :     67px;
   height: 67px;
   background: #ebf8ff;
  border-radius: 50%;
  display   : flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 21px;
}

.whyUsSvgIcon {
	 width: 32px;
    height   :   32px;
   stroke: #2b6cb0;
    fill: none;
  stroke-width: 2.2;
}

.whyUsTileHeading {
    font-size: 19px;
    font-weight: 600;
  color: #1a202c;
  margin-bottom: 12px;
}

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

.ctaFinalBlock-srv {


   padding: 84px 0;
	background: #2b6cb0;
     }

.ctaContentInner {

	   max-width: 760px;
  margin: 0 auto;
  text-align: center;
     }

.ctaMainHeading {
  font-size   :  41px;
    font-weight: 700;
	 color: #ffffff;
    margin-bottom:       19px;
}

.ctaDescText {
   margin-bottom: 37px;
    font-size: 18px;
   line-height     :        1.72;
  color: #e8f1f8;
}



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

}

.ctaPrimaryButton:hover {


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

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

@media (max-width: 768px) {
    .pageMainTitle-srv {
        font-size:36px;
    }

    .sectionHeadingMain {
        font-size: 31px;
    }

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

    .ctaMainHeading {
        font-size:33px;
    }
}

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

    .serviceCardBlock {
        padding:32px 24px;
    }
}