/* --akcentine1; --primary-white; --primary-black */

.landing-container {
    width: 100%;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    display: flex;
    padding-top: 115px;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

.landing-container .section-padding {
    padding-left: 24px;
    padding-right: 24px;

}

/* Hero Section */
.landing-container .hero-section {
    width: 100%;
    position: relative;
	padding-top:120px;
	overflow-x:hidden;
	height:100%;
	max-height:fit-content;
}
.landing-container .hero-section::before {
    content:"";
	position:absolute;
    height: 100px;
    bottom: -1px;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    background-image: url("https://unopark.webdemo.lt/wp-content/uploads/2025/02/up.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}


.landing-container .hero-section .hero-image {
    height: 60vh;
    max-width: var(--section-width);
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    margin: 0 auto;
}

.landing-container .hero-section .hero-image .hero-content {
	display:flex;
	flex-flow:column nowrap;
	align-items:flex-start;
}

.landing-container .hero-section .hero-image .hero-content .hero-h1 {
    font-size: 120px;
    font-family: var(--main-font-family);
    color: var(--primary-white, #FFF);
    font-style: normal;
    font-weight: 600;
	text-align:left;
	margin:0px;
    line-height: 120%;
    text-transform: uppercase;
	text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);

}

.landing-container .hero-section .hero-image .hero-content .hero-text {
    color: var(--primary-white, #FFF);
    font-family: var(--main-font-family);
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
	text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}

.landing-container .hero-section .hero-image .hero-content .hero-button {
    text-decoration: none;
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--button2-font-size);
    margin-top: 40px;
    margin-bottom: 93px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
	flex-flow: row nowrap;
    display: flex;
    height: 75px;
    padding: 2.656px 21.251px;
    justify-content: center;
    align-items: center;
	transition:all 0.2s ease-in-out;
    background: var(--akcentine1, #F1E905);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}
	.landing-container .hero-section .hero-image .hero-content .hero-button:hover{
		background: var(--primary-black);
		color: var(--akcentine1);
	}

/* Paieska Section */
.landing-container .paieska-section {
    width: 100%;
    max-width: var(--section-width);
	z-index:999;
}

.landing-container .paieska-section .paieska-content {
    width: 100%;

}

.landing-container .paieska-section .paieska-content .h2-paieska {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--heading2);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
}

.landing-container .paieska-section .paieska-content .paieska-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 50px;
}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-input-wrapper {
    position: relative;
}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-input-wrapper.active .dropdown-menu {
    display: block;
}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-input-wrapper label {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-input {
    background: none;
    width: 100%;
    position: relative;
    color: var(--primary-black, #000);
    border-bottom: 1px solid #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-family: var(--main-font-family);
    font-size: 35px;
    font-style: normal;
    padding: 0px;
    font-weight: 500;
    text-transform: uppercase;
}
.landing-container .paieska-section .paieska-content .paieska-form .paieska-input::before{
    content: '';
    position: absolute;
    display: flex;
    right: 10px;
    bottom: 0px;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L10%209L14.5%205L19%201%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 50px;
}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-button {
    grid-column: 2 / 2;
    margin-top: 45px;
    background: none;
    padding: 0px;
    color: var(--UNO-juoda, #000);
    font-family: var(--main-font-family);
    font-size: var(--button1-font-size);
    font-style: normal;
    font-weight: 500;
    justify-self: end;
    position: relative;

}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-button:hover {
    text-decoration: none;
}

.landing-container .paieska-section .paieska-content .paieska-form .paieska-button::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    transform: translate(-100%, 0%);
    display: flex;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background-color: var(--akcentine1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 50px;
    border: 10px solid var(--akcentine1);
    width: 50px;
}


.landing-container .paieska-section .paieska-content .paieska-form .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #00000010;
    list-style: none;
    width: 100%;
    padding: 0;
    display: none;
    border-radius: 0%;
}

.landing-container .paieska-section .paieska-content .paieska-form .dropdown-menu li {
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    margin: 0px;
}

.landing-container .paieska-section .paieska-content .paieska-form .dropdown-menu li:not(:last-of-type) {
    border-bottom: 1px solid #00000010;
}

.landing-container .paieska-section .paieska-content .paieska-form .dropdown-menu li:hover {
    background: var(--akcentine1);
}

/* Section 1 */
.landing-container .section1 {
    width: 100%;
    max-width: var(--section-width);
}

.landing-container .section1 .section1-content {
    /* Styles for section1 content */
}

.landing-container .section1 .section1-content .h2-section1 {
    color: var(--primary-black, #000);
    position: relative;
    font-family: var(--main-font-family);
    font-size: var(--heading2);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: var(--heading2-mb);
}

.landing-container .section1 .section1-content .h2-section1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 526px;
    height: 7px;
    background-color: var(--akcentine1);
    rotate: -0.5deg;
}

.landing-container .section1 .section1-content .section1-text {
    color: var(--primary-black, #000);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.8px;
    margin-bottom: var(--heading2-text-mb);
}

.landing-container .section1 .section1-content .category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    height: 100%;
    gap: 10px;

}

.landing-container .section1 .section1-content .category-grid .grid-item {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}

.landing-container .section1 .section1-content .category-grid .grid-item:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

.landing-container .section1 .section1-content .category-grid .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.landing-container .section1 .section1-content .category-grid .grid-item .card-button {
    position: absolute;
    padding: 5px 30px;
    bottom: 30px;
    background-color: var(--akcentine1);
    text-decoration: none;
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--button1-font-size);
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.20s ease-in-out;
}

.landing-container .section1 .section1-content .mobile-button {
    display: none;
}

.landing-container .section1 .section1-content .category-grid .grid-item .card-button:hover {
    background-color: #000;
    color: var(--akcentine1);
}

.landing-container .section1 .section1-content .section1-button {
    margin-top: 45px;
	display:block;
    background: none;
	width: max-content;
    padding: 0px;
    padding-left: 70px;
    color: var(--UNO-juoda, #000);
    font-family: var(--main-font-family);
    font-size: var(--button1-font-size);
    font-style: normal;
    font-weight: 500;
    position: relative;
}

.landing-container .section1 .section1-content .section1-button:hover {
    text-decoration: none;
}

.landing-container .section1 .section1-content .section1-button::before {
    content: '';
    position: absolute;
    left: 60px;
    top: 0;
    transform: translate(-100%, 0%);
    display: flex;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background-color: var(--akcentine1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 50px;
    border: 10px solid var(--akcentine1);
    width: 50px;
}

/* Section 2 */
.landing-container .section2 {
    width: 100%;
    max-width: 1920px;
    background-color: var(--background1);
    position: relative;
	overflow-x:hidden;
}
.landing-container .section2::before{
    content:"";
	position:absolute;
    height: 100px;
    bottom: -1px;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    background-image: url("https://unopark.webdemo.lt/wp-content/uploads/2025/02/up.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.landing-container .section2::after{
    content:"";
	position:absolute;
    height: 100px;
    top: -1px;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    background-image: url("https://unopark.webdemo.lt/wp-content/uploads/2025/02/down.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

.landing-container .section2 .section2-content {
    width: 100%;
    max-width: var(--section-width);
    margin: 0px auto;
}

.landing-container .section2 .section2-content .h2-section2 {
    color: var(--primary-black, #000);
    position: relative;
    font-family: var(--main-font-family);
    font-size: var(--heading2);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: var(--heading2-mb);
}

.landing-container .section2 .section2-content .h2-section2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 629px;
    height: 7px;
    transform: translate(-50%, 0%);
    background-color: var(--akcentine1);
    rotate: -0.5deg;
}

.landing-container .section2 .section2-content .section2-text {
    color: var(--primary-black, #000);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.8px;
    text-align: center;
    margin-bottom: var(--heading2-text-mb);
}

.landing-container .section2 .section2-content .section2-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 40px;
    grid-column-gap: 10px;
}

.landing-container .section2 .section2-content .section2-grid .section2-grid-item {
    /* Styles for grid items */
}

.landing-container .section2 .section2-content .section2-grid .section2-grid-item img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.landing-container .section2 .section2-content .section2-grid .section2-grid-item .content {
    text-decoration: none;
    color: var(--primary-black, #000);
    text-align: center;
}

.landing-container .section2 .section2-content .section2-grid .section2-grid-item .content:hover h3::before {
    opacity: 1;
}

.landing-container .section2 .section2-content .section2-grid .section2-grid-item .content h3 {
    font-family: var(--main-font-family);
    position: relative;
    font-size: 38px;
    font-style: normal;
    margin-top: 30px;
    font-weight: 500;
    text-transform: uppercase;
    width: fit-content;
    z-index: 1;
}

.landing-container .section2 .section2-content .section2-grid .section2-grid-item .content h3::before {
    content: '';
    opacity: 0;
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -0px;
    width: 120%;
    height: 10px;
    transform: translate(-50%, 0%);
    background-color: var(--akcentine1);
    rotate: -0.5deg;
    transition: all 0.2s ease-in-out;
}

/* Section 3 */
.landing-container .section3 {
    width: 100%;
    max-width: var(--section-width);
}

.landing-container .section3 .section3-content {
    /* Styles for section3 content */
}

.landing-container .section3 .section3-content .h2-section3 {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    position: relative;
    font-size: var(--heading2);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: var(--heading2-mb);
}

.landing-container .section3 .section3-content .h2-section3::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 330px;
    height: 7px;
    transform: translate(-50%, 0%);
    background-color: var(--akcentine1);
    rotate: -0.5deg;
}

.landing-container .section3 .section3-content .section3-text {
    color: var(--primary-black, #000);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.8px;
    text-align: center;
    margin-bottom: var(--heading2-text-mb);
}

.landing-container .section3 .section3-content .wrapper iframe{
	border-radius:20px;
}

.landing-container .section3 .section3-content button {
    padding: 5px 30px;
    background-color: var(--akcentine1);
    text-decoration: none;
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--button1-font-size);
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: var(--heading2-text-mb);
    transition: all 0.20s ease-in-out;
}

.landing-container .section3 .section3-content button:hover {
    background-color: #000;
    color: var(--akcentine1);
}

/* Section 4 */
.landing-container .section4 {
    width: 100%;
    max-width: var(--section-width);
}

.landing-container .section4 .section4-content {
}
/* Styles for section4 content */

.landing-container .section4 .section4-content .h2-section4 {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--heading2);
    position: relative;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: var(--heading2-mb);
}

.landing-container .section4 .section4-content .h2-section4::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 309px;
    height: 7px;
    transform: translate(-50%, 0%);
    background-color: var(--akcentine1);
    rotate: -0.5deg;
}

.landing-container .section4 .section4-content .section4-text {
    color: var(--primary-black, #000);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.8px;
    text-align: center;
    margin-bottom: var(--heading2-text-mb);
}
.landing-container .section4 .section4-content .grid-scroll{
    overflow:hidden;
}
.landing-container .section4 .section4-content .grid-scroll .scroll-item{
    display: flex;
    gap: 20px;
    padding: 20px 0px;
    transition: all 0.6s ease-in-out;
}
.landing-container .section4 .section4-content .section4-grid {
    display: grid;
    min-width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

	.landing-container .section4 .section4-content .section4-grid .grid-item a{
		position:relative;
		display:block;
		border-radius:20px;
		overflow:hidden;
	}
	.landing-container .section4 .section4-content .section4-grid .grid-item a::before{
	content: attr(data-translate);
	position:absolute;
	color:transparent;
	font-size:32px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:var(--main-font-family);
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transition:all 0.2s ease-in-out;
	}

	.landing-container .section4 .section4-content .section4-grid .grid-item a:hover::before{
		background:rgba(0,0,0,0.5);
		color:#fff;
	}

.landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(1) {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}

.landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(6) {
    grid-row: 2 / span 2;
    grid-column: 3 / span 2;
}

.landing-container .section4 .section4-content .section4-grid .grid-item img {
    border-radius: 20px;
    width: 100%;
}

.landing-container .section4 .section4-content .pagination {
    display: flex;
    margin-top: 45px;
    justify-content: space-between;
}

.landing-container .section4 .section4-content .pagination .toggle-gallery {
	display:none;
    gap: 10px;
}
.landing-container .section4 .section4-content .pagination .socials{
	display:flex;
	flex-flow:row nowrap;
	gap:5px;
}
.landing-container .section4 .section4-content .pagination .socials a{
	display: flex;
    align-items: center;
    width: 55px;
    height: 55px;
    justify-content: center;
    border-radius: 99px;
    background-position: center center;
    font-family: bootstrap-icons !important;
    text-decoration: none;
    font-size: 34px;
    color: var(--primary-black);
	background: var(--akcentine1);
	transition: all 0.2s ease-in-out;
}
.landing-container .section4 .section4-content .pagination .socials a:hover{
	    color: var(--akcentine1);
	background: var(--primary-black);
}
.landing-container .section4 .section4-content .pagination .socials a::before{
	display: flex;
	justify-content: center;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
	width: 50px;
    line-height: 1;
	margin-right:-1px;
	margin-bottom:-1px;
}
.landing-container .section4 .section4-content .pagination .socials a.fb::before{
	content:"\F344";
}
.landing-container .section4 .section4-content .pagination .socials a.ig::before{
	content:"\F437";
}
.landing-container .section4 .section4-content .knob{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    width: 55px;
    height: 55px;
    padding: 0px;
    border-radius: 999px;
    background: none;
    color: var(--primary-black, #000);
    transition: all 0.20s ease-in-out;
}
.landing-container .section4 .section4-content .knob:focus{
    text-decoration: none;
}
.landing-container .section4 .section4-content .knob img{
    height: 15px;
    opacity: 0.5;
}
.landing-container .section4 .section4-content .knob.active{
    background-color: var(--akcentine1);
}
.landing-container .section4 .section4-content .knob.slide-4{
    transition: all 0.1s ease-in-out;
}
.landing-container .section4 .section4-content .knob.slide-4:active{
    background-color: var(--akcentine1);
}

.landing-container .section4 .section4-content .pagination .socials > span {
    background: none;
    padding: 3px;
    color: var(--UNO-juoda, #000);
    font-family: var(--main-font-family);
    font-size: var(--button1-font-size);
    font-style: normal;
    font-weight: 500;
    position: relative;
	margin-right:10px;
}

.landing-container .section4 .section4-content .pagination button:hover {
    text-decoration: none;
}

/* Atsiliepimai Section */
.landing-container .atsiliepimai-section {
	overflow:hidden;
    width: 100%;
    max-width: 1920px;
    background-color: var(--background1);
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
}

.landing-container .atsiliepimai-section .ti-widget.ti-goog .ti-review-content{
	height:auto;
	color: var(--primary-black, #000);
	font-family: var(--main-font-family);
	font-size: 29px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}
.landing-container .atsiliepimai-section .ti-widget.ti-goog .ti-review-item .ti-stars{
	height:auto;
}
.landing-container .atsiliepimai-section .ti-widget.ti-goog .ti-review-item .ti-stars .ti-star{
	width:33px !important;
	height:33px !important;
}
.landing-container .atsiliepimai-section::before{
    content:"";
	position:absolute;
    height: 100px;
    bottom: -1px;
    left:50%;
    width: 100%;
    background-image: url("https://unopark.webdemo.lt/wp-content/uploads/2025/02/up.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    transform: scaleX(-1) translateX(50%);
}
.landing-container .atsiliepimai-section::after{
    content:"";
	position:absolute;
    height: 100px;
    top: -1px;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    background-image: url("https://unopark.webdemo.lt/wp-content/uploads/2025/02/down.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}


.landing-container .atsiliepimai-section .atsiliepimai-content {
    width: 100%;
    max-width: var(--section-width);
    margin: 0px auto;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .h2-atsiliepimai {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: var(--heading2-mb);
}

.landing-container .atsiliepimai-section .atsiliepimai-content .atsiliepimai-grid {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .atsiliepimai-grid .atsiliepimai-grid-item {
    min-width: 100%;
    text-align: center;
    padding: 0px 50px;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .atsiliepimai-grid .atsiliepimai-grid-item .bi-star-fill::before {
    color: #FFC402;
    letter-spacing: 5px;
    font-size: 20px;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .atsiliepimai-grid .atsiliepimai-grid-item h3 {
    color: var(--primary-black, #000);
    text-align: center;
    font-family: var(--main-font-family);
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    margin-top: 35px;

}

.landing-container .atsiliepimai-section .atsiliepimai-content .google-notice {
    margin-top: 20px;
    text-align: center;
    color: var(--primary-black, #000);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .button-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: var(--heading2-mb);
    align-items: center;

}

.landing-container .atsiliepimai-section .atsiliepimai-content .button-wrapper p {
    margin: 0px;
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--button2-font-size);
    font-style: normal;
    font-weight: 500;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .button-wrapper .atsiliepimai-button {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    font-size: var(--button2-font-size);
    font-style: normal;
    font-weight: 500;
    padding: 10px 35px;
    text-decoration: none;
    background-color: var(--akcentine1);
    transition: all 0.20s ease-in-out;
}

.landing-container .atsiliepimai-section .atsiliepimai-content .button-wrapper .atsiliepimai-button:hover {
    background-color: #000;
    color: var(--akcentine1);
}

/* Section 5 */
.landing-container .section5 {
    width: 100%;
    max-width: var(--section-width);
	overflow-x:hidden;
}

.landing-container .section5 .section5-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.landing-container .section5 .section5-content .left-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.landing-container .section5 .section5-content .right-container {
    /* Styles for right container */
}

.landing-container .section5 .section5-content .right-container p {
    color: var(--primary-black, #000);
    font-family: var(--secondary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 40px */
}

.landing-container .section5 .section5-content .right-container button {
    margin-top: 45px;
    background: none;
    padding: 0px 0px 0px 70px;
    text-decoration: none;
    color: var(--UNO-juoda, #000);
    font-family: var(--main-font-family);
    font-size: var(--button1-font-size);
    font-style: normal;
    font-weight: 500;
    position: relative;
}

.landing-container .section5 .section5-content .right-container button::before {
    content: '';
    position: absolute;
    left: 60px;
    top: 0;
    transform: translate(-100%, 0%);
    display: flex;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background-color: var(--akcentine1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 50px;
    border: 10px solid var(--akcentine1);
    width: 50px;
}

.landing-container .section5 .section5-content .right-container .h2-section {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    position: relative;
    font-size: var(--heading2);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 0px 30% 0px 0px;
    text-transform: uppercase;
    margin-bottom: var(--heading2-mb);
}

.landing-container .section5 .section5-content .right-container .h2-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 360px;
    height: 7px;
    background-color: var(--akcentine1);
    rotate: -0.5deg;
}

/* Naujienlaiskis Section */
.landing-container .naujienlaiskis-section {
    width: 100%;
    max-width: var(--section-width);
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .h2-naujienlaiskis {
    color: var(--primary-black, #000);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: var(--heading2-mb);
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-text {
    color: var(--primary-black, #000);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 40px;
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form {
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    width: 80%;
}
.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form form{
	display:flex;
	gap:20px;
	width:100%;
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form input {
    height: 60px;
    font-size: 20px;
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form .naujienlaiskis-button {
    color: var(--primary-black, #000);
    font-family: var(--main-font-family);
    background-color: var(--akcentine1);
    text-decoration: none;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    transition: all 0.20s ease-in-out;
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form .naujienlaiskis-button:hover {
    background-color: #000;
    color: var(--akcentine1);
}

.landing-container .naujienlaiskis-section .naujienlaiskis-content .notice {
    color: var(--primary-black, #000);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
@media screen and (max-width:1600px){
	.landing-container .hero-section .hero-image .hero-content .hero-h1 {
		font-size:100px;
	}
}
@media screen and (max-width:1300px){
	.landing-container .hero-section .hero-image .hero-content .hero-h1 {
		font-size:80px;
	}
}

@media screen and (max-width:1024px) {
	.landing-container .section4 .section4-content .pagination .socials a{
	width: 40px;
    height: 40px;
	font-size: 22px;
	}
	
	.landing-container .section4 .section4-content .section4-grid .grid-item a::before{
	color:#fff;
	font-size:26px;
	align-items:end;
	height:100%;
	top:0px;
	padding-bottom: 10px;
	left:50%;
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 		50%);
	transform:translateX(-50%);
	transition:all 0.2s ease-in-out;
	}

	.landing-container .section4 .section4-content .section4-grid .grid-item a:hover::before{
		background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 		50%);
	transform:translateX(-50%);
	}
	
	.landing-container .atsiliepimai-section .ti-widget.ti-goog .ti-review-content{
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
		
	}
    .landing-container .atsiliepimai-section {
        padding-top: none;
        padding-bottom: none;
    }
    .landing-container {
        padding-top: 91px;
    }
    .landing-container .hero-section .hero-image {
        min-height: 60vh;
    }

    .landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form {
        flex-flow: column nowrap;
		width:100%;
    }

    .landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-text {
        padding-left: 70px;
        padding-right: 70px;
    }

    .landing-container .section5 .section5-content {
        grid-template-columns: 1fr;
    }

    .landing-container .section5 .section5-content .right-container .h2-section {
        margin-top: 30px;
        padding: 0px;
        text-align: center;
    }

    .landing-container .section5 .section5-content .right-container p {
        text-align: center;
    }

    .landing-container .section5 .section5-content .right-container .button-wrapper {
        text-align: center;
    }

    .landing-container .hero-section .hero-image .hero-content .hero-button {
        width: auto;
        height: 44px;
        margin-top: 25px;
        margin-bottom: 0px;
    }

    .landing-container .section1 .section1-content .h2-section1 {
        text-align: center;
    }

    .landing-container .section1 .section1-content .h2-section1::after {
        width: 270px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .landing-container .section2 .section2-content .h2-section2::after {
        width: 318px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .landing-container .section3 .section3-content .h2-section3::after {
        width: 166px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .landing-container .section4 .section4-content .h2-section4::after {
        width: 160px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .landing-container .section5 .section5-content .right-container .h2-section::after {
        width: 300px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .landing-container .naujienlaiskis-section .naujienlaiskis-content .h2-naujienlaiskis {
        font-size: 30px;
        line-height: 120%;
    }

    .landing-container .atsiliepimai-section .atsiliepimai-content .button-wrapper {
        flex-flow: column nowrap;
    }

    .landing-container .atsiliepimai-section .atsiliepimai-content .button-wrapper p {
        font-size: 26px;
    }

    .landing-container .atsiliepimai-section .atsiliepimai-content .google-notice {
        font-size: 14px;
    }

    .landing-container .atsiliepimai-section .atsiliepimai-content .atsiliepimai-grid .atsiliepimai-grid-item h3 {
        font-size: 18px;
    }

    .landing-container .atsiliepimai-section .atsiliepimai-content .atsiliepimai-grid .atsiliepimai-grid-item .bi-star-fill::before {
        font-size: 25px;
    }

    .landing-container .atsiliepimai-section .atsiliepimai-content .h2-atsiliepimai {
        font-size: 26px;
    }

    .landing-container .section4 .section4-content .section4-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(1) {
        grid-row: 1 / span 2;
        grid-column: 1 / span 2;
    }

    .landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(2) {
        display: none;
    }

    .landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(3) {
        display: none;
    }

    .landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(6) {
        display: none;
    }

    .landing-container .section4 .section4-content .section4-grid .grid-item:nth-child(1) {
        grid-row: 1 / span 2;
        grid-column: 1 / span 2;
    }

    .landing-container .section1 .section1-content .section1-button::before,
    .landing-container .paieska-section .paieska-content .paieska-form .paieska-button::before,
    .landing-container .section5 .section5-content .right-container button::before {
        top: -50%;
    }
    .landing-container .section4 .section4-content .pagination button::before{
        top: 0%;
    }

    .landing-container .section3 .section3-content button {
        width: 100%;
        padding: 10px 30px;
        margin-top: 30px;
    }

    .landing-container .section3 .section3-content .section3-text {
        font-size: 16px;
    }

    .landing-container .section2 .section2-content .section2-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .landing-container .section2 .section2-content .section2-grid .section2-grid-item img {
        border-radius: 12px;
    }

    .landing-container .section2 .section2-content .section2-grid .section2-grid-item .content {
        display: flex;
        justify-content: center;
    }

    .landing-container .section2 .section2-content .section2-grid .section2-grid-item .content h3 {
        font-size: 26px;
    }

    .landing-container .section2 .section2-content .section2-grid .section2-grid-item .content h3::before {
        content: '';
        opacity: 1;
        position: absolute;
        z-index: -1;
        left: 50%;
        bottom: -0px;
        width: 120%;
        height: 10px;
        transform: translate(-50%, 0%);
        background-color: var(--akcentine1);
        rotate: -0.5deg;
        transition: all 0.2s ease-in-out;
    }

    .landing-container .section1 .section1-content .section1-text {
        text-align: center;
    }

    .landing-container .section1 .section1-content .category-grid .grid-item:not(:first-of-type) .card-button {
        display: none;
    }

    .landing-container .section1 .section1-content .category-grid .grid-item:not(:first-of-type) .mobile-button {
        display: flex;
        position: absolute;
        height: 52px;
        width: 52px;
        background-color: var(--akcentine1);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        border: 10px solid var(--akcentine1);
        bottom: 25px;
        right: 25px;
        border-radius: 99px;
        transition: all 0.20s ease-in-out;
    }
	.landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-form form{
	display:flex;
		flex-flow:column nowrap;
}

    .landing-container .section1 .section1-content .category-grid .grid-item:not(:first-of-type) .mobile-button:hover {
        rotate: -30deg;
    }

    .landing-container .paieska-section .paieska-content .paieska-form {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .landing-container .paieska-section .paieska-content .paieska-form .paieska-button {
        grid-column: auto;
    }
	

    .landing-container .hero-section .hero-image .hero-content .hero-h1 {
        font-size: 55px;
    }

    .landing-container .hero-section .hero-image .hero-content .hero-text {
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 120%;
    }
}

@media screen and (max-width:747px) {
	
	.landing-container .naujienlaiskis-section{
		padding-top:0px;
	}
	.landing-container .atsiliepimai-section{
		padding-top: 50px;
		padding-bottom:50px;
	}
	.landing-container .section4 .section4-content .pagination {
    margin-top: 0px;
}
	.landing-container .paieska-section .paieska-content .paieska-form .dropdown-menu li {
    font-size: 14px;
}
		.landing-container .section4 .section4-content .section4-grid .grid-item a::before{
	font-size:18px;
	}
    .landing-container .hero-section .hero-image {
        height: 60vh;
    }

    .landing-container .naujienlaiskis-section .naujienlaiskis-content .naujienlaiskis-text {
        padding-left: 40px;
		margin-bottom:0px;
        padding-right: 40px;
    }

    .landing-container .section2 .section2-content .section2-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .landing-container .section1 .section1-content .category-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .landing-container .section1 .section1-content .category-grid .grid-item:nth-child(4) {
        display: none;
    }

    .landing-container .section1 .section1-content .category-grid .grid-item:nth-child(5) {
        display: none;
    }

    .landing-container .paieska-section .paieska-content .h2-paieska {
        font-size: 30px;
    }
}


@media screen and (max-width: 747px) {
    #vieta, #trasa {
        font-size: 20px !important; /* Adjust size as needed */
        padding: 8px 12px; /* Optional: Adjust padding for better mobile appearance */
    }
}

@media screen and (max-width: 480px) {
    #vieta, #trasa {
        font-size: 16px !important; /* Even smaller for very small screens */
        padding: 6px 10px;
    }
}