@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box; /* Ensures padding does not affect width */
}
body {
    padding-top: 20px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 22.18%,rgba(211,211,211,1.00) 31.30%,rgba(178,178,178,1.00) 40%,rgba(70,169,66,1.00) 66.11%,rgba(4,80,5,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 22.18%,rgba(211,211,211,1.00) 31.30%,rgba(178,178,178,1.00) 40%,rgba(70,169,66,1.00) 66.11%,rgba(4,80,5,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 22.18%,rgba(211,211,211,1.00) 31.30%,rgba(178,178,178,1.00) 40%,rgba(70,169,66,1.00) 66.11%,rgba(4,80,5,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 22.18%,rgba(211,211,211,1.00) 31.30%,rgba(178,178,178,1.00) 40.00%,rgba(70,169,66,1.00) 66.11%,rgba(4,80,5,1.00) 100.00%);
}
#navbarSupportedContent1 .navbar-nav.mr-auto .nav-item {
    background-color: hsla(0,33%,98%,1.00);
}
.container-fluid {
	width: 100%;
}
        
        h2, h3 {
            color: #28a745; /* Primary color */
        }
	section {
            padding: 20px;
            margin: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
	footer {
            text-align: center;
            padding: 20px;
            margin: 20px;
            background: #28a745;
            color: #fff;
            position: relative;
            border-radius: 8px;
            bottom: 0;
        }
        .collection-section {
            padding: 20px;
            margin: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .collection-img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }

.about-section {
            padding: 20px;
            margin: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.find-us-section {
            background: #fff;
            padding: 20px;
            margin: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
 .recycle-section {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
.shredding-section {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
    .contact-section {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
form {
    background-color: #ffffff; /* White background for the form */
    border-radius: 8px; /* Rounded corners */
    padding: 40px; /* Padding inside the form */
    margin: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Shadow effect */
}
        input, textarea {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        button {
            padding: 10px 15px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #218838;
        }
.container {
    padding-left: 15px;  /* Add padding to the left side */
    padding-right: 15px; /* Add padding to the right side */
}
..recycle-section ul .img-fluid.image-small {
    object-fit: cover; /* Ensures the image covers the area without stretching */
	vertical-align: middle;
	display: inline;
	
}
.container.mt-5 .row .col-lg-3 {
	padding-top: 20px;
	padding-bottom: 20px;
	border: #000000 dashed thin;
}
.row .col-lg-3 .img-fluid.gallery-image {
	border-radius: 15px;
	border: #000000 thin solid;
	box-shadow: 5px 5px grey;
}
#findus .find-us-image img {
	border-radius: 15px;
	align-content: center;
	box-shadow: 5px 5px grey;
}
.small-email {
            font-size: 16px; /* Default font size for larger screens */
            margin-top: 5px; /* Space above the email */
}