@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.woff);
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
        font-family: AvenirLTProBlack;
        src: url(../fonts/AvenirLTProBlack.woff);
        font-weight: bold;
        font-style: bold;
        }
        
        @font-face {
            font-family: AvenirNextLTPro;
            src: url(../fonts/AvenirNextLTPro-Bold.woff);
            font-weight: bold;
            font-style: bold;
            }

@font-face {
    font-family: "EastmanRomanTrial";
    src: url(../fonts/EastmanRomanTrial-Bold.woff);
    }

.nav{
    font-family:'EastmanRomanTrial';
    color:#9F9F9F;
}
.section{
    margin:50px;
}
.form{
    margin: 10px 0px;
  }

  .container-xl, .container-xxl {
    max-width: 1120px;
}

 @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1280px;
    }
} 

.menu-home:hover a{
    color:var(--danger-fi-color)!important;
}
.header-area.header-sticky .nav .menu-home a.active {
    color:var(--danger-fi-color);
  }

  .header-area.header-sticky .nav .menu-home a:hover,
  .header-area.header-sticky .nav .menu-home a.active {
    color:var(--danger-fi-color)!important;
    opacity: 1;
  }


.menu-servicios:hover a{
    color: #F3C300!important;
}
.header-area.header-sticky .nav .menu-servicios a.active {
    color: #F3C300;
  }

  .header-area.header-sticky .nav .menu-servicios a:hover,
  .header-area.header-sticky .nav .menu-servicios a.active {
    color: #F3C300!important;
    opacity: 1;
  }

.header-area .main-nav .nav .menu-servicio a:hover {
    background: #eee !important;
    color: #F3C300!important;
  }


.menu-blog:hover a{
    color: #F32735!important;
}
.header-area.header-sticky .nav .menu-blog a.active {
    color: #F32735;
  }

  .header-area.header-sticky .nav .menu-blog a:hover,
  .header-area.header-sticky .nav .menu-blog a.active {
    color: #F32735!important;
    opacity: 1;
  }

.header-area .main-nav .nav .menu-blog a:hover {
    background: #fff !important;
    color: #F32735!important;
  }
.menu-bolsa:hover a{
    color:#004E59!important;
}

.header-area.header-sticky .nav .menu-bolsa a.active {
    color: #004E59;
  }

  .header-area.header-sticky .nav .menu-bolsa a:hover,
  .header-area.header-sticky .nav .menu-bolsa a.active {
    color: #004E59!important;
    opacity: 1;
  }

.header-area .main-nav .nav .menu-bolsa a:hover {
    color: #004E59!important;
  }

.menu-conocenos:hover a{
    color: #00AE42!important;
}
.header-area.header-sticky .nav .menu-conocenos a.active {
    color: #00AE42;
  }

  .header-area.header-sticky .nav .menu-conocenos a:hover,
  .header-area.header-sticky .nav .menu-conocenos a.active {
    color: #00AE42!important;
    opacity: 1;
  }

.header-area .main-nav .nav .menu-conocenos a:hover {
    color: #00AE42!important;
  }

.menu-contactanos:hover a{
    color: #000!important;
}
.header-area.header-sticky .nav .menu-contactanos a.active {
    color: #000!important;
  }

  .header-area.header-sticky .nav .menu-contactanos a:hover,
  .header-area.header-sticky .nav .menu-contactanos a.active {
    color: #075c15;
    opacity: 1;
  }

.divider{
    margin-top: 60px;
}
.forms-icon{
    width: auto;
    text-align: center;
}

.section-heading h1{
    text-align: center;
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: #004E59;
}
/* 
.section-heading p{
    text-align: center;
} */

.section-heading h2{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: #fff;
    font-size: 70px;
}

.section-heading h3{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: #236943;
    font-size: 70px;
}
.section-heading h5{
    color: #fff;
}

.section-content {
    align-self: center;
}

.section-content h1{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: #004E59;
    margin: 10px 0;
}

.section-content-primary h1{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: var(--primary-fi-color);
    margin: 10px 0;
}
.section-content-secondary {
    padding-right: 5%;
}

.section-content-secondary h1{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: var(--secondary-fi-color);
    margin: 10px 0;
}

.headline {
    place-items: center;
    justify-content: center;
}

.headline h1{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: #004E59;
    width: fit-content;    /* position: relative; */
}
.headline span{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: var(--success-fi-color);
}

.headline img{
height: 200px;
width: 200px;
}

