@font-face {
    font-family: 'FuturaBold';
    src: url('/../fonts/FuturaT-Bold.otf') format('opentype');
    /* font-weight: bold; */
}

@font-face {
    font-family: 'FuturaBook';
    src: url('/../fonts/FuturaT-Book.otf') format('opentype');
    /* font-weight: normal; */
}

@font-face {
    font-family: 'FuturaDemi';
    src: url('/../fonts/FuturaT-Demi.otf') format('opentype');
    /* font-weight: bolder; */
}

@font-face {
    font-family: 'FuturaLight';
    src: url('/../fonts/Futura-Light.otf') format('opentype');
    /* font-weight: lighter; */
}

@font-face {
    font-family: 'FuturaLight1';
    src: url('/../fonts/FuturaT-Light1.otf') format('opentype');
    /* font-weight: lighter; */
}

.futura-bold{
    font-family: FuturaBold;
    letter-spacing: 1px;
}

.futura-book{
    font-family: FuturaBook;
    letter-spacing: 1px;
}

.futura-demi{
    font-family: FuturaDemi;
    letter-spacing: 1px;
}

.futura-light{
    font-family: FuturaLight1;
    letter-spacing: 1px;
}

.futura-light1{
    font-family: FuturaLight1;
    letter-spacing: 1px;
}


/* fallback */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v183/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}
body {
    overflow-x: hidden;
}

/* Variables de colores globales obtenidos por los pantones */
:root{
    --stanza-primary-gray: rgb(124, 135, 142);
    --stanza-primary-black: rgb(0, 0, 0);
    --stanza-primary-white: rgb(255, 255, 255);

    --stanza-secondary-gray: rgb(209, 211, 211);
    --stanza-secondary-dark-gray: rgb(51, 62, 72);
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}


.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 100,
    'GRAD' 0,
    'opsz' 24
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.texto-header:hover {
    text-decoration: underline;
}

.texto-header {
    text-decoration: none;
    color:inherit !important
}

.no-decoration {
    text-decoration: none;
    color:inherit !important
}
.no-decoration:hover {
    text-decoration: none;
    color:inherit !important
}


.img-nosotros {
    width: 100%;
}

.img-blog {
    width: 80%;
    height: 40vw;
}

.img-grid-productos {
    height: 80%;
}

.btn-disabled:disabled {
    border: 0;
}

.not-found {
    color: var(--stanza-primary-gray);
}

.carousel-inner-miniatura {
    display: flex;
    flex-wrap: nowrap;
}

.carousel-item-miniatura {
    display: block;
    flex: 0 0 auto;
    margin-right: 0%;
    width: 25%; /* Adjust according to the number of items visible */
    transition: none;
}

.carousel-item-miniatura {
    width: 100%;
    height: auto;
}

/* ---------------------------------------------------------------- */
.carousel-item-proyectos {
    width: 64%;
    margin-left: 18%;
    height: 650px;
    background-size: cover;
    background-position: top center;
}

.carousel-previews {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 98%;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none; /* Prevents interference with carousel controls */
}

.preview {
    width: 15%;
}

.preview-background-left {
    width: 100%;
    height: 650px;
    background-size: cover;
    background-position: top right;
}

.preview-background-right {
    width: 100%;
    height: 650px;
    background-size: cover;
    background-position: top left;
}

#OnlineDiv {
    display: none;
}

