/* heading  */
.orange-text{
	color: #1264a6
}


/* job vacancy cards  */
.card {
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.btn-outline {
    border: 2px solid #1264a6 !important;
    color: #1264a6 !important;
    background-color: transparent !important;
}
.btn-outline:hover {
    background-color: #1264a6 !important;
    color: #fff !important;
}

.card-title{
    color: #1264a6 ;

}
/* modal button  */
.btn-primari {
    border: 2px solid #1264a6 !important;
    color: white !important;
    background-color: #1264a6 !important;
}
.btn-primari:hover {
    background-color: #1264a6 !important;
    color: #fff !important;
}




/* .modal-dialog{
    box-shadow: 0 4px 8px #1264a6;

} */


/* Floating effect for the modal */
.modal-content {
    border-radius: 15px; /* Rounded corners for a soft look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5), 0 6px 20px rgba(0, 0, 0, 0.19); /* Floating shadow effect */
    animation: float 3s ease-in-out infinite; /* Floating animation */
}

/* Keyframes for floating animation */
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Move up */
    }
    100% {
        transform: translateY(0); /* Move back down */
    }
}

/* Optional: adding some padding and background for better visuals */
.modal-dialog {
    padding: 20px;
}

.modal-content {
    background-color: #ffffff; /* White background for contrast */
    padding: 20px;
}


   

    .custom-select select {
        appearance: none; /* Remove default arrow */
        background: #fff url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath d="M5 6L0 0h10L5 6z" fill="%23666"/%3E%3C/svg>') no-repeat right 10px center;
        background-size: 10px;
        padding-right: 30px; /* Space for the arrow */
    }