/* =========================================================
   PRODUCTS PAGE
   SECTION 01 — HERO
========================================================= */


.tk-products-hero {

    position: relative;

    overflow: hidden;

    padding: 90px 0 100px;

    background:
        linear-gradient(
            135deg,
            #f1f4fa 0%,
            #ffffff 48%,
            #fff8e8 100%
        );

}


/* Decorative navy glow */

.tk-products-hero::before {

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    left:-280px;
    top:-280px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(24,27,60,.09),
            transparent 70%
        );

}


/* Decorative gold glow */

.tk-products-hero::after {

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-260px;
    bottom:-300px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,186,3,.16),
            transparent 70%
        );

}



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


.tk-products-hero-inner {

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr);

    align-items:center;

    gap:70px;

}



/* =========================================================
   BREADCRUMB
========================================================= */


.tk-products-breadcrumb {

    display:flex;

    align-items:center;

    gap:9px;

    margin-bottom:32px;

    font-size:12px;

}



.tk-products-breadcrumb a {

    display:flex;

    align-items:center;

    gap:7px;

    color:#181B3C;

    text-decoration:none;

    font-weight:500;

}


.tk-products-breadcrumb a i {

    color:#FFBA03;

    font-size:14px;

}



.tk-products-breadcrumb .separator {

    color:#9CA3AF;

    font-size:11px;

}



.tk-products-breadcrumb span {

    color:#6B7280;

    font-weight:500;

}



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


.tk-products-content {

    max-width:560px;

}



.tk-products-eyebrow {

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    color:#A06E00;

    font-size:12px;

    font-weight:600;

    letter-spacing:.10em;

    text-transform:uppercase;

}



.tk-products-eyebrow::before {

    content:"";

    width:35px;

    height:2px;

    border-radius:20px;

    background:#FFBA03;

}



.tk-products-title {

    margin:0 0 20px;

    color:#181B3C;

    font-family:"Poppins",sans-serif;

    font-size:32px;

    line-height:1.5;

    font-weight:700;

    letter-spacing:-.02em;

}



.tk-products-title span {

    color:#B37A00;

}



.tk-products-description {

    margin:0;

    color:#5F6777;

    font-size:15px;

    line-height:1.85;

}



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


.tk-products-actions {

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:32px;

}



.tk-products-primary {

    display:inline-flex;

    align-items:center;

    gap:9px;

    padding:14px 24px;

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #FFBA03,
            #FFD45A
        );

    color:#181B3C;

    font-size:13px;

    font-weight:600;

    text-decoration:none;

    transition:.25s ease;

}



.tk-products-primary:hover {

    transform:translateY(-3px);

    box-shadow:
    0 12px 30px
    rgba(255,186,3,.25);

}



.tk-products-secondary {

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:14px 24px;

    border-radius:8px;

    background:#ffffff;

    border:
    1px solid rgba(24,27,60,.18);

    color:#181B3C;

    font-size:13px;

    font-weight:500;

    text-decoration:none;

}



.tk-products-secondary:hover {

    border-color:#FFBA03;

}



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


.tk-products-image {

    position:relative;

}



.tk-products-image img {

    display:block;

    width:100%;

    aspect-ratio:4/3;

    object-fit:cover;

    border-radius:22px;

    box-shadow:

    0 25px 60px
    rgba(24,27,60,.16);

}



/* Image bottom card */


.tk-products-image-card {

    position:absolute;

    left:25px;

    bottom:25px;


    padding:18px 22px;


    background:
    rgba(24,27,60,.94);


    border-radius:12px;


    display:flex;

    flex-direction:column;

    gap:5px;


}



.tk-products-image-card strong {

    color:#FFBA03;

    font-size:15px;

    font-weight:600;

}



.tk-products-image-card span {

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

    font-size:12px;

}



/* =========================================================
   TRUST ITEMS
========================================================= */


.tk-products-trust {

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:35px;

}