.forms-icon img{
    width: 80%!important;
}

@media (max-width: 991px) {
    .forms-icon img{
        width: 80px;
    }
    .section-heading h4 {
        color: var(--primary-fi-color);
        font-size: 30px;
        font-weight: 700;
        /* text-transform: capitalize; */
        margin-bottom: 10px;
        text-align: center;
    }
    .section-heading p {
        text-align: center;
    }

    .form-container{
        position: relative;
        width: 90vw;
        /* right: 50%; */
        margin-top: 30px;
        place-self: center;

    }
    #search input {
        font-size: 18px;
        padding: 10px;
    }

    .main-nav {
        display: block;
    }


    .header-area .main-nav .nav {
        place-content: center;
        float: none;
        width: 100%;
        display: none;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
        margin-left: 0px;
        border-width: 0px!important;

      }
    
      .main-banner .left-content img {
        width: 100%;
    }

    .main-banner .left-content p {
        color: #212529!important;
        margin-right: 0;
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 10px;
        font-weight: 400;
    }
    .main-banner {
        text-align: center;
        padding: 200px 0px 30px 0px;
    }
    
    .divider {
        margin-top: 80px;
        padding: 10px;
    }
    .contact-form-section {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    footer {
        margin-top: 40px;
    }

    .footer-widget h4 {
        text-align: left;
        font-size: 18px;
    }

    .footer-widget{
        margin: 20px;
    }
}
.mail-form {
    align-content: center;
    margin-bottom: 0px!important;

}
.icon-contact {
    width: 25px;
    /* height: 35px; */
    place-content: center;
}

.icon-contact img{
    width: 25px;
}

.icon-contact img:hover{
    width: 30px;
    transition: all ease .1s;
}

.icon-to-top {
    border-radius: 3px;
    bottom: 10px;
    right: 10px;
    position: fixed;
    width: 50px;
    height: 50px;
    display: flex;
    place-content: center;
    z-index: 15;
    background-color: var(--alert-fi-color);
}


