/* Navigation Bar Styles */
.navbar {
    background-color: #007BFF; 
    padding: 5px 10px; 
    border-bottom: 3px solid #0056b3; 
}

.navbar-brand {
    color: #fff; 
    font-weight: bold; 
    font-size: 2.0rem; 
}

.navbar-brand:hover{ 
    border-radius: 1px solid #0056b3;
    border-radius: 5px; 
    color: #fff; 
    

}

.navbar-toggler-icon {
    background-color: #fff; 
}

.navbar-nav .nav-link {
    color: #fff; 
    font-weight: bold; 
}

.navbar-nav .nav-link:hover {
    background-color: #0056b3; 
    color: #fff;
    border: none; 
    border-radius: 5px; 
}
.navbar-nav .nav-link:hover a {
    color: #fff;
    font-weight: bold; 
}

/* Header Styles */
header {
    text-align: center; 
    padding: 0px; 
    
}

header h1 {
    font-size: 2.5rem; 
    margin-bottom: 20px; 
    color: green;
    font-weight: bold;
   
}

header h2 {
    font-size: 1.5rem; 
    color: black;
}

/* "Why Choose ChristaNetworks?" Section Styles */
#why-choose {
    background-color: #f5f5f5; 
    padding:  0; 
}

#why-choose .container {
    padding: 20px 0px;
}



#why-choose .getConnected{
    padding: 20px 0px;
    background-color: antiquewhite;
    box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 20%);
    padding: 10px;
    border: none;
    border-radius: 10px;
}

#why-choose .getConnected button {
    border-radius: 10px;
    font-size: large;
}

#why-choose h2 {
    color: #007BFF; /* Set the section title color */
}

#why-choose ul {
    list-style: none; /* Remove default list styles */
    padding-left: 0; /* Remove default left padding for the list */
}

#why-choose ul li {
    margin-bottom: 15px; /* Add space between list items */
}

/* "Our Services" Section Styles */
.our_services{
    padding: 50px 0; /* Add padding to the top and bottom of the section */
}

.our_services h2 {
    color: #007BFF; /* Set the section title color */
}

.card {
    border: none; /* Remove borders from cards */
    margin-bottom: 30px; /* Add space between cards */
}

.card-title {
    font-weight: bold; 
}

#cta {
    background-color: #007BFF; 
    color: #fff; 
    padding: 50px 0; 
    text-align: center;
}

#cta h2 {
    font-weight: bold; 
}

#cta p {
    font-size: 1.2rem; 
    margin-bottom: 20px; 
}

button {
    background-color: #fff; 
    color: #007BFF;
    border: none; 
    padding: 10px 20px;
    font-weight: bold; 
    text-transform: uppercase; 
    transition: background-color 0.3s, color 0.3s; 
}

button:hover {
    background-color: #0056b3; 
    color: #fff; 
}

/* Footer Styles */
footer {
    background-color: #333; /* Set the background color of the footer */
    color: #fff; /* Set text color to white */
    padding: 50px 0; /* Add padding to the top and bottom of the footer */
}

footer h4 {
    color: #007BFF; /* Set footer heading color */
}

footer ul {
    list-style: none; /* Remove default list styles */
    padding-left: 0; /* Remove default left padding for the list */
}

footer ul li {
    margin-bottom: 10px; /* Add space between list items */
}

footer a {
    color: #fff; /* Set link text color */
    text-decoration: none; /* Remove underlines from links */
}

footer a:hover {
    text-decoration: underline; /* Add underline on link hover */
}
button{
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.submit-btn{
    background-color: #0056b3;
    color: white;
}
.submit-btn:hover{
    background: #0057b379;
}
button.close{
    background-color: rgb(61, 8, 8);
    color: white;
    font-weight: bold;
}


.card-img-top{
    max-height: 200px;
}

.service-card{
    box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 20%);
}
.phoneNumber{
    font-weight: 600;
    font-size: x-large;
}
@media screen and (max-width: 700px) {
    .service-card{
        margin-top: 20px ;
        padding: 20px;
    }
    
}