* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
}
header{
    display: flex;
    align-items: center;
    justify-content: space-between;   
    padding: 10px 100px;
    position: fixed;
    background: rgba(29, 23, 23, 0.062); /* semi-transparent */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(50px); 
    width: 100%;
   
}


li,a {
    color: #fff;
    text-decoration:none;
}


img {
    padding-top: 10px;
    height: 65px;
    cursor: pointer;    
    
}


.nav-link {
    
    list-style: none;
    padding-left: 30rem;
    
    
}

.nav-link li {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 16px;
    font-family: sans-serif ;
 
}



.nav-link li:hover {
    
    border: #536956;
    border-style: solid;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(83, 105, 86);
    
    

}





.hero-section {
    background-image: url(assets/2.jpg);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 100px;
    display: flex;
    align-items: center;
    background-position: center;
}
.hero-section h1 {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 64px;
    width: 400px;
    color: #fff;
    text-transform: capitalize;

}
span {
    color: #536956;
    font-size: 55px;
}
.hero-section button {
    color: #fff;
    font-size: 18px;
    width: 125px;
    height: 50px;
    background-color: #536956;
    border: none;
    border-radius: 10px;
    font-weight: 500;
    margin-top: 20px ;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.5s;
    
}
.hero-section button:hover{
    box-shadow: 0 0 15px rgb(83, 105, 86);

}











.section1{
    width: 100%;
    padding: 100px 0px;
}
.section1 img{
    height: auto;
    width: 420px;
    border-radius: 50px 10px 50px 10px;
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}





.about-text{
    width: 550px;

}
.main{

    width: 1130px;
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;


}
.about-text h1{
    color: black;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.about-text span{
    font-size: 30px;
    color: #536956;
    
}
   
.about-text p{
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 0.6cm;
}
.about-text button{
    color: #fff;
    font-size: 18px;
    width: 150px;
    height: 50px;
    background-color: rgb(83, 105, 86);
    border: none;
    border-radius: 10px;
    font-weight: 500;
    margin-top: 30px ;
    text-transform: capitalize;
    transition: 0.5s;
    cursor: pointer;
    
}
.about-text button:hover{
    box-shadow: 0 0 15px rgb(83, 105, 86);
}







@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 1s ease-out both;
}

/* Slide in from right */
@keyframes slideInRight {
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0); }
}

.slide-in-right {
  animation: slideInRight 1s ease-out both;
  animation-delay: 0.5s;
}











