* {
    margin     :  0;
  padding: 0;
  box-sizing    :     border-box;
}

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

.headerContainer {

  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  position: fixed;
  width: 100%;
	top: 0;
        z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);}

.navWrapper {

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

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

.navigationMenu {
	 display: flex;
   list-style: none;
   gap: 2rem;
}

.navigationMenu a {
   color: white;
    text-decoration: none;
    font-weight: 500;
	transition: color 0.3s ease;
}

.navigationMenu a:hover {
  color: #f0f0f0;
}

.burgerMenuBtn {

   color: white;
  font-size: 1.5rem;
   background: none;
   border: none;
  display: none;
    cursor: pointer;
}@media (max-width: 768px) {
    .navigationMenu {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        flex-direction: column;
        padding: 2rem;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .navigationMenu.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .burgerMenuBtn {
        display: block;
    }
}.heroSection {
  background: linear-gradient(rgba(102, 126, 234, 0.8), rgba(118, 75, 162, 0.8)), url('../photography/intuitive_business_decision_making_5.webp');
  background-size: cover;
    background-position: center;
   min-height: 100vh;
    display: flex;
  align-items: center;
   text-align: center;
  color: white;
  margin-top: 80px;
}

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

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

.heroSubtitle {
       font-size: 1.3rem;
                    margin-bottom: 2rem;
  opacity: 0.95;}

.ctaButton {
      background: #ff6b6b;
   color    :     white;
   padding: 15px 35px;
   border: none;
      border-radius: 50px;
  font-size     :        1.1rem;
  font-weight: 600;
    text-decoration: none;
   display: inline-block;
   transition: all 0.3s ease;
    cursor: pointer;
}

.ctaButton:hover {
  background: #ff5252; 
  transform: translateY(-2px); 
  box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4);
	
}

.servicesSection {
   padding: 5rem 2rem;
   background: #f8f9fa;
}

.sectionContainer {
	max-width     :     1200px;
  margin: 0 auto;
}

.sectionHeading {
  text-align: center;
   font-size: 2.5rem;
  margin-bottom:  3rem;
  color: #333;
}

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

.serviceCard {

	  background: white;
    padding: 2rem;
    border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;


}

.serviceCard:hover

{
  transform: translateY(-5px);
}

.serviceImage {
    width: 100%;
  height: 200px;
    object-fit: cover;
	 border-radius: 10px;
   margin-bottom: 1.5rem;
}

.serviceTitle {
    font-size    : 1.5rem;
  margin-bottom: 1rem;
  color: #667eea; 

}

.aboutSection {
  padding: 5rem 2rem;
    background: white;
}

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

.aboutText {
     font-size: 1.1rem;
   line-height: 1.8;
}


.aboutImage {

     width: 100%;
    height    :       400px;
  object-fit: cover;
  border-radius: 15px;
	}

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

.ctaHeading {
   font-size: 2.5rem;
    margin-bottom: 1rem;
}

.ctaText {
      opacity: 0.9;
   margin-bottom: 2rem;
   font-size: 1.2rem;
     }

.contactSection {

     padding: 5rem 2rem;
 background: #f8f9fa;
}

.contactForm {
		max-width: 600px;
                    margin: 0 auto;
   background: white;
    padding  :     3rem;
	border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);


}

.formGroup {
   margin-bottom: 1.5rem;
}

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

.formInput, .formSelect, .formTextarea {
   width: 100%;
    padding: 12px;
    border: 2px solid #e1e5e9;
     border-radius: 8px;
  font-size: 1rem;
    transition: border-color 0.3s ease;
}  

.formInput:focus, .formSelect:focus, .formTextarea:focus    {
    outline: none;
    border-color: #667eea;
}  

.formTextarea

{
	  resize: vertical;
   min-height: 120px;


}

.submitBtn {
  background: #667eea;
    color: white;
    padding: 15px 30px;
  border: none;
   border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
    cursor: pointer;
   width  : 100%;
    transition: background 0.3s ease;
}

.submitBtn:hover {
   background: #5a67d8;
}@media (max-width: 768px) {
    .heroTitle {
        font-size: 2.5rem;
    }

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

    .navWrapper {
        padding: 1rem;
    }
}.footerSection {
    background: #2c3e50;
  color: white;
    padding: 3rem 2rem 1rem;
}

.footerContainer {
          max-width: 1200px;
  margin: 0 auto;
}

.footerBrand {
  text-align: center;
  margin-bottom: 2rem; 
	
}

.footerBrand h3 {
    margin-top: 1rem;
   font-size: 1.5rem;
}

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

