/* ============================= */
/* CAREER HERO SECTION */
/* ============================= */

.career-hero-section{
    width:100%;

    padding:160px 76px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#FFFFFF;
}

/* inner container */

.career-hero-container{
    max-width:1128px;
    width:100%;
    margin:auto;

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:40px;
    text-align:center;
}

/* logo */

/* HERO LOGO */

.career-hero-logo{

    width:100%;
    height:120px;

    display:flex;
    justify-content:center;   /* horizontal center */
    align-items:center;       /* vertical center */

}

/* LOGO IMAGE */

.career-hero-logo img{

    max-width:50px;          /* desktop size */
    width:100%;
    height:auto;

    object-fit:contain;
    display:block;

}


/* title */

.career-hero-title{
    font-family:"BentonSans", sans-serif;
    font-weight:500;
    font-size:30px;
    line-height:36px;

    color:#475569;
    margin:0;
}

/* subtitle */

.career-hero-subtitle{
    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:24px;
    line-height:32px;

    color:#64748B;
    margin:0;
}
@media (max-width:768px){

.career-hero-section{
    padding:100px 24px;
}

.career-hero-title{
    font-size:24px;
    line-height:32px;
}

.career-hero-subtitle{
    font-size:18px;
}

}

/* ============================= */
/* ABOUT MAKEBA SECTION */
/* ============================= */

.about-makeba-section{

    background:#F1F5F9;

    width: 100%;

    padding:80px 76px;
}

.about-makeba-container{

    display:flex;
    flex-direction:column;

    gap:32px;

    max-width:1128px;
    margin:auto;
}

.about-makeba-title{

    font-family:"BentonSans", sans-serif;
    font-weight:500;
    font-size:20px;
    line-height:28px;

    color:#475569;

    margin:0;
}

.about-makeba-text{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;

    margin:0;
}

@media (max-width:768px){

.about-makeba-section{

    padding:60px 24px;

}

.about-makeba-container{

    gap:24px;

}

}


/* ============================= */
/* CAREER IMAGE SECTION */
/* ============================= */

.career-image-section{

    /* max-width:1280px;
    margin:auto; */
}

.career-image-container{

    width:100%;
    height:600px;

    overflow:hidden;
}

.career-image{

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:top;

    display:block;
}
@media (max-width:768px){

.career-image-container{

    height:360px;

}

}


/* ============================= */
/* THE ROLE SECTION */
/* ============================= */

.role-section{

    background:#F1F5F9;

    width: 100%;

    padding:80px 76px;
}

.role-container{

    max-width:1128px;
    margin:auto;
    display:flex;
    flex-direction:column;

    gap:32px;
}

/* title */

