.elementor-30 .elementor-element.elementor-element-d7a7d70{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-30 .elementor-element.elementor-element-d091257{--display:flex;}.elementor-30 .elementor-element.elementor-element-1d4cda6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-30 .elementor-element.elementor-element-1d4cda6:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-1d4cda6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(316deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 100%);}.elementor-30 .elementor-element.elementor-element-bbcea20 .woocommerce-breadcrumb{color:#FFFFFF;font-size:12px;}.elementor-30 .elementor-element.elementor-element-bbcea20 .woocommerce-breadcrumb > a{color:#C4C4C4;}.elementor-30 .elementor-element.elementor-element-de99908 .elementor-heading-title{font-size:22px;color:var( --e-global-color-accent );}.elementor-30 .elementor-element.elementor-element-4f4399d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-f706ea2{--display:flex;}.elementor-30 .elementor-element.elementor-element-0748700{--spacer-size:100px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-0748700{--spacer-size:50px;}}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-d091257{--width:75%;}.elementor-30 .elementor-element.elementor-element-4f4399d{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-0b82c81 *//* =========================================
   Yadak Elantra - About Us
   ========================================= */

.ye-about {
    --yea-primary: #36627B;
    --yea-secondary: #648293;
    --yea-dark: #1C2E38;

    --yea-white: #ffffff;
    --yea-soft: #f5f8fa;
    --yea-border: #dce5ea;
    --yea-muted: #647783;

    direction: rtl;
    color: var(--yea-dark);
    font-family: inherit;
    line-height: 2;
    width: 100%;
}

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

/* Main Hero */

.ye-about__hero {
    position: relative;
    overflow: hidden;
    padding: 45px 48px;
    background: linear-gradient(
        120deg,
        var(--yea-dark),
        var(--yea-primary)
    );
    color: var(--yea-white);
    border-radius: 18px;
}

.ye-about__hero::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    left: -100px;
    bottom: -170px;
    pointer-events: none;
}

.ye-about__eyebrow {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 13px;
    color: var(--yea-white);
    opacity: .85;
}

.ye-about__hero h2 {
    color: var(--yea-white);
    font-size: clamp(21px, 2.5vw, 29px);
    font-weight: 800;
    line-height: 1.7;
    margin: 0 0 17px;
}

.ye-about__hero p {
    color: var(--yea-white);
    font-size: 15px;
    line-height: 2.2;
    margin: 0;
    max-width: 900px;
    opacity: .93;
}

/* Main Content */

.ye-about__main {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: 32px;
    margin-top: 40px;
    align-items: start;
}

.ye-about__section-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--yea-primary);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 12px;
}

.ye-about__section-label::before {
    content: "";
    width: 17px;
    height: 3px;
    background: var(--yea-primary);
    border-radius: 10px;
}

.ye-about__story h3,
.ye-about__models-heading h3 {
    font-size: 21px;
    font-weight: 800;
    color: var(--yea-dark);
    line-height: 1.7;
    margin: 0 0 19px;
}

.ye-about__story p {
    font-size: 14.5px;
    color: var(--yea-dark);
    line-height: 2.25;
    margin: 0 0 17px;
    text-align: justify;
}

.ye-about__story strong {
    color: var(--yea-primary);
    font-weight: 700;
}

/* Values Box */

.ye-about__values {
    background: var(--yea-soft);
    border: 1px solid var(--yea-border);
    border-radius: 16px;
    padding: 28px 25px;
}

.ye-about__values > h3 {
    font-size: 17px;
    font-weight: 800;
    color: var(--yea-dark);
    margin: 0 0 25px;
}

.ye-about__value {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--yea-border);
}

.ye-about__value:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.ye-about__value-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
    height: 39px;
    background: var(--yea-white);
    border: 1px solid var(--yea-border);
    color: var(--yea-primary);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.ye-about__value h4 {
    color: var(--yea-dark);
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 5px;
}

.ye-about__value p {
    color: var(--yea-muted);
    font-size: 12.5px;
    line-height: 2;
    margin: 0;
}

/* Models Section */

.ye-about__models {
    margin-top: 30px;
    padding: 34px;
    background: var(--yea-soft);
    border: 1px solid var(--yea-border);
    border-radius: 18px;
}

.ye-about__models-heading {
    margin-bottom: 24px;
}

.ye-about__models-heading h3 {
    margin-bottom: 6px;
}

.ye-about__models-heading p {
    color: var(--yea-muted);
    font-size: 14px;
    margin: 0;
}

.ye-about__models-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ye-about__model-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 23px 25px;
    background: var(--yea-white);
    border: 1px solid var(--yea-border);
    border-radius: 13px;
    text-decoration: none !important;
    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.ye-about__model-tag {
    display: inline-block;
    font-size: 12px;
    color: var(--yea-secondary);
    margin-bottom: 10px;
}

.ye-about__model-card strong {
    color: var(--yea-dark);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.7;
}

.ye-about__model-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yea-primary);
    font-size: 13px;
    font-weight: 700;
    margin-top: 18px;
}

.ye-about__model-link span {
    transition: transform .25s ease;
}

.ye-about__model-card:hover {
    transform: translateY(-3px);
    border-color: var(--yea-primary);
    box-shadow: 0 9px 25px rgba(28, 46, 56, .07);
}

.ye-about__model-card:hover .ye-about__model-link span {
    transform: translateX(-5px);
}

.ye-about__model-card:focus-visible {
    outline: 2px solid var(--yea-primary);
    outline-offset: 3px;
}


/* Responsive */

@media (max-width: 900px) {
    .ye-about__main {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media (max-width: 767px) {

    .ye-about__hero {
        padding: 28px 22px;
        border-radius: 14px;
    }

    .ye-about__hero h2 {
        font-size: 21px;
    }

    .ye-about__hero p {
        font-size: 13.5px;
    }

    .ye-about__main {
        margin-top: 28px;
    }

    .ye-about__story h3,
    .ye-about__models-heading h3 {
        font-size: 18px;
    }

    .ye-about__story p {
        font-size: 13.5px;
        text-align: right;
    }

    .ye-about__values {
        padding: 23px 20px;
    }

    .ye-about__models {
        margin-top: 24px;
        padding: 24px 18px;
    }

    .ye-about__models-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ye-about__model-card {
        padding: 20px;
    }

    .ye-about__model-card strong {
        font-size: 17px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .ye-about__model-card,
    .ye-about__model-link span {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7eebd8b */.elementor-30 .elementor-element.elementor-element-7eebd8b h5 {
    font-size: 14px;
}/* End custom CSS */