* {
  margin:      0;

     padding: 0;

 box-sizing: border-box;
}

html {
   scroll-behavior: smooth;
}

body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
          color     :        #2c3e50;
   background-color: #f8f9fa;}

.crisisNav {
     background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
   padding: 1.2rem 0;
   position: sticky;
  top: 0;
   z-index: 1000;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);


     }

.navContainer {
   max-width: 1200px;
    margin: 0 auto;
  padding: 0 20px;
    display: flex;
  justify-content: space-between;
  align-items: center;
}

.navLogo img {
   height: 94px;
  width: auto;
  filter: brightness(0) invert(1);
          transition: transform 0.3s ease;
}

.navLogo img:hover {
	  transform: scale(1.05);
	}

.navMenu {
   display : flex;
   list-style: none;
    gap: 2.5rem;
}

.navLink {
    color: white;
  text-decoration: none;
   font-weight: 500;
   font-size   :     1rem;
   position: relative;
    transition: color 0.3s ease;
}

.navLink::after {
  content: '';
           position: absolute;
       bottom: -5px;
       left: 0;
       width     :        0;
      height: 2px;
     background: linear-gradient(90deg, #00d4ff, #0099ff);
       transition: width 0.3s ease;
}

.navLink:hover::after {
   width: 100%;
}

.navMenuToggle {
  display: none; 
	flex-direction: column; 
    cursor: pointer; 
   gap: 5px;
}

.navMenuToggle span {
   width: 25px;
    height: 2.5px;
   background: white;
   border-radius: 2px;
   transition: all 0.3s ease;
}

.heroSection {
    display: grid;
  grid-template-columns:    1fr 1fr;
	gap: 3rem;
	align-items   :        center;
    padding: 4rem 2rem;
  max-width: 1200px;
    margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.heroContent h1 {
   font-size   :  3rem;
  font-weight: 700;
    color: #1a1a2e;
         margin-bottom: 1.5rem;
    line-height: 1.2;
}

.heroSubtitle {
   font-size :       1.15rem;
   color: #556270;
    margin-bottom: 2rem;
  line-height: 1.7;
}

.heroButton {
   display: inline-block;
  padding   :     1.2rem 2.8rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
   text-decoration: none;
   border-radius :        50px;
	 font-weight: 600;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

.heroButton:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5);
}

.heroImage {
   border-radius: 15px;
    overflow:    hidden;
  position: relative;
}

.heroImg {
  width: 100%;
   height: auto;
  display: block;
				 transition :  transform 0.5s ease;
	
}

.heroImage:hover .heroImg {

  transform: scale(1.05);}

.servicesPreview {
  padding: 4rem 2rem; 
	    max-width: 1200px; 
	    margin: 0 auto; 
	  background: white;
}

.servicesPreview h2 {
   text-align: center;
    margin-bottom: 3rem;
  color: #1a1a2e;
    font-size:      2.5rem; 

}

.servicesGrid {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 2.5rem;
}

.serviceCard {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
   padding: 2rem;
    border-radius: 12px;
  border-left: 5px solid #667eea;
 transition   :        all 0.4s ease;
  cursor: pointer;
}

.serviceCard:hover
{
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.15);
    border-left-color: #764ba2;
     }

.serviceCard h3 {
  font-size: 1.5rem;
  color: #1a1a2e;
  margin-bottom: 1rem;
}

.serviceCard p {
  color: #556270;
   font-size: 0.95rem;
   line-height: 1.6;
}

.trainingApproach {
   display: grid;
    grid-template-columns    :   1fr 1fr;
   gap:       3rem;
	align-items: center;
  padding: 4rem 2rem;
    max-width: 1200px;
  margin: 0 auto;
    background: white;
}

.approachImage	{
  order: -1;
         overflow: hidden;
    border-radius: 15px;
}

.approachImg {
  width: 100%;
   height: auto;
   display: block;
   transition  :     transform 0.5s ease;
}

.approachImage:hover .approachImg {
  transform: scale(1.08);
}

.approachContent h2 {
    font-size: 2.2rem;
	color: #1a1a2e;
  margin-bottom  :  1.5rem;
}

.approachContent p {
  color: #556270;
   margin-bottom: 1.5rem;
    line-height: 1.8;
} 

