/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




.ns_theme_accordion_v1___ggg{
      background-color: var(--ns_body_color__background_page);
      padding: 0 15px;
}
.ns_theme_accordion_v1__ {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    width: 100%;
    max-width: 1255px;
    margin: 0 auto;
    box-sizing: border-box;
}
.ns_theme_accordion_v1__ .ntav_title_ {
    margin-bottom: 10px;
    color: var(--ns_heading_color__main);
    text-align: start;
    font-family: var(--ns_headings_h1_font-family);
    font-size: var(--ns_headings_h1_font-size);
    font-weight: var(--ns_headings_h1_font-weight);
    font-style: var(--ns_headings_h1_font-style);
}
.ns_theme_accordion_v1__ .ntav_description_ {
    margin: 0;
    margin-bottom: 30px;
    color: var(--ns_body_color__main);
    text-align: start;
    max-width: 830px;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}
.ns_theme_accordion_v1__ .nca__container_accordions__ {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ns_theme_accordion_v1__ .container_item {
    width: calc(50% - 10px );
    margin-bottom: 20px;
    position: relative;
}

 .ns_theme_accordion_v1__ .ns_theme_accordion_v1_one_column .container_item {
      width: 100%;
  }
.ns_theme_accordion_v1__ .accordion {
    background-color: var(--ns_global_color__quaternary);
    color: var(--ns_body_color__main);
    cursor: pointer;
    padding: 26px 46px 26px 26px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    border-radius: 15px;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}
.ns_theme_accordion_v1__ .active_accordion, .accordion:hover {
    background-color: var(--ns_global_color__primary);
    border-radius: 15px;
    color: var(--ns_body_color__alternate);
}
.ns_theme_accordion_v1__ .accordion.active_accordion {
    color: var(--ns_body_color__alternate);
    border-radius: 15px 15px 0 0;
    transition: 0s;
}
.ns_theme_accordion_v1__ .panel {
    padding: 15px 30px 30px;
    display: none;
    background-color: var(--ns_global_color__primary);
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    color: var(--ns_body_color__alternate);
    text-align: start;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}
.ns_theme_accordion_v1__ .panel p {
    padding: 0;
    margin: 0;
}
.ns_theme_accordion_v1__ .container___container_icon i.fa-solid.fa-plus {
    top: 30px;
    position: absolute;
    right: 15px;
    font-size: 20px;
    color: var(--ns_global_color__tertiary);
}
.ns_theme_accordion_v1__ .accordion.active_accordion ~ .container___container_icon i.fa-solid.fa-plus {
    display: none;
}
.ns_theme_accordion_v1__ .container___container_icon i.fa-sharp.fa-solid.fa-dash {
    background-color: var(--ns_body_color__alternate);
    height: 3px;
    top: 40px;
    width: 20px;
    position: absolute;
    right: 15px;
    display: none;
}
.ns_theme_accordion_v1__ .accordion.active_accordion ~ .container___container_icon i.fa-sharp.fa-solid.fa-dash {
    display: flex;
}


.ns_theme_accordion_v1__ .accordion.accordion_glassmorf {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: #171b2533 0 0 no-repeat padding-box !important;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 26px 46px 26px 26px;
    text-align: left;
    transition: .4s;
    width: 100%;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}

.ns_theme_accordion_v1__ .accordion.accordion_borderboxed {
    background: none !important;
    border: none;
    border: 2px solid var(--ns_global_color__quaternary);
    border-radius: 15px;
    color: var(--ns_global_color__primary);
    cursor: pointer;
    outline: none;
    padding: 26px 46px 26px 26px;
    text-align: left;
    transition: .4s;
    width: 100%;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}

.ns_theme_accordion_v1__ .accordion.accordion_borderboxed.active_accordion{
    border-bottom: none;
    border-radius: 15px 15px 0px 0px;
}

.ns_theme_accordion_v1__ .accordion.accordion_borderboxed ~ .panel {
    border: 2px solid var(--ns_global_color__quaternary);
    border-radius: 0 0 15px 15px;
    border-top: none;
    color: var(--ns_global_color__primary);
    display: none;
    overflow: hidden;
    padding: 15px 30px 30px;
    text-align: start;
    background: none !important;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}

.ns_theme_accordion_v1__ .accordion.accordion_glassmorf  ~ .panel {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: #171b2533 0 0 no-repeat padding-box  !important;
    border-radius: 0 0 15px 15px;
    color: var(--ns_body_color__alternate);
    display: none;
    overflow: hidden;
    padding: 15px 30px 30px;
    text-align: start;
    font-family: var(--ns_body_font-family);
    font-size: var(--ns_body_font-size);
    font-weight: var(--ns_body_font-weight);
    font-style: var(--ns_body_font-style);
}

/* TABS */
.ns_theme_accordion_v1__ .ntav_tabs_container_filters {
  display: -webkit-box;
  overflow: hidden;
  overflow-x: auto;
  margin-top:20px;
}

.ns_theme_accordion_v1__ .ntav_tabs_container_filters::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

.ns_theme_accordion_v1__ .ntav_tabs_container_filters::-webkit-scrollbar-thumb {
  background: var(--ns_global_color__secundary);
  border-radius: 5px;
}

.ns_theme_accordion_v1__ .ntav_tabs_container_filters::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: inset 0 0 5px var(--ns_global_color__tertiary);
}

