@font-face{
font-family: Mont;
src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face{
font-family: Mont;
src: url('../fonts/Montserrat-Bold.ttf');
}

/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Mont',sans-serif;
background:#fff;
overflow-x:hidden;
}

a{
text-decoration:none;
}

img{
max-width:100%;
display:block;
}

/* TOP BAR */

.pv-top-offer{
background:#b5d589;
color:#17365d;
text-align:center;
padding:10px;
font-size:16px;
font-weight:800;
letter-spacing:1px;
}

.pv-top-offer span{
font-weight:800;
}

.pv-alert-bar{
background:#203f5f;
color:#fff;
text-align:center;
padding:7px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
}

/* HEADER */

.pv-site-header{
background:#9db7cc;
padding:12px 0;
}

.pv-brand-holder{
display:flex;
justify-content:center;
align-items:center;
}

.pv-brand-holder img{
width:220px;
}

/* HERO (LEGACY STYLES RETAINED FOR RESPONSIVE INHERITANCE) */

.pv-hero{
position:relative;
padding:60px 0 0;
background:#fff;
}

.pv-container{
width:1200px;
max-width:95%;
margin:auto;
}

.pv-hero-wrapper{
display:flex;
justify-content:center;
align-items:center;
}

.pv-hero-right{
width:100%;
max-width:850px;
text-align:center;
}

.pv-small-badge{
display:inline-block;
background:#ff8b4b;
color:#fff;
padding:8px 18px;
border-radius:30px;
font-size:13px;
font-weight:600;
margin-bottom:20px;
}

.pv-hero-right h1{
font-size:60px;
line-height:1.1;
color:#214c75;
font-weight:800;
margin-bottom:18px;
}

.pv-hero-right p{
color:#ff7a45;
font-size:18px;
font-weight:600;
line-height:1.7;
margin-bottom:35px;
}

.pv-action-trigger{
display:inline-block;
background:#b3d47d;
color:#fff;
padding:18px 40px;
border-radius:50px;
font-size:18px;
font-weight:700;
transition:.3s;
}

.pv-action-trigger:hover{
transform:translateY(-3px);
}

.pv-promo-wrap{
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 20px;
    font-family: Arial, sans-serif;
}

.pv-promo-label{
    font-size:20px;
    font-weight:500;
    color:#002b5c;
}

.pv-promo-value{
    background: #ff8b4b;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 6px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* DECORATIVE ELEMENTS */

.pv-paw{
position:absolute;
opacity:.15;
pointer-events:none;
}

.pv-paw img{
width:120px;
}

.pv-paw1{
left:40px;
bottom:90px;
}

/* PRODUCT LIST */

.pv-features-grid{
margin-top:50px;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:50px;
}

.pv-features-grid li{
list-style:none;
font-size:22px;
color:#214c75;
font-weight:600;
position:relative;
padding-left:18px;
}

.pv-features-grid li::before{
content:"";
    width:8px;
    height:8px;
    background:#ff7a45;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

/* TESTIMONIAL */

.pv-review-section{
padding:60px 20px;
}

.pv-card-layout{
max-width:1200px;
margin:auto;
display:flex;
gap:40px;
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.pv-media-side{
flex:1;
}

.pv-media-side img{
width:100%;
height:443px;
object-fit:cover;
}

.pv-details-side{
flex:1;
padding:25px 40px;
}

.pv-details-side h2{
font-size:30px;
margin-bottom:10px;
color:#222;
}

.pv-status-badge{
margin:15px 0 20px;
}

.pv-status-text{
display:block;
font-size:16px;
font-weight:700;
color:#222;
margin-bottom:8px;
}

.pv-rating-stars{
font-size:22px;
line-height:1;
}

blockquote{
margin-top:25px;
padding:20px;
background:#f5f5f5;
border-left:4px solid #3ec6a0;
border-radius:10px;
font-size:16px;
line-height:1.7;
color:#333;
}

.pv-attribution{
margin-top:15px;
font-weight:700;
color:#222;
}

/* FOOTER */

.pv-site-footer{
border-top:1px solid #ddd;
padding:18px 10px;
text-align:center;
color:#5d7590;
font-size:14px;
margin-top:40px;
}

/* TABLET */

@media(max-width:991px){

.pv-hero-right h1{
font-size:44px;
}

.pv-features-grid{
gap:25px;
}

.pv-paw{
display:none;
}

.pv-card-layout{
flex-direction:column;
}
}

/* MOBILE */

@media(max-width:576px){

.pv-hero{
padding:20px 0 0;
}

.pv-top-offer{
font-size:11px;
padding:8px;
}

.pv-alert-bar{
font-size:10px;
}

.pv-brand-holder img{
width:180px;
}

.pv-hero-right h1{
font-size:30px;
line-height:1.2;
}

.pv-hero-right p{
font-size:14px;
line-height:1.5;
margin-bottom:25px;
}

.pv-small-badge{
display:block;
font-size:14px;
line-height:1.5;
margin:0 auto 18px;
}

.pv-action-trigger{
padding:14px 30px;
font-size:16px;
}

.pv-features-grid{
gap:15px;
margin-top:30px;
}

.pv-features-grid li{
font-size:18px;
}

.pv-details-side{
padding:25px;
}

.pv-details-side h2{
font-size:26px;
}

.pv-media-side img{
height:300px;
}

blockquote{
font-size:15px;
}

.pv-site-footer{
font-size:12px;
margin-top:20px;
}
}

.pv-banner-section
{
    height: auto;
    min-height:100vh;
    width:100%;
    background-image: url('../../assets/images/desktop LP Banner _2400 1200 (10).png');
    background-size: 100% 100%;     
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    padding: 60px;
}

.pv-banner-section::before{
    content:"";
    position:absolute;
    inset:0;
}

.pv-banner-box{
    position: relative;
    z-index: 2;
    max-width: 530px;
    text-align: left;
    padding: 28px;
    border-radius: 20px;
}

.pv-tag-pill{
    display:inline-block;
    background:#ff8b4b;
    color:#fff;
    padding:15px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
}

.pv-banner-box h1{
    font-size:38px;
    line-height:1.1;
    color:#214c75;
    margin-bottom:20px;
    font-weight:700;
}

.pv-banner-box p{
    font-size: 20px;
    color: #ff7a45;
    font-weight: 530;
    margin-bottom: 17px;
}

.pv-action-trigger{
    display:inline-block;
    background:#b3d47d;
    color:#fff;
    padding:18px 40px;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.pv-action-trigger:hover{
    transform:translateY(-3px);
}

@media(max-width:768px){

    .pv-banner-section{
        justify-content:center;
        padding:20px;
        min-height:500px;
    }

    .pv-banner-box{
        max-width:100%;
        text-align:center;
        padding:25px;
        margin-top: 20px;
    }

    .pv-banner-box h1{
        font-size:25px;
        line-height: 1.2;
    
    }
    .pv-promo-wrap {
        align-items: center;
        justify-content: center;
    }

    .pv-banner-box p{
        font-size:16px;
    }

    .pv-action-trigger{
        width:76%;
        text-align:center;
    }
}

/* Mobile Banner */

@media (max-width:768px){

    .pv-banner-section{
        height:100vh;
        padding:20px;
        padding-top: 25px;
        background-image:url('../../assets/images/mob.png');
        background-size:cover;
        background-position:center top;
    }

}