.brand{
    min-height: 90vh;
}

/* Inline | http://127.0.0.1:8000/ */

.brand .site_logo {
  max-height: 18vh;
  box-shadow: 10px 10px 10px #2221;
}

.brand h1 {
  font-family: 'f1';
  font-size: 2rem;
      font-size: clamp(18px,2cm,3rem);

}


.brand h2 {
  font-family: 'f2';
}

/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.brand h1 {
  /* font-size: clamp(18px,2cm,3rem); */
  font-size: 1.5rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-weight: lighter;
}

.brand h2 {
  margin: 0;
  padding: 0;
  font-size: 22px;
}


/* bootstrap.min.css | http://127.0.0.1:8000/static/css/bootstrap.min.css */

p {
  max-width: 500px;
  font-family: 'f1';
    color:  #eee;
    opacity: 0.95;
  font-weight: lighter;
}



/* Inline | http://127.0.0.1:8000/ */

/* home.css | http://127.0.0.1:8000/static/css/home.css */

.btn-hero {
  /* gap: 12px; */
  font-size: 16px;
  color: whitesmoke;
    border-radius: 0px;
}

.device-icon {
  /* font-size: 72px; */
  /* color: rgba(255, 255, 255, 0.07); */
  font-size: 49px;
  color: rgba(255, 255, 255, 0.57);
}

.device-icon.active {
  /* color: rgba(255, 186, 8, 0.35); */
  color: rgba(255, 186, 8, 0.7);
}


/* home.css | http://127.0.0.1:8000/static/css/home.css */

.device-icon {
  margin: 0;
  padding: 0;
}

.device-label {
  /* margin-top: 10px; */
  margin-top: 0;
  padding: 0;
  font-size: 7px !important;
}

.device-badge {
  /* margin-top: 3px; */
  /* font-size: 10px; */
  margin-top: 0;
  font-size: 8px;
  color: #111;
}

.btn-hero {
  /* padding: 16px 48px; */
  padding: 5px 1.5rem;
}

/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.device-icon {
  /* font-size: 49px; */
  font-size: 32px;
}

