html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.careers-banner-title{
    background-color: rgb(255 255 255 / 75%);
    padding: 30px 30px;
    border-radius: 10px;
}
.careers-banner-wrapper{
    height: 100%;
    min-height: 550px;
    display: flex;
  flex-direction: column;
}
.careers-banner-wrapper .desktop-unaccompanied{
    height:100%;
    flex:1;
    display:flex;
}

.careers-banner-wrapper .desktop-unaccompanied img{
    /*height: 100%;*/
    object-position: left;
}

.careers-banner-wrapper .mobile-unaccompanied img{
    /*height: 100%;*/
    object-position: center;
}

.job-search-card {
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(5px);
            padding: 2.5rem;
            border-radius: 20px;
            max-width: 450px;
        }

.job-search-card h1 {
            color: white;
            font-size: 1.8rem;
            font-weight: 500;
            margin-bottom: 1rem;
            line-height: 1.2;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    color: white;
    font-size: 0.9rem;
    margin-bottom: 0.9rem;
    font-weight: 500;
}
.form-input {
            width: 100%;
            padding: 12px 20px;
            border: none;
            border-radius: 10px;
            font-size: 1rem;
            background: white;
            color: #4f4f4f;
            transition: all 0.3s ease;
}
.form-input:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
            transform: translateY(-2px);
}

.form-select {
            width: 100%;
            padding: 12px 20px;
            border: none;
            border-radius: 10px;
            font-size: 1rem;
            /*background: white;*/
            color: #4f4f4f;
            cursor: pointer;
            transition: all 0.3s ease;
}

        .form-select:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
            transform: translateY(-2px);
        }

        .search-btn {
            width: 100%;
            padding: 14px;
            background: linear-gradient(135deg, #007bff, #0056b3);
            background:#00509e;
            color: white;
            border: none;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            margin-top: 1rem;
        }

        .search-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0, 123, 255, 0.3);
            background: linear-gradient(135deg, #0056b3, #003d82);
        }

        .search-icon {
            width: 18px;
            height: 20px;
            fill: currentColor;
            margin-top:2px;
        }

.ytp-title-link, 
  .ytp-title-text {
    display: none !important;
}
.careers-intro-wrapper iframe{
    border-radius:1rem;
    min-height:380px;
}
.careers-intro-wrapper h2{
    font-weight:700;
    color:#222;
    font-size:1.8rem;
}
.careers-intro-wrapper p{
    font-size:1.1rem;
}

.careers-areas-card{
    position:relative;
    border-radius:1rem;
    overflow:hidden;
    height:100%;
}
.careers-areas-card img{
    width:100%;
    height:100%;
}
.careers-areas-card .careers-areas-card-text{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    padding:25px 20px;
    color:white;
    width:100%;
    text-align: center;
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.careers-areas-card .careers-areas-card-text h4{
    font-size: 1rem;
    border:white 1px solid;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding:12px 20px;
}
.careers-areas-card .careers-areas-card-text .careers-areas-card-text-hidden{
    font-size:0.9rem;
    max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.7s ease, opacity 0.7s ease;
}
.careers-areas-card:hover .careers-areas-card-text .careers-areas-card-text-hidden {
  max-height: 300px; 
  opacity: 1;
}
.careers-areas-card:hover .careers-areas-card-text .careers-areas-card-text-hidden ul li{
    display:inline-block;
}
.careers-subtitle{
    position:relative;
    margin-bottom:1.5rem;
    font-weight:700;
    color:#222;
    font-size:1.8rem;
}
.careers-subtitle::after{
    content:"";
    height:1.5px;
    width:40%;
    position:absolute;
    bottom:0.2rem;
    left:50%;
    transform:translateX(-50%);
    background:#00509e;
}
.open-position-card{
    border:solid 1px #B6B6B6;
    border-radius:8px;
    width: 100%;
    float: left;
}
.open-position-card h3, .open-position-card h4, .open-position-card h5{
    color:#00509e;
    font-size:1.1rem;
    font-weight:500;
    margin-bottom:0;
}
.open-position-card h4{
    margin-bottom:0!important;
}
.open-position-card h3 span, .open-position-card h4 span, .open-position-card h5 span{
    color:#393939;
    font-weight:600;
}
.open-position-card b{
    font-weight:400;
    font-size:1.2rem;
    padding-bottom:5px;
}
.careers-counter-wrapper .stat-number{
    font-size:2.5rem;
    padding-bottom:0.5rem;
}
.careers-counter-wrapper .stat-number::after {
  content: "+";
  padding-left:3px;
}
.careers-counter-wrapper .border-top{
    border-color:#999!important;
    color:#4f4f4f;
    font-weight:600;
    width:100%;
    max-width:65%;
    margin:0 auto;
}
.connect-collaborate-wrapper h2{
    margin-bottom:0;
    font-weight: 700;
    color: #222;
    font-size: 1.8rem;
}
.connect-collaborate-grid{
    display:grid;
    gap:2rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    /*grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));*/
    

}
.connect-collaborate-item img{
    
}
.connect-collaborate-item h4{
    text-align:center;
    font-size:1.1rem;
    font-weight:600;
    color:#393939;
}
.careers-awards-wrapper h2{
    font-weight: 700;
    color: #222;
    font-size: 1.8rem;
    width:100%;
    max-width:700px;
}
.careers-awards-wrapper p{
    width:100%;
    max-width:900px;
    font-size:1rem;
    font-weight:400;
    color:#4f4f4f;
}
.careers-awards-wrapper figure{
    width:100px;
}
.careers-awards-wrapper img{
    width:100%;
}
.careers-awards-wrapper h5{
    padding-top:1rem;
    font-size:1.2rem;
    color:#00509e;
    font-weight:600;
}
.careers-awards-wrapper .careers-award-card{
    width:100%;
    max-width:250px;
        display: flex;
    flex-direction: column;
    align-items: center;
}
 .careers-awards-grid{
     row-gap:1.5rem;
     column-gap:3rem;
 }
.internship-content-wrapper h2{
    color: #00509e;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom:0;
}
.internship-content-wrapper p{
    margin-bottom:5px;
}












@media (min-width: 1440px) {
    
}  
@media handheld, only screen and (max-width: 1200px) {
    .careers-awards-wrapper .careers-award-card{max-width:220px;}
    .careers-counter-wrapper .border-top{max-width:80%;}
}
        
@media handheld, only screen and (max-width: 992px) {
    .careers-banner-wrapper .desktop-unaccompanied{
        display:none;
    }
    .careers-banner-wrapper .mobile-unaccompanied{
        height:100%;
        flex:1;
        display:flex;
    }.connect-collaborate-grid{
        gap:1.2rem;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
    .careers-intro-wrapper h2,.connect-collaborate-wrapper h2,.careers-awards-wrapper h2{font-size:1.5rem;}
    .careers-intro-wrapper p{font-size:0.95rem;}
    .careers-subtitle{margin-bottom:0rem;font-size: 1.5rem;}
    .careers-subtitle::after{bottom:1rem;}
    .careers-counter-wrapper .stat-number{padding-bottom:0;}
    
}
@media handheld, only screen and (max-width: 768px) {
    .careers-counter-wrapper .border-top{
        max-width:300px;
        border: none !important;
    }
    .careers-counter-wrapper .col-md-4{
        border-bottom:1px solid #999;
    }
    .careers-areas-wrapper    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .careers-areas-card h4{
        padding:12px;
    }
}
@media handheld, only screen and (max-width: 560px){
    .careers-areas-wrapper    .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
}