.elementor-49 .elementor-element.elementor-element-393017c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49 .elementor-element.elementor-element-bda0d57{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49 .elementor-element.elementor-element-ff684db{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49 .elementor-element.elementor-element-fc09a8f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8663f5d *//* =====================================================
   IMAM HARRISON EMPIRE
   ABOUT PAGE — SECTION 01 HERO
   FONT: OSWALD + INTER
===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Oswald:wght@500;600;700&display=swap');


/* =====================================================
   BASE
===================================================== */

.ihe-about-hero,
.ihe-about-hero * {
    box-sizing: border-box;
}

.ihe-about-hero {
    position: relative;
    width: 100%;
    min-height: 900px;
    overflow: hidden;
    isolation: isolate;
    color: #ffffff;
    background: #050505;
    font-family: 'Inter', sans-serif;
}


/* =====================================================
   BACKGROUND
===================================================== */

.ihe-about-hero__background {
    position: absolute;
    inset: 0;
    z-index: -7;
    background:
        url('MASUKKAN-LINK-BACKGROUND-ABOUT-HERO-DI-SINI');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
}

.ihe-about-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: -6;
    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.98) 0%,
            rgba(0, 0, 0, 0.91) 35%,
            rgba(0, 0, 0, 0.58) 65%,
            rgba(0, 0, 0, 0.2) 100%
        ),
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.08) 55%,
            #050505 100%
        );
}

.ihe-about-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -5;
    opacity: 0.08;
    pointer-events: none;
    background-image:
        linear-gradient(
            rgba(201, 154, 61, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(201, 154, 61, 0.08) 1px,
            transparent 1px
        );
    background-size: 64px 64px;
    mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 38%,
            transparent 80%
        );
    -webkit-mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 38%,
            transparent 80%
        );
}

.ihe-about-hero__glow {
    position: absolute;
    z-index: -4;
    border-radius: 50%;
    filter: blur(145px);
    pointer-events: none;
}

.ihe-about-hero__glow--one {
    top: 110px;
    left: -230px;
    width: 540px;
    height: 540px;
    background: rgba(201, 154, 61, 0.15);
}

.ihe-about-hero__glow--two {
    right: -220px;
    bottom: 90px;
    width: 570px;
    height: 570px;
    background: rgba(122, 76, 17, 0.16);
}


/* =====================================================
   CONTAINER
===================================================== */

.ihe-about-hero__container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 50px), 1440px);
    min-height: 810px;
    margin: 0 auto;
    padding: 145px 0 150px;
    display: grid;
    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(470px, 1.08fr);
    align-items: center;
    gap: 72px;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.ihe-about-hero__content {
    min-width: 0;
    max-width: 690px;
}


/* =====================================================
   EYEBROW
===================================================== */

.ihe-about-hero__eyebrow {
    margin-bottom: 18px;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #e8bb5c;
    font-family: 'Oswald', sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.ihe-about-hero__eyebrow span {
    display: block;
    width: 42px;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            #785018,
            #efc76c
        );
}


/* =====================================================
   HEADING
===================================================== */

.ihe-about-hero__content h1 {
    margin: 0;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.ihe-about-hero__content h1 strong,
.ihe-about-hero__content h1 em {
    display: block;
}

.ihe-about-hero__content h1 strong {
    margin-top: 7px;
    color: transparent;
    background:
        linear-gradient(
            180deg,
            #fff0bd 0%,
            #e4b452 52%,
            #885817 100%
        );
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
}

.ihe-about-hero__content h1 em {
    margin-top: 7px;
    color: #ffffff;
    font-style: normal;
    font-weight: 700;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.ihe-about-hero__content > p {
    max-width: 650px;
    margin: 24px 0 0;
    color: #b4b4b4;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.82;
}


/* =====================================================
   FEATURES / STATS
===================================================== */

.ihe-about-hero__features {
    max-width: 640px;
    margin-top: 34px;
    padding-top: 25px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(201, 154, 61, 0.24);
}

.ihe-about-feature {
    min-width: 0;
    padding: 0 22px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.ihe-about-feature:first-child {
    padding-left: 0;
}

.ihe-about-feature:not(:last-child) {
    border-right: 1px solid rgba(201, 154, 61, 0.18);
}

.ihe-about-feature strong {
    display: block;
    color: #efc56a;
    font-family: 'Oswald', sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.ihe-about-feature span {
    display: block;
    color: #a6a6a6;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.45;
}


/* =====================================================
   BUTTONS
===================================================== */

.ihe-about-hero__buttons {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.ihe-about-btn {
    min-height: 50px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.11em;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

.ihe-about-btn--gold {
    color: #090806;
    border-color: rgba(201, 154, 61, 0.78);
    background:
        linear-gradient(
            135deg,
            #895b1a 0%,
            #ddb04f 47%,
            #efca70 62%,
            #94631d 100%
        );
    box-shadow:
        0 15px 32px rgba(201, 154, 61, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.37);
}

.ihe-about-btn--gold:hover {
    transform: translateY(-3px);
    filter: brightness(1.07);
    box-shadow:
        0 19px 40px rgba(201, 154, 61, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.ihe-about-btn--outline {
    color: #eeeeee;
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.025);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ihe-about-btn--outline:hover {
    color: #efc56a;
    border-color: rgba(201, 154, 61, 0.75);
    background: rgba(201, 154, 61, 0.07);
    transform: translateY(-3px);
}


/* =====================================================
   RIGHT VISUAL
===================================================== */

.ihe-about-hero__visual {
    position: relative;
    min-width: 0;
    min-height: 670px;
    padding: 34px 48px 48px 24px;
}

.ihe-about-hero__visual::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 70px);
    height: calc(100% - 48px);
    border: 1px solid rgba(201, 154, 61, 0.28);
    background:
        linear-gradient(
            135deg,
            rgba(201, 154, 61, 0.045),
            rgba(255, 255, 255, 0.01)
        );
}

.ihe-about-hero__visual::after {
    content: '';
    position: absolute;
    right: 22px;
    bottom: 18px;
    width: 180px;
    height: 180px;
    border-right: 1px solid rgba(201, 154, 61, 0.48);
    border-bottom: 1px solid rgba(201, 154, 61, 0.48);
    pointer-events: none;
}


/* =====================================================
   HERO IMAGE
===================================================== */

.ihe-about-hero__image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 590px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 61, 0.37);
    background: #0a0a0a;
    box-shadow:
        0 32px 72px rgba(0, 0, 0, 0.48);
}

.ihe-about-hero__image::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.02) 0%,
            rgba(0, 0, 0, 0.1) 48%,
            rgba(5, 5, 5, 0.85) 100%
        ),
        linear-gradient(
            110deg,
            rgba(211, 158, 48, 0.14),
            transparent 48%
        );
}

.ihe-about-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter:
        brightness(0.88)
        contrast(1.07)
        saturate(0.92);
    transition:
        transform 0.65s ease,
        filter 0.65s ease;
}