.tk-products-trust-item {

    display:flex;

    align-items:center;

    gap:8px;


    padding:
    9px 14px;


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


    border:
    1px solid rgba(24,27,60,.08);


    border-radius:50px;


    font-size:12px;

    color:#4B5563;

}



.tk-products-trust-item i {

    color:#FFBA03;

}



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


@media(max-width:1024px){


.tk-products-hero-inner {

    grid-template-columns:1fr;

    gap:45px;

}


.tk-products-content {

    max-width:700px;

}


.tk-products-image {

    max-width:700px;

}


}



@media(max-width:767px){


.tk-products-hero {

    padding:60px 0;

}


.tk-products-title {

    font-size:24px;

}


.tk-products-actions {

    flex-direction:column;

    align-items:flex-start;

}


.tk-products-image-card {

    left:15px;

    bottom:15px;

    padding:14px;

}


.tk-products-trust {

    flex-direction:column;

    align-items:flex-start;

}


}
/* =========================================================
   PRODUCTS HERO FINAL ALIGNMENT FIX
========================================================= */


/* Increase left side space */

.tk-products-hero-inner {

    grid-template-columns:
    minmax(0,1.05fr)
    minmax(0,.95fr);

    gap:65px;

}



/* Heading control */

.tk-products-title {

    max-width:680px;

    font-size:32px;

    line-height:1.5;

}


/* Description width */

.tk-products-description {

    max-width:620px;

}



/* Reduce image visual dominance */

.tk-products-image {

    max-width:560px;

    justify-self:end;

}


.tk-products-image img {

    aspect-ratio: 1.15 / 1;

}



/* Reduce image card size */

.tk-products-image-card {

    left:20px;

    bottom:20px;

    padding:15px 18px;

}


.tk-products-image-card strong {

    font-size:14px;

}


.tk-products-image-card span {

    font-size:11px;

}



/* =========================================================
   Large Desktop
========================================================= */

@media(min-width:1400px){


.tk-products-title {

    font-size:32px;

}


.tk-products-image {

    max-width:600px;

}


}



/* =========================================================
   Tablet
========================================================= */

@media(max-width:1024px){


.tk-products-hero-inner {

    grid-template-columns:1fr;

}


.tk-products-image {

    max-width:700px;

    justify-self:start;

}


}



/* =========================================================
   Mobile
========================================================= */

@media(max-width:767px){


.tk-products-title {

    font-size:28px;

}


.tk-products-image {

    max-width:100%;

}


}


/* =========================================================
   PRODUCTS PAGE
   SECTION 02 — PRODUCT CATEGORIES
========================================================= */


.tk-products-categories {

    position:relative;

    overflow:hidden;

    padding:95px 0;

    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f6f8fc 55%,
        #fff7e5 100%
    );

}


/* Background glow */

.tk-products-categories::before {

    content:"";

    position:absolute;

    width:480px;
    height:480px;

    right:-250px;
    top:-250px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(255,186,3,.13),
        transparent 70%
    );

}


.tk-products-categories-inner {

    position:relative;

    z-index:2;

}



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


.tk-products-category-head {

    max-width:760px;

    margin:
    0 auto 50px;

    text-align:center;

}



.tk-products-category-eyebrow {

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    color:#A06E00;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

}



.tk-products-category-eyebrow::before,
.tk-products-category-eyebrow::after {

    content:"";

    width:35px;

    height:2px;

    background:#FFBA03;

    border-radius:20px;

}



.tk-products-category-title {

    margin:0 0 15px;

    color:#181B3C;

    font-family:"Poppins",sans-serif;

    font-size:30px;

    line-height:1.35;

    font-weight:700;

}



.tk-products-category-description {

    margin:0 auto;

    max-width:700px;

    color:#626A78;

    font-size:15px;

    line-height:1.85;

}



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


.tk-products-category-grid {

    display:grid;

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

    gap:22px;

}



/* =========================================================
   CATEGORY CARD
========================================================= */


