.first h1{
    color:white;
}

body {
background: #5050FF;

}
.menu {
    list-style: none;
    color:red;
    font-size: 20px;
}




@media (min-width: 1100px) {
 .menu {
  display: flex; /* Aligns child items horizontally */
  justify-content: center; /* Centers the menu elements */
  list-style-type: none; /* Removes default bullet points */
  margin: 0;
  padding: 0;
  gap: 20px; /* Adds space between the items */
  position: relative;
  top:50%;
  transform: translateY(-50%);
}
.top{
    display:flex;
}


.menu-but{
    display:none;
}
}

@media (max-width: 1100px) {
 .top .menu-menu1-container{
    display:none;
 }

 .menu-but{
    display:block;
 }

   .menu-but{
        display:flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: 10px;
    }
    .menu-but img{
        width:40px !important;
    }
       .top{
        display:flex;

    }
  

    .menu-slide-wrap{
    background: #5050FF;
    
    width: 100%;


    }

    .menu-wrapper{
   
        font-size: 26px;
        width: 100%;
        background: #5050FF;
        z-index: 100;
        position: absolute;
        padding: 37px;
        white-space: nowrap;
        
    }

    .menu-wrapper li{
        align-items: center;
        justify-content: center;
        display: flex;
    }

}

.menu li  {
  text-decoration: none; /* Removes underlines from links */
  color: #333;
}

.top h1{
    padding: 8px 20px;
    width:min-content;
}
.top .menu-menu1-container{
    width:min-content;
    white-space: nowrap;
    margin-left:auto;
    margin-right: 5%;
}



.menu a{
    text-decoration: none;
    color:white;
}


.guzik {
    font-weight:bold;
}
.banner-center{
    height:75vh;
    display: flex;
    overflow: hidden;
    flex-grow:1;
}
.wrapper1{
    display: flex;
    height:min-content;
    align-self:center;
    margin-left:auto;
    margin-right:auto;
    
   
}
.banner-left{
    padding-left: 20px;
    display:flex;
    flex:1;
}
.skuteczne{
    color:white;
    
}
.opis1{
    color:white;
   
}
.guzik p{
    background-color: #FEFFB8;
    border-radius: 25px;
    
    color: #5050FF;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    font-size:20px;
}


.banner-right img{
    width:100%;
}
.banner-left .opisy{
 
}

