/* Base styles */
.bio-container {
    width: 100%;
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding: 3rem;
    background-color: #192e40;
    border-radius: 0rem;
    line-height: 1.6;
    color: #ffffff;
    border-left: 0.2rem solid #000000;
    border-right: 0.2rem solid #000000;
    border-top: 0.2rem solid #ff9179 !important;
}

 /* Center specific heading tags within each bio-container */
.bio-container h1,
    .bio-container h2,
    .bio-container h3,
.contact-info p{
        text-align: center !important; /* Ensure other headings and paragraphs are centered */
    }

.header {
    background-color: #1e3a5f;
    color: #fff;
    padding: 0.625rem 1.25rem;
    text-align: center;
    border-radius: 0.3125rem;
    margin: 0;
    border: 0px solid #ff9179;
}

.header h1 {
    margin: 0;
    font-size: 2.125rem;
    letter-spacing: 0.125rem !important;
    color: #ffffff;
margin-top:1.5rem;
}

.header h2 {
    margin: 0;
    font-size: 1.875rem;
    color: #ff9179;
    letter-spacing: 0.125rem !important;
margin-top:1rem;
}

.contact-info p {
    margin-top: 0.3125rem;
    font-size: 0.9rem;
    color: #ffffff;
    letter-spacing: 0.0625rem !important;
}

.contact-info a {
    font-size: 1rem;
    color: #ff9179 !important;
    letter-spacing: 0.125rem !important;
}

.content {
    padding: 1.25rem;
}

/* Float image on larger screens */
.photo {
   /*float: right;*/
    margin-top: 1.625rem;

    margin-bottom: 1.625rem;
    text-align: center;
}

.photo img {
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 0.3125rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    object-fit: cover;
    border: 2px solid #ff9179;
    border-bottom: 0px;
}

.photo-name {
    font-size: 0.8rem;
    margin-top: 0;
    padding: 0.3125rem 0;
    background-color: #1e3a5f;
    color: #ff9179;
    text-align: center;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    width: 9.375rem;
    margin: 0 auto;
    letter-spacing: 0.0625rem !important;
    padding: 0.3125rem;
    border: 2px solid #ff9179;
}

.bio p {
    margin: 0.625rem 0;
}

.bio a {
    color: #ffffff;
    text-decoration: none;
}

.bio a:link {
    color: #ffffff;
}

.bio a:hover {
    text-decoration: underline;
    color: #000000;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

video {
    max-width: 100%;
    height: auto;
    margin-top: 0px;
}

.teamsvideo {
    width: 60%;
    border: 1rem solid #192e40;
    border-radius: 0.3125rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nte_dropdown-container {
    text-align: center !important;
    margin: 2rem;

}

.nte_dropdown {
    width: 15rem !important;
    padding: 0.625rem;
    font-size: 1.2rem;
    color: #ff9179;
    background-color: #192e40 !important;
    border: 0rem solid #ff9179;
    border-radius: 0.5rem;
   appearance:none;
    cursor: pointer;
  border-top-right-radius: 0;
    border-bottom-right-radius: 0;
   
 font-family:'Lato' !important;
letter-spacing:0.1rem !important;
}

.nte_dropdown:hover {
    background-color: #ff9179;
    color: #ffffff;
    border-color: #192e40;
}

.nte_dropdown option {
    padding: 0.625rem;
    font-size: 1.2rem;
    color: #192e40;
    background-color: #ff9179;
    font-family: 'Lato' !important;


}

.nte_dropdown option:hover {
    background-color: #192e40;
    color: #ff9179;
}


.countryDropDownLabel {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1e3a5f;
    margin-bottom: 0.5rem;
    display: block;
    padding-right:0rem;
text-align:center !important;
   font-family: 'Lato' !important;
}

/* MEDIA QUERIES */

/* Small screens (Up to 480px) */
@media (max-width: 30rem) {
    .bio-container {
        padding: 1rem; /* Reduce padding */
    }

    .header h1 {
        font-size: 1.5rem; /* Smaller font */
    }

    .header h2 {
        font-size: 1rem; /* Smaller subheading */
    }

    .photo {
        float: none; /* Remove float for smaller screens */
        margin: 0 auto 1rem auto;
    }

    .photo img, .photo-name {
        width: 7.5rem; /* Smaller photo and name box */
    }

    .nte_dropdown {
        width: 100%; /* Full width dropdown */
    }

    .bio {
        text-align: center; /* Center text */
    }
.contact-info p {

  font-size: 85%;

}



}

/* Medium screens (481px to 768px) */
@media (min-width: 30rem) and (max-width: 48rem) {
    .bio-container {
        padding: 2rem; /* Increase padding slightly */
    }

    .header h1 {
        font-size: 2rem; /* Moderate font size */
    }

    .header h2 {
        font-size: 1.5rem; /* Moderate subheading */
    }

    .photo img, .photo-name {
        width: 8.5rem; /* Adjusted photo size */
    }

    .nte_dropdown {
        width: 80%; /* Slightly smaller dropdown */
    }

    .bio {
        text-align: center; /* Center text */
    }
}

/* Large screens (769px and above) */
@media (min-width: 48rem) {
    .bio-container {
        padding: 3rem; /* Full padding */
    }

    .header h1 {
        font-size: 2.5rem; /* Larger font */
    }

    .header h2 {
        font-size: 1.75rem; /* Larger subheading */
    }

    .photo img, .photo-name {
        width: 9.375rem; /* Full size */
    }

    .nte_dropdown {
        width: 25rem; /* Regular size dropdown */
    }

    .bio {
        text-align: left; /* Align left on larger screens */
    }
}