body {
}
.cta-btn {
    color: white;
    background-color: #F92275;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ffffff00 !important;
}
    .btn-request {
    color: #ffffff !important;
    background-color: #F92275 !important;
    padding: 10px 25px !important;
    border-radius: 05px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
}
.modal {
    z-index: 1055 !important;
}
.form-select {
    color: #74787c !important;
}
.modal-backdrop {
    z-index: 1050 !important;
}
.red-star-inside2-cs {
    position: absolute;
    top: 30%;
    right: 230px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}
.red-star-inside-cs {
    position: absolute;
    top: 30%;
    left: 180px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}
.red-star-inside3-cs {
    position: absolute;
    top: 40%;
    left: 170px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}

.red-star-inside4-cs {
    position: absolute;
    top: 40%;
   
    right: 260px;
   
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}
.red-star-inside {
    position: absolute;
    top: 9%;
    left: 150px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}

.red-star-inside2 {
    position: absolute;
    top: 9%;
    right: 210px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}

.red-star-inside3 {
    position: absolute;
    top: 23%;
    left: 150px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}

.red-star-inside4 {
    position: absolute;
    top: 23%;
    right: 250px;
    transform: translateY(-50%);
    color: #F40451;
    font-size: 20px;
    pointer-events: none;
}
/*@media only screen and (width:1200px) {
    .red-star-inside2-cs {
        position: absolute;
        top: 29%;
        right: 230px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }
    .red-star-inside-cs {
        position: absolute;
        top: 29%;
        left: 170px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside3-cs {
        position: absolute;
        top: 39%;
        left: 170px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside4-cs {
        position: absolute;
        top: 45%;
        right:270%;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }
}*/
@media (min-width: 768px) and (max-width: 991px) {
    .red-star-inside {
        position: absolute;
        top: 10%;
        left: 150px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside2 {
        position: absolute;
        top: 10%;
        left: 86%;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside3 {
        position: absolute;
        top: 27%;
        left: 145px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside4 {
        position: absolute;
        top: 27%;
        left: 390px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside-cs {
        position: absolute;
        top: 28%;
        left: 27%;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside2-cs {
        position: absolute;
        top: 28%;
        right: 18%;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside3-cs {
        position: absolute;
        top: 38%;
        left: 155px;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }

    .red-star-inside4-cs {
        position: absolute;
        top: 38%;
        right: 25%;
        transform: translateY(-50%);
        color: #F40451;
        font-size: 20px;
        pointer-events: none;
    }
}

        @media only screen and (max-width:600px) {
            .red-star-inside {
                position: absolute;
                top: 7%;
                left: 150px;
                transform: translateY(-50%);
                color: #F40451;
                font-size: 20px;
                pointer-events: none;
            }
            .modal.show .modal-dialog {
                transform: none; margin-top: 80px;
            }
            
            .red-star-inside2 {
                position: absolute;
                top: 16%;
                left: 190px;
                transform: translateY(-50%);
                color: #F40451;
                font-size: 20px;
                pointer-events: none;
            }

            .red-star-inside3 {
                position: absolute;
                top: 26%;
                left: 145px;
                transform: translateY(-50%);
                color: #F40451;
                font-size: 20px;
                pointer-events: none;
            }

            .red-star-inside4 {
                position: absolute;
                top: 36%;
                left: 145px;
                transform: translateY(-50%);
                color: #F40451;
                font-size: 20px;
                pointer-events: none;
            }
        }
@media only screen and (max-width:800px) {
    .btn-request {
        font-size: 12px !important;
    }
}
.service-card-about {
    transition: all 0.3s ease-in-out;
}

    .service-card-about:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }
.card-hover {
    transition: all 0.3s ease-in-out;
}
    .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }
#descriptionWordCount {
    font-size: 14px;
    color: #718096;
    margin-top: 5px;
    line-height: 1.4;
}

/* Tablet */
@media (max-width: 991px) {
    #descriptionWordCount {
        font-size: 13px;
        margin-top: 4px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    #descriptionWordCount {
        font-size: 12px;
        margin-top: 4px;
    }
}
.description-word-count {
    font-size: 14px;
    color: #718096;
    margin-top: 5px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .description-word-count {
        font-size: 13px;
        margin-top: 4px;
    }
}

@media (max-width: 480px) {
    .description-word-count {
        font-size: 12px;
    }
}