/* Global */
.ec-zone { border: transparent; float: left; width: 100%; height: auto 0px; margin-bottom: 1%; }
.ec-section { border: transparent; float: left; width: 95%; height: auto 0px; margin-left: 2%; margin-bottom: 5px; }
.ec-center {border:transparent; width:60%; align-items: center; text-align: center; margin: auto; display: block;}

/* Font Awesome */
i { cursor: pointer; font-size: 18px; }

/* Contact Form */
.ec-form-container {align-items: center; margin: auto; display: block; padding:2%; background-color: #fff; width:50%; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.ec-header-text {font-weight: bold; text-align: center; font-size: 22px; margin-bottom: 20px;}
.ec-sub-header-text {border:transparent; font-size: 14px; width:100%; text-align: center; margin-bottom: 4%;}
.ec-form-row {border:1px solid #fff; float:left; width:100%; margin-bottom: .5%;}
.ec-field-row {border:1px solid #fff; float:left; width:100%; margin-left:3%; margin-bottom: 8px;}
.ec-field-style { padding: 10px; width:90%; border: 1px solid #bababa; border-radius: 5px; font-size: 14px; color: #333; }
.ec-field-style-select {background-color: white; cursor: pointer; }
.ec-field-style-textarea {resize: vertical;}
.ec-submit-btn {padding: 12px 20px; background-color: #7393B3; color: #fff; border: none; border-radius: 5px;
    cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; align-items: center; margin:auto; display: block;}
/* Contact Form Model Style */
 .ec-contactus-modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%;  height: 100%; 
    background-color: rgba(0, 0, 0, 0.5); padding-top: 60px; }
/* Modal Content */
.ec-contactus-modal-content {background-color: #fefefe; margin: 5% auto; padding: 20px;
    border: 1px solid #888; width: 80%; }
/* Close Button */
.ec-contactus-close {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.ec-contactus-close:hover, .ec-contactus-close:focus {color: black; text-decoration: none; cursor: pointer;}

/* Table Formatting */
table { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; font-size: 13px; width: 100%; }
td, th { border: 1px solid #ddd; padding: 8px; }
tr:nth-child(even) { background-color: #f2f2f2; }
tr:hover { background-color: #ddd; }
th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #7393B3; color: white; }