.approachList {
         list-style: none;
    margin-top: 2rem;
}

.approachList li


{

  position: relative;
    padding: 0.8rem 0;
  font-weight: 500;
  color: #2c3e50;
    padding-left: 2rem;

}

.approachList li::before {
  content: '✓';
  position: absolute;
  left:0;
               color: #667eea;
  font-weight   :bold;
  font-size: 1.2rem;
}

.targetAudience {
  padding: 4rem 2rem;
  max-width: 1200px;
   margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.targetAudience h2 {
    font-size: 2.5rem;
   text-align: center;
   margin-bottom: 1rem;
    color: #1a1a2e;
}

.sectionIntro {
    text-align :    center;
   color: #556270;
   margin-bottom   :  3rem;
 font-size :        1.1rem;
	max-width: 600px;
   margin-left: auto;
    margin-right: auto; 
	
}

.audienceCards	{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap  :   2rem;
}

.audienceCard {
        background: white;
    padding: 2rem;
    border-radius   :12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
}

.audienceCard:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.15);
}

.audienceCard h3	{
   color: #1a1a2e;
   margin-bottom: 1rem;
    font-size: 1.3rem;
}

.audienceCard p {
  color     :   #556270;
   line-height: 1.6;
  font-size: 0.95rem;
}

.methodologySection {
   display    :grid;
  grid-template-columns: 1fr 1fr;
	 gap   :      3rem;
  align-items: center;
	padding  :4rem 2rem;
    max-width: 1200px;
   margin: 0 auto;
  background: white;
     }

.methodologyContent h2	{
               font-size: 2.2rem;
  color: #1a1a2e;
    margin-bottom: 1.5rem;
}

.methodologyContent p {
    color: #556270;
      margin-bottom: 2rem;
   	line-height: 1.8;
}

.methodologySteps {
   display: flex;
   flex-direction: column;
    gap: 1.5rem;
}

.step {
     background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
  padding: 1.5rem;
   border-radius: 10px;
                    border-left: 4px solid #667eea;
    transition   :   all 0.3s ease;
     }

.step:hover	{
   border-left-color: #764ba2;
  box-shadow: 0 5px 15px rgba(102, 126, 234, 0.1);
}

.step h4 {
    color: #1a1a2e;
          margin-bottom: 0.5rem;
   font-size: 1.1rem;
}

.step p {
	color: #556270;
  font-size: 0.95rem;
    margin-bottom: 0;
}

.methodologyImage    {
  overflow: hidden;
  border-radius: 15px;
}

.methodImg {
    width: 100%;
   height: auto;
  display: block;
         transition: transform 0.5s ease;
}

.methodologyImage:hover .methodImg


{
  transform: scale(1.08); 

}  

.riskManagement {
    padding: 4rem 2rem;
   max-width: 1200px;
   margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.riskManagement h2 {
    font-size: 2.5rem;
	text-align  :        center;
  margin-bottom: 3rem;
  color: #1a1a2e;
}

.riskContent {
    display: grid;
   grid-template-columns: 1fr;
   gap: 2rem;
  align-items: center;
}

.riskContent p {
  color: #556270;
   line-height: 1.8;
   font-size     :  1.05rem;
}

.riskImg {
          width: 100%;
  max-width: 600px;
    height: auto;
	border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
   transition: transform 0.5s ease;
    margin: 0 auto;
  display: block;
}

.riskContent:hover .riskImg {


  transform: scale(1.03);
	}

.coachingPrograms {
    padding: 4rem 2rem;
	max-width: 1200px;
	 margin: 0 auto;
  background: white;
}

.coachingPrograms h2 {
    font-size: 2.5rem;
        text-align: center;
   margin-bottom: 3rem;
   color: #1a1a2e; 
	
}

.programsGrid {
    display  :      grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2.5rem;
}

.programCard {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
  padding: 2.5rem;
  border-radius: 12px;
   transition: all 0.4s ease;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.2);
}

.programCard:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}

.programCard h3  
  {
    font-size: 1.5rem;
     margin-bottom: 1rem;
}

.programCard p {
   font-size: 0.95rem;
   line-height: 1.6;
   margin-bottom: 1rem;
   opacity :        0.95;
}

.programDuration {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 600;
    font-size: 0.9rem;
}

