:root {
    --zielony: #076E31;
    --jasnozielony: #90C143;
}
html {
    scroll-behavior: smooth;
}

body{
    margin:0;
    padding:0;
}

.spacer{
    margin:70px 0 0 0!important;
}
h2{
color: var(--jasnozielony);
font-family: Poppins;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 2.8125rem;
}
.zielony {
    color:var(--zielony);
}

h3{
margin-top:40px;
text-align: center;
font-family: Poppins;
font-size: 2.25rem;
font-style: normal;
font-weight: 700;
line-height: 2.75rem;
text-align:center;
}

h4{
    color: #000;
font-family: Poppins;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem;
}

.bialy {
    color:#fff;
}
.lgreen{
    color:var(--jasnozielony);
}
.pole_tekstowe, ul, li{
color: #000;
font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem;  
}

.onas-tekst{
color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.875rem;
padding:0 20%;
}
.green_btn{
border-radius: 3.125rem;
background: #90C143;
padding:0.7rem 2.5rem;
color:#fff;
text-decoration:none;
font-family: Poppins;
float:left;
}

.fat-text{
color: #000;
text-align: center;
font-family: Poppins;
font-size: 1.3125rem;
font-style: normal;
font-weight: 700;
line-height: 1.875rem;
padding:7rem 25%;
}

.centered{
   display:flex;
   justify-content:center;
   margin-top:-50px;
}


.flex{
    display:flex;
}
.block{
    display:block;
}
.kolumny{
    flex-direction: column;
}
header{
    width:100%;
    margin-top:3.86rem;
}
.container{
    width:90%;
    max-width:1340px;
    margin:0 auto;
  
}

.vert-cent{
    align-items: center;

}
.between_flex{
    justify-content: space-between;
}
nav{
    display:flex; 
    
    
}
nav ul{
    display:flex;
    list-style: none;
    
}
nav ul li{ 
    margin:0 0 0 60px;

}
nav ul li a{
    color: #000;
font-family: Poppins;
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration:none;
}


.has-child {position:relative;}
.sub-menu{
   
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    padding-inline-start: 0;
    position: absolute;
    top: 30px;
    left: 0px;
    background: #f8f8f8;
    padding: 10px;
    border-radius:12px;
}
.sub-menu li{
    margin:10px 60px 10px 10px;
}

li.has-child:hover .sub-menu{
    
    display:flex;
}




.margin-bot{
    margin-bottom:70px;
}
.sygnet-tlo{

    background-image: url('../media/sygnet.png') ;
    background-position:top right;
    background-repeat: no-repeat;
    padding-top:60px;
    margin-top:50px;

}

.left_text_cont{
    padding-left:5rem;
    padding-right:2rem;
    width:50%;
    display:flex;
    flex-direction: column;
   
}
.left_text_cont-down{
    padding-left:5rem;
    padding-right:4rem;
    width:40%;
    display:flex;
    flex-direction: column;
}
.right_text_cont-down{
    padding-left:4rem;
    padding-right:0rem;
   width:45%;
    display:flex;
    flex-direction: column;
}

.right-hero-img{
    padding-right:5rem;
 margin-left:4rem;
 }

 .right-img{
     width:45%;
   }
   .left-img{
  
 

}
.right-img img, .left-img img { max-width:38rem;

}
 img {
    border-radius: 1.875rem;
 }

.full{
    width:100%;
    background:var(--zielony);
   margin-top:70px;
   padding:90px 0;
}
.stopka{
    width:100%;
    background:#fff;
  
   padding:70px 0;
}
.lista-prawo{

    margin:-10px 0;
}
.z-ikonaIT, .z-ikonaPRAWO{
    width:20.3rem;
    border-radius: 3.125rem;
background: #90C143;
padding:0.6rem 3.5rem;
color:#fff;
text-decoration:none;
font-size:1.875rem;
font-weight:600;
font-family: Poppins;
display:flex;
align-items: center;
justify-content: center;
}


