/*
Theme Name: Autobike Child
Theme URI: https://autobike.templaza.net/
Description: A child theme of Autobike
Author: TemPlaza Team
Author URI: https://www.templaza.com
Version: 1.1.3
Text Domain: autobike
Template: autobike
*/

header .templaza-divi-logo-wrap .templaza-logo-image {
    max-width: 230px !important; 
}






/* ============================================================
   BLOC "AT A GLANCE" — Carte résumé du profil
   Préfixe .tr- pour éviter tout conflit avec le thème parent
   ============================================================ */

/* --- La carte : fond blanc cassé, coins arrondis, ombre légère --- */
.tr-glance{
  position: relative;               /* nécessaire pour le liseré pointillé interne (::after) */
  background: #FDFCF9;              /* blanc cassé "lin" */
  border: 1px solid rgba(31,44,70,.12);
  border-radius: 14px;
  padding: 34px;
  max-width: 560px;                 /* largeur max de la carte, à ajuster selon la colonne */
  font-family: 'Public Sans', Arial, sans-serif;
}

/* --- Liseré pointillé décoratif à l'intérieur (effet "couture") --- */
.tr-glance::after{
  content: "";
  position: absolute;
  inset: 9px;                       /* 9px de marge par rapport aux bords de la carte */
  border-radius: 9px;
  border: 1.5px dashed rgba(31,44,70,.22);
  pointer-events: none;             /* le liseré ne bloque ni clics ni sélection */
}

/* --- Titre de la carte --- */
.tr-glance-title{
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #1F2C46;                   /* indigo denim */
  margin: 0 0 18px;
}

/* --- Liste : on neutralise les puces et marges de WordPress --- */
.tr-glance-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- Chaque ligne : étiquette + valeur, séparées par un filet fin --- */
.tr-glance-list li{
  display: flex;                    /* étiquette et valeur côte à côte */
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(31,44,70,.08);
  font-size: 15px;
  line-height: 1.55;
  color: #23272E;
}

/* --- Pas de filet sous la dernière ligne --- */
.tr-glance-list li:last-child{
  border-bottom: 0;
}

/* --- L'étiquette (PROFESSION, EXPERIENCE...) : rouge, mono, majuscules --- */
.tr-glance-list li b{
  min-width: 118px;                 /* aligne toutes les valeurs sur la même colonne */
  flex-shrink: 0;                   /* l'étiquette ne se compresse jamais */
  font-family: 'Spline Sans Mono', 'Courier New', monospace;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #B3272D;                   /* rouge garance */
  padding-top: 3px;                 /* aligne optiquement avec la 1re ligne de la valeur */
}

/* --- Mobile : étiquette au-dessus de la valeur --- */
@media (max-width: 480px){
  .tr-glance{ padding: 24px; }
  .tr-glance-list li{
    flex-direction: column;         /* on empile au lieu de mettre côte à côte */
    gap: 2px;
  }
  .tr-glance-list li b{ min-width: 0; }
}










/* ============================================================
   BANDEAU STATISTIQUES — préfixe "tr-" pour éviter tout
   conflit avec les classes du thème ou d'Elementor
   ============================================================ */

/* Import des polices (chiffres + libellés).
   Si ton thème charge déjà des polices via functions.php,
   tu peux supprimer cette ligne et adapter les font-family. */
@import url('ext-fonts-googleapis-com-css2-bricolage.css');

/* ---------- Variables : change les couleurs ici ---------- */
:root{
  --tr-stats-bg:    #1F2C46;              /* fond bleu marine */
  --tr-stats-gold:  #C98F2D;              /* le "+" doré */
  --tr-stats-label: #B9C3D6;              /* libellés gris-bleu */
  --tr-stitch:      rgba(242,239,231,.5); /* pointillé couture */
}

/* ---------- Le bandeau ---------- */
.tr-stats-band{
  background: var(--tr-stats-bg);
  padding: 54px 24px;
  position: relative; /* nécessaire pour les coutures ::before/::after */
}

/* ---------- Effet "point de couture" haut et bas ----------
   Dégradé répété : 55% de trait, 45% de vide = tiret.
   background-size 12px = espacement des points. */
.tr-stats-band::before,
.tr-stats-band::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 2px;
  background-image: linear-gradient(90deg, var(--tr-stitch) 55%, transparent 55%);
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.tr-stats-band::before{ top: 10px; }    /* couture du haut */
.tr-stats-band::after{  bottom: 10px; } /* couture du bas  */

