.products-head > .container{
    padding-top: 50px;
    padding-bottom: 20px;
    width: 1397px;
    max-width: 100%;
}
.products > .container{
    width: 1397px !important;
    max-width: 100% !important;
    padding-top: 15px;
    padding-bottom: 50px;
}
.products-head h1{
    color: #1D79BE;
    position: relative;
    text-transform: uppercase;
    font-weight: 900;
    font-family: Rota, 'sans-serif';
}
.products-head h1:before{
    content: " ";
    position: absolute;
    left: 0;bottom: 0;
    width: 100px;
    height: 3px;
    border-radius: 2px;
    background-color: #FDC300;
}
.products-head .contact,
.products-head .contact a > span{
    color: #1D79BE;
}
.products-head .contact a > span{
    color: #1D79BE;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
}

.products .ps-sidebar{
   min-height: 100vh;
   padding-left: 0;
   padding-right: 0;
}
.products .ps-content{
   min-height: 700px;
}

.table-search .form-control{
    color: #8e8e8e;
    border-color: #f0f0f0;
    min-height: 40px;
}
.table-search .form-select{
    color: #8e8e8e;
    border-color: #f0f0f0;
    min-height: 40px;
}
.table-search{
    max-width: 100%;
}
.table-search .group-search .form-control{
   background-color: #fff;
   border-right:0 solid transparent;
}
.table-search .group-search .input-group-text{
   background-color: #fff;
   border-color: #f0f0f0;
   border-left: 0 solid transparent;
}
.table-search .form-control:focus,
.table-search .form-control:active{
    outline: 0;
    color: #232323;
    box-shadow: none;
}
.table-search .ordenar .label{
    color: #191C1F;
}
.table-filtered{
    max-width: 100%;
    border-radius: 6px;
    background-color: #F2F4F5;
    padding: 5px 10px 5px 10px;
}
.table-filtered .filter-result span{
    color: #5F6C72;
    font-size: 14px;
}
.table-filtered .filter-result span.count{
    color: #191C1F;
    font-size: 15px;
}
.table-filtered .filter-tags .label-tag{
    font-size: 15px;
    color: #5F6C72;
}
.table-filtered .filter-tags .tag span{
    color: #191C1F;
}

