.blm-sm-container {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.bloom-hiring-model {
    padding: 60px 20px;
}

.bloom-hiring-title {
    text-align: center;
   font-family: ProximaNova-Bold;
    margin-bottom: 10px;
}

.bloom-hiring-sub {
    text-align: center;
    margin-bottom: 40px;
    color: #666;
}

.bloom-hiring-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.bloom-hiring-card {
	background: #fff;
	padding: 0 20px 20px 20px;
	border-radius: 0;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	border-radius: 10px;
    
    
}

.bloom-hiring-badge {
	display: inline-block;
	width: 100%;
	padding: 0 20px 20px 20px;
	font-family: ProximaNova-Bold;
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 20px;
	border-radius: 0 0px 15px 15px;
	color: #fff !important;
}
.bloom-hiring-card h3 {
    margin-bottom: 16px;
}

.bloom-hiring-card ul {
    padding-left: 18px;
}

.bloom-hiring-card li {
    margin-bottom: 10px;
    color: #444;
}

.bloom-hiring-card ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.bloom-hiring-card li {
	margin-bottom: 10px;
	color: #000;
	font-size: 20px;
}

.bloom-hiring-card:nth-child(1) span {
	background-color: #FEC463;
}

.bloom-hiring-card:nth-child(1) {
	border: 2px solid #FEC463;
}


.bloom-hiring-card:nth-child(2) span {
	background-color: #FA4616;
}

.bloom-hiring-card:nth-child(2) {
	border: 2px solid #FA4616;
}

.bloom-hiring-card:nth-child(3) span {
	background-color: #2D94ED  ;
}

.bloom-hiring-card:nth-child(3) {
	border: 2px solid #2D94ED  ;
}




.bloom-hiring-model .bloom-hiring-card {
    position: relative;
    transition: 
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.bloom-hiring-model  .bloom-hiring-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 45px rgba(0,0,0,0.18);
}

/* Border glow per card */
.bloom-hiring-card:nth-child(1):hover {
    box-shadow: 0 25px 45px rgba(254, 196, 99, 0.45);
}

.bloom-hiring-card:nth-child(2):hover {
    box-shadow: 0 25px 45px rgba(250, 70, 22, 0.45);
}

.bloom-hiring-card:nth-child(3):hover {
    box-shadow: 0 25px 45px rgba(45, 148, 237, 0.45);
}




@media (max-width: 768px) {
    .bloom-hiring-grid {
        grid-template-columns: 1fr;
    }
}