/* Blue Color Hex Code = #0F3A76 */
/* Yellow Color Hex Code = #F19F03 */

#changeJustBackgroundToYellow{
    background: #F19F03 !important;
}
#changeJustBackgroundToBlue{
    background: #0F3A76 !important;
}
#changeJustBorderToYellow{
    border-color: #F19F03 !important;
}
#changeJustBorderToBlue{
    border-color: #0F3A76 !important;
}
#changeJustColorToYellow{
    color: #F19F03 !important;
}
#changeJustColorToBlue{
    color: #0F3A76 !important;
}
#changeBackgroundAndBorderToYellow{
    border-color: #F19F03 !important;
    background: #F19F03 !important;
}
#changeBackgroundAndBorderToBlue{
    border-color: #0F3A76 !important;
    background: #0F3A76 !important;
}

#changeJustColorToWhite{
    color: white !important;
}
/* Change color on hover */
.navbar-nav a.nav-link:hover {
    color: #F19F03 !important;
}
/* Change color when selected */
.navbar-nav a.nav-link.active {
    color: #F19F03 !important;
}
/* Default color */
#cardsButton {
    background: #0F3A76 !important;
    border-color: #0F3A76 !important;
}
/* Hover color */
#cardsButton:hover {
    background: #F19F03 !important;
    border-color: #F19F03 !important;
}
/* Hover styles for the card */
.service-item:hover #cardsButton {
    background: #F19F03 !important;
    border-color: #F19F03 !important;
}
/* Change the color of the Owl Carousel navigation buttons */
.owl-dot,
.owl-dot span {
    background-color: #F19F03 !important;
}
/* Change the color of the active Owl Carousel navigation button */
.owl-dot.active,
.owl-dot .active span {
    border-color: #0F3A76 !important;
    background-color: #F19F03 !important;
}
/* Owl Carousel Navigation Buttons */
.owl-prev,
.owl-next,
.owl-prev i {
    background-color: transparent; /* Set the default background color */
}
/* Owl Carousel Navigation Buttons on Hover */
.owl-prev:hover,
.owl-next:hover {
    background-color: #F19F03 !important;
    border-color: #F19F03 !important; /* Set the hover background color */
}

.custom-form-group {
    margin-bottom: 20px; /* Add spacing between the text box and button */
    display: flex;
    align-items: center;
}

.custom-input {
    height: 45px; /* Set the height of the input box */
    border-color: #ced4da; /* Set the default border color */
    margin-right: 15px;
}

.custom-input:focus,
.custom-input:hover {
    border-color: #f19f03 !important; /* Set the border color on focus or hover */
    box-shadow: none !important; /* Remove the box shadow */
}

.custom-button {
    background-color: #0F3A76 !important;
    border-color: #0F3A76 !important;
    height: 45px; /* Set the height of the button */
}
.custom-button:hover,
.custom-button:focus {
    border-color: #f19f03 !important;
    background-color: #f19f03 !important;
    box-shadow: none !important;
}