.Services-section {
    background-color: #f5f5f5;
    padding: 80px 80px;
    text-align: center;
  }
  
  .Services-section h2 {
    font-size: 42px;
    font-family: sans-serif ;
    color: #222;
  }

  .section-para {
    padding-top: 15px;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 0.7cm;
    font-family: Arial ;
    color: #222;
  }
  
  




  .Services-container {
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
  
  .Services-card {
    background-color: white;
    border-radius: 10px;
    max-width: 320px;
    padding: 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.3s ease;
  }
  
  .Services-card:hover {
    transform: translateY(-5px);
  }
  
  .Services-card p {
    padding-top: 10px;
    font-family: Arial;
    font-size: 16px;
    color: #555;
    margin-bottom: 16px;
  }
  
  .Services-card h4 {
   
    font-weight: bold;
    color: #333;
  }

  .Services-card h3{
    font-family: sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;


  }
.section2-container{
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;

}
  









.section2{
    width: 100%;
    padding: 100px 0px;
    
}
.skills{
    width: 50%;

}
.main2 {

    width: 1130px;
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;


}
.my-style{
    width: 50%;
    margin-top: 30px;
}

.skills h3 {
    margin: 5px;
    color: black;

}
.skills{
    width: 500px;
    margin:60px auto;
    padding: 20px;
}
.skills li{
    max-width: 20px 0;
    padding: 10px;
}
.bar{
    background: #666666;
    display: block;
    height: 16px;
    border: 1px solid rgb(102,102,102);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0,0, 0.12),;
    transition: all 0.3s ;
    color: #ffffff;
    font-size: 12px;
    text-align: starts;
    
}
.bar:hover{
    box-shadow: 0 14px 28px rgba(0, 0,0, 0.25), 0 10px 10px rgba(0, 0,0, 0.22);
}
.bar span{
    
    height: 20px;
    float:left ;
    background: linear-gradient(135deg, rgba(89, 102, 89, 0.623) 0% ,rgb(83, 105, 86)100% );
}
.Web-Developing{
    width: 90%;
    animation: Web-Developing 3s;
}
.Brand-Identity{
    width: 55%;
    animation: Brand-Identity 3s;
}
.Logo-Design{
    width: 70%;
    animation: Logo-Design 3s;
}
.main2 h1{
    color: black;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
    
}
.Contact{
    min-height: 10vh;
    padding: 50px 80px;
    text-align: center;
    justify-content: space-between  ;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1396%26quot%3b)' fill='none'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1397%26quot%3b)'%3e%3cpath d='M91 273L117 247M117 273L143 273M169 299L195 273L221 273M-13 273L13 273L39 273L65 273L91 273L117 273L143 299L169 299L195 299L221 299L247 299L273 299' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M266.5 299 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM110.5 247 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM136.5 273 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM214.5 273 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M221 351L247 325L273 325L299 325L325 299M195 325L221 325M-13 299L13 299L39 299L65 299L91 299L117 299L143 325L169 325L195 325L221 351L247 351' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M240.5 351 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM318.5 299 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM214.5 325 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M221 221L247 247M65 247L91 247M195 221L221 195M-13 247L13 247L39 247L65 247L91 221L117 221L143 221L169 221L195 221L221 221L247 221L273 221' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M266.5 221 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM240.5 247 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM84.5 247 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM214.5 195 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M351 325L377 299M247 377L273 403L299 403L325 403L351 403M403 325L429 299L455 273L481 273L507 273M299 351L325 351M-13 325L13 325L39 325L65 325L91 325L117 325L143 351L169 351L195 351L221 377L247 377L273 377L299 351L325 325L351 325L377 325L403 325L429 325L455 325' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M448.5 325 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM370.5 299 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM344.5 403 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM500.5 273 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM318.5 351 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M143 195L169 195L195 195M247 169L273 195L299 195L325 195L351 195M-13 221L13 221L39 221L65 221L91 195L117 195L143 195L169 169L195 169L221 169L247 169L273 169' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M266.5 169 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM188.5 195 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM344.5 195 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M221 403L247 403M403 429L429 455L455 455M325 429L351 455L377 455L403 455L429 481M455 429L481 403L507 403M169 377L195 377M-13 351L13 351L39 351L65 351L91 351L117 351L143 377L169 377L195 403L221 403L247 429L273 429L299 429L325 429L351 429L377 429L403 429L429 429L455 429L481 429' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M474.5 429 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM240.5 403 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM448.5 455 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM422.5 481 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM500.5 403 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM188.5 377 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M429 117L455 143L481 143L507 143M299 117L325 143L351 143L377 143L403 143M377 117L403 91L429 91L455 91L481 91L507 91M273 143L299 143L325 169L351 169L377 169M-13 195L13 195L39 195L65 195L91 169L117 169L143 169L169 143L195 143L221 143L247 143L273 143L299 117L325 117L351 117L377 117L403 117L429 117L455 117' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M448.5 117 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM500.5 143 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM396.5 143 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM500.5 91 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM370.5 169 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M-13 377L13 377L39 377L65 377L91 377L117 377L143 403L169 403L195 429L221 429L247 455' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M240.5 455 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M221 117L247 91L273 91M351 91L377 91M117 143L143 117L169 91M299 91L325 65L351 65M-13 169L13 169L39 169L65 169L91 143L117 143L143 143L169 117L195 117L221 117L247 117L273 117L299 91L325 91L351 91L377 65L403 65L429 65' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M422.5 65 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM266.5 91 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM370.5 91 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM162.5 91 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM344.5 65 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M195 455L221 481M13 403L39 429L65 429L91 429M143 429L169 455M-13 403L13 403L39 403L65 403L91 403L117 403L143 429L169 429L195 455L221 455L247 481L273 481L299 481' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M292.5 481 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM214.5 481 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM84.5 429 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM162.5 455 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3cpath d='M13 143L39 117L65 117M-13 143L13 143L39 143L65 143L91 117' stroke='rgba(83%2c 105%2c 86%2c 1)' stroke-width='4.33'%3e%3c/path%3e%3cpath d='M84.5 117 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0zM58.5 117 a6.5 6.5 0 1 0 13 0 a6.5 6.5 0 1 0 -13 0z' fill='rgba(83%2c 105%2c 86%2c 1)'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1396'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cmask id='SvgjsMask1397'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3cpath d='M269.75 299 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM113.75 247 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM139.75 273 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM217.75 273 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M243.75 351 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM321.75 299 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM217.75 325 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M269.75 221 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM243.75 247 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM87.75 247 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM217.75 195 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M451.75 325 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM373.75 299 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM347.75 403 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM503.75 273 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM321.75 351 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M269.75 169 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM191.75 195 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM347.75 195 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M477.75 429 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM243.75 403 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM451.75 455 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM425.75 481 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM503.75 403 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM191.75 377 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M451.75 117 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM503.75 143 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM399.75 143 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM503.75 91 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM373.75 169 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M243.75 455 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M425.75 65 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM269.75 91 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM373.75 91 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM165.75 91 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM347.75 65 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M295.75 481 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM217.75 481 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM87.75 429 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM165.75 455 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3cpath d='M87.75 117 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0zM61.75 117 a3.25 3.25 0 1 0 6.5 0 a3.25 3.25 0 1 0 -6.5 0z' fill='black'%3e%3c/path%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-position: center;
    background-size: cover;

}

