.hero-section {
    background: url('/images/blue-background-red-mug.jpeg') no-repeat center center;
    background-size: cover;
    padding: 30px 0;
    color: #000;
}
.kola {
    
    max-width: 330px;
  margin-right: 0px;
    /* Center the card horizontally */
}

@media (max-width: 768px) {
    .kola {
        max-width: 100%;
    }}

.pricing-card {
    background-color:  rgba(32,3,3,1);
    /* background-color: rgba(32,3,3,1) !important */
    color: #fff;
    border-radius: 25px;
    /* box-shadow: #333; */
    box-shadow: -0px -4px  #34B8DD;
}

h1{
    font-size: 60px !important;
}

.pricing-card h3 {
    margin-top: 0;
}

.pricing-card .price {
    font-size: 2em;
    margin: 20px 0;
}

.pricing-card button {
    background-color: #29C40F;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
}

.pricing-card button:hover {
    background-color: #D86E13;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
}
.help-you {
/* height: 100%;
margin: 0px; */
/* background-image: url('/images/desktop_computer_plant_mug.jpg'); */
position: relative;
background: url('/images/desktop_computer_plant_mug.jpg') no-repeat center center/cover;
color: rgb(36, 33, 33);
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}


.contact-page {
/* height: 100%;
margin: 0px; */
background-image: url('/images/green_leafs_in_glass_vase.jpg');
background-size: cover;
background-position: center;
justify-content: center;
overflow:hidden;
}
.form-control {
background-color: transparent; /* Makes the background transparent */
border: none; /* Removes all borders */
border-bottom: 1px solid #5A5757; /* Adds a solid bottom border */
border-radius: 0; /* Ensures no rounded corners */
outline: none; /* Removes the outline on focus */
box-shadow: none; /* Removes any box shadow */
color: #5A5757; /* Sets the text color to black (or any color you prefer) */
}
.form-control::placeholder {
color: #5A5757; /* White placeholder text */
opacity: 1; /* Ensures the placeholder is fully visible */
}
.form-control:focus {
background-color: transparent; /* Makes the background transparent */
border-bottom-color: #007bff; /* Changes the bottom border color on focus */
box-shadow: none; /* Ensures no shadow on focus */
color: #5A5757;
}

@media (max-width: 991.98px) {
.contact-image-wrapper {
display: none; /* Hide image on medium and smaller screens */
}
}
.testimonials-section {
background-color: #f8f9fa;
}

.testimonials-section h2 {
font-size: 2.5rem;
margin-bottom: 2rem;
}

.testimonial {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
height: 100%;
}

.testimonial img {
border: 5px solid #ddd;
}

.testimonial p {
font-style: italic;
font-size: 1.1rem;
color: #555;
margin: 1.5rem 0;
}

.testimonial h5 {
margin-top: 1rem;
font-weight: bold;
color: #333;
}

.bi-quote {
font-size: 2rem;
color: #6c63ff;
}

