.elementor-3249 .elementor-element.elementor-element-58691e4{--display:flex;}.elementor-3249 .elementor-element.elementor-element-9f63bbd{--display:flex;--padding-top:-4px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3249 .elementor-element.elementor-element-789bc48{width:100%;max-width:100%;}@media(max-width:768px){.elementor-3249 .elementor-element.elementor-element-58691e4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3249 .elementor-element.elementor-element-6c9ff62{padding:0px 0px 0px 0px;}.elementor-3249 .elementor-element.elementor-element-9f63bbd{--margin-top:-62px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-789bc48 *//* =========================================================

   NXG — EDITORIAL 4x2 GRID TESTIMONIALS (EXACT REFERENCE LOOK)

   ========================================================= */



.ti-reviews-container {

    --red: #c81e34;

    --blue: #4b7ab8;

    --ink: #eef1f6;

    --muted: #7c8794;

    --line: rgba(255, 255, 255, 0.12);

    --gold: #f2a93b;

    --total-reviews: "08"; /* Exactly 8 total reviews */



    position: relative;

    width: 100vw;

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

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

    padding: 70px 0 60px;

    background: 

        radial-gradient(circle at 10% 0%, rgba(184, 20, 36, 0.15), transparent 35%),

        radial-gradient(circle at 90% 100%, rgba(40, 76, 120, 0.2), transparent 40%),

        linear-gradient(135deg, #04080f 0%, #08111d 50%, #03060c 100%);

    box-sizing: border-box;

    overflow: hidden;

    border-radius: 0;

}



/* Atmospheric grid background pattern */

.ti-reviews-container::before {

    content: "";

    position: absolute;

    inset: 0;

    background-image: 

        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),

        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);

    background-size: 55px 55px;

    pointer-events: none;

}



/* ---------- 4 Columns Grid Wrapper with Editorial Borders ---------- */



.ti-reviews-container-wrapper {

    position: relative;

    z-index: 1;

    display: grid;

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

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

    padding: 0 40px;

    box-sizing: border-box;

    border-top: 1px solid var(--line);

    border-bottom: 1px solid var(--line);

}



@media (max-width: 1100px) {

    .ti-reviews-container-wrapper {

        grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets */

        padding: 0 24px;

    }

}



@media (max-width: 680px) {

    .ti-reviews-container-wrapper {

        grid-template-columns: 1fr; /* 1 column for mobile */

        padding: 0 16px;

    }

}



/* ---------- card styling (Editorial Border Layout) ---------- */



.ti-review-item {

    counter-increment: review;

    position: relative;

    padding: 34px 28px 38px;

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

    color: var(--ink);

    background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005));

    border-left: 1px solid var(--line);

    border-bottom: 1px solid var(--line);

    transition: background 0.3s ease;

}



.ti-review-item:hover {

    background: rgba(200, 30, 52, 0.04);

}



/* Remove left border for the first card in every row */

.ti-review-item:nth-child(4n + 1) {

    border-left: none;

}



/* Numbered counter tag (e.g. 01 / 08) */

.ti-review-item::after {

    content: counter(review, decimal-leading-zero) " / " var(--total-reviews);

    position: absolute;

    top: 34px;

    right: 28px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.08em;

    color: var(--muted);

}



.ti-inner {

    position: relative;

    display: flex;

    flex-direction: column;

}



/* ---------- header row ---------- */



.ti-review-header {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 16px;

}



.ti-profile-img {

    width: 42px;

    height: 42px;

    border-radius: 8px; /* Square avatar matching your reference screenshot */

    flex-shrink: 0;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #141c28;

    border: 1px solid rgba(255, 255, 255, 0.15);

    font-weight: 700;

    font-size: 15px;

    color: var(--ink);

}



.ti-profile-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 8px;

}



.ti-profile-details {

    min-width: 0;

}



.ti-name {

    font-weight: 700;

    font-size: 15px;

    color: var(--ink);

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.ti-date {

    font-size: 12px;

    color: var(--muted);

    margin-top: 2px;

}



/* Google badge icon */

.ti-platform-icon {

    position: absolute;

    top: 60px;

    right: 28px;

    width: 18px;

    height: 18px;

    opacity: 0.85;

}

.ti-platform-icon .ti-tooltip { display: none; }

.ti-platform-icon img { width: 18px; height: 18px; }



/* ---------- stars ---------- */



.ti-stars {

    display: flex;

    gap: 3px;

    margin-bottom: 14px;

}

.ti-stars .ti-star,

.ti-stars img {

    width: 14px;

    height: 14px;

    filter: invert(80%) sepia(50%) saturate(800%) hue-rotate(360deg) brightness(105%);

}

.ti-verified-review { display: none; }



/* ---------- review body text ---------- */



.ti-review-text-container {

    font-size: 14px;

    line-height: 1.65;

    color: #cbd3df;

    height: auto !important;

}

.ti-review-text-container::before { content: "\201C"; color: var(--red); font-weight: bold; }

.ti-review-text-container::after { content: "\201D"; color: var(--red); font-weight: bold; }



.ti-read-more {

    display: inline-block;

    margin-top: 8px;

    font-size: 12px;

    font-weight: 600;

    color: var(--red);

    cursor: pointer;

    opacity: 1 !important;

    pointer-events: auto !important;

}

.ti-read-more:hover { text-decoration: underline; }



/* ---------- navigation controls (prev / next) ---------- */



.ti-controls {

    display: flex;

    gap: 12px;

    justify-content: flex-end;

    max-width: 1440px;

    margin: 0 auto;

    padding: 24px 40px 0;

    position: relative;

    z-index: 1;

}



.ti-next, .ti-prev {

    width: 42px;

    height: 42px;

    border-radius: 50%;

    border: 1px solid var(--line);

    background: rgba(255, 255, 255, 0.03);

    cursor: pointer;

    position: relative;

    transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease;

}



.ti-next:hover, .ti-prev:hover {

    border-color: var(--red);

    background: rgba(200, 30, 52, 0.15);

    transform: translateY(-2px);

}



.ti-next::after, .ti-prev::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 8px;

    height: 8px;

    border-right: 2px solid var(--ink);

    border-bottom: 2px solid var(--ink);

}



.ti-prev::after { transform: translate(-30%, -50%) rotate(135deg); }

.ti-next::after { transform: translate(-70%, -50%) rotate(-45deg); }



.ti-controls-line { display: none; }



/* ---------- responsive tweaks ---------- */



@media (max-width: 1100px) {

    .ti-review-item:nth-child(4n + 1) { border-left: 1px solid var(--line); }

    .ti-review-item:nth-child(odd) { border-left: none; }

}



@media (max-width: 680px) {

    .ti-reviews-container { padding: 50px 0 40px; }

    .ti-controls { padding: 20px 16px 0; justify-content: center; }

    .ti-review-item { border-left: none !important; border-bottom: 1px solid var(--line); padding: 26px 20px; }

    .ti-review-item::after { top: 26px; right: 20px; }

    .ti-platform-icon { top: 52px; right: 20px; }

}/* End custom CSS */