/* cookies */
.wnc-cookie-banner {
    background-color: #f5f3f3;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: fixed;
    bottom:0;
    z-index: 100;
  }


  .wnc-cookie-hidden {
    display: none;
  }
  .wnc-cookie-show {
    display: block;
  }
  .wnc-cookie-banner-container {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    max-width: 76rem;
    width: 100%;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    box-sizing: border-box;
  }
  .wnc-cookie-title {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .wnc-cookie-banner p {
    margin: 0 0 1rem 0;
    color: black;
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .wnc-cookie-link {
    color: #b360ff;
    text-decoration: underline;
  }
  .wnc-cookie-link:hover {
    text-decoration: dotted;
    cursor: pointer;
  }
  .wnc-cookie-buttons {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
  }
  .wnc-cookie-button {
    text-decoration: none;
    color: white;
    background-color: #b360ff;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    margin-right: 1rem;
    outline: none;
    border: none;
    font-size: 1rem;
  }
  .wnc-cookie-button:hover {
    background-color: #b360ff;
    cursor: pointer;
  }
  .wnc-cookie-button:focus,
  .wnc-cookie-button:active {
    background-color: #cce828;
    color: black;
  }
/* cookies */

body {
    margin: 0;
    padding: 0;
    width:100vw;
    font-family: Arial, sans-serif;
    background-color: #eae8e8 ;
}
html {
    overflow-x:hidden;
}

/*      Content 1           */

.content-1{
    height: 100vh;

    width: 100%;
    position:relative;

}

.content-1 .main-img {
    position:absolute;
    top:-2%;
    z-index: -1;
    
    /* animation: grow 1s forwards; */

}

.content-1 .main-img img{
    width:80%;
    padding-left:10%;
}



.content-1 .bottom-text {
    width:30%;
    height:auto;

    text-align: center;
    bottom: 10%;
    position:absolute;
    font-weight: bold;
    color:#b360ff;
    left:35%;
    font-size:30px;
    display: grid;
    justify-items: center;
    z-index:1;

}

.content-1 .bottom-text p{
    margin-bottom:15%;
}

@keyframes shake {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.13); }
  100% { transform: scale(1); }
}
.shake {
  animation-name: shake;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;  /* keeps start/end state smooth */
  will-change: transform;     /* performance hint */           /* keep start/end */
}

.content-1 .bottom-text .button {
    display:inline-block;
    background-color: #cce828;
    text-decoration: none;
    color:#b360ff;
    border-radius: 50px;;

       padding:19px;
    font-size: 25px;

    white-space: nowrap;
overflow: hidden;
}




/*     END OF  Content 1           */


/*      Content  2         */

.par-projektu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75vh; /* Full viewport height */
    padding-top:25vh;
    margin-left: 7%;
    MARGIN-RIGHT:7%;
    width:86%;
    flex-wrap: wrap;


    
}



.dators-container, .text {
    flex: 1; /* Each takes equal space */

}

.dators-container {
    display: flex;
    justify-content: flex-end; /* Aligns image to the right */
    padding-right: 20px; /* Optional spacing */
}

.par-projektu .text {
    display: flex;
    justify-content: flex-start; /* Aligns text to the left */
    padding-left: 20px; /* Optional spacing */
    font-family: Arial;
    font-size: 15pt; /* Sets font size */
    line-height: 19pt; /* Sets line height */
    word-spacing: 15px; /* Sets spacing between letters */
    color: #6b6b6b;
}

.par-projektu .text .purple-heading {
    color: #b360ff; /* Purple color */
    font-family: Arial, sans-serif;
    font-weight: 1000;
    font-size: 18pt;
}

 .arrow_container {
 width:100%;
 display: flex;
 justify-content: center; /* Centers the image horizontally */
 align-items: center; /* Centers the image vertically */
 z-index: 2;
 position: relative
}

 .arrow_container img {
    width:60px;
    margin-top:-40px;
    

}




/*      Content  3        */

.macibu-limeni {
    height:auto;
    padding-top:20vh;
    font-family: Arial;
    color:#6b6b6b;

}


.macibu-limeni .top-info {
    display:flex;
    width:60%;
    margin-left:20%;
    margin-right:20%;
    justify-content: center;
   /* padding-top:13%;*/
}