.ns_theme_accordion_v1__ .ntav_container_contenst_filter{
  padding: 30px 0px;
}

.ns_theme_accordion_v1__ .ntav_tabs_items {
  color: #999;
  cursor: pointer;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ns_body_font-family);
  font-size: var(--ns_body_font-size);
  font-weight: var(--ns_body_font-weight);
  font-style: var(--ns_body_font-style);
}

.ns_theme_accordion_v1__ .ntav_tabs_items.active {
  color: var(--ns_global_color__secundary);
  font-family: var(--ns_body_font-family);
  font-size: var(--ns_body_font-size);
  font-weight: bold;
  font-style: var(--ns_body_font-style);
}

.ns_theme_accordion_v1__ .ntav_c_tabs_vertical {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.ns_theme_accordion_v1__ .ntav_c_tabs_vertical .ntav_tabs_container_filters {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-width: calc(30% - 25px);
  max-height: max-content;
}

.ns_theme_accordion_v1__ .ntav_c_tabs_vertical .ntav_container_contenst_filter {
  width: calc(70% - 25px);
}

.ns_theme_accordion_v1__ .ntav_tab_content{
  display: none;
}

.ns_theme_accordion_v1__ .ntav_tab_content.active{
  display: flex;
  flex-wrap: wrap;
}

.ns_theme_accordion_v1___ggg .ntav_container_accordions__g{
  width: 100%;
}

@media (max-width: 1180px){
  .ns_theme_accordion_v1__ {
      width: auto;
  }
}

@media only screen and (max-width: 991px) {
  
  .ns_theme_accordion_v1__ .ntav_tabs_container_filters {
    width: 95%;
    display: block;
    margin:20px auto 20px;
    overflow: auto;
    overflow-x: auto;
    max-height: 150px;
  }
  
  .ns_theme_accordion_v1__ .ntav_tabs_items {
    max-width: none;
    min-width: auto;
  }
  
}

@media (max-width: 768px){
  .ns_theme_accordion_v1__ .container_item {
      width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  
  .ns_theme_accordion_v1__ .ntav_c_tabs_vertical {
    flex-direction: column;
  }
  
  .ns_theme_accordion_v1__ .ntav_c_tabs_vertical .ntav_tabs_container_filters {
    max-width: none;
    max-height: 150px;
    overflow-y: auto;
  }
  
  .ns_theme_accordion_v1__ .ntav_c_tabs_vertical .ntav_container_contenst_filter {
    width: auto;
  }
  
}