.tk-products-category-card {

    position:relative;

    overflow:hidden;

    padding:30px;

    min-height:260px;

    background:#ffffff;

    border:

    1px solid rgba(24,27,60,.08);

    border-radius:18px;

    box-shadow:

    0 10px 30px rgba(24,27,60,.045);

    transition:.25s ease;

}



.tk-products-category-card:hover {

    transform:
    translateY(-6px);

    border-color:
    rgba(255,186,3,.45);

    box-shadow:

    0 20px 45px rgba(24,27,60,.10);

}



/* Gold accent */

.tk-products-category-card::before {

    content:"";

    position:absolute;

    top:0;

    left:30px;

    width:55px;

    height:3px;

    background:#FFBA03;

    border-radius:
    0 0 5px 5px;

    transition:.25s ease;

}


.tk-products-category-card:hover::before {

    width:95px;

}



/* ICON */


.tk-products-category-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    margin-bottom:20px;

    border-radius:12px;

    background:

    rgba(255,186,3,.12);

    color:#A06E00;

}



.tk-products-category-icon i {

    font-size:21px;

}



/* TITLE */


.tk-products-category-name {

    margin:0 0 12px;

    color:#181B3C;

    font-family:"Poppins",sans-serif;

    font-size:17px;

    line-height:1.45;

    font-weight:600;

}



/* TEXT */


.tk-products-category-text {

    margin:0;

    color:#626A78;

    font-size:13px;

    line-height:1.75;

}



/* LINK */


.tk-products-category-link {

    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-top:18px;

    color:#A06E00;

    text-decoration:none;

    font-size:12px;

    font-weight:600;

}



.tk-products-category-link i {

    transition:.2s ease;

}


.tk-products-category-card:hover 
.tk-products-category-link i {

    transform:translateX(4px);

}



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


@media(max-width:1024px){


.tk-products-category-grid {

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

}

}



@media(max-width:767px){


.tk-products-categories {

    padding:60px 0;

}


.tk-products-category-grid {

    grid-template-columns:
    1fr;

}


.tk-products-category-card {

    min-height:auto;

    padding:25px;

}


.tk-products-category-title {

    font-size:24px;

}

}


/* =========================================================
   PRODUCTS PAGE
   SECTION 03 — PRODUCT PORTFOLIO
========================================================= */


.tk-products-portfolio {

    position:relative;

    padding:95px 0;

    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f7f9fc 60%,
        #fff8e8 100%
    );

    overflow:hidden;

}



.tk-products-portfolio::before {

    content:"";

    position:absolute;

    width:480px;
    height:480px;

    left:-250px;
    bottom:-250px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(24,27,60,.07),
        transparent 70%
    );

}



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


.tk-products-portfolio-head {

    position:relative;

    z-index:2;

    text-align:center;

    max-width:760px;

    margin:
    0 auto 50px;

}



.tk-products-portfolio-eyebrow {

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:16px;

    color:#A06E00;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

}



.tk-products-portfolio-eyebrow::before,
.tk-products-portfolio-eyebrow::after {

    content:"";

    width:35px;

    height:2px;

    background:#FFBA03;

}



.tk-products-portfolio-title {

    margin:0 0 15px;

    color:#181B3C;

    font-family:"Poppins",sans-serif;

    font-size:30px;

    line-height:1.35;

    font-weight:700;

}



.tk-products-portfolio-description {

    margin:auto;

    color:#626A78;

    font-size:15px;

    line-height:1.85;

}



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


.tk-products-grid {

    display:grid;

    grid-template-columns:

    repeat(3,minmax(0,1fr));

    gap:28px;

}



/* =========================================================
   PRODUCT CARD
========================================================= */


.tk-product-card {

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    background:#ffffff;

    border:

    1px solid rgba(24,27,60,.08);

    border-radius:18px;

    padding:14px;

    box-shadow:

    0 10px 28px rgba(24,27,60,.045);

    transition:.28s ease;

}



.tk-product-card:hover {

    transform:
    translateY(-7px);

    border-color:

    rgba(255,186,3,.45);

    box-shadow:

    0 22px 45px rgba(24,27,60,.10);

}



/* gold line */

.tk-product-card::before {

    content:"";

    position:absolute;

    top:0;

    left:25px;

    width:50px;

    height:3px;

    background:#FFBA03;

    border-radius:

    0 0 5px 5px;

    transition:.25s ease;

}



.tk-product-card:hover::before {

    width:85px;

}



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


.tk-product-image {

    overflow:hidden;

    aspect-ratio:

    4 / 3;

    border-radius:14px;

    background:#eef0f4;

}



.tk-product-image img {

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:.45s ease;

}



.tk-product-card:hover

.tk-product-image img {

    transform:
    scale(1.05);

}



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


.tk-product-content {

    padding:

    20px 8px 10px;

    display:flex;

    flex-direction:column;

    flex:1;

}



.tk-product-title {

    margin:0 0 10px;

    color:#181B3C;

    font-size:16px;

    line-height:1.45;

    font-weight:600;

}



.tk-product-description {

    margin:0;

    color:#626A78;

    font-size:13px;

    line-height:1.75;

}



.tk-product-link {

    margin-top:auto;

    padding-top:18px;

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#A06E00;

    text-decoration:none;

    font-size:12px;

    font-weight:600;

}



.tk-product-link i {

    transition:.2s ease;

}



.tk-product-card:hover

.tk-product-link i {

    transform:translateX(5px);

}





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


@media(max-width:1200px){


.tk-products-grid {

grid-template-columns:

repeat(3,minmax(0,1fr));

}


}



@media(max-width:900px){


.tk-products-grid {

grid-template-columns:

repeat(2,minmax(0,1fr));

}


}



@media(max-width:600px){


.tk-products-portfolio {

padding:60px 0;

}


.tk-products-grid {

grid-template-columns:

1fr;

}


.tk-products-portfolio-title {

font-size:24px;

}


}
/* =========================================================
   PRODUCTS PAGE
   SECTION 04 — ENQUIRY CTA
========================================================= */


.tk-products-cta {

    position:relative;

    overflow:hidden;

    padding:85px 0;

    background:
    linear-gradient(
        135deg,
        #11152f 0%,
        #181B3C 48%,
        #252e5c 100%
    );

}



/* Gold glow */

.tk-products-cta::before {

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-260px;
    top:-260px;

    border-radius:50%;


    background:
    radial-gradient(
        circle,
        rgba(255,186,3,.18),
        transparent 70%
    );

}


/* Blue glow */

.tk-products-cta::after {

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    left:-250px;
    bottom:-250px;

    border-radius:50%;


    background:
    radial-gradient(
        circle,
        rgba(91,110,200,.18),
        transparent 70%
    );

}



/* =========================================================
   INNER
========================================================= */


.tk-products-cta-inner {

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:

    minmax(0,1.2fr)
    minmax(0,.8fr);

    align-items:center;

    gap:70px;

}



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


.tk-products-cta-eyebrow {

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;


    color:#FFCB3F;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

}



.tk-products-cta-eyebrow::before {

    content:"";

    width:35px;

    height:2px;

    background:#FFBA03;

    border-radius:20px;

}




.tk-products-cta-title {

    margin:0 0 18px;


    color:#ffffff;

    font-family:"Poppins",sans-serif;


    font-size:32px;

    line-height:1.35;

    font-weight:700;

}



.tk-products-cta-text {

    max-width:620px;

    margin:0;


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


    font-size:15px;

    line-height:1.85;

}



/* =========================================================
   POINTS
========================================================= */


.tk-products-cta-points {

    display:grid;

    gap:12px;

    margin-top:28px;

}



.tk-products-cta-point {

    display:flex;

    align-items:center;

    gap:12px;


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


    font-size:13px;

}



.tk-products-cta-point i {

    display:flex;

    align-items:center;

    justify-content:center;


    width:25px;

    height:25px;


    border-radius:50%;


    background:
    rgba(255,186,3,.15);


    color:#FFBA03;


    font-size:12px;

}