.corporateWorkshops {
  display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 3rem;
  align-items: center;
  padding: 4rem 2rem;
    max-width: 1200px;
   margin: 0 auto;
  background: white;


}

.workshopImage {
    overflow: hidden;
  border-radius: 15px;
}

.workshopImg {
  width: 100%;
   height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.workshopImage:hover .workshopImg
{
  transform: scale(1.08);
}

.workshopContent h2 {
	   font-size: 2.2rem;
   color: #1a1a2e;
	margin-bottom: 1.5rem;
     }

.workshopContent p	{
	color: #556270;
  margin-bottom: 1.5rem;
	line-height :      1.8;
}

.workshopBenefits {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
  padding: 1.5rem;
   border-radius: 10px;
	 margin-top: 1.5rem;
}

.workshopBenefits p {
  font-weight: 600;
   color: #1a1a2e;
    margin-bottom: 1rem;
}

.workshopBenefits ul {
    list-style: none;
    padding: 0;
}

.workshopBenefits li {
	padding: 0.6rem 0;
   padding-left: 1.5rem;
  color: #556270;
    position: relative;
}

.workshopBenefits li::before {
  content: '●';
  position: absolute;
   left: 0;
  color: #667eea;
               font-weight: bold; 

}  

.businessConferences {
  padding: 4rem 2rem;
   max-width :       1200px;
  margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.businessConferences h2 {

  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 3rem;
  color: #1a1a2e;


}

.conferenceHighlights {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2.5rem;
}

.highlight {
   background :white;
          padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
}

.highlight:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.15);
}

.highlight h3 {
   color: #1a1a2e;
	 margin-bottom: 1rem;
    font-size: 1.3rem;
	
}

.highlight p {
   color: #556270;
  line-height   :1.6;
	font-size: 0.95rem;
}

.cta {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding: 4rem 2rem;
    text-align: center;
}

.ctaContent h2 {
    font-size: 2.5rem;
          margin-bottom: 1.5rem;
}

.ctaContent p {
   font-size: 1.15rem;
  margin-bottom: 2.5rem;
    max-width: 600px;
  margin-left: auto;
  margin-right:   auto;
    line-height     :   1.7;
    opacity: 0.95;
}

.ctaButton {
   display: inline-block;
  padding: 1.2rem 3rem;
   background: white;
   color: #667eea;
               text-decoration: none;
  border-radius: 50px;
   font-weight: 700;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}

.ctaButton:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.contactSection {
  padding: 4rem 2rem;
		max-width: 700px;
    margin: 0 auto;
    background: white;
}

.contactSection h2 {
    font-size: 2.5rem;
     text-align: center;
    margin-bottom: 1rem;
   color     :      #1a1a2e;
}

.contactIntro     {
  text-align: center;
  color: #556270;
   margin-bottom: 2.5rem;
    font-size: 1rem;
}

.contactForm {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
    padding: 2.5rem;
  border-radius: 12px;
}

.formGroup {
    margin-bottom: 1.5rem;
}

.formGroup label {
	 display:        block;
    margin-bottom: 0.5rem;
   color: #1a1a2e;
   font-weight    :        600;
    font-size: 0.95rem;
}

.formGroup input,
.formGroup select,
.formGroup textarea {
  width: 100%;

	    padding: 0.9rem;

	    border: 2px solid #d0d8e8;

	   border-radius: 8px;

		font-size: 0.95rem;

	   font-family:       inherit;

	  transition: all 0.3s ease;

	  color: #2c3e50;
}

.formGroup input:focus,
.formGroup select:focus,
.formGroup textarea:focus 
 {
    outline: none;
   border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
   background-color: white;
}

.formGroup textarea{
  resize: vertical;
  min-height: 150px;
}

.submitButton {
    width: 100%;
 padding: 1.1rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: white;
  border: none;
   border-radius: 8px;
	 font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
   transition: all 0.4s ease;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
}

.submitButton:hover {
     transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);}

.submitButton:active {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}

.crisisFooter {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: white;
  padding: 3rem 2rem 1.5rem;
}

.footerContainer{
     max-width: 1200px;
    margin  :  0 auto;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	 gap: 2.5rem;
    margin-bottom    :       2rem;
}

.footerSection {
  color: #a0a5b8;
}