.macibu-limeni .top-info p {
    margin-right: 10px;
    margin-top:4px;
    word-spacing: normal;
    text-align: center;
}

.macibu-limeni .top-info p a {
    text-decoration: none;
    color: #b360ff;
}

.macibu-limeni .top-info button {
    background-color: #cce828;
    color:#b360ff;
    border-radius: 50px;
    font-weight: 950;
    text-wrap: 0;
    border-width: 0;
    padding:0px 10px 0px 10px;
    white-space: nowrap;
    height: 40px;
    cursor:pointer;
   


}

.top-info  {
    font-size: 15pt; /* Sets font size */
    line-height: 19pt; /* Sets line height */
    word-spacing: 15px; /* Sets spacing between letters */
    
}
.top-info  button{
    font-size: 15pt;
}


.macibu-limeni .container {
    display: flex;


}
.macibu-limeni .container .img-container{
    flex:1;
  
    height:100%;
    background:none;
    
}
.macibu-limeni .container .img-container img{
width:80%;
margin-left:-20px;
}
.macibu-limeni .container .text-container{
    flex:1;

    height:100%;
    margin-right:10%;
    padding-top:60px;
    margin-left:-15%;
    
}

/* CONTENT 3 APAKŠ TEXTA STYLE */

.macibu-limeni .text-container .level-container{
    display:flex;
    width:100%;
    padding-top:10px;
}



.macibu-limeni .text-container .level-container .level {
    padding: 20px;
    padding-top:0px;
    width:15%;
}

.macibu-limeni .text-container .level-container .prasmes {

    width:80%;
}
.level-number {
    color: #b360ff; /* Purple color */
    font-family: Arial, sans-serif;
    font-weight: 1000;
}
.highlight {
    background-color: #b360ff;
    color: #fff;
    padding: 3px 8px;
    font-family: Arial;
    font-weight: 600;
    border-width: 10px;
    border-color: #cce828;
}
.highlight-seperator {
    height:8px;
    width:100%;
}

.macibu-limeni .arrow_container {
    margin-top:50px;
    padding-bottom:15px;
} 


.macibu-limeni p .button {
    display:inline-block;
    background-color: #cce828;
    text-decoration: none;
    color:#b360ff;
    border-radius: 50px;;
    font-weight: bold;
    padding:19px;
    font-size: 25px;
    white-space: nowrap;
overflow: hidden;

}

.macibu-limeni .pieteikties-poga {
    width:100%;
    align-items: center;
    align-content: center;
    text-align:center;
    margin-bottom: 80px;
}



/*  END    Content  3        */





/* Content 4 */

.content-4 {
    height: 60vh;
    padding-top:13vh;;


}

.content-4 .container {
    display: flex;
    width:62%;
    margin-left:38%;
    

}



.content-4 .container .text {
    flex:1;

    font-family: Arial;
    scale:1.15;
    
}


.content-4 .container .dators {
    flex:1;

   
}


.content-4 .heading {
    background-color: #1b682c;
    height:auto;
    width:fit-content;
    white-space: nowrap;
    word-spacing: normal;
    color:#ffff;
    padding: 14px 12px;
    padding-top:15px;
    line-height: 10px;
    font-weight: 700;
    font-size:1.6rem;

}

.content-4 li {
    color:#b360ff;
    font-weight:800;
    margin-top:20px;
    margin-bottom:8px;
    font-size: 1.2rem;
}

.content-4 span {
    color: #6b6b6b;
    font-weight: bold;
    font-size:0.93rem;

}

.content-4 .container .dators {
    width:100%;

}


.content-4 .container .dators img{
    width:82%;
    margin-left:-40%;

}
/*  END Content 4 */

/*  Content 5 */

.ka-pieteikties {
    height: 87vh;
    margin-left:10%;
    margin-right:10%;
    padding-top:13vh;

}

.ka-pieteikties .heading {
    font-size:1.8em;
    font-weight: 800;
    color:#b360ff;
}

.ka-pieteikties .main-container{
    padding-bottom:30px;
}
.ka-pieteikties .upper-text {
    margin-left:27%;
    margin-right:27%;
    color:#6b6b6b;
    text-align: center;
    font-size: 16pt;
}

.ka-pieteikties .three-blocks {
    display:flex;

}

.block a {
    text-decoration: none;
}

.ka-pieteikties .three-blocks .block {
/*width:33%;*/
color:#ffff;
justify-items: center;
text-align: center;

}

.ka-pieteikties .block-1 ,
.ka-pieteikties .block-3{
    background-color: #b360ff ;
    margin-top:6%;
    border-radius: 40px;
    padding-top: 20px;
    padding-bottom:40px;
    padding-left:30px;
    padding-right:30px;
    width:30%;
}

.green_arrow {

    max-width: 30px;
}

.ka-pieteikties .block-2 img {
    width:140%;
    margin-left:-20%;
}

.ka-pieteikties .block-2 {
   width:40%;
}

.ka-pieteikties .block .izcelts {
    color:#cce828;
}
.block .h2 , .block .h3 {
    font-weight: 700;
}

.ka-pieteikties .block .button {
    background-color: #cce828;
    text-decoration: none;
    font-weight: 800;
    color:#b360ff;
    border-radius: 50px;;
    font-size: 10pt;
    padding:8px;
}

.ka-pieteikties .block-1 {
padding-top:6%;
}


.ka-pieteikties .block-1 h2, .ka-pieteikties .block-1 p,.ka-pieteikties .block-1 a {
    margin-top:20px;
    margin-bottom:20px;
}

.ka-pieteikties .block-1:last-child {
    margin-bottom:7%;
}

.content-4 .button {
    display:inline-block;
    background-color: #b360ff;
    text-decoration: none;
    color:#cce828;
    border-radius: 50px;;
    font-weight: 770;
    padding:16px;
    letter-spacing: 0.2px;
    font-size: 17px;
    white-space: nowrap;
overflow: hidden;
    margin-left: 16px;
    margin-top:10px;
}


/*  END Content 5 */

/*  START Content 6 */

.kontaktinformacija {

    padding-top:10vh;
    
    margin-bottom:5vh;

}

.kontaktinformacija .container {
    display:flex;
    margin-left:10%;
    margin-right: 10%;

}

.kontaktinformacija .container .text, .kontaktinformacija .container .image {
    flex:1;
}

.kontaktinformacija .container .text {
    padding:10%;
    padding-bottom:0;
    padding-right:3%;
    color:#6b6b6b;
}

.kontaktinformacija .container .text p {
    margin-bottom:20px;
    text-align: right;
    font-size: 15pt;
}


.kontaktinformacija .info-line {
    text-align: center;
    color: #6b6b6b;
    font-size: 18px;
    padding: 10px;
   margin-top:20px;
  align-items: center;
  justify-content: center;
  width:90%;
  margin-left:5%;
  border-collapse: collapse; /* Ensures borders don't double */

}

.kontaktinformacija .info-line td {
    padding-left:10px;
    padding-bottom:5px;
    padding-top:5px;
}

.kontaktinformacija th,.kontaktinformacija td {
    border-bottom: 1px solid #6b6b6b50; /* Adds a line between rows */
    
    padding: 10px;
    text-align: left;

    font-size:16px;
    text-size-adjust: 100%; /* Prevent any adjustments */
    -webkit-text-size-adjust: 100%; /* For Safari */
    -moz-text-size-adjust: 100%; /* For Firefox */
}
.kontaktinformacija th {
    background-color: #b360ff;
    color:#cce828;
}


/*   END Content 6 */


/*mobile menu button */

#mobile-menu-button {
    display:none;
}

#mobile-menu-overlay {
    display: none;
}

/*      Navbar           */
.navbar {

    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 10px 0;*/
    margin-top:1.5%;
    position:fixed;
    padding-right:  30%;
    padding-left:  30%;
    left:0;
    right:0;
    z-index:4;
    overflow-x:hidden;
}
.nav-list {
    list-style: none;
    display: flex;
    margin: 20px 0 0;
    padding: 0;
    width: 100%;

    justify-content: center;
}
.nav-list li {
    margin: 0 10px;
}
.nav-list a {
    text-decoration: none;
    color: white;
    padding: 12px 25px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    font-family: Arial, sans-serif;
    font-weight: 400;
}
.left-item {
    background-color: #b360ff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    flex-grow: 1;
    text-align: right;
    padding-left:100%;
}
.middle-item {
    background-color: #b360ff;
    border-radius: 50px;
}
.right-item {

    background-color: #b360ff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    flex-grow: 1;
    text-align: left;
    padding-right:100%;
}

