/* eaas */


.bg-light-box { background-color: #f8f6eb; }
.bg-dark-box { background-color: #1f2d26; color: #ffffff; }
.responsive-img { width: 100%; height: auto; max-width: 500px; }




    #blog{

        font-size: 16px;
    }

.vercelnew{
    padding: 60px 50px;
}

.new-content{

    padding-bottom: 100px;
    padding-top: 40px;
}

.connecting {
    background-color: #2b403a; /* Original background color */
    color: #ffffff; /* Original text color */
    text-decoration: none;
}

.connecting:hover {
    background-color: #1a2825; /* New background color on hover */
    color: #2b403a !important; /* New text color on hover */
}


.services .content a:hover {
    color: #f0f0f0 !important;
}


.bg-half-70 {
  padding: 100px 0;
  position: relative;
}

@media (max-width: 767px) {
  .bg-half-70 {
    padding-top: 90px;
    padding-bottom: 10px;
  }
}


/* Ensures equal height for the cards on larger screens */
@media (min-width: 992px) { /* Applies to laptop and desktop screens */
    .row .col-lg-6 {
        display: flex;
        align-items: stretch;
    }

    .services {
        flex-grow: 1;
    }
}

@media (max-width: 768px) {
    .heading, .para-desc {
        font-size: 1.2rem;
    }
    .services { padding: 1rem; }

    .vercelnew{
        
    padding: 60px 10px;

    }

    .para-desc{
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .heading {
        font-size: 1.5rem;
        
    }
    .services {
        text-align: center;
        padding: 1rem;
        text-align: left;
    }

    .vercelnew{        
        padding: 17px 10px;
        text-align: left;
        }

        .para-desc{
        font-size: 15px;
        text-align: left;
    }

    .content{
        text-align: left;
    }  


        .new-content{
padding-bottom: 40px;
padding-top: 2px;
}


.services .content a {
    font-size: 11px;
}

.connecting {
    font-size: 11px;
}

.voter{
    font-size: 14px !important;
}

#blog{
font-size: 14px;
}



    .heading {
        font-size: 25px !important;
    }


    .bg-half-70 {
    padding-top: 90px;
    padding-bottom: 1px;
  }

}