.footerSection h3 {
   color: white;
    margin-bottom: 1.2rem;
  font-size: 1.1rem;
}

.footerLogo 
 {
   height: 136px;
    width: auto;
  filter: brightness(0) invert(1);
  margin-bottom: 1rem;
}

.footerLinks {
  list-style     :      none;
}

.footerLinks li {
  margin-bottom: 0.8rem;
}

.footerLinks a {
   color: #a0a5b8;
   text-decoration: none;
    transition: color 0.3s ease;
}

.footerLinks a:hover {
  color: white;
}

.footerSection p {
          margin-bottom: 0.5rem;
  line-height    :      1.8;
  font-size: 0.95rem;
}


.copyright {
   text-align: center;
    padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #7a7f8f;
}@media (max-width: 1024px) {
    .heroSection,
    .trainingApproach,
    .methodologySection,
    .corporateWorkshops {
        grid-template-columns: 1fr;
    }

    .approachImage {
        order: 0;
    }

    .heroContent h1 {
        font-size: 2.2rem;
    }

    .servicesGrid,
    .audienceCards,
    .programsGrid,
    .conferenceHighlights {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 768px) {
    .navMenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        background: #16213e;
        padding: 1rem;
        gap: 0;
        border-top: 2px solid rgba(255, 255, 255, 0.1);
    }

    .navMenu.active {
        display: flex;
    }

    .navMenuToggle {
        display: flex;
    }

    .navMenuToggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(8px, 8px);
    }

    .navMenuToggle.active span:nth-child(2) {
        opacity: 0;
    }

    .navMenuToggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    .navLink {
        display: block;
        padding: 1rem;
        text-align: left;
    }

    .navLink::after {
        display: none;
    }

    .heroContent h1 {
        font-size: 1.8rem;
    }

    .heroSubtitle {
        font-size: 1rem;
    }

    .servicesPreview h2,
    .targetAudience h2,
    .riskManagement h2,
    .coachingPrograms h2,
    .businessConferences h2 {
        font-size: 2rem;
    }

    .methodologyContent h2,
    .approachContent h2,
    .workshopContent h2,
    .contactSection h2 {
        font-size: 1.8rem;
    }

    .contactSection {
        max-width: 100%;
    }

    .footerContainer {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footerLogo {
        height: 100px;
    }
}