.ihe-about-hero__visual:hover
.ihe-about-hero__image img {
    transform: scale(1.045);
    filter:
        brightness(0.98)
        contrast(1.07)
        saturate(1);
}


/* =====================================================
   FLOATING CARD
===================================================== */

.ihe-about-card {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: min(350px, 57%);
    padding: 22px 21px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 61, 0.48);
    background:
        linear-gradient(
            155deg,
            rgba(28, 21, 11, 0.95),
            rgba(7, 7, 7, 0.98)
        );
    box-shadow:
        0 24px 55px rgba(0, 0, 0, 0.48),
        inset 0 0 0 1px rgba(255, 255, 255, 0.015);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.ihe-about-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            #875818,
            #efc66a,
            #875818
        );
}

.ihe-about-card::after {
    content: '';
    position: absolute;
    top: -70px;
    right: -50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(201, 154, 61, 0.13);
    filter: blur(42px);
    pointer-events: none;
}

.ihe-about-card > span {
    position: relative;
    z-index: 2;
    display: block;
    color: #9e7739;
    font-family: 'Oswald', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.ihe-about-card h3 {
    position: relative;
    z-index: 2;
    margin: 9px 0 0;
    color: #efc56a;
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.ihe-about-card p {
    position: relative;
    z-index: 2;
    margin: 11px 0 0;
    color: #909090;
    font-family: 'Inter', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.65;
}


/* =====================================================
   BOTTOM STRIP
===================================================== */

.ihe-about-hero__bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    min-height: 92px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid rgba(201, 154, 61, 0.29);
    border-bottom: 1px solid rgba(201, 154, 61, 0.18);
    background:
        linear-gradient(
            90deg,
            rgba(18, 14, 8, 0.97),
            rgba(5, 5, 5, 0.99)
        );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.ihe-about-hero__bottom > div {
    min-width: 0;
    padding: 20px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b8b8b8;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
}

.ihe-about-hero__bottom > div:not(:last-child) {
    border-right: 1px solid rgba(201, 154, 61, 0.18);
}

.ihe-about-hero__bottom > div::before {
    content: '';
    width: 7px;
    height: 7px;
    margin-right: 11px;
    flex-shrink: 0;
    border: 1px solid rgba(232, 185, 90, 0.75);
    background: rgba(201, 154, 61, 0.12);
    transform: rotate(45deg);
}


/* =====================================================
   FOCUS STATES
===================================================== */

.ihe-about-hero a:focus-visible {
    outline: 2px solid rgba(239, 198, 107, 0.55);
    outline-offset: 4px;
}


/* =====================================================
   LARGE LAPTOP
===================================================== */

@media (max-width: 1250px) {

    .ihe-about-hero__container {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(430px, 1.1fr);
        gap: 45px;
    }

    .ihe-about-hero__visual {
        min-height: 630px;
    }

    .ihe-about-hero__image {
        height: 550px;
    }

    .ihe-about-card {
        width: min(325px, 59%);
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {

    .ihe-about-hero {
        min-height: auto;
    }

    .ihe-about-hero__container {
        min-height: auto;
        padding-top: 125px;
        padding-bottom: 75px;
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ihe-about-hero__content {
        max-width: 820px;
    }

    .ihe-about-hero__visual {
        width: min(100%, 820px);
        min-height: 670px;
        margin: 0 auto;
    }

    .ihe-about-hero__image {
        height: 590px;
    }

    .ihe-about-hero__bottom {
        position: relative;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ihe-about-hero__bottom > div {
        min-height: 75px;
        border-bottom: 1px solid rgba(201, 154, 61, 0.17);
    }

    .ihe-about-hero__bottom > div:nth-child(2n) {
        border-right: 0;
    }

    .ihe-about-hero__bottom > div:last-child {
        grid-column: 1 / -1;
        border-bottom: 0;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .ihe-about-hero__background {
        background-position: 67% center;
    }

    .ihe-about-hero__overlay {
        background:
            linear-gradient(
                to bottom,
                rgba(0, 0, 0, 0.57) 0%,
                rgba(0, 0, 0, 0.85) 42%,
                rgba(0, 0, 0, 0.96) 76%,
                #050505 100%
            );
    }

    .ihe-about-hero__grid {
        opacity: 0.06;
        mask-image: none;
        -webkit-mask-image: none;
    }

    .ihe-about-hero__container {
        width: min(calc(100% - 30px), 1440px);
        padding-top: 105px;
        padding-bottom: 65px;
        gap: 42px;
    }

    .ihe-about-hero__eyebrow {
        font-size: 11px;
    }

    .ihe-about-hero__eyebrow span {
        width: 31px;
    }

    .ihe-about-hero__content h1 {
        font-size: clamp(38px, 13vw, 54px);
    }

    .ihe-about-hero__content > p {
        font-size: 14px;
        line-height: 1.72;
    }

    .ihe-about-hero__features {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .ihe-about-feature {
        padding: 0 0 17px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(201, 154, 61, 0.16);
    }

    .ihe-about-feature:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .ihe-about-hero__buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .ihe-about-btn {
        width: 100%;
    }

    .ihe-about-hero__visual {
        min-height: auto;
        padding: 0;
    }

    .ihe-about-hero__visual::before,
    .ihe-about-hero__visual::after {
        display: none;
    }

    .ihe-about-hero__image {
        height: 520px;
    }

    .ihe-about-card {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        margin-top: 15px;
    }

    .ihe-about-hero__bottom {
        grid-template-columns: 1fr;
    }

    .ihe-about-hero__bottom > div {
        min-height: 65px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(201, 154, 61, 0.17);
    }

    .ihe-about-hero__bottom > div:last-child {
        grid-column: auto;
        border-bottom: 0;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

    .ihe-about-hero__container {
        width: min(calc(100% - 24px), 1440px);
    }

    .ihe-about-hero__content h1 {
        font-size: 38px;
    }

    .ihe-about-feature strong {
        font-size: 24px;
    }

    .ihe-about-hero__image {
        height: 430px;
    }

    .ihe-about-card h3 {
        font-size: 17px;
    }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ihe-about-hero *,
    .ihe-about-hero *::before,
    .ihe-about-hero *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

}


/* =====================================================
   ELEMENTOR FIX
===================================================== */

.elementor-widget-html .ihe-about-hero h1,
.elementor-widget-html .ihe-about-hero h2,
.elementor-widget-html .ihe-about-hero h3,
.elementor-widget-html .ihe-about-hero p {
    margin-left: 0;
    margin-right: 0;
}

.elementor-widget-html .ihe-about-hero img {
    max-width: 100%;
}

.elementor-widget-html .ihe-about-hero a {
    box-shadow: none;
}

.elementor-widget-html .ihe-about-hero svg {
    display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31d9c8f *//* =====================================================
   IMAM HARRISON EMPIRE
   ABOUT PAGE
   SECTION 02 — OUR STORY
   PART 1
   (Background + Layout + Left Content)
===================================================== */


/* =====================================================
   BASE
===================================================== */

.ihe-about-story,
.ihe-about-story *{
    box-sizing:border-box;
}

.ihe-about-story{
    position:relative;
    overflow:hidden;
    width:100%;
    padding:120px 0;
    background:#050505;
    color:#fff;
    font-family:'Inter',sans-serif;
    isolation:isolate;
}


/* =====================================================
   BACKGROUND
===================================================== */

.ihe-about-story__pattern{
    position:absolute;
    inset:0;
    z-index:-5;
    opacity:.08;
    pointer-events:none;

    background-image:
    linear-gradient(rgba(201,154,61,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,154,61,.08) 1px,transparent 1px);

    background-size:70px 70px;
}

.ihe-about-story__glow{
    position:absolute;
    border-radius:50%;
    filter:blur(150px);
    pointer-events:none;
    z-index:-4;
}

.ihe-about-story__glow--one{
    width:520px;
    height:520px;
    top:-120px;
    left:-180px;
    background:rgba(201,154,61,.14);
}

.ihe-about-story__glow--two{
    width:620px;
    height:620px;
    right:-240px;
    bottom:-150px;
    background:rgba(160,95,28,.12);
}


/* =====================================================
   CONTAINER
===================================================== */

.ihe-about-story__container{
    width:min(calc(100% - 50px),1400px);
    margin:auto;
    position:relative;
    z-index:2;
}


/* =====================================================
   GRID
===================================================== */

.ihe-about-story__layout{

    display:grid;
    grid-template-columns:

        minmax(0,.95fr)

        minmax(470px,1.05fr);

    gap:90px;

    align-items:center;

}


/* =====================================================
   LEFT CONTENT
===================================================== */

.ihe-about-story__content{
    max-width:680px;
}


/* =====================================================
   EYEBROW
===================================================== */

.ihe-about-story__eyebrow{

    display:inline-flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

    color:#E7BC5B;

    font-family:'Oswald',sans-serif;

    font-size:11.5px;

    font-weight:500;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.ihe-about-story__eyebrow span{

    width:42px;
    height:2px;

    display:block;

    background:linear-gradient(
    90deg,
    #7c5418,
    #efc76c
    );

}


/* =====================================================
   TITLE
===================================================== */

.ihe-about-story__content h2{

    margin:0;

    font-family:'Oswald',sans-serif;

    font-size:clamp(34px,4vw,58px);

    line-height:1;

    font-weight:700;

    text-transform:uppercase;

    color:#fff;

}

.ihe-about-story__content h2 strong{

    display:block;

    margin-top:8px;

    font-weight:700;

    color:transparent;

    background:linear-gradient(
    180deg,
    #fff2c5,
    #e2b24f,
    #875818);

    -webkit-background-clip:text;
    background-clip:text;

}


/* =====================================================
   PARAGRAPH
===================================================== */

.ihe-about-story__copy{

    margin-top:28px;

}

.ihe-about-story__copy p{

    margin:0 0 24px;

    color:#a9a9a9;

    font-size:15px;

    line-height:1.9;

    font-weight:400;

}

.ihe-about-story__copy p:last-child{

    margin-bottom:0;

}


/* =====================================================
   HIGHLIGHT GRID
===================================================== */

.ihe-about-story__highlights{

    margin-top:42px;

    display:grid;

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

    gap:18px;

}


/* =====================================================
   STAT CARD
===================================================== */

.ihe-about-story-stat{

    position:relative;

    overflow:hidden;

    padding:28px;

    background:

    linear-gradient(
    145deg,
    rgba(255,255,255,.02),
    rgba(201,154,61,.05));

    border:1px solid
    rgba(201,154,61,.18);

    transition:.35s;

}

.ihe-about-story-stat::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:2px;

    background:

    linear-gradient(
    90deg,
    #8c5d18,
    #efca70);

    transform:scaleX(0);

    transition:.4s;

    transform-origin:left;

}

.ihe-about-story-stat:hover{

    transform:translateY(-8px);

    border-color:
    rgba(201,154,61,.55);

    box-shadow:

    0 25px 60px
    rgba(0,0,0,.35);

}

.ihe-about-story-stat:hover::before{

    transform:scaleX(1);

}

.ihe-about-story-stat__number{

    display:block;

    margin-bottom:18px;

    color:#78531d;

    font-family:'Oswald',sans-serif;

    font-size:12px;

    letter-spacing:.25em;

    text-transform:uppercase;

}

.ihe-about-story-stat strong{

    display:block;

    margin-bottom:10px;

    font-family:'Oswald',sans-serif;

    font-size:34px;

    line-height:1;

    color:#efc76c;

}

.ihe-about-story-stat p{

    margin:0;

    color:#a9a9a9;

    font-size:13px;

    line-height:1.7;

}


/* =====================================================
   BUTTON
===================================================== */

.ihe-about-story__button{

    margin-top:40px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 28px;

    text-decoration:none;

    font-family:'Oswald',sans-serif;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:#090909;

    background:

    linear-gradient(
    135deg,
    #8d5f1c,
    #efca70);

    transition:.35s;

}

.ihe-about-story__button svg{

    width:18px;
    height:18px;

}

.ihe-about-story__button:hover{

    transform:translateY(-4px);

    box-shadow:

    0 20px 45px
    rgba(201,154,61,.25);

}


/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:991px){

.ihe-about-story{

padding:90px 0;

}

.ihe-about-story__layout{

grid-template-columns:1fr;

gap:60px;

}

}

@media(max-width:767px){

.ihe-about-story__container{

width:min(calc(100% - 30px),1400px);

}

.ihe-about-story__highlights{

grid-template-columns:1fr;

}

.ihe-about-story__content h2{

font-size:42px;

}

.ihe-about-story__copy p{

font-size:14px;

line-height:1.8;

}

.ihe-about-story-stat{

padding:24px;

}

.ihe-about-story__button{

width:100%;

justify-content:center;

}

}


/* =====================================================
   ELEMENTOR FIX
===================================================== */

.elementor-widget-html
.ihe-about-story h2,
.elementor-widget-html
.ihe-about-story p{

margin-left:0;
margin-right:0;

}

.elementor-widget-html
.ihe-about-story img{

max-width:100%;

}
/* =====================================================
   ABOUT PAGE
   SECTION 02 — OUR STORY
   PART 2
   (Right Visual + Emblem + Quote + Standard Card)
===================================================== */


/* =====================================================
   RIGHT VISUAL
===================================================== */

.ihe-about-story__visual{
    position:relative;
    min-height:760px;
}

.ihe-about-story__frame{

    position:relative;

    width:100%;
    height:640px;

    border:1px solid rgba(201,154,61,.22);

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.015),
    rgba(201,154,61,.04));

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:
    0 35px 80px
    rgba(0,0,0,.45);

}


/* =====================================================
   FRAME GLOW
===================================================== */

.ihe-about-story__frame::before{

    content:"";

    position:absolute;

    inset:25px;

    border:1px solid
    rgba(201,154,61,.12);

}

.ihe-about-story__frame::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(201,154,61,.20),
    transparent 70%);

    filter:blur(80px);

}


/* =====================================================
   CORNERS
===================================================== */

.ihe-about-story__corner{

    position:absolute;

    width:46px;
    height:46px;

    border-color:#d7aa54;

}

.ihe-about-story__corner--top-left{

    top:20px;
    left:20px;

    border-top:2px solid;
    border-left:2px solid;

}

.ihe-about-story__corner--top-right{

    top:20px;
    right:20px;

    border-top:2px solid;
    border-right:2px solid;

}

.ihe-about-story__corner--bottom-left{

    left:20px;
    bottom:20px;

    border-bottom:2px solid;
    border-left:2px solid;

}

.ihe-about-story__corner--bottom-right{

    right:20px;
    bottom:20px;

    border-bottom:2px solid;
    border-right:2px solid;

}


/* =====================================================
   EMBLEM
===================================================== */

.ihe-about-story__emblem{

    position:relative;

    width:330px;
    height:330px;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:2;

}

.ihe-about-story__emblem-glow{

    position:absolute;

    width:340px;
    height:340px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(201,154,61,.25),
    transparent 70%);

    filter:blur(60px);

    animation:
    iheGlow 5s ease-in-out infinite;

}

.ihe-about-story__emblem img{

    position:relative;

    z-index:3;

    width:100%;
    max-width:270px;

    filter:

    drop-shadow(
    0 25px 45px
    rgba(0,0,0,.45))

    drop-shadow(
    0 0 30px
    rgba(201,154,61,.25));

    transition:.45s;

}

.ihe-about-story__frame:hover
.ihe-about-story__emblem img{

    transform:scale(1.05);

}


/* =====================================================
   BRAND
===================================================== */

.ihe-about-story__brand{

    position:absolute;

    left:35px;

    bottom:35px;

    z-index:5;

}

.ihe-about-story__brand span{

    display:block;

    color:#9b7334;

    font-family:'Oswald',sans-serif;

    font-size:11px;

    letter-spacing:.16em;

    text-transform:uppercase;

}

.ihe-about-story__brand strong{

    display:block;

    margin-top:6px;

    color:#fff;

    font-family:'Oswald',sans-serif;

    font-size:30px;

    line-height:1;

    text-transform:uppercase;

}


/* =====================================================
   FOUNDED CARD
===================================================== */

.ihe-about-story__founded{

    position:absolute;

    top:35px;

    right:35px;

    padding:18px 22px;

    border:1px solid
    rgba(201,154,61,.25);

    background:

    rgba(0,0,0,.55);

    backdrop-filter:blur(15px);

    z-index:5;

}

.ihe-about-story__founded span{

    display:block;

    color:#9a7438;

    font-family:'Oswald',sans-serif;

    font-size:10px;

    letter-spacing:.16em;

    text-transform:uppercase;

}

.ihe-about-story__founded strong{

    display:block;

    margin-top:8px;

    color:#efc76c;

    font-family:'Oswald',sans-serif;

    font-size:18px;

    line-height:1.3;

    text-transform:uppercase;

}


/* =====================================================
   QUOTE CARD
===================================================== */

.ihe-about-story__quote{

    position:absolute;

    left:-40px;

    bottom:70px;

    width:340px;

    padding:32px;

    background:

    linear-gradient(
    145deg,
    rgba(25,18,8,.95),
    rgba(7,7,7,.98));

    border:1px solid
    rgba(201,154,61,.28);

    backdrop-filter:blur(15px);

    box-shadow:

    0 25px 60px
    rgba(0,0,0,.45);

    z-index:10;

}

.ihe-about-story__quote-mark{

    display:block;

    margin-bottom:12px;

    color:#efc76c;

    font-family:'Oswald',sans-serif;

    font-size:52px;

    line-height:1;

}

.ihe-about-story__quote p{

    margin:0;

    color:#dadada;

    font-size:15px;

    line-height:1.8;

    font-style:italic;

}

.ihe-about-story__quote footer{

    margin-top:22px;

}

.ihe-about-story__quote footer span{

    display:block;

    color:#8d8d8d;

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:.15em;

}

.ihe-about-story__quote footer strong{

    display:block;

    margin-top:7px;

    color:#efc76c;

    font-family:'Oswald',sans-serif;

    font-size:17px;

    text-transform:uppercase;

}


/* =====================================================
   STANDARD CARD
===================================================== */

.ihe-about-story__standard{

    position:absolute;

    right:-30px;

    bottom:-25px;

    width:340px;

    padding:28px;

    display:flex;

    gap:20px;

    align-items:flex-start;

    background:

    linear-gradient(
    145deg,
    rgba(255,255,255,.02),
    rgba(201,154,61,.05));

    border:1px solid
    rgba(201,154,61,.22);

    backdrop-filter:blur(18px);

    box-shadow:

    0 25px 70px
    rgba(0,0,0,.40);

    z-index:12;

}

.ihe-about-story__standard-icon{

    width:58px;
    height:58px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#efc76c;

    background:

    rgba(201,154,61,.08);

    border:1px solid
    rgba(201,154,61,.25);

}

.ihe-about-story__standard-icon svg{

    width:26px;
    height:26px;

}

.ihe-about-story__standard span{

    display:block;

    color:#987133;

    font-family:'Oswald',sans-serif;

    font-size:10px;

    letter-spacing:.16em;

    text-transform:uppercase;

}

.ihe-about-story__standard strong{

    display:block;

    margin:8px 0 12px;

    color:#fff;

    font-family:'Oswald',sans-serif;

    font-size:20px;

    line-height:1.25;

    text-transform:uppercase;

}

.ihe-about-story__standard p{

    margin:0;

    color:#9f9f9f;

    font-size:13px;

    line-height:1.8;

}


/* =====================================================
   ANIMATION
===================================================== */

@keyframes iheGlow{

0%{
transform:scale(1);
opacity:.6;
}

50%{
transform:scale(1.08);
opacity:1;
}

100%{
transform:scale(1);
opacity:.6;
}

}


/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:991px){

.ihe-about-story__visual{

min-height:auto;

}

.ihe-about-story__frame{

height:560px;

}

.ihe-about-story__quote{

position:relative;

left:auto;
bottom:auto;

margin-top:20px;

width:100%;

}

.ihe-about-story__standard{

position:relative;

right:auto;
bottom:auto;

margin-top:20px;

width:100%;

}

}

@media(max-width:767px){

.ihe-about-story__frame{

height:460px;

}

.ihe-about-story__emblem{

width:220px;
height:220px;

}

.ihe-about-story__emblem img{

max-width:180px;

}

.ihe-about-story__brand{

left:20px;
bottom:20px;

}

.ihe-about-story__brand strong{

font-size:24px;

}

.ihe-about-story__founded{

top:20px;
right:20px;

padding:15px;

}

.ihe-about-story__quote{

padding:24px;

}

.ihe-about-story__standard{

padding:24px;

}
}
/* =====================================================
   ABOUT PAGE
   SECTION 02 — OUR STORY
   PART 3
   (Timeline + Final Responsive + Elementor Fix)
===================================================== */


/* =====================================================
   TIMELINE
===================================================== */

.ihe-about-story__timeline{

    margin-top:100px;

    position:relative;

    display:grid;

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

    gap:0;

    border:1px solid rgba(201,154,61,.18);

    background:

    linear-gradient(
    135deg,
    rgba(255,255,255,.015),
    rgba(201,154,61,.03));

    overflow:hidden;

}

.ihe-about-story__timeline::before{

    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:2px;

    background:

    linear-gradient(
    90deg,
    #7f5518,
    #efc76c,
    #7f5518);

}


/* =====================================================
   TIMELINE LEFT
===================================================== */

.ihe-about-story__timeline-heading{

    padding:42px;

    position:relative;

}

.ihe-about-story__timeline-heading::after{

    content:"";

    position:absolute;

    right:0;
    top:0;
    bottom:0;

    width:1px;

    background:
    rgba(201,154,61,.18);

}

.ihe-about-story__timeline-heading span{

    display:block;

    color:#a27734;

    font-family:'Oswald',sans-serif;

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:.16em;

    margin-bottom:12px;

}

.ihe-about-story__timeline-heading strong{

    display:block;

    font-family:'Oswald',sans-serif;

    font-size:30px;

    line-height:1.15;

    color:#fff;

    text-transform:uppercase;

}


/* =====================================================
   TIMELINE ITEM
===================================================== */

.ihe-about-story__timeline-item{

    position:relative;

    padding:40px 28px;

    transition:.35s;

}

.ihe-about-story__timeline-item:not(:last-child){

    border-right:1px solid
    rgba(201,154,61,.18);

}

.ihe-about-story__timeline-item::before{

    content:"";

    position:absolute;

    top:26px;
    left:28px;

    width:14px;
    height:14px;

    border-radius:50%;

    background:#efc76c;

    box-shadow:

    0 0 0 6px
    rgba(239,199,108,.08);

}

.ihe-about-story__timeline-item span{

    display:block;

    margin-top:26px;

    color:#987133;

    font-family:'Oswald',sans-serif;

    font-size:10px;

    letter-spacing:.15em;

    text-transform:uppercase;

}

.ihe-about-story__timeline-item strong{

    display:block;

    margin-top:10px;

    color:#fff;

    font-family:'Oswald',sans-serif;

    font-size:20px;

    line-height:1.35;

    text-transform:uppercase;

}

.ihe-about-story__timeline-item:hover{

    background:

    rgba(201,154,61,.05);

}

.ihe-about-story__timeline-item:hover::before{

    transform:scale(1.2);

}


/* =====================================================
   DIVIDER
===================================================== */

.ihe-about-story__timeline-item::after{

    content:"";

    position:absolute;

    left:35px;
    top:32px;

    width:calc(100% - 35px);

    height:1px;

    background:

    rgba(201,154,61,.16);

}


/* =====================================================
   HOVER
===================================================== */

.ihe-about-story__timeline-item:hover strong{

    color:#efc76c;

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

.ihe-about-story__timeline{

grid-template-columns:1fr;

}

.ihe-about-story__timeline-heading{

border-bottom:1px solid
rgba(201,154,61,.18);

}

.ihe-about-story__timeline-heading::after{

display:none;

}

.ihe-about-story__timeline-item{

border-right:0!important;

border-bottom:1px solid
rgba(201,154,61,.16);

}

.ihe-about-story__timeline-item:last-child{

border-bottom:0;

}

.ihe-about-story__timeline-item::after{

display:none;

}

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

.ihe-about-story{

padding:70px 0;

}

.ihe-about-story__container{

width:min(calc(100% - 30px),1400px);

}

.ihe-about-story__timeline{

margin-top:70px;

}

.ihe-about-story__timeline-heading{

padding:28px;

}

.ihe-about-story__timeline-heading strong{

font-size:24px;

}

.ihe-about-story__timeline-item{

padding:28px 24px;

}

.ihe-about-story__timeline-item strong{

font-size:18px;

}

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:420px){

.ihe-about-story__container{

width:min(calc(100% - 24px),1400px);

}

.ihe-about-story__timeline-heading{

padding:24px;

}

.ihe-about-story__timeline-heading strong{

font-size:22px;

}

.ihe-about-story__timeline-item{

padding:24px 20px;

}

.ihe-about-story__timeline-item strong{

font-size:16px;

}

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

.ihe-about-story a:focus-visible{

outline:2px solid rgba(239,199,108,.6);

outline-offset:4px;

}

@media(prefers-reduced-motion:reduce){

.ihe-about-story *,
.ihe-about-story *::before,
.ihe-about-story *::after{

animation-duration:.01ms!important;
transition-duration:.01ms!important;
animation-iteration-count:1!important;
scroll-behavior:auto!important;

}

}


/* =====================================================
   ELEMENTOR FIX
===================================================== */

.elementor-widget-html
.ihe-about-story h2,
.elementor-widget-html
.ihe-about-story h3,
.elementor-widget-html
.ihe-about-story p,
.elementor-widget-html
.ihe-about-story blockquote{

margin-left:0;
margin-right:0;

}

.elementor-widget-html
.ihe-about-story img{

display:block;
max-width:100%;
height:auto;

}

.elementor-widget-html
.ihe-about-story svg{

display:block;

}

.elementor-widget-html
.ihe-about-story a{

box-shadow:none;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a99644b *//* =====================================================
   IMAM HARRISON EMPIRE
   ABOUT PAGE
   SECTION 04 — CORE VALUES
   PART 1
===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Oswald:wght@500;600;700&display=swap');


/* =====================================================
   BASE
===================================================== */

.ihe-values,
.ihe-values * {
    box-sizing: border-box;
}

.ihe-values {
    position: relative;
    width: 100%;
    padding: 110px 0;
    overflow: hidden;
    isolation: isolate;
    color: #ffffff;
    background:
        linear-gradient(
            180deg,
            #050505 0%,
            #090805 50%,
            #050505 100%
        );
    font-family: 'Inter', sans-serif;
}


/* =====================================================
   BACKGROUND PATTERN
===================================================== */

.ihe-values__pattern {
    position: absolute;
    inset: 0;
    z-index: -5;
    opacity: 0.11;
    pointer-events: none;
    background-image:
        linear-gradient(
            rgba(201, 154, 61, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(201, 154, 61, 0.07) 1px,
            transparent 1px
        );
    background-size: 64px 64px;
    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 14%,
            #000 86%,
            transparent 100%
        );
    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 14%,
            #000 86%,
            transparent 100%
        );
}


/* =====================================================
   BACKGROUND GLOW
===================================================== */

.ihe-values__glow {
    position: absolute;
    z-index: -4;
    border-radius: 50%;
    filter: blur(145px);
    pointer-events: none;
}

.ihe-values__glow--one {
    top: 70px;
    left: -230px;
    width: 540px;
    height: 540px;
    background: rgba(201, 154, 61, 0.14);
}

.ihe-values__glow--two {
    right: -250px;
    bottom: 60px;
    width: 590px;
    height: 590px;
    background: rgba(122, 76, 17, 0.17);
}


/* =====================================================
   CONTAINER
===================================================== */

.ihe-values__container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 50px), 1440px);
    margin: 0 auto;
}


/* =====================================================
   SECTION HEADER
===================================================== */

.ihe-values__header {
    max-width: 810px;
    margin: 0 auto 52px;
    text-align: center;
}

.ihe-values__eyebrow {
    margin-bottom: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #e8bb5c;
    font-family: 'Oswald', sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ihe-values__eyebrow span {
    display: block;
    width: 42px;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            #785018,
            #efc76c
        );
}

.ihe-values__header h2 {
    margin: 0;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(32px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.ihe-values__header h2 strong {
    display: block;
    margin-top: 8px;
    color: transparent;
    background:
        linear-gradient(
            180deg,
            #fff0bd 0%,
            #e4b452 52%,
            #885817 100%
        );
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
}

.ihe-values__header p {
    max-width: 690px;
    margin: 21px auto 0;
    color: #a5a5a5;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}


/* =====================================================
   VALUES GRID
===================================================== */

.ihe-values__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}


/* =====================================================
   VALUE CARD
===================================================== */

.ihe-value-card {
    position: relative;
    min-width: 0;
    min-height: 265px;
    padding: 27px 22px 24px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 61, 0.25);
    background:
        linear-gradient(
            150deg,
            rgba(22, 18, 11, 0.98),
            rgba(7, 7, 7, 0.99)
        );
    box-shadow:
        0 20px 46px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.014);
    transition:
        transform 0.32s ease,
        border-color 0.32s ease,
        background 0.32s ease,
        box-shadow 0.32s ease;
}

.ihe-value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            #865716,
            #efc86c
        );
    transition: width 0.38s ease;
}

.ihe-value-card::after {
    content: '';
    position: absolute;
    top: -85px;
    right: -80px;
    width: 185px;
    height: 185px;
    border-radius: 50%;
    background: rgba(201, 154, 61, 0.08);
    filter: blur(40px);
    opacity: 0.7;
    pointer-events: none;
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

.ihe-value-card:hover {
    border-color: rgba(236, 191, 96, 0.7);
    background:
        linear-gradient(
            150deg,
            rgba(30, 23, 12, 0.99),
            rgba(8, 8, 8, 0.99)
        );
    transform: translateY(-8px);
    box-shadow:
        0 30px 65px rgba(0, 0, 0, 0.48),
        0 0 32px rgba(201, 154, 61, 0.07);
}

.ihe-value-card:hover::before {
    width: 100%;
}

.ihe-value-card:hover::after {
    opacity: 1;
    transform: scale(1.25);
}


/* =====================================================
   LARGE BACKGROUND NUMBER
===================================================== */

.ihe-value-card__number {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 35px;
    margin-bottom: 38px;
    color: #a37a39;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.ihe-value-card__number::after {
    content: '';
    width: 42px;
    height: 1px;
    margin-left: 13px;
    background:
        linear-gradient(
            90deg,
            rgba(231, 183, 88, 0.65),
            transparent
        );
}

.ihe-value-card:nth-child(1)::marker,
.ihe-value-card:nth-child(2)::marker,
.ihe-value-card:nth-child(3)::marker,
.ihe-value-card:nth-child(4)::marker,
.ihe-value-card:nth-child(5)::marker,
.ihe-value-card:nth-child(6)::marker,
.ihe-value-card:nth-child(7)::marker,
.ihe-value-card:nth-child(8)::marker {
    display: none;
}


/* =====================================================
   GIANT DECORATIVE NUMBER
===================================================== */

.ihe-value-card:nth-child(1) {
    --ihe-value-number: '01';
}

.ihe-value-card:nth-child(2) {
    --ihe-value-number: '02';
}

.ihe-value-card:nth-child(3) {
    --ihe-value-number: '03';
}

.ihe-value-card:nth-child(4) {
    --ihe-value-number: '04';
}

.ihe-value-card:nth-child(5) {
    --ihe-value-number: '05';
}

.ihe-value-card:nth-child(6) {
    --ihe-value-number: '06';
}

.ihe-value-card:nth-child(7) {
    --ihe-value-number: '07';
}

.ihe-value-card:nth-child(8) {
    --ihe-value-number: '08';
}

.ihe-value-card > h3::before {
    content: var(--ihe-value-number);
    position: absolute;
    right: 13px;
    bottom: -18px;
    z-index: -1;
    color: rgba(255, 255, 255, 0.025);
    font-family: 'Oswald', sans-serif;
    font-size: 105px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    pointer-events: none;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}

.ihe-value-card:hover > h3::before {
    color: rgba(201, 154, 61, 0.055);
    transform: translateY(-5px);
}


/* =====================================================
   CARD TITLE
===================================================== */

.ihe-value-card h3 {
    position: relative;
    z-index: 3;
    margin: 0;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.ihe-value-card:hover h3 {
    color: #efc56a;
}


/* =====================================================
   CARD DESCRIPTION
===================================================== */

.ihe-value-card p {
    position: relative;
    z-index: 3;
    max-width: 270px;
    margin: 15px 0 0;
    color: #929292;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.72;
}


/* =====================================================
   CARD BOTTOM DETAIL
===================================================== */

.ihe-value-card h3::after {
    content: '';
    display: block;
    width: 34px;
    height: 2px;
    margin-top: 17px;
    background:
        linear-gradient(
            90deg,
            #8b5c1a,
            #e8b95b
        );
    transition: width 0.32s ease;
}

.ihe-value-card:hover h3::after {
    width: 62px;
}


/* =====================================================
   DIFFERENT GOLD INTENSITY
===================================================== */

.ihe-value-card:nth-child(1),
.ihe-value-card:nth-child(4),
.ihe-value-card:nth-child(5),
.ihe-value-card:nth-child(8) {
    background:
        linear-gradient(
            150deg,
            rgba(26, 20, 11, 0.99),
            rgba(7, 7, 7, 0.99)
        );
}


/* =====================================================
   RESPONSIVE — LARGE LAPTOP
===================================================== */

@media (max-width: 1250px) {

    .ihe-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 21px;
    }

    .ihe-value-card {
        min-height: 245px;
    }

}


/* =====================================================
   RESPONSIVE — TABLET
===================================================== */

@media (max-width: 900px) {

    .ihe-values {
        padding: 90px 0;
    }

    .ihe-values__header {
        margin-bottom: 42px;
    }

}


/* =====================================================
   RESPONSIVE — MOBILE BASE
===================================================== */

@media (max-width: 767px) {

    .ihe-values {
        padding: 70px 0;
    }

    .ihe-values__container {
        width: min(calc(100% - 30px), 1440px);
    }

    .ihe-values__header {
        margin-bottom: 35px;
        text-align: left;
    }

    .ihe-values__eyebrow {
        justify-content: flex-start;
        font-size: 11px;
    }

    .ihe-values__eyebrow span {
        width: 31px;
    }

    .ihe-values__header h2 {
        font-size: clamp(32px, 10vw, 42px);
    }

    .ihe-values__header p {
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
        line-height: 1.7;
    }

    .ihe-values__grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .ihe-value-card {
        min-height: auto;
        padding: 24px 19px 23px;
    }

    .ihe-value-card__number {
        margin-bottom: 31px;
    }

    .ihe-value-card > h3::before {
        font-size: 90px;
    }

}
/* =====================================================
   IMAM HARRISON EMPIRE
   ABOUT PAGE
   SECTION 04 — CORE VALUES
   PART 2
   (Statement + Responsive + Elementor Fix)
===================================================== */


/* =====================================================
   PROMISE SECTION
===================================================== */

.ihe-values__statement{

    position:relative;

    margin-top:70px;

    padding:55px 60px;

    overflow:hidden;

    border:1px solid rgba(201,154,61,.24);

    background:
    linear-gradient(
    145deg,
    rgba(24,18,10,.98),
    rgba(7,7,7,.99));

    box-shadow:
    0 35px 70px
    rgba(0,0,0,.35);

}

.ihe-values__statement::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
    linear-gradient(
    90deg,
    #8b5c18,
    #efc76c,
    #8b5c18);

}

.ihe-values__statement::after{

    content:"VALUES";

    position:absolute;

    right:40px;
    bottom:-15px;

    font-family:'Oswald',sans-serif;

    font-size:115px;

    font-weight:700;

    line-height:1;

    letter-spacing:.04em;

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

    text-transform:uppercase;

    pointer-events:none;

}


/* =====================================================
   PROMISE TEXT
===================================================== */

.ihe-values__statement span{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:#e6bb59;

    font-family:'Oswald',sans-serif;

    font-size:11px;

    font-weight:500;

    letter-spacing:.15em;

    text-transform:uppercase;

}

.ihe-values__statement span::before{

    content:"";

    width:42px;
    height:2px;

    display:block;

    background:
    linear-gradient(
    90deg,
    #8b5c18,
    #efc76c);

}

.ihe-values__statement h3{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0;

    color:#ffffff;

    font-family:'Oswald',sans-serif;

    font-size:clamp(28px,3vw,40px);

    font-weight:600;

    line-height:1.18;

    letter-spacing:.02em;

    text-transform:uppercase;

}


/* =====================================================
   HOVER
===================================================== */

.ihe-values__statement:hover{

    border-color:
    rgba(239,198,107,.45);

    box-shadow:
    0 45px 80px
    rgba(0,0,0,.45);

}

.ihe-values__statement:hover h3{

    color:#efc76c;

}


/* =====================================================
   LARGE SCREEN
===================================================== */

@media(max-width:1250px){

.ihe-values__statement{

padding:50px;

}

.ihe-values__statement::after{

font-size:95px;

}

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

.ihe-values{

padding:90px 0;

}

.ihe-values__container{

width:min(calc(100% - 40px),1400px);

}

.ihe-values__grid{

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

gap:20px;

}

.ihe-values__statement{

margin-top:55px;

padding:42px;

}

.ihe-values__statement::after{

display:none;

}

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

.ihe-values{

padding:70px 0;

}

.ihe-values__container{

width:min(calc(100% - 30px),1400px);

}

.ihe-values__header{

margin-bottom:35px;

text-align:left;

}

.ihe-values__eyebrow{

justify-content:flex-start;

font-size:11px;

}

.ihe-values__eyebrow span{

width:30px;

}

.ihe-values__grid{

grid-template-columns:1fr;

gap:16px;

}

.ihe-value-card{

padding:24px;

min-height:auto;

}

.ihe-value-card h3{

font-size:18px;

}

.ihe-value-card p{

font-size:13px;

line-height:1.8;

}

.ihe-value-card__number{

margin-bottom:25px;

}

.ihe-values__statement{

padding:30px 24px;

margin-top:40px;

}

.ihe-values__statement span{

margin-bottom:14px;

}

.ihe-values__statement span::before{

width:30px;

}

.ihe-values__statement h3{

font-size:30px;

line-height:1.25;

}

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:420px){

.ihe-values__container{

width:min(calc(100% - 24px),1400px);

}

.ihe-values__header h2{

font-size:34px;

}

.ihe-values__statement{

padding:24px 20px;

}

.ihe-values__statement h3{

font-size:24px;

}

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

.ihe-values a:focus-visible{

outline:2px solid
rgba(239,198,107,.55);

outline-offset:4px;

}

@media(prefers-reduced-motion:reduce){

.ihe-values *,
.ihe-values *::before,
.ihe-values *::after{

animation-duration:.01ms!important;

animation-iteration-count:1!important;

transition-duration:.01ms!important;

scroll-behavior:auto!important;

}

}


/* =====================================================
   ELEMENTOR FIX
===================================================== */

.elementor-widget-html
.ihe-values h2,
.elementor-widget-html
.ihe-values h3,
.elementor-widget-html
.ihe-values p{

margin-left:0;
margin-right:0;

}

.elementor-widget-html
.ihe-values img{

display:block;

max-width:100%;

height:auto;

}

.elementor-widget-html
.ihe-values a{

box-shadow:none;

}

.elementor-widget-html
.ihe-values svg{

display:block;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-401b315 *//* =====================================================
   IMAM HARRISON EMPIRE
   ABOUT PAGE
   FINAL CTA ONLY
===================================================== */


/* =====================================================
   BASE
===================================================== */

.ihe-about-final,
.ihe-about-final * {
    box-sizing: border-box;
}

.ihe-about-final {
    position: relative;

    width: 100%;

    overflow: hidden;
    isolation: isolate;

    padding: 0;

    color: #ffffff;
    background: #050505;

    font-family: 'Inter', sans-serif;
}


/* =====================================================
   BACKGROUND
===================================================== */

.ihe-about-final__background {
    position: absolute;
    inset: 0;

    z-index: -6;

    background:
        url("MASUKKAN-BACKGROUND-DISINI");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: scale(1.05);
}


.ihe-about-final__overlay {
    position: absolute;
    inset: 0;

    z-index: -5;

    background:

        linear-gradient(
            90deg,
            rgba(0, 0, 0, .95) 0%,
            rgba(0, 0, 0, .88) 38%,
            rgba(0, 0, 0, .58) 68%,
            rgba(0, 0, 0, .82) 100%
        ),

        linear-gradient(
            to bottom,
            rgba(0, 0, 0, .10),
            #050505
        );
}


/* =====================================================
   GLOW
===================================================== */

.ihe-about-final__glow {
    position: absolute;

    z-index: -4;

    border-radius: 50%;

    filter: blur(150px);

    pointer-events: none;
}


.ihe-about-final__glow--one {
    width: 520px;
    height: 520px;

    left: -220px;
    top: 40px;

    background:
        rgba(201, 154, 61, .16);
}


.ihe-about-final__glow--two {
    width: 620px;
    height: 620px;

    right: -240px;
    bottom: -120px;

    background:
        rgba(143, 90, 25, .15);
}


/* =====================================================
   CONTAINER
===================================================== */

.ihe-about-final__container {
    position: relative;

    z-index: 2;

    width:
        min(
            calc(100% - 50px),
            1400px
        );

    margin: 0 auto;
}


/* =====================================================
   CTA LAYOUT
===================================================== */

.ihe-about-final__cta {
    min-height: 650px;

    padding: 120px 0;

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(360px, .65fr);

    align-items: center;

    gap: 70px;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.ihe-about-final__content {
    max-width: 700px;
}


/* =====================================================
   EYEBROW
===================================================== */

.ihe-about-final__eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #e8bc60;

    font-family:
        'Oswald',
        sans-serif;

    font-size: 11px;
    font-weight: 500;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.ihe-about-final__eyebrow span {
    display: block;

    width: 40px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #875919,
            #efc86a
        );
}


/* =====================================================
   HEADING
===================================================== */

.ihe-about-final__content h2 {
    margin: 0;

    color: #ffffff;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        clamp(
            42px,
            5vw,
            72px
        );

    font-weight: 700;

    line-height: .98;

    text-transform: uppercase;
}


.ihe-about-final__content h2 strong {
    display: block;

    margin: 8px 0;

    color: transparent;

    background:
        linear-gradient(
            180deg,
            #fff2bf,
            #efc86b,
            #885918
        );

    -webkit-background-clip: text;
    background-clip: text;
}


.ihe-about-final__content h2 em {
    display: block;

    margin-top: 8px;

    font-style: normal;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.ihe-about-final__content > p {
    max-width: 650px;

    margin: 28px 0 0;

    color: #aaaaaa;

    font-family:
        'Inter',
        sans-serif;

    font-size: 15px;

    line-height: 1.9;
}


/* =====================================================
   BUTTONS
===================================================== */

.ihe-about-final__buttons {
    margin-top: 40px;

    display: flex;

    flex-wrap: wrap;

    gap: 15px;
}


.ihe-about-final__button {
    min-width: 210px;
    min-height: 52px;

    padding: 0 24px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border: 1px solid transparent;

    font-family:
        'Oswald',
        sans-serif;

    font-size: 12px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .12em;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* GOLD */

.ihe-about-final__button--gold {
    color: #111111;

    border-color:
        rgba(239, 200, 107, .7);

    background:
        linear-gradient(
            135deg,
            #8b5d19,
            #efc86b
        );
}


.ihe-about-final__button--gold:hover {
    color: #111111;

    transform:
        translateY(-4px);

    box-shadow:
        0 20px 45px
        rgba(201, 154, 61, .25);
}


/* OUTLINE */

.ihe-about-final__button--outline {
    color: #ffffff;

    border-color:
        rgba(255, 255, 255, .25);

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

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}


.ihe-about-final__button--outline:hover {
    color: #efc86b;

    border-color: #efc86b;

    background:
        rgba(201, 154, 61, .05);

    transform:
        translateY(-4px);
}


/* =====================================================
   RIGHT STATS
===================================================== */

.ihe-about-final__stats {
    display: grid;

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

    gap: 18px;
}


/* =====================================================
   STAT CARD
===================================================== */

.ihe-about-final__card {
    position: relative;

    min-height: 155px;

    padding: 35px 28px;

    overflow: hidden;

    border:
        1px solid
        rgba(201, 154, 61, .20);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .02),
            rgba(201, 154, 61, .05)
        );

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;
}


.ihe-about-final__card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #8d5e18,
            #efc76c
        );

    transition:
        width .35s ease;
}


.ihe-about-final__card:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(239, 199, 108, .45);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .035),
            rgba(201, 154, 61, .08)
        );
}


.ihe-about-final__card:hover::before {
    width: 100%;
}


/* =====================================================
   STAT NUMBER
===================================================== */

.ihe-about-final__card strong {
    display: block;

    color: #efc76c;

    font-family:
        'Oswald',
        sans-serif;

    font-size: 38px;
    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;
}


.ihe-about-final__card span {
    display: block;

    margin-top: 15px;

    color: #a7a7a7;

    font-family:
        'Inter',
        sans-serif;

    font-size: 13px;

    line-height: 1.7;
}


/* =====================================================
   FOCUS
===================================================== */

.ihe-about-final a:focus-visible {
    outline:
        2px solid
        rgba(239, 198, 107, .55);

    outline-offset: 4px;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .ihe-about-final__cta {
        grid-template-columns: 1fr;

        gap: 55px;

        padding: 90px 0;
    }

    .ihe-about-final__content {
        max-width: 720px;
    }

    .ihe-about-final__stats {
        max-width: 720px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .ihe-about-final__container {
        width:
            min(
                calc(100% - 30px),
                1400px
            );
    }


    .ihe-about-final__cta {
        min-height: auto;

        padding: 75px 0;

        gap: 48px;
    }


    .ihe-about-final__content h2 {
        font-size:
            clamp(
                40px,
                12vw,
                52px
            );
    }


    .ihe-about-final__content > p {
        font-size: 14px;

        line-height: 1.8;
    }


    .ihe-about-final__buttons {
        margin-top: 32px;

        flex-direction: column;
    }


    .ihe-about-final__button {
        width: 100%;
    }


    .ihe-about-final__stats {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .ihe-about-final__card {
        min-height: auto;

        padding: 27px 24px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

    .ihe-about-final__container {
        width:
            min(
                calc(100% - 24px),
                1400px
            );
    }


    .ihe-about-final__cta {
        padding: 65px 0;
    }


    .ihe-about-final__content h2 {
        font-size: 40px;
    }


    .ihe-about-final__card strong {
        font-size: 34px;
    }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ihe-about-final *,
    .ihe-about-final *::before,
    .ihe-about-final *::after {
        animation: none !important;
        transition: none !important;
    }

}


/* =====================================================
   ELEMENTOR FIX
===================================================== */

.elementor-widget-html .ihe-about-final h2,
.elementor-widget-html .ihe-about-final p {
    margin-left: 0;
    margin-right: 0;
}

.elementor-widget-html .ihe-about-final a {
    box-shadow: none;
}/* End custom CSS */