
.ghn-x91,
.ghn-x91 *,
.ghn-x91 *::before,
.ghn-x91 *::after{
    box-sizing:border-box;
}

.ghn-x91{
    width:100%;
    background:#fff;
    font-family:"Titillium Web",Arial,sans-serif;
}

.ghn-x91__inside{
    --ghn-image-width:42%;
    width:100%;
    max-width:1500px;
    margin:0 auto;
    display:grid;
    grid-template-columns:var(--ghn-image-width) minmax(0,1fr);
    grid-template-rows:auto auto;
    position:relative;
    overflow:visible;
}

.ghn-x91__photo{
    grid-column:1;
    grid-row:1;
    height:620px;
    overflow:hidden;
    position:relative;
    z-index:1;
}

.ghn-x91__photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.ghn-x91__header{
    grid-column:2;
    grid-row:1;
    padding:58px 44px 42px;
    min-width:0;
    align-self:start;
}

.ghn-x91__rule{
    display:block;
    width:52px;
    height:4px;
    margin:0 0 22px;
    background:#ef3123;
}

.ghn-x91__header h2,
.ghn-x91__tile h3{
    font-family:"Tungsten","Arial Narrow",sans-serif;
    text-transform:uppercase;
    font-weight:700;
}

.ghn-x91__header h2{
    margin:0 0 20px;
    font-size:clamp(44px,4vw,72px);
    line-height:.95;
}

.ghn-x91__header p{
    margin:0;
    line-height:1.5;
}

.ghn-x91__matrix{
    grid-column:1 / 3;
    grid-row:2;
    z-index:3;
    margin:-95px 90px 56px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
}

.ghn-x91__tile{
    min-width:0;
    min-height:260px;
    padding:28px 24px;
    border:1px solid #d8d8d8;
    background:#fff;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.ghn-x91__tile-head{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:18px;
    align-items:start;
    margin-bottom:18px;
}

