.video-container {
    position: relative;
    width: 100%;
    height: 100vh !important;
    overflow: hidden;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100vw;
    min-height: 100vh;
    width: 100%;
    height: auto;
    z-index: -1;
    aspect-ratio: 16/9;
}

.content-overlay {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
	transparent: 20%;
	
	/*animation: fade-out linear;*/
	/*animation-timeline: view();*/
	/*animation-range: exit -200px;*/
}

/*@keyframes fade-out{*/
/*    to{opacity: 0;}*/
/*}*/

.content-overlay .navbar-brand img {
    width: 100%;
    max-width: 250px;
	opacity: 0.5;
}

@media (max-width: 768px) {
    .content-overlay .navbar-brand img {
        max-width: 150px;
		opacity: 0.5;
    }
	
}

/*img{*/
/*    scale: .8; opacity: 0;*/
/*    animation: fade-in linear forwards; */
/*    animation-timeline: view();*/
/*    animation-range: entry;*/
/*}*/
/*@keyframes fade-in{*/
/*    to{ scale: 1; opacity: 1;}*/
    
/*}*/



.frame-contaner{
	margin-top: -100px;
}

.call-button {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 10px 20px;
            font-size: 16px;
            text-decoration: none;
            cursor: pointer;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s;
        }

.call-button:hover {
            background-color: #45a049;
        }

.call-button .material-icons {
            margin-right: 8px;
        }

.navbar-toggler {
    z-index: 2;
}

.grafikas{
	top: 100;
}

.header .text-container img {
    max-width: 250px;
    height: auto;
    width: auto;
	animation: blink 3s linear infinite;
}
@Keyframes blink {
	0% {opacity: 1;}
	50% {opacity: 0;}
}



@media (min-width: 768px) {
    .header .text-container img {
        width: 250px;
    }
}




.content-overlay .navbar-brand img {
    width: 250px;
}

@media (max-width: 768px) {
    .content-overlay .navbar-brand img {
        width: 150px;
    }
}

.video-fullscreen {
    object-fit: cover;
}

@font-face {
    font-family: 'setteN';
    src: url('https://sette.lt/inde/font/setteN.woff2') format('woff2'),
         url('https://sette.lt/inde/font/setteN.woff') format('woff'),
         url('https://sette.lt/inde/font/setteN.ttf') format('truetype'),
         url('https://sette.lt/inde/font/setteN.svg#ultra_systemsans') format('svg');
}
	
 

h1,
h2 {
    font-family: "setteN";
	
	
}

p {
    font-family: "setteN";
}
a {
    font-family: "setteN";
}



.navbar {
    transition: all 0.5s ease-in-out;
}

.studio {
    background: url(/wp-content/uploads/2024/03/studio_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.download {
    background: url(/wp-content/uploads/2024/03/Rectangle-13-scaled.webp) no-repeat !important;
    background-size: cover !important;
}

.Transformer_club {
    background: url(/wp-content/uploads/2024/03/studio_club_bg.webp) no-repeat !important;
    background-size: cover !important;
}

.about {
    background: url(/wp-content/uploads/2024/03/about_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100% !important;
}

.about_team {
    background: url(/wp-content/uploads/2024/03/about_our_team.webp) no-repeat !important;
    background-size: cover !important;
    height: 100% !important;
}

.team,
.team_section {
    background: url(/wp-content/uploads/2024/03/out_team_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100% !important;
}

.team_box:hover,
.blog_box:hover {
    background-color: #707372 !important;
    transition: all 0.25s ease-in-out;
}

.team_box:hover h3,
.team_box:hover p {
    color: white !important;
    transition: all 0.25s ease-in-out;
}

.blog_box:hover h5,
.blog_box:hover p,
.blog_box:hover a {
    color: white !important;
    transition: all 0.25s ease-in-out;
}

.press {
    background: url(/wp-content/uploads/2024/03/press_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.privay_section {
    background: url(/wp-content/uploads/2024/03/privacy_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}


.terms_section,
.franchise {
    background: url(/wp-content/uploads/2024/03/terms_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.schedule,
.blog,
.own_a_karve {
    background: url(/wp-content/uploads/2024/03/blog_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.buy {
    background: url(/wp-content/uploads/2024/03/buy_bg.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.ready_result {
    background: url(/wp-content/uploads/2024/03/ready_result.webp) no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.light_shadow {
    background-color: #1e1c1c;
}

.video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This is what makes the video cover the container */
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.exercise {
    background: url(/wp-content/uploads/2024/03/ready_result.webp) center center no-repeat;
    background-size: cover;
    height: 100%;
}

.food {
    background: url(/wp-content/uploads/2024/03/food_bg-1.webp) center center no-repeat;
    background-size: cover;
    height: 100%;
}

.careers,
.faqs {
    background: url(/wp-content/uploads/2024/03/careers_bg.webp) center center no-repeat;
    background-size: cover;
    height: 100%;
}

.contact {
    background: url(/wp-content/uploads/2024/03/contact_us_bg.webp) center center no-repeat;
    background-size: cover;
    height: 100vh !important;
}

/* Custom CSS */
.form-control::placeholder {
    color: #6c757d;
    /* Change placeholder color to desired color */
}

.contact_info {
    margin-top: -13rem !important;
}

.accordion-button::after {
    color: black !important;
}

.pilates_inspired {
    background: url(/wp-content/uploads/2024/04/pilates-inspired.webp) center center no-repeat;
    background-size: cover;
}

.franchise_accordion .accordion-button::after,
.ready_accordion .accordion-button::after {
    display: none;
}

.franchise_accordion .accordion-button,
.ready_accordion .accordion-button {
    justify-content: space-between;
}

.hvr-sweep-to-right::before {
    background-color: black !important;
}

.hvr-sweep-to-right:hover {
    color: white !important;
}

.innovation {
    background: url(/wp-content/uploads/2024/03/own_karve_bg.webp) center center no-repeat;
    background-size: cover;
}

.partnerships {
    background: url(/wp-content/uploads/2024/03/partner_bg.webp) center center no-repeat;
    background-size: cover;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
    left: 0;
    padding: 6PX 14PX;
    background-color: black;
    color: white;
}

.MultiCarousel .rightLst {
    right: 0;
    padding: 6PX 14PX;
    background-color: black;
    color: white;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}

ul li a:hover {
    color: silver !important;
}

.btn {
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
}

.btn-outline-primary:hover {
    background: transparent !important;
}

.btn::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 100%;
    top: -75%;
    left: -90%;
    background: rgba(238, 238, 238, 0.281);
    z-index: 0;
    transition: all 0.5s ease;
    transform: rotate(315deg);
}

.btn:hover::before {
    top: 100%;
    left: 50%;
}

.btn span {

    position: relative;
    z-index: 1;
}



/* Keyframe for spinning animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bg-dark {
    background-color: black !important;
}