/* The main container that holds all the images */
.academy .program-layout1 {
    width: 20%;
    height: 700px;
}
.academy .program-layout {
    position: relative; /* This is crucial for positioning the items inside */
    width: 100%;
    height: 700px;
}

/* Common style for all images */
.academy .item {
    position: absolute; /* Allows precise top/left/right/bottom positioning */
    height: auto; /* Maintains the image's original aspect ratio */
}


/* --- SIZING FOR EACH IMAGE --- */

/* Central circle has its own unique size */
.academy .central-circle {
    width: 450px;
}

/* All other items are set to the same uniform size */
.academy .item:not(.central-circle) {
    width: 280px;
}


/* --- POSITIONING FOR EACH IMAGE --- */

/* The central circle */
.academy .central-circle {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Perfectly centers the item */
}



/* Left-side items - Pushed further left for a wider gap */
.academy .cert-item { top: 10%; left: 24%; }
.academy .ai-item { top: 30%; left: 14%; }
.academy .hitrust-item { bottom: 28%; left: 20%; }
.academy .hipaa-item { bottom: 10%; left: 28%; }

/* Right-side items */
.academy .nist-item { top: 10%; right: 24%; }
.academy .cyber-item { top: 30%; right: 14%; }
.academy .cmmc-item { bottom: 28%; right: 20%; }
.academy .compliance-item { bottom: 10%; right: 28%; }