/* ---------- Grille : 4 colonnes desktop ---------- */
.tr-stats-grid{
  max-width: 1180px;          /* largeur max du contenu, centré */
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  text-align: center;
}

/* ---------- Le chiffre ----------
   clamp() = taille fluide : min 34px / idéale 4vw / max 48px */
.tr-stat-number{
  display: block;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.1;
  color: #fff;
}

/* Le "+" doré (balise <em> dans le chiffre) */
.tr-stat-number em{
  font-style: normal; /* retire l'italique par défaut */
  color: var(--tr-stats-gold);
}

/* ---------- Le libellé (style étiquette machine) ---------- */
.tr-stat-label{
  font-family: 'Spline Sans Mono', monospace;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tr-stats-label);
}

/* ---------- Responsive ---------- */
/* Tablette : 2 colonnes (2x2) */
@media (max-width: 960px){
  .tr-stats-grid{ grid-template-columns: repeat(2, 1fr); gap: 34px 24px; }
}
/* Petit mobile : 1 colonne empilée (optionnel, supprime si tu préfères 2x2) */
@media (max-width: 380px){
  .tr-stats-grid{ grid-template-columns: 1fr; }
}




/* ============================================================
   TIMELINE EXPÉRIENCE — préfixe "tr-" (zéro conflit thème/Elementor)
   Réutilise les mêmes variables que le bandeau stats si déjà
   présentes ; sinon les voici (ne pas dupliquer :root si déjà là)
   ============================================================ */
:root{
  --tr-indigo:  #1F2C46;  /* titres bleu marine */
  --tr-denim:   #44557A;  /* sous-titres */
  --tr-garance: #B3272D;  /* rouge : fil, points, tirets */
  --tr-gold:    #C98F2D;  /* dates dorées */
  --tr-grey:    #3d4553;  /* texte courant */
}

/* ---------- Conteneur de section ---------- */
.tr-timeline-section{
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 24px;
}

/* ---------- Eyebrow (petit label "EXPERIENCE") ----------
   Le tiret pointillé devant est un dégradé répété (comme
   les coutures du bandeau stats) placé en ::before */
.tr-eyebrow{
  font-family: 'Spline Sans Mono', monospace;
  font-size: 18px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #ff222c;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.tr-eyebrow::before{
  content: "";
  width: 34px;
  height: 2px;
  background-image: linear-gradient(90deg, var(--tr-garance) 55%, transparent 55%);
  background-size: 9px 2px;
  background-repeat: repeat-x;
}

/* ---------- Titre de section ---------- */
.tr-timeline-title{
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  font-size: clamp(30px, 4.4vw, 46px); /* taille fluide responsive */
  line-height: 1.08;
/*  color: var(--tr-indigo);  */
  margin: 14px 0 18px;
}

/* ============================================================
   LA FRISE
   Le "fil" vertical pointillé rouge = ::before du conteneur
   (dégradé vertical répété : 55% trait / 45% vide)
   ============================================================ */
.tr-timeline{
  position: relative;   /* référence pour le fil et les points */
  margin-top: 52px;
}
.tr-timeline::before{
  content: "";
  position: absolute;
  left: 19px;           /* aligné avec le centre des points */
  top: 8px;
  bottom: 8px;
  width: 2px;
  background-image: linear-gradient(180deg, var(--tr-garance) 55%, transparent 55%);
  background-size: 2px 12px;   /* 12px = espacement des points du fil */
  background-repeat: repeat-y;
}

/* ---------- Un élément de la frise ---------- */
.tr-tl-item{
  position: relative;
  padding: 0 0 44px 66px;  /* 66px = place pour le point + le fil */
}
.tr-tl-item:last-child{ padding-bottom: 0; }

/* ---------- Le point (cercle rouge avec centre plein) ---------- */
.tr-tl-dot{
  position: absolute;
  left: 8px;
  top: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #F2EFE7;              /* même couleur que le fond de page */
  border: 2px solid var(--tr-garance);
  display: grid;
  place-items: center;
}
.tr-tl-dot::after{                  /* le centre plein */
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tr-garance);
}

/* ---------- Date dorée ---------- */
.tr-tl-date{
  font-family: 'Spline Sans Mono', monospace;
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffad22;
}

/* ---------- Titre du poste ---------- */
.tr-tl-item h3{
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  font-size: 22px;
/*  color: var(--tr-indigo);  */
  margin: 6px 0 2px;
}

