@charset "UTF-8";
/*==MATERIAL ICON=========================================================*/
/*style*/
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp{
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48
}
/*size*/
.material-icons.md-18,
.material-icons-outlined.md-18,
.material-icons-round.md-18,
.material-icons-sharp.md-18,
.material-icons-two-tone.md-18,
.material-symbols-outlined.md-18 ,
.material-symbols-rounded.md-18 ,
.material-symbols-sharp.md-18 { font-size: 1rem; }

.material-icons.md-24,
.material-icons-outlined.md-24,
.material-icons-round.md-24,
.material-icons-sharp.md-24,
.material-icons-two-tone.md-24,
.material-symbols-outlined.md-24,
.material-symbols-rounded.md-24,
.material-symbols-sharp.md-24 { font-size: 1.5rem; }

.material-icons.md-36,
.material-icons-outlined.md-36,
.material-icons-round.md-36,
.material-icons-sharp.md-36,
.material-icons-two-tone.md-36,
.material-symbols-outlined.md-36,
.material-symbols-rounded.md-36,
.material-symbols-sharp.md-36 { font-size: 2rem; }

.material-icons.md-48,
.material-icons-outlined.md-48,
.material-icons-round.md-48,
.material-icons-sharp.md-48,
.material-icons-two-tone.md-48,
.material-symbols-outlined.md-48,
.material-symbols-rounded.md-48,
.material-symbols-sharp.md-48 { font-size: 3rem; }

.material-icons.md-56,
.material-icons-outlined.md-56,
.material-icons-round.md-56,
.material-icons-sharp.md-56,
.material-icons-two-tone.md-56,
.material-symbols-outlined.md-56 ,
.material-symbols-rounded.md-56 ,
.material-symbols-sharp.md-56 { font-size: 4rem; }

.material-icons.md-64,
.material-icons-outlined.md-64,
.material-icons-round.md-64,
.material-icons-sharp.md-64,
.material-icons-two-tone.md-64,
.material-symbols-outlined.md-64,
.material-symbols-rounded.md-64,
.material-symbols-sharp.md-64 { font-size: 5rem; }

@media (max-width: 991px){
  .material-icons.md-18,
  .material-icons-outlined.md-18,
  .material-icons-round.md-18,
  .material-icons-sharp.md-18,
  .material-icons-two-tone.md-18,
  .material-symbols-outlined.md-18 ,
  .material-symbols-rounded.md-18 ,
  .material-symbols-sharp.md-18 { font-size: .5rem; }

  .material-icons.md-24,
  .material-icons-outlined.md-24,
  .material-icons-round.md-24,
  .material-icons-sharp.md-24,
  .material-icons-two-tone.md-24,
  .material-symbols-outlined.md-24,
  .material-symbols-rounded.md-24,
  .material-symbols-sharp.md-24 { font-size: 1rem; }

  .material-icons.md-36,
  .material-icons-outlined.md-36,
  .material-icons-round.md-36,
  .material-icons-sharp.md-36,
  .material-icons-two-tone.md-36,
  .material-symbols-outlined.md-36 ,
  .material-symbols-rounded.md-36 ,
  .material-symbols-sharp.md-36 { font-size: 1.5rem; }

  .material-icons.md-48,
  .material-icons-outlined.md-48,
  .material-icons-round.md-48,
  .material-icons-sharp.md-48,
  .material-icons-two-tone.md-48,
  .material-symbols-outlined.md-48,
  .material-symbols-rounded.md-48,
  .material-symbols-sharp.md-48 { font-size: 2rem; }

  .material-icons.md-56,
  .material-icons-outlined.md-56,
  .material-icons-round.md-56,
  .material-icons-sharp.md-56,
  .material-icons-two-tone.md-56,
  .material-symbols-outlined.md-56,
  .material-symbols-rounded.md-56,
  .material-symbols-sharp.md-56 { font-size: 2.5rem; }

  .material-icons.md-64,
  .material-icons-outlined.md-64,
  .material-icons-round.md-64,
  .material-icons-sharp.md-64,
  .material-icons-two-tone.md-64,
  .material-symbols-outlined.md-64 ,
  .material-symbols-rounded.md-64 ,
  .material-symbols-sharp.md-64 { font-size: 3rem; }
}
/*ICON ::BEFORE*/

.mi{position:relative;z-index:1;}

.mi::before,
.mi::after {
  color:var(--bs-mi-color);
  font-family: 'Material Symbols Outlined';
  vertical-align: middle;
  position:absolute;
} 


*[class^="mi-"]::before,
*[class^="mi-"]::after{
  font-family: 'Material Symbols Outlined';
  vertical-align: middle;
  position:absolute;
}

.mi-keyboard-arrow::after{
  content: "keyboard_arrow_down";
  right:0;
}
.mi-keyboard-arrow:hover::after,
.mi-keyboard-arrow.active::after{
  content: "keyboard_arrow_up";
}

.mi-close::before {content: "close";}
.mi-timer::before {content: "timer";}
.mi-place::before {content: "place";}
.mi-share::before {content: "share";}
.mi-article::before {content: "article";}
.mi-support::before {content: "contact_support";}
.mi-printer::before {content: "print";}
.mi-segment::before {content: "segment";}
.mi-star::before {content: "star";}
.mi-quote::after,
.mi-quote::before
 {
  content: "format_quote";
  color:var(--bs-mi-color);
  font-size:6rem;
  line-height:.7;
  display:flex;
  z-index:-1;
  padding:2rem;
  opacity:.4;
  font-style:italic;
}

.mi-quote::before{
  top:0;
  left:0;
transform: rotate(180deg);
}
.mi-quote::after{
  bottom:0;
  right:0;
  
}    
    

/*FX*/
.material-symbols-outlined.rotate ,
.material-symbols-rounded.rotate,
.material-symbols-sharp.rotate{
  overflow:inherit;
}
.material-symbols-outlined.rotate::before ,
.material-symbols-rounded.rotate::before ,
.material-symbols-sharp.rotate::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius:.5rem;
    background: var(--bs-primary);
    opacity: 0.2;
    z-index: 0;
    -webkit-transform: rotate(23deg);
    transform: rotate(23deg);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  }


.material-symbols-outlined.rotate:hover::before ,
.material-symbols-rounded.rotate:hover::before ,
.material-symbols-sharp.rotate:hover::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }