.elementor-11260 .elementor-element.elementor-element-1df5a57:not(.elementor-motion-effects-element-type-background), .elementor-11260 .elementor-element.elementor-element-1df5a57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-11260 .elementor-element.elementor-element-1df5a57{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11260 .elementor-element.elementor-element-1df5a57 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11260 .elementor-element.elementor-element-5ec2dba{width:var( --container-widget-width, 103.954% );max-width:103.954%;--container-widget-width:103.954%;--container-widget-flex-grow:0;}.elementor-11260 .elementor-element.elementor-element-b870790 > .elementor-element-populated{padding:68px 68px 68px 68px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11260 .elementor-element.elementor-element-f9b94a1{width:var( --container-widget-width, 98.014% );max-width:98.014%;--container-widget-width:98.014%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group{padding-right:calc( 5px/2 );padding-left:calc( 5px/2 );margin-bottom:5px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-form-fields-wrapper{margin-left:calc( -5px/2 );margin-right:calc( -5px/2 );margin-bottom:-5px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-type-html{padding-bottom:0px;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__buttons__wrapper__button-next{background-color:#696969;color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-button[type="submit"]{background-color:#696969;color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-message{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__indicators__indicator, .elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__indicators__indicator__label{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-11260 .elementor-element.elementor-element-7a0cad2 > .elementor-element-populated{padding:22px 22px 22px 22px;}@media(max-width:1024px){.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-group > label{font-size:1px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-field-type-html{font-size:1px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .elementor-message{font-size:1px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__indicators__indicator, .elementor-11260 .elementor-element.elementor-element-f9b94a1 .e-form__indicators__indicator__label{font-size:1px;}.elementor-11260 .elementor-element.elementor-element-f9b94a1{--e-form-steps-divider-width:0px;}}@media(min-width:768px){.elementor-11260 .elementor-element.elementor-element-e9de13d{width:43.594%;}.elementor-11260 .elementor-element.elementor-element-b870790{width:56.406%;}}/* Start custom CSS for html, class: .elementor-element-9eda7c7 *//* --- Variables --- */
:root {
    --box-bg-color: #ffffff;
    --border-color: #1e4902;
    --text-color: #1e4902;
    --font-family: Roboto, sans-serif;
    --shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    --hover-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

/* --- Main Grid Container (4-Column Layout for Desktop) --- */
.pcc-contact-grid {
    display: grid;
    /* CHANGE: Create 4 equal columns for desktop */
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; 
    padding: 20px 0;
}

/* --- Specific Layout Fixes for 14 Boxes (Desktop Only) --- */
/* Target the School of Medicine (13th box) to span 2 columns */
.contact-box:nth-child(13) {
    grid-column: span 2;
}
/* Target the Senior High School (14th box) to span 2 columns */
.contact-box:nth-child(14) {
    grid-column: span 2;
}
/* Hide the placeholder box if you don't need it */
.placeholder-box {
    display: none; 
}


/* --- General Contact Box Styling --- */
.contact-box {
    background-color: var(--box-bg-color);
    padding: 20px;
    border: 2px solid var(--border-color); 
    border-radius: 8px; 
    box-shadow: var(--shadow); 
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    text-align: center;
}

/* Hover effect */
.contact-box:hover {
    transform: translateY(-5px); 
    box-shadow: var(--hover-shadow);
    border-color: #1e4902;
}

/* --- Office Name Styling --- */
.office-name {
    font-family: var(--font-family);
    font-size: 1.15em;
    font-weight: bold;
    color: var(--text-color);
    margin: 0 0 15px 0;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--border-color); 
    display: inline-block; 
}

/* --- Contact List Styling --- */
.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.contact-list li {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

/* Icon Styling */
.contact-icon {
    color: var(--border-color);
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

/* Link Styling for Emails */
.contact-list a {
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-list a:hover {
    color: var(--border-color);
}


/* --- Tablet Responsiveness (2-Column Layout on Tablet) --- */
@media (max-width: 1024px) {
    .pcc-contact-grid {
        /* Switches to 2 columns on tablet devices */
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    /* Reset spans for mobile/tablet to allow 2-column flow */
    .contact-box:nth-child(13),
    .contact-box:nth-child(14) {
        grid-column: span 1;
    }
}

/* --- Mobile Responsiveness (1-Column Layout on Mobile) --- */
@media (max-width: 767px) {
    .pcc-contact-grid {
        /* Switches to a single column on mobile devices */
        grid-template-columns: 1fr;
        gap: 15px;
    }
}/* End custom CSS */