/*
=========================================================
FILE: thanks.css
VERSION: 2.1
PURPOSE: Thank you page styling
=========================================================
*/

body
{
padding-bottom:80px;
}

.thanks_page
{
padding:0;
background:#ffffff;
}

.thanks_band
{
position:relative;
overflow:hidden;
padding:clamp(2.25rem, 4vw, 3.75rem) 0;
}

.thanks_band_top
{
margin-top: -15px;
background:linear-gradient(180deg, #d7efff 0%, #c7e8ff 34%, #edf8ff 100%);
box-shadow:0 24px 40px rgba(40,96,126,0.22);
border-bottom:1px solid #23566d;
position:relative;
z-index:2;
}

.thanks_band_middle
{
background:linear-gradient(180deg, #dff3e3 0%, #cfead6 40%, #eaf7ee 100%);
padding-bottom:5rem;
}

.thanks_band::before,
.thanks_band::after
{
content:"";
position:absolute;
border-radius:50%;
pointer-events:none;
}

.thanks_band_top::before
{
width:420px;
height:420px;
top:-170px;
right:-120px;
background:radial-gradient(circle, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0) 72%);
}

.thanks_band_top::after
{
width:300px;
height:300px;
bottom:-120px;
left:-90px;
background:radial-gradient(circle, rgba(186,230,255,0.40) 0%, rgba(186,230,255,0.12) 45%, rgba(186,230,255,0) 74%);
}

.thanks_hero_main,
.thanks_hero_side,
.thanks_card,
.thanks_cms_copy
{
background:#ffffff;
border:2px solid #7db8d3;
border-radius:1.5rem;
box-shadow:0 20px 42px rgba(17,17,17,0.12);
margin-bottom: 40px;
}

.thanks_hero_main
{
padding:1.6rem;
}

.thanks_hero_side
{
padding:1.45rem;
background:linear-gradient(180deg, #fffdf4 0%, #fff6d5 100%);
}

.thanks_kicker
{
display:block;
width:fit-content;
margin:0 auto 1.25rem auto;

padding:0.7rem 1.6rem;

border-radius:999px;

background:#7db8d3;
border:2px solid #23566d;

color:#ffffff;
font-size:0.95rem;
font-weight:700;
letter-spacing:0.06em;
text-transform:uppercase;

text-align:center;

box-shadow:0 10px 22px rgba(35,86,109,0.25);
}

.thanks_kicker_large
{
display:block;
margin:0 auto 1.4rem auto;
font-size:1.05rem;
padding:0.85rem 2.2rem;
}

.thanks_hero_main h1
{
margin:0 0 0.9rem;
font-size:clamp(1.8rem, 4vw, 2.8rem);
line-height:1.1;
text-align:center;
}

.thanks_lead
{
margin:0 0 0.85rem;
font-size:1.05rem;
line-height:1.75;
color:#2f2f2f;
text-align:justify;
}

.thanks_text
{
margin:0;
font-size:1rem;
line-height:1.8;
color:#4a4a4a;
text-align:justify;
}

.thanks_hero_side h2,
.thanks_card h2,
.thanks_cms_copy h2
{
margin:0 0 1rem;
font-size:1.25rem;
line-height:1.25;
text-align:center;
}

.thanks_steps
{
display:grid;
gap:1rem;
}

.thanks_step
{
display:grid;
grid-template-columns:auto 1fr;
gap:0.85rem;
align-items:start;
}

.thanks_step_no
{
display:inline-flex;
align-items:center;
justify-content:center;
width:2rem;
height:2rem;
border-radius:999px;
background:#f2b300;
color:#111111;
font-weight:700;
font-size:0.95rem;
flex-shrink:0;
box-shadow:0 8px 16px rgba(17,17,17,0.12);
}

.thanks_step strong
{
display:block;
margin-bottom:0.2rem;
line-height:1.4;
}

.thanks_step p
{
margin:0;
line-height:1.7;
color:#4d4d4d;
}

.thanks_trust_strip
{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr;
gap:1rem;
margin-top:1.2rem;
}

.thanks_trust_item
{
padding:1.15rem 1.1rem;
background:#fff1b5;
border:2px solid #7db8d3;
border-radius:1.2rem;
box-shadow:0 16px 32px rgba(0,0,0,0.14);
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
min-height:110px;
}

.thanks_trust_item strong
{
display:block;
margin-bottom:0.25rem;
font-size:1rem;
color:#111111;
}

.thanks_trust_item span
{
display:block;
font-size:0.94rem;
line-height:1.55;
color:#444444;
text-align:center;
}

.thanks_trust_item a
{
color:#23566d;
text-decoration:underline;
}

.thanks_grid
{
display:grid;
grid-template-columns:1fr;
gap:1.2rem;
margin-bottom:1rem;
}

.thanks_card
{
padding:1.45rem;
}

.thanks_card_primary
{
background:#f9fbfc;
}

.thanks_card p
{
margin:0;
line-height:1.8;
color:#4a4a4a;
text-align:justify;
}

.thanks_cms_copy
{
margin-top:1.5rem;
padding:1.6rem;
text-align:center;
}

.thanks_cms_copy .wysiwyg p
{
text-align:justify;
}

.social_media_bar_section
{
margin-top:2rem;
}

@media (min-width: 900px)
{
.thanks_hero
{
position:relative;
z-index:2;
display:grid;
grid-template-columns:2fr 1fr;
gap:1.2rem;
align-items:stretch;
}

.thanks_hero_main
{
grid-column:1;
grid-row:1;
}

.thanks_hero_side
{
grid-column:2;
grid-row:1;
}

.thanks_trust_strip
{
grid-template-columns:1fr 1fr 1fr;
}

.thanks_trust_item:nth-child(1)
{
grid-column:1;
}

.thanks_trust_item:nth-child(2)
{
grid-column:2;
}

.thanks_trust_item:nth-child(3)
{
grid-column:3;
}

.thanks_grid
{
grid-template-columns:repeat(3, 1fr);
align-items:stretch;
}
}