:root{
  --gold:#d5a43b;--gold-dark:#a97518;--gold-light:#f7edda;
  --black:#080a0d;--navy:#0b1118;--cream:#faf8f3;
  --text:#17191d;--muted:#6b7078;--border:#e8e5de;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Poppins",Arial,sans-serif;color:var(--text);background:#fff}
h1,h2,h3,h4,h5,.serif{font-family:"DM Serif Display",Georgia,serif}
.container{max-width:1180px}
.navbar{min-height:78px;background:#fff;border-bottom:1px solid #eee;z-index:1030}
.navbar-brand img{width:150px;height:auto}
.navbar .nav-link{font-size:13px;font-weight:600;color:#24262b;padding:29px 13px!important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--gold-dark)}
.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#111;font-weight:700;border-radius:7px;padding:11px 20px}
.btn-gold:hover{background:#e1b34c;color:#111}
.btn-outline-gold{border:1px solid var(--gold);color:var(--gold-dark);font-weight:700;border-radius:7px;padding:10px 19px}
.btn-outline-gold:hover{background:var(--gold);color:#111}
.page-hero{padding:95px 0 90px;background:linear-gradient(115deg,#07090c,#161b20 58%,#2b2111);color:#fff;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-80px;top:-180px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(213,164,59,.28),transparent 65%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:58px;margin:10px 0 14px}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-dark);font-weight:800}
.page-hero .eyebrow{color:#e1b653}
.page-hero p{max-width:650px;color:#d5d9de;line-height:1.75;margin:0}
.section{padding:78px 0}
.section-alt{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.section-title{font-size:40px;line-height:1.08;margin:7px 0 0}
.card-clean{height:100%;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;transition:.25s}
.card-clean:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.08)}
.card-body-custom{padding:19px}.card-title{font-family:Inter,Arial;font-size:16px;font-weight:800;margin:8px 0}
.meta{font-size:11px;color:var(--gold-dark);font-weight:700}.small-muted{font-size:12px;color:var(--muted)}
.arrow-link{font-size:12px;color:var(--gold-dark);text-decoration:none;font-weight:800}
.image-placeholder{height:220px;background:linear-gradient(135deg,#101a27,#604c28);position:relative;overflow:hidden}
.image-placeholder:after{content:"YELLOW ACHIEVER'S AWARD";position:absolute;left:24px;bottom:20px;color:#f6d783;font-weight:800;letter-spacing:2px;font-size:11px}
.event-image{height:205px}.news-image{height:205px}
.category-card{background:#fff;border:1px solid var(--border);padding:28px 15px;text-align:center;border-radius:8px;height:100%;transition:.2s}
.category-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.category-card i{font-size:30px;color:var(--gold);display:block;margin-bottom:14px}
.category-card span{font-size:13px;font-weight:800}
.speaker-image{height:270px;background:linear-gradient(145deg,#dfe1e3,#a9adb1);position:relative;overflow:hidden}
.speaker-image:before{content:"";position:absolute;left:50%;top:18%;transform:translateX(-50%);width:105px;height:130px;border-radius:50% 50% 42% 42%;background:#25282c}
.speaker-image:after{content:"";position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:220px;height:170px;border-radius:50% 50% 0 0;background:#18202a}
.speaker-info{text-align:center;padding:15px}.speaker-info h4{font-family:Inter;font-size:14px;font-weight:800;margin:0}.speaker-info small{color:#8a8d92}
.gallery-box{height:250px;border-radius:9px;background:linear-gradient(135deg,#101a27,#614c2b);position:relative;overflow:hidden}
.gallery-box.large{height:520px}.gallery-box:after{content:"YELLOW";position:absolute;left:20px;bottom:18px;color:#f3d27e;font-weight:800;letter-spacing:3px}
.detail-copy{font-size:14px;line-height:1.85;color:var(--muted)}
.info-box{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:20px}
.info-box p{padding-bottom:20px}
.timeline{border-left:2px solid var(--gold);padding-left:25px}
.timeline-item{position:relative;padding:0 0 30px}
.timeline-item:before{content:"";position:absolute;left:-32px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--gold)}
.form-control,.form-select{padding:12px;border-color:#ddd;border-radius:7px}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(213,164,59,.15)}
footer{background:#080d13;color:#d5d9de;padding:55px 0 0}
.footer-logo{width:175px}.footer-copy{font-size:12px;line-height:1.7;color:#9ca3ab;max-width:300px}
.footer-title{font-size:13px;color:#fff;font-weight:800;margin-bottom:18px}
.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:9px}
.footer-links a{color:#aeb4ba;text-decoration:none;font-size:12px}.footer-links a:hover{color:var(--gold)}
.social{display:flex;gap:8px}.social a{width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:#ddd;text-decoration:none}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:18px 0;font-size:11px;color:#8c949d}
.partner{font-size:27px;color:#858990;font-weight:800}
.cta-strip{background:var(--gold);padding:45px 0}.cta-strip h2{margin:0;font-size:34px}.cta-strip p{margin:5px 0 0}



/* =========================================================
   YELLOW ACHIEVER'S AWARD
   EVENT REGISTRATION SECTION
========================================================= */

.ya-event-registration {
    position: relative;
    padding: 95px 0 80px;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(213, 164, 59, 0.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(213, 164, 59, 0.08),
            transparent 30%
        ),
        #faf8f3;
    overflow: hidden;
}


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

.ya-event-heading {
    max-width: 950px;
    margin: 0 auto 48px;
}

.ya-event-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    margin-bottom: 12px;

    color: #a97518;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
}

.ya-event-eyebrow span {
    display: block;
    width: 55px;
    height: 1px;
    background: #c99a37;
}

.ya-event-heading h2 {
    margin: 0;

    color: #0b1528;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.1;
    font-weight: 400;
}

.ya-event-heading h2 em {
    color: #b17b1e;
    font-style: italic;
}

.ya-event-heading p {
    max-width: 720px;
    margin: 15px auto 0;

    color: #687286;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   LEFT EVENT CARD
========================================================= */

.ya-event-card {
    position: relative;

    min-height: 650px;

    overflow: hidden;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(3, 9, 19, .98),
            rgba(8, 20, 38, .94)
        );

    box-shadow:
        0 25px 60px rgba(8, 17, 31, .16);
}


/*
   Optional:
   When you have a real event image, add:

   style="background-image:url('assets/images/event.jpg')"

   or use this CSS.
*/

.ya-event-card {
    background-image:
        linear-gradient(
            90deg,
            rgba(2, 8, 18, .96) 0%,
            rgba(5, 17, 32, .90) 55%,
            rgba(5, 13, 25, .55) 100%
        ),
        radial-gradient(
            circle at 70% 30%,
            rgba(214, 166, 62, .25),
            transparent 30%
        );
}


/* decorative stage lights */

.ya-event-card::before {
    content: "";

    position: absolute;

    top: -150px;
    right: -80px;

    width: 400px;
    height: 400px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(222, 179, 83, .28),
            transparent 65%
        );

    pointer-events: none;
}


/* =========================================================
   EVENT CONTENT
========================================================= */

.ya-event-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    height: 100%;

    padding: 48px 42px;
}

.ya-registration-badge {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    padding: 8px 17px;

    margin-bottom: 25px;

    border: 1px solid rgba(215, 166, 61, .8);
    border-radius: 50px;

    color: #e4b954;

    background: rgba(215, 166, 61, .08);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.ya-event-content h3 {
    max-width: 580px;

    margin: 0 0 32px;

    color: #fff;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(32px, 3vw, 46px);
    line-height: 1.05;
}

.ya-event-content h3 strong {
    display: block;

    color: #e2b04a;

    font-weight: 400;
}


/* =========================================================
   EVENT DETAILS
========================================================= */

.ya-event-details {
    display: flex;
    flex-direction: column;

    gap: 17px;

    margin-bottom: 28px;
}

.ya-event-detail {
    display: flex;
    align-items: center;

    gap: 14px;

    color: #e6e9ee;

    font-size: 14px;
}

.ya-event-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 35px;

    width: 35px;
    height: 35px;

    border-radius: 7px;

    color: #e1b34c;

    background: rgba(225, 179, 76, .09);

    font-size: 17px;
}

.ya-event-detail strong {
    font-weight: 500;
}


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

.ya-event-actions {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: auto;
}

.ya-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 48px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;

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

    transition: all .25s ease;
}

.ya-btn-gold {
    color: #111;

    background: #e0af48;

    border: 1px solid #e0af48;
}

.ya-btn-gold:hover {
    color: #111;

    background: #efc363;

    transform: translateY(-2px);
}

.ya-btn-outline {
    color: #fff;

    border: 1px solid rgba(225, 179, 76, .8);

    background: transparent;
}

.ya-btn-outline:hover {
    color: #111;

    background: #e0af48;
}


/* =========================================================
   COUNTDOWN
========================================================= */

.ya-countdown {
    margin-top: 38px;

    padding: 20px 22px;

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

    border-radius: 10px;

    background: rgba(0, 0, 0, .24);

    backdrop-filter: blur(8px);
}

.ya-countdown-title {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 17px;

    color: #fff;

    font-size: 13px;
    font-weight: 600;
}

.ya-countdown-title i {
    color: #e2b04a;
    font-size: 19px;
}

.ya-countdown-items {
    display: grid;

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

.ya-countdown-item {
    position: relative;

    text-align: center;
}

.ya-countdown-item:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 10px;
    right: 0;

    width: 1px;
    height: 45px;

    background: rgba(255, 255, 255, .25);
}

.ya-countdown-item strong {
    display: block;

    color: #fff;

    font-size: 31px;
    line-height: 1;
}

.ya-countdown-item span {
    display: block;

    margin-top: 7px;

    color: #aab1bc;

    font-size: 9px;
    letter-spacing: 1.5px;
}


/* =========================================================
   RIGHT FORM CARD
========================================================= */

.ya-registration-card {
    height: 100%;

    padding: 38px 38px 30px;

    border: 1px solid #ebe7df;

    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 20px 55px rgba(20, 27, 38, .07);
}


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

.ya-form-heading {
    margin-bottom: 27px;
}

.ya-form-line {
    width: 55px;
    height: 2px;

    margin-bottom: 12px;

    background: #c99a37;
}

.ya-form-heading h3 {
    margin: 0;

    color: #101c31;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 32px;
    font-weight: 400;
}

.ya-form-heading p {
    margin: 5px 0 0;

    color: #737b89;

    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   FORM
========================================================= */

.ya-form-label {
    display: block;

    margin-bottom: 7px;

    color: #172238;

    font-size: 11px;
    font-weight: 700;
}

.ya-form-label span {
    color: #c4262f;
}

.ya-form-label small {
    color: #9097a3;
    font-weight: 400;
}


.ya-form-control {
    min-height: 43px;

    border: 1px solid #dfe2e6 !important;

    border-radius: 5px !important;

    color: #1d2737;

    background-color: #fff;

    font-size: 12px !important;

    box-shadow: none !important;
}

.ya-form-control::placeholder {
    color: #a0a7b2;
}

.ya-form-control:focus {
    border-color: #c99a37 !important;

    box-shadow:
        0 0 0 2px rgba(201, 154, 55, .10) !important;
}

select.ya-form-control {
    color: #7c8490;
}

.ya-textarea {
    min-height: 90px;
    resize: vertical;
}


/* =========================================================
   PHONE
========================================================= */

.ya-phone-input {
    display: flex;
    align-items: center;

    border: 1px solid #dfe2e6;

    border-radius: 5px;

    overflow: hidden;
}

.ya-phone-input .ya-form-control {
    border: 0 !important;

    border-radius: 0 !important;
}

.ya-country-code {
    display: flex;
    align-items: center;

    height: 43px;

    padding: 0 11px;

    border-right: 1px solid #e4e5e7;

    background: #fafafa;

    font-size: 14px;
}


/* =========================================================
   TERMS
========================================================= */

.ya-terms {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    margin-top: 3px;

    color: #606873;

    font-size: 10px;

    line-height: 1.5;
}

.ya-terms input {
    flex: 0 0 auto;

    width: 15px;
    height: 15px;

    margin-top: 1px;

    accent-color: #b88627;
}

.ya-terms a {
    color: #a6751c;

    text-decoration: none;

    font-weight: 600;
}

.ya-terms span {
    color: #c4262f;
}


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

.ya-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    width: 100%;
    min-height: 48px;

    border: 0;
    border-radius: 6px;

    color: #111;

    background: #c9972f;

    font-size: 13px;
    font-weight: 800;

    transition: all .25s ease;
}

.ya-submit-btn:hover {
    background: #ddaF46;

    transform: translateY(-1px);

    box-shadow:
        0 8px 20px rgba(201, 151, 47, .18);
}


/* =========================================================
   SECURITY
========================================================= */

.ya-secure {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 17px;

    color: #8b929d;

    font-size: 10px;
}

.ya-secure i {
    color: #405c88;
}


/* =========================================================
   BENEFITS
========================================================= */

.ya-event-benefits {
    display: grid;

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

    margin-top: 42px;

    padding: 0 10px;
}

.ya-benefit {
    display: flex;
    align-items: center;

    gap: 15px;

    padding: 0 28px;

    border-right: 1px solid #ddd9d0;
}

.ya-benefit:first-child {
    padding-left: 0;
}

.ya-benefit:last-child {
    border-right: 0;
}

.ya-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    border: 1px solid #ead9ad;

    border-radius: 50%;

    color: #b17c1d;

    background: #fff8e9;

    font-size: 23px;
}

.ya-benefit strong {
    display: block;

    color: #172238;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 18px;

    font-weight: 400;
}

.ya-benefit span {
    display: block;

    margin-top: 3px;

    color: #687286;

    font-size: 12px;
}


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

@media (max-width: 991px) {

    .ya-event-registration {
        padding: 70px 0;
    }

    .ya-event-card {
        min-height: 600px;
    }

    .ya-registration-card {
        padding: 32px 28px;
    }

    .ya-event-benefits {
        grid-template-columns: repeat(2, 1fr);

        gap: 25px;
    }

    .ya-benefit {
        padding: 10px 20px;

        border-right: 0;
    }

    .ya-benefit:first-child {
        padding-left: 20px;
    }

}


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

@media (max-width: 767px) {

    .ya-event-registration {
        padding: 55px 0;
    }

    .ya-event-heading {
        margin-bottom: 32px;
    }

    .ya-event-heading h2 {
        font-size: 36px;
    }

    .ya-event-heading p {
        font-size: 13px;
    }

    .ya-event-card {
        min-height: auto;
    }

    .ya-event-content {
        padding: 32px 25px;
    }

    .ya-event-content h3 {
        font-size: 34px;
        margin-bottom: 25px;
    }

    .ya-event-detail {
        font-size: 13px;
    }

    .ya-event-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ya-btn {
        width: 100%;
    }

    .ya-countdown {
        margin-top: 30px;
        padding: 17px 12px;
    }

    .ya-countdown-item strong {
        font-size: 25px;
    }

    .ya-countdown-item span {
        font-size: 8px;
    }

    .ya-registration-card {
        padding: 28px 20px;
    }

    .ya-form-heading h3 {
        font-size: 29px;
    }

    .ya-event-benefits {
        grid-template-columns: 1fr;

        margin-top: 30px;

        gap: 15px;
    }

    .ya-benefit,
    .ya-benefit:first-child {
        padding: 13px 0;

        border-bottom: 1px solid #ddd9d0;
    }

    .ya-benefit:last-child {
        border-bottom: 0;
    }

}
/* =========================================================
   YELLOW ACHIEVER'S AWARD
   TESTIMONIAL SECTION
========================================================= */

.ya-testimonials {
    position: relative;
    padding: 100px 0;
    background: #f5f6f8;
    overflow: hidden;
}


/* Background Decoration */

.ya-testimonials::before {
    content: "";
    position: absolute;

    width: 500px;
    height: 500px;

    left: -280px;
    top: 100px;

    border-radius: 50%;

    background: rgba(201, 157, 61, 0.05);

    pointer-events: none;
}

.ya-testimonials::after {
    content: "";
    position: absolute;

    width: 300px;
    height: 300px;

    right: -150px;
    bottom: -150px;

    border-radius: 50%;

    border: 1px solid rgba(201, 157, 61, 0.08);

    pointer-events: none;
}


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

.ya-testimonials-header {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 50px;

    margin-bottom: 55px;
}

.ya-heading-content {
    max-width: 700px;
}

.ya-eyebrow {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    color: #a4761d;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 2.5px;
}

.ya-eyebrow span {
    display: block;

    width: 40px;
    height: 1px;

    background: #c59a43;
}

.ya-heading-content h2 {
    margin: 0;

    color: #101a2b;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(38px, 4vw, 56px);

    line-height: 1.05;

    font-weight: 400;
}

.ya-heading-content h2 em {
    display: block;

    color: #a8751c;

    font-style: italic;
}

.ya-heading-description {
    max-width: 350px;

    margin: 0 0 5px;

    color: #747c88;

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================================
   FEATURED TESTIMONIAL
========================================================= */

.ya-featured-testimonial {
    position: relative;

    min-height: 440px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 45px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #0c1729 0%,
            #172b46 100%
        );

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(14, 28, 47, 0.16);
}


/* Gold glow */

.ya-featured-testimonial::before {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    right: -180px;
    top: -180px;

    border-radius: 50%;

    border: 1px solid rgba(220, 177, 78, 0.18);

    box-shadow:
        0 0 0 30px rgba(220, 177, 78, 0.025),
        0 0 0 60px rgba(220, 177, 78, 0.018);
}


/* Large quote */

.ya-large-quote {
    position: absolute;

    right: 35px;
    top: 10px;

    color: rgba(221, 178, 79, 0.14);

    font-family: Georgia, serif;

    font-size: 150px;

    line-height: 1;

    z-index: 1;
}


/* Content */

.ya-featured-content {
    position: relative;
    z-index: 2;
}

.ya-stars {
    display: flex;
    gap: 4px;

    margin-bottom: 15px;

    color: #e0b44e;

    font-size: 13px;
}

.ya-featured-label {
    display: inline-block;

    margin-bottom: 20px;

    padding: 7px 12px;

    border: 1px solid rgba(221, 178, 79, 0.45);

    border-radius: 30px;

    color: #e1b653;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.ya-featured-testimonial blockquote {
    max-width: 650px;

    margin: 0;

    color: #ffffff;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(25px, 2.5vw, 35px);

    line-height: 1.4;

    font-weight: 400;
}


/* =========================================================
   FEATURED FOOTER
========================================================= */

.ya-featured-footer {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-top: 25px;

    border-top: 1px solid rgba(255,255,255,0.13);
}

.ya-profile {
    display: flex;
    align-items: center;

    gap: 13px;
}

.ya-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    border-radius: 50%;

    color: #152033;

    background: #d9ad4f;

    font-size: 12px;

    font-weight: 800;
}

.ya-profile-info strong {
    display: block;

    color: #ffffff;

    font-size: 13px;
}

.ya-profile-info span {
    display: block;

    margin-top: 3px;

    color: #aeb7c4;

    font-size: 10px;
}

.ya-verified {
    display: flex;
    align-items: center;

    gap: 6px;

    color: #d9b25a;

    font-size: 9px;

    font-weight: 700;
}

.ya-verified i {
    font-size: 14px;
}


/* =========================================================
   SMALL TESTIMONIAL LIST
========================================================= */

.ya-testimonial-list {
    display: flex;
    flex-direction: column;

    height: 100%;

    gap: 15px;
}

.ya-small-testimonial {
    flex: 1;

    padding: 22px;

    border: 1px solid #e1e4e8;

    border-radius: 13px;

    background: #ffffff;

    transition: all 0.25s ease;
}

.ya-small-testimonial:hover {
    transform: translateX(-5px);

    border-color: #d8bc7d;

    box-shadow:
        0 12px 30px rgba(15, 28, 45, 0.08);
}


/* Small Header */

.ya-small-header {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 14px;
}

.ya-small-profile {
    display: flex;
    align-items: center;

    gap: 10px;
}

.ya-small-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 50%;

    color: #a4761d;

    background: #f8efd9;

    font-size: 10px;

    font-weight: 800;
}

.ya-small-profile strong {
    display: block;

    color: #182338;

    font-size: 12px;
}

.ya-small-profile span {
    display: block;

    margin-top: 2px;

    color: #858c98;

    font-size: 9px;
}

.ya-small-stars {
    margin-left: auto;

    color: #d6a73f;

    font-size: 9px;

    letter-spacing: 1px;
}


/* Small Quote */

.ya-small-testimonial p {
    position: relative;

    margin: 0;

    padding-left: 13px;

    color: #69727f;

    font-size: 11px;

    font-style: italic;

    line-height: 1.7;
}

.ya-small-testimonial p::before {
    content: "";

    position: absolute;

    left: 0;
    top: 3px;

    width: 2px;
    height: calc(100% - 6px);

    background: #d0a13f;
}


/* =========================================================
   TRUST STATISTICS
========================================================= */

.ya-trust-stats {
    position: relative;
    z-index: 2;

    display: grid;

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

    margin-top: 50px;

    padding-top: 30px;

    border-top: 1px solid #dfe2e6;
}

.ya-stat {
    text-align: center;

    border-right: 1px solid #dfe2e6;
}

.ya-stat:last-child {
    border-right: 0;
}

.ya-stat strong {
    display: block;

    color: #152239;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 32px;

    line-height: 1;

    font-weight: 400;
}

.ya-stat span {
    display: block;

    margin-top: 8px;

    color: #858c97;

    font-size: 10px;

    letter-spacing: .3px;
}


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

@media (max-width: 991px) {

    .ya-testimonials {
        padding: 75px 0;
    }

    .ya-testimonials-header {
        align-items: flex-start;

        flex-direction: column;

        margin-bottom: 35px;
    }

    .ya-heading-description {
        max-width: 600px;
    }

    .ya-featured-testimonial {
        min-height: 400px;
    }

}


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

@media (max-width: 767px) {

    .ya-testimonials {
        padding: 60px 0;
    }

    .ya-testimonials-header {
        gap: 20px;
    }

    .ya-heading-content h2 {
        font-size: 38px;
    }

    .ya-featured-testimonial {
        min-height: 430px;

        padding: 30px 25px;
    }

    .ya-featured-testimonial blockquote {
        font-size: 25px;
    }

    .ya-featured-footer {
        align-items: flex-start;

        flex-direction: column;

        gap: 15px;
    }

    .ya-testimonial-list {
        gap: 12px;
    }

    .ya-small-testimonial {
        flex: initial;
    }

    .ya-trust-stats {
        grid-template-columns: repeat(2, 1fr);

        row-gap: 25px;
    }

    .ya-stat:nth-child(2) {
        border-right: 0;
    }

    .ya-stat:nth-child(3) {
        border-right: 1px solid #dfe2e6;
    }

    .ya-stat strong {
        font-size: 27px;
    }

}

@media(max-width:991px){.navbar .nav-link{padding:10px 0!important}.page-hero h1{font-size:48px}.section{padding:60px 0}}
@media(max-width:767px){.section-head{align-items:start;flex-direction:column}.section-title{font-size:34px}.page-hero{padding:70px 0}.page-hero h1{font-size:43px}.gallery-box.large{height:300px}}