.footerColumn h4 {
   margin-bottom: 1rem;
    color     :     #ecf0f1;
    font-size: 1.2rem;
}

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

.footerColumn ul li {
    margin-bottom: 0.5rem;
}

.footerColumn ul li a {
      color: #bdc3c7;
   text-decoration: none;
    transition: color 0.3s ease;
}

.footerColumn ul li a:hover {
  color: #ecf0f1;
}

.footerColumn p {
  color: #bdc3c7;
   margin-bottom: 0.5rem;
}  

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

.aboutMainContent .storyContent {
    animation: fadeInLeft 1s ease-out;
}

.aboutMainContent .storyImage {
   animation   :      fadeInRight 1s ease-out;
}@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}.valueCard:nth-child(1) {
  animation-delay: 0.1s; 

}

.valueCard:nth-child(2) {

	   animation-delay: 0.2s;
	}

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

.valueCard:nth-child(4) 
 {
	 animation-delay: 0.4s;
}

.experienceItem {
     animation: countUp 1.5s ease-out;
}@keyframes countUp {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}.footerSection {
   background: #2c3e50;
	color: white;
    padding   :3rem 2rem 1rem;
}

.footerContainer {
    max-width: 1200px;
	margin: 0 auto;
}

.footerBrand {
    text-align  :  center;
    margin-bottom :  2rem;
}

.footerBrand h3 {
  margin-top: 1rem;
    font-size: 1.5rem;
}

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

.footerColumn h4 {
  margin-bottom: 1rem;
    color:        #ecf0f1;
                    font-size: 1.2rem;
}

.footerColumn ul {


   list-style: none;
  padding: 0;
}

.footerColumn ul li {
  margin-bottom   :   0.5rem;
}

.footerColumn ul li a  {
    color: #bdc3c7;
    text-decoration: none;
	transition     :   color 0.3s ease;
}

.footerColumn ul li a:hover {
   color   :     #ecf0f1;
}

.footerColumn p {


    color: #bdc3c7;
  margin-bottom: 0.5rem;

}

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

.thankyouContainer {
    animation: slideInUp 0.8s ease-out;
}

.successIcon {
   animation: bounceIn 1s ease-out 0.3s both;
}

.thankyouTitle {
   	animation: fadeIn 0.8s ease-out 0.5s both;}

.thankyouMessage {
      animation: fadeIn 0.8s ease-out 0.7s both;
}

.nextStepsSection {
   animation: fadeInUp 0.8s ease-out 0.9s both;

}

.actionButtons {
   animation: fadeIn 0.8s ease-out 1.1s both;
}

.contactInfo {
    animation: fadeInUp 0.8s ease-out 1.3s both;
}@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.contactInfo {
  position: relative;
    overflow: hidden;
}

.contactInfo::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: shine 3s infinite;
}@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}.footerSection {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  color: white;
  padding: 4rem 2rem 1.5rem;
  position   :    relative;
    overflow :     hidden;
}

.footerSection::before  
  {
  content: '';
  position: absolute;
  top: 0;
   left: 0;
   right: 0;
    height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
}

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

.footerBrand {
   text-align    :    center;
  margin-bottom :      3rem;
    padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footerBrand img {


   height :  40px;
    width  :      auto;
  margin-bottom: 1rem;
    transition: transform 0.3s ease;
	}

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

.footerBrand h3 {
    font-size: 1.8rem;
  font-weight: 600;
    color: #ecf0f1;
    margin: 0;
  letter-spacing: 0.5px;
}

.footerInfo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 3rem;
    margin-bottom: 3rem;
}

.footerColumn {
 text-align: left;
}

.footerColumn h4 {
    font-weight: 600;
    padding-bottom     :       0.5rem;
  position: relative;
    color: #ecf0f1;
    margin-bottom: 1.5rem;
   font-size  :   1.3rem;
}

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

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

.footerColumn ul li {
    margin-bottom: 0.8rem;
     transform: translateX(0);
      transition: transform 0.3s ease;
}

.footerColumn ul li:hover		{
  transform: translateX(5px);
}

.footerColumn ul li a
	{
    color:     #bdc3c7;
    text-decoration: none;
   transition: all 0.3s ease;
  font-size: 1rem;
    position: relative;
    display     :        inline-block;
}

.footerColumn ul li a::before {
  content: '';
    position: absolute;
      bottom: -2px;
  left: 0;
    width: 0;
    height: 1px;
  background    :      #667eea;
	transition: width 0.3s ease;
}

.footerColumn ul li a:hover {
      color: #ecf0f1;
}

.footerColumn ul li a:hover::before {
  width: 100%;
}

