.elementor-8119 .elementor-element.elementor-element-0695cdf{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8119 .elementor-element.elementor-element-0695cdf:not(.elementor-motion-effects-element-type-background), .elementor-8119 .elementor-element.elementor-element-0695cdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-8119 .elementor-element.elementor-element-9613c20{--display:flex;}.elementor-8119 .elementor-element.elementor-element-57731e5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-41da0e1 */:root{

--trevino-blue:#223670;
--trevino-yellow:#FFC733;
--success:#22c55e;

}



.ty-wrap{

min-height:72vh;
display:grid;
place-items:center;
padding:24px;

background:

radial-gradient(900px 520px at 15% 0%, rgba(255,199,51,.22), transparent 60%),
radial-gradient(900px 520px at 90% 0%, rgba(34,54,112,.16), transparent 60%),

repeating-linear-gradient(
135deg,
rgba(34,54,112,.05) 0px,
rgba(34,54,112,.05) 14px,
rgba(255,199,51,.05) 14px,
rgba(255,199,51,.05) 28px
),

radial-gradient(rgba(34,54,112,.08) 1px, transparent 1px),

#ffffff;

background-size:auto,auto,auto,18px 18px,auto;

font-family:system-ui;

}



.ty-card{

width:min(860px,100%);
text-align:center;
padding:40px;
border-radius:18px;
background:white;
box-shadow:0 14px 40px rgba(0,0,0,.08);
position:relative;

}



.ty-brandbar{

position:absolute;
top:0;
left:0;
right:0;
height:8px;

background:linear-gradient(
90deg,
var(--trevino-blue),
var(--trevino-yellow)
);

}



.ty-icon{

width:118px;
margin:auto;
animation:float 2.4s infinite;

}



.ty-circle{

fill:none;
stroke:var(--success);
stroke-width:6;

stroke-dasharray:176;
stroke-dashoffset:176;

transform:rotate(-90deg);
transform-origin:center;

animation:drawCircle .9s forwards;

}



.ty-check{

fill:none;
stroke:var(--success);
stroke-width:7;

stroke-dasharray:60;
stroke-dashoffset:60;

animation:drawCheck .5s .8s forwards;

}



.ty-title{

font-size:48px;
color:var(--trevino-blue);
margin:10px 0;

}



.ty-subtitle{

color:#555;
margin-bottom:30px;

}



.ty-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:15px;

}



.ty-box{

background:white;
padding:20px;
border-radius:12px;
border:1px solid #eee;

}



.ty-box-accent{

border:2px solid var(--trevino-yellow);

}



.ty-links{

display:grid;
gap:10px;
margin:15px 0;

}



.ty-link{

text-decoration:none;
padding:10px;
background:#f4f6fb;
border-radius:8px;
color:var(--trevino-blue);
font-weight:600;

}



.ty-btn{

display:inline-block;
margin-top:15px;

background:var(--trevino-blue);
color:white;
padding:14px 22px;

border-radius:10px;
font-weight:700;
text-decoration:none;

transition:.25s;

}



/* Hover fix */

.ty-btn:hover{

background:var(--trevino-yellow);
color:white;

}



@keyframes drawCircle{
to{stroke-dashoffset:0}
}

@keyframes drawCheck{
to{stroke-dashoffset:0}
}

@keyframes float{

50%{
transform:translateY(-6px)
}

}



@media(max-width:700px){

.ty-grid{
grid-template-columns:1fr;
}

}/* End custom CSS */