.elementor-1100 .elementor-element.elementor-element-e4f3fab{--display:flex;}@media(min-width:768px){.elementor-1100 .elementor-element.elementor-element-e4f3fab{--content-width:1320px;}}/* Start custom CSS for html, class: .elementor-element-9d77e58 *//*
-------------------------------------
NEW: Contact Us Page Styles
-------------------------------------
*/
.contact-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
/*
-------------------------------------
Info Box Component Styles
(Used on About and Contact pages)
-------------------------------------
*/
.info-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.07);
    transition: all 0.3s ease;
    height: 100%;
}

.info-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.info-box .icon {
    font-size: 3.5rem; /* Makes the icon larger */
    color: var(--primary-color); /* Sets the icon to your brand's orange color */
    margin-bottom: 20px;
    display: inline-block;
}

.info-box h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Ensure links inside the info box use the text color by default */
.info-box p,
.info-box p a {
    color: var(--text-color);
}


/* Style for the embedded map */
.map-container {
    width: 100%;
    height: 450px;
    border-radius: 8px;
    overflow: hidden;
}
.map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}/* End custom CSS */