body {
    font-family: 'Arial', sans-serif;
}

.btn-contact {
    padding: 10px 20px;
    background-color: #FF7B00;
    color: #ffffff;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  }
  
  .btn-contact:hover {
    background-color: #ffffff; /* White background on hover */
    color: #FF7B00; /* Text color on hover */
    border: 1px solid #FF7B00; /* Border color on hover */
  }
  
  .navbar-nav .nav-item:last-child {
    margin-right: 40px; /* Remove margin from the last item (Contact Us button) */
  }
  
  .navbar-nav .nav-item:nth-last-child(2) {
    margin-right: 15px; /* Adjust the margin before the Contact Us button */
  }
  /* Reset dropdown styles */
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
  }
.hero-section {
    position: relative;
    overflow: hidden;
    background: url('/images/Training\ Service\ hero.png') no-repeat center center/cover;
    padding: 150px 0;
    background-blend-mode: overlay;
    display: flex;
    align-items: center;
    justify-content: center;

}
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, rgba(16, 55, 86, 0.5), rgba(255, 123, 0, 0.5));
    z-index: 1;
    animation: moveGradient 10s linear infinite;
}
.hero-section .container {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}
@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.hero-section .container h1,
.hero-section .container p,
.hero-section .container a {
    backdrop-filter: blur(5px);
}
.btn-primary{
    background-color: #103756;
    border: #103756;
}

.btn-primary:hover{
    background-color: #ffffff;
    color: #103756;
}

.inspiration-section {
    background-color: #f8f9fa; /* Light background color for contrast */
    background-image: url("/images/Inspiration\ Section.png");
    padding: 40px 20px; /* Ample padding */
    position: relative; /* Position for the animation effect */
    overflow: hidden; /* Hide overflow for animation */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition for hover effect */
    margin-top: 50px;
}

.inspiration-section:hover {
    transform: translateY(-10px); /* Lift the section on hover */
    box-shadow: 0 5px 7px rgba(169, 168, 166, 0.2); /* Add shadow on hover */
}


.inspiration-section blockquote {
    font-size: 1.25rem; /* Larger font size for emphasis */
    font-style: italic; /* Italicize the quotation */
    margin-bottom: 20px; /* Space below the blockquote */
    border-left: 5px solid #ff7b00; /* Accent line on the left */
    padding-left: 20px; /* Space between the line and the text */
    color: #103756; /* Dark color for text */
    position: relative; /* Position for the animation effect */
    animation: fadeIn 2s ease-out; /* Fade-in animation */
}

.inspiration-section .blockquote-footer {
    font-size: 1rem; /* Slightly smaller font size for the footer */
    color: #6c757d; /* Lighter color for the footer text */
}

.inspiration-section .btn {
    background-color: #103756; /* Matching button color */
    border-color: #103756; /* Matching border color */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition for button color */
}

.inspiration-section .btn:hover {
    background-color: #ff7b00; /* Change to accent color on hover */
    border-color: #ff7b00; /* Change border color on hover */
    color: #f8f9fa;
}

/* Responsive Design */
@media (max-width: 768px) {
    .inspiration-section {
        padding: 30px 15px; /* Adjust padding for smaller screens */
    }

    .inspiration-section blockquote {
        font-size: 1.1rem; /* Slightly smaller font size for smaller screens */
    }

    .inspiration-section .btn {
        font-size: 0.9rem; /* Slightly smaller button text for smaller screens */
    }
}

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

.details-section .nav-bar {
    margin-bottom: 20px;
    
}

.details-section .nav-link {
    cursor: pointer;
}

.details-section .content-section {
    display: none;
}

.details-section .content-section.active {
    display: block;
}
.img-fluid{
    height:600px;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767.98px) {
    .details-section .row > div {
        margin-bottom: 1rem;
    }
}
.content-section {
    display: none;
}

.content-section.active {
    display: block;
}


.features-section {
    position: relative;
    background: url('features-bg.png') no-repeat center center/cover;
    padding: 100px 0;
}

.features-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
}

.features-section .container {
    position: relative;
    z-index: 2;
}

.features-section .feature-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.features-section .feature {
    animation: fadeInUp 1s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.features-section .feature:hover .feature-icon {
    transform: scale(1.1);
}
.feature-icon{
    color: #ff7b00;
}


.btn-custom {
    background-color: #ffffff;
    color: #103756;
    border: 2px solid #103756;
    transition: background-color 0.3s, color 0.3s;
}
.btn-custom:hover {
    background-color: #103756;
    color: #ffffff;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
footer a.text-decoration-none {
    color: #FF7B00 !important; /* Use !important to override other styles */
}

footer a.text-decoration-none:hover {
    color: #FF7B00 !important; /* Ensure the hover color is also orange */
}

footer i {
    color: #FF7B00 !important; /* Use !important to override other styles */
}