.horizontalCenter {
    justify-content: center !important;
}



/* hero carousel */
.carousel#carousel {
    position: relative;
    width: 100%;
    height: var(--heroHeight);
    background: #000;
    z-index: 1;
}

.slide {
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
}

.slide::after {
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display: inline-block;
    background: linear-gradient(rgba(0,0,0, var(--heroDarkening)),rgba(0,0,0, var(--heroDarkening)));
}

.slide>div.content {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* height: calc(100% * ( var(--bigger) + var(--smaller) * var(--smaller))); */
    height: calc(100% * ( var(--bigger)));
}

.slide>div.content>div.centered {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.slide.active {
    opacity: 1;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    animation: kenburns 8s ease-in forwards;
}

@keyframes kenburns {
    from { transform: scale(1); }
    to   { transform: scale(1.2); }
}

.heroText, .heroTextS {
    margin: 0;
    color: var(--white);
    text-align: center;
}

.heroTextS {
    color: var(--main);
    font-style: italic;
}

/* hero carousel END */

/* Scroll down!*/
/* .arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
    z-index: 99;
}
.arrow:first-child {
    bottom: 20px;
    opacity: 0.3;
}

.pulse:not(:first-child){
    opacity: 1;
    animation-delay: .3s;
}
.pulse {
    opacity: 0.3;
    animation: pulse 2s infinite;
}

@keyframes pulse {
	0%  { opacity: 1;   }
    90% { opacity: 0.3; }
} */
/* Scroll down! END*/



/* INFO section */

section.info {
    width: 100%;
    padding-block: clamp(3rem, 8vw, 6rem);
    padding-inline: 1.5rem;
    background-color: var(--white);
}

section.info>div.content {
    max-width: 65ch;
    margin-inline: auto; /* centers the text column */
}

section.info>div.content>p {
    line-height: 1.6;
    margin-bottom: 1.5em; /* space between paragraphs, relative to font size */
}

section.info>div.content>p.marginTop {
    margin-top: 1.5em;
}

section.info>div.content h1 {
    max-width: 25ch;
}
section.info>div.content h2 {
    color: var(--main);
    max-width: 20ch;
    font-style: italic;
}

section.info>div.content>ul {
    margin-left: 3rem;
    line-height: 1.6;
    margin-bottom: 1.5em; /* space between paragraphs, relative to font size */
}

section.info>div.content a {
    color: var(--main);
}

/* INFO section END */



/* Privalumai section  BEGIN*/
section.privalumai {
    position: relative;
    z-index: 0;
    width: 100%;

    padding-block: clamp(3rem, 8vw, 6rem);
    padding-inline: 1.5rem;

    display: flex;
    justify-content: center;
    align-items: center;
}

section.privalumai>div.background {
    position: absolute;
    inset: 0;
    z-index: -1;

    display: flex;
    flex-direction: row;
}

section.privalumai>div.background>div.left {
    height: 100%;
    width: calc(100% * var(--bigger));

    background-color: var(--background);

    container-type: inline-size;
}
section.privalumai>div.background>div.right {
    height: 100%;
    width: calc(100% * var(--smaller));

    background-color: var(--dark-blue);
}

section.privalumai>div.content {
    width: 100%;
    height: 100%;

    max-width: 1200px;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--wrap-features), 100%), 1fr));
    gap: clamp(2rem, 5vw, 4rem);
}


section.privalumai>div.content>div.left {
    /* width: calc( var(--golden-ratio) * var(--a0) * 100%); */
    height: 100%;
}

section.privalumai > div.content > div.left > div.title > h3 {
    color: var(--main);
    font-style: italic;
}

section.privalumai > div.content > div.left > div.grid {
    /* margin-inline: auto;
    padding-inline: 1.5rem; */
    margin-top: 1.5em;
    
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
    gap: calc(clamp(2rem, 5vw, 4rem) / 2);
    align-items: top;
}

section.privalumai>div.content>div.left>div.grid > div.item {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

section.privalumai>div.content>div.left>div.grid > div.item > div {
    height: 100%;
}

section.privalumai>div.content>div.left>div.grid > div.item > div.icon > svg {
    margin-top: 0.3em;
    color: var(--main);

    width: 48px;
    height: 48px;
}

section.privalumai>div.content>div.left>div.grid > div.item > div.content > h4 {
    margin-bottom: 0.6rem;
}

/* section.privalumai>div.content>div.left>div.grid > div.item > div.content > p {
    max-width: 65ch;
} */



section.privalumai>div.content>div.right {
    /* width: calc( var(--a0) * 100%); */
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
}

section.privalumai>div.content>div.right img {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1;
    height: auto;
    padding: 28px;
    background-color: var(--white);
}

/* Privalumai section END */



/* Kapitonas section BEGIN */
section.kapitonas {
    position: relative;
    z-index: 0;
    width: 100%;

    padding-block: clamp(3rem, 8vw, 6rem);
    padding-inline: 1.5rem;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background-color: var(--white);
}

/* section.kapitonas > div.title {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 1.5em;
}

section.kapitonas > div.title > h3 {
    color: var(--main);
    font-style: italic;
} */


section.kapitonas>div.content {
    width: 100%;
    height: 100%;

    max-width: 1200px;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--wrap-features), 100%), 1fr));
    gap: clamp(2rem, 5vw, 4rem);
}