.ghn-x91__symbol{
    color:#ef3123;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

.ghn-x91__symbol i{
    color:inherit;
    font-size:46px;
    line-height:1;
}

.ghn-x91__symbol svg,
.ghn-x91__symbol .e-font-icon-svg{
    width:46px;
    height:46px;
    display:block;
    color:inherit;
    overflow:visible;
}

.ghn-x91__symbol svg [fill]:not([fill="none"]){
    fill:currentColor !important;
}

.ghn-x91__symbol svg [stroke]:not([stroke="none"]){
    stroke:currentColor !important;
}

.ghn-x91__tile h3{
    margin:0;
    font-size:27px;
    line-height:1.05;
}

.ghn-x91__tile-copy{
    line-height:1.5;
}

.ghn-x91__tile.is-dark{
    background:#080808;
    color:#fff;
    border-color:#080808;
}

.ghn-x91__tile.is-dark h3{
    color:#ef3123;
}


/* v1.1.3 desktop/tablet carousel wrapper repair */
.ghn-x91__carousel{
    grid-column:1 / 3;
    grid-row:2;
    width:100%;
    min-width:0;
    z-index:3;
    overflow:visible;
}

.ghn-x91__carousel .ghn-x91__matrix{
    width:auto;
}

@media(max-width:1024px){
    .ghn-x91__inside{
        grid-template-columns:38% minmax(0,1fr);
    }

    .ghn-x91__header{
        padding:46px 34px 34px;
    }

    .ghn-x91__matrix{
        margin:-70px 40px 44px;
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .ghn-x91__tile{
        padding:24px 20px;
    }

    .ghn-x91__tile-head{
        grid-template-columns:1fr;
        gap:12px;
    }
}

@media(max-width:767px){
    .ghn-x91__inside{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        overflow:visible;
    }

    .ghn-x91__photo{
        display:none !important;
    }

    .ghn-x91__header{
        width:100%;
        padding:38px 24px 30px;
    }

    .ghn-x91__carousel{
        width:100%;
        overflow:hidden;
        padding:0 24px 40px;
    }

    .ghn-x91__matrix{
        width:100% !important;
        margin:0 !important;
        display:block !important;
        transform:none !important;
    }

    .ghn-x91__tile{
        display:none !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:280px;
        padding:26px 22px;
        margin:0 !important;
    }

    .ghn-x91__tile.ghn-x91__tile--active{
        display:flex !important;
    }

    .ghn-x91__tile-head{
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:16px;
    }

    .ghn-x91__symbol{
        justify-content:flex-start;
    }

    .ghn-x91__tile h3{
        font-size:clamp(24px,7vw,32px);
        overflow-wrap:anywhere;
    }

    .ghn-x91__tile-copy{
        font-size:16px;
        line-height:1.5;
        overflow-wrap:anywhere;
    }

    .ghn-x91__mobile-nav{
        margin-top:18px;
        display:grid;
        grid-template-columns:52px minmax(0,1fr) 52px;
        gap:14px;
        align-items:center;
    }

    .ghn-x91__mobile-label{
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        letter-spacing:.04em;
    }

    .ghn-x91__nav-btn{
        width:52px;
        height:52px;
        padding:0;
        border:2px solid currentColor;
        border-radius:50%;
        background:#fff;
        color:#ef3123;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
    }

    .ghn-x91__nav-btn span{
        width:11px;
        height:11px;
        border-top:3px solid currentColor;
        border-right:3px solid currentColor;
        display:block;
    }

    .ghn-x91__nav-btn--prev span{
        transform:rotate(-135deg);
        margin-left:5px;
    }

    .ghn-x91__nav-btn--next span{
        transform:rotate(45deg);
        margin-right:5px;
    }

    .ghn-x91__nav-btn:disabled{
        opacity:.3;
        cursor:default;
    }
}

@media(min-width:768px){
    .ghn-x91__mobile-nav{
        display:none;
    }
}


@media(min-width:768px){
    html body .elementor-widget-ghome-why-need-this .ghn-x91__carousel{
        display:block !important;
        grid-column:1 / 3 !important;
        grid-row:2 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        overflow:visible !important;
    }

    html body .elementor-widget-ghome-why-need-this .ghn-x91__carousel .ghn-x91__matrix{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        overflow:visible !important;
        transform:none !important;
    }

    html body .elementor-widget-ghome-why-need-this .ghn-x91__carousel .ghn-x91__tile{
        display:flex !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        writing-mode:horizontal-tb !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }
}

@media(max-width:1024px) and (min-width:768px){
    html body .elementor-widget-ghome-why-need-this .ghn-x91__carousel .ghn-x91__matrix{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}






/* v1.1.7 — color-only SVG normalization.
   Preserves each icon's original stroke width and avoids making icons too heavy. */
.ghn-x91__symbol{
	color:#ef3123 !important;
}

.ghn-x91__symbol i{
	color:#ef3123 !important;
}

.ghn-x91__symbol svg,
.ghn-x91__symbol .e-font-icon-svg{
	color:#ef3123 !important;
	overflow:visible;
}

/* Stroke-based artwork */
.ghn-x91__symbol svg [stroke]:not([stroke="none"]){
	stroke:#ef3123 !important;
}

/* Filled artwork */
.ghn-x91__symbol svg [fill]:not([fill="none"]):not([fill="transparent"]){
	fill:#ef3123 !important;
}

/* Elementor icons that inherit currentColor */
.ghn-x91__symbol svg path:not([stroke]):not([fill]),
.ghn-x91__symbol svg circle:not([stroke]):not([fill]),
.ghn-x91__symbol svg rect:not([stroke]):not([fill]),
.ghn-x91__symbol svg polygon:not([stroke]):not([fill]){
	fill:currentColor;
}

/* Uploaded raster icons can only be recolored approximately. */
.ghn-x91__symbol img{
	filter:brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(3976%) hue-rotate(351deg) brightness(99%) contrast(89%) !important;
}

/* Normalize only the outer icon box, not the artwork's line weight. */
.ghn-x91__symbol{
	width:58px;
	height:58px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 58px;
}

.ghn-x91__symbol svg,
.ghn-x91__symbol img{
	max-width:48px;
	max-height:48px;
	width:auto;
	height:auto;
	object-fit:contain;
}