.icon-to-top a {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

/* .icon-contact img{
    position: relative;
    margin-top: 10px;
} */
.icon-contact span{
    position: fixed;
    right: 25px;
    bottom: 64px;
    color: #004E59;
    font-family: 'EastmanRomanTrial';
    padding: 0 10px;
    border-radius: 40px;
}

.icon {
    position:absolute;
    display:block;}

.icon:nth-child(1) {width: 300px;height:300px;top:25%;left:-3%;}
.icon:nth-child(2) {width:100px;height:100px;top:21%;left:13%;}
.icon:nth-child(3) {width:90px;height:100px;top:60%;left:14%;}
.icon:nth-child(4) {width:50px;height:50px;top:60%;left:19%;}

.icon:nth-child(5) {width: 80px;height:70px;top:40%;right:14.5%;}
.icon:nth-child(6) {width: 45px;height:40px;top:47%;right:12.5%;}
.icon:nth-child(7) {width:80px;height:70px;top:24%;right:12%;}
.icon:nth-child(8) {width:80px;height:70px;top:40%;right:7.5%;}

.icon:nth-child(9) {width:45px;height:40px;top:19.5%;right:10.5%;}
.icon:nth-child(10) {width:115px;height:100px;top:26.5%;right:3.6%;}
.icon:nth-child(11) {width:150px;height:100px;top:11%;right:-4%;}
.icon:nth-child(12) {width:165px;height:50px;top:30%;right:-8%;}

@media (max-width: 991px) {
    .icon:nth-child(1) {width: 150px;height:150px;top:22%;left:-12%;}
    .icon:nth-child(2) {width:50;height:50px;top:15%;left:20%;}
    .icon:nth-child(3) {width:45px;height:50px;top:75%;left:8%;}
    .icon:nth-child(4) {width:30px;height:30px;top:73%;left:16%;}
    
    .icon:nth-child(5) {width: 40px;height:40px;top:40%;right:14.5%;}
    .icon:nth-child(6) {width: 22px;height:22px;top:47%;right:12.5%;}
    .icon:nth-child(7) {width:40px;height:40px;top:30%;right:11%;}
    .icon:nth-child(8) {width:40px;height:40px;top:40%;right:3%;}
    
    .icon:nth-child(9) {width:22px;height:25px;top:25%; right:11%;}
    .icon:nth-child(10) {width:62px;height:62px;top:29.5%;right:-3%;}
    .icon:nth-child(11) {width:75px;height:75px;top:20%;right:-16%;}
    .icon:nth-child(12) {width:80px;height:80px;top:30%;right:-58%;}
  }


/* Define the animations for the icons */
.icon {
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

.icon:nth-child(1) {animation-duration: 12s;}
.icon:nth-child(2) {animation-duration: 10s;}
.icon:nth-child(3) {animation-duration: 6s;}
.icon:nth-child(4) {animation-duration: 12s;}

.icon:nth-child(5) {animation-duration: 5s;}
.icon:nth-child(6) {animation-duration: 5s;}
.icon:nth-child(7) {animation-duration: 5s;}
.icon:nth-child(8) {animation-duration: 5s;}

.icon:nth-child(9) {animation-duration: 5s;}
.icon:nth-child(10) {animation-duration: 5s;}
.icon:nth-child(11) {animation-duration: 5s;}
.icon:nth-child(12) {animation-duration: 5s;}

.icon-construccion:nth-child(1) {width:100px;height:100px;top:40vw;left:8%;}
.icon-construccion:nth-child(2) {width: 150px;height:150px;top:33vw;left:10%;}
.icon-construccion:nth-child(3) {width:20px;height:20px;top:40vw;left:9%;}
.icon-construccion:nth-child(4) {width:400px;height:400px;top:92%;left:14%;}

.icon-construccion:nth-child(5) {width: 80px;height:80px;top:10%;right:45vw;}
.icon-construccion:nth-child(6) {width: 200px;height:200px;top:78%;right:0;}

@media (max-width: 991px) {

    .under-construcction-image{
        top: 40px;
        position: relative;
    }

    .header-area.header-sticky.under-construcction {
        background-color: transparent;
    }

    .under-construction-background {
        background-size: cover!important; 
        height: 100%!important;
        background-position: -5vw!important;
    }
    
    .icon-construccion:nth-child(1) {width:100px;height:100px;top:75%;left:8%;}
    .icon-construccion:nth-child(2) {width: 150px;height:150px;top:65%;left:10%;}
    .icon-construccion:nth-child(3) {width:20px;height:20px;top:77%;left:9%;}
    .icon-construccion:nth-child(4) {width:400px;height:400px;top:92%;left:-14%;}
    .icon-construccion:nth-child(5) {width: 80px;height:80px;top:11%;right:25%;}
    .icon-construccion:nth-child(6) {width: 200px;height:200px;top:82%;right:0;}
}

.icon-bolsa  {
    position:absolute;
    display:block;
}
    .icon-bolsa {
        animation-name: floating;
        -webkit-animation-name: floating;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
    }

.icon-bolsa:nth-child(1) {animation-duration: 12s;}
.icon-bolsa:nth-child(2) {animation-duration: 10s;}

.icon-bolsa:nth-child(1) {width:250px;height:250px;top:18vw;left:-3%;}
.icon-bolsa:nth-child(2) {width: 200px;height:200px;top: 4vw;left: 70%;}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(15%);	
	}	
	200% {
		transform: translateY(0%);
	}			
}
@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(15%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}
} 

.box-container {
    padding: 10px;
}

.box {
    width: 100%;
    padding: 10px;
    border: 1px hidden;
    position: relative;

}

.hover-box {
    background-color: #000;   
    background-size: cover; 
    border-radius: 10px;
    border: 2px solid #000;
    height: 100%;
}

