:root{--red:#c41e3a;--red2:#c41e3a;--ink:#101216;--muted:#68707b;--line:#e4e7eb;--bg:#f5f6f7;--white:#fff}

.material-symbols-outlined {
    font-variation-settings:
          "FILL" 0,
          "wght" 400,
          "GRAD" 0,
          "opsz" 24;
}

.red-line-acc {
    position: relative;
}

.red-line-acc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #c41e3a;
}

.flat-card {
    border: 1px solid #e2e2e2;
    transition: all 0.2s ease;
}

.flat-card:hover {
    border-color: #9e0027;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.bg-gradient-subtle {
    background: linear-gradient(180deg, #f9f9f9 0%, #f3f3f4 100%);
}

[id] {
    scroll-margin-top: 80px;
}

a.myhover:hover, button.myhover:hover {
    background-color: #9e172d !important;
}

header {
    white-space: nowrap;
}

header nav {
    flex: 1 1 auto;
}

header nav .w {
    justify-content: center;
}

header.small nav .w {
    opacity: 0;
    visibility: hidden;    
}

header>div {
    gap: 30px;
    position: relative;
}

header .logo {
    width: clamp(10.938rem, 8.239rem + 11.52vw, 16.875rem);
    max-width: 100%;
}

button {
    cursor: pointer;
}

header .btn span, header .menu_btn span {
    display: block;
}

header .btn .t {
    display: none;
}

header nav a {
    margin: 0 15px;
}

header .menu_btn {
    position: absolute;
    top: 50%;
    right: var(--spacing-gutter);
    transform: translateY(-50%);
    display: none;
}

header.small .menu_btn {
    display: block;
}

header.small .side {
    transform: translateX(-55px);
}

h1 {
    font-size: clamp(1.875rem, 1.364rem + 2.18vw, 3rem);
}

#hero a {
    line-height: 1.5;
}

.py-section-padding {
    padding-top: clamp(3.75rem, 2.045rem + 7.27vw, 7.5rem);
    padding-bottom: clamp(3.75rem, 2.045rem + 7.27vw, 7.5rem);
}

.res_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 49;
    display: flex;
    flex-direction: column;
    gap: 3rem;    
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 100px 20px 20px 20px;
    transform: translateY(-100%);
    transition: transform 200ms;
}

.res_menu.open {
    transform: translateY(0);
}

.res_menu a {
    font-size: 1.125rem;
}

footer {
    text-align: center;
}

footer .logo {
    max-width: min(100%, 300px);
    margin: 0 auto 8px auto;
}

footer a {
    text-decoration: none;
}

.section .wrap {
    max-width:1180px;
    margin:auto
}

.section .eyebrow {
    font-size:11px;
    letter-spacing:2.2px;
    font-weight:800;
    color:var(--red);
    text-transform:uppercase;
    margin-bottom:15px
}

.section h2 {
    font-size:clamp(28px,3.5vw,46px);
    line-height:1.04;
    letter-spacing:-1.5px;
    margin:0 0 18px;
    font-weight:800
}

.section .lead {
    font-size:17px;
    line-height:1.65;
    color:#59616c;
    max-width:700px;
    margin:0
}

.section .top {
    display:flex;
    justify-content:space-between;
    gap:40px;
    align-items:end;
    margin-bottom:36px
}

.section .badge {
    border:1px solid #f0b4c0;
    background:#fff5f7;
    color:var(--red);
    padding:12px 16px;
    font-size:12px;
    font-weight:700;
    border-radius: 8px;
    line-height:1.35;
    max-width:220px
}

.section .feature {
    display:grid;
    grid-template-columns:1.04fr 1fr;
    gap:18px;
    margin-bottom:18px
}

.section .statement {
    min-height:280px;
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#17191d,#30343b);
    color:#fff;
    padding:34px 36px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-radius: 8px;
}

.section .statement h3 {
    font-size:30px;
    max-width:430px;
    line-height:1.1;
    margin:0 0 14px;
    position:relative;
    z-index:1
}

.section .statement p {
    font-size:15px;
    line-height:1.55;
    color:#d9dde2;
    max-width:490px;
    position:relative;
    z-index:1;
    margin:0
}

.section .quote {
    border-left:3px solid var(--red);
    padding-left:14px;
    font-size:14px;
    color:#f4f5f6;
    position:relative;
    z-index:1
}

.section .solutions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}

.section .solution {
    background:#fff;
    border:1px solid var(--line);
    padding:27px 25px;
    position:relative;
    box-shadow:0 7px 22px rgba(20,28,38,.045);
    border-radius: 8px;
    overflow: hidden;
}

.section .solution:before {
    content:'';
    width:100%;
    height:4px;
    background:var(--red);
    position:absolute;
    top:0;
    left:0
}

.section .num {
    font-size:12px;
    color:var(--red);
    font-weight:800;
    letter-spacing:1px
}

.section .solution h4 {
    font-size:19px;
    line-height:1.2;
    margin:22px 0 10px
}

.section .solution p {
    font-size:15px;
    line-height:1.55;
    color:var(--muted);
    margin:0
}