/**
* Estilos para pantallas más pequeñas o iguales a 960px
* Usar vh para el tamaño de la fuente
*/
@media screen and (max-width: 960px) {

    /* .urrea-map {
        width: 100%;
        height: 30vh;
    } */

    .offcanvas {
        width: 100% !important;
    }

    /** ------------------------- FUENTES ---------------------------- */
    .fs-urrea-lx {
        font-size: 8.8vh;
    }
    .fs-urrea-lg {
        font-size: 2.1vh;
    }
    .fs-urrea-md {
        font-size: 1.8vh;
    }
    .fs-urrea-sm {
        font-size: 1.4vh;
    }

    /** ------------------------- IMAGENES ---------------------------- */
    .img-ban {
        width: 80%;
        height: 60vh;
    }
    .img-static-ban {
        width: 100%;
        height: 20vh;
    }
    .img-reconocimiento {
        width: 25%;
    }
    .img-proyecto-detalle {
        width: 100%;
        height: 50%;
    }
    .img-miniatura-blog {
        width: 100%;
        height: 15vh;
    }

    .img-en-Linea {
        height: 2vh;
    }

    .img-grid-productos {
        height: 50%;
    }

    .banners {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /* .min-banner {
        min-height: 330px;
    } */

    .min-main-carousel {
        /* min-height: 720px; */
        min-height: 460px;
    }


    .min-menu {
        min-height: 220px;
    }

    /* .min-reconocimiento {
        min-width:  60px;
        min-height: 60px;
        max-width:  60px;
        max-height: 60px;
    } */

    /* .min-diseniador {
        min-width:  140px;
        min-height: 140px;
        max-width:  140px;
        max-height: 140px;
    } */

    .min-logo {
        height: 3vh;
    }

    /* .min-cuidados {
        height: 300px;
    } */

    .min-garantia {
        height: 256px;
    }

}

@media screen and (min-width: 575px) and (max-width: 961px) {
    .img-proyecto {
        height:57.5vw;
    }

    .img-reconocimiento {
        width: 7vw;
    }

    .carousel-elemento-miniaturas {
        margin-right: 1.7vw;
        max-width: 22vw!important;
        min-width: 22vw!important;
    }
}

  /**
  * Estilos para pantallas más grandes que 960px
  * Usar vw para el tamaño de la fuente
  */
  @media screen and (min-width: 961px) {

    /* .urrea-map {
        width: 100%;
        height: 60vh;
    } */

    .offcanvas {
        width: 30vw !important;
    }

    /** ------------------------- FUENTES ---------------------------- */

    .fs-urrea-lx {
        font-size: 4.6vw;
    }
    .fs-urrea-lg {
        font-size: 1.8vw;
    }
    .fs-urrea-md {
        font-size: 1.1vw;
    }
    .fs-urrea-sm {
        font-size: 0.8vw;
    }

    /** ------------------------- IMAGENES ---------------------------- */
    .img-ban {
        width: 100%;
        height: 70vh;
    }
    .img-static-ban {
        width: 100%;
        height: 50vh;
    }
    .img-reconocimiento {
        width: 100%;
    }
    .img-proyecto {
        height: 100%;
        width: 100%;
    }
    .img-proyecto-detalle {
        width: 100%;
        height: 90vh;
    }
    .img-miniatura-blog {
        width: 100%;
        height: 15vw;
    }
    .img-en-linea {
        height: 10vh;
    }

    .img-grid-productos {
        height: 80%;
    }

    .banners {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /* .min-banner {
        min-height: 720px;
    } */

    .min-main-carousel {
        /* min-height: 720px; */
        /* min-height: 460px; */
        min-height: 648px;
    }

    .min-menu {
        min-height: 420px;
    }

    .min-logo {
        height: 6vh;
    }

    /* .min-diseniador {
        min-width: 140px;
        min-height: 140px;
        max-width: 140px;
        max-height: 140px;
    } */

    /* .min-reconocimiento {
        min-width: 140px;
        min-height: 140px;
        max-width: 140px;
        max-height: 140px;
    } */

    /* .min-cuidados {
        width: 100%;
        height: 100%;
    } */

    .min-garantia {
        max-height: 416px;
    }
}


.bg-urrea-black {
    background-color: var(--stanza-primary-black);
}
.bg-urrea-white {
    background-color: var(--stanza-primary-white);
}
.bg-urrea-gray {
    background-color: var(--stanza-primary-gray);
}
.bg-urrea-light {
    background-color: var(--stanza-secondary-gray);
}
.bg-urrea-dark {
    background-color: var(--stanza-secondary-dark-gray);
}

.text-urrea-black {
    color: var(--stanza-primary-black);
}
.text-urrea-white {
    color: var(--stanza-primary-white);
}
.text-urrea-gray {
    color: var(--stanza-primary-gray);
}
.text-urrea-light {
    color: var(--stanza-secondary-gray);
}
.text-urrea-dark {
    color: var(--stanza-secondary-dark-gray);
}
.pointer{
    cursor: pointer;
}

.pointer-filter-enabled{
    cursor: pointer;
    color:  var(--stanza-primary-gray);
    font-size: 3vw;
}

.pointer-filter-disabled{
    cursor: not-allowed;
    color:  var(--stanza-primary-gray);
    font-size: 3vw;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-30 {
    font-size: 30px !important;
    /* line-height: 35px !important; */
}

.fs-21 {
    font-size: 21px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.lh36 {
    line-height: 36px !important;
}

.lh34 {
    line-height: 34px !important;
}

.lh44 {
    line-height: 49px !important;
}

.lh26 {
    line-height: 26px !important;
}

.lh21 {
    line-height: 21px !important;
}

.lh20 {
    line-height: 20px !important;
}

.lh19 {
    line-height: 19px !important;
}

.lh18 {
    line-height: 18.8px !important;
}

.lh17 {
    line-height: 17px !important;
}

.lh1 {
    line-height: 1px !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.op102 {
    opacity: 0.102;
}

.op302 {
    opacity: 0.302;
}

.op700 {
    opacity: 0.700;
}

.op600 {
    opacity: 0.600;
}

.op800 {
    opacity: 0.800;
}

.letter-spacing0 {
    letter-spacing: 0px;
}

.letter-spacing1 {
    letter-spacing: 1px;
}

.text-left{
    text-align: left !important;
}

.slick-slide > div > div {
    width: min-content !important;
    display: inline-block !important;
}

.text-right{
    text-align: right !important;
}

.nowrap {
    white-space: nowrap
}

.collapseMenu {
    left: 0px !important;
}

#correoSubcripcion::placeholder{
    color: var(--stanza-secondary-gray);
    opacity: 1;
}

.h-85{
    height: 85% !important;
}

.h-100{
    height: 100% !important;
}

.h-300{
    height: 300px !important;
}

.h-coleccion{
    height: 75% !important;
}

.paddingTop10{
    padding: 11px 25px !important;
}
.shw {
    text-shadow: black 0.5px 0px 0px;
}

.background-contain {
    background-size: contain;
}

.ps-lg-60 {
    padding-left: 60px !important;
}

.border-bottom-sm-3 {
    border-bottom: 0px solid #757575 !important;
}

.border-width-garantias {
    border-width: 1.5px !important;
}
ul.garantia{
    list-style: none; /* Quita los marcadores predeterminados */
    padding: 0;
}
ul.garantia li {
    position: relative;
    padding-left: 25px; /* Deja espacio para el icono */
}
ul.garantia li::before{
    content: '\e5ca';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: lighter;
    font-size: 24px;;
}
.order-1{order:1!important}
.order-2{order:2!important}
.order-3{order:3!important}
.order-4{order:4!important}
.order-5{order:5!important}
.order-6{order:6!important}
.order-7{order:7!important}
.order-8{order:8!important}
.order-9{order:9!important}



.overflowy-auto {
    overflow-y: auto;
    overflow-x: hidden;
}

.position-sticky {
    position: sticky !important;
}

.img-logo {
    max-height: 70px;
    max-width: 100%;
}

.mt-80 {
    margin-top: 80px !important;
}
.mt-70 {
    margin-top: 70px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.img-megamenu {
    max-width: 100%;
    max-height: 230px !important;
}

.bg-gray {
    background-color: #f9f9f9 !important;
}

.fs-texto {
    font-size: 16px !important;
    line-height: 22px !important;
}
/*
.fs-36 {
    font-size: 36px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
} */

.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.py-lg-100 {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
}

.py-lg-80-50 {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
}

.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


.pb-100 {
    padding-bottom: 100px !important;
}

.py-100-30 {
    padding-top: 100px !important;
    padding-bottom: 30px !important;
}

.h400 {
    max-height: 400px !important;
}

.mh600 {
    min-height: 600px !important;
}

.color-gray-1 {
    color: #f9f9f9 !important;
}

.color-gray-2 {
    color: #d5d5d5 !important;
}

.color-gray-3 {
    color: #d5d5d5 !important;
}

.color-gray-4 {
    color: #7a7979 !important;
}

.urrea-map {
    width: 100%;
    height: 100%;
}

.logo-coleccion {
    width: 100px !important;
}

.bottom-180 {
    bottom: 180px !important;
}

.min-diseniador {
    width:  100px;
    height: 100px;
}

.min-main-nosotros {
    min-height: 450px;
}

.bg-position-top-center {
    background-position: top center !important;
}

.min-reconocimiento {
    width:  80px;
    height: 80px;
}

.min-diseniadores {
    /* width:  460px; */
    height: 460px;
}

.font-plus {
    font-size: 50px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.min-cuidados {
    height: 380px;
}

.min-garantias {
    height: 196px;
    width: 196px;
}

.img-container {
    width: 100%;
    max-width: 320px; /* Ancho máximo de la imagen */
    height: 320px;
    position: relative;
    overflow: hidden; /* Oculta el exceso de imagen */
    margin: 0 auto; /* Centra el contenedor */
    max-height: 320px;
}

.img-container img {
    position: relative;
    top: 50%;
    left: 50%;
    /* height: 100%; */
    width: auto;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Asegura que la imagen cubra el contenedor */
    max-height: 100%; /* Previene que la imagen crezca más allá del contenedor */
    max-width: 100%; /* Previene que la imagen crezca más allá del contenedor */
}

.img-container-ficha-producto {
    width: 100%;
    max-width: 600px; /* Ancho máximo de la imagen */
    height: 600px;
    position: relative;
    overflow: hidden; /* Oculta el exceso de imagen */
    margin: 0 auto; /* Centra el contenedor */
    max-height: 600px;
}

.img-container-ficha-producto img {
    position: relative;
    top: 50%;
    left: 50%;
    width: auto !important;
    transform: translate(-50%, -0%);
    object-fit: cover; /* Asegura que la imagen cubra el contenedor */
    max-height: 85%; /* Previene que la imagen crezca más allá del contenedor */
    max-width: 85%; /* Previene que la imagen crezca más allá del contenedor */
}

.limit-nombre {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limit-nombre-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img-container-portada-proyecto {
    width: 100%;
    /* max-width: 600px; */
    /* height: 900px; */
    position: relative;
    overflow: hidden; /* Oculta el exceso de imagen */
    /* margin: 0 auto;  */
    max-height: 900px;
}

.img-container-portada-proyecto img {
    /* position: relative; */
    /* top: 50%; */
    /* left: 50%; */
    width: auto !important;
    /* transform: translate(-50%, -0%); */
    object-fit: cover; /* Asegura que la imagen cubra el contenedor */
    max-height: 100%; /* Previene que la imagen crezca más allá del contenedor */
    max-width: 100%; /* Previene que la imagen crezca más allá del contenedor */
}

.img-container-proyecto {
    width: 100%;
    /* max-width: 300px;  */
    /* height: 400px; */
    position: relative;
    overflow: hidden; /* Oculta el exceso de imagen */
    /* margin: 0 auto; */
    max-height: 400px;
}

.img-container-proyecto img {
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    width: auto !important;
    /* transform: translate(-50%, -0%); */
    object-fit: cover; /* Asegura que la imagen cubra el contenedor */
    max-height: 100%; /* Previene que la imagen crezca más allá del contenedor */
    max-width: 100%; /* Previene que la imagen crezca más allá del contenedor */
}

.portada-continente {
    background-position: center;
    background-size: cover;
    height: 100%;
    min-height: 800px;
    /* margin: 3%;
    margin-top: 0;
    margin-bottom: 0; */
}

.portada-proyecto {
    background-position: top;
    background-size: cover;
    height: 400px;
    margin: 3%;
    margin-top: 0;
    margin-bottom: 3%;
}

.carousel-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.carousel-content-textos {
    display: flex;
    max-height: 47vw;
    min-height: 200px;
    transition: transform 0.8s ease-in-out;
    transform: translateX(-15vw);
}

.carousel-elemento-textos {
    margin-right: 1vw;
    height: 100%;
    /* width: auto; */
    display: inline-grid;
}

.img-ban-slides-continuos-textos {
    height: 100%;
    max-height: 47vw;
}

.carousel-content-indicator {
    display: flex;
    max-height: 40vw;
    min-height: 200px;
    transition: transform 0.8s ease-in-out;
    transform: translateX(-45vw);
}

.carousel-elemento-indicator {
    margin-right: 1vw;
    height: 100%;
    width: auto;
    max-width: 55vw;
    min-width: 55vw;
}

.img-ban-slides-continuos-indicator {
    height: 100%;
    width: 100%;
}

.carousel-content-miniaturas {
    display: flex;
    max-height: 33vw;
    min-height: 200px;
    transition: transform 0.8s ease-in-out;
}

.carousel-elemento-miniaturas {
    margin-right: 1vw;
    height: 100%;
    width: auto;
    max-width: 19vw;
    min-width: 19vw;
}

.img-slide-productos {
    height: 100%;
    width: 100%;
}

.carousel-indicators [data-bs-target]{
    background-color: var(--stanza-primary-black);
}

.google-map {
    height: 100%;
}
/**
* Estilos para pantallas más pequeñas o iguales a 450px
* Usar vh para el tamaño de la fuente
*/
@media screen and (max-width: 500px) {

    .carousel-content-textos {
        transform: translateX(-40vw);
    }

    .carousel-elemento-textos {
        margin-right: 2vw;
    }

    .carousel-content-indicator {
        transform: translateX(-105vw);
    }

    .carousel-elemento-indicator {
        margin-right: 2vw;
        max-width: unset;
        min-width: unset;
    }

    .img-ban-slides-continuos-indicator {
        width: 100vw;
    }

    .carousel-elemento-miniaturas {
        margin-right: 3.5vw;
        max-width: 29vw;
        min-width: 29vw;
    }


}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .order-sm-1{order:1!important}
    .order-sm-2{order:2!important}
    .order-sm-3{order:3!important}
    .order-sm-4{order:4!important}
    .order-sm-5{order:5!important}
    .order-sm-6{order:6!important}
    .order-sm-7{order:7!important}
    .order-sm-8{order:8!important}
    .order-sm-9{order:9!important}
}
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    .border-bottom-sm-3 {
        border-bottom: 2px solid #707070 !important;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .order-md-1{order:1!important}
    .order-md-2{order:2!important}
    .order-md-3{order:3!important}
    .order-md-4{order:4!important}
    .order-md-5{order:5!important}
    .order-md-6{order:6!important}
    .order-md-7{order:7!important}
    .order-md-8{order:8!important}
    .order-md-9{order:9!important}
}

@media (max-width: 991px) {
    .fs-big {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .fs-30 {
        font-size: 21px !important;
    }
    .lh34 {
        line-height: 30px !important;
    }

    .fs-14 {
        font-size: 12px !important;
    }

    .fs-titulos {
        font-size: 31px !important;
    }
    .min-banner, .min-portada {
        min-height: 400px;
    }

    .slick-slide > div > div {
        width: 100% !important;
        display: inline-block !important;
    }

    .h-coleccion{
        height: 60% !important;
    }

    .ps-lg-60 {
        padding-left: unset !important;
    }

    .h-100{
        height: auto !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .order-lg-1{order:1!important}
    .order-lg-2{order:2!important}
    .order-lg-3{order:3!important}
    .order-lg-4{order:4!important}
    .order-lg-5{order:5!important}
    .order-lg-6{order:6!important}
    .order-lg-7{order:7!important}
    .order-lg-8{order:8!important}
    .order-lg-9{order:9!important}

    .collapseMenu {
        left: 0px !important;
    }
    .fs-big {
        font-size: 30px !important;
        line-height: 32px !important;
    }
    .fs-titulos {
        font-size: 38px !important;
    }
    .min-banner {
        min-height: 550px;
    }

    .min-portada {
        min-height: 665px;
    }

    .background-size {
        background-size: cover;
    }

    .py-lg-100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .py-lg-80-50 {
        padding-top: 80px !important;
        padding-bottom: 50px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .order-xl-1{order:1!important}
    .order-xl-2{order:2!important}
    .order-xl-3{order:3!important}
    .order-xl-4{order:4!important}
    .order-xl-5{order:5!important}
    .order-xl-6{order:6!important}
    .order-xl-7{order:7!important}
    .order-xl-8{order:8!important}
    .order-xl-9{order:9!important}

    .background-size {
        background-size: contain;
    }
}

#buscarProductoForm .btn:hover {
    background-color: transparent !important;
}

#inputBuscarProductoGeneral:focus {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}



/* Carrouseles */
.carousel1 {
    max-width: 1044px;
    margin: 0 auto;
    max-height: 588px;
}

.carousel-inner {
    height: 100%;
    overflow: hidden;
}

.carousel-item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.carousel-caption {
    position: relative;
    bottom: -18%;
    right: inherit;
    left: inherit;
}

.carousel-indicators {
    position: relative;
    /* bottom: -7%; */
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 2px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-clip: padding-box;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .2 !important;
    transition: opacity .6s ease;
}

.carousel-indicators  [data-bs-target].active {
    opacity: 1 !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    font-size: 40px;
    color: #fff;
    background-image: inherit;
    filter: inherit;
    font-weight: lighter;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.carousel-control-prev-icon::before {
    content: '\e5c4';
    font-family: 'Material Symbols Outlined';

}

.carousel-control-next-icon::before {
    content: '\e5c8';
    font-family: 'Material Symbols Outlined';
}

.h-fc
{
    height: fit-content !important;
}

select > option{
    font-family: FuturaLight1;
    letter-spacing: 1px;
}