.first {
    display: block;
    position: relative;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.first .iso{
    display: block;
    position: relative;
    max-width: 100%;
}

.first .iso h1{
    font-weight: bold;
    color: #ffffff;
    font-family: 'EastmanRomanTrial';
    font-size: 54px;
}
.first .iso .iso-number {

    font-family: 'AvenirNextLTPro';
    font-weight: bold;
    color: #00AE42;
    font-size: 32px;
    line-height: 1;
}

.second .iso h1 {
    font-weight: bold;
    color: #004E59;
    font-family: 'EastmanRomanTrial';
    font-size: 40px;
}
.second .iso .iso-number {
    font-family: 'AvenirNextLTPro';
    font-size: 28px;
    font-weight: bold;
    color: #00AE42;
}

.second {
    position: relative;
    padding: 10px;
}

.hover-box .second {
    opacity: 0;
    backface-visibility: hidden;
}

.hover-box:hover {
background-color: #ffffff;    transition: background 1s;
border: 2px solid #CED1D4;
}

.hover-box:hover .second {
    opacity: 1;
    transition: opacity 0.8s;
}

.hover-box:hover .first {
    opacity: 0;
}
.centered{
    margin: auto;
    text-align: center;
    place-items: center;
}


.under-construcction-tittle{
    font-family: 'EastmanRomanTrial';
    font-weight: bold;
    color: #000;
    font-size: 24px;
}

.under-construcction-image img{
    width: 75%!important;
}

select{
    background-color: #fff;
    float: right;
    color: #004E59;
    border-radius: 30px;
    padding: 5px 15px;
    border: 2px solid;
    border-color: #004E59;
    margin: 10px;
    height: min-content;
}

.language-selector{
    align-content: center;    
}

@media (min-width: 1500px ) {
    .under-construction-background {
        background-size: 60%; 
        height: 100vh;
        background-position: right;    
    }
}

@media (min-height: 1000px) {
    .under-construction-background {
        background-size: contain; 
        background-position: 30vw;    
    }
    .icon-construccion:nth-child(4) {width:1000px;height:1000px;top:92%;left:-14%;}
    .icon-construccion:nth-child(6) {width: 200px;height:200px;top:85%;right:0;}
}

.enConstuccion{
    background-color: #00A53A;
    padding: 10px;
    border-radius: 30px;
    color: #fff!important;
}

.header-area .main-nav .nav{
    border-style: solid;
    border-width: 2px;
    border-color: #D9D9D9;
    border-radius: 20px;
    padding: 0px 10px;
    background-color: #fff;
}

.first-section {
    padding-top: 150px!important;
}

.list li{
    list-style: disc;
    color: var(--success-fi-color);
    margin: 5px 0px;
    text-transform: capitalize;
}
.list li a{
    color: var(--success-fi-color);
    font-size: 18px;
    font-weight: 700; 
    font-family:'EastmanRomanTrial';
}

.siteHeader {
    align-self: center;
    place-content: center;
}

/* .siteHeader-left {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 20px;
} */
    
.siteHeader h1{
    color: var(--primary-fi-color);
    font-weight: 700; 
    font-family:'EastmanRomanTrial';
    align-self: center;
    text-align: left;
}

.siteHeader img{
border-radius: 40px;
width: 40%;
    }

.card-secondary.row{
    padding: 10px;
    border-radius: 20px;     
    font-weight: 700; 
    font-family:'EastmanRomanTrial';  
    margin: 10px 0px;
    align-items: center;
}

.card-secondary.row:hover{
    background-color: var(--secondary-fi-color);
    color: #fff;
}
.header-blog {
    display: flex;
    align-items: center;
}
.header-blog-father{
    font-weight: 700; 
    font-family:'EastmanRomanTrial';  
    margin: 10px 0px;
    color: #ABABAB;
}


.header-blog-father a {
color: #ABABAB;
}

.header-blog-father a:hover{
    color: var(--alert-fi-color);
}

.header-blog-title{
    font-weight: 700; 
    font-family:'AvenirNextLTPro';  
    margin: 10px 0px;
    color: var(--alert-fi-color);
    text-transform: capitalize;
}

.title-blog h1{
    padding-right: 30px;
    font-weight: 700; 
    font-family:'AvenirNextLTPro';  
    margin: 10px 0px;
    color: var(--success-fi-color);
    text-transform: capitalize;
}
.title-blog p{
    padding-right: 30px;
    font-weight: 700; 
    font-family:'Poppins';  
    margin: 10px 0px;
    color: var(--secondary-fi-color);
    font-size: 24px;
}
.gallery-item  h1 {
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: var(--primary-fi-color);
}

.gallery-item h4{
    color: var(--primary-fi-color);
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0px;
    font-family: 'AvenirNextLTPro';
}

.gallery-item {
padding-bottom:20px;
}

.gallery-item img{
width: 100%;
}
.background-section{
    background-color: #F5F5F5;
    padding: 30px;
    border-radius: 30px;
}
.container-sm{
    max-width: 70%; 
}
.section-full{
    background: #F5F5F5;
    padding: 70px;
    margin-top: 80px;
}

.section-full-blog {
    background: #F5F5F5;
    padding: 70px;
    margin-top: 80px;
    text-align: -webkit-center;
}

.section-full-blog h5{
    font-weight: 900;
    font-family: 'AvenirNextLTPro';
    color: #A1A1A1;
}

.text-dark{
    color: #000;
}

.text-dark p{
    color: #000;
}

.span-lg {
    font-size: 100px;
    }

.nav-link {
    color: black;
    text-decoration: none;
    padding: 0px;
}

.nav-link.active {
    color: red; /* O el color que prefieras */
    font-weight: bold;
}

.error-body {
    padding-right: 100px;
}
.error-body h1{
    color: #000;
    font-size: 70px; 
    font-weight: 700;
    text-align: left;
    font-family: 'AvenirNextLTPro';
}

.error-body h4{
    font-family:'Poppins';  
    text-align: left;
    color:#000
}

.normal-list li {
    list-style: disc;
    margin: 5px 20px;

}

label {
    color: var(--primary-fi-color);
    font-size: 20px; 
    font-weight: 700;
    text-align: left;
    font-family: 'AvenirNextLTPro';
}
.footer-list li img{
    width: 15px;
    margin-right: 10px;
}

html {
    scroll-behavior: smooth;
}
/* body {
     height:1000px;
} */
 /* #top{
}
 #middle {
     margin-top:500px;
} */
 #btn {
     position: fixed;
     bottom: 10px;
     right: 10px;
     z-index: 99;
     font-size: 18px;
     border: none;
     outline: none;
     background-color: gray;
     color: darkgray;
     cursor: pointer;
     padding: 15px;
     border-radius: 4px;
}
 #btn:hover {
     background-color: white;
}
.scroller {
    max-width: 600px;
  }
  
  .scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: linear-gradient(
      90deg,
      transparent,
      white 20%,
      white 80%,
      transparent
    );
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
  }
  
  .scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s)
      var(--_animation-direction, forwards) linear infinite;
  }
  
  .scroller[data-direction="right"] {
    --_animation-direction: reverse;
  }
  
  .scroller[data-direction="left"] {
    --_animation-direction: forwards;
  }
  
  .scroller[data-speed="fast"] {
    --_animation-duration: 20s;
  }
  
  .scroller[data-speed="slow"] {
    --_animation-duration: 60s;
  }
  
  @keyframes scroll {
    to {
      transform: translate(calc(-50% - 0.5rem));
    }
  }


  .contact-form .success-message, .contact-form .error-message {
    display: none;
    margin-top: 15px;
    font-size: 14px;
}
.contact-form .success-message {
    color: #28a745;

}
.contact-form .error-message {
    color: #e74c3c;
}


