/* =========================
   BODY
========================= */

body{

    background:#f4f6fb;

    font-family:'Segoe UI',Arial,sans-serif;

}

/* =========================
   HEADER
========================= */

.top-header{

    padding:30px 0;

}

.header-card{

    background:linear-gradient(135deg,#ffffff,#fafafa);

    border-radius:24px;

    padding:35px;

    border-bottom:5px solid #c62828;

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

    overflow:hidden;

    position:relative;

}

.header-card:before{

    content:"";

    position:absolute;

    top:-120px;

    right:-100px;

    width:280px;

    height:280px;

    background:radial-gradient(circle,rgba(198,40,40,.10),transparent 70%);

}

/* =========================
   LOGO
========================= */

.logo{

    width:120px;

    transition:.35s;

    filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));

}

.logo:hover{

    transform:scale(1.05);

}

/* =========================
   COMPANY
========================= */

.company-name{

    font-size:42px;

    font-weight:800;

    color:#b71c1c;

    text-transform:uppercase;

    line-height:1.1;

}

.tagline{

    margin-top:10px;

    font-size:18px;

    color:#666;

}

/* =========================
   PREMIUM STRIP
========================= */

.premium-strip{

display:inline-block;

margin-top:18px;

padding:10px 22px;

border-radius:40px;

background:linear-gradient(90deg,#fff7d7,#ffd873);

font-size:14px;

font-weight:700;

color:#b71c1c;

box-shadow:0 10px 25px rgba(255,193,7,.25);

}

.premium-strip i{

color:#ff9800;

margin-right:8px;

}

/* =========================
   QUOTE CARD
========================= */

.quote-card{

background:#fff;

border-radius:18px;

padding:18px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.quote-card h6{

font-weight:700;

color:#c62828;

margin-bottom:15px;

}

/* =========================
   FEATURE
========================= */

.feature-box{

background:#fff;

border-radius:18px;

padding:28px;

text-align:center;

height:100%;

box-shadow:0 10px 25px rgba(0,0,0,.06);

transition:.35s;

}

.feature-box:hover{

transform:translateY(-6px);

box-shadow:0 18px 40px rgba(198,40,40,.12);

}

.feature-icon{

width:80px;

height:80px;

margin:auto auto 18px;

background:#fff4f4;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:#c62828;

}

/* =========================
   STATS
========================= */

.stats-card{

background:linear-gradient(135deg,#c62828,#9b1d1d);

border-radius:18px;

padding:22px;

text-align:center;

color:#fff;

height:100%;

box-shadow:0 12px 30px rgba(198,40,40,.25);

transition:.35s;

}

.stats-card:hover{

transform:translateY(-6px);

}

.stats-icon{

font-size:32px;

margin-bottom:12px;

}

.stats-number{

font-size:34px;

font-weight:800;

}

.stats-title{

margin-top:8px;

font-size:14px;

}

/* Different Colors */

.row .col-lg-2:nth-child(1) .stats-card{

background:#c62828;

}

.row .col-lg-2:nth-child(2) .stats-card{

background:#1565c0;

}

.row .col-lg-2:nth-child(3) .stats-card{

background:#2e7d32;

}

.row .col-lg-2:nth-child(4) .stats-card{

background:#ff8f00;

}

/* =========================
   WEBSITE
========================= */

.website-card{

background:#fff;

border-radius:18px;

padding:24px;

height:100%;

box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.website-title{

font-size:18px;

font-weight:700;

color:#c62828;

margin-bottom:15px;

}

.website-card a{

display:block;

text-decoration:none;

font-weight:600;

margin:8px 0;

}

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

.contact-box{

background:#fff;

border-radius:18px;

padding:22px;

height:100%;

min-height:150px;

box-shadow:0 10px 25px rgba(0,0,0,.06);

transition:.35s;

}

.contact-box:hover{

transform:translateY(-5px);

}

.contact-title{

display:flex;

align-items:center;

gap:10px;

font-size:15px;

font-weight:700;

color:#c62828;

margin-bottom:12px;

text-transform:uppercase;

}

.contact-title i{

width:40px;

height:40px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#fff3f3;

color:#c62828;

box-shadow:0 5px 15px rgba(198,40,40,.18);

}

.contact-box p{

margin:0;

line-height:1.8;

color:#555;

}

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

@media(max-width:991px){

.company-name{

font-size:28px;

text-align:center;

}

.tagline{

text-align:center;

}

.logo{

margin-bottom:20px;

}

.premium-strip{

display:block;

text-align:center;

}

.quote-card{

margin-top:20px;

}

}