.elementor-67 .elementor-element.elementor-element-9efec7c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-67 .elementor-element.elementor-element-9efec7c:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-9efec7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://idomahalloffame.ng/wp-content/uploads/2025/08/jeremy-bishop-211453-unsplash.jpg");background-position:bottom center;}.elementor-67 .elementor-element.elementor-element-9efec7c > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(172deg, #000000 55%, var( --e-global-color-fdd99e6 ) 99%);opacity:0.86;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-67 .elementor-element.elementor-element-9efec7c > .elementor-container{max-width:1140px;}.elementor-67 .elementor-element.elementor-element-9efec7c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-67 .elementor-element.elementor-element-e3d5883 > .elementor-widget-container{padding:60px 0px 60px 0px;}.elementor-67 .elementor-element.elementor-element-42e9fef > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-67 .elementor-element.elementor-element-42e9fef > .elementor-container{max-width:1140px;}.elementor-67 .elementor-element.elementor-element-42e9fef{padding:60px 0px 60px 0px;}.elementor-67 .elementor-element.elementor-element-3b440cc0:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-3b440cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-67 .elementor-element.elementor-element-3b440cc0 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-67 .elementor-element.elementor-element-3b440cc0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 90px 0px;}.elementor-67 .elementor-element.elementor-element-9f3d3ae > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 11px 0px;}.elementor-67 .elementor-element.elementor-element-2928c05d iframe{height:324px;filter:brightness( 102% ) contrast( 96% ) saturate( 68% ) blur( 0px ) hue-rotate( 344deg );}.elementor-67 .elementor-element.elementor-element-714bd474{--spacer-size:30px;}/* Start custom CSS for html, class: .elementor-element-e3d5883 *//* Define CSS Variables for colors (if not already defined globally in Elementor or theme) */
:root {
    --idoma-red: #DC2626;
    --idoma-gold: #F59E0B;
    --black: #1F2937;
    --dark-gray: #4B5563;
    --light-gray: #E0E0E0;
    --white: #FFFFFF;
}

.contact-hero-content {
    text-align: center;
    animation: fadeInUp 1s ease-out;
}

.contact-hero-content h1 {
    font-family: 'Inter', sans-serif;
    font-weight: 700; /* Bold */
    color: var(--idoma-red); /* #1F2937 */
    font-size: 40px; /* Equivalent to 2.5em - 3em */
    line-height: 1.2em;
    margin-bottom: 20px;
    animation: slideInFromTop 0.8s ease-out;
}

.contact-hero-content p {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    color: var(--white); /* #4B5563 */
    font-size: 16px; /* Equivalent to 1em */
    line-height: 1.7em;
    max-width: 700px; /* Constrain width for readability */
    margin-left: auto;
    margin-right: auto;
    animation: slideInFromBottom 0.8s ease-out 0.2s both; /* 'both' keeps the final state */
}

/* Keyframe Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInFromBottom {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .contact-hero-content h1 {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .contact-hero-content h1 {
        font-size: 28px;
    }
    .contact-hero-content p {
        font-size: 15px;
    }
}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a87cf84 *//* Ensure global color variables are defined, e.g., in your theme's Custom CSS */
/*
:root {
    --idoma-red: #DC2626;
    --idoma-gold: #F59E0B;
    --black: #1F2937;
    --dark-gray: #4B5563;
    --light-gray: #E0E0E0;
    --white: #FFFFFF;
}
*/

.contact-info-container {
    padding: 60px 0;
    background-color: var(--white);
}

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.info-card {
    background-color: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    animation: fadeInScale 0.6s ease-out;
}

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

.info-icon {
    width: 60px;
    height: 60px;
    background-color: var(--idoma-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    animation: iconBounce 2s infinite;
}

.info-icon i {
    font-size: 24px;
    color: var(--white);
}

.info-card h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: var(--idoma-red);
    font-size: 20px;
    margin-bottom: 10px;
}

.info-card p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--dark-gray);
    font-size: 15px;
    line-height: 1.6;
}

.social-media-links {
    text-align: center;
}

.social-media-links h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: var(--black);
    font-size: 20px;
    margin-bottom: 20px;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.social-icon-link {
    width: 45px;
    height: 45px;
    background-color: var(--light-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--idoma-red);
    font-size: 20px;
    transition: all 0.3s ease;
}

.social-icon-link:hover {
    background-color: var(--idoma-red);
    color: var(--white);
    transform: scale(1.1);
}

/* Keyframe Animations */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes iconBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .contact-info-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */