.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}



.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
    background: #FAFAFA;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

@media screen and (max-width:480px) {

    .producttitle,
    .Sidebar {
        position: unset !important;
    }
}

.producttitle {
    background: #e8f1ff;
    padding: 15px;
    position: sticky;
    top: 70px;
    z-index: 20;
}

.producttitle h2 {
    font-size: 16px;
    margin-bottom: 0;
}

.product-wrapper {
    background-color: rgb(255 255 255 / 1);
    margin-bottom: 20px;
    border: 0.5px solid rgb(226 226 226);
    padding: 0;
}

.p-15 {
    padding: 15px;
}

.border-radius-8 {
    border-radius: 8px;
}

thead.thead-light th {
    background: #F6F6F6 !important;
}

.wizard-steps.artin {
    margin: 0;
    position: relative;
    text-align: right;
    padding: 0;
}

.wizard-steps.artin>.wz-steps {
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    gap: 20px;
}

.wizard-steps.artin>.wz-steps .wz-step {
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-left: -0.5%;
    position: relative;
    text-align: center;
    flex: 1 0 10%;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    padding: 15px;
    border-radius: var(--border-radius);
    border-bottom: 2px solid transparent;
    transition: all 0.2s linear;
}

.wizard-steps.artin>.wz-steps .wz-step svg {
    width: 65px;
    height: 50px;
    fill: var(--accent-color);
    transition: fill ease-in-out 0.2s;
}

.wizard-steps.artin>.wz-steps .wz-step.active:after {
    /* content: ''; */
    border-top: 6px solid var(--accent-color);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    opacity: 1;
    position: absolute;
    bottom: -8px;
}

.wizard-steps.artin>.wz-steps .wz-step.active:before,
.wizard-steps.artin>.wz-steps .wz-step:hover:before {
    border-bottom: 6px solid var(--accent-color);
}

.wizard-steps.artin>.wz-steps .wz-step.active:before,
.wizard-steps.artin>.wz-steps .wz-step:hover:before {
    transform: rotate(180deg);
}

.wizard-steps.artin>.wz-steps .wz-step:before {
    content: '';
    border-bottom: 6px solid #ccc;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    opacity: 1;
    position: absolute;
    bottom: -2px;
    transform-origin: center bottom;
    transition: all 0.1s linear;
}

.wizard-steps.artin>.wz-steps .wz-step.disable,
.wizard-steps.artin>.wz-steps .wz-step.disabled {
    cursor: not-allowed;
    opacity: .5;
}

.wizard-steps.artin>.wz-steps .wz-step.active,
.wizard-steps.artin>.wz-steps .wz-step:hover {
    border-bottom: 2px solid var(--accent-color);
    background: #fff;
    filter: drop-shadow(0 0 10px rgb(191 191 191 / 10%));
    border-radius: 5px;
    transform: translateY(15px);

}

.wizard-steps.artin>.wz-steps .wz-step a {
    color: #000;
}

.wizard-steps.artin>.wz-steps .wz-step.active svg,
.wizard-steps.artin>.wz-steps .wz-step:hover svg {
    fill: #3c4354 !important;
}

.wizard-steps.artin>.wz-steps .wz-step>span {
    background-color: #62b965;
    border: 2px solid #62b965;
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    right: calc(50% - 13px);
    position: absolute;
    top: 0;
    width: 26px;
    transition: all 300ms ease-in-out 0s;
    z-index: 3;
}

.wizard-steps.artin>.wz-steps .wz-step>span::before {
    color: #fff;
    content: '\f26b';
    font-family: 'Material-Design-Iconic-Font';
    font-size: 15px;
    font-weight: 700;
    right: 4px;
    line-height: 1;
    position: absolute;
    top: 4px;
}

.wizard-steps.artin>.wz-steps .wz-step.active>span,
.wizard-steps.artin>.wz-steps .wz-step:hover>span {
    background-color: #fff;
}

.wizard-steps.artin>.wz-steps .wz-step.active>span::before,
.wizard-steps.artin>.wz-steps .wz-step:hover>span::before {
    content: '\f158';
    color: #62b965;
    right: 5px;
}


