/* 👇 Styles for Screens ABOVE 1920px */
@media (min-width: 3840px) {
  .gap-hexagone{
      gap:60px;
  }
  .signup-button-bottom{
        padding: 1% 4%;
    font-size: 70px;
    background: #ff914d;
  }
  
  .signup-button{
          padding: 3% 6%;
    font-size: 70px;
    background: #ff914d;
  }
  
  .bee-width{
      width:300px;
  }
  .x4xl-h1{
        font-size: 300px;
        line-height: 280px;
                font-weight: 590;
  }
 
   .x4xl-h2{
           font-size: 277px;
        line-height: 330px;
  }
  .x4xl-h2-4th{
      font-size: 265px;
        line-height: 330px;
  }
   .x4xl-h3{
      font-size: 180px ;
  }
   .x4xl-h4{
      font-size: 130px;
       line-height: 150px;
  }
  
   .x4xl-h5{
      font-size: 90px;
  }
  
  .x4xl-h4-5th {
              font-size: 60px;
        line-height: 100px;
    }
    
   .x4xl-h6{
      font-size: 50px;
        line-height: 50px;
  }
  .text-hexagone{
      width:450px;
       height:450px;
  }
  .center-hexagone-padding{
      padding-left:200px;
      margin-top:-5rem !important;
      margin-bottom:-5rem !important;
  }
    .text-hexagone-img{
      width:200px;
       height:auto;
  }
  .padding-right{
      padding-right:0% !important;
  }
  .secondsection-padding{
      padding: 5%;
  }
  .secondsection-img{
      width: 300px;
      height: 300px;
  }
  .sevensection-img{
      width: 200px;
        height: 250px;
  }
  .secondsection-right-img{
      padding-right:5%;
  }
  .secondsection-right-bottom-img{
      padding-right:10%;
  }
  .secondsection-text-width{
      width:75%;
  }
  
  /*third section css*/
   .x4xl-h2-min{
       font-size: 190px;
        line-height: 200px;
  }
  
 

  
  
    /*fifthsection css*/
     .x4xl-h2-min-min{
       font-size: 120px;
        line-height: 130px;
        font-weight: 600;
  }
  
  .p-font{
              font-size: 40px;
        line-height: 50px;
  }
  
  .h-card{
      height:24rem;
  }
  
  
  /*saeventh section*/
   .x4xl-h4-seven{
      font-size: 70px;
  }
    
}


@media (min-width: 2500px) and (max-width: 3839px) {
 .gap-hexagone{
      gap:60px;
  }
   .signup-button-bottom{
        padding: 1% 4%;
    font-size: 60px;
    background: #ff914d;
  }
  
  .signup-button{
          padding: 3% 6%;
    font-size: 60px ;
    background: #ff914d;
  }
  
 .x4xl-h1{
        font-size: 220px;
        line-height: 200px;
         font-weight: 590;
  }
   .x4xl-h2{
      font-size: 160px ;
      line-height: 160px;
  }
  .x4xl-h2-4th{
 font-size: 160px ;
      line-height: 160px;
  }
  
   .x4xl-h3{
      font-size: 180px ;
  }
   .x4xl-h4{
      font-size: 100px;
        line-height: 120px;
  }
   .x4xl-h5{
      font-size: 80px;
  }
   .x4xl-h6{
      font-size: 40px;
        line-height: 50px;
  }
  .text-hexagone{
      width:350px;
       height:350px;
  }
  .center-hexagone-padding{
      padding-left:200px;
      margin-top:-5rem !important;
      margin-bottom:-5rem !important;
  }
    .text-hexagone-img{
      width:140px;
       height:auto;
  }
  
   .padding-right{
      padding-right:0% !important;
      padding-left: 10% ;
  }
  
   .bee-width{
      width:300px;
  }
   .secondsection-padding{
      padding-top: 4%;
    padding-bottom: 4%;
  }
  .secondsection-img{
      width: 250px;
      height: 250px;
  }
  .secondsection-right-img{
      padding-right:2%;
  }
  .secondsection-right-bottom-img{
      padding-right:6%;
  }
   .secondsection-text-width{
      width:75%;
  }
  
    /*third section css*/
   .x4xl-h2-min{
       font-size: 140px;
        line-height: 150px;
  }
  
 

  
  
  /*fifthsection css*/
    /*fifthsection css*/
     .x4xl-h2-min-min{
       font-size: 120px;
        line-height: 120px;
  }
  .p-font{
       font-size: 60px;
        line-height: 70px;
  }
  
   .h-card{
      height:20rem;
  }
  
   /*saeventh section*/
   .x4xl-h4-seven{
      font-size: 60px;
  }
  
  .xxl-p {
        padding-left:  10% !important; 
      padding-right: 10% !important; 
        
    }
    
    .xxl-logotext{
        font-size:2rem !important;
    }
    
    .xxl-h1{
        font-size:6rem  !important;
    }
    
    .xxl-h2{
          font-size:4.5rem  !important;
    }
     .xxl-h3{
        
    }
    .xxl-h4{
        
    }
    .xxl-h5{
         font-size:2rem  !important;
    }
    .xxl-h6{
        
    }
    .xxl-p{
        
    }
    
    .xxl-height{
        height:10% !important;
    }
    
    .circle-leaf-width{
                height: 16rem;
        width: 16rem;
    }
    
    .circle-sustainbility-width{
        left:14rem;
           height: 9rem;
        width: 9rem;
    }
    
    .circle-3rdco2-width{
        top:5rem;
           height: 7rem;
        width: 7rem;
        left:24rem;
    }
    
    .circle-cross-width{
        left:40rem;
         height: 10rem;
        width: 10rem;
    }
    .circle-crosstwo-width{
          left:54rem;
          height: 5rem;
        width: 5rem;
    }
    
    .circle-2ndco2-width{
                top: 12rem;
                left: 16rem;
    }   
    
    .circle-divide-width{
             top:12rem;
         height:6rem;
        width: 6rem;
           left:34rem;
    }
    
    .circle-firstco2-width{
                top: 10rem;
                        height: 7rem;
                                left: 47rem;
                                width: 7rem;
    }
    
    .circle-bottom-co2-width{
         height: 16rem;
        width: 16rem;
                top: 18rem;
    }
    
    .circle-sme-width{
                top: 32rem;
                        left: 16rem;
    }
    /*.xxl-icon{*/
    /*        transform: scale(1.6) !important;*/
    /*        padding:2% !important;*/
    /*}*/
}

