/* Hero Section */
/* section.text-center.py-5 { */
    /* background: linear-gradient(135deg, #007bff, #6610f2); */
    /* color: #fff; */
    /* border-radius: 12px; */
    /* padding: 80px 20px; */
/* } */
/* section.text-center.py-5 h1 { */
    /* font-weight: 700; */
    /* letter-spacing: 1px; */
/* } */
/* section.text-center.py-5 p.lead { */
    /* font-size: 1.25rem; */
    /* margin-bottom: 30px; */
/* } */
/* section.text-center.py-5 .btn-primary { */
    /* background-color: #ffc107; */
    /* border: none; */
    /* color: #000; */
    /* font-weight: 600; */
    /* padding: 12px 30px; */
    /* transition: transform 0.2s ease-in-out; */
/* } */
/* section.text-center.py-5 .btn-primary:hover { */
    /* transform: scale(1.05); */
/* } */

/* /* Services Section */ */
/* #services .col-md-4 { */
    /* background: #f8f9fa; */
    /* border-radius: 10px; */
    /* padding: 30px 20px; */
    /* margin: 10px; */
    /* transition: box-shadow 0.3s ease; */
/* } */
/* #services .col-md-4:hover { */
    /* box-shadow: 0 8px 20px rgba(0,0,0,0.1); */
/* } */
/* #services i { */
    /* color: #007bff; */
    /* margin-bottom: 15px; */
/* } */

/* /* Portfolio Cards */ */
/* #portfolio .card { */
    /* border: none; */
    /* border-radius: 12px; */
    /* overflow: hidden; */
    /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
/* } */
/* #portfolio .card:hover { */
    /* transform: translateY(-5px); */
    /* box-shadow: 0 10px 25px rgba(0,0,0,0.15); */
/* } */
/* #portfolio .card-title { */
    /* font-weight: 600; */
    /* color: #007bff; */
/* } */
/* #portfolio .btn-outline-primary { */
    /* border-radius: 50px; */
    /* padding: 8px 20px; */
    /* transition: background-color 0.2s ease, color 0.2s ease; */
/* } */
/* #portfolio .btn-outline-primary:hover { */
    /* background-color: #007bff; */
    /* color: #fff; */
/* } */
/* footer h5 { */
    /* font-weight: 600; */
    /* margin-bottom: 15px; */
/* } */
/* footer a:hover { */
    /* color: #ffc107 !important; /* golden hover accent */ */
/* } */
/* footer .bi { */
    /* font-size: 1.2rem; */
    /* transition: color 0.2s ease; */
/* } */
/* footer .bi:hover { */
    /* color: #0d6efd; /* Bootstrap primary */ */
/* } */
footer.bg-dark-custom.text-light.pt-5.pb-3
{
	background-color: #18191b;
}
.section {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    padding: 40px;
    margin-bottom: 40px;
}

.btn-fancy {
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 12px 30px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-fancy:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
/* Contact Form 7 styling */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="url"],
.contact-form textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 12px;
    margin-bottom: 20px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 8px rgba(13,110,253,0.3);
    outline: none;
}

.contact-form input[type="submit"] {
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 12px 30px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
 /* Initial header styling */
  #main-header {
    transition: all 0.3s ease;
    padding: 1rem 1rem;
    background-color: #343a40; /* Bootstrap bg-dark */
    position: relative;
    width: 100%;
    z-index: 1030;
  }
  /* Sticky header */
  #main-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    z-index: 1030;
  }
  /* Shrunk and darker header on scroll */
  #main-header.shrink {
    padding: 0.5rem 1rem;
    background-color: #1d2124; /* Darker shade */
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  }
  /* Nav link colors */
  #main-header .navbar-nav .nav-link {
    color: rgba(255,255,255,.75);
    transition: color 0.3s ease;
  }
  #main-header .navbar-nav .nav-link:hover,
  #main-header .navbar-nav .nav-link:focus {
    color: #fff;
  }