section.kapitonas > div.content > div.left {
    /* width: calc( var(--golden-ratio) * var(--a0) * 100%); */
    height: 100%;

    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

section.kapitonas > div.content > div.left > div.title > h3 {
    color: var(--main);
    font-style: italic;
}

section.kapitonas > div.content > div.left img {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1;
    height: auto;
    padding: 28px;
    background-color: var(--background);

    margin-top: 1.5em;
}

section.kapitonas > div.content > div.left > div.kapitonoTxt {
    max-width: 500px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

section.kapitonas > div.content > div.left > div.kapitonoTxt > p {
    margin-top: 1.5rem;
}

section.kapitonas > div.content > div.left > div.kapitonoTxt > a {
    margin-top: 1.5em;
}


section.kapitonas > div.content > div.right {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.kapitonas > div.content > div.right > div.grid {
    /* margin-inline: auto;
    padding-inline: 1.5rem; */
    width: 100%;
    max-width: 600px;

    display: grid;
    grid-template-columns: 1fr;
    /* grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); */
    gap: calc(clamp(2rem, 5vw, 4rem) / 2);
    align-items: center;
    justify-content: center;
}

section.kapitonas > div.content > div.right > div.grid > div.item {
    background-color: var(--background);
    width: 100%;
    max-width: 600px;
}

section.kapitonas > div.content > div.right > div.grid > div.item > div.content {
    height: 100%;
}

section.kapitonas > div.content > div.right > div.grid > div.item > div.content > h4 {
    margin-bottom: 0.6rem;
    text-align: center;
}
section.kapitonas > div.content > div.right > div.grid > div.item > div.content > p {
    text-align: center;
}

/* Kapitonas section END */



/* Atsiliepimai BEGIN*/
section.atsiliepimai {
    position: relative;
    z-index: 0;
    width: 100%;

    padding-block: clamp(3rem, 8vw, 6rem);
    padding-inline: 1.5rem;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background-color: var(--background);
    /* background-image: url(testimonials-bg.jpg);
    background-position: center center;
    background-size: cover; */
}

section.atsiliepimai > div.content {
    width: 100%;
    height: 100%;

    max-width: 1200px;

    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--wrap-features), 1fr));
    gap: clamp(2rem, 5vw, 4rem); */

    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;
}


section.atsiliepimai > div.content p {
    color: var(--white);
    /* max-width: 30ch; */
    padding-inline: 1.5rem;
    margin-inline: auto;
}

section.atsiliepimai > div.content > div.title {
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;

    margin-bottom: 1.5em;
}

section.atsiliepimai > div.content > div.title > h3 {
    color: var(--main);
    font-style: italic;
}

section.atsiliepimai > div.content p.quotation {
    font-size: calc(clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem) * 2);
    line-height: calc(1 / 4);
}


/* slider */
section.atsiliepimai .line,
section.atsiliepimai .carousel li img,
section.atsiliepimai .carousel li,
section.atsiliepimai .carousel {
    width: 100%;
}

section.atsiliepimai .carousel li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;

    padding-block: clamp(3rem, 8vw, 6rem);
    padding-inline: 1.5rem;
}

section.atsiliepimai .flex,
section.atsiliepimai .carousel-wrapper,
section.atsiliepimai .center,
section.atsiliepimai .carousel ul {
    display: flex;
}

section.atsiliepimai .center,
section.atsiliepimai .carousel ul {
    align-items: center;
    justify-content: center;
}

section.atsiliepimai .carousel-wrapper {
    position: relative;
    max-width: 600px;
    width: 100%;
    /* margin: 50px; */
    margin-bottom: 40px; /* 15+25 = 40; for the nav dots */
}

section.atsiliepimai .carousel-wrapper input {
    display: none;
}

section.atsiliepimai .carousel {
    overflow: hidden;
    /* border-radius: 15px; */
    height: auto;

    background-color: var(--dark-blue);
}

