.elementor-3084 .elementor-element.elementor-element-fd619e5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3084 .elementor-element.elementor-element-b825443 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b825443 *//* =========================================================
   ETHIOSEARCH
   ETHIOPIAN DAY 2026
   100 BUSINESSES
   ========================================================= */


/* ---------------------------------------------------------
   FULL WIDTH PAGE
--------------------------------------------------------- */

.ethio100-page {

    width: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden;

    color: #172033;

}


/* Remove Elementor spacing around the page */

.ethio100-page * {
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

.ethio100-hero {

    position: relative;

    width: 100vw;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    min-height: 590px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 90px 25px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(255, 209, 102, .08),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #0b1629 0%,
            #172033 55%,
            #252e43 100%
        );

}


/* Decorative background */

.ethio100-hero-pattern {

    position: absolute;

    right: -120px;

    top: 0;

    width: 520px;

    height: 100%;

    opacity: .06;

    background-image:
        repeating-linear-gradient(
            45deg,
            #ffffff 0,
            #ffffff 2px,
            transparent 2px,
            transparent 18px
        );

    transform: rotate(10deg);

    pointer-events: none;

}


/* Hero content */

.ethio100-hero-content {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1050px;

    margin: auto;

    text-align: center;

}


/* Eyebrow */

.ethio100-eyebrow {

    margin-bottom: 20px;

    color: #ffd166;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: 2px;

}


/* Main heading */

.ethio100-hero h1 {

    margin: 0 auto;

    max-width: 1000px;

    font-size: clamp(
        48px,
        7vw,
        82px
    );

    line-height: 1.02;

    font-weight: 900;

    letter-spacing: -2px;

}


/* White heading */

.ethio100-white {

    display: block;

    color: #ffffff;

}


/* Gold heading */

.ethio100-gold {

    display: block;

    color: #f7bf3f;

}


/* Date */

.ethio100-date {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    margin: 25px 0 15px;

    color: #ffffff;

    font-size: 25px;

    font-weight: 800;

}


.ethio100-date span {

    width: 125px;

    height: 2px;

    background: #f7bf3f;

}


/* Hero description */

.ethio100-hero-description {

    max-width: 720px;

    margin: 0 auto 32px;

    color: rgba(255,255,255,.86);

    font-size: 17px;

    line-height: 1.7;

}


/* ---------------------------------------------------------
   BUTTONS
--------------------------------------------------------- */

.ethio100-hero-buttons {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 14px;

}


.ethio100-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 52px;

    padding: 14px 25px;

    border-radius: 7px;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: .3px;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;

}


.ethio100-button:hover {

    transform: translateY(-2px);

}


/* Red */

.ethio100-button-red {

    background: #ef2948;

    color: #ffffff !important;

    box-shadow:
        0 8px 20px rgba(239,41,72,.20);

}


.ethio100-button-red:hover {

    background: #d91d3b;

}


/* Outline */

.ethio100-button-outline {

    border: 2px solid rgba(255,255,255,.9);

    color: #ffffff !important;

    background: transparent;

}


.ethio100-button-outline:hover {

    background: #ffffff;

    color: #172033 !important;

}


/* White */

.ethio100-button-white {

    background: #ffffff;

    color: #172033 !important;

}


.ethio100-button-white:hover {

    background: #f4f5f7;

}


/* ---------------------------------------------------------
   COMMUNITY
--------------------------------------------------------- */

.ethio100-community {

    width: 100%;

    max-width: 900px;

    margin: auto;

    padding: 90px 25px;

    text-align: center;

}


.ethio100-section-label {

    margin-bottom: 12px;

    color: #e52949;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

}


.ethio100-community h2,
.ethio100-business-heading h2,
.ethio100-how h2,
.ethio100-claim h2,
.ethio100-awards h2,
.ethio100-final h2 {

    margin: 0 0 22px;

    font-size: clamp(
        30px,
        4vw,
        46px
    );

    line-height: 1.15;

    font-weight: 900;

    letter-spacing: -.7px;

}


.ethio100-community p {

    max-width: 760px;

    margin: 0 auto 15px;

    color: #667085;

    font-size: 16px;

    line-height: 1.75;

}


/* ---------------------------------------------------------
   BUSINESS SECTION
--------------------------------------------------------- */

.ethio100-businesses {

    width: 100vw;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    padding: 85px 25px;

    background: #f7f8fa;

}


.ethio100-business-heading {

    max-width: 850px;

    margin: 0 auto 40px;

    text-align: center;

}


.ethio100-business-heading p {

    color: #667085;

    font-size: 16px;

}


.ethio100-business-container {

    width: 100%;

    max-width: 1200px;

    margin: auto;

}


/* Existing shortcode grid */

.ethio100-business-container
.ethio100-business-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 24px;

}


/* Cards */

.ethio100-business-card {

    overflow: hidden;

    background: #ffffff;

    border-radius: 14px;

    box-shadow:
        0 5px 20px rgba(23,32,51,.07);

    transition:
        transform .2s ease,
        box-shadow .2s ease;

}


