/*
====================================
 PRODUCTS PAGE STYLES
====================================
*/


.products-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image:
    url("../images/products-banner.png");
    background-size:cover;
    background-position:center;
    color:white;
}

.products-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        135deg,
        rgba(8,46,139,.95),
        rgba(30,99,255,.85)
    );


}





.products-content{


    position:relative;


    z-index:2;


}




.products-hero h1{


    font-size:48px;


    font-weight:800;


    max-width:auto;


    margin:25px auto;


}



.products-hero p{


    max-width:750px;


    margin:auto;


    font-size:18px;


    line-height:1.8;


}




.hero-product-buttons{


    margin-top:35px;


    display:flex;


    justify-content:center;


    gap:20px;


}



.hero-product-buttons a{


    padding:14px 30px;


    border-radius:30px;


}



.products-hero h1 {


font-size:48px;

font-weight:800;

margin:20px 0;


}



.products-hero p {


max-width:800px;

margin:auto;

font-size:18px;

line-height:1.8;


}







.products-section {


padding:100px 0;

background:#F7FAFD;


}





.product-card {


height:100%;


background:white;


padding:35px;


border-radius:25px;


border:1px solid #edf2ff;


transition:.35s ease;


box-shadow:

0 10px 30px rgba(0,0,0,.05);


}





.product-card:hover {


transform:translateY(-12px);


box-shadow:

0 25px 50px rgba(30,99,255,.18);


}





.product-icon {


width:75px;

height:75px;


display:flex;

align-items:center;

justify-content:center;


border-radius:20px;


background:

linear-gradient(
135deg,
#1E63FF,
#29A7FF
);


color:white;


font-size:32px;


margin-bottom:25px;


}





.product-card h3 {


color:#082E8B;


font-size:22px;


font-weight:700;


}




.product-card h5 {


color:#1E63FF;


font-weight:700;


}





.product-card p {
color:#666;
line-height:1.8;
}

.product-card h6 {


color:#fff;
line-height:1.8;
font-size:52px;
font-weight:700;


}





.product-buttons {


display:flex;


gap:8px;


flex-wrap:wrap;


margin-top:25px;


}





.product-buttons a {


padding:9px 12px;


font-size:13px;


border-radius:25px;


text-decoration:none;


color:white;


}





.btn-demo {


background:#082E8B;


}



.btn-whatsapp {


background:#25D366;


}



.btn-call {


background:#1E63FF;


}






@media(max-width:768px){


.products-hero h1{


font-size:34px;


}



.product-buttons a{


width:100%;

text-align:center;


}


}