/*      Navbar    END      */


/*         FOOTER            */

.footer {
    background-color: #1b682c;
    color: #cce828;
    text-align: center;
    padding: 30px;
    font-family: Arial, sans-serif;
  
}
.footer p{

text-align: center;
margin-top:0px;
}
.footer a {
    color: #a8c66c;
    text-decoration: none;
    font-size: 12px;
    display: block;
    margin-top: 5px;

}

.footer .privatuma {
    color:#599965;
}


/* LOGOS section */

.logos {
    display: flex;
    justify-content: center; /* Centers the image horizontally */
    align-items: center; /* Centers the image vertically (optional) */
    
}
.logos img {
    scale:0.5;

}








/*             RESPONSIVE DESKTOPS           */

@media only screen and (max-width: 1550px) { 

    .content-1 .main-img img {
        /*width:90%;
        padding-left:0;
        margin-left:5%;*/
  
    }
    .content-1 .main-img {
        top:0;
    }
    .content-1 .bottom-text p  {
        margin-bottom:8%;
        width:50%;
    }

    .content-1 .bottom-text{
        top:58%;
    
    }

    .par-projektu{
        width:100%;
  
    height: 90vh; /* Full viewport height */
    padding-top:10vh;
    margin-left: 0%;
    margin-right: 0%;
}
.par-projektu .dators{
    scale:0.8;
}
.par-projektu .text {
   margin-right:8%;
   margin-left:-3%;
}
.par-projektu {
    padding-top:10vh;

}
.par-projektu .dators-container {
    width:30vw;
    padding-left:10vw;
}
.ka-pieteikties {
    scale:0.9;
}
.ka-pieteikties .block-2 img {
    width:170%;
    margin-left:-40%;
}
.kontaktinformacija {
    padding-top: 10vh;;
}

    }




@media only screen and (max-width: 1400px) { 

.content-1 .main-img img {
    width:90%;
    padding-left:0;
    margin-left:5%;
    top:0;

}
.content-1 .bottom-text{
    top:58%;

}

.par-projektu{

width:100%;
}
.par-projektu .dators{
    scale:0.8;
}
.par-projektu .text {

   margin-left:-3%;
}


.content-1 .bottom-text p {
    margin-bottom:6%;
}

}


@media only screen and (max-width: 1300px) { 

    .content-1 .main-img img {
        width:100%;
        margin-left:0%;
        padding:0%;

    }

    .content-1 .bottom-text { 

        font-size:26px;

    }

    .par-projektu {
        padding-top:10vh;

    }
    .par-projektu .dators-container {
        width:30vw;
        padding-left:10vw;
    }
    .par-projektu .text {
        padding-left: 15px; /* Optional spacing */
        font-size: 14pt; /* Sets font size */
        line-height: 15pt; /* Sets line height */
        word-spacing: 13px; /* Sets spacing between letters */

    }

    .macibu-limeni .container .text-container {
        padding-top:20px;
    }

    .content-4 .container {
        padding-bottom:15vh;
    }
    
    .ka-pieteikties {
        margin-right:1%;
        margin-left:1%;
    }
    .ka-pieteikties .block-1 {
      /*  padding-top:8.5%; */
    }

    .content-1 .bottom-text{
        top:62%;
    }

    }

    @media only screen and (max-width: 1246px) { 

        .content-1 .main-img img {
            width:100%;
            padding-left:-10%;
            padding:0%;
    
        }

        .content-1 .bottom-text{
            top:64%;
        }
        .content-1 .bottom-text {
            width:50%;
            left:25%;
            scale:0.8;
        }

        .macibu-limeni p .button{
            scale:0.8;
        }

        .macibu-limeni {
            scale:0.9;

        }
        .macibu-limeni .container .text-container{
            margin-left:0;
        }
        .macibu-limeni .container .img-container img{
            width:100%;
        }


        .content-4 {
            height:75vh;
        }
        .content-4 .container {
            width:60%;
            margin-left:20%;
        }


        .content-4 .container .dators img {
            width:100%;
            margin-left:-2%;
        }

        .kontaktinformacija {
            padding-top:10vh;
        }
        .kontaktinformacija .container{
            margin-right:2%;
            margin-left:0;
        }
        .kontaktinformacija .container .text {
            padding-top:5%;
            padding-left:4%;
        }

        .content-4 .button {
            scale:0.8;
        }

        }


        @media only screen and (max-width: 1100px) { 

            .content-1 .bottom-text {
                font-size:23px;
            }
            
            
            .ka-pieteikties {
                scale:0.85;
                width:110%;
                margin-left:-5%;
            }
            .ka-pieteikties .block-2 img {
                width:180%;
                margin-left:-45%;
            }
            .kontaktinformacija {
                padding-top:10vh;
            }

        }