.section .benefits {
    background:#fff;
    border:1px solid var(--line);
    padding:27px 30px 30px;
    box-shadow:0 8px 25px rgba(20,28,38,.04);
    border-radius: 8px;
}

.section .benefit-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px
}

.section .benefit-head h3 { 
    font-size:20px;
    margin:0
}

.section .benefit-head span {
    font-size:12px;
    color:var(--muted)
}

.section .grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px
}

.section .item {
    display:flex;
    gap:10px;
    align-items: center;
    padding:13px 12px;
    background:#f8f9fa;
    border:1px solid #eef0f2;
    min-height:67px
}

.section .check {
    width:20px;
    height:20px;
    flex:0 0 20px;
    background:var(--red);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:12px;
    font-weight:800;
    margin-top:1px
}

.section .item b {
    display:block;
    font-size:12px;
    line-height:1.28
}

.section .cta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:var(--red);
    color:#fff;
    padding:23px 28px;
    margin-top:18px;
    border-radius: 8px;
}

.section .cta strong {
    font-size:19px
}

.section .cta small {
    display:block;
    color:#ffdfe5;
    margin-top:4px
}

.section .button {
    background:#fff;
    color:var(--red);
    text-decoration:none;
    font-weight:800;
    font-size:12px;
    padding:14px 19px;
    white-space:nowrap;
    transition: all 200ms;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 3px;
}

.section .button:hover {
    background: #9e172d;
    color: #fff;    
}

.alert {
    position: fixed;
    z-index: 500;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 90%;
    max-width: 650px;
    padding: 2rem;
    box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.7);
    text-align: center;
    border-radius: 8px;
    color: #000;
}

.alert p {
    margin-bottom: 1rem;
}

.alert button {
    background: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #c41e3a;
    border-radius: 4px;
    transition: all 200ms;
}

.alert button:hover {
    background: #9e172d;
    color: #fff;
}

form p {
    margin-bottom: 10px;
}

.people {
    margin-bottom: 25px;
}

div.freeprivacypolicy-com---nb-simple {
	 max-width: 100%;
	 width: 100%;
}
 div.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
	 background-color: rgba(225,225,225,0.95);
}
 div.freeprivacypolicy-com---nb .cc-nb-text {
	 font-size: 14px;
	 margin-bottom: 0.75rem;
}
 div.freeprivacypolicy-com---nb .cc-nb-title {
	 font-size: 18px;
	 margin-bottom: 0.5rem;
}
 div.freeprivacypolicy-com---nb .cc-nb-main-container {
	 padding: 1rem;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-okagree, div.freeprivacypolicy-com---palette-light .cc-nb-reject, div.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
	background: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #c41e3a;
    border-radius: 4px;
    transition: all 200ms;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-okagree:hover, div.freeprivacypolicy-com---palette-light .cc-nb-reject:hover, div.freeprivacypolicy-com---palette-light .cc-cp-foot-save:hover {
	background: #9e172d;
    color: #fff;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-okagree:focus, div.freeprivacypolicy-com---palette-light .cc-nb-reject:focus, div.freeprivacypolicy-com---palette-light .cc-cp-foot-save:focus {
	 box-shadow: none;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-reject {
	 display: none;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-changep {
	background: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #c41e3a;
    background-color: #fff;
    border-radius: 4px;
    transition: all 200ms;
    box-shadow: inset 0 0 0 1px #c41e3a;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-changep:hover {
	background: #c41e3a;
    color: #fff;
}
 div.freeprivacypolicy-com---palette-light .cc-nb-changep:focus {
	 box-shadow: none;
}
 div.freeprivacypolicy-com---palette-light .cc-cp-body-content-entry a {
	 color: #000;
}
 div.freeprivacypolicy-com---palette-light .cc-cp-body-content-entry a:focus {
	 box-shadow: none;
}
 .cc-custom-checkbox input {
	 visibility: hidden;
	 opacity: 0;
}

@media (min-width: 768px) {
    footer {
        text-align: left;
    }

    footer .logo {
        margin-left: 0;
    }
}

@media (min-width: 1100px) {
    header .btn span {
        display: none;
    }

    header .btn span.t {
        display: inline;
    }
}

@media (max-width: 599px) {
    header>div {
        gap: 15px;
    }

    .people {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 30px;
    }

    .people_wrp {
        text-align: center;
    }
}

@media (max-width: 599px), (min-width: 768px) and (max-width: 1099px) {
    form .grid-cols-2 {
        grid-template-columns: 1fr;
    }
}

@media(max-width:800px) {   
    .section .top {
        display:block
    }
    
    .section .badge {
        margin-top:22px
    }
    
    .section .feature {
        grid-template-columns:1fr
    }
    
    .section .grid {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(max-width:520px) {
    .section .solutions {
        grid-template-columns:1fr
    }
    
    .section .grid {
        grid-template-columns:1fr
    } 
    
    .section .statement {
        padding:27px 24px
    }
    
    .section .benefits {
        padding:22px 18px
    }
    
    .section .cta {
        display:block
    }
    
    .section .button {
        display:inline-flex;
        margin-top:17px
    }
}