.admission-requirements-section {
position: relative;
width: 100%;
background-color: var(--bg);
padding: 80px 0;
overflow: hidden;
}
.admission-requirements-v-shapes{
width: 100%;
max-width: 1240px;
height: 850px;
left: -40px;
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: visible;
opacity: 0.4;
}
.requirements-description {
max-width: 840px;
margin: 0 auto;          
padding: 0 20px;         
text-align: left;
position: relative;
z-index: 1;
}
.requirements-description .description {
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px; 
letter-spacing: -1.1%;       
color: var(--text-sub);          
margin-bottom: 12px;       
}
.requirements-image-wrapper{
position: relative;
z-index: 1;
width: 100%;
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
padding-top: 60px;
}
.requirements-image-wrapper::after {
content: '';
position: absolute;
top: 30px;
left: 25px;
width: 96%;
height: calc(100% - 60px);
background: linear-gradient(180deg, #FFFFFF 0%, #000000);
opacity: 0.1;
mix-blend-mode: overlay;
border-radius: 12px;
pointer-events: none;
z-index: 2;
}
.requirements-img {
width: 100%;
max-width: 1440px;
height: auto;           
max-height: 670px; 
border-radius: 12px;     
display: block;
object-fit: cover; 
object-position: 15% center;
}
.stepper-container {
max-width: 800px;
margin: 0 auto;
padding: 0 55px 40px;
}
.step-item {
position: relative;
display: flex;
align-items: flex-start;
padding-bottom: 24px; 
}
.step-item:last-child {
padding-bottom: 0;
}
.step-item:not(:last-child)::after {
content: '';
position: absolute;
left: 26px; 
top: 40px; 
width: 5px;  
height: calc(100% - 20px); 
background-color:var(--primary); 
transform: translateX(-50%);
}
.step-circle {
flex-shrink: 0;
width: 52px;
height: 52px;
background-color: var(--primary);
color: var(--white);
border-radius: 120px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Archivo Expanded', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
z-index: 1; 
}
.step-content {
margin-left: 60px; 
width: 553px;
}
.step-content h2 {
color: var(--primary);
font-family: 'Archivo Expanded', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
margin-top: 5px;
margin-bottom: 10px;
}
.step-content .steps-description {
color: var(--text-sub);
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: -1.1%;
margin: 0;
} @media screen and (min-width: 1281px) and (max-width: 1920px) {
.admission-requirements-v-shapes{
width: 100%;
max-width: 1240px;
height: 850px;
left: -40px;
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: visible;
opacity: 0.4;
}
} @media screen and (min-width: 320px) and (max-width: 768px) {
.admission-requirements-section {
position: relative;
width: 100%;
background-color: var(--bg);
padding: 60px 0;
min-height: 760px;
overflow: hidden;
}
.admission-requirements-v-shapes {
position: absolute;
top: 0;
bottom: 30%;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden;
opacity: 0.4;
}
.requirements-bg-img {
bottom: 22%;
position: absolute;
width: auto;
height: 100%;
object-fit: cover;
display: block;
}
.requirements-description {
width: 100%;
max-width: 100%;          
padding: 0 40px;          
margin: 0 auto;
box-sizing: border-box;
text-align: left;
position: relative;
z-index: 1;
}
.requirements-description .description {
font-size: 14px;
line-height: 22px;
margin-bottom: 16px;
}
.requirements-image-wrapper {
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
margin: 40px auto;
padding: 0 15px;
box-sizing: border-box;
overflow: hidden;
}
.requirements-image-wrapper::after {
content: '';
position: absolute;
top: 2px; width: 20%;
height: calc(100% - 30px);
background: linear-gradient(180deg, #FFFFFF 0%, #000000);
opacity: 0.1;
mix-blend-mode: overlay;
border-radius: 12px;
pointer-events: none;
z-index: 2;
}
.requirements-img {
width: 100%;
height: auto;
max-height: 220px; 
border-radius: 8px; 
display: block;
object-fit: cover;
object-position: 15% center;
}
.stepper-container {
padding: 0 20px 40px;
max-width: 100%;
}
.step-item {
padding-bottom: 24px; 
}
.step-item:last-child {
padding-bottom: 0;
}
.step-circle {
width: 32px;  
height: 32px;
font-size: 13px;
}
.step-item:not(:last-child)::after {
left: 16px;   
top: 32px;    
width: 3px;   
height: calc(100% - 18px);
}
.step-content {
margin-left: 15px; 
}
.step-content h2 {
font-size: 16px;  
margin-top: 2px;
margin-bottom: 6px;
}
.step-content .steps-description {
font-size: 13px;  
line-height: 1.5;
}
} @media screen and (min-width: 768px) and (max-width: 1280px) {
.admission-requirements-section{
padding: 60px 0;
min-height: auto;
}
.admission-requirements-v-shapes {
width: 100%;
overflow: hidden;
opacity: 0.4;
}
.requirements-bg-img {
position: absolute;
width: auto;
height: 100%;
object-fit: cover;
display: block; 
}
.requirements-description {
width: 100%;
padding: 0 40px;          
margin: 0 auto;
box-sizing: border-box;
text-align: left;
position: relative;
z-index: 1;
}
.requirements-description .description {
font-size: 15px;
line-height: 22px;
margin-bottom: 14px;
}
.requirements-image-wrapper{
padding: 30px 25px;
display: flex;
justify-content: center;
align-items: center;
}
.requirements-image-wrapper::after {
content: '';
position: absolute;
top: 2px;
width: 20%;
height: calc(100% - 30px);
background: linear-gradient(180deg, #FFFFFF 0%, #000000);
opacity: 0.1;
mix-blend-mode: overlay;
border-radius: 12px;
pointer-events: none;
z-index: 2;
}
.requirements-img{
width: 100%;
height: auto;
object-fit: contain;
}
.stepper-container {
max-width: 900px;
padding: 0 50px 40px;
}
.step-item {
padding-bottom: 24px; 
}
.step-item:last-child {
padding-bottom: 0;
}
.step-circle {
width: 45px;  
height: 45px;
font-size: 17px;
}
.step-item:not(:last-child)::after {
left: 23px;
top: 45px;   
width: 4px;   
height: calc(100% - 25px);
}
.step-content {
margin-left: 30px; 
}
.step-content h2 {
font-size: 24px;  
margin-top: 5px;
margin-bottom: 12px;
}
.step-content p {
font-size: 16px;  
line-height: 1.7;
}
}