.btn-hero {
  color: #222;
    background: linear-gradient(135deg, #84203D, #D7462F, #F18C48);
    margin: 0.5rem;
}

/* Inline | http://127.0.0.1:8000/ */

.btn-hero .bi.bi-download {
  font-size: 20px;
}
.btn-hero .bi.bi-play-fill {
  font-size: 1cm;
}

.btn-hero2{
background-image: linear-gradient(80deg,#eee,#fff6);
}

/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.btn-hero .bi.bi-play-fill {
  /* font-size: 1cm; */
  font-size: 25px;
}

.btn-hero {
  /* color: #222; */
  color: #111;
  border-radius: 8px;
  font-weight: lighter;
    
backdrop-filter: blur(10px);
    background: linear-gradient(to right,#eee9,#eee,#eee5);
  #border-radius: 42px;
  box-shadow: 10px 10px 100px #222,-10px -10px 50px #111;
}

.btn-hero .bi.bi-download {
}


/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.btn-hero {
  /* border-radius: 8px; */
  /* box-shadow: 10px 10px 100px #222,-10px -10px 50px #111; */
  border-radius: 0;
  box-shadow: 0px 0px 0px !important;
  border-bottom: 1px solid #fff;
  background-image: none;
  background-color: #fff9;
  color: #000;
  height: 46px;
    transition-duration: 0.6s;
}

.device-icon {
  /* color: rgba(255, 255, 255, 0.57); */
  color: #222;
}

.device-label {
  color: #222;
  margin-top: -7px;
}

.device-icon.active {
  /* color: rgba(255, 186, 8, 0.7); */
  color: #000;
  transform: scale(1.1);
}

.device-icon {
  /* font-size: 32px; */
  font-size: 23px;
}

/* Élément | http://127.0.0.1:8000/# */

.icons-plateform {
  margin: 0px;
  padding: 0px !important;
}


.btn-hero{position:relative;overflow: hidden}
.btn-hero::after{position:absolute;content:""; top:0;bottom: 0;left: 0;right: 100%;


        background: linear-gradient(135deg, #84203D, #D7462F, #F18C48);
    transition: 0.6s linear ;
    transform: scale(1.3);

border-radius: 30px;
    z-index: -1;
transform: scale(2) rotate(10deg)
}

.btn-hero:hover.btn-hero::after{right: 0;transform: scale(1.5) rotate(0deg)}

.btn-hero:hover{
    box-shadow: -1px -10px 20px #2225;
      padding: 5px 1.7rem;
   # background-color: #1119;
       # background: linear-gradient(135deg, #84203D, #D7462F, #F18C48);


}

.btn-hero:hover *{
  color: #eee

}
.download_block{
    margin-top : 1rem;
}



.brand{
  justify-content: center;
  align-items: center
    
}


@media all and (max-width:991px){
    
    
    
/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.brand .site_logo {
  max-width: 70vw;
}

.brand h1 {
  /* font-size: 1.5rem; */
  font-size: 26px;
  font-family: 'f2';
}

.brand h2 {
  font-family: 'f2';
  text-align: center;
  font-weight: lighter;
  font-size: 30px;
}

p {
  max-width: 80%;
  text-align: justify;
}

.btn-hero {
  width: 70vw;
  justify-content: space-evenly;
}

.brand {
  /* min-height: 90vh; */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly !important;
}

/* Inline | http://127.0.0.1:8000/# */

.download_block.h.fc.aifs {
  flex-wrap: wrap;
  margin: 0;
}

/* kandji.min.css | http://127.0.0.1:8000/static/css/kandji.min.css */
.brand {
justify-content: space-evenly !important;
justify-content: center !important;
}
.brand h1 {
font-size: 26px;
font-size: 46px;
}
  
  
/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

  .brand h1 {
    /* font-size: 46px; */
    font-size: 30px;
    text-align: center;
  }
  .brand {
    padding: 3rem 1rem;
  }


.logo {
  /* padding: 10vh 0; */
  padding: 0;
  padding-bottom: 2rem;
}


  
  
  
  
  
  
  
}

.logo {
padding: 10vh 0;
}



  



/* home.css | http://127.0.0.1:8000/static/css/home.css */


.genre-tag {
  background: #eee9;
  color: #222;
  font-weight: lighter;
  padding: 1rem 1rem !important;
  backdrop-filter: blur(5px);
      font-size: 1.6rem;

}

.genre-tag:hover {
  color: #eee;
  background: #ea842a;
}







.advantages {
  
}
.advantage .number{}
.advantage .label{}
.advantage .sublabel{}


/* Inline | http://127.0.0.1:8000/ */

.advantage {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: #eee9;
  backdrop-filter: blur(10px);
  color: #222;
  width: 221px;
  height: 229px;
  justify-content: space-around;
}

/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.advantage .number {
  font-size: 1cm;
  color: transparent;
  background-image: linear-gradient(135deg, #E85D04, #F48C06, #FFBA08);
  background-clip: text;
  font-weight: bolder;
  font-family: f1;
}

.advantage .label {
  font-family: f1;
}
h1 , h2 ,h3{
  font-family: 'f1';
  text-transform: uppercase;
}
.advantage .sublabel {
  font-size: 14px;
  background: linear-gradient(135deg, #E85D04, #F48C06, #FFBA08);
  padding: 10px 20px;
  border-radius: 30;
}

/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

.advantages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.advantage {
  /* width: 221px; */
  /* height: 229px; */
  width: 172px;
  height: 257px;
  margin: 1rem 5px;
  justify-content: space-around;
  background: linear-gradient(to top, #E85D04, #eee4);
}

.advantage .number {
  /* font-size: 1cm; */
  /* color: transparent; */
  /* background-image: linear-gradient(135deg, #E85D04, #F48C06, #FFBA08); */
  /* font-family: f1; */
  font-size: 22px;
  color: #eee;
  background-image: none;
  padding: 0px !important;
  margin: 0px !important;
}

.advantage .label {
  font-size: 14px;
  text-align: justify;
  margin: 1rem 10%;
}

.advantage .sublabel {
  /* background: linear-gradient(135deg, #E85D04, #F48C06, #FFBA08); */
  background: #111;
  color: #eee8;
}




/* home.css | http://127.0.0.1:8000/static/css/home.css */

.feature-item p {
  /* color: rgba(255, 255, 255, 0.25); */
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}

.feature-item {
  /* background: rgba(0, 0, 0, 0.15); */
  background: rgba(0, 0, 0, 0.45);
  align-items: center;
  display: ;
  flex-direction: column;
}

/* home.css | http://127.0.0.1:8000/static/css/home.css */

.feature-item p {
  /* color: rgba(255, 255, 255, 0.25); */
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}

.feature-item {
  /* background: rgba(0, 0, 0, 0.15); */
  background: rgba(0, 0, 0, 0.45);
  align-items: center;
  display: ;
  flex-direction: column;
}

@media (max-width: 992px) {
  .text-display-md {
    /* font-size: 30px; */
    font-size: 30px !important;
  }
}

/* landing.css | http://127.0.0.1:8000/static/css/landing.css */

p {
  margin: auto;
}

.advantages {
  justify-content: center;
}
@media all and (max-width:991px){
  
.advantage {
  width: 60vw;
}
}

/* home.css | http://127.0.0.1:8000/static/css/home.css */

@media (max-width: 992px) {
  .ambassadors-section {
    /* 1: ; */
    background: #000;
    
  }
  .cta-section {
    background: #000;
    margin: 2rem 0;
  }
  
  
/* home.css | http://127.0.0.1:8000/static/css/home.css */

@media (max-width: 992px) {
  .ambassadors-section {
    /* 1: ; */
    background: #000;
    \31: ;
  }
  .cta-section {
    background: #000;
    margin: 2rem 0;
  }


/* footer.css | http://127.0.0.1:8000/static/css/footer.css */

.footer-kaira .footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}

  .footer-kaira .footer-title {
    text-align: center;
  }
  .footer-kaira {
    text-align: center;
  }
  .footer-kaira .footer-brand .tagline {
    text-align: center;
  }
}

.footer-kaira .contact-item {
  justify-content: center;
}

.footer-kaira .footer-title::after {
  /* width: 30px; */
  width: 100vw;


}
}