/*======================================================
    PREMIUM FOOTER
======================================================*/

.angie-global-footer-bb874fed{

background:#071A35;

color:#EEF0F3;

margin:0;

padding:0;

font-family:inherit;

overflow:hidden;

}

/*======================================================
    HERO
======================================================*/

.angie-footer-hero{

position:relative;

padding:90px 0;

overflow:hidden;

background:
radial-gradient(circle at 85% 20%,rgba(200,164,77,.10),transparent 28%),
linear-gradient(135deg,#06162E 0%,#0A2345 45%,#071A35 100%);

}

.angie-footer-hero:before{

content:"";

position:absolute;

inset:0;

background:
linear-gradient(
90deg,
rgba(7,26,53,.94) 0%,
rgba(7,26,53,.80) 48%,
rgba(7,26,53,.25) 100%
);

}

.angie-footer-container{

position:relative;

z-index:5;

max-width:1200px;

margin:auto;

padding:0 35px;

}

.angie-footer-hero-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

}

.angie-footer-badge{

display:inline-block;

padding:10px 22px;

border-radius:50px;

background:rgba(200,164,77,.12);

border:1px solid rgba(200,164,77,.35);

color:#D8B45A;

font-size:13px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:24px;

}

.angie-footer-hero-content h2{

margin:0;

font-size:56px;

font-weight:800;

line-height:1.12;

color:#fff;

}

.angie-footer-hero-content p{

margin:26px 0 34px;

font-size:19px;

line-height:1.9;

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

max-width:620px;

}

.angie-footer-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

margin-bottom:34px;

}

.angie-btn-gold{

display:inline-block;

padding:18px 42px;

background:#C8A44D;

border-radius:60px;

font-size:17px;

font-weight:700;

text-decoration:none;

color:#fff;

transition:.35s;

}

.angie-btn-gold:hover{

background:#D7B55C;

color:#fff;

transform:translateY(-3px);

box-shadow:0 18px 40px rgba(200,164,77,.30);

}

.angie-btn-outline{

display:inline-block;

padding:18px 40px;

border:2px solid rgba(255,255,255,.60);

border-radius:60px;

font-size:17px;

font-weight:700;

text-decoration:none;

color:#fff;

transition:.35s;

}

.angie-btn-outline:hover{

background:#fff;

color:#071A35;

}

.angie-footer-trust{

display:flex;

flex-wrap:wrap;

gap:22px;

font-size:15px;

font-weight:600;

color:#F5F5F5;

}

.angie-footer-trust div{

display:flex;

align-items:center;

}
/*======================================================
    HERO IMAGE
======================================================*/

.angie-footer-hero-image{

position:relative;

display:flex;

justify-content:center;

align-items:center;

}

.angie-footer-hero-image img{

width:100%;

max-width:460px;

display:block;

border-radius:30px;

box-shadow:
0 35px 80px rgba(0,0,0,.38);

border:1px solid rgba(255,255,255,.08);

transition:.45s;

}

.angie-footer-hero-image:before{

content:"";

position:absolute;

top:-18px;

left:50%;

transform:translateX(-50%);

width:92%;

height:100%;

border-radius:34px;

background:
linear-gradient(
135deg,
rgba(200,164,77,.18),
rgba(255,255,255,.04)
);

filter:blur(18px);

z-index:-1;

}

.angie-footer-hero-image:after{

content:"";

position:absolute;

inset:0;

border-radius:30px;

background:
linear-gradient(
180deg,
rgba(7,26,53,.02),
rgba(7,26,53,.25)
);

pointer-events:none;

}

.angie-footer-hero-image:hover img{

transform:translateY(-8px) scale(1.02);

box-shadow:
0 45px 95px rgba(0,0,0,.45);

}

/*======================================================
    MAIN FOOTER
======================================================*/

.angie-footer-main{

background:
linear-gradient(
180deg,
#06162E 0%,
#071A35 100%
);

padding:70px 0 35px;

position:relative;

}

.angie-footer-main:before{

content:"";

position:absolute;

top:0;

left:0;

right:0;

height:1px;

background:
linear-gradient(
90deg,
transparent,
rgba(200,164,77,.55),
transparent
);

}

