.mainFooter{
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
   color :   #ecf0f1;
   padding: 60px 0 30px;
	margin-top: 80px;
}

.footerContainer {
          max-width: 1200px;
	 margin     :0 auto;
               padding: 0 2rem;

}

.footerContent {
	display:       grid;
   grid-template-columns: 2fr 1fr 1fr;
  gap     :  4rem;
    margin-bottom: 3rem;
}

.footerBrand {
	  display: flex;
  flex-direction: column;


}

.footerLogo {


   margin-bottom: 1.5rem;

}

.footerLogo img

{
   height: 50px;
   width: auto;
  filter: brightness(0) invert(1);
}

.footerDescription {
  font-size: 1rem;
     line-height: 1.7;
   color: #bdc3c7;
  margin-bottom: 1.5rem;
    max-width: 400px;
}

.footerContact {
    display: flex;
	 flex-direction:column;
    gap: 0.8rem;
}

.contactItem {
    display: flex;
  align-items: flex-start;
    gap: 0.8rem;
    color: #bdc3c7;
   font-size: 0.95rem;
          line-height: 1.5; 
	
}

.contactLabel		{
       font-weight: 600;
    color: #ecf0f1;
   min-width     :        80px;
	}

.footerSection h4 {


    font-size :  1.3rem;
    margin-bottom: 1.5rem;
               color: #ecf0f1;
    font-weight: 600;
 position    :        relative;
	}