@media (max-width: 480px) {
    .heroContent h1 {
        font-size: 1.4rem;
    }

    .heroSubtitle {
        font-size: 0.9rem;
    }

    .servicesPreview h2,
    .targetAudience h2,
    .riskManagement h2,
    .coachingPrograms h2,
    .businessConferences h2 {
        font-size: 1.5rem;
    }

    .methodologyContent h2,
    .approachContent h2,
    .workshopContent h2,
    .contactSection h2 {
        font-size: 1.4rem;
    }

    .cta h2 {
        font-size: 1.8rem;
    }

    .ctaContent p {
        font-size: 1rem;
    }

    .heroButton,
    .ctaButton {
        padding: 1rem 2rem;
        font-size: 0.9rem;
    }

    .serviceCard,
    .audienceCard,
    .step,
    .highlight,
    .programCard {
        padding: 1.5rem;
    }

    .contactForm {
        padding: 1.5rem;
    }

    .navLogo img {
        height: 70px;
    }

    .footerLogo {
        height: 80px;
    }
}.servicesHero {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.9), rgba(118, 75, 162, 0.9)), url('photos/crisis_management_training_for_executives.webp');
    background-size: cover;
    background-position: center;
  background-attachment: fixed;
   padding: 8rem 2rem;
  text-align     :  center;
   color   :  white;
    position: relative;
   overflow: hidden;
   min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heroOverlay {
    position :   absolute;
  top: 0;
    left: 0;
    right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

.heroServicesContent {
  position: relative;
  z-index: 2;
    max-width: 800px;
  margin: 0 auto;
}

.servicesHero h1 {
    font-size: 3.5rem;
   font-weight: 700;
   margin-bottom: 1rem;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.servicesHero p {
    font-size     :      1.3rem; 
	   opacity:    0.95; 
	  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);


}

.servicesDetailedGrid {
   padding: 5rem 2rem;
   max-width: 1200px;
  margin: 0 auto;
   background    : white;
}

.servicesMainTitle {
  font-size: 2.8rem;
    text-align :center;
     color: #1a1a2e;
   margin-bottom: 4rem;
   position     :        relative;
  padding-bottom: 2rem;
}

.servicesMainTitle::after {
  content: '';
    position: absolute;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
    height: 4px;
  background: linear-gradient(90deg, #667eea, #764ba2);
  border-radius: 2px;
}

.serviceDetailCard {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 3.5rem;
    align-items :   stretch;
  margin-bottom: 5rem;
  background: white;
    border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
                    transition: all 0.4s ease;
}

.serviceDetailCard:hover {
  box-shadow: 0 10px 40px rgba(102, 126, 234, 0.15);
  transform: translateY(-5px);
}

.serviceDetailCard.alternating {
   grid-template-columns: 1.2fr 1fr;
}

.serviceDetailCard.alternating .serviceImageWrapper
	{
	order: 2;
}

.serviceDetailCard.alternating .serviceDetailContent {
  order: 1;
}

.serviceImageWrapper {
    overflow: hidden;
  background: linear-gradient(135deg, #f5f7fa, #e9ecef);
}

.serviceImg {
  width: 100%;
   height: 100%;
    object-fit:cover;
   transition: transform 0.5s ease;
}

.serviceImageWrapper:hover .serviceImg
{
  transform: scale(1.08);


     }

.serviceDetailContent {
    flex-direction: column;
   padding: 2.5rem;
  display     :    flex;
   justify-content: flex-start;
}

.serviceDetailContent h3 {
   font-size: 2rem;
    color     :      #1a1a2e;
  margin-bottom   :  1.2rem;
  font-weight: 700;
}

.serviceDetailContent > p {
   color: #556270;
  font-size: 1.05rem;
		 line-height:    1.8;
                    margin-bottom:      1.5rem;
}

.serviceFeatures {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
  padding: 1.8rem;
  border-radius: 10px;
    margin: 1.5rem 0;
    border-left: 5px solid #667eea;
}

.serviceFeatures h4 {
          color: #1a1a2e;
    margin-bottom    :        1rem;
   font-size   :    1.1rem;
    font-weight: 600;
}

.serviceFeatures ul {
   list-style: none;
    padding: 0;
}

.serviceFeatures li {
  color: #556270; 
	    padding: 0.6rem 0; 
	   padding-left:       1.8rem; 
	  position: relative; 
	    font-size: 0.95rem; 
	    line-height: 1.5;
}

.serviceFeatures li::before {
	  content: '→';
  position: absolute;
   left: 0;
  color    :        #667eea;
   font-weight: bold;
   font-size: 1.1rem;}

.serviceDuration,
.serviceTarget {
  color: #2c3e50;
   font-size: 0.95rem;
    margin-bottom: 0.8rem;
}

.serviceDuration strong,
.serviceTarget strong 
 {
	color: #667eea;
}

.servicesComparison {
  padding: 4rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.servicesComparison h2 {
  font-size: 2.5rem;
  text-align: center;
    color: #1a1a2e;
         margin-bottom: 3rem;
}

.comparisonTable {
  background: white;
	border-radius: 12px;
   overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.tableRow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
   gap: 0;
    border-bottom: 1px solid #e9ecef;
}

.tableRow.headerRow {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
  font-weight: 700;
}

.tableRow:last-child {
  border-bottom: none;
}

.tableRow:nth-child(odd):not(.headerRow) {
   background: #f8f9fa;
}

.tableCell {
   padding: 1.5rem;
   display: flex;
	align-items: center;
  color: #2c3e50;
    font-size: 0.95rem;
}

.tableRow.headerRow .tableCell {
  color: white;
}

.tableNote {
    text-align: center;
     color: #556270;
    margin-top: 1.5rem;
 font-size: 0.9rem;
    font-style: italic; 

}

.servicesProcess {
    max-width: 1200px;
   padding: 4rem 2rem;
   background: white;
  margin :   0 auto;
}

.servicesProcess h2 {
    font-size: 2.5rem;
    text-align: center;
	color: #1a1a2e;
	margin-bottom: 3rem;
	}

.processSteps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 2rem;
}

.processStep {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
  padding: 2rem;
    border-radius: 12px;
   text-align: center;
  transition: all 0.4s ease;
    position: relative;
   border-top: 4px solid #667eea;
}

.processStep:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.15);
	 border-top-color: #764ba2;

}

.stepNumber
	{
    width: 60px;
    height: 60px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 50%;
	display: flex;
          align-items: center;
   justify-content: center;
  font-size: 1.8rem;
      font-weight: 700;
  margin :        0 auto 1.5rem;
}

.processStep h3 {
    color: #1a1a2e;
   margin-bottom: 1rem;
	font-size: 1.2rem;
}

.processStep p {
   color: #556270;
   font-size: 0.95rem;
   line-height: 1.6;
}

.servicesWhyChoose {
    padding: 4rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.servicesWhyChoose h2 {
  font-size: 2.5rem;
    text-align: center;
  color: #1a1a2e;
   margin-bottom: 3rem;
}

.reasonsGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2.5rem;
}

.reasonCard {
   background: white;
    padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
   transition: all 0.4s ease;
    border-top: 4px solid transparent;
}

.reasonCard:nth-child(1) {
  border-top-color: #667eea;
}

.reasonCard:nth-child(2) {
   border-top-color: #764ba2;
}

.reasonCard:nth-child(3) {
	border-top-color    :#f39c12;
}

.reasonCard:nth-child(4) {
    border-top-color :#e74c3c;

}

.reasonCard:nth-child(5) {

	    border-top-color: #27ae60;
}

.reasonCard:nth-child(6) {
  border-top-color: #3498db;
}

.reasonCard:hover {
	  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.15);
     }