.banner-right figure{
    /* position: relative;
    left: 25%;
    top: 50%;
    transform: translateY(-50%); */
}
.opisy{
    align-self:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left :auto;
    margin-right:auto;
    /* width: 150%;
    padding-left: 36%; */
}
.first{
    height: 100svh;
     
}
.third{
    padding-top:80px;
    padding-bottom:80px;
    background-image:url(https://webleadonline.pl/wp-content/uploads/2026/06/Globe-1536x1229.png);
    background-repeat:no-repeat;
    background-position: right;
    background-size:contain;
    position:relative;
    height: auto;
    background-color: white;
    min-height:110svh;
    display:flex;
   
}
.fourth{
    height:40svh;
    background-color:#5050FF;
    min-height: fit-content;
    min-height: -moz-available;
    height:100%;
}
.second{
    height:120vh;
    min-height: fit-content;
    background-color: white;
}
.banner-right figure{
    margin:0px;
}

.banner-right{
    flex:1;
}

@media (max-width: 1350px) {
 
}


@media (min-width:600px ) and (max-width:800px) {
 .banner-right figure{
    
 }
}

@media (min-width: 1100px) {
    .skuteczne{
        margin-bottom: 20px;
    }
    .opis1{
        margin-bottom: 20px;
    }
 .banner-right img{
    
 }
 .opis1{
    width:600px;
 }
 .skuteczne{
    width:600px;
 }
}
@media (max-width: 600px) {
    .skuteczne{
    width:auto;
    padding-bottom: 20px;
 }
 .opis1{
    padding-bottom: 20px;   
 }
 .banner-left .opisy{
    width:fit-content;
 }
 .banner-left .opisy {
     position: relative;
     left:50%; 
     top: 0%; 
     transform: translateY(0);
     transform: translateX(-50%);
}
.banner-right figure img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
}

@media (min-width:600px ) and (max-width:750px) {
     .skuteczne{
        margin-bottom: 20px;
    }
    .opis1{
        margin-bottom: 20px;
    }
}


@media (max-width:750px ){

    .wrapper1{
        display:block;
        
        height: min-content;
        align-self:center;
     

    }
    .skuteczne h1{
        font-size: 25px;
    }
    .opis1 p{
        font-size: 13px;
    }
    .guzik p{
        font-size:14px;
    }

    .banner-right figure{
        
        left: 0px;
        top:0px;
        transform: none;
        padding: 20px;
    }

    .banner-center{
        height:70vh;
    }
    .opisy{
        text-align: center;
        
    }

    .banner-left{
        padding-left:0px;
    }
    .skuteczne h1{
        font-size: 25px;
    }
  
}


@media (min-width:500px ) and (max-width:800px) {
    .skuteczne h1{
        font-size: 38px;
    }
}

@media (min-width:800px){


    .skuteczne h1{
        font-size: 45px;
    }
}

.logo1,.logo2,.logo3,.logo4,.logo5{
        margin-right: 30px;
}
.logo1{
    margin-left: 20px;
}



.logos{
  
  white-space: nowrap; /* Sprawia, że elementy slidera układają się w jednej linii */
  width: 100%;
  display:flex;
  justify-content:space-between;
  position:relative;
  
  
}


.logos img{
    max-width:none !important;
}

.first{
    display:flex;
    flex-direction:column;
}
.banner-bottom{
    
    display:flex;
    
    overflow: hidden;
}

.menu-slide-wrap{
    display:none;
}

.second-wrapper{
    display:flex;
    flex-wrap:wrap;
    
}


.right-div-2{
     display: flex;
    flex: 0 0 50%;
    justify-content: center;
    align-items: center;
}
.left-div-2{
    display: flex;
    flex: 0 0 50%;
    justify-content: center;
    align-items: center;
    padding-top:40px;
   
}







.wp-block-heading .has-x-large-font-size{
    font-size: 20px;
    color: rgb(37, 9, 73);
}


.second-wrapper{
    height: -webkit-fill-available;
    min-height: min-content;
}

.box20{
    margin-bottom:20px;
}



.opis2{
    padding:30px;
}
    


@media (max-width: 900px) {
    .second-wrapper{
        display:block;
    }
  .second{
        height:auto;
    }
    .third{
        display:flex;
        height:auto;
        min-height:110svh;
    }
  

 
 
    
}

  
.box130,.box131,.box132,.box133,.box134{

    align-self:start;
    background-color: white;
}



.box49,.box52,.box55,.box59,.box67,.box72,.box77,.box83,.box97,.box104,.box108,.box120,.box124{
    margin:0px;
    
}

.box38,.box34,.box42,.box93,.box113{
    margin:0px;
}

#grupa1 h6,#grupa1 h4{

    margin-left:20px;
    /* margin-bottom:20px; */
    margin-right:0px;
    margin-top:0px;
}

.box49,.box52,.box55,.box59,.box67,.box72,.box77,.box83,.box120,.box124,.box97,.box104,.box108{
  flex-wrap:nowrap !important;
}


    .background{
       right: 0px;
        position: absolute;
        bottom: 0px;
}

@media (max-width: 800px) {
    .background{
       
        display:none
        
}
}


@media (min-width: 500px){

    .box130,.box131,.box132,.box133,.box134{
        width:70% !important;

    }
}

.box34,.box38,.box42,.box93,.box113{
    flex-wrap:nowrap !important;
}



@media (max-width:782px){
.box4,.box151,.box152{
    margin-top:30px !important;
}
}



#grupa1{
    margin-bottom:20px;
    display:flex;
    align-items:center;
    /* padding-top:50px; */
}

.box162 a{
    background-color: #FEFFB8;
    border:none;
}

.box165 img{
    width:177px;
}
.box164{
    color: white;
}
.box163{
    width: fit-content;
    justify-content:left;
    display: flex;
}

