/*------------------------------------
  Front Page
------------------------------------*/

.front-page{

    overflow:hidden;

}

/* container */

.front-page .container{

    max-width:1200px;

    margin:auto;

    padding:0 20px;

}

/* section */

.front-page section{

    padding:80px 0;

}

/* title */

.front-page h2{

    font-size:36px;

    margin-bottom:50px;

    text-align:center;

}

/* button */

.button{

    display:inline-block;

    padding:14px 32px;

    background:#0A6FD6;

    color:#fff;

    text-decoration:none;

    border-radius:30px;

    transition:.3s;

}

.button:hover{

    transform:translateY(-3px);

}

.button-outline{

    background:#fff;

    color:#0A6FD6;

    border:2px solid #0A6FD6;

}

/* grid */

.product-grid,

.service-grid{

    display:grid;

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

    gap:30px;

}

/* card */

.card,

.product-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    transition:.3s;

}

.card:hover,

.product-card:hover{

    transform:translateY(-6px);

}

/* image */

.product-card img{

    width:100%;

    display:block;

}

/* tablet */

@media(max-width:991px){

.product-grid,

.service-grid{

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

}

}

/* mobile */

@media(max-width:768px){

.front-page section{

padding:50px 0;

}

.front-page h2{

font-size:28px;

}

.product-grid,

.service-grid{

grid-template-columns:1fr;

}

}