/* ---------- Sous-titre (entreprise · lieu) ---------- */
.tr-tl-item h4{
  font-size: 18px;
  font-weight: 600;
/*  color: var(--tr-denim); */
  margin: 0 0 12px;
}

/* ---------- Liste des missions ----------
   On retire les puces natives et on dessine un petit
   tiret rouge en ::before de chaque <li> */
.tr-tl-item ul{
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 680px;
}
.tr-tl-item li{
  position: relative;
  padding: 4px 0 4px 22px;   /* 22px = place pour le tiret */
  font-size: 15px;
  line-height: 1.65;
  color: #f7f7f7;
}
.tr-tl-item li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;                 /* centré sur la 1re ligne de texte */
  width: 12px;
  height: 2px;
/*  background: var(--tr-garance); */
}

/* ---------- Responsive mobile ---------- */
@media (max-width: 640px){
  .tr-tl-item{ padding-left: 52px; }      /* on resserre la marge */
  .tr-tl-item h3{ font-size: 19px; }
  .tr-timeline{ margin-top: 36px; }
}











/* ============================================================
   SECTION FAQ — accordéon natif <details>/<summary>, zéro JS
   Réutilise les variables --tr-* déjà déclarées (stats/timeline)
   ============================================================ */

.tr-faq-section{
  max-width: 880px;        /* colonne plus étroite = meilleure lisibilité */
  margin: 0 auto;
  padding: 20px 24px;
}

/* ---------- Titre H2 (SEO) ---------- */
.tr-faq-title{
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  font-size: clamp(30px, 4.4vw, 46px);
  line-height: 1.08;
  color: var(--tr-indigo);
  margin: 14px 0 12px;
}

/* ---------- Sous-titre ---------- */
.tr-faq-subtitle{
  font-size: 16px;
  line-height: 1.65;
  color: var(--tr-grey);
  max-width: 640px;
  margin: 0 0 40px;
}

/* ---------- Un item de la FAQ ---------- */
.tr-faq-item{
  background: #FDFCF9;                      /* blanc cassé */
  border: 1px solid rgba(31,44,70,.12);
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;                          /* arrondi propre à l'ouverture */
  transition: border-color .2s;
}
.tr-faq-item[open]{
  border-color: rgba(179,39,45,.45);        /* liseré garance quand ouvert */
}

/* ---------- La question (summary) ---------- */
.tr-faq-item summary{
  cursor: pointer;
  list-style: none;                          /* retire le triangle natif */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: var(--tr-indigo);
  transition: color .2s;
}
.tr-faq-item summary::-webkit-details-marker{ display: none; } /* Safari */
.tr-faq-item summary:hover{ color: var(--tr-garance); }

/* ---------- Le "+" qui devient "–" à l'ouverture ----------
   Dessiné en ::after, pivote à 45° quand le details est ouvert */
.tr-faq-item summary::after{
  content: "+";
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(179,39,45,.09);          /* pastille rose pâle */
  color: var(--tr-garance);
  font-size: 18px;
  font-weight: 400;
  display: grid;
  place-items: center;
  transition: transform .25s;
}
.tr-faq-item[open] summary::after{
  transform: rotate(45deg);                  /* + pivoté = × (effet fermer) */
}

/* ---------- La réponse ---------- */
.tr-faq-answer{
  padding: 0 22px 20px;
  border-top: 1px dashed rgba(31,44,70,.18); /* couture de séparation */
}
.tr-faq-answer p{
  font-size: 15px;
  line-height: 1.7;
  color: var(--tr-grey);
  margin: 14px 0 0;
}

/* ---------- Responsive ---------- */
@media (max-width: 640px){
  .tr-faq-item summary{ font-size: 15.5px; padding: 15px 16px; }
  .tr-faq-answer{ padding: 0 16px 16px; }
}








/* ################################################################
   ##                                                            ##
   ##                    SERVICES PAGE                           ##
   ##                                                            ##
   ################################################################ */

/* Remplace les puces par des check marks rouges */
.elementor-widget-text-editor ul {
  list-style: none;
  padding-left: 0;
}

.elementor-widget-text-editor ul li {
  position: relative;
  padding-left: 28px;
}

.elementor-widget-text-editor ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #FF2626;
  font-weight: 700;
}







/* ################################################################
   ##                                                            ##
   ##              EMBROIDERY PRODUCTION PROCESS                ##
   ##                                                            ##
   ################################################################ */