.reasonCard h3 {


    color: #1a1a2e;
   margin-bottom    :      1rem;
   font-size: 1.3rem;
     }

.reasonCard p {
   color: #556270;
  font-size: 0.95rem;
   line-height: 1.6;
}

.servicesIndustries     {
  padding: 4rem 2rem;
    margin: 0 auto;
  background: white;
    max-width: 1200px;
}

.servicesIndustries h2 {
	font-size:2.5rem;
	text-align     :       center;
  color: #1a1a2e;
   margin-bottom: 3rem;
}

.industriesGrid {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

.industryTag


{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
        padding: 1.2rem;
  border-radius  :  8px;
  text-align: center;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
}

.industryTag:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

.servicesCustomization {
   display: grid;
  grid-template-columns: 1fr 1fr;
	gap: 3rem;
    align-items: center;
  padding: 4rem 2rem;
   max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);}

.customizationContent h2 {
    font-size: 2.2rem;
  color: #1a1a2e;
  margin-bottom:  1.5rem; 

}

.customizationContent p {
	 color: #556270;
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.customizationList {
  list-style: none;
    margin: 1.5rem 0;
}

.customizationList li {
  padding-left :   2rem;
	padding: 0.8rem 0;
               color: #2c3e50;
   font-weight  :500;
    position: relative;
}

.customizationList li::before
{
  content: '✓';
   position: absolute;
   left: 0;
  color: #667eea;
     font-weight: bold;
  font-size: 1.2rem;
}

.customizationCTA {
  background: white; 
	   padding: 1.5rem; 
	   border-left: 4px solid #667eea; 
	    border-radius: 8px; 
	   font-weight  :       600; 
	   color:  #1a1a2e; 
	    margin-top: 2rem;
}

.customizationImage {
   overflow: hidden;
    border-radius: 15px;
}

.customImg {
  width: 100%;
   height: auto;
   display: block;
   transition: transform 0.5s ease;
}

.customizationImage:hover .customImg {
  transform: scale(1.08);
}

.thankYouContainer {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 5rem 2rem;
  min-height: calc(100vh - 300px);
  display: flex;
    align-items: center;
    justify-content: center;
}

.thankYouContent {
   background: white;
   padding: 3.5rem;
    border-radius: 15px;
   max-width: 700px;
   width: 100%;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
   text-align: center;
}

.successIcon {
  width: 80px;
  height:        80px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
	font-size: 3rem;
	color: white;
    margin: 0 auto 1.5rem;
    animation: successPulse 0.6s ease;
}@keyframes successPulse {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}.thankYouContent h1 {
    font-size: 2.5rem;
    color: #1a1a2e;
  margin-bottom: 1rem;
}

.mainMessage {
    font-size: 1.2rem;
    color: #556270;
  margin-bottom: 2rem;
}

.thankYouDetails {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
  padding: 2rem;
  border-radius: 12px;
    text-align: left;
                    margin: 2rem 0;
}

.thankYouDetails p {
    color: #556270;
  line-height:   1.8;
    margin-bottom: 1.5rem;
}

.nextSteps {
	 margin-top:   2rem;
}

.nextSteps h2   {
    font-size: 1.5rem;
	color   :  #1a1a2e;
   margin-bottom: 1.5rem;
    text-align: center;
}

.stepsContainer {
          display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.nextStep {
  background: white;
	 padding: 1.5rem;
    border-radius: 10px;
  border-top: 3px solid #667eea;
}

.stepCounter {
    width: 40px;
    height: 40px;
   background: #667eea;
   color: white;
	 border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
    font-weight: 700;
    margin-bottom: 1rem;
  margin-left    :   auto;
   margin-right: auto;
}

.nextStep h3 {
    color: #1a1a2e;
  font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.nextStep p {
	color: #556270;
   font-size: 0.9rem;
    line-height: 1.5;
}

.contactInfo {
   padding: 1.5rem;
  margin-top: 1.5rem;
    border-radius: 10px;
   background: white;
}

.contactInfo p {
    color: #556270;
   margin-bottom     :      0.8rem;
}

.phoneNumber {
	 font-size   :1.3rem;
  font-weight: 700;
	color: #667eea;
}

.address {

    font-size: 0.95rem;
    color: #556270;

}

.ctaButtons {
  display: flex;
   gap: 1.5rem;
	 justify-content   :        center;
   margin-top: 2rem;
    flex-wrap: wrap;
}

.returnButton,
.servicesButton {
  padding: 1rem 2rem;
   border-radius: 8px;
   text-decoration: none;
   font-weight: 600;
   transition:  all 0.3s ease;
   display: inline-block;
}

.returnButton {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
	
     }

.returnButton:hover {
     transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);

}

.servicesButton
	{
   background: white;
    color: #667eea;
  border     :2px solid #667eea;
}

.servicesButton:hover {
    background: #667eea;

	   color: white;
}

.socialProof {
  margin-top: 2rem;
   color   :     #556270;
   font-size: 0.95rem;
   font-style: italic;
}

.whileWaitingSection {
   padding: 4rem 2rem;
       max-width: 1200px;
    margin: 0 auto;
    background: white;
}

.whileWaitingSection h2 {
   font-size: 2.2rem;
  text-align   :     center;
  color: #1a1a2e;
    margin-bottom: 3rem; 
	
}

.materialsGrid {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2.5rem;
}

.materialCard {
  background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
    padding: 2rem;
    border-radius: 12px;
    border-left: 5px solid #667eea;
         transition: all 0.4s ease;
}

.materialCard:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.15);
  border-left-color   :    #764ba2; 

}