@media (min-width: 1921px) and  (max-width: 2499px) {
    
     .signup-button-bottom{
        padding: 1% 4%;
    font-size: 40px;
    background: #ff914d;
  }
    .gap-hexagone{
      gap:30px;
  }
    .signup-button{
          padding: 3% 6%;
    font-size: 40px ;
    background: #ff914d;
  }
  
    .padding-right{
      padding-right:0% !important;
      padding-left: 5% ;
  }
  
   .x4xl-h1{
     
  
          font-size: 140px;
        line-height: 130px;
         font-weight: 590;
  }
  .x4xl-h2{
      font-size: 120px ;
      line-height: 120px;
  }
  .x4xl-h2-4th{
      font-size: 120px ;
      line-height: 120px;
  }
  
   .x4xl-h3{
      font-size: 180px ;
  }
   .x4xl-h4{
    
        font-size: 60px;
        line-height: 70px;
  }
   .x4xl-h5{
      font-size: 50px;
  }
   .x4xl-h6{
      font-size: 25px;
        line-height: 30px;
  }
  .text-hexagone{
      width:220px;
       height:220px;
  }
  .center-hexagone-padding{
      padding-left:100px;
      margin-top:-2rem !important;
      margin-bottom:-2rem !important;
  }
    .text-hexagone-img{
      width:100px;
       height:auto;
  }
  
   
     .secondsection-padding{
      padding-top: 4%;
    padding-bottom: 4%;
  }
  .secondsection-img{
      width: 140px;
      height: 140px;
  }
  .secondsection-right-img{
      padding-right:2%;
  }
  .secondsection-right-bottom-img{
      padding-right:6%;
  }
    .secondsection-text-width{
      width:75%;
  }
   
   
   
   /*third section css*/
   .x4xl-h2-min{
       font-size: 90px;
        line-height: 90px;
  }
  

   
   
   
   
   
  /*fifthsection css*/
    /*fifthsection css*/
     .x4xl-h2-min-min{
       font-size: 80px;
        line-height: 80px;
  } 
    .p-font{
       font-size: 30px;
        line-height: 50px;
  }
   
   
    .h-card{
      height:20rem;
  }
  
   /*saeventh section*/
   .x4xl-h4-seven{
      font-size: 40px;
  }
  
   
    .xxl-p {
        padding-left:  10% !important; 
      padding-right: 10% !important; 
        
    }
    
    .xxl-logotext{
        font-size:2rem !important;
    }
    
    .xxl-h1{
        font-size:6rem  !important;
    }
    
    .xxl-h2{
          font-size:4.5rem  !important;
    }
     .xxl-h3{
        
    }
    .xxl-h4{
        
    }
    .xxl-h5{
         font-size:2rem  !important;
    }
    .xxl-h6{
        
    }
    .xxl-p{
        
    }
    
    .xxl-height{
        height:10% !important;
    }
    
    .circle-leaf-width{
                height: 16rem;
        width: 16rem;
    }
    
    .circle-sustainbility-width{
        left:14rem;
           height: 9rem;
        width: 9rem;
    }
    
    .circle-3rdco2-width{
        top:5rem;
           height: 7rem;
        width: 7rem;
        left:24rem;
    }
    
    .circle-cross-width{
        left:40rem;
         height: 10rem;
        width: 10rem;
    }
    .circle-crosstwo-width{
          left:54rem;
          height: 5rem;
        width: 5rem;
    }
    
    .circle-2ndco2-width{
                top: 12rem;
                left: 16rem;
    }   
    
    .circle-divide-width{
             top:12rem;
         height:6rem;
        width: 6rem;
           left:34rem;
    }
    
    .circle-firstco2-width{
                top: 10rem;
                        height: 7rem;
                                left: 47rem;
                                width: 7rem;
    }
    
    .circle-bottom-co2-width{
         height: 16rem;
        width: 16rem;
                top: 18rem;
    }
    
    .circle-sme-width{
                top: 32rem;
                        left: 16rem;
    }
    /*.xxl-icon{*/
    /*        transform: scale(1.6) !important;*/
    /*        padding:2% !important;*/
    /*}*/
 
}