.fourth{
    min-height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 780px){

    .box164 h4,.box164 p{
        text-align:center;
        display:flex;
        justify-content:center;
    }
    .box163{
        width:auto;
    }
}

.dzialalnosc{
    align-self:center;
}
.rozwiazanie{
    padding-top:80px;
    padding-bottom:80px;
}

.fifth{
    background-color: white;
    min-height : 100svh;
   
   
    height: -moz-available;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box205,.box215,.box240,.box241{

    display:flex ;
}
.box203,.box213,.box222,.box231{
    align-self:flex-start;
}
/* .box208,.box217,.box226,.box234{
    align-self:flex-start;
} */



     #box225 figure,.box216 figure,.box207 figure,.box233 figure{
        margin:0px ;
     }

     /* .box234,.box226,.box217,.box208{
        top: 50%;
        padding: 0px;
        position: absolute;
        transform: translate(100%, -50%);
     } */

     /* .box240,.box205,.box215,.box241{
        position:relative;
     } */
    
.box200,.box201{
    padding-left:20px;
}


@media (max-width:780px){

    .box207 figure,.box216 figure,#box225 figure,.box233 figure{
        width:80% !important;
    }
    .box291 figure{
        width: 50% !important;
    }
}
.box200{
    padding-top:50px;
}




.box150{
    margin-top:0px;
}



@media (max-width: 500px){
    .skuteczne{
        margin-bottom:0px;
        padding-bottom:20px;
    }
    .opis1{
        margin-bottom:0px;
    }
}

.box311 figure{
    margin:0px;
}
.box311{
    padding-top:0px !important;
    padding-bottom:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
}

.six {
    height: 110svh;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:fit-content;
}

.ninth {
    height: 140svh;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:fit-content;
    background-color:#feffb8;
}
.realizacje{
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    
}

  .six{
        height:auto;
    }


@media (max-width: 500px) {
  

.box4{
    margin-bottom:60px;
}
.box151{
    margin-bottom:40px;

}
#grupa1{
    margin-top:100px;
}

}
.box23{
    padding-top:50px;
}

.seventh{
    background: #feffb8;
    height: 120svh;
    min-height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box400 figure{
    width:fit-content
}

.box162 a {
    border-top-width: 0px !important; 
    border-left-width: 0px !important; 
    border-bottom-width: 0px !important; 
    border-right-width: 0px !important; 
}





.c1,.c2,.c3,.c4,.c5{
    text-decoration: none;
    color:white !important;

}

@media (max-width: 782px) {
    .forminator-button .forminator-button-submit {
        width: 200px !important;
        
    }
    .fifth,.seventh{
        height:auto;
    }
    #forminator-module-521 button{
        width:min-content;
    }
    .forminator-row-last .forminator-field{
        display:flex;
        justify-content:center;
        
    }
 
}

@media (min-width: 1150px) {
 
    .primary-navigation > .primary-menu-container{
        visibility:visible;
        display:block;
    }
    .site-header{
        justify-content: center;
        align-items: center;
    }
}


.site-branding{
    margin-left: 20px;
}
.site-title{
    font-size: 50px;
}
.menu-item a{
    color:white !important;
}

.box31{
    position:relative;
    z-index: 100;
}
.wspolpraca{
    display:flex;
    flex-direction:column;
}
.box200,.box201{
    align-self:center;
}
.box201{
    padding-bottom:2%;
}

#primary-mobile-menu{
    color:white !important;
}

.is-style-outline{
    white-space: nowrap;
    width:auto !important;
    
}
.is-style-outline a{
    padding:10px !important;
}

.box30{
    position:relative;
    z-index: 100;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: var(--primary-nav--padding);
		padding-right: var(--primary-nav--padding);
	}

.primary-navigation{
    margin-right    : 20px;
}

@media (max-width: 765px) {

    .div1,.div2,.div3,.div4{
        flex: 1 1 40%;
    }

}





.div1 img{
    opacity: 0;
  transform: translateY(-50px);
  transition: all 2s ease-out; /* Płynny ruch */
  font-size: 50px;
  text-align: center;
  
}