/* grid produtos */
.grid-produtos{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.grid-produtos div.item{
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    border: 1px solid #CBCBCB;
}
.grid-produtos div.item > .star-left{
    position: absolute;
    left: 0;top: 0;
    width: 63px;height:38px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url('data:image/svg+xml, <svg " width="63" height="38" viewBox="0 0 63 38" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2437_1110)"><path d="M8.96522 0.208827C4.00827 0.227984 0 4.25177 0 9.20876V38H20.5274L63 0L8.96522 0.208827Z" fill="%23FDC300"/><path d="M20.5 8L23.1979 12.7866L28.584 13.8734L24.8653 17.9184L25.4962 23.3766L20.5 21.09L15.5038 23.3766L16.1347 17.9184L12.416 13.8734L17.8021 12.7866L20.5 8Z" fill="%231D79BE"/></g><defs><clipPath id="clip0_2437_1110"><rect width="63" height="38" fill="white"/></clipPath></defs></svg>');
}
.grid-produtos div.item > .img{
    width: 100%;
    aspect-ratio: 1 / 1;
    border-bottom: 1px solid #CBCBCB;
}
.grid-produtos div.item > .legend{
    width: 100%;
    padding: 20px;
    min-height: 170px;
}

.grid-produtos div.item > .legend h5{
    font-size: 16px;
    color: #1D79BE;
    font-weight: 900;
    margin-bottom: 0;
    font-family: Rota, sans-serif;
}
.grid-produtos div.item > .legend p{
    color: #888888;
    font-size: 14px;
    margin-bottom: 0;
}
.grid-produtos div.item > .legend p a{

}
.grid-produtos div.item .svg-star-left{
    width: 64px;
    height: 39px;
    position: absolute;
    left: -1px;top: -1px;
}


.accordion {
    --bs-accordion-color: #474747;
    --bs-accordion-bg: transparent;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius:0;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 10px;
    --bs-accordion-active-color: #474747;
    --bs-accordion-active-bg: transparent;
}
.accordion .accordion-item .accordion-header{
    position: relative;
}

.accordion .accordion-item .accordion-header .accordion-button{
    color: #1D79BE;
    font-weight: 900;
    font-size: 24px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Rota', sans-serif;
}

.accordion .accordion-item .subcat-item span{
    color: #475156;
    font-size:15px ;
}
.accordion .accordion-item .subcat-item{
    margin-bottom: 12px;
}

.cs-input{
  display: inline-block;
  position: relative;
  width: 20px;height: 20px;
}
.cs-input label{
    position: absolute;
    z-index: 10;
}
.cs-input input[type="checkbox"]{
    visibility: hidden;
    position: absolute;
    z-index: 0;
}
.cs-input input[type="checkbox"] + label:before{
    position: absolute;
    height:20px;
    width:20px;
    margin-right:0;
    content: " ";
    display:inline-block;
    background-color: #dadada;
    border:1px solid #acacac;
    left: 0;top: 0;
}
.cs-input input[type="checkbox"]:checked + label:before{
    position: absolute;
    height:20px;
    width:20px;
    content: " ";
    left: 0;top: 0;
    display:inline-block;
    vertical-align: middle;
    background-color: #fff;
    border:6px solid #1D79BE;
}
.cs-input input[type="checkbox"] + label:before{
    border-radius:50%;
}
.accordion .accordion-item .accordion-header .cs-input{
    position: absolute;
    left: 0;top: 26%;
}
.accordion .accordion-item  .accordion-body .cs-input{
    position: relative;
    z-index: 99;
}

/* Customize the label (the container) */
.cs2-input {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cs2-input input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.cs2-input .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cs2-input:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cs2-input input:checked ~ .checkmark {
    background-color: #1D79BE;
}
/* Create the checkmark/indicator (hidden when not checked) */
.cs2-input .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.cs2-input input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.cs2-input .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cs2-input{
    font-size: 13px;
    color: #475156;
}
.filter-divider hr{
    border-top: 1px solid #475156;
}
h3.title-filter{
    font-size:24px;
    color: #838383;
    font-weight: 900;
    font-family: Rota, 'sans-serif';
}

.nav-linhas .nav-item .nav-link,
.nav-download .nav-item .nav-link,
.nav-download .nav-item .nav-link span{
    position: relative;
    color:#1D79BE;
    font-size: 22px;
    font-weight: 900;
    padding-left: 0;
    font-family: Rota, 'sans-serif';
}
.nav-linhas .nav-item .nav-link:before{
    content: " ";
    width: 60px;
    height: 3px;
    display: inline-block;
    border-radius: 2px;
    background-color: #FDC300;
    position: absolute;
    left: 0;bottom: 0;
}
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: #5C5D5E;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width:1px;
    --bs-pagination-border-color: #fff;
    --bs-pagination-border-radius:0;
    --bs-pagination-hover-color: #1D79BE;
    --bs-pagination-hover-bg: #f0f0f0;
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: #1D79BE;
    --bs-pagination-focus-bg: transparent;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: #1D79BE;
    --bs-pagination-active-bg: #fff;
    --bs-pagination-active-border-color: #1D79BE;
}
.product-call{
    width: 700px;
    max-width: 100%;
    border-radius: 10px;
    min-height: 50px;
    border: 1px solid #1D79BE;
}
.product-call > .left-call{
    flex: fit-content;
    padding: 10px 10px 10px 20px;
}
.product-call > .rigth-call{
   width: 220px;
   padding: 10px;
   background-color:#1D79BE;
   border: 1px solid #1D79BE;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px 0px 15px rgba(29, 121, 190, 0.7);
   border-radius: 10px;
}
.product-call > .left-call p{
    color: #454545;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Rota', sans-serif;
}
.product-call > .left-call h5{
    color:#1D79BE;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Rota', sans-serif;
}
.product-call > .rigth-call a span{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Rota', sans-serif
}

@media (min-width: 992px) and (max-width: 1199px) {
    .grid-produtos{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 991px){
    .grid-produtos{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 768px){
    .grid-produtos{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .product-call > .rigth-call{
        width: 235px;
        padding: 10px;
    }
    .product-call > .left-call p{
        font-size: 15px;
    }
    .product-call > .left-call h5{
        font-size: 18px;
    }
    .product-call > .rigth-call a span{
        font-size: 16px;
    }
}
@media (max-width: 580px){
    .grid-produtos{
        grid-template-columns: 1fr 1fr;
    }
    .product-call > .rigth-call{
        width: 245px;
        padding: 10px;
    }
}
@media (max-width: 480px){
    .grid-produtos{
        grid-template-columns: 1fr;
    }
    .grid-produtos .item{
        width: 250px;
        max-width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 320px){
    .grid-produtos{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    body.page-produtos{
        padding-top: 60px;
    }
    body.page-produtos .ps-sidebar{
        display: none !important;
    }
}