/* Futuristic Form Styling */
.futuristic-form {
    font-family: 'Orbitron', sans-serif; /* Digital-style font */
    color: #0f0; /* Green text for matrix effect */
}

/* Styling for Form Groups */
.form-group {
    margin-bottom: 15px;
}

/* Label Styling */
.form-label {
    display: block;
    margin-bottom: 5px;
}

/* Input Field Styling */
.form-input {
    width: 100%;
    padding: 10px;
    background: #000;
    border: 1px solid #f98602;
    color: #f98602;
    font-size: 16px;
}

.form-input:focus {
    outline: none;
    box-shadow: 0 0 10px #f98602; /* Neon glow effect */
}

/* Submit Button Styling with Animation */
.submit-btn {
    background: linear-gradient(270deg, #09f, #f09);
    background-size: 400% 400%;
    animation: GradientAnimation 8s ease infinite;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    transition: transform 0.2s;
}

.submit-btn:hover {
    transform: scale(1.1);
}

.submit-btn:active {
    transform: scale(0.9);
}

@keyframes GradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow:
            0 0 7px #ffda44,
            0 0 10px #ffda44,
            0 0 21px #ffda44,
            0 0 42px #cda434,
            0 0 82px #cda434,
            0 0 92px #cda434,
            0 0 102px #cda434,
            0 0 151px #cda434;
        color: #ffda44;
    }
    20%, 24%, 55% {
        text-shadow: none;
        color: #333; /* Dimmed colour */
    }
}

.neon-title {
    font-size: 2rem; /* Adjust size as needed */
    color: #f98602; /* Bright orange for scaffolding theme */
    text-align: center;
    text-shadow: 0 0 8px rgba(249, 134, 2, 0.8), /* Glow effect */
                 0 0 12px rgba(249, 134, 2, 0.6),
                 0 0 16px rgba(249, 134, 2, 0.4);
}

.customer-reviews {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates three columns */
    grid-gap: 20px; /* Space between the columns and rows */
    padding: 20px; /* Padding around the entire grid */
    background-color: #f98602; /* Orange theme background */
    border-radius: 8px; /* Smooth edges for overall container */
}

.review {
    background: #f9f9f9; /* Light background for each review box */
    padding: 15px; /* Padding inside each review box */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    border-radius: 5px; /* Rounded corners for the boxes */
    color: #333; /* Dark text for readability */
}

.gold-stars {
    color: #000000; /* Black stars */
    padding: 2px; /* Padding around stars */
    margin-right: 5px; /* Space after the stars */
    font-size: 1.2em; /* Slightly larger star size */
    box-shadow: none; /* Remove glow effect */
}

/* Mobile view */
@media (max-width: 768px) {
    .customer-reviews {
        grid-template-columns: 1fr; /* Single column layout for mobile */
    }
}



.neon-whatsapp {
	color: #39ff14; /* Neon green color */
	text-shadow: 0 0 8px #39ff14, 0 0 16px #39ff14, 0 0 24px #39ff14;
	transition: text-shadow 0.3s ease-in-out;
}

.neon-whatsapp:hover {
	text-shadow: 0 0 12px #39ff14, 0 0 24px #39ff14, 0 0 36px #39ff14, 0 0 48px #39ff14;
}


.pulsing {
	text-shadow: 0 0 12px #39ff14, 0 0 24px #39ff14, 0 0 36px #39ff14, 0 0 48px #39ff14;
}


/* Make section titles orange */
.col-md-6 h5,
.col-lg-2 h5 {
    color: #f98602;
    font-weight: bold;
}

/* Orange text for paragraphs, list items, and specific service names */
.col-md-6 .contact-details p,
.col-md-6 .list-unstyled p,
.col-md-6 .list-icons li,
.col-md-6 .list-unstyled .font-weight-semibold {
    color: #f98602;
    font-weight: bold;
}

/* Orange colour for all links, including phone numbers, emails, and "Scaffolding Hire" */
.col-md-6 a,
.col-lg-2 a,
.col-md-6 .list-icons a,
.col-md-6 .list-unstyled a {
    color: #f98602 !important; /* Ensure links are orange */
    font-weight: bold;
    text-decoration: none;
}

/* Specific styling for phone numbers and email to ensure orange */
.col-md-6 .list-icons a[href^="tel"],
.col-md-6 .list-icons a[href^="mailto"] {
    color: #f98602 !important;
    font-weight: bold;
}

/* Optional: Force icons to display in orange */
.col-md-6 i,
.col-md-6 .list-icons i {
    color: #f98602 !important; /* Ensures icons match the theme */
}

/* Targeting the paragraph directly */
.col-lg-7 p {
    color: #f98602; /* Bright orange */
    font-weight: bold;
}

/* Optional: Additional styling for <desoscaffolding> tag if needed */
.col-lg-7 desoscaffolding {
    color: #f98602;
    font-weight: bold;
}


.square-crop {
    width: 100%;
    height: 0;
    padding-bottom: 100%; /* Ensures square aspect ratio */
    overflow: hidden;
    position: relative;
}

.square-crop img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    transition: none; /* Removes any hover transition */
}

/* Additional rule to ensure no movement on hover */
.square-crop:hover img {
    transform: translate(-50%, -50%); /* Locks image position on hover */
}


@media (min-width: 768px) {
    .col-md-4 .square-crop {
        height: 300px; /* Sets a consistent size for medium screens and up */
    }
}