.role-title{

    font-family:"BentonSans", sans-serif;
    font-weight:bolder;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

/* job title */

.role-job{

    font-family:"BentonSans", sans-serif;
    font-weight:bold;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* normal text */

.role-text{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* strong intro */

.role-strong{

    font-family:"BentonSans", sans-serif;
    font-weight:bold;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* simple list */

.role-list{
    padding-left:20px;
    margin:0;
}

.role-list li{
    font-family:"BentonSans", sans-serif;
    font-size:16px;
    line-height:24px;
    color:#475569;
}

/* checklist */

.role-checklist{
    list-style:none;
    padding:0;
    margin:0;
}

.role-checklist li{

    position:relative;
    padding-left:28px;

    font-family:"BentonSans", sans-serif;
    font-size:16px;
    line-height:24px;
    color:#475569;

    margin-bottom:6px;
}

.role-checklist li::before{

    content:"✅";
    position:absolute;
    left:0;
    top:0;

    color:#16A34A;
}

@media (max-width:768px){

.role-section{
    padding:60px 24px;
}

.role-container{
    gap:24px;
}

}


/* ============================= */
/* WHAT YOU'LL DO SECTION */
/* ============================= */

.what-youll-do-section{

    background:#FFFFFF;

    width:100%;

    padding:80px 76px;
}

.what-youll-do-container{

    max-width:1128px;
    margin:auto;

    display:flex;
    flex-direction:column;

    gap:32px;
}

.what-youll-do-title{

    font-family:"BentonSans", sans-serif;
    font-weight:bolder;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

.what-youll-do-content{

    display:flex;
    flex-direction:column;
    gap:16px;
}

.what-youll-do-strong{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

.what-youll-do-list{

    padding-left:20px;
    margin:0;

    display:flex;
    flex-direction:column;
    gap:6px;
}

.what-youll-do-list li{

    font-family:"BentonSans", sans-serif;
    font-size:16px;
    line-height:24px;

    color:#475569;
}

/* RESPONSIVE */

@media (max-width:768px){

    .what-youll-do-section{
        padding:60px 24px;
    }

}


/* ============================= */
/* SUCCESS METRICS SECTION */
/* ============================= */

.success-section {

    background: #F8FAFC;
    width:100%;

    padding: 80px 76px;
}

.success-container {

    max-width: 1128px;
    margin: auto;

    display: flex;
    flex-direction: column;

    gap: 32px;
}

/* Title */

.success-title {

    font-family: "BentonSans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;

    color: #334155;
    margin: 0;
}

.success-title span {
		
    font-size: 16px;
    font-weight: 400;
    color: #64748B;
}

/* Content block */

.success-content {

    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Intro sentence */

.success-intro {

    font-family: "BentonSans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;

    color: #475569;
    margin: 0;
}

/* List */

.success-list {

    padding-left: 20px;
    margin: 0;

    display: flex;
    flex-direction: column;
    gap: 8px;
}

.success-list li {

    font-family: "BentonSans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    color: #475569;
}

/* Responsive */

@media (max-width: 768px) {

    .success-section {
        padding: 60px 24px;
    }

}


/* ============================= */
/* REQUIRED SKILLS SECTION */
/* ============================= */

.required-skills-section{

    background:#F1F5F9;

    width: 100%;

    padding:80px 76px;
}

.required-skills-container{

    max-width:1128px;
    margin:auto;

    display:flex;
    flex-direction:column;

    gap:32px;
}

/* Title */

.required-skills-title{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

/* Intro text */

.required-skills-intro{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* List */

.required-skills-list{

    padding-left:20px;
    margin:0;

    display:flex;
    flex-direction:column;

    gap:8px;
}

.required-skills-list li{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;
}

/* Responsive */

@media (max-width:768px){

    .required-skills-section{
        padding:60px 24px;
    }

}


/* ============================= */
/* NICE TO HAVE SECTION */
/* ============================= */

.nice-section{

    background:#F8FAFC;
		width: 100%;

    padding:80px 76px;
}

.nice-container{

    max-width:1128px;
    margin:auto;

    display:flex;
    flex-direction:column;

    gap:32px;
}

/* Title */

.nice-title{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

/* List */

.nice-list{

    padding-left:20px;
    margin:0;

    display:flex;
    flex-direction:column;

    gap:8px;
}

.nice-list li{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;
}

/* Responsive */

@media (max-width:768px){

    .nice-section{
        padding:60px 24px;
    }

}



/* ============================= */
/* WHAT THIS ROLE IS NOT */
/* ============================= */

.not-role-section{

    background:#F1F5F9;

    width: 100%;

    padding:80px 76px;
}

.not-role-container{

    max-width:1128px;
    margin:auto;

    display:flex;
    flex-direction:column;

    gap:32px;
}

/* Title */

.not-role-title{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

/* Intro */

.not-role-intro{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* List */

.not-role-list{

    padding-left:20px;
    margin:0;

    display:flex;
    flex-direction:column;

    gap:6px;
}

.not-role-list li{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;
}

/* Bottom text */

.not-role-text{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;

    margin:0;
}

/* Responsive */

@media (max-width:768px){

    .not-role-section{
        padding:60px 24px;
    }

}


/* ============================= */
/* LOCATION SECTION */
/* ============================= */

.location-section{

    width:100%;
    background:#FFFFFF;

    padding:80px 76px;
}

.location-container{

    max-width:1128px;
    margin:auto;

    display:flex;
    flex-direction:column;

    gap:32px;
}

/* Titles */

.location-title{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

/* Text */

.location-text{

    font-family:"BentonSans", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* Sub titles */

.location-subtitle{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* List */

.location-list{

    padding-left:20px;
    margin:0;

    display:flex;
    flex-direction:column;

    gap:6px;
}

.location-list li{

    font-family:"BentonSans", sans-serif;
    font-size:16px;
    line-height:24px;

    color:#475569;
}

/* Responsive */

@media (max-width:768px){

    .location-section{
        padding:60px 24px;
    }

}


/* ============================= */
/* HOW TO APPLY SECTION */
/* ============================= */

.how-apply-section{

    width: 100%;

    padding:80px 76px;

    background:#F1F5F9;
}

.how-apply-container{

    max-width:1128px;
    margin:auto;

    display:flex;
    flex-direction:column;

    gap:32px;
}

/* Title */

.how-apply-title{

    font-family:"BentonSans", sans-serif;
    font-weight:600;
    font-size:20px;
    line-height:28px;

    color:#475569;
    margin:0;
}

/* Text */

.how-apply-text{

    font-family:"BentonSans", sans-serif;
    font-size:16px;
    line-height:24px;

    color:#475569;
    margin:0;
}

/* List */

.how-apply-list{

    padding-left:20px;
    margin:0;

    display:flex;
    flex-direction:column;
    gap:6px;
}

.how-apply-list li{

    font-family:"BentonSans", sans-serif;
    font-size:16px;
    line-height:24px;

    color:#475569;
}

/* Email link */

.how-apply-email{

    color:#0EA5E9;
    text-decoration:none;
}

.how-apply-email:hover{

    text-decoration:underline;
}

/* Responsive */

@media (max-width:768px){

    .how-apply-section{
        padding:60px 24px;
    }

}