/*changing first top picture */
        @media only screen and (max-width: 1000px) { 

                   .content-1 .bottom-text {
                font-size:21px;
            }
            

            .content-1 .main-img {
                top:4%;
            }
            .content-1 .bottom-text {
                top:70%;
            }
            .content-1 .bottom-text p {
          margin-bottom:4%;
            }

            .content-1 .main-img  .lines {
  
                display:none;
      
        
            }
            .content-1 .main-img-alt {
                display:block!important;
                margin-top:6%;
            }


            .par-projektu .dators-container {
                width:20vw;
                padding-left:20vw;
            }
            .par-projektu .text {
                padding-left: 12px; /* Optional spacing */
                font-size: 13pt; /* Sets font size */
                line-height: 16pt; /* Sets line height */
                word-spacing: 14px; /* Sets spacing between letters */
     
            }

            
            }

            @media only screen and (max-width: 900px) { 
                .content-1 , .macibu-limeni, .content-4, .ka-pieteikties, .content6{
                    overflow-x: hidden;
                  
                }
                .macibu-limeni, .content-4, .ka-pieteikties, .content6 {
                    height:auto;
                }
                .content-1 .main-img-alt {
                    width:150%;
                    margin-top:10%;
                }

                .content-1 .bottom-text p {
                    scale:0.9;
                }

                .content-1 .bottom-text {
                    top:65%;
                }

                .par-projektu {
                    height:105vh;
                    padding-top:0vh;
                    flex-wrap: wrap;
                    align-items: center;


                }
                .par-projektu .dators-container {
                    width:90%;
                    padding-left:10%;
                    padding-right:10%;
                    height:auto;

                }
                .par-projektu .dators{
                    scale:0.6;
                    
                    
                }
                
                .par-projektu .text {
                    margin-top:-7%;
                    padding-bottom:5vh;
                    scale:0.8;
                    margin-left:0;
                    margin-right:0;
                    margin-top:-15%;
                    font-size: 17pt;
                    line-height: 20pt;
                }

                .macibu-limeni .container {
                    flex-direction: column;
                }
                .macibu-limeni {
                    padding-top: 10vh;
                }
                .macibu-limeni .top-info {
                    margin-left:2%;
                    margin-right: 2%;
                    width:96%;
                }
                .macibu-limeni .container .img-container,
                .macibu-limeni .container .text-container {
                    width: 100%;
                }
                .macibu-limeni .container .img-container img{
                    width:60%;
                    margin-left:20%;
                    margin-top:-3%;
                    margin-bottom:-3%;
                }

                .content-4 {
                    padding-top:0vh;
                }
                .content-4 .container {
                    flex-direction: column;
                }
                .content-4 .container .dators , .content-4 .container .text {
                    width:100%;
                    
                }
  
                .content-4 .container .dators img{
                    width:60%;
                    margin-left:40%;
                }
                .kontaktinformacija .container .text, .kontaktinformacija .container .image {
                    text-align: center;
                    
                    width:100%;
                }
                .kontaktinformacija .container{
                    display: flex;
                    flex-direction: column;
                }
                .kontaktinformacija {
                    padding-top:7vh;
                }
                .kontaktinformacija .container .image img {
                    width:60%;
                }
                .kontaktinformacija .container .text p {
                    text-align: center;
                }
                .kontaktinformacija .container .text {
                    padding:0;
                }
                .kontaktinformacija .container {
                    margin-right:0;
                }

            }


        /* mobile       */

        @media only screen and (max-width: 800px) { 
            .kontaktinformacija .text br{
                display:none;
            }

            .content-1 .main-img-alt {
                display:none!important;
                margin-top:6%;
            }

            
            .content-1 .main-img-mobile {
                display:block!important;
                margin-top:0%;
                margin-left:10%;
                scale:0.8;
            }
            .content-1 .main-img{
                top:-5%;;
            }

            .content-1 .bottom-text {
                scale:1;

            }
            
            /*mobile menu */

            #mobile-menu-button {
                display:block;
            }
            
            #mobile-menu-overlay {
                display: block;
            }

            #mobile-menu-button {
                position: fixed; /* Stay fixed */
                top: 1rem;
                left: 1rem;
                z-index: 1000; /* Ensure it's above everything */
                cursor: pointer;
                padding: 0.5rem;
                border-radius: 0.25rem;
                background-color: rgba(255, 255, 255, 0.8); /* Light background for visibility */
            }
    
            #mobile-menu-button:hover {
                background-color: rgba(255, 255, 255, 0.95); /* Slightly lighter on hover */
            }
    
            #mobile-menu-button .line {
                width: 2rem;
                height: 0.2rem;
                background-color: #b360ff;
                margin: 0.3rem 0;
                display: block;
            }
    
            #mobile-menu-overlay {
                position: fixed; /* Full-screen overlay */
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.8); /* Dark semi-transparent overlay */
                z-index: 999; /* Below the button, but above the content */
                display: none; /* Initially hidden */
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
    
            #mobile-menu-overlay.open {
                display: flex; /* Show the overlay when open */
            }
    
    
            #mobile-menu-overlay-content {
                background-color: #fff;
                padding: 2rem;
                border-radius: 0.5rem;
                width: 90%;
                max-width: 80%; /* Limit the width of the menu content */
                text-align: center;
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            }

            .space-y-4{
                padding-left:0;
            }
    
            #mobile-menu-overlay-content ul {
                list-style: none;
                margin-bottom: 2rem;
            }
    
            #mobile-menu-overlay-content ul li {
                margin-bottom: 1.5rem;
            }
    
            #mobile-menu-overlay-content ul li a {
                color: #b360ff;
                font-size: 1.2rem;
                font-weight: 600;
                text-decoration: none;
            }
            #mobile-menu-overlay-content ul li a:hover{
                 color: #1b682c;
            }
    
            #mobile-menu-close {
                position: absolute;
                top: 1rem;
                right: 1rem;
                font-size: 2rem;
                color: #6b7280;
                cursor: pointer;
                border: none;
                background: none;
            }
    
            #mobile-menu-close:hover {
                color: #374151;
            }


            /*  mobile menu end*/
        
            .navbar {

                display: none;
            }

            .navbar li {
                margin:1px;
            }

            .par-projektu  {

                height:auto;
                padding-top:10vh;




            }
            .par-projektu .dators-container {
                padding-left: 30%;
                margin-bottom:-2%;;
                margin-top:-13%;
            
            }
            .par-projektu {
                overflow:hidden;
                padding-left:0;
                padding-right:0;
                margin-left:0;
                margin-right:0;
                width:100%;
            }
            .par-projektu .dators-container {
                padding-left:20%;
            }

            .macibu-limeni .container {
                flex-direction: column;
            }
            .macibu-limeni .container .img-container,
            .macibu-limeni .container .text-container {
                width: 100%;
            }
            .macibu-limeni .top-info {
                word-spacing:normal;
            }
            .macibu-limeni .img-container img{
                width:50%;
            }
            .content-4 .container {
                flex-direction: column;
            }
            .content-4 .container .text,
            .content-4 .container .dators {
                width: 100%;
            }
            .ka-pieteikties .three-blocks {
                flex-direction: column;
                align-items: center;
            }
            .ka-pieteikties .block-1,
            .ka-pieteikties .block-3,
            .ka-pieteikties .block-2 {
                width: 80%; /* Adjust as needed */
            }

            .ka-pieteikties .block-1 {
                padding-top:20px;
            }

            .ka-pieteikties .block-2{
                overflow-x: hidden;
                width:100%;

            }
            .ka-pieteikties .block-2 img {
                width:70%;
               margin-left:-2%;
                

            }
            .ka-pieteikties .block-3 {
                margin-top: -20px;
                margin-bottom: 30px;
            }

            .kontaktinformacija .container {
                flex-direction:column;
                align-items:center;
            }

            .kontaktinformacija .container .text, .kontaktinformacija .container .image{
                width:80%;
            }


            .kontaktinformacija .info-line {
                display: block;
                overflow-x: auto; /* Enables horizontal scrolling if needed */
                white-space: nowrap; /* Prevents text from breaking */
                font-size: 14px; /* Reduce font size for smaller screens */
            }
        
            .kontaktinformacija table {
                width: 100%; /* Ensures table fits within its container */
                display: block;
                overflow-x: auto; /* Allows scrolling if necessary */
            }


            /*sticking first table td on scroll */

            .kontaktinformacija table {
                width: 100%;
                display: block; /* Important for horizontal scroll */
                overflow-x: auto;
            }
            
            .kontaktinformacija th,
            .kontaktinformacija td {
                border-bottom: 1px solid #6b6b6b50;
                padding: 10px;
                text-align: left;
                font-size: 16px;
                text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
                -moz-text-size-adjust: 100%;
            }
            
            .kontaktinformacija th:first-child,
            .kontaktinformacija td:first-child {
                position: sticky;
                left: 0;
                z-index: 1; /* Ensure it's above other cells */
                border-bottom: 1px solid #6b6b6b50;
                
            }
            .kontaktinformacija .info-line {
                padding-left:0!important;
            }
            .kontaktinformacija td:first-child {
                white-space:wrap;
                background-color: #eae8e8; /* Match thead background */
            }
            
            .kontaktinformacija th:first-child {
                color: #cce828; /* Keep the original text color */
            }
                

        }
        @media only screen and (max-width: 700px) { 
            .macibu-limeni{
                overflow:visible;
            }
            .content-1 .bottom-text p {
                width:100%;
                margin-bottom:15%;
            }
            .par-projektu .dators-container {
                padding-left: 30%;
                margin-bottom:-8%;;
                margin-top:-13%;
            
            }
            .par-projektu {
                overflow:hidden;
                padding-left:0;
                padding-right:0;
                margin-left:0;
                margin-right:0;
                width:100%;
            }
            .par-projektu .dators-container {
                padding-left:53%;
            }
            .macibu-limeni {
                padding-top:4vh;
            }
            .macibu-limeni .top-info button {
                margin-top:20px;
            }
            .content-4 .text {
                scale:0.8;
            }
            .content-4 .container .dators img {
                width:70%;
                margin-left:30%;
            }
            .ka-pieteikties{
                padding-top:0;
            }

            
            .ka-pieteikties .heading {
            font-size: 1.5em;
            }

            .kontaktinformacija {
                padding-top:0;
            }

       
        }
        @media only screen and (max-width: 600px) { 
        
            .ka-pieteikties .upper-text {
                margin-left:10%;
                margin-right:10%;
            }

            .content-1 .main-img-mobile {
                display:block!important;
                margin-top:5%;
                margin-left:10%;
                scale:1;
                overflow-x: hidden;
            }
            .content-1 .main-img {
                top:0;
            }

    
        }

        @media only screen and (max-width: 500px) { 
        
            .content-1 .main-img-mobile {
                display:block!important;
             
                margin-left:10%;
                scale:1.1;
                overflow-x: hidden;
            }
            .content-1 .bottom-text {
                width:70%;
                left:15%;
    
            }
            .content-1 .main-img {
                top:4%;
            }

            .par-projektu .dators-container {
                width:100%;
                margin-top:-20%;
                margin-bottom:-25%;
                padding-left:68%;
            }
            .content-1, .par-projektu{
                overflow:hidden;
            }
            .par-projektu .dators {
                scale:0.5;
                
            }
            .par-projektu .text {
                padding-bottom:0;
            }

            .macibu-limeni .top-info {
                flex-direction: column;
                font-size:14pt;
            }
            .macibu-limeni .top-info button {
                margin:0;
                margin-left:10px;
                margin-right:10px;
                margin-bottom:10px;
            }

            .macibu-limeni .text-container .level-container .level{
                width:18%;
                margin-left:-3%;
            }
            .macibu-limeni .arrow_container {
                scale:1.2;
            }

            .content-4 .text{
                scale:1;
                padding-bottom:8%;
            }
            .content-4 .container {
                margin-left:8%;
            }
            .content-4 .container .dators img {
                width:90%;
            }
            .content-4 .container .text{
                scale:1;
                padding-bottom:0;
            }
            
            .kontaktinformacija .text{
                scale:0.9;
            }

        }


        @media only screen and (max-width: 400px) { 
        
            .content-1 .main-img-mobile {
                margin-top:15%;
                margin-left:10%;
                scale:1.2;
            }
            .content-1 .bottom-text {
                width:80%;
                left:10%;
    
            }
            .content-1 .bottom-text p {
                scale:0.8;
            }
            .par-projektu .dators-container {

                margin-top:-30%;
                margin-bottom:-37%;
                padding-left:90%;
            }
            .par-projektu .dators{
                scale:0.45;
            }
            .par-projektu .text {
                font-size:15pt;
                padding:0;
            }

            .macibu-limeni {
                height:auto;
                overflow-x:none;

                overflow:visible;
            }

            .content-4 .container {
                margin-left:5%;
                scale:0.8;
                padding-bottom:0;
            }
            .content-4{
                padding-top:0vh;
            }

            .content-4 .container .dators img {
                width:130%;
            }

            .content-4 .arrow_container {
                margin-top:20px;
                margin-bottom:0px;
            }

        }

        @media only screen and (max-width: 350px) {

            .content-1 .bottom-text {
                top:50%;
    
            }
            .par-projektu .dators-container {

                margin-top:-20%;
                margin-bottom:-25%;
                padding-left:90%;
            }
            .par-projektu .dators-container img{
                scale:0.9;
            }


        }

        @media only screen and (max-height: 850px ) and (min-width: 1000px)  {
            .ka-pieteikties {
                height:100vh;
            }

        }

        @media only screen and (max-height: 730px ) and (min-width: 1000px)  {
            .ka-pieteikties {
                height:115vh;
            }

        }

        @media only screen and (max-height: 670px ) and (min-width: 1000px)  {
            .ka-pieteikties {
                height:130vh;
            }

        }


            /*    fix for short screens*/



    @media only screen and (max-height: 850px ) and (max-width: 1800px) and (min-width:1000px){ 

 
        .content-1 .main-img img {
  
            margin-top:-4%;

        }
        .content-1 .bottom-text {
            width:60%;
            left:20%;
           }

        
    
    }
    @media only screen and (max-height: 700px) and (max-width: 1800px)and (min-width:1000px){
       .content-1 .bottom-text p{ 
       /* top:55%;
        width:90%;
        left:5%; */
        scale:0.8;
       }

       .content-1 .bottom-text {
        width:70%;
        left:15%;

    }

}

    @media only screen and (max-height: 650px) and (max-width: 1800px) and (min-width:1000px) {

        .content-1 .bottom-text p{ 

            
            margin-bottom: 3%;
            scale:0.7; 

        }
     }


     @media only screen and (min-width: 1550px) and (max-height: 840px) {
        .content-1 .bottom-text {
            width:50%;
            left:25%;
        }
     } 

     @media only screen and (min-width: 1550px) and (max-height: 750px) {
        .content-1 .bottom-text {
            width:50%;
            left:25%;
        }

        .content-1 .bottom-text p {
            margin-bottom:2%;
        }

       .content-1 .arrow_container {
        margin-bottom:-50px;
       }
     } 

     @media only screen and (max-width: 1550px) and (min-height: 850px) { 
  

       .content-1 .bottom-text {
        width:60%;
        left:20%;
    }
     }