﻿.wrapper {
    margin: auto;
}

.block {
    margin-bottom: 20px;
    padding: 4rem 1rem;
    text-align: center;
}

.spec-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.spec-card {
    background: white;
    padding: 10px 15px;
    font-weight: bold;
}

.header-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.grid-table {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.grid-cell {
    padding: 10px;
    text-align: center;
    background: white;
    margin-bottom:4px;
}

.grid-header {
    font-weight: bold;
    background:#f7f7f7;
}

@media (max-width: 768px) {
    .grid-table {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .grid-row {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .grid-cell {
        flex: 1;
        min-width: 80px;
        text-align: center;
    }
}


/*.block .grid-cell,
.block .header-title {
    font-family: Poppins;
}*/


@media (min-width: 768px) {

    /* For padding-start */
    .tate-6,
    .typical-application-text-end-6 {
        padding-right: 6rem; 
    }

    .tate-7,
    .typical-application-text-end-7 {
        padding-right: 7rem; 
    }

    .tate-8,
    .typical-application-text-end-8 {
        padding-right: 8rem; 
    }

    .rpte-6,
    .related-products-text-end-6 {
        padding-right: 6rem; 
    }

    .rpte-7,
    .related-products-text-end-7 {
        padding-right: 7rem; 
    }

    .rpte-8,
    .related-products-text-end-8 {
        padding-right: 8rem; 
    }

    .kfe-6,
    .key-features-end-6 {
        padding-right: 6rem; 
    }

    .kfe-7,
    .key-features-end-7 {
        padding-right: 7rem; 
    }

    .kfe-8,
    .key-features-end-8 {
        padding-right: 8rem; 
    }

    /* For padding-start */
    .tats-6,
    .typical-application-text-start-6 {
        padding-left: 6rem; 
    }

    .tats-7,
    .typical-application-text-start-7 {
        padding-left: 7rem; 
    }

    .tats-8,
    .typical-application-text-start-8 {
        padding-left: 8rem; 
    }

    .rpts-6,
    .related-products-text-start-6 {
        padding-left: 6rem; 
    }

    .rpts-7,
    .related-products-text-start-7 {
        padding-left: 7rem; 
    }

    .rpts-8,
    .related-products-text-start-8 {
        padding-left: 8rem; 
    }

    .kfs-6,
    .key-features-start-6 {
        padding-left: 6rem; 
    }

    .kfs-7,
    .key-features-start-7 {
        padding-left: 7rem; 
    }

    .kfs-8,
    .key-features-start-8 {
        padding-left: 8rem; 
    }

    .contact-picture-padding img {
        padding: 4rem 4rem 0 4rem;
    }
}


.no-borders .listing.listing_data-list .item.items-1:not(:last-child)::before {
    content: none;
}

/*Contact form*/
.form form .form-inner .form-group textarea,
.form form .form-inner .form-group input {
    border: none;
    border-bottom: 1px solid;
    background: none;
}
.form form .form-inner .form-group label{
    display:none;
}


/*Repeatable accordiaon*/
.c2-bg .repeatable.tab-basic .repeatable-content {
    border: none;
    border-bottom: 1px solid #ae5d56;
}
.usn_cmp_accordiontab .component-inner .container .accordion p.tab a.nav-link,
.container .component-main .item .accordion p.tab a.nav-link {
    background: none;
    border: none;
}

    .usn_cmp_accordiontab .component-inner .container .accordion p.tab a.nav-link.collapsed,
    .container .component-main .item .accordion p.tab a.nav-link.collapsed {
        border-bottom: 1px solid #ae5d56;
    }

.directional-icons-triangle .repeatable.accordion .tab .nav-link::after {
    content: "+";
    color: #ae5d56;
    font-weight:bold;
    font-size:1.2rem;
}
.directional-icons-triangle .repeatable.accordion .tab .nav-link:not(.collapsed)::after {
    content: "-";
    color: #ae5d56;
    font-weight: bold;
    font-size: 1.6rem;
}