.z-ikonaIT:before{
    content: "";
    display: inline-block;
    width: 3.6875rem; /* Szerokość ikony, dostosuj według potrzeb */
    height: 3.625rem; /* Wysokość ikony, dostosuj według potrzeb */
    background-image: url('../media/it-ico.svg');
    background-size: contain; /* Dopasowanie tła do rozmiaru */
    background-repeat: no-repeat;
    margin-right: 20px;
    margin-top: 5px;
}
.z-ikonaPRAWO:before{
    content: "";
    display: inline-block;
    width: 3.6875rem; /* Szerokość ikony, dostosuj według potrzeb */
    height: 3.625rem; /* Wysokość ikony, dostosuj według potrzeb */
    background-image: url('../media/prawny-ico.svg');
    background-size: contain; /* Dopasowanie tła do rozmiaru */
    background-repeat: no-repeat;
    margin-right: 20px;
   
}

footer{
color: #000;
text-align: center;
font-family: Poppins;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.3125rem;
}

.stopka .flex div{
    padding:0 19%;
}

.stopka-kont{
    text-align:center;
}
.stopka-kont img{
    border-radius:0;
}

.kontaktowy {
    display:flex;
    justify-content: space-around;
   
}
.kontaktowy p, .kontaktowy p a{
    color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 2.125rem;
text-decoration:none;
}
.disclaimer{
    color: var(--jasnozielony)!important;
text-align: center!important;
font-family: Poppins!important;
font-size: 0.875rem!important;
font-style: normal!important;
font-weight: 400!important;
line-height: 1.125rem!important;
}

.mobilny, .menu_mob, .back-to-top{
    display:none;
}







@media (max-width: 1024px) {
    body{overflow-x: hidden;}
.mobilny, .menu_mob{display:block;padding-top:20px;}
.desktopowy, .menu{display:none;}
.order2{order:2;}
.spacer {
    margin: 40px 0 0 0 !important;
}

    .menu_mob ul li{
            margin: 10px 50px;
    }
    .menu_mob ul li a{
        font-size: 1.425rem;
    }


    .sub-menu{
        
        display: block;
        position: unset;
        background: #fff;
        padding: 0px;
    }





    header{
        margin-top:1.86rem
    }

    .left_text_cont, .left_text_cont-down, .right_text_cont-down{
        width:100%;
        margin:20px auto;
        padding:0;
    }
    .flex{
        flex-direction: column;
    }
    .left_text_cont{
        order:2;
    }
    .onas-tekst {
        padding:0;
    }
    .z-ikonaIT{
        margin-bottom:20px;
    }
    .right-img, .left-img{
        width:100%;
    }
     .right-hero-img {
         padding:0;
         margin:0;
     }
    .right-img img, .left-img img, .right-hero-img img{
        max-width:90%;
    }
    .stopka-kont{
        margin:20px auto;
    }
    .full{
        padding:40px 0;
    }
    .margin-bot {
        margin-bottom: 10px;
    }
    .fat-text{
        padding: 7rem 5%;
        text-align: left;
    }
    .centered{
        justify-content: flex-start;
    }
    .z-ikonaIT, .z-ikonaPRAWO{
        width:15.3rem;
        font-size:1.275rem;
    }
    a.icon {
        background: black;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
      }
     /* ul#myLinks {
        display: none;
        position:absolute;
        right:-100%;
      } */

      #myLinks {
        display: none; /* Domyślnie ukryte */
        position: absolute;
        right: -100%; /* Pozycja startowa poza ekranem */
        background: rgb(255, 255, 255);
        width: 100%;
        height: 100vh;
        transition: right 0.5s ease; /* Animacja przesunięcia */
    }
    
    #myLinks.show {
        display: block; /* Pokazuje element */
        right: 0; /* Docelowa pozycja */
       
    }

      .fa-bars:before {
        content: "\f0c9";
        position: absolute;
        right: 40px;
        top: 35px;
        font-size: 40px;
        color:var(--jasnozielony);
    }

    .back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 20px 15px;
        font-family:poppins;
        font-size: 1rem;
        background-color: var(--jasnozielony);
        color: #fff;
        text-decoration: none;
        border-radius: 35px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
        display: none; /* Domyślnie ukryty */
    }

}