.container{
    max-width: 1150px;
    margin: 40px auto;
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #2222225d;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 25px;
    border-style: solid;
    border-width: 0px;

}
.container h2{
    padding-top: 30px;
    font-size: 36px;
    margin-bottom: 40px;
    color: #fff;
}
.contact-wrapper{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
    color: #fff;
    
}
.contact-form{
    text-align: left;
    color: #fff;
}
.contact-form h3{
    font-size: 22px;
    margin-bottom: 20px;
    color: #fff;

}
.form-group{
    margin-bottom: 20px;

}
input,textarea{
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background-color: rgb(255, 255, 255);
    color: #000000;
}
input:focus,
textarea:focus{
    outline: none;
    box-shadow: rgb(38, 54, 63);
}
button{
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    width: 150px;
    height: 50px;
    background-color: #000000;
    border: none;
    border-radius: 10px;
    font-weight: 500;
    margin-top: 30px ;
    text-transform: capitalize;
    transition: 0.3s;
    cursor: pointer;
}
button:hover{
    box-shadow: 0 0 15px #536956;
    background-color: #536956;
    transform: translateY(-5px)
}
.contact-info{
    text-align: left;
    padding-left: 100px;

}
.contact-info h3{
    font-size: 22px;
    margin-bottom: 20px;

}
.contact-info p{
    margin-bottom: 10px;
    
}
.contact-info i{
    color: #ffffff;
    margin-right: 10px;
}
textarea{
    height: 80px;
}


  














.testimonials-section {
    background-color: #f5f5f5;
    padding: 80px 80px;
    text-align: center;
  }
  
  .testimonials-section h2 {
    font-size: 32px;
    margin-bottom: 40px;
    color: #222;
  }
  
  .testimonials-container {
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
  
  .testimonial-card {
    background-color: white;
    border-radius: 10px;
    max-width: 320px;
    padding: 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.3s ease;
  }
  
  .testimonial-card:hover {
    transform: translateY(-5px);
  }
  
  .testimonial-card p {
    font-style: italic;
    color: #555;
    margin-bottom: 15px;
  }
  
  .testimonial-card h4 {
    font-weight: bold;
    color: #333;
  }














  .site-footer {
  background-color: #1a1a1a;
  color: #fff;
  padding: 60px 20px 30px;
  font-family: 'Segoe UI', sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
  gap: 30px;
}

.footer-about,
.footer-links,
.footer-social {
  flex: 1 1 250px;
}

.footer-about h2 {
  font-size: 24px;
  color: #fff;
}

.footer-about p {
  color: #bbb;
  margin-top: 10px;
  font-size: 14px;
}

.footer-links h3,
.footer-social h3 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #fff;
}

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

.footer-links ul li {
  margin-bottom: 10px;
}

.footer-links ul li a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-links ul li a:hover {
  color: #00a86b;
}

.social-icons a {
  color: #ccc;
  font-size: 18px;
  margin-right: 15px;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #00a86b;
}

.footer-bottom {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid #444;
  font-size: 14px;
  color: #999;
}