/* ---------- Conteneur principal ---------- */
.brd-process {
    background: #0e0e0e;
    padding: 64px 24px;
    font-family: Oswald, Arial, sans-serif;
}

/* ---------- Titre de section ---------- */
.brd-process-title {
    text-align: center;
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0 0 48px;
}

/* ---------- Grille des 6 étapes ---------- */
.brd-process-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    align-items: start;
}

/* ---------- Ligne pointillée entre les badges ---------- */
.brd-process-grid::before {
    content: "";
    position: absolute;
    top: 23px;
    left: calc(100% / 12);
    right: calc(100% / 12);
    height: 2px;
    background-image: repeating-linear-gradient(
        90deg,
        #555 0px, #555 6px,
        transparent 6px, transparent 14px
    );
    z-index: 0;
}

/* ---------- Carte d'une étape ---------- */
.brd-step {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 8px;
    /* background: #1a1a1a; */
    border: 1px solid #2e2e2e;
    border-radius: 14px;
    margin: 0 6px;
    min-height: 384px;
	    min-width: 300px;
}

/* ---------- Badge numéro ---------- */
.brd-step-num {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #1a2540;
    border: 2px solid #3a4a6e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

/* ---------- Image icône 50x50 ---------- */
.brd-step-img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 0;
    border: none;
    margin-bottom: 18px;
    display: block;
    filter: drop-shadow(0 0 6px rgba(255, 38, 38, 0.3));
}

/* ---------- Titre de l'étape ---------- */
.brd-step-title {
    font-size: clamp(15px, 1.6vw, 20px);
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .08em;
    line-height: 1.3;
    margin: 0 0 10px;
}

/* ---------- Texte descriptif ---------- */
.brd-step-text {
    font-family: Roboto, Arial, sans-serif;
    font-size: clamp(14px, 1.2vw, 18px);
    color: #aaaaaa;
    line-height: 1.6;
    margin: 0;
}

/* ---------- TABLETTE : 3 colonnes ---------- */
@media (max-width: 960px) {
    .brd-process-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 16px;
    }
    .brd-process-grid::before {
        display: none;
    }
}

/* ---------- MOBILE : 2 colonnes ---------- */
@media (max-width: 540px) {
    .brd-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px 12px;
    }
	
	
	.elementor-17271 .elementor-element.elementor-element-59742aa {
    margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    padding: 0px 10px 0px 0px !important ;
}
	
	
	h2, .h2, .uk-h2 {
    line-height: 1.5em !important ;     
}
	
	
	
	
	
	
}




/* ################################################################
   ##                                                            ##
   ##                    ARTICLE DE BLOG                        ##
   ##                 EMBROIDERY UNDERLAY GUIDE                 ##
   ##                                                            ##
   ################################################################ */

/* ---------- Conteneur principal de l'article ---------- */
.brd-article {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 24px 60px;
    font-family: Roboto, Arial, sans-serif;
    color: #cccccc;
    line-height: 1.75;
    font-size: 16px;
}

/* ---------- Introduction (lead) ---------- */
.brd-article-lead {
    font-size: 18px;
    line-height: 1.8;
    color: #e0e0e0;
    border-left: 4px solid #FF2626;
    padding-left: 20px;
    margin: 0 0 40px;
}

/* ---------- H2 de section ---------- */
.brd-article h2 {
    font-family: Oswald, Arial, sans-serif;
    font-size: clamp(20px, 2.6vw, 26px);
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 52px 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #2a2a2a;
    position: relative;
}

/* Accent rouge sous le H2 */
.brd-article h2::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 48px;
    height: 2px;
    background: #FF2626;
}

/* ---------- H3 de sous-section ---------- */
.brd-article h3 {
    font-family: Oswald, Arial, sans-serif;
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 600;
    color: #FF2626;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 36px 0 12px;
}

/* ---------- Paragraphes ---------- */
.brd-article p {
    margin: 0 0 20px;
    color: #cccccc;
}

/* ---------- Bloc image placeholder ---------- */
.brd-img-placeholder {
    width: 100%;
    background: #1a1a1a;
    border: 1px dashed #333333;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 32px 0;
    padding: 10px 10px;
    min-height: 220px;
}

.brd-img-placeholder i {
    font-size: 36px;
    color: #444444;
}

.brd-img-placeholder .brd-img-label {
    font-family: Oswald, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #555555;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-align: center;
}

.brd-img-placeholder .brd-img-alt {
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    color: #444444;
    text-align: center;
    max-width: 500px;
    font-style: italic;
}

