:root{--page-title-display:none;}/* Start custom CSS *//* Nivo trades page redesign: icons, layouts and motion. Atomic elements + this CSS, no script. 23 Oct 2026 */
/* ===== Hero: copy left, layered trades-website illustration right with the checklist as a floating card ===== */
body .elementor [data-id='71b2bb9b'] { display: grid; grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr); gap: clamp(40px,5vw,96px); align-items: center; }
@media (max-width: 1024px) { body .elementor [data-id='71b2bb9b'] { grid-template-columns: minmax(0,1fr); gap: 48px; } }
body .elementor [data-id='34afec62'] { min-width: 0; }
body .elementor [data-id='11d1b186'] { font-size: clamp(54px,6.6vw,108px); line-height: 0.92; letter-spacing: -0.055em; } body .elementor [data-id='11d1b186'] strong { display: block; }
body .elementor [data-id='3faf4622'] { margin-top: clamp(30px,3vw,44px); }
body .elementor [data-id='5accdab'] { min-width: 0; position: relative; display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); grid-template-rows: auto 1fr; padding: clamp(20px,2.2vw,32px); color: #1E1B1A; background-color: #FBF4EE; border: 1px solid rgba(59,30,63,.12); box-shadow: none; }
body .elementor [data-id='13efd9c5'] { grid-column: 1 / -1; grid-row: 1; color: rgba(59,30,63,.7); margin-bottom: clamp(14px,1.6vw,22px); }
body .elementor #trx-hc { grid-column: 1 / 7; grid-row: 2; align-self: end; z-index: 3; display: flex; flex-direction: column; gap: 0; padding: clamp(20px,1.8vw,28px); margin-bottom: 4px; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.12); border-radius: 12px; box-shadow: 0 34px 60px -30px rgba(42,20,45,.38); }
body .elementor [data-id='1293cf02'] { color: #1E1B1A; font-size: clamp(21px,1.7vw,27px); line-height: 1.08; margin: 0 0 16px; } body .elementor [data-id='1293cf02'] strong { color: #3B1E3F; }
body .elementor [data-id='56dff816'] { margin-bottom: 0; gap: 11px; }
body .elementor #trx-hv { grid-column: 4 / 13; grid-row: 2; z-index: 1; }
@media (max-width: 767px) { body .elementor #trx-hc { grid-column: 1 / -1; grid-row: 3; margin: -36px 10px 0; } body .elementor #trx-hv { grid-column: 1 / -1; } }
body .elementor [data-id='cbdee38'] { position: relative; padding-left: 32px; font-size: 16px; line-height: 1.35; color: #1E1B1A; }
body .elementor [data-id='cbdee38']::before { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; border: 1.5px solid #F0A35E; background-color: #F0A35E; transform: none; box-sizing: border-box; }
body .elementor [data-id='cbdee38']::after { content: ''; position: absolute; left: 4px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor [data-id='6e86f1f'] { position: relative; padding-left: 32px; font-size: 16px; line-height: 1.35; color: #1E1B1A; }
body .elementor [data-id='6e86f1f']::before { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; border: 1.5px solid #F0A35E; background-color: #F0A35E; transform: none; box-sizing: border-box; }
body .elementor [data-id='6e86f1f']::after { content: ''; position: absolute; left: 4px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor [data-id='12e232da'] { position: relative; padding-left: 32px; font-size: 16px; line-height: 1.35; color: #1E1B1A; }
body .elementor [data-id='12e232da']::before { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; border: 1.5px solid #F0A35E; background-color: #F0A35E; transform: none; box-sizing: border-box; }
body .elementor [data-id='12e232da']::after { content: ''; position: absolute; left: 4px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor [data-id='59eb8983'] { position: relative; padding-left: 32px; font-size: 16px; line-height: 1.35; color: #1E1B1A; }
body .elementor [data-id='59eb8983']::before { content: ''; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; border: 1.5px solid #F0A35E; background-color: #F0A35E; transform: none; box-sizing: border-box; }
body .elementor [data-id='59eb8983']::after { content: ''; position: absolute; left: 4px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor [id^=trx-h] { padding: 0; margin: 0; min-width: 0; box-sizing: border-box; }
body .elementor #trx-hv { position: relative; padding: 50px 0 40px; }
@media (min-width: 768px) { body .elementor #trx-hv { padding-bottom: clamp(120px,11vw,160px); } }
body .elementor [data-id='362ddf42'] { padding-top: clamp(92px,7.6vw,116px); }
body .elementor #trx-hv-sr { position: absolute; top: 0; left: 6%; width: 58%; height: 36px; border-radius: 99px; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.14); box-shadow: 0 14px 30px -20px rgba(42,20,45,.4); z-index: 2; }
body .elementor #trx-hv-sr::before { content: ''; position: absolute; left: 14px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22M21 21l-4.3-4.3%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-hv-qt { position: absolute; left: 40px; top: 50%; width: 52%; height: 6px; margin-top: -3px; border-radius: 3px; background-color: rgba(59,30,63,.45); }
body .elementor #trx-hv-br { position: relative; display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.12); box-shadow: 0 40px 80px -44px rgba(42,20,45,.5); }
body .elementor #trx-hv-bar { position: relative; height: 28px; flex: 0 0 28px; background-color: #F7E7DA; }
body .elementor #trx-hv-bar::before { content: ''; position: absolute; left: 12px; top: 11px; width: 7px; height: 7px; border-radius: 50%; background-color: rgba(59,30,63,.25); box-shadow: 11px 0 0 rgba(59,30,63,.25), 22px 0 0 rgba(59,30,63,.25); }
body .elementor #trx-hv-url { position: absolute; left: 54px; top: 7px; width: 38%; height: 14px; border-radius: 99px; background-color: #FFFFFF; }
body .elementor #trx-hv-nav { display: flex; align-items: center; gap: 10px; padding: 12px 16px; }
body .elementor #trx-hv-logo { width: 58px; flex: 0 0 58px; height: 11px; border-radius: 3px; background-color: #3B1E3F; }
body .elementor #trx-hv-menu { flex: 1 1 auto; height: 5px; border-radius: 3px; background: repeating-linear-gradient(90deg, rgba(59,30,63,.16) 0 22px, transparent 22px 31px); }
body .elementor #trx-hv-call { position: relative; width: 64px; flex: 0 0 64px; height: 20px; border-radius: 99px; background-color: #F0A35E; }
body .elementor #trx-hv-call::before { content: ''; position: absolute; left: 8px; top: 4px; width: 12px; height: 12px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-hv-top { position: relative; display: flex; flex-direction: column; gap: 8px; margin: 0 16px; padding: 22px 20px; min-height: 150px; border-radius: 8px; overflow: hidden; background-color: #3B1E3F; }
body .elementor #trx-hv-top::before { content: ''; position: absolute; right: -6%; bottom: 0; width: 62%; height: 74%; background-color: rgba(251,244,238,.07); clip-path: polygon(0 100%, 0 52%, 18% 30%, 36% 52%, 36% 38%, 60% 10%, 84% 38%, 84% 52%, 100% 40%, 100% 100%); }
body .elementor #trx-hv-top::after { content: ''; position: absolute; right: 14%; bottom: 0; width: 22%; height: 46%; background-color: rgba(240,163,94,.9); clip-path: polygon(0 100%, 0 45%, 50% 0, 100% 45%, 100% 100%, 64% 100%, 64% 66%, 36% 66%, 36% 100%); }
body .elementor #trx-hv-h1 { width: 58%; height: 13px; border-radius: 3px; background-color: rgba(251,244,238,.92); }
body .elementor #trx-hv-h2 { width: 40%; height: 13px; border-radius: 3px; background-color: rgba(251,244,238,.92); }
body .elementor #trx-hv-stars { display: flex; gap: 4px; margin-top: 6px; width: auto; }
body .elementor #trx-hv-stars > div { width: 13px; height: 13px; flex: 0 0 13px; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath fill=%22black%22 stroke=%22none%22 d=%22M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-hv-cta { width: 98px; height: 26px; margin-top: 8px; border-radius: 5px; background-color: #F0A35E; }
body .elementor #trx-hv-svc { display: flex; gap: 10px; margin: 14px 16px 0; width: auto; }
body .elementor #trx-hv-svc > div { position: relative; flex: 1 1 0; height: 74px; border-radius: 8px; border: 1px solid rgba(59,30,63,.1); background-color: #FFFFFF; background-image: linear-gradient(rgba(59,30,63,.18), rgba(59,30,63,.18)), linear-gradient(rgba(59,30,63,.08), rgba(59,30,63,.08)); background-size: 54% 6px, 72% 4px; background-position: 12px 46px, 12px 58px; background-repeat: no-repeat; }
body .elementor #trx-hv-svc > div::before { content: ''; position: absolute; left: 12px; top: 12px; width: 26px; height: 26px; border-radius: 50%; background-color: #F7E7DA; }
body .elementor #trx-hv-svc > div::after { content: ''; position: absolute; left: 18px; top: 18px; width: 14px; height: 14px; background-color: #3B1E3F; }
body .elementor #trx-hv-s1::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2L3 14h9l-1 8 10-12h-9l1-8z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } body .elementor #trx-hv-s2::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5S12.5 5.5 12 3c-.5 2.5-2 4.9-4 6.5S5 13 5 15a7 7 0 0 0 7 7z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } body .elementor #trx-hv-s3::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 11L12 3l10 8%22/%3E%3Cpath d=%22M5 9v11h14V9%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-hv-work { display: flex; gap: 8px; margin: 12px 16px 16px; width: auto; }
body .elementor #trx-hv-work > div { flex: 1 1 0; height: 54px; border-radius: 6px; background: linear-gradient(160deg, #F7E7DA, #E8C3A3); }
body .elementor #trx-hv-work > div:nth-child(2) { background: linear-gradient(160deg, #D9C2DC, #9C779F); }
body .elementor #trx-hv-work > div:nth-child(3) { background: linear-gradient(160deg, #F0C9A2, #F0A35E); }
body .elementor #trx-hv-ph { position: absolute; right: -3%; bottom: 0; width: 30%; padding: 9px; border-radius: 24px; background-color: #2A142D; box-shadow: 0 40px 70px -30px rgba(42,20,45,.65); z-index: 2; }
body .elementor #trx-hv-scr { display: flex; flex-direction: column; gap: 9px; padding: 22px 11px 14px; border-radius: 16px; background-color: #FBF4EE; }
body .elementor #trx-hv-pt { width: 66%; height: 8px; margin-bottom: 4px; border-radius: 3px; background-color: rgba(59,30,63,.7); }
body .elementor [id^=trx-hv-f] { position: relative; height: 26px; border-radius: 6px; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.14); overflow: hidden; }
body .elementor [id^=trx-hv-f]::after { content: ''; position: absolute; left: 8px; top: 10px; width: 56%; height: 5px; border-radius: 3px; background-color: rgba(59,30,63,.38); }
body .elementor #trx-hv-f3 { height: 44px; }
body .elementor #trx-hv-send { height: 26px; margin-top: 3px; border-radius: 6px; background-color: #F0A35E; }
body .elementor #trx-hv-toast { position: absolute; top: 66px; right: -5%; width: 46%; display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.1); box-shadow: 0 24px 44px -24px rgba(42,20,45,.5); z-index: 3; }
body .elementor #trx-hv-ti { position: relative; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background-color: #F0A35E; }
body .elementor #trx-hv-ti::after { content: ''; position: absolute; left: 8px; top: 8px; width: 14px; height: 14px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-hv-tx { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; }
body .elementor #trx-hv-tb1 { width: 78%; height: 7px; border-radius: 3px; background-color: rgba(59,30,63,.7); }
body .elementor #trx-hv-tb2 { width: 52%; height: 5px; border-radius: 3px; background-color: rgba(59,30,63,.25); }
@media (max-width: 1024px) { body .elementor #trx-hv-toast { right: -1%; } body .elementor #trx-hv-ph { right: -1%; } }
@media (max-width: 767px) { body .elementor #trx-hv { padding: 44px 0 30px; } body .elementor #trx-hv-ph { right: 2%; width: 34%; } body .elementor #trx-hv-toast { right: 2%; width: 58%; top: 58px; } body .elementor #trx-hv-top { min-height: 128px; } body .elementor #trx-hv-svc > div { height: 62px; } body .elementor #trx-hv-svc > div:nth-child(3) { display: none; } }
@media (prefers-reduced-motion: no-preference) {
  body .elementor [data-id='cbdee38']::before { animation: trxTick0 10.0s ease-out 0s 2 both; } body .elementor [data-id='cbdee38']::after { animation: trxTickM0 10.0s ease-out 0s 2 both; }
  body .elementor [data-id='6e86f1f']::before { animation: trxTick1 10.0s ease-out 0s 2 both; } body .elementor [data-id='6e86f1f']::after { animation: trxTickM1 10.0s ease-out 0s 2 both; }
  body .elementor [data-id='12e232da']::before { animation: trxTick2 10.0s ease-out 0s 2 both; } body .elementor [data-id='12e232da']::after { animation: trxTickM2 10.0s ease-out 0s 2 both; }
  body .elementor [data-id='59eb8983']::before { animation: trxTick3 10.0s ease-out 0s 2 both; } body .elementor [data-id='59eb8983']::after { animation: trxTickM3 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-svc { animation: trxHvRing1 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-s1 { animation: trxHvTile 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-s2 { animation: trxHvTile2 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-s3 { animation: trxHvTile3 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-f1::after { animation: trxHvF1 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-f2::after { animation: trxHvF2 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-f3::after { animation: trxHvF3 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-send { animation: trxHvSend 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-toast { animation: trxHvToast 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-ph { animation: trxHvRing2 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-st1 { animation: trxHvStar0 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-st2 { animation: trxHvStar1 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-st3 { animation: trxHvStar2 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-st4 { animation: trxHvStar3 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-st5 { animation: trxHvStar4 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-top { animation: trxHvRing3 10.0s ease-out 0s 2 both; }
  body .elementor #trx-hv-qt { animation: trxHvType 10.0s ease-out 0s 2 both; } body .elementor #trx-hv-sr { animation: trxHvRing4 10.0s ease-out 0s 2 both; }
}
@keyframes trxTick0 { 0%, 8% { background-color: transparent; border-color: rgba(59,30,63,.28); } 11%, 100% { background-color: #F0A35E; border-color: #F0A35E; } }
@keyframes trxTickM0 { 0%, 9% { opacity: 0; transform: scale(.4); } 12%, 100% { opacity: 1; transform: none; } }
@keyframes trxTick1 { 0%, 30% { background-color: transparent; border-color: rgba(59,30,63,.28); } 33%, 100% { background-color: #F0A35E; border-color: #F0A35E; } }
@keyframes trxTickM1 { 0%, 31% { opacity: 0; transform: scale(.4); } 34%, 100% { opacity: 1; transform: none; } }
@keyframes trxTick2 { 0%, 58% { background-color: transparent; border-color: rgba(59,30,63,.28); } 61%, 100% { background-color: #F0A35E; border-color: #F0A35E; } }
@keyframes trxTickM2 { 0%, 59% { opacity: 0; transform: scale(.4); } 62%, 100% { opacity: 1; transform: none; } }
@keyframes trxTick3 { 0%, 80% { background-color: transparent; border-color: rgba(59,30,63,.28); } 83%, 100% { background-color: #F0A35E; border-color: #F0A35E; } }
@keyframes trxTickM3 { 0%, 81% { opacity: 0; transform: scale(.4); } 84%, 100% { opacity: 1; transform: none; } }
@keyframes trxHvRing1 { 0%, 8% { box-shadow: 0 0 0 0 rgba(240,163,94,0); border-radius: 10px; } 11%, 22% { box-shadow: 0 0 0 3px #F0A35E, 0 0 0 9px rgba(240,163,94,.18); border-radius: 10px; } 27%, 100% { box-shadow: 0 0 0 0 rgba(240,163,94,0); border-radius: 10px; } }
@keyframes trxHvTile { 0%, 8% { transform: translateY(6px); opacity: .35; } 12%, 100% { transform: none; opacity: 1; } }
@keyframes trxHvTile2 { 0%, 10% { transform: translateY(6px); opacity: .35; } 14%, 100% { transform: none; opacity: 1; } }
@keyframes trxHvTile3 { 0%, 12% { transform: translateY(6px); opacity: .35; } 16%, 100% { transform: none; opacity: 1; } }
@keyframes trxHvF1 { 0%, 30% { width: 0; } 35%, 100% { width: 56%; } }
@keyframes trxHvF2 { 0%, 35% { width: 0; } 40%, 100% { width: 56%; } }
@keyframes trxHvF3 { 0%, 40% { width: 0; } 45%, 100% { width: 56%; } }
@keyframes trxHvSend { 0%, 47% { transform: none; filter: none; } 49% { transform: scale(.94); filter: brightness(.92); } 51%, 100% { transform: none; filter: none; } }
@keyframes trxHvToast { 0%, 51% { opacity: 0; transform: translateY(-10px) scale(.96); } 55%, 100% { opacity: 1; transform: none; } }
@keyframes trxHvRing2 { 0%, 30% { box-shadow: 0 40px 70px -30px rgba(42,20,45,.65); } 32%, 52% { box-shadow: 0 0 0 3px #F0A35E, 0 40px 70px -30px rgba(42,20,45,.65); } 56%, 100% { box-shadow: 0 40px 70px -30px rgba(42,20,45,.65); } }
@keyframes trxHvRing3 { 0%, 58% { box-shadow: 0 0 0 0 rgba(240,163,94,0); } 60%, 72% { box-shadow: 0 0 0 3px #F0A35E, 0 0 0 9px rgba(240,163,94,.18); } 76%, 100% { box-shadow: 0 0 0 0 rgba(240,163,94,0); } }
@keyframes trxHvType { 0%, 76% { width: 0; } 86%, 100% { width: 52%; } }
@keyframes trxHvRing4 { 0%, 84% { box-shadow: 0 14px 30px -20px rgba(42,20,45,.4); } 86%, 94% { box-shadow: 0 0 0 3px #F0A35E, 0 0 0 9px rgba(240,163,94,.18); } 100% { box-shadow: 0 14px 30px -20px rgba(42,20,45,.4); } }
@keyframes trxHvStar0 { 0%, 58% { opacity: .25; transform: scale(.7); } 61%, 100% { opacity: 1; transform: none; } }
@keyframes trxHvStar1 { 0%, 60% { opacity: .25; transform: scale(.7); } 63%, 100% { opacity: 1; transform: none; } }
@keyframes trxHvStar2 { 0%, 62% { opacity: .25; transform: scale(.7); } 65%, 100% { opacity: 1; transform: none; } }
@keyframes trxHvStar3 { 0%, 64% { opacity: .25; transform: scale(.7); } 67%, 100% { opacity: 1; transform: none; } }
@keyframes trxHvStar4 { 0%, 66% { opacity: .25; transform: scale(.7); } 69%, 100% { opacity: 1; transform: none; } }
/* ===== Where the work goes missing: bento cards with icons ===== */
body .elementor [data-id='6f4435d2'] { gap: clamp(16px,1.4vw,22px); }
@media (min-width: 1025px) { body .elementor [data-id='6f4435d2'] { grid-template-columns: repeat(3, minmax(0,1fr)); } body .elementor [data-id='19e35b55'] { grid-row: span 2; } body .elementor [data-id='535b75fa'] { grid-column: 1 / -1; } }
@media (min-width: 768px) and (max-width: 1024px) { body .elementor [data-id='19e35b55'], body .elementor [data-id='535b75fa'] { grid-column: 1 / -1; } }
body .elementor [data-id='19e35b55'] { position: relative; --pad: clamp(26px,2.4vw,34px); padding: var(--pad); gap: 12px; border-radius: 14px; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; }
body .elementor [data-id='19e35b55']::before { content: ''; position: static; display: block; flex: 0 0 auto; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 14px; background-color: #F7E7DA; transition: background-color .3s; }
body .elementor [data-id='19e35b55']::after { content: ''; position: absolute; top: calc(var(--pad) + 14px); left: calc(var(--pad) + 14px); width: 24px; height: 24px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3Cpath d=%22M16 2l6 6M22 2l-6 6%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .3s; pointer-events: none; }
body .elementor [data-id='45af178'] { position: relative; --pad: clamp(26px,2.4vw,34px); padding: var(--pad); gap: 12px; border-radius: 14px; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; }
body .elementor [data-id='45af178']::before { content: ''; position: static; display: block; flex: 0 0 auto; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 14px; background-color: #F7E7DA; transition: background-color .3s; }
body .elementor [data-id='45af178']::after { content: ''; position: absolute; top: calc(var(--pad) + 14px); left: calc(var(--pad) + 14px); width: 24px; height: 24px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 3h5v5M8 3H3v5M12 22v-8.3a4 4 0 0 0-1.17-2.87L3 3M15 9l6-6%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .3s; pointer-events: none; }
body .elementor [data-id='45af178']:hover { transform: translateY(-4px); border-color: rgba(59,30,63,.28); box-shadow: 0 26px 50px -30px rgba(42,20,45,.45); }
body .elementor [data-id='45af178']:hover::before { background-color: #3B1E3F; } body .elementor [data-id='45af178']:hover::after { background-color: #F0A35E; }
body .elementor [data-id='519fa0b'] { position: relative; --pad: clamp(26px,2.4vw,34px); padding: var(--pad); gap: 12px; border-radius: 14px; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; }
body .elementor [data-id='519fa0b']::before { content: ''; position: static; display: block; flex: 0 0 auto; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 14px; background-color: #F7E7DA; transition: background-color .3s; }
body .elementor [data-id='519fa0b']::after { content: ''; position: absolute; top: calc(var(--pad) + 14px); left: calc(var(--pad) + 14px); width: 24px; height: 24px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%22/%3E%3Cpath d=%22M9 12l2 2 4-4%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .3s; pointer-events: none; }
body .elementor [data-id='519fa0b']:hover { transform: translateY(-4px); border-color: rgba(59,30,63,.28); box-shadow: 0 26px 50px -30px rgba(42,20,45,.45); }
body .elementor [data-id='519fa0b']:hover::before { background-color: #3B1E3F; } body .elementor [data-id='519fa0b']:hover::after { background-color: #F0A35E; }
body .elementor [data-id='616f5843'] { position: relative; --pad: clamp(26px,2.4vw,34px); padding: var(--pad); gap: 12px; border-radius: 14px; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; }
body .elementor [data-id='616f5843']::before { content: ''; position: static; display: block; flex: 0 0 auto; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 14px; background-color: #F7E7DA; transition: background-color .3s; }
body .elementor [data-id='616f5843']::after { content: ''; position: absolute; top: calc(var(--pad) + 14px); left: calc(var(--pad) + 14px); width: 24px; height: 24px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 3H2l8 9.46V19l4 2v-8.54L22 3z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .3s; pointer-events: none; }
body .elementor [data-id='616f5843']:hover { transform: translateY(-4px); border-color: rgba(59,30,63,.28); box-shadow: 0 26px 50px -30px rgba(42,20,45,.45); }
body .elementor [data-id='616f5843']:hover::before { background-color: #3B1E3F; } body .elementor [data-id='616f5843']:hover::after { background-color: #F0A35E; }
body .elementor [data-id='4c37d2df'] { position: relative; --pad: clamp(26px,2.4vw,34px); padding: var(--pad); gap: 12px; border-radius: 14px; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; }
body .elementor [data-id='4c37d2df']::before { content: ''; position: static; display: block; flex: 0 0 auto; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 14px; background-color: #F7E7DA; transition: background-color .3s; }
body .elementor [data-id='4c37d2df']::after { content: ''; position: absolute; top: calc(var(--pad) + 14px); left: calc(var(--pad) + 14px); width: 24px; height: 24px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 7l-8.5 8.5-5-5L2 17%22/%3E%3Cpath d=%22M16 7h6v6%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .3s; pointer-events: none; }
body .elementor [data-id='4c37d2df']:hover { transform: translateY(-4px); border-color: rgba(59,30,63,.28); box-shadow: 0 26px 50px -30px rgba(42,20,45,.45); }
body .elementor [data-id='4c37d2df']:hover::before { background-color: #3B1E3F; } body .elementor [data-id='4c37d2df']:hover::after { background-color: #F0A35E; }
body .elementor [data-id='535b75fa'] { position: relative; --pad: clamp(26px,2.4vw,34px); padding: var(--pad); gap: 12px; border-radius: 14px; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; }
body .elementor [data-id='535b75fa']::before { content: ''; position: static; display: block; flex: 0 0 auto; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 14px; background-color: #F7E7DA; transition: background-color .3s; }
body .elementor [data-id='535b75fa']::after { content: ''; position: absolute; top: calc(var(--pad) + 14px); left: calc(var(--pad) + 14px); width: 24px; height: 24px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%227.5%22 cy=%2215.5%22 r=%225.5%22/%3E%3Cpath d=%22M21 2l-9.6 9.6M15.5 7.5l3 3L22 7l-3-3%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .3s; pointer-events: none; }
body .elementor [data-id='19e35b55'] { background-color: #3B1E3F; border-color: #3B1E3F; justify-content: flex-end; color: #FBF4EE; overflow: hidden; }
body .elementor [data-id='19e35b55'] h3 { color: #FFFFFF; font-size: clamp(26px,2.3vw,36px); letter-spacing: -0.035em; line-height: 1.08; max-width: 14ch; }
body .elementor [data-id='19e35b55'] p { color: rgba(251,244,238,.78); font-size: 17px; max-width: 40ch; }
body .elementor [data-id='19e35b55']::before { width: 72px; height: 72px; border-radius: 50%; margin-bottom: auto; background-color: rgba(240,163,94,.16); }
body .elementor [data-id='19e35b55']::after { width: 32px; height: 32px; top: calc(var(--pad) + 20px); left: calc(var(--pad) + 20px); background-color: #F0A35E; }
@media (min-width: 1025px) { body .elementor [data-id='19e35b55'] h3 { margin-top: clamp(80px,9vw,160px); } }
@media (max-width: 1024px) { body .elementor [data-id='19e35b55'] h3 { margin-top: 28px; } }
body .elementor [data-id='535b75fa'] { background-color: #F7E7DA; border-color: #F7E7DA; }
body .elementor [data-id='535b75fa']::before { background-color: #FFFFFF; }
@media (min-width: 1025px) { body .elementor [data-id='535b75fa'] { display: grid; grid-template-columns: 52px minmax(0,0.9fr) minmax(0,1.6fr); column-gap: clamp(24px,3vw,56px); align-items: center; } body .elementor [data-id='535b75fa']::before { margin-bottom: 0; } body .elementor [data-id='535b75fa']::after { top: 50%; margin-top: -12px; } body .elementor [data-id='535b75fa'] h3 { font-size: clamp(22px,1.9vw,28px); } }
@media (prefers-reduced-motion: no-preference) { body .elementor [data-id='19e35b55']::before { animation: trxRing 3.2s ease-out infinite; } }
@keyframes trxRing { 0% { box-shadow: 0 0 0 0 rgba(240,163,94,.45); } 55% { box-shadow: 0 0 0 22px rgba(240,163,94,0); } 100% { box-shadow: 0 0 0 0 rgba(240,163,94,0); } }
@media (prefers-reduced-motion: no-preference) { body .elementor [data-id='19e35b55']::after { animation: trxBuzz 3.2s ease-in-out infinite; } }
@keyframes trxBuzz { 0%, 12%, 100% { transform: rotate(0); } 3% { transform: rotate(-12deg); } 6% { transform: rotate(10deg); } 9% { transform: rotate(-6deg); } }
/* ===== Websites for every trade: spec-sheet tiles with icons ===== */
body .elementor [data-id='2099a9b4'] { gap: 0; border-top: 1px solid rgba(59,30,63,.16); border-left: 1px solid rgba(59,30,63,.16); }
body .elementor [data-id='5edd93b4'] { position: relative; --pad: clamp(26px,2.6vw,40px); padding: var(--pad); gap: 10px; border-top: 0; border-right: 1px solid rgba(59,30,63,.16); border-bottom: 1px solid rgba(59,30,63,.16); background-color: transparent; transition: background-color .35s; }
body .elementor [data-id='5edd93b4']::before { content: ''; position: static; display: block; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; border: 1.5px solid rgba(59,30,63,.22); background-color: transparent; transition: background-color .35s, border-color .35s, transform .35s; }
body .elementor [data-id='5edd93b4']::after { content: ''; position: absolute; top: calc(var(--pad) + 15px); left: calc(var(--pad) + 15px); width: 26px; height: 26px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2L3 14h9l-1 8 10-12h-9l1-8z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .35s; pointer-events: none; }
body .elementor [data-id='5edd93b4']:hover { background-color: #FFFFFF; } body .elementor [data-id='5edd93b4']:hover::before { background-color: #F0A35E; border-color: #F0A35E; } body .elementor [data-id='5edd93b4']:hover::after { background-color: #2A142D; }
body .elementor [data-id='5edd93b4'] h3 { transition: color .3s; } body .elementor [data-id='5edd93b4']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='2599fdf4'] { position: relative; --pad: clamp(26px,2.6vw,40px); padding: var(--pad); gap: 10px; border-top: 0; border-right: 1px solid rgba(59,30,63,.16); border-bottom: 1px solid rgba(59,30,63,.16); background-color: transparent; transition: background-color .35s; }
body .elementor [data-id='2599fdf4']::before { content: ''; position: static; display: block; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; border: 1.5px solid rgba(59,30,63,.22); background-color: transparent; transition: background-color .35s, border-color .35s, transform .35s; }
body .elementor [data-id='2599fdf4']::after { content: ''; position: absolute; top: calc(var(--pad) + 15px); left: calc(var(--pad) + 15px); width: 26px; height: 26px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5S12.5 5.5 12 3c-.5 2.5-2 4.9-4 6.5S5 13 5 15a7 7 0 0 0 7 7z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .35s; pointer-events: none; }
body .elementor [data-id='2599fdf4']:hover { background-color: #FFFFFF; } body .elementor [data-id='2599fdf4']:hover::before { background-color: #F0A35E; border-color: #F0A35E; } body .elementor [data-id='2599fdf4']:hover::after { background-color: #2A142D; }
body .elementor [data-id='2599fdf4'] h3 { transition: color .3s; } body .elementor [data-id='2599fdf4']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='7b1b992b'] { position: relative; --pad: clamp(26px,2.6vw,40px); padding: var(--pad); gap: 10px; border-top: 0; border-right: 1px solid rgba(59,30,63,.16); border-bottom: 1px solid rgba(59,30,63,.16); background-color: transparent; transition: background-color .35s; }
body .elementor [data-id='7b1b992b']::before { content: ''; position: static; display: block; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; border: 1.5px solid rgba(59,30,63,.22); background-color: transparent; transition: background-color .35s, border-color .35s, transform .35s; }
body .elementor [data-id='7b1b992b']::after { content: ''; position: absolute; top: calc(var(--pad) + 15px); left: calc(var(--pad) + 15px); width: 26px; height: 26px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 11L12 3l10 8%22/%3E%3Cpath d=%22M5 9v11h14V9%22/%3E%3Cpath d=%22M10 20v-6h4v6%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .35s; pointer-events: none; }
body .elementor [data-id='7b1b992b']:hover { background-color: #FFFFFF; } body .elementor [data-id='7b1b992b']:hover::before { background-color: #F0A35E; border-color: #F0A35E; } body .elementor [data-id='7b1b992b']:hover::after { background-color: #2A142D; }
body .elementor [data-id='7b1b992b'] h3 { transition: color .3s; } body .elementor [data-id='7b1b992b']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='fd3809f'] { position: relative; --pad: clamp(26px,2.6vw,40px); padding: var(--pad); gap: 10px; border-top: 0; border-right: 1px solid rgba(59,30,63,.16); border-bottom: 1px solid rgba(59,30,63,.16); background-color: transparent; transition: background-color .35s; }
body .elementor [data-id='fd3809f']::before { content: ''; position: static; display: block; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; border: 1.5px solid rgba(59,30,63,.22); background-color: transparent; transition: background-color .35s, border-color .35s, transform .35s; }
body .elementor [data-id='fd3809f']::after { content: ''; position: absolute; top: calc(var(--pad) + 15px); left: calc(var(--pad) + 15px); width: 26px; height: 26px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2216%22 rx=%221%22/%3E%3Cpath d=%22M3 9.33h18M3 14.67h18M9 4v5.33M15 4v5.33M6 9.33v5.34M12 9.33v5.34M18 9.33v5.34M9 14.67V20M15 14.67V20%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .35s; pointer-events: none; }
body .elementor [data-id='fd3809f']:hover { background-color: #FFFFFF; } body .elementor [data-id='fd3809f']:hover::before { background-color: #F0A35E; border-color: #F0A35E; } body .elementor [data-id='fd3809f']:hover::after { background-color: #2A142D; }
body .elementor [data-id='fd3809f'] h3 { transition: color .3s; } body .elementor [data-id='fd3809f']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='7ea03fb'] { position: relative; --pad: clamp(26px,2.6vw,40px); padding: var(--pad); gap: 10px; border-top: 0; border-right: 1px solid rgba(59,30,63,.16); border-bottom: 1px solid rgba(59,30,63,.16); background-color: transparent; transition: background-color .35s; }
body .elementor [data-id='7ea03fb']::before { content: ''; position: static; display: block; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; border: 1.5px solid rgba(59,30,63,.22); background-color: transparent; transition: background-color .35s, border-color .35s, transform .35s; }
body .elementor [data-id='7ea03fb']::after { content: ''; position: absolute; top: calc(var(--pad) + 15px); left: calc(var(--pad) + 15px); width: 26px; height: 26px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%223%22 width=%2216%22 height=%2218%22 rx=%221%22/%3E%3Cpath d=%22M12 3v18M4 12h16%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .35s; pointer-events: none; }
body .elementor [data-id='7ea03fb']:hover { background-color: #FFFFFF; } body .elementor [data-id='7ea03fb']:hover::before { background-color: #F0A35E; border-color: #F0A35E; } body .elementor [data-id='7ea03fb']:hover::after { background-color: #2A142D; }
body .elementor [data-id='7ea03fb'] h3 { transition: color .3s; } body .elementor [data-id='7ea03fb']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='f55ac6d'] { position: relative; --pad: clamp(26px,2.6vw,40px); padding: var(--pad); gap: 10px; border-top: 0; border-right: 1px solid rgba(59,30,63,.16); border-bottom: 1px solid rgba(59,30,63,.16); background-color: transparent; transition: background-color .35s; }
body .elementor [data-id='f55ac6d']::before { content: ''; position: static; display: block; width: 56px; height: 56px; margin-bottom: 18px; border-radius: 50%; border: 1.5px solid rgba(59,30,63,.22); background-color: transparent; transition: background-color .35s, border-color .35s, transform .35s; }
body .elementor [data-id='f55ac6d']::after { content: ''; position: absolute; top: calc(var(--pad) + 15px); left: calc(var(--pad) + 15px); width: 26px; height: 26px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%222%22 width=%2216%22 height=%226%22 rx=%222%22/%3E%3Cpath d=%22M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2%22/%3E%3Crect x=%228%22 y=%2216%22 width=%224%22 height=%226%22 rx=%221%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transition: background-color .35s; pointer-events: none; }
body .elementor [data-id='f55ac6d']:hover { background-color: #FFFFFF; } body .elementor [data-id='f55ac6d']:hover::before { background-color: #F0A35E; border-color: #F0A35E; } body .elementor [data-id='f55ac6d']:hover::after { background-color: #2A142D; }
body .elementor [data-id='f55ac6d'] h3 { transition: color .3s; } body .elementor [data-id='f55ac6d']:hover h3 { color: #3B1E3F; }
@media (prefers-reduced-motion: no-preference) { body .elementor [data-id='5edd93b4'], body .elementor [data-id='2599fdf4'], body .elementor [data-id='7b1b992b'], body .elementor [data-id='fd3809f'], body .elementor [data-id='7ea03fb'], body .elementor [data-id='f55ac6d'] { transition: background-color .35s, box-shadow .35s; } body .elementor [data-id='2099a9b4'] { box-shadow: none; } }
/* ===== What your trades website includes: plum showcase, features around a website mockup ===== */
body .elementor [data-id='10f62921'] .nivo-eyebrow { color: #F0A35E; } body .elementor [data-id='10f62921'] h2 { color: #FBF4EE; } body .elementor [data-id='10f62921'] h2 strong { color: #F0A35E; } body .elementor [data-id='10f62921'] .nivo-lead { color: rgba(251,244,238,.78); }
body .elementor [data-id='7cd1f63c'] { column-gap: clamp(40px,4.4vw,88px); row-gap: 0; align-items: stretch; }
body .elementor [data-id='6cdb216a'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='6cdb216a']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 2v6h6M16 13H8M16 17H8M10 9H8%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='2573c709'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='2573c709']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='7ccf6892'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='7ccf6892']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='2fac915e'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='2fac915e']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='531f75f7'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='531f75f7']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%226%22/%3E%3Cpath d=%22M15.48 12.89L17 22l-5-3-5 3 1.52-9.11%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='4087c642'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='4087c642']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%222%22/%3E%3Ccircle cx=%229%22 cy=%229%22 r=%222%22/%3E%3Cpath d=%22M21 15l-3.09-3.09a2 2 0 0 0-2.82 0L6 21%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='96c5adc'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='96c5adc']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v18h18M18 17V9M13 17V5M8 17v-3%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='2c8b228d'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='2c8b228d']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%227.5%22 r=%221.2%22/%3E%3Cpath d=%22M7.5 10.5h9M12 10.5v4M9.5 18.5l2.5-4 2.5 4%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='4dce9d50'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='4dce9d50']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%222%22 width=%228%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%22/%3E%3Cpath d=%22M9 14l2 2 4-4%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
body .elementor [data-id='50d44ebf'] { position: relative; display: flex; align-items: center; min-height: 72px; margin: 0; padding: 14px 0 14px 46px; border-bottom: 1px solid rgba(251,244,238,.12); color: rgba(251,244,238,.84); font-size: 16px; line-height: 1.45; transition: color .4s; }
body .elementor [data-id='50d44ebf']::before { content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin-top: -13px; border: 0; border-radius: 0; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%222%22 width=%2220%22 height=%228%22 rx=%222%22/%3E%3Crect x=%222%22 y=%2214%22 width=%2220%22 height=%228%22 rx=%222%22/%3E%3Cpath d=%22M6 6h.01M6 18h.01%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; transform: none; }
@media (min-width: 1025px) {
  body .elementor [data-id='7cd1f63c'] { grid-template-columns: minmax(0,1fr) minmax(340px,0.92fr) minmax(0,1fr); grid-template-rows: repeat(5, auto); }
  body .elementor [data-id='6cdb216a'] { grid-column: 1; grid-row: 1; }
  body .elementor [data-id='2573c709'] { grid-column: 1; grid-row: 2; }
  body .elementor [data-id='7ccf6892'] { grid-column: 1; grid-row: 3; }
  body .elementor [data-id='2fac915e'] { grid-column: 1; grid-row: 4; }
  body .elementor [data-id='531f75f7'] { grid-column: 1; grid-row: 5; }
  body .elementor [data-id='4087c642'] { grid-column: 3; grid-row: 1; }
  body .elementor [data-id='96c5adc'] { grid-column: 3; grid-row: 2; }
  body .elementor [data-id='2c8b228d'] { grid-column: 3; grid-row: 3; }
  body .elementor [data-id='4dce9d50'] { grid-column: 3; grid-row: 4; }
  body .elementor [data-id='50d44ebf'] { grid-column: 3; grid-row: 5; }
  body .elementor #trx-mk { grid-column: 2; grid-row: 1 / span 5; align-self: center; }
  body .elementor [data-id='6cdb216a']::after { content: ''; position: absolute; top: 50%; right: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(90deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='2573c709']::after { content: ''; position: absolute; top: 50%; right: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(90deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='7ccf6892']::after { content: ''; position: absolute; top: 50%; right: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(90deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='2fac915e']::after { content: ''; position: absolute; top: 50%; right: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(90deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='531f75f7']::after { content: ''; position: absolute; top: 50%; right: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(90deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='4087c642']::after { content: ''; position: absolute; top: 50%; left: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(270deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='96c5adc']::after { content: ''; position: absolute; top: 50%; left: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(270deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='2c8b228d']::after { content: ''; position: absolute; top: 50%; left: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(270deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='4dce9d50']::after { content: ''; position: absolute; top: 50%; left: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(270deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
  body .elementor [data-id='50d44ebf']::after { content: ''; position: absolute; top: 50%; left: calc(-1 * clamp(40px,4.4vw,88px) + 8px); width: calc(clamp(40px,4.4vw,88px) - 16px); height: 1px; background: linear-gradient(270deg, rgba(251,244,238,.22), rgba(251,244,238,.08)); }
}
@media (max-width: 1024px) { body .elementor #trx-mk { grid-column: 1 / -1; grid-row: 1; justify-self: center; width: 100%; max-width: 460px; margin-bottom: 28px; } }
@media (max-width: 767px) { body .elementor #trx-mk { max-width: 360px; } }
body .elementor [id^=trx-] { padding: 0; margin: 0; min-width: 0; box-sizing: border-box; }
body .elementor #trx-mk { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 0 0 18px; border-radius: 16px; overflow: visible; background-color: #FBF4EE; box-shadow: 0 50px 90px -40px rgba(0,0,0,.6), 0 0 0 1px rgba(251,244,238,.1); }
body .elementor #trx-mk-bar { position: relative; height: 34px; border-radius: 16px 16px 0 0; background-color: #F7E7DA; }
body .elementor #trx-mk-bar::before { content: ''; position: absolute; left: 14px; top: 13px; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(59,30,63,.25); box-shadow: 13px 0 0 rgba(59,30,63,.25), 26px 0 0 rgba(59,30,63,.25); }
body .elementor #trx-mk-url { position: absolute; left: 62px; right: 40%; top: 9px; width: auto; height: 16px; border-radius: 99px; background-color: #FFFFFF; }
body .elementor #trx-mk-nav, body .elementor #trx-mk-svc, body .elementor #trx-mk-area, body .elementor #trx-mk-rev, body .elementor #trx-mk-bdg, body .elementor #trx-mk-gal, body .elementor #trx-mk-foot { width: auto; margin: 0 16px; display: flex; gap: 8px; align-items: center; }
body .elementor #trx-mk-nav { justify-content: space-between; }
body .elementor #trx-mk-logo { width: 64px; height: 12px; flex: 0 0 64px; border-radius: 3px; background-color: #3B1E3F; }
body .elementor #trx-mk-menu { flex: 1 1 auto; height: 6px; margin: 0 8px; border-radius: 3px; background: repeating-linear-gradient(90deg, rgba(59,30,63,.18) 0 26px, transparent 26px 36px); }
body .elementor #trx-mk-call { width: 58px; flex: 0 0 58px; height: 18px; border-radius: 99px; background-color: #F0A35E; }
body .elementor #trx-mk-hero { width: auto; margin: 0 16px; display: flex; flex-direction: column; gap: 8px; padding: 18px 16px; border-radius: 10px; background-color: #3B1E3F; }
body .elementor #trx-mk-h1 { width: 78%; height: 12px; border-radius: 3px; background-color: rgba(251,244,238,.92); }
body .elementor #trx-mk-h2 { width: 52%; height: 7px; border-radius: 3px; background-color: rgba(251,244,238,.4); }
body .elementor #trx-mk-q { width: 96px; height: 24px; margin-top: 6px; border-radius: 6px; background-color: #F0A35E; }
body .elementor #trx-mk-svc > div { flex: 1 1 0; height: 50px; border-radius: 8px; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.1); background-image: linear-gradient(rgba(59,30,63,.16), rgba(59,30,63,.16)), linear-gradient(rgba(59,30,63,.08), rgba(59,30,63,.08)); background-size: 50% 6px, 70% 4px; background-position: 9px 12px, 9px 26px; background-repeat: no-repeat; }
body .elementor #trx-mk-pin { width: 20px; height: 20px; flex: 0 0 20px; background-color: #3B1E3F; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-mk-area > div:not(#trx-mk-pin) { width: 54px; flex: 0 0 54px; height: 18px; border-radius: 99px; background-color: #F7E7DA; }
body .elementor #trx-mk-rev > div { width: 15px; height: 15px; flex: 0 0 15px; background-color: #F0A35E; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath fill=%22black%22 stroke=%22none%22 d=%22M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-mk-rev > div:last-child { width: auto; flex: 1 1 auto; height: 6px; margin-left: 8px; border-radius: 3px; background-color: rgba(59,30,63,.14); -webkit-mask: none; mask: none; }
body .elementor #trx-mk-bdg > div { width: 46px; flex: 0 0 46px; height: 22px; border-radius: 5px; border: 1.5px solid rgba(59,30,63,.28); background-color: #FFFFFF; }
body .elementor #trx-mk-gal > div { flex: 1 1 0; aspect-ratio: 1; border-radius: 7px; background: linear-gradient(160deg, #F7E7DA, #E8C3A3); }
body .elementor #trx-mk-gal > div:nth-child(2) { background: linear-gradient(160deg, #D9C2DC, #B58FB9); }
body .elementor #trx-mk-gal > div:nth-child(3) { background: linear-gradient(160deg, #F0C9A2, #F0A35E); }
body .elementor #trx-mk-gal > div:nth-child(4) { background: linear-gradient(160deg, #8E6A92, #3B1E3F); }
body .elementor #trx-mk-foot { padding-top: 12px; border-top: 1px solid rgba(59,30,63,.1); }
body .elementor #trx-mk-foot > div { position: relative; flex: 1 1 0; height: 40px; border-radius: 8px; background-color: #FFFFFF; border: 1px solid rgba(59,30,63,.1); }
body .elementor #trx-mk-foot > div::after { content: ''; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; background-color: rgba(59,30,63,.7); }
body .elementor #trx-mk-f7::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v18h18M18 17V9M13 17V5M8 17v-3%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } body .elementor #trx-mk-f8::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%227.5%22 r=%221.2%22/%3E%3Cpath d=%22M7.5 10.5h9M12 10.5v4M9.5 18.5l2.5-4 2.5 4%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } body .elementor #trx-mk-f9::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%228%22 y=%222%22 width=%228%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%22/%3E%3Cpath d=%22M9 14l2 2 4-4%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } body .elementor #trx-mk-f10::after { --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%222%22 width=%2220%22 height=%228%22 rx=%222%22/%3E%3Crect x=%222%22 y=%2214%22 width=%2220%22 height=%228%22 rx=%222%22/%3E%3Cpath d=%22M6 6h.01M6 18h.01%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-mk-fab { position: absolute; right: -18px; bottom: 64px; width: 54px; height: 54px; border-radius: 50%; background-color: #F0A35E; box-shadow: 0 18px 36px -14px rgba(0,0,0,.55); }
body .elementor #trx-mk-fab::after { content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background-color: #2A142D; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
@media (max-width: 767px) { body .elementor #trx-mk-fab { right: -8px; width: 46px; height: 46px; } }
@media (prefers-reduced-motion: no-preference) {
  body .elementor [data-id='6cdb216a'] { animation: trxItem 15.0s linear -15.0s infinite; } body .elementor [data-id='6cdb216a']::before { animation: trxIcon 15.0s linear -15.0s infinite; }
  body .elementor #trx-mk-svc { animation: trxPart 15.0s linear -15.0s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='6cdb216a']::after { animation: trxLine 15.0s linear -15.0s infinite; } }
  body .elementor [data-id='2573c709'] { animation: trxItem 15.0s linear -13.5s infinite; } body .elementor [data-id='2573c709']::before { animation: trxIcon 15.0s linear -13.5s infinite; }
  body .elementor #trx-mk-area { animation: trxPart 15.0s linear -13.5s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='2573c709']::after { animation: trxLine 15.0s linear -13.5s infinite; } }
  body .elementor [data-id='7ccf6892'] { animation: trxItem 15.0s linear -12.0s infinite; } body .elementor [data-id='7ccf6892']::before { animation: trxIcon 15.0s linear -12.0s infinite; }
  body .elementor #trx-mk-q { animation: trxPart 15.0s linear -12.0s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='7ccf6892']::after { animation: trxLine 15.0s linear -12.0s infinite; } }
  body .elementor [data-id='2fac915e'] { animation: trxItem 15.0s linear -10.5s infinite; } body .elementor [data-id='2fac915e']::before { animation: trxIcon 15.0s linear -10.5s infinite; }
  body .elementor #trx-mk-rev { animation: trxPart 15.0s linear -10.5s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='2fac915e']::after { animation: trxLine 15.0s linear -10.5s infinite; } }
  body .elementor [data-id='531f75f7'] { animation: trxItem 15.0s linear -9.0s infinite; } body .elementor [data-id='531f75f7']::before { animation: trxIcon 15.0s linear -9.0s infinite; }
  body .elementor #trx-mk-bdg { animation: trxPart 15.0s linear -9.0s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='531f75f7']::after { animation: trxLine 15.0s linear -9.0s infinite; } }
  body .elementor [data-id='4087c642'] { animation: trxItem 15.0s linear -7.5s infinite; } body .elementor [data-id='4087c642']::before { animation: trxIcon 15.0s linear -7.5s infinite; }
  body .elementor #trx-mk-gal { animation: trxPart 15.0s linear -7.5s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='4087c642']::after { animation: trxLine 15.0s linear -7.5s infinite; } }
  body .elementor [data-id='96c5adc'] { animation: trxItem 15.0s linear -6.0s infinite; } body .elementor [data-id='96c5adc']::before { animation: trxIcon 15.0s linear -6.0s infinite; }
  body .elementor #trx-mk-f7 { animation: trxPart 15.0s linear -6.0s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='96c5adc']::after { animation: trxLine 15.0s linear -6.0s infinite; } }
  body .elementor [data-id='2c8b228d'] { animation: trxItem 15.0s linear -4.5s infinite; } body .elementor [data-id='2c8b228d']::before { animation: trxIcon 15.0s linear -4.5s infinite; }
  body .elementor #trx-mk-f8 { animation: trxPart 15.0s linear -4.5s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='2c8b228d']::after { animation: trxLine 15.0s linear -4.5s infinite; } }
  body .elementor [data-id='4dce9d50'] { animation: trxItem 15.0s linear -3.0s infinite; } body .elementor [data-id='4dce9d50']::before { animation: trxIcon 15.0s linear -3.0s infinite; }
  body .elementor #trx-mk-f9 { animation: trxPart 15.0s linear -3.0s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='4dce9d50']::after { animation: trxLine 15.0s linear -3.0s infinite; } }
  body .elementor [data-id='50d44ebf'] { animation: trxItem 15.0s linear -1.5s infinite; } body .elementor [data-id='50d44ebf']::before { animation: trxIcon 15.0s linear -1.5s infinite; }
  body .elementor #trx-mk-f10 { animation: trxPart 15.0s linear -1.5s infinite; }
  @media (min-width: 1025px) { body .elementor [data-id='50d44ebf']::after { animation: trxLine 15.0s linear -1.5s infinite; } }
  body .elementor #trx-mk-fab { animation: trxFab 15.0s linear -12.0s infinite; }
}
@keyframes trxItem { 0%, 10.00% { color: #FFFFFF; } 11.50%, 100% { color: rgba(251,244,238,.84); } }
@keyframes trxIcon { 0% { transform: scale(1); } 4% { transform: scale(1.18); } 10.00% { transform: scale(1); } 100% { transform: scale(1); } }
@keyframes trxLine { 0%, 10.00% { background: #F0A35E; } 11.50%, 100% { background: rgba(251,244,238,.14); } }
@keyframes trxPart { 0% { box-shadow: 0 0 0 0 rgba(240,163,94,0); } 3%, 10.00% { box-shadow: 0 0 0 3px #F0A35E; } 11.50%, 100% { box-shadow: 0 0 0 0 rgba(240,163,94,0); } }
@keyframes trxFab { 0%, 10.00% { transform: scale(1.12); box-shadow: 0 0 0 10px rgba(240,163,94,.28); } 11.50%, 100% { transform: scale(1); box-shadow: 0 18px 36px -14px rgba(0,0,0,.55); } }
/* ===== Trades websites we've built: larger case-study showcase ===== */
@media (min-width: 1025px) { body .elementor [data-id='32cc7dda'] { grid-template-columns: minmax(0,1.32fr) minmax(0,0.68fr); } body .elementor [data-id='37f41b30'] { grid-template-columns: minmax(0,0.68fr) minmax(0,1.32fr); } }
body .elementor [data-id='7355f110'] { position: relative; isolation: isolate; }
body .elementor [data-id='7355f110']::before { content: ''; position: absolute; top: 34px; bottom: -22px; right: -22px; left: 22px; z-index: -1; border-radius: 16px; background-color: #F7E7DA; }
body .elementor [data-id='22d0d0ef'] { border-radius: 14px; transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s; }
body .elementor [data-id='22d0d0ef']:hover { transform: translateY(-6px); box-shadow: 0 60px 100px -50px rgba(42,20,45,.55); }
body .elementor [data-id='8d5342'] { position: relative; isolation: isolate; }
body .elementor [data-id='8d5342']::before { content: ''; position: absolute; top: 34px; bottom: -22px; left: -22px; right: 22px; z-index: -1; border-radius: 16px; background-color: #F7E7DA; }
body .elementor [data-id='5e6667fc'] { border-radius: 14px; transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s; }
body .elementor [data-id='5e6667fc']:hover { transform: translateY(-6px); box-shadow: 0 60px 100px -50px rgba(42,20,45,.55); }
body .elementor [data-id='3bb71a45'] { aspect-ratio: 12 / 6; } body .elementor [data-id='3bb71a45'] img { transition: object-position 8s ease-in-out; } body .elementor [data-id='3bb71a45']:hover img { object-position: 50% 100%; }
body .elementor [data-id='2ccc3fcc'] { aspect-ratio: 1889 / 787; }
@media (max-width: 1024px) { body .elementor [data-id='7355f110']::before, body .elementor [data-id='8d5342']::before { display: none; } }
body .elementor [id^=trx-cs] { margin-top: 26px; width: auto; }
/* ===== More trades websites: compact gallery, swipeable on mobile ===== */
@media (min-width: 1025px) { body .elementor [data-id='489a1889'] { grid-template-columns: repeat(4, minmax(0,1fr)); gap: clamp(18px,1.6vw,28px); } }
@media (min-width: 768px) and (max-width: 1024px) { body .elementor [data-id='489a1889'] { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; } }
@media (max-width: 767px) { body .elementor [data-id='489a1889'] { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 80%; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 14px; margin-right: calc(-1 * clamp(20px,3.5vw,64px)); padding-right: clamp(20px,3.5vw,64px); scrollbar-width: thin; } body .elementor [data-id='3b4aabd8'], body .elementor [data-id='1eed0461'], body .elementor [data-id='fce6bed'], body .elementor [data-id='2c9ce43a'] { scroll-snap-align: start; } }
body .elementor [data-id='2ad8d513'] { aspect-ratio: 4 / 5; } body .elementor [data-id='10024303'] { border-radius: 12px; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s; }
body .elementor [data-id='3b4aabd8']:hover body .elementor [data-id='10024303'] { transform: translateY(-5px); box-shadow: 0 34px 60px -34px rgba(42,20,45,.5); }
body .elementor [data-id='3b4aabd8'] h3 { transition: color .3s; } body .elementor [data-id='3b4aabd8']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='36ca3563'] { aspect-ratio: 4 / 5; } body .elementor [data-id='21793240'] { border-radius: 12px; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s; }
body .elementor [data-id='1eed0461']:hover body .elementor [data-id='21793240'] { transform: translateY(-5px); box-shadow: 0 34px 60px -34px rgba(42,20,45,.5); }
body .elementor [data-id='1eed0461'] h3 { transition: color .3s; } body .elementor [data-id='1eed0461']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='1eabbbfb'] { aspect-ratio: 4 / 5; } body .elementor [data-id='4f5d1a0d'] { border-radius: 12px; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s; }
body .elementor [data-id='fce6bed']:hover body .elementor [data-id='4f5d1a0d'] { transform: translateY(-5px); box-shadow: 0 34px 60px -34px rgba(42,20,45,.5); }
body .elementor [data-id='fce6bed'] h3 { transition: color .3s; } body .elementor [data-id='fce6bed']:hover h3 { color: #3B1E3F; }
body .elementor [data-id='524798df'] { aspect-ratio: 4 / 5; } body .elementor [data-id='16de32af'] { border-radius: 12px; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s; }
body .elementor [data-id='2c9ce43a']:hover body .elementor [data-id='16de32af'] { transform: translateY(-5px); box-shadow: 0 34px 60px -34px rgba(42,20,45,.5); }
body .elementor [data-id='2c9ce43a'] h3 { transition: color .3s; } body .elementor [data-id='2c9ce43a']:hover h3 { color: #3B1E3F; }
@media (min-width: 1025px) { body .elementor [data-id='2ad8d513'], body .elementor [data-id='36ca3563'], body .elementor [data-id='1eabbbfb'], body .elementor [data-id='524798df'] { aspect-ratio: 1 / 1; } }
@media (hover: none) and (prefers-reduced-motion: no-preference) { body .elementor [data-id='2ad8d513'] img, body .elementor [data-id='36ca3563'] img, body .elementor [data-id='1eabbbfb'] img, body .elementor [data-id='524798df'] img { animation: trxPan 14s ease-in-out infinite alternate; } }
@keyframes trxPan { 0%, 15% { object-position: 50% 0%; } 85%, 100% { object-position: 50% 100%; } }
body .elementor [data-id='3d6246a7'] { width: auto; align-self: flex-start; margin-top: 0; }
/* ===== Four steps: a pulse travels the line and lights each step ===== */
body .elementor [data-id='3631792d'] { position: relative; }
@media (min-width: 1025px) and (prefers-reduced-motion: no-preference) {
  body .elementor [data-id='3631792d']::after { content: ''; position: absolute; top: -4px; left: 0; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background-color: #F0A35E; box-shadow: 0 0 0 6px rgba(240,163,94,.22), 0 0 20px 4px rgba(240,163,94,.45); animation: trxDot 8.0s linear infinite; pointer-events: none; z-index: 2; }
  body .elementor [data-id='26391fed']::before { animation: trxStepDot 8.0s linear -7.88s infinite; } body .elementor [data-id='3a2ea8e6'] { animation: trxStepNum 8.0s linear -7.88s infinite; }
  body .elementor [data-id='f1233aa']::before { animation: trxStepDot 8.0s linear -6.12s infinite; } body .elementor [data-id='68ed6fa1'] { animation: trxStepNum 8.0s linear -6.12s infinite; }
  body .elementor [data-id='2079fec5']::before { animation: trxStepDot 8.0s linear -4.36s infinite; } body .elementor [data-id='5097d993'] { animation: trxStepNum 8.0s linear -4.36s infinite; }
  body .elementor [data-id='37b8b97f']::before { animation: trxStepDot 8.0s linear -2.6s infinite; } body .elementor [data-id='4aa8f7ce'] { animation: trxStepNum 8.0s linear -2.6s infinite; }
}
@keyframes trxDot { 0% { left: 0; opacity: 0; } 4% { opacity: 1; } 88% { left: 100%; opacity: 1; } 94%, 100% { left: 100%; opacity: 0; } }
@keyframes trxStepDot { 0%, 2% { background-color: #3B1E3F; transform: scale(1); } 6%, 22% { background-color: #F0A35E; transform: scale(1.25); } 28%, 100% { background-color: #3B1E3F; transform: scale(1); } }
@keyframes trxStepNum { 0%, 2% { color: #3B1E3F; } 6%, 22% { color: #C9772E; } 28%, 100% { color: #3B1E3F; } }
/* ===== The people behind your site: plum, copy beside a conversation illustration ===== */
body .elementor [data-id='531d381a'] .nivo-eyebrow { color: #F0A35E; } body .elementor [data-id='531d381a'] h2 { color: #FBF4EE; } body .elementor [data-id='531d381a'] h2 strong { color: #F0A35E; } body .elementor [data-id='531d381a'] .nivo-lead { color: rgba(251,244,238,.8); } body .elementor [data-id='531d381a'] .nivo-arrow-link { color: #FBF4EE; } body .elementor [data-id='531d381a'] .nivo-arrow-link span { color: #F0A35E; }
@media (min-width: 1025px) { body .elementor [data-id='3ac5b7ae'] { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,0.95fr); grid-template-rows: auto 1fr; column-gap: clamp(48px,6vw,120px); row-gap: 32px; align-items: start; } body .elementor [data-id='1c353c41'] { grid-column: 1; grid-row: 1; } body .elementor [data-id='16bcfda0'] { grid-column: 1; grid-row: 2; } body .elementor #trx-pp { grid-column: 2; grid-row: 1 / span 2; align-self: center; } }
body .elementor [data-id='1c353c41'] { grid-template-columns: minmax(0,1fr); }
body .elementor #trx-pp { position: relative; display: flex; flex-direction: column; gap: 14px; padding: clamp(22px,2.4vw,34px); border-radius: 18px; border: 1px solid rgba(251,244,238,.14); background-color: rgba(251,244,238,.04); }
body .elementor #trx-pp-top { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; margin-bottom: 4px; border-bottom: 1px solid rgba(251,244,238,.12); }
body .elementor #trx-pp-team { display: flex; width: auto; flex: 0 0 auto; }
body .elementor #trx-pp-team > div { position: relative; width: 44px; height: 44px; flex: 0 0 44px; margin-left: -10px; border-radius: 50%; border: 2px solid #3B1E3F; background-color: #5A3A5E; }
body .elementor #trx-pp-team > div:first-child { margin-left: 0; background-color: #F0A35E; } body .elementor #trx-pp-team > div:nth-child(2) { background-color: #7A557E; }
body .elementor #trx-pp-team > div::after { content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background-color: #FBF4EE; --ic: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21a8 8 0 0 1 16 0%22/%3E%3C/svg%3E'); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body .elementor #trx-pp-team > div:first-child::after { background-color: #2A142D; }
body .elementor #trx-pp-bars { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; }
body .elementor #trx-pp-n1 { width: 46%; height: 9px; border-radius: 3px; background-color: rgba(251,244,238,.7); }
body .elementor #trx-pp-n2 { width: 30%; height: 6px; border-radius: 3px; background-color: rgba(251,244,238,.28); }
body .elementor #trx-pp-on { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background-color: #7BC59A; box-shadow: 0 0 0 4px rgba(123,197,154,.18); }
body .elementor [id^=trx-pp-m] { display: flex; flex-direction: column; gap: 7px; max-width: 74%; padding: 14px 16px; border-radius: 16px; }
body .elementor [id^=trx-pp-m] > div { height: 7px; border-radius: 3px; }
body .elementor #trx-pp-m1, body .elementor #trx-pp-m3 { align-self: flex-start; border-bottom-left-radius: 4px; background-color: rgba(251,244,238,.1); }
body .elementor #trx-pp-m1 > div, body .elementor #trx-pp-m3 > div { background-color: rgba(251,244,238,.42); }
body .elementor #trx-pp-m2, body .elementor #trx-pp-m4 { align-self: flex-end; border-bottom-right-radius: 4px; background-color: #F0A35E; }
body .elementor #trx-pp-m2 > div, body .elementor #trx-pp-m4 > div { background-color: rgba(42,20,45,.55); }
body .elementor [id^=trx-pp-m] > div:nth-child(1) { width: 100%; } body .elementor [id^=trx-pp-m] > div:nth-child(2) { width: 72%; } body .elementor [id^=trx-pp-m] > div:nth-child(3) { width: 48%; }
body .elementor #trx-pp-m1 { width: 64%; } body .elementor #trx-pp-m2 { width: 70%; } body .elementor #trx-pp-m3 { width: 50%; } body .elementor #trx-pp-m4 { width: 62%; }
@media (max-width: 1024px) { body .elementor #trx-pp { margin-top: 8px; max-width: 560px; } }
@media (prefers-reduced-motion: no-preference) {
  body .elementor #trx-pp-m1 { animation: trxMsg1 12s ease-out infinite; }
  body .elementor #trx-pp-m2 { animation: trxMsg2 12s ease-out infinite; }
  body .elementor #trx-pp-m3 { animation: trxMsg3 12s ease-out infinite; }
  body .elementor #trx-pp-m4 { animation: trxMsg4 12s ease-out infinite; }
  body .elementor #trx-pp-on { animation: trxOn 2.4s ease-in-out infinite; }
}
@keyframes trxMsg1 { 0%, 4% { opacity: 0; transform: translateY(10px); } 8%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: none; } }
@keyframes trxMsg2 { 0%, 16% { opacity: 0; transform: translateY(10px); } 20%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: none; } }
@keyframes trxMsg3 { 0%, 28% { opacity: 0; transform: translateY(10px); } 32%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: none; } }
@keyframes trxMsg4 { 0%, 40% { opacity: 0; transform: translateY(10px); } 44%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: none; } }
@keyframes trxOn { 0%, 100% { box-shadow: 0 0 0 3px rgba(123,197,154,.18); } 50% { box-shadow: 0 0 0 7px rgba(123,197,154,.06); } }
/* ===== FAQs: two columns, sticky heading (matches the Elementor service pages) ===== */

/* AI chatbot line under "You miss the call" (5 Nov 2026) */
#tr-ai{margin-block-start:12px}
#tr-ai a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--nivo-apricot);text-underline-offset:4px}/* End custom CSS */