.footerColumn p {
    color: #bdc3c7;
  margin-bottom: 0.6rem;
   font-size: 1rem;
    line-height: 1.6;
  transition: color 0.3s ease;
}

.footerColumn p:hover {
     color: #ecf0f1;
	}

.footerBottom {
   text-align: center;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.1);
					color: #95a5a6;
    font-size: 0.95rem;
  position: relative;
}

.footerBottom::before {
  content: '';
  position: absolute;
  top: 0;
               left: 50%;
  transform: translateX(-50%);
   width: 60px;
   height: 1px;
  background: linear-gradient(90deg, transparent, #667eea, transparent);
}

.footerBottom p {
   margin: 0;
   opacity:     0.8;
    transition: opacity 0.3s ease;
}

.footerBottom:hover p		{
    opacity: 1;
}@media (max-width: 768px) {
    .footerSection {
        padding: 3rem 1rem 1rem;
    }

    .footerInfo {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

    .footerColumn {
        text-align: center;
    }

    .footerColumn h4::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .footerBrand {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
    }

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

@media (max-width: 480px) {
    .footerSection {
        padding: 2rem 1rem 1rem;
    }

    .footerInfo {
        gap: 1.5rem;
    }

    .footerColumn h4 {
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }

    .footerColumn p,
    .footerColumn ul li a {
        font-size: 0.9rem;
    }
}.footerSection {

	   animation: fadeInUp 0.8s ease-out;
	}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.footerSection::after {
  content: '';
    position: absolute;
    top: 0;
          left    :   0;
  right: 0;
       bottom: 0;
  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.02) 1px, transparent 1px),
            radial-gradient(circle at 80% 20%, rgba(255,255,255,0.02) 1px, transparent 1px),
            radial-gradient(circle at 40% 40%, rgba(255,255,255,0.01) 1px, transparent 1px);
	background-size     :      50px 50px, 60px 60px, 40px 40px;
       pointer-events: none;
    z-index: 1;
}

.footerColumn {
  transition: transform 0.3s ease;
}

.footerColumn:hover {
  transform: translateY(-2px);
}

.footerBrand {

  transition: all 0.3s ease;
}

.footerBrand:hover {
  transform: translateY(-1px);
}

.cookiesMainContent {
  padding: 5rem 2rem;

	    background: #f8f9fa;
}

.cookiesSection	{
     max-width: 800px;
   margin: 0 auto;
    background : white;
    padding: 3rem;
   border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	}

.cookiesSection h2 {
     font-size: 1.8rem;
  color: #667eea;
   margin-bottom: 1rem;
  font-weight: 600;
}

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

.cookiesList {
   margin-bottom:    1.5rem;
    list-style: none;
   padding  :   0;
}

.cookiesList li  {
    padding :   0.5rem 0;
         padding-left: 1.5rem;
    position: relative;
                    font-size: 1.1rem;
  color     :        #666;
}

.cookiesList li::before {
  content: '→';
	position: absolute;
   left: 0;
      color: #667eea;
    font-weight: bold;
}@media (max-width: 768px) {
    .cookiesSection {
        padding: 2rem;
        margin: 1rem;
    }

    .cookiesSection h2 {
        font-size: 1.5rem;
    }
}.privacyMainContent 
 {
    background: #f8f9fa;
                    padding: 5rem 2rem;
}

.privacySection {
    max-width: 800px;
   margin: 0 auto;
    background: white;
         padding: 3rem;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);


}

.privacySection h2 {
	  font-size: 1.8rem;
    color: #667eea;
    margin-bottom: 1rem;
   font-weight: 600;
	}

.privacySection p {
   font-size: 1.1rem;
    line-height: 1.8;
  margin-bottom: 1.5rem;
    color: #666;
}@media (max-width: 768px) {
    .privacySection {
        padding: 2rem;
        margin: 1rem;
    }

    .privacySection h2 {
        font-size: 1.5rem;
    }
}.privacyMainContent {
    padding: 5rem 2rem;
   background: #f8f9fa;
}

.privacySection {
   max-width: 800px;
     margin     :        0 auto;
      background: white;
     padding: 3rem;
      border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
	
}

.privacySection h2 {
    font-size: 1.8rem;
   color: #667eea;
   margin-bottom: 1rem;
   font-weight: 600;
}  

.privacySection p {
  font-size: 1.1rem;
   line-height: 1.8;
  margin-bottom: 1.5rem;
    color: #666;
} @media (max-width: 768px) {
    .privacySection {
        padding: 2rem;
        margin: 1rem;
    }

    .privacySection h2 {
        font-size: 1.5rem;
    }
}