/* ---------- Layout zigzag : image à droite ---------- */
.brd-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    margin: 36px 0;
}

.brd-row.reverse {
    direction: rtl;          /* inverse l'ordre gauche/droite */
}
.brd-row.reverse > * {
    direction: ltr;           /* remet le texte dans le bon sens */
}

/* ---------- Tableau de comparaison ---------- */
.brd-table-wrap {
    overflow-x: auto;
    margin: 36px 0;
    border-radius: 10px;
    border: 1px solid #2a2a2a;
}

.brd-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
    min-width: 520px;
}

.brd-table thead tr {
    background: #1F2C46;
}

.brd-table thead th {
    font-family: Oswald, Arial, sans-serif;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 13px;
    padding: 14px 18px;
    text-align: left;
    border-bottom: 2px solid #FF2626;
}

.brd-table tbody tr:nth-child(odd) {
    background: #141414;
}

.brd-table tbody tr:nth-child(even) {
    background: #1a1a1a;
}

.brd-table tbody tr:hover {
    background: #1e2a3a;
    transition: background .2s;
}

.brd-table tbody td {
    padding: 12px 18px;
    color: #cccccc;
    border-bottom: 1px solid #222222;
    vertical-align: top;
}

.brd-table tbody td:first-child {
    color: #ffffff;
    font-weight: 600;
}

/* ---------- Bloc conseil / note ---------- */
.brd-note {
    background: #111827;
    border-left: 4px solid #FF2626;
    border-radius: 0 10px 10px 0;
    padding: 20px 24px;
    margin: 36px 0;
    font-size: 15px;
    color: #cccccc;
    line-height: 1.7;
}

.brd-note strong {
    color: #ffffff;
    display: block;
    margin-bottom: 8px;
    font-family: Oswald, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* ---------- FAQ ---------- */
.brd-faq {
    margin: 36px 0;
}

.brd-faq details {
    background: #1a1a1a;
    border: 1px solid #2e2e2e;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: border-color .2s;
}

.brd-faq details[open] {
    border-color: rgba(255,38,38,.4);
}

.brd-faq summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    font-family: Oswald, Arial, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.brd-faq summary::-webkit-details-marker { display: none; }

.brd-faq summary::after {
    content: "+";
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255,38,38,.1);
    color: #FF2626;
    font-size: 18px;
    display: grid;
    place-items: center;
    transition: transform .25s;
}

.brd-faq details[open] summary::after {
    transform: rotate(45deg);
}

.brd-faq .brd-faq-answer {
    padding: 0 20px 18px;
    border-top: 1px dashed #2e2e2e;
}

.brd-faq .brd-faq-answer p {
    margin: 14px 0 0;
    font-size: 15px;
    color: #bbbbbb;
}

/* ---------- CTA final ---------- */
.brd-cta {
    background: #1F2C46;
    border: 1px solid #2e3f60;
    border-radius: 12px;
    padding: 36px 32px;
    text-align: center;
    margin: 52px 0 0;
}

.brd-cta h3 {
    font-family: Oswald, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 0 0 12px !important;
}

.brd-cta p {
    color: #aaaaaa;
    margin: 0 0 24px;
    font-size: 15px;
}

.brd-cta a {
    display: inline-block;
    background: #FF2626;
    color: #ffffff;
    font-family: Oswald, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    transition: background .2s, transform .2s;
}

.brd-cta a:hover {
    background: #cc1f1f;
    transform: translateY(-2px);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
    .brd-row,
    .brd-row.reverse {
        grid-template-columns: 1fr;
        direction: ltr;
    }
}


.templaza-blog-item-media.templaza-blog-item-img.templaza-thumbnail-effect.templaza-none {
    text-align: center;
}


.elementor-element.elementor-element-88085f7.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .elementor-element.e-con-full.e-flex.e-con.e-child {
    overflow: hidden;
}


.ap-info .ap-info-inner.ap-info-bottom {
    display: none;
}


.ap-info-inner.ap-info-bottom.uk-flex.uk-flex-between.uk-flex-middle {
    display: block;
}

.ap-single-price-box.ap-single-side-box {
    display: none;
}


.ap-single-price-box.ap-single-side-box.ap-single-author-box.widget {
    display: block;
    margin-top: 0;
}



.ap-item.ap-item-style2 .ap-inner .ap-readmore-box .templaza-btn {
    background: #50dcff !important;
    padding: 8px 10px !important;
    border-radius: 4px !important;
}


















/*  */