.angie-footer-top{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:55px;

}

.angie-footer-col h3{

margin:0 0 22px;

font-size:22px;

font-weight:700;

color:#D8B45A;

}

.angie-footer-col p{

margin:0;

font-size:16px;

line-height:1.9;

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

}

.angie-company-rating{

margin-top:28px;

}

.angie-stars{

font-size:24px;

letter-spacing:3px;

color:#E4BE63;

margin-bottom:12px;

}

.angie-rating-text{

font-size:15px;

line-height:1.8;

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

}

.angie-rating-text strong{

display:block;

color:#D8B45A;

font-size:16px;

margin-bottom:3px;

}
/*======================================================
    LINKS
======================================================*/

.angie-footer-links{

list-style:none;

padding:0;

margin:0;

}

.angie-footer-links li{

margin-bottom:14px;

}

.angie-footer-links a{

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

text-decoration:none;

transition:.30s;

font-size:16px;

}

.angie-footer-links a:hover{

color:#D8B45A;

padding-left:8px;

}

/*======================================================
    CONTACT
======================================================*/

.angie-contact-item{

margin-bottom:22px;

}

.angie-contact-item span{

display:block;

margin-bottom:8px;

font-size:13px;

letter-spacing:2px;

text-transform:uppercase;

font-weight:700;

color:#D8B45A;

}

.angie-contact-item a{

color:#fff;

text-decoration:none;

transition:.30s;

}

.angie-contact-item a:hover{

color:#D8B45A;

}

.angie-contact-item p{

margin:0;

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

}

/*======================================================
    NEWSLETTER
======================================================*/

.angie-newsletter-form-bb874fed{

margin-top:22px;

display:flex;

flex-direction:column;

gap:14px;

}

.angie-newsletter-form-bb874fed input{

height:54px;

padding:0 20px;

border-radius:14px;

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

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

color:#fff;

font-size:15px;

outline:none;

}

.angie-newsletter-form-bb874fed input::placeholder{

color:#AEB8C9;

}

.angie-newsletter-form-bb874fed button{

height:54px;

border:none;

border-radius:14px;

background:#C8A44D;

color:#fff;

font-weight:700;

font-size:16px;

cursor:pointer;

transition:.35s;

}

.angie-newsletter-form-bb874fed button:hover{

background:#D7B55C;

transform:translateY(-2px);

box-shadow:0 15px 30px rgba(200,164,77,.25);

}

/*======================================================
    BOTTOM
======================================================*/

.angie-footer-bottom{

margin-top:60px;

padding-top:35px;

border-top:1px solid rgba(255,255,255,.08);

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:25px;

}

.angie-footer-bottom-left p{

margin:0 0 10px;

font-size:15px;

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

}

.angie-footer-legal{

display:flex;

gap:14px;

align-items:center;

font-size:14px;

}

.angie-footer-legal span{

color:rgba(200,164,77,.45);

}

.angie-footer-legal a{

text-decoration:none;

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

transition:.30s;

}

.angie-footer-legal a:hover{

color:#D8B45A;

}

.angie-footer-bottom-right{

display:flex;

gap:16px;

}

.angie-footer-bottom-right a{

width:46px;

height:46px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

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

border:1px solid rgba(200,164,77,.15);

color:#D8B45A;

font-size:18px;

text-decoration:none;

transition:.35s;

}

.angie-footer-bottom-right a:hover{

background:#C8A44D;

color:#071A35;

transform:translateY(-4px);

box-shadow:0 15px 30px rgba(200,164,77,.30);

}

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

@media(max-width:991px){

.angie-footer-hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.angie-footer-buttons{

justify-content:center;

}

.angie-footer-trust{

justify-content:center;

}

.angie-footer-top{

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

gap:40px;

}

}

@media(max-width:767px){

.angie-footer-hero{

padding:70px 0;

}

.angie-footer-container{

padding:0 25px;

}

.angie-footer-hero-content h2{

font-size:38px;

}

.angie-footer-hero-content p{

font-size:17px;

}

.angie-footer-top{

grid-template-columns:1fr;

}

.angie-footer-bottom{

justify-content:center;

text-align:center;

}

.angie-footer-bottom-right{

justify-content:center;

}

}