.calls
{
    
    background-color: #C20F2F;
    color: white;
    font-weight: 700;
    border-radius: 50px;
    padding: 0px 8px;
    font-size: 16px

}

.request-btn11
{
    color: rgb(255, 255, 255);
    background-color: #000000;
    font-weight: 800;
    border-radius: 50px;
    padding: 5px 20px;
    font-size: small;
    display: flex;
        align-items: center;
}
.request-btn11:hover
{
    color: rgb(255, 255, 255);
    background-color: #3d3d3d;
    font-weight: 800;
    border-radius: 50px;
    padding: 5px 20px;
    font-size: small;
}

.request-btn11 .fa-paper-plane{
    margin-right: 10px;
}

.box
{
    background-color: #bdbbb6;
    color: white;
    font-weight: 700;
    border-radius: 10px;
   
}

.seemore
{
    
    top: 20px;
    z-index: 2;
position: relative; 
background:    #d31145;
border-radius: 20px;
padding:       10px 25px;
color:         #ffffff;
display:       inline-block;
font:          normal  19px/1 Open Sans, sans-serif;
text-align:    center;
border: none;

}




.custom-carousel-indicators {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    padding: 10px 0;
}

.custom-carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: black; /* Default black */
    border: none;
    margin: 0 5px;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.custom-carousel-indicators .active-indicator {
    background-color: red !important; /* Change active dot to red */
    transform: scale(1.2);
}