.component_showcase .showcase-nav select.form-select{
  border:.0625rem solid #ddd;
  color:#404040;
  padding:.5625rem .75rem;
  border-radius:.625rem;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
}

@media (max-width:767.98px){
  .component_showcase .showcase-nav{
    margin-bottom:2.5rem;
  }
}

.component_showcase .showcase-nav h3{
  color:#404040;
  margin-bottom:.9375rem;
  line-height:.75;
}

.component_showcase .showcase-nav P.description{
  color:#404040;
}

@media (min-width:576px){
  .component_showcase .showcase-nav P.description{
    margin-right:1.875rem;
  }
}

@media (max-width:767.98px){
  .component_showcase .showcase-nav P.description{
    margin-bottom:1.75rem;
  }
}

.component_showcase .showcase-nav .sections{
  position:relative;
}

.component_showcase .showcase-nav .sections .btn-select button.label{
  background-color:#fff;
  color:#404040;
  padding:.125rem 0;
  font-size:1.125rem;
  margin-right:3.75rem;
  font-weight:400;
  margin-left:inherit;
}

@media screen and (max-width:1299px){
  .component_showcase .showcase-nav .sections .btn-select button.label{
    min-height:3.375rem;
    line-height:normal;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .component_showcase .showcase-nav .sections .btn-select button.label{
    font-size:.9375rem;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .component_showcase .showcase-nav .sections .btn-select button.label{
    font-size:.8125rem;
    min-height:3.375rem;
    line-height:normal;
  }
}

.component_showcase .showcase-nav .sections .btn-select button.label:after{
  border-bottom:1.6875rem solid transparent;
  border-top:1.6875rem solid transparent;
  border-left:1.625rem solid #e41720;
  margin-right:0;
  right:-1.625rem;
  top:0;
  opacity:0;
}

.component_showcase .showcase-nav .sections .btn-select button.label.active{
  background-color:#e41720;
  color:#fff;
  padding-left:1.125rem;
  border-color:#e41720;
}

.component_showcase .showcase-nav .sections .btn-select button.label.active:hover{
  color:#fff !important;
}

.component_showcase .showcase-nav .sections .btn-select button.label.active:after{
  opacity:1;
}

@media (max-width:767.98px){
  .component_showcase .showcase-nav .sections:after{
    content:"";
    border-style:solid;
    border-width:0 .125rem .125rem 0;
    padding:.1875rem;
    position:absolute;
    right:.875rem;
    top:-webkit-calc(50% - 6px);
    top:-webkit-calc(50% - .375rem);
    top:-moz-calc(50% - 6px);
    top:-moz-calc(50% - .375rem);
    top:calc(50% - 6px);
    top:calc(50% - .375rem);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    color:#e41720;
    -webkit-transform:rotate(45deg);
       -moz-transform:rotate(45deg);
            transform:rotate(45deg);
  }
}

.component_showcase .showcase-content .section .photos{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
}

@media (max-width:767.98px){
  .component_showcase .showcase-content .section .photos{
    gap:1.875rem;
    grid-template-columns:repeat(1, 1fr);
  }
}

.component_showcase .showcase-content .section .photos .photo{
  margin-bottom:1.25rem;
}

@media (max-width:767.98px){
  .component_showcase .showcase-content .section .photos .photo img{
    width:100%;
  }
}

.component_showcase .showcase-content .section .photos .photo span{
  text-align:center;
  width:100%;
}

.component_showcase .showcase-content .section .photos .photo span.title{
  color:#404040;
  padding-top:1.5rem;
}

@media (min-width:1601px){
  .component_showcase .showcase-content .section .photos .photo span.title{
    font-size:1.5rem !important;
  }
}

@media (max-width:1850px){
  .component_showcase .showcase-content .section .photos .photo span.title{
    padding-top:.9375rem;
  }
}

.component_showcase .showcase-content .section .photos .photo span.subtitle{
  color:#404040;
  padding-top:.6875rem;
}

@media (min-width:1299px) and (max-width:1850px){
  .component_showcase .showcase-content .section .photos .photo span.subtitle{
    font-size:.9375rem;
  }
}

@media (min-width:1200px) and (max-width:1299px){
  .component_showcase .showcase-content .section .photos .photo span.subtitle{
    font-size:1.0625rem;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .component_showcase .showcase-content .section .photos .photo span.subtitle{
    font-size:.9375rem;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .component_showcase .showcase-content .section .photos .photo span.subtitle{
    font-size:.875rem;
    padding-top:.3125rem;
  }
}

.component_showcase .showcase-content .section .footer{
  margin-top:2.25rem;
}

.component_showcase .showcase-content .section .footer p{
  font-size:1.125rem;
  color:#404040;
  line-height:1.55;
}

@media (min-width:992px) and (max-width:1199.98px){
  .component_showcase .showcase-content .section .footer p{
    font-size:.9375rem;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .component_showcase .showcase-content .section .footer p{
    font-size:.9375rem;
  }
}

@media (max-width:413px){
  .component_showcase .showcase-content .section .footer p{
    font-size:.9375rem;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .component_showcase .showcase-content .section .footer{
    font-size:.9375rem;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .component_showcase .showcase-content .section .footer{
    font-size:.9375rem;
  }
}

@media (max-width:413px){
  .component_showcase .showcase-content .section .footer{
    font-size:.9375rem;
  }
}