.wizard-steps.artin>.wz-steps .wz-step.active~.wz-step>span,
.wizard-steps.artin>.wz-steps .wz-step:hover~.wz-step>span {
    background-color: #fff;
    border-color: #ddd;
}

.wizard-steps.artin>.wz-steps .wz-step.active~.wz-step>span:before,
.wizard-steps.artin>.wz-steps .wz-step:hover~.wz-step>span:before {
    content: none;
}

.wizard-steps.artin>.step-content {
    padding-top: 30px;
    min-height: 250px;
}

.top-section h1 {
    display: inline-block;
    font-size: 1.2rem;
    color: #000;
    font-weight: 400;
}

.top-section .subtitle {
    font-weight: 400 !important;
}

article.bazarsteelcatintroduce.row {
    margin-bottom: 60px;
}

select.DropDownFilterColumn[data-selectoptionid=" 0"] {
    display: none;
}

.Sidebar {
    position: sticky;
    top: 10%;
    align-self: start;
}




.custom-style-descbox__show {
    border-radius: 10px;
    padding: 20px;
    margin: 10px 0;
    height: 300px;
    background-color: white;
    overflow: hidden;
    position: relative;
}

.custom-style-descbox__show p {
    color: #787878;
    line-height: 2;
    text-align: justify;
    text-align-last: right;
}

.shadow-hide-reone {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 128px;
    background: rgb(255, 255, 255);
    opacity: 0.9;
    background: linear-gradient(180deg, rgb(255 255 255 / 35%) 0%, #dde1e7 45%);
}

.click-to-more-reone {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin: 10px 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    transition: all 0.4s;
}

.click-to-more-reone:hover {
    transform: translateX(-50%) scale(1.1);
}

.click-to-more-reone::after {
    content: '';
    position: absolute;
    height: 80%;
    width: 80%;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: inset -5px -5px 9px rgba(255, 255, 255, 0.45), inset 5px 5px 9px rgba(94, 104, 121, 0.3);

}

.load-reone {
    display: block;
    width: 96%;
    background-color: white;
    border-radius: 50%;
    height: 96%;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

@-ms-keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        background-position: center top;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }

    10% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        -moz-background-size: 20% auto;
        -o-background-size: 20% auto;
        -webkit-background-size: 20% auto;
        background-size: 20% auto;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        background-position: center bottom;
        -moz-background-size: 0 auto;
        -o-background-size: 0 auto;
        -webkit-background-size: 0 auto;
        background-size: 0 auto;
    }
}

.scroll-down a {
    display: block;
    opacity: 0;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 0;
    font-size: 0;
    color: transparent;
    margin-left: auto;
    margin-right: auto;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
    -webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
    -moz-animation: pulse 1.5s 0s infinite normal ease forwards;
    -o-animation: pulse 1.5s 0s infinite normal ease forwards;
    animation: pulse 1.5s 0s infinite normal ease forwards;
    background-repeat: no-repeat;
}

.scroll-down a:before,
.scroll-down a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='40px' width='20px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 407.437 407.437' xml:space='preserve'%3E%3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
}

.scroll-down a:before {
    -webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
    -moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
    -o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
    animation: pulse 1.5s 0.25s infinite normal ease forwards;
}

.scroll-down a:after {
    -webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
    -moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
    -o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
    animation: pulse 1.5s 0.5s infinite normal ease forwards;
}



.c-expandable-text h6,
.c-expandable-text .h6,
.c-expandable-text h5,
.c-expandable-text .h5,
.c-expandable-text h4,
.c-expandable-text .h4,
.c-expandable-text h3,
.c-expandable-text .h3,
.c-expandable-text h2,
.c-expandable-text .h2,
.c-expandable-text h1,
.c-expandable-text .h1 {
    font-size: 20px !important;
    padding: 10px 0;
    font-weight: 700;
}

.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination .page-item {
    display: inline-block;
    padding: 6px 15px;
    margin: 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pagination .page-item[aria-current=page] a {
    color: #fff
}

.pagination .page-item[aria-current=page] {
    background: var(--accent-color);
}

#pnlBusinessDirectory396 .tablinks.active {
    display: block !important;
}

#pnlBusinessDirectory396 .tablinks {
    display: none !important;
}