/*=========================================================
    QUIBE THEME V1.0
=========================================================*/



/*=========================================================
    01 RESET
=========================================================*/

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



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

body{

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    background:#f8f9fb;

    color:#222;

    font-size:15px;

    line-height:1.6;

}



/*=========================================================
    03 LINKS
=========================================================*/

a{

    color:#222;

    text-decoration:none;

    transition:.25s;

}

a:hover{

    color:#0d6efd;

}



/*=========================================================
    04 CONTAINER
=========================================================*/

.q-container{

    width:100%;

    max-width:1380px;

    margin:auto;

    display:flex;

    gap:30px;

    padding:40px 20px;

}



.q-content{

    flex:1;

}



/*=========================================================
    05 HERO
=========================================================*/

.q-hero-section{

    width:100%;

    margin:0;

    padding:0;

}

.q-hero-section .swiper,
.q-hero-section .carousel,
.q-hero-section .slideshow{

    width:100%;

}



/*=========================================================
    06 BUTTON
=========================================================*/

.btn{

    border-radius:8px;

    transition:.3s;

}

.btn-primary{

    background:#0d6efd;

    border:none;

}

.btn-primary:hover{

    background:#0b5ed7;

}



/*=========================================================
    07 PRODUCT CARD
=========================================================*/

.product-thumb{

    background:#fff;

    border:1px solid #ececec;

    border-radius:10px;

    overflow:hidden;

    transition:.3s;

}

.product-thumb:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 30px rgba(0,0,0,.08);

}



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

header{

    background:#fff;

    box-shadow:0 2px 12px rgba(0,0,0,.04);

}



/*=========================================================
    09 MENU
=========================================================*/

.navbar{

    background:#fff;

}



/*=========================================================
    10 FOOTER
=========================================================*/

footer{

    margin-top:80px;

    background:#1f1f1f;

    color:#fff;

    padding:60px 0;

}



/*=========================================================
    11 MOBILE
=========================================================*/

@media(max-width:991px){

.q-container{

display:block;

padding:20px;

}

}