/* General Body Styles */
body {font-family: 'Poppins', sans-serif; margin: 0; background-color: #f7f7f7; color: #333; line-height: 1.6; font-weight: 400; font-size: 14px}
.page-container {max-width: 1280px; margin: 0 auto; background-color: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.05);}
a {text-decoration: none; color: #00417a;}
h1, h2, h3, h4 {font-family: 'Poppins', sans-serif; font-weight: 700;}

/* Profile Section */
.profile-section {display: flex;align-items: stretch; background-color: #f0f0f0;}
.profile-image-container {flex: 0 0 39%;}
.profile-image {width: 100%;height: 100%; object-fit: cover; display: block;}
.profile-info {flex: 1; padding: 16px 32px; text-align: center; background: linear-gradient(rgba(0, 65, 122, 0.95), rgba(0, 65, 122, 0.95)), url('../img/logo-background.jpg'); color: #ffffff; display: flex; flex-direction: column; justify-content: center;}
.profile-info h1 {margin: 20px 0 8px; font-size: 36px; font-weight: 400; line-height: 1.4; text-transform: uppercase;}
.profile-info p {font-size: 20px; margin: 0 0 20px; line-height: 1.45; font-style: normal; word-wrap: break-word;}
.partner-logo {max-width: 400px; width: 100%; height: auto; background-color: #fff; padding: 5px 10px;}

/* Contact Info Section */
.contact-info-section {display: flex; justify-content: space-around; padding: 32px 16px; background-color: white; color: #00417a;}
.info-box {text-align: center; padding: 16px; width: 24%;}
.info-border{border-right: #cccccc 1px solid;}
.info-icon { display: flex; justify-content: center; align-items: center;}
.info-icon img{ height: 50px; width: 50px;}
.info-box h4 {margin: 0 0 8px; font-size: 22px; letter-spacing: 0px; text-transform: uppercase; font-weight: 400; line-height: 1.4}
.info-box p {margin-top: 10px; font-size: 16px} 


/* Accordion Section */
.accordion-button img{ height: 12px; width: 12px;}
.accordion-section {padding: 16px; background-color: #ffffff; border-top: 1px solid #00417a; margin: 0 50px 0 50px;}
.accordion-item {border: none;}
.accordion-button {background-color: transparent; color: #00417a; cursor: pointer; padding: 0; padding-left: 20px; width: 100%; border: none; text-align: left; outline: none; font-size: 14px; line-height: 1.4; display: flex; align-items: center; text-transform: uppercase; font-weight: 700; font-family: 'Poppins', sans-serif;}
.accordion-content {padding: 10px 0 0 20px; background-color: white; max-height: 0; overflow: hidden; transform: translateY(15px); transition: max-height 0.4s ease-in-out, transform 0.4s ease-in-out;}
.accordion-content h2 {margin-top: 24px; color: #00417a; font-size: 30px; line-height: 1.4; letter-spacing: 0px; font-weight: 400;}
.accordion-content a {color: #00417a;}
.accordion-content a:hover {color: #112734;}
.accordion-content hr {border: 0; border-top: 1px solid #eee; margin: 16px 0;}
.accordion-button.active + .accordion-content {transform: translateY(0);}


@media (max-width: 768px) {
    .profile-section {flex-direction: column;}
    .profile-image-container {flex: 0 0 auto; width: 100%;}
    .profile-info {width: 100%; padding: 32px; box-sizing: border-box;}
    .contact-info-section {flex-direction: column; align-items: center;}
    .info-box {width: 80%; margin-bottom: 24px;}
    .info-border {border-right: none;}
    .form-row {flex-direction: column; gap: 16px;}
    .input-group {margin-bottom: 8px;}
    .accordion-section {margin: 0 20px 0 20px; padding: 16px;}

}