.footerSection h4::after {
  content: '';
  position: absolute;
   bottom: -8px;
  left: 0;
  width   :40px;
   height: 3px;
  background: linear-gradient(45deg, #667eea, #764ba2);
   border-radius: 2px;
}

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

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

.footerLinks a {
	  color: #bdc3c7;
               text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.3s ease, padding-left 0.3s ease;
   display: block;
    padding: 0.3rem 0;
	}

.footerLinks a:hover {
    color: #667eea;
  padding-left: 8px;
}

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

.servicesLinks li {
  margin-bottom: 0.7rem;
}

.servicesLinks a {
  color: #bdc3c7;
  text-decoration: none;
   font-size: 0.9rem;
    transition: color 0.3s ease;
	display: block;
    padding   :      0.2rem 0;
}

.servicesLinks a:hover {
  color: #667eea;
}

.footerBottom {
      border-top: 1px solid #34495e;
    padding-top:    2rem;
    text-align: center;

}

.footerCopyright {
  font-size: 0.9rem;
   color: #95a5a6;
	margin-bottom    :  1rem;
}

.footerLegal {
   display: flex;
  justify-content: center;
  gap: 2rem;
    flex-wrap: wrap;
}

.footerLegal a {
  color: #bdc3c7;
	 text-decoration: none;
  font-size: 0.85rem;
          transition: color 0.3s ease; 
	
}

.footerLegal a:hover {
  color:#667eea;
}@media (max-width: 768px) {
    .footerContent {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        text-align: center;
    }
    
    .footerDescription {
        max-width: 100%;
    }
    
    .contactItem {
        justify-content: center;
        text-align: center;
    }
    
    .footerSection h4::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footerLegal {
        flex-direction: column;
        gap: 1rem;
    }
    
    .footerContainer {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .mainFooter {
        padding: 40px 0 20px;
    }
    
    .footerContent {
        gap: 2rem;
    }
    
    .footerSection h4 {
        font-size: 1.1rem;
    }
    
    .footerLinks a,
    .servicesLinks a {
        font-size: 0.9rem;
    }
}* {
	 margin: 0;
    padding: 0;
   box-sizing: border-box;
}

body {
  font-family: 'Arial', sans-serif;
    line-height: 1.6;
   color: #333;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.mainWrapper {
               background: #fff;
  min-height: 100vh;
}

.navigationArea {
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  width:    100%;
   z-index: 1000;
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

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

.brandLogo img {
    height:45px;
    width: auto;
}

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

.mainNavigation a {
     text-decoration: none;
    color: #333;
    font-weight :  500;
    transition: color 0.3s ease;
   position: relative;
}

.mainNavigation a:hover {
   color: #667eea;
	
}

.mainNavigation a::after    {
  content: '';
    position: absolute;
   bottom: -5px;
   left: 0;
          width: 0;
  height: 2px;
  background: #667eea;
   transition:       width 0.3s ease;
}

.mainNavigation a:hover::after {
    width: 100%;
}  

.burgerMenuBtn {
   display: none;
		flex-direction: column;
    cursor: pointer;
        padding: 5px;
}

.burgerLine {
   width: 25px;
   height:        3px;
   background: #333;
   margin: 3px 0;
    transition: 0.3s;
}

.heroSection		{
  background: linear-gradient(rgba(102, 126, 234, 0.9), rgba(118, 75, 162, 0.9)),
    url('graphs/multilingual_negotiation_skills_3.webp') center/cover;
    height : 100vh;
  display: flex;
  align-items: center;
   text-align: center;
    color: white;
   padding-top: 80px;
}



.heroContent {
    max-width: 800px;
   margin: 0 auto;
   padding: 0 2rem;
}

.heroTitle {
  font-size: 3.5rem;
    margin-bottom: 1.5rem;
   font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.heroSubtitle {
   font-size: 1.4rem;
   margin-bottom    :        2.5rem;
    opacity: 0.95;
}

.primaryButton {
  background: linear-gradient(45deg, #ff6b6b, #ee5a24);
   color :     white;
    padding: 18px 40px;
   text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
  font-size: 1.1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
   display: inline-block;
  box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);
}

.primaryButton:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(255, 107, 107, 0.4);
}

.aboutSection {
    padding: 100px 0;
    background: #f8f9fa;
}

.container

{
  padding: 0 2rem;
   max-width: 1200px;
   margin: 0 auto;
}

.sectionTitle {
   text-align: center;
   font-size: 2.8rem;
   margin-bottom: 3rem;
	color: #333;
  position: relative;
}

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

.aboutGrid {
  display: grid;
    grid-template-columns: 1fr 1fr;
	 gap: 4rem;
          align-items: center;
   margin-top    : 4rem;
}

.aboutContent h3 
 {
    font-size: 1.8rem;
   margin-bottom: 1.5rem;
    color: #333;
}

.aboutContent p {
    font-size: 1.1rem;
   line-height: 1.8;
  margin-bottom :  1.5rem;
    color: #666;
}

.aboutImage img {
  width: 100%;
    border-radius  :   15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.servicesSection {
   padding: 100px 0;
   background: white;
}

.servicesGrid  
  {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 3rem;
   margin-top:     4rem;
}

.serviceCard {
   background: white;
  padding: 3rem 2rem;
   border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  text-align: center;
  transition   :     transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid #f0f0f0;
}

.serviceCard:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

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

.serviceCard p 
 {
    color: #666;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.servicePrice {
   font-size: 1.8rem;
   font-weight     :700;
  color: #667eea;
  margin-top: 1rem;
}

.ctaSection {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   padding    : 80px 0;
    text-align: center;
    color: white;

}

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

.ctaContent p {
 margin-bottom: 2.5rem;
    opacity: 0.9;
    font-size     :1.2rem;
}

.featuresSection {
               padding: 100px 0;
    background: #f8f9fa;
}

.featuresGrid {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2.5rem;
   margin-top: 4rem;

	}

.featureItem {
  background: white;
    padding: 2.5rem 2rem;
    border-radius   :    15px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	text-align     :center;
}

.featureItem h4 {
   font-size: 1.4rem;
    margin-bottom:   1rem;
    color    :        #333; 
	
}

.featureItem p {


  color: #666;
   line-height: 1.6;
	}

.contactSection {
  padding: 100px 0;

	  background: white;
}

.contactForm {
    max-width: 600px;
   margin: 4rem auto 0;
   background   :        #f8f9fa;
  padding: 3rem;
   border-radius     : 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);

}

.formGroup {
    margin-bottom: 2rem;
}

.formGroup label {
               display: block;
	margin-bottom: 0.5rem;
    font-weight: 600;
  color: #333;
}

.formGroup input,
.formGroup select,
.formGroup textarea {
   width: 100%;
	 padding: 15px;
  border: 2px solid #e0e0e0;
                    border-radius  :        10px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
   background: white;
}

.formGroup input:focus,
.formGroup select:focus,
.formGroup textarea:focus {
    outline     :      none;
   border-color: #667eea;
}

.formGroup textarea {
	 height: 120px;
    resize: vertical;
}

.submitButton {
  background: linear-gradient(45deg, #667eea, #764ba2);
   color: white;
    padding: 18px 40px;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
  font-weight: 600;
	cursor  : pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
}

.submitButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}
@media (max-width: 768px) {
    .mainNavigation {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: rgba(255,255,255,0.98);
        flex-direction: column;
        justify-content: start;
        align-items: center;
        padding-top: 2rem;
        transition: left 0.3s ease;
    }

    .mainNavigation.active {
        left: 0;
    }

    .burgerMenuBtn {
        display: flex;
    }

    .burgerMenuBtn.active .burgerLine:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }

    .burgerMenuBtn.active .burgerLine:nth-child(2) {
        opacity: 0;
    }

    .burgerMenuBtn.active .burgerLine:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }

    .heroTitle {
        font-size: 2.5rem;
    }

    .heroSubtitle {
        font-size: 1.2rem;
    }

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

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

    .sectionTitle {
        font-size: 2.2rem;
    }

    .navContainer {
        padding: 1rem;
    }

    .contactForm {
        margin: 2rem auto 0;
        padding: 2rem;
    }
}

@media (max-width: 480px) {
    .heroTitle {
        font-size: 2rem;
    }

    .container {
        padding: 0 1rem;
    }
}.valueItem {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.valueItem:hover
{
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.teamCard::before	{
  content: '';

	  position: absolute;

	    top: 0;

	   left    :     0;

	   right: 0;

	   bottom: 0;

	  background: linear-gradient(45deg, transparent, rgba(102, 126, 234, 0.1));

	      opacity: 0;

	   transition     :    opacity 0.3s ease;

	    border-radius     :       20px;

		z-index: 1;
}

.teamCard:hover::before {
          opacity: 1; 

}

.teamCard > * {
    position: relative;
	   z-index: 2;
}

.achievementNumber {
   display: inline-block;
    transition: transform 0.3s ease;
}

.achievementItem:hover .achievementNumber {
  transform: scale(1.1);
}

.stepCard:nth-child(1) {
  animation-delay: 0.1s;
}

.stepCard:nth-child(2) {
   animation-delay: 0.2s;
}

.stepCard:nth-child(3) {
    animation-delay: 0.3s;
}

.stepCard:nth-child(4) {
   animation-delay: 0.4s;
}@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}.checkmarkIcon {
	 animation: float 3s ease-in-out infinite;
}@keyframes pulse {
    0% { transform: translateX(-50%) scale(1); }
    50% { transform: translateX(-50%) scale(1.1); }
    100% { transform: translateX(-50%) scale(1); }
}.stepNumber {
   animation: pulse 2s ease-in-out infinite; 

}

.thankYouTitle {
  background: linear-gradient(45deg, #fff, #a8c8ec);
  background-clip: text;
}

.confirmationBox {
  position: relative;
  overflow    :  hidden;
}

.confirmationBox::before {
  content: '';
  position     :      absolute;
    top: -50%;
         left: -50%;
  width: 200%;
   height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
  transform: rotate(45deg);
       animation: shimmer 3s ease-in-out infinite;
}@keyframes shimmer {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

@media (max-width: 768px) {
    .confirmationBox {
        margin: 2rem 0;
    }
    
    .actionButtons {
        gap: 1rem;
    }
    
    .stepCard {
        margin-bottom: 2rem;
    }
}.primaryButton:focus,
.secondaryButton:focus {
  outline: 3px solid rgba(255, 255, 255, 0.5);
  outline-offset: 3px;
}

.storyContent h2 {
  background: linear-gradient(45deg, #333, #667eea);
   background-clip: text;
}

.missionText {
	    position: relative;


}

.missionText:first-child::before {
  content: '';
  position: absolute;
   left: -20px;
  top: 0;
   bottom: 0;
                    width    :    4px;
  background: linear-gradient(to bottom, #667eea, #764ba2);
   border-radius: 2px;
}

.primaryButton:active {
  transform: translateY(-1px);
  transition: transform 0.1s ease;
}

.secondaryButton:active {
  transform: translateY(-1px);
   transition: transform 0.1s ease;
}@media (max-width: 480px) {
    .mainNavigation a {
        padding: 1rem 0;
        font-size: 1.1rem;
    }
}