.div1 img.pokaz {
  /* Pozycja końcowa – ikona ląduje na swoim miejscu */
 opacity: 1;
  transform: translateY(0);
}


.div2 img{
    opacity: 0;
  transform: translateY(-50px);
  transition: all 2s ease-out; /* Płynny ruch */
  font-size: 50px;
  text-align: center;
  
}


.div2 img.pokaz {
  /* Pozycja końcowa – ikona ląduje na swoim miejscu */
 opacity: 1;
  transform: translateY(0);
}

.div3 img{
    opacity: 0;
  transform: translateY(-50px);
  transition: all 2s ease-out; /* Płynny ruch */
  font-size: 50px;
  text-align: center;
  
}


.div3 img.pokaz {
  /* Pozycja końcowa – ikona ląduje na swoim miejscu */
 opacity: 1;
  transform: translateY(0);
}

.div4 img{
    opacity: 0;
  transform: translateY(-50px);
  transition: all 2s ease-out; /* Płynny ruch */
  font-size: 50px;
  text-align: center;
  
}


.div4 img.pokaz {
  /* Pozycja końcowa – ikona ląduje na swoim miejscu */
 opacity: 1;
  transform: translateY(0);
}


.div5 img{
    opacity: 0;
  transform: translateY(-50px);
  transition: all 2s ease-out; /* Płynny ruch */
  font-size: 50px;
  text-align: center;
  
}


.div5 img.pokaz {
  /* Pozycja końcowa – ikona ląduje na swoim miejscu */
 opacity: 1;
  transform: translateY(0);
}



.box48 img,.box51 img,.box56 img,.box60 img,.box68 img,.box73 img,.box78 img,.box85 img,.box100 img,.box101 img,.box105 img,.box115 img,.box121 img{
    opacity: 0;
  transform: translateY(-50px);
  transition: all 2s ease-out; /* Płynny ruch */
  font-size: 50px;
  text-align: center;
  
}


.box48 img.pokaz, .box51 img.pokaz,.box56 img.pokaz,.box60 img.pokaz,.box68 img.pokaz,.box73 img.pokaz,.box78 img.pokaz,.box85 img.pokaz,.box100 img.pokaz,.box101 img.pokaz,.box105 img.pokaz,.box115 img.pokaz,.box121 img.pokaz {
  /* Pozycja końcowa – ikona ląduje na swoim miejscu */
 opacity: 1;
  transform: translateY(0);
}

  

#myCanvas{
    height:1000px;
    width:1000px;
}


.launchpad {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #0a0a25;
  overflow: hidden;
}

.rocket {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 120px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  transition: bottom 3s ease-in;
}

.rocket.fly {
  bottom: 120%; /* Wznoszenie rakiety */
}

/* Kłęby dymu */
.smoke-puff {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: drift 2s forwards ease-out;
}

@keyframes drift {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 50px) scale(3);
    opacity: 0;
  }
}



@media (hover: hover) {
    @supports (color:color-mix(in lab, red, red)) {
        .box130:is(:where(.group):hover *) {
            --tw-shadow-color: blue;

        }
    }
}
.box130,.box131,.box132,.box133,.box134 {
  transition: box-shadow 0.3s ease;
}

.box130:hover ,.box131:hover,.box132:hover,.box133:hover,.box134:hover {
  box-shadow: 0px 10px 20px #5050FF;
}


.box30 figure,.box150 figure,.box151 figure,.box152 figure {
  transition: transform 2s ease;
}

.box30 figure.pokaz, .box150 figure.pokaz, .box151 figure.pokaz,.box152 figure.pokaz {
  transform: rotate(360deg);
}



.kos1 .uagb-container-inner-blocks-wrap{
    flex-direction:column;
}


    .kos2 figure {
      font-size: 80px; /* Możesz zastąpić tagiem <img> z grafiką */
      position: absolute;
      user-select: none;
      will-change: transform; /* Optymalizacja wydajności */
    }


   @media (min-width:1180px ) {
body .skuteczne h1{
    font-size:40px ;
    
}

.opis1 p{
    font-size:18px;
}

.guzik p{
    font-size:18px;
}
}