/* =========================================================
   ACTION BOX
========================================================= */


.tk-products-cta-box {

    padding:35px;


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


    border:

    1px solid rgba(255,255,255,.12);


    border-radius:20px;


    backdrop-filter:
    blur(12px);

}



.tk-products-cta-box-title {

    margin:0 0 18px;


    color:#ffffff;


    font-size:18px;

    font-weight:600;

}



.tk-products-cta-button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;


    width:100%;


    padding:15px 25px;


    border-radius:8px;


    background:

    linear-gradient(
        135deg,
        #FFBA03,
        #FFD45A
    );


    color:#181B3C;


    font-size:13px;

    font-weight:600;


    text-decoration:none;


    transition:.25s ease;

}



.tk-products-cta-button:hover {

    transform:
    translateY(-3px);


    box-shadow:

    0 15px 30px
    rgba(255,186,3,.25);

}



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


@media(max-width:900px){


.tk-products-cta-inner {

    grid-template-columns:1fr;

    gap:35px;

}



}


@media(max-width:600px){


.tk-products-cta {

    padding:60px 0;

}



.tk-products-cta-title {

    font-size:25px;

}


.tk-products-cta-box {

    padding:25px;

}


}

/* =========================================================
   PRODUCTS PAGE
   SECTION 05 — FAQ
========================================================= */


.tk-products-faq {

    position:relative;

    overflow:hidden;

    padding:95px 0;


    background:

    linear-gradient(
        135deg,
        #ffffff 0%,
        #f5f7fb 55%,
        #fff8e9 100%
    );

}



/* Glow */

.tk-products-faq::before {

    content:"";

    position:absolute;

    width:480px;
    height:480px;

    right:-250px;
    top:-250px;


    border-radius:50%;


    background:

    radial-gradient(
        circle,
        rgba(255,186,3,.14),
        transparent 70%
    );

}



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


.tk-products-faq-head {

    position:relative;

    z-index:2;

    max-width:760px;

    margin:
    0 auto 45px;

    text-align:center;

}



.tk-products-faq-eyebrow {

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;


    margin-bottom:16px;


    color:#A06E00;

    font-size:12px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

}



.tk-products-faq-eyebrow::before,
.tk-products-faq-eyebrow::after {

    content:"";

    width:35px;

    height:2px;

    background:#FFBA03;

}



.tk-products-faq-title {

    margin:0 0 15px;


    color:#181B3C;


    font-family:"Poppins",sans-serif;


    font-size:30px;

    line-height:1.35;

    font-weight:700;

}



.tk-products-faq-description {

    margin:0;


    color:#626A78;


    font-size:15px;

    line-height:1.85;

}



/* =========================================================
   FAQ WRAPPER
========================================================= */


.tk-products-faq-list {

    position:relative;

    z-index:2;


    max-width:950px;

    margin:auto;


    display:grid;

    gap:12px;

}



/* =========================================================
   FAQ ITEM
========================================================= */


.tk-products-faq-item {


    background:#ffffff;


    border:

    1px solid rgba(24,27,60,.08);


    border-radius:14px;


    overflow:hidden;


    transition:.25s ease;


}



.tk-products-faq-item:hover {


    border-color:

    rgba(255,186,3,.45);


}



.tk-products-faq-item[open] {


    box-shadow:

    0 15px 35px
    rgba(24,27,60,.07);


}



/* QUESTION */


.tk-products-faq-question {


    display:grid;


    grid-template-columns:

    45px 1fr 35px;


    align-items:center;


    gap:15px;


    padding:

    18px 22px;


    cursor:pointer;


    list-style:none;


}



.tk-products-faq-question::-webkit-details-marker {

    display:none;

}



/* NUMBER */


.tk-products-faq-number {


    width:38px;

    height:38px;


    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:10px;


    background:

    rgba(255,186,3,.15);


    color:#A06E00;


    font-size:12px;


    font-weight:700;


}



/* QUESTION TEXT */