.contact-form .success-message-form, .contact-form .error-message-form {
    display: none;
    margin-top: 15px;
    font-size: 14px;
}
.contact-form .success-message-form {
    color: #28a745;

}
.contact-form .error-message-form {
    color: #e74c3c;
}

.fsc-container{
    border: 4px solid #236943;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.fsc-container h3{
margin-left: 50px;
}

.fsc-element img{
    border-radius: 20px;
}

.link-success a{
    font-size: 30px;
    color: var(--success-fi-color);
}

.link-success a:hover{
    color: var(--alert-fi-color);
}


/* Estilo básico para el contenedor del slider */
.slider {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
}

/* Estilo para las imágenes dentro del slider */
.slider-container {
    display: flex;
    transition: transform 0.5s ease;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
}

.slide img {
    width: 100%;
    display: block;
}

/* Estilos para los botones de navegación */
.prev, .next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border: none;
    cursor: pointer;
    z-index: 100;
}

.prev {
    left: 50px;
}

.next {
    right: 50px;
}
.bullets{
    margin: 10px;
}
/* Estilos para los bullets */
.slider-bullets {
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 100%;
}

.bullet {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.bullet.active {
    background-color: #717171;
}

.card-secondary {
    scroll-margin-top: 100px; /* Agrega 50px de margen superior cuando se usa un enlace de ancla */
}

.aviso{
    padding: 10px 0;
}
.modal-bolsa-right img{
width: 90%!important;
border-radius: 30px;
}

.blog-content ul li{
    list-style: disc;
    margin: 10px;
}
.download-content{
place-content: center;
display: flex;
align-items: center;
}

.download-container{
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #F5F5F5;
    }


/* .iso-description{
    color: #000;
} */

.mail-error{
    background-color: var(--danger-fi-color);
    text-align: center;
    color: #fff;
    z-index: 999;
    position: relative;
}
.mail-success{
    background-color: var(--success-fi-color);
    text-align: center;
    color: #fff;
    z-index: 999;
    position: relative;
}
.mail-invalid{
    background-color: var(--alert-fi-color);
    text-align: center;
    color: #fff;
    z-index: 999;
    position: relative;
}