.ethio100-business-card:hover {

    transform: translateY(-5px);

    box-shadow:
        0 12px 30px rgba(23,32,51,.12);

}


.ethio100-business-image {

    height: 200px;

    overflow: hidden;

    background: #e9edf3;

}


.ethio100-business-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.ethio100-business-content {

    padding: 22px;

}


.ethio100-business-content h3 {

    margin: 0 0 10px;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 800;

}


.ethio100-business-content h3 a {

    color: #172033;

    text-decoration: none;

}


.ethio100-business-address {

    color: #667085;

    font-size: 13px;

}


.ethio100-business-link {

    display: inline-block;

    margin-top: 15px;

    color: #e52949;

    font-size: 12px;

    font-weight: 900;

    text-decoration: none;

}


/* ---------------------------------------------------------
   CLAIM SECTION
--------------------------------------------------------- */

.ethio100-claim {

    width: 100vw;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    padding: 80px 25px;

    background:
        linear-gradient(
            135deg,
            #ef2948,
            #d91d3b
        );

}


.ethio100-claim-inner {

    max-width: 1050px;

    margin: auto;

    display: flex;

    align-items: flex-start;

    gap: 25px;

    padding: 40px;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 18px;

    background: rgba(255,255,255,.08);

}


.ethio100-claim-icon {

    width: 65px;

    height: 65px;

    flex: 0 0 65px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    color: #ef2948;

    font-size: 27px;

    font-weight: 900;

}


.ethio100-claim .ethio100-section-label {

    color: #ffd166;

}


.ethio100-claim h2 {

    color: #ffffff;

}


.ethio100-claim-content p {

    max-width: 700px;

    color: rgba(255,255,255,.9);

    font-size: 16px;

    line-height: 1.7;

}


.ethio100-checklist {

    display: flex;

    flex-wrap: wrap;

    gap: 10px 18px;

    margin: 20px 0 25px;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

}


/* ---------------------------------------------------------
   HOW IT WORKS
--------------------------------------------------------- */

.ethio100-how {

    padding: 90px 25px;

    text-align: center;

}


.ethio100-steps {

    max-width: 1050px;

    margin: 45px auto 0;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 25px;

}


.ethio100-step {

    padding: 30px;

    border: 1px solid #e5e7eb;

    border-radius: 13px;

    background: #ffffff;

}


.ethio100-step-number {

    margin-bottom: 15px;

    color: #ef2948;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: 1px;

}


.ethio100-step h3 {

    margin: 0 0 10px;

    font-size: 20px;

    font-weight: 800;

}


.ethio100-step p {

    margin: 0;

    color: #667085;

    line-height: 1.6;

}


/* ---------------------------------------------------------
   PEOPLE'S AWARDS
--------------------------------------------------------- */

.ethio100-awards {

    width: 100vw;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    padding: 85px 25px;

    text-align: center;

    background: #fff8e6;

}


.ethio100-awards-inner {

    max-width: 800px;

    margin: auto;

}


.ethio100-awards p {

    margin: 0 auto 25px;

    max-width: 700px;

    color: #667085;

    line-height: 1.7;

}


/* ---------------------------------------------------------
   FINAL CTA
--------------------------------------------------------- */

.ethio100-final {

    width: 100vw;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    padding: 90px 25px;

    text-align: center;

    background: #172033;

}


.ethio100-final .ethio100-section-label {

    color: #ffd166;

}


.ethio100-final h2 {

    color: #ffffff;

}


.ethio100-final h2 span {

    color: #ffd166;

}


.ethio100-final p {

    margin-bottom: 25px;

    color: rgba(255,255,255,.8);

    font-size: 17px;

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 900px) {

    .ethio100-business-container
    .ethio100-business-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 600px) {

    .ethio100-hero {

        min-height: 560px;

        padding: 70px 20px;

    }


    .ethio100-hero h1 {

        font-size: 47px;

        letter-spacing: -1.5px;

    }


    .ethio100-eyebrow {

        font-size: 11px;

    }


    .ethio100-date {

        font-size: 20px;

        gap: 12px;

    }


    .ethio100-date span {

        width: 45px;

    }


    .ethio100-hero-description {

        font-size: 15px;

    }


    .ethio100-hero-buttons {

        flex-direction: column;

        width: 100%;

    }


    .ethio100-button {

        width: 100%;

    }


    .ethio100-community {

        padding: 70px 20px;

    }


    .ethio100-businesses {

        padding: 65px 18px;

    }


    .ethio100-business-container
    .ethio100-business-grid {

        grid-template-columns: 1fr;

    }


    .ethio100-claim-inner {

        flex-direction: column;

        padding: 28px 22px;

    }


    .ethio100-steps {

        grid-template-columns: 1fr;

    }


    .ethio100-final {

        padding: 75px 20px;

    }

}
/* =========================================================
   ETHIOPIAN DAY 100
   Remove ListingPro title/breadcrumb area ONLY on this page
   ========================================================= */

body:has(.ethio100-page) #titlebar {
    display: none !important;
}/* End custom CSS */