@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body{
    overflow-x: hidden; 
}

a{
    text-decoration: none;
}

p{
    margin: 0;
}

.heading-2{
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}

.text-md-regular{
    font-size: 16px;
    font-weight: 400;
}

.text-md-medium{
    font-size: 16px;
    font-weight: 500;
}


.text-md-semibold{
    font-size: 16px;
    font-weight: 600;
}

.text-md-bold{
    font-size: 16px;
    font-weight: 700;
}

.text-lg-regular{
    font-size: 20px;
    font-weight: 400;
}

.text-lg-medium{
    font-size: 20px;
    font-weight: 500;
}

.text-lg-semibold{
    font-size: 20px;
    font-weight: 600;
}

.text-lg-bold{
    font-size: 20px;
    font-weight: 700;
}

.neutral-30{
    color: #EDEDED;
}

.neutral-50{
    color: #C2C2C2;
}

.neutral-60{
    color: #9E9E9E;
}

.neutral-90{
    color: #404040;
}

.red-primary{
    color: #951A13;
}

.red-pressed{
    color: #4A0D0A;
}

.red-secondary{
    color: #F9F0EF;
}

.bg-red-primary{
    background-color: #951A13;
}

.bg-red-secondary{
    background-color: #F9F0EF;
}

.card-product{
    width: 100%;
    height: 16rem;
    border-color: #EDEDED;
    border-radius: 8px;
    box-shadow: 0px 8px 12px 0px rgba(10, 10, 10, 0.12);
}

.card-product .title{
    font-size: 24px; 
}

.card-pm{
    width: 100%;
    height: 100%;
    border-color: #EDEDED;
    border-radius: 8px;
}

.img-product{
    height: auto; 
    width: 200px!important; 
    bottom:-10px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}

.img-product-title{
    height: auto; 
    width: 200px!important; 
    bottom:-10px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}

.card-product-title{
    font-size: 22px; 
}

.card-product-subtitle{
    font-size: 14px; 
    line-height: initial;
    display: none!important;
}

.sidebar{
    display: none!important;
    width: 280px; 
}

.owl-nav-custom{
    position: relative;
    z-index: 2;
    top: 100px;
}

.owl-nav-custom-mg{
    position: relative;
    z-index: 2;
    top: 100px;
}

.owl-nav-custom-ap{
    position: relative;
    z-index: 2;
    top: 50px;
}

.owl-prev, .owl-next, .owl-prev-mg, .owl-next-mg, .owl-prev-ap, .owl-next-ap{
    border: none;
    background: none;
    position: absolute;
}

.owl-prev, .owl-prev-mg, .owl-prev-ap{
    left: -32px;
}

.owl-next, .owl-next-mg, .owl-next-ap{
    right: -32px;
}

.owl-carousel .owl-stage-outer{
    overflow: visible!important;
}

.content{
    overflow-x: hidden;
}

@media only screen and (min-width: 425px ) and (max-width: 599px) {
    .card-product{
        height: 14rem;   
    }

    .card-product .card-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .img-product{
        height: auto; 
        width: 250px!important; 
        right: -180px;
        bottom: -20px;
    }

    .img-product-title{
        height: auto; 
        width: 250px!important; 
        right: -200px;
        bottom: -20px;
    }

    .card-product .title{
        width: 100px; 
    }

    .card-product-title{
        width: 150px;
    }
}
@media only screen and (min-width: 768px) {
    .card-product{
        height: 14rem;   
    }

    .card-product .card-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .img-product{
        height: auto; 
        width: 250px!important; 
        right: -180px;
        bottom: -20px;
    }

    .img-product-title{
        height: auto; 
        width: 250px!important; 
        right: -230px;
        bottom: -20px;
    }

    .card-product .title{
        width: 100px; 
    }

    .card-product-title{
        width: 150px;
    }

    .card-product-subtitle{
        display: block!important;
        width: 100px;
    }
}
@media only screen and (min-width: 1024px){
    .info-contact{
        display: none;
    }

    .sidebar{
        display: block!important;
    }

    .img-product-title{
        right: -250px;
    }

    .card-product-subtitle{
        width: 150px;
    }

    .sidebar{
        min-height: 100vh;
        height: min-content;
    }

    .content{
        min-height: 100vh;
        height: min-content;
    }
}

@media only screen and (min-width: 1440px){
    .card-product{
        width: 360px;
    }

    .owl-nav-custom-mg{
        display: none;
    }

    .owl-nav-custom-ap{
        display: none;
    }
}

@media only screen and (min-width: 1920px){
    .owl-nav-custom{
        display: none;
    }

}