/* Button */
.service-redirect-button {
    background-color: #1C69D4;
    border: none;
    padding: 1.2rem;
    color: #fff;
    line-height: 1;
    font-family: 'TypeNextProRegular';
    border-radius: 4px;
}

    .service-redirect-button:hover {
        background-color: #0653B6;
    }

/* General colors */
.--light_gray {
    background-color: #F6F4F4;
}

.--blue_text {
    color: #0066B1;
}
/* Combined post (image + paragraph) element */
.customParagraph ul, p, h2 {
    margin: 0 2.5rem;
}

.post-content-wrapper_img_container {
    aspect-ratio: 1;
    overflow: hidden;
}

    .post-content-wrapper_img_container img {
        height: 100%;
        object-fit: cover;
    }

@media (max-width:992px) {
    .post-content-wrapper {
        margin-top: 1.5rem;
    }

    .post-content-wrapper_img_container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width:400px) {
    .customParagraph ul, p, h2 {
        margin: 2rem 0;
    }
}

@media (max-width:768px) {
    .post-content-wrapper {
        flex-direction: column;
    }

        .post-content-wrapper > div {
            margin: 1rem 0;
        }
}
/* Custom paragraph element */
.paragraph-layout p > img {
    width: 100%;
    object-fit: contain;
}

.paragraph-layout p {
    margin: 0;
}

.hide-table table {
    background-color: #F6F4F4;
    border-color: rgba(0, 0, 0, 0.1);
}

    .hide-table table > tbody > tr > th {
        padding: 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .hide-table table > tbody > tr > td {
        padding: 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

.hide-table {
    overflow-x: scroll;
}

    .hide-table::-webkit-scrollbar {
        display: none;
    }

.hide-table {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
/* Discount offer element */
.discount-block {
    height: 20vh;
}

    .discount-block p {
        margin: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 1.5px 1.3px 1.6px rgba(0, 0, 0, 0.019), 3.5px 2.9px 3.6px rgba(0, 0, 0, 0.028), 6.1px 5px 6.3px rgba(0, 0, 0, 0.032), 9.6px 8px 10px rgba(0, 0, 0, 0.035), 14.9px 12.4px 15.5px rgba(0, 0, 0, 0.039), 23.2px 19.3px 24.1px rgba(0, 0, 0, 0.043), 38.5px 32px 40px rgba(0, 0, 0, 0.052), 77px 64px 80px rgba(0, 0, 0, 0.07);
    }

.blue {
    background-color: #0066B1;
    color: #fff;
}

.gray {
    background: #E7E7E7;
}
/* Tire Types */
.tireTypes_layout {
    min-height: 20vh;
    height: auto;
}

.tyre-type_description_container {
    padding: 0 1.5rem;
    height: 75%;
}
/* Gallery */
.gallery-image_container img {
    object-fit: contain;
}
/* Introduction */
.introduction-block_layout {
    padding: 2.5rem;
    flex: 1 1 50%;
}

@media (max-width:748px) {
    .introduction-block_layout {
        padding: 1rem;
        flex: 1 1 100%;
    }
}

.introduction-block_layout p {
    line-height: 1.75em;
    font-size: 1.185rem;
    text-align: left !important;
}

.contact-info_wrapper {
    gap: 20%;
}

@media (max-width:992px) {
    .contact-info_wrapper {
        gap: 5%;
    }
}

@media (max-width:610px) {
    .contact-info_wrapper {
        flex-direction: column;
    }
}

.contact-info_wrapper a {
    text-decoration: none;
}
/* Sale styles */
.sale-content-wrapper {
    border: 1px solid rgba(0,0,0,0.1);
    height: 100%;
}

.sale-content_img-container {
    overflow: hidden;
}

    .sale-content_img-container img {
        width: 100%;
        object-fit: cover;
    }

.sale-content-wrapper h5 {
    color: #fff;
    background-color: #0066B1;
    padding: 2rem 0;
}
/* Rubber mats section */
.accordion-item_custom {
    border: none;
}

    .accordion-item_custom h2 > button:hover,
    .accordion-item_custom h2 > button:active,
    .accordion-item_custom h2 > button:focus {
        color: #0066B1 !important;
        transition: all 200ms;
        background-color: #fff;
    }
/* Wheel block */
.wheel-item-wrapper {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .wheel-item-wrapper img {
        object-fit: contain;
        max-height: 200px;
        width: 100%;
    }

    .wheel-item-wrapper h4 {
        font-family: TypeNextCondensedProBold;
        margin-top: 1rem;
    }

    .wheel-item-wrapper p {
        margin: 1rem 0 0 0;
    }

    .wheel-item-wrapper h6 {
        font-family: TypeNextCondensedProBold;
        margin: 0.5rem 0;
        color: #0066B1;
    }