.materialCard h3
	{
    color: #1a1a2e;
    margin-bottom: 1rem;
	font-size: 1.2rem;
}

.materialCard p {
       color: #556270;
  font-size: 0.95rem;
   line-height:   1.6;}@media (max-width: 1024px) {
    .serviceDetailCard,
    .serviceDetailCard.alternating {
        grid-template-columns: 1fr;
    }

    .serviceDetailCard.alternating .serviceImageWrapper,
    .serviceDetailCard.alternating .serviceDetailContent {
        order: initial;
    }

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

    .servicesHero h1 {
        font-size: 2.5rem;
    }

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

    .tableCell:nth-child(n+3) {
        display: none;
    }

    .tableCell {
        padding: 1rem;
    }

    .thankYouContent {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .servicesHero {
        padding: 4rem 1.5rem;
        min-height: 350px;
    }

    .servicesHero h1 {
        font-size: 2rem;
    }

    .servicesHero p {
        font-size: 1.1rem;
    }

    .servicesMainTitle,
    .servicesProcess h2,
    .servicesWhyChoose h2,
    .servicesIndustries h2,
    .whileWaitingSection h2 {
        font-size: 2rem;
    }

    .serviceDetailContent {
        padding: 1.5rem;
    }

    .serviceDetailContent h3 {
        font-size: 1.5rem;
    }

    .servicesComparison h2 {
        font-size: 1.8rem;
    }

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

    .tableCell {
        padding: 0.8rem;
        font-size: 0.9rem;
    }

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

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

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

    .thankYouContent {
        padding: 1.5rem;
    }

    .thankYouContent h1 {
        font-size: 2rem;
    }

    .mainMessage {
        font-size: 1rem;
    }

    .ctaButtons {
        flex-direction: column;
        width: 100%;
    }

    .returnButton,
    .servicesButton {
        width: 100%;
        text-align: center;
    }

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

@media (max-width: 480px) {
    .servicesHero h1 {
        font-size: 1.5rem;
    }

    .servicesHero p {
        font-size: 1rem;
    }

    .servicesMainTitle,
    .servicesProcess h2,
    .servicesWhyChoose h2,
    .servicesIndustries h2,
    .whileWaitingSection h2 {
        font-size: 1.6rem;
    }

    .serviceDetailCard {
        margin-bottom: 2rem;
    }

    .serviceDetailContent h3 {
        font-size: 1.2rem;
    }

    .serviceFeatures {
        padding: 1.2rem;
    }

    .serviceDetailContent {
        padding: 1rem;
    }

    .comparisonTable {
        font-size: 0.8rem;
    }

    .tableCell {
        padding: 0.6rem 0.4rem;
    }

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

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

    .thankYouContainer {
        padding: 2rem 1rem;
        min-height: auto;
    }

    .thankYouContent {
        padding: 1.5rem;
    }

    .successIcon {
        width: 60px;
        height: 60px;
        font-size: 2.5rem;
    }

    .thankYouContent h1 {
        font-size: 1.5rem;
    }

    .mainMessage {
        font-size: 0.95rem;
    }

    .ctaButtons {
        gap: 1rem;
    }

    .returnButton,
    .servicesButton {
        padding: 0.8rem 1.5rem;
        font-size: 0.9rem;
    }
}.policySection {


         padding: 4rem 2rem;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  min-height: calc(100vh - 200px);
     }

.policyContainer {
  max-width: 900px;
    margin: 0 auto;
  background:        white;
	 padding: 3rem;
    border-radius: 15px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.policyContainer h1 {
 font-size: 2.8rem;
   color: #1a1a2e;
  margin-bottom: 2rem;
   font-weight: 700;
   padding-bottom: 1.5rem;
  border-bottom: 3px solid #667eea;
}

.policyContainer h2
	{
   font-size: 1.8rem;
	 color:    #1a1a2e;
    margin-top:2.5rem;
   margin-bottom :   1.2rem;
    font-weight: 700;
}



.policyContainer h3 {
  font-size: 1.3rem;
    color: #556270;
  margin-top: 1.8rem;
   margin-bottom: 0.8rem;
  font-weight: 600;
    padding-left: 1rem;
  border-left: 4px solid #667eea;
}

.policyContainer p {
   color     :      #556270;
    margin-bottom: 1.2rem;
   line-height: 1.8;
  font-size: 1.05rem;
}@media (max-width: 1024px) {
    .policyContainer {
        padding: 2.5rem;
    }

    .policyContainer h1 {
        font-size: 2.2rem;
    }

    .policyContainer h2 {
        font-size: 1.6rem;
    }

    .policyContainer h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .policySection {
        padding: 2rem 1rem;
        min-height: auto;
    }

    .policyContainer {
        padding: 1.5rem;
        border-radius: 12px;
    }

    .policyContainer h1 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .policyContainer h2 {
        font-size: 1.4rem;
        margin-top: 2rem;
    }

    .policyContainer h3 {
        font-size: 1.1rem;
        margin-top: 1.5rem;
    }

    .policyContainer p {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .policySection {
        padding: 1.5rem;
    }

    .policyContainer {
        padding: 1.2rem;
        border-radius: 10px;
    }

    .policyContainer h1 {
        font-size: 1.5rem;
        margin-bottom: 1.2rem;
    }

    .policyContainer h2 {
        font-size: 1.2rem;
        margin-top: 1.5rem;
    }

    .policyContainer h3 {
        font-size: 1rem;
        margin-top: 1.2rem;
    }

    .policyContainer p {
        font-size: 0.95rem;
        margin-bottom: 0.8rem;
        line-height: 1.6;
    }
}