section.atsiliepimai .carousel ul {
    position: relative;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 500%;
    transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

section.atsiliepimai .carousel li svg {
    margin-top: 1rem;
}

section.atsiliepimai .nav-dot {
    position: absolute;
    cursor: pointer;
    margin-left: -7.5px;
    bottom: -25px;
    width: 15px;
    height: 15px;
    opacity: .5;
    background-color: var(--dark-blue);
    /* border-radius: 50%; */
    transition: .4s;
}

section.atsiliepimai .nav-dot:hover {
    opacity: .8;
    transform: scale(1.2);
}

section.atsiliepimai .nav-dot:active {
    transform: scale(0.9);
}

section.atsiliepimai .nav-dot[for=slide1] {
    left: 40%;
}

section.atsiliepimai #slide1:checked~.carousel ul {
    left: 0%;
}

section.atsiliepimai #slide1:checked~.nav-dot[for=slide1] {
    opacity: 1;
}

section.atsiliepimai .nav-dot[for=slide2] {
    left: 45%;
}

section.atsiliepimai #slide2:checked~.carousel ul {
    left: -100%;
}

section.atsiliepimai #slide2:checked~.nav-dot[for=slide2] {
    opacity: 1;
}

section.atsiliepimai .nav-dot[for=slide3] {
    left: 50%;
}

section.atsiliepimai #slide3:checked~.carousel ul {
    left: -200%;
}

section.atsiliepimai #slide3:checked~.nav-dot[for=slide3] {
    opacity: 1;
}

section.atsiliepimai .nav-dot[for=slide4] {
    left: 55%;
}

section.atsiliepimai #slide4:checked~.carousel ul {
    left: -300%;
}

section.atsiliepimai #slide4:checked~.nav-dot[for=slide4] {
    opacity: 1;
}

section.atsiliepimai .nav-dot[for=slide5] {
    left: 60%;
}

section.atsiliepimai #slide5:checked~.carousel ul {
    left: -400%;
}

section.atsiliepimai #slide5:checked~.nav-dot[for=slide5] {
    opacity: 1;
}

section.atsiliepimai .right-arrow,
section.atsiliepimai .left-arrow {
    display: none;
    position: absolute;
    cursor: pointer;
    font-weight: bolder;
    text-shadow: 0 0 7.5px rgba(0, 0, 0, 0.7);
    color: var(--white);
    top: 50%;
    z-index: 1;
    opacity: .8;
    margin-top: -25px;
    height: 50px;
    font-size: 50px;
    transition: .2s;
}

section.atsiliepimai .right-arrow:hover,
section.atsiliepimai .left-arrow:hover {
    opacity: 1;
    transform: scale(1.2);
}

section.atsiliepimai .right-arrow:active,
section.atsiliepimai .left-arrow:active {
    transform: scale(0.9);
}

section.atsiliepimai .left-arrow {
    left: 15px;
}

section.atsiliepimai .right-arrow {
    right: 15px;
}

section.atsiliepimai #slide1:checked~.left-arrow[for=slide5],
section.atsiliepimai #slide1:checked~.right-arrow[for=slide2] {
    display: block;
}

section.atsiliepimai #slide2:checked~.left-arrow[for=slide1],
section.atsiliepimai #slide2:checked~.right-arrow[for=slide3] {
    display: block;
}

section.atsiliepimai #slide3:checked~.left-arrow[for=slide2],
section.atsiliepimai #slide3:checked~.right-arrow[for=slide4] {
    display: block;
}

section.atsiliepimai #slide4:checked~.left-arrow[for=slide3],
section.atsiliepimai #slide4:checked~.right-arrow[for=slide5] {
    display: block;
}

section.atsiliepimai #slide5:checked~.left-arrow[for=slide4],
section.atsiliepimai #slide5:checked~.right-arrow[for=slide1] {
    display: block;
}


/* Atsiliepimai END*/



/* Responsiveness extras */

/* benefits grid fixes */
/* @media only screen and (max-width: 600px) {
    section.privalumai>div.content>div.left>div.grid {
        grid-template-columns: 1fr;
    }
} */



/* Header -> hamburger menu */

@media only screen and (max-width: 800px) {
    div.carousel .slide > div.content {
        height: calc( var(--heroHeight) * (1 - 1 / var(--phi1) / var(--phi1)) );
        /* height: calc(100% * ( var(--bigger) + var(--smaller) * var(--smaller))); */
    }
}



/* atsiliepimai slider nav dot close fix */
@media only screen and (max-width: 450px) {
    section.atsiliepimai .nav-dot[for=slide1] {
        left: calc(40% - (450px - 100vw) / 450px * 10% * 2);
    }

    section.atsiliepimai .nav-dot[for=slide2] {
        left: calc(45% - (450px - 100vw) / 450px * 10% * 1);
    }

    section.atsiliepimai .nav-dot[for=slide3] {
        left: 50%;
    }

    section.atsiliepimai .nav-dot[for=slide4] {
        left: calc(55% + (450px - 100vw) / 450px * 10% * 1);
    }

    section.atsiliepimai .nav-dot[for=slide5] {
        left: calc(60% + (450px - 100vw) / 450px * 10% * 2);
    }
}