.tk-products-faq-text {


    color:#181B3C;


    font-size:14px;


    line-height:1.55;


    font-weight:600;


}



/* ICON */


.tk-products-faq-icon {


    width:32px;

    height:32px;


    border-radius:50%;


    background:#181B3C;


    position:relative;


}



.tk-products-faq-icon::before,
.tk-products-faq-icon::after {


    content:"";


    position:absolute;


    top:50%;

    left:50%;


    width:11px;

    height:2px;


    background:#FFBA03;


    transform:
    translate(-50%,-50%);


}



.tk-products-faq-icon::after {


    transform:

    translate(-50%,-50%)
    rotate(90deg);


}



.tk-products-faq-item[open]

.tk-products-faq-icon::after {


    opacity:0;


}



/* ANSWER */


.tk-products-faq-answer {


    padding:

    0 75px 22px;


}



.tk-products-faq-answer p {


    margin:0;


    color:#626A78;


    font-size:13px;


    line-height:1.8;


}



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


@media(max-width:767px){


.tk-products-faq {

    padding:60px 0;

}



.tk-products-faq-title {

    font-size:24px;

}



.tk-products-faq-question {


    grid-template-columns:

    36px 1fr 30px;


    padding:15px;


}



.tk-products-faq-number {


    width:32px;

    height:32px;

}



.tk-products-faq-answer {


    padding:

    0 18px 18px 62px;


}



}

/* =========================================================
   PRODUCTS FAQ - PREMIUM FIX
========================================================= */


/* Remove default details styling */

.tk-products-faq-item {

    border:
    1px solid rgba(24,27,60,.08) !important;

    background:#ffffff;

    border-radius:16px;

    overflow:hidden;

}


/* Remove black line */

.tk-products-faq-item[open] {

    border-color:
    rgba(255,186,3,.35);

    box-shadow:
    0 18px 40px rgba(24,27,60,.08);

}


.tk-products-faq-item summary {

    border:none !important;

    outline:none !important;

}



/* Remove browser marker */

.tk-products-faq-question::-webkit-details-marker {

    display:none;

}



/* Question area */

.tk-products-faq-question {

    position:relative;

    display:grid;

    grid-template-columns:
    42px 1fr 38px;

    align-items:center;

    gap:18px;

    padding:
    20px 24px;

    cursor:pointer;

}



/* Remove any inherited border */

.tk-products-faq-question,
.tk-products-faq-question:hover {

    border-bottom:none !important;

}



/* Open answer separator */

.tk-products-faq-answer {

    position:relative;

    padding:

    0 85px 24px;


}


/* Custom subtle separator */

.tk-products-faq-answer::before {

    content:"";

    position:absolute;

    top:0;

    left:85px;

    right:24px;

    height:1px;

    background:

    rgba(24,27,60,.08);

}



/* Answer text */

.tk-products-faq-answer p {

    padding-top:18px;

    margin:0;

    color:#626A78;

    font-size:14px;

    line-height:1.85;

}



/* Number box */

.tk-products-faq-number {

    width:38px;

    height:38px;

    background:

    rgba(255,186,3,.16);

    border-radius:10px;

}



/* Question text */

.tk-products-faq-text {

    color:#181B3C;

    font-size:15px;

    font-weight:600;

}



/* Icon circle */

.tk-products-faq-icon {

    width:34px;

    height:34px;

    background:#181B3C;

    border-radius:50%;

}



/* Gold plus/minus */

.tk-products-faq-icon::before,
.tk-products-faq-icon::after {

    background:#FFBA03;

}



/* Closed hover */

.tk-products-faq-item:hover {

    border-color:

    rgba(255,186,3,.45);

}



/* Mobile */

@media(max-width:767px){


.tk-products-faq-question {

    grid-template-columns:
    34px 1fr 32px;

    padding:16px;

    gap:12px;

}


.tk-products-faq-answer {

    padding:
    0 20px 20px 62px;

}


.tk-products-faq-answer::before {

    left:62px;

}


}