@import url('vendor/index.html'); 
@import url('vendor/bootstrap.min.css'); 
@import url('vendor/fontawesome.css'); 
@import url('vendor/brands.css'); 
@import url('vendor/regular.css'); 
@import url('vendor/solid.css'); 
@import url('vendor/swiper-bundle.min.css'); 
@import url('vendor/rtmicons.css'); 
@import url('vendor/poppins/stylesheet.css'); 
@import url('vendor/bubblegum-sans/stylesheet.css'); 
@import url('vendor/inter/stylesheet.css'); 
@property --progress {syntax:'<integer>'; inherits:true; initial-value:0;}

@keyframes load {
to {--progress:var(--value)}
}

@keyframes background_animation {
from {background-size:100%;}
to {background-size:110%;}
}

@keyframes ripple {
from {opacity:1; transform:scale3d(1, 1, 1); transform-origin:center; border-width:0px;}
to {opacity:0; transform:scale3d(1.7, 1.7, 1.8); transform-origin:center; border-width:13px;}
}

:root {--primary:#FBF8FF; --text-color:#0B0118; --text-color-2:#453F4E; --background-color:#F3EBFF; --accent-color:#704FE6; --accent-color-2:#FFB804; --accent-color-3:#DEC8FE; --accent-color-4:#F7F1FF; --accent-color-5:#FEFEFE; --accent-color-6:#FF854B; --accent-color-7:#FFEFC6; --accent-color-8:#89C0FF; --accent-color-9:#43A574; --accent-color-10:#89C0FF; --accent-color-11:#FF9587; --accent-color-12:#F0F0F0; --accent-color-13:#9a390b; --accent-color-14:#8a670e; --accent-color-15:#1b593a; --accent-color-16:#436994; --accent-color-17:#87443b; --font-1:"Poppins", sans-serif; --font-2:"Bubblegum Sans", sans-serif; --font-3:"Inter", sans-serif;}
body {font-family:var(--font-1); color:var(--text-color); background-color:var(--primary);}
h1 {font-size:68px;}
h2 {font-size:62px;}
h3 {font-size:48px; font-weight:500;}
h4 {font-size:28px;}
h5 {font-size:15px;}
h6 {font-size:22px; font-family:var(--font-2);}
button, a {font-size:18px; font-family:var(--font-3);}
p {font-size:14px; font-family:var(--font-3); color:var(--text-color-2); text-align:justify; padding:10px;}
ul {}
.list-circle {list-style:disc var(--accent-color);}
li {font-size:16px;}
img {object-fit:cover;}
.text-accent {background:linear-gradient(90deg, #01C7F3 0%, #003642 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}
.price-text {font-size:64px; font-weight:bolder;}
.price-text2 {font-size:40px; font-weight:bolder;}
.testimonial-text {font-size:18px; font-family:var(--font-3);}
.testimonial-name {font-size:18px; font-family:var(--font-3); color:var(--accent-color);}
.small-text {font-size:12px; font-family:var(--font-3);}
.brush1 {position:relative; display:inline-block; padding-bottom:20px;}
.brush1::before {content:""; background-size:contain; position:absolute; width:110%; height:100%; top:0; left:-5%; z-index:-1; opacity:0.8;}
.brush2 {position:relative; display:inline-block; padding-bottom:25px;}
.brush2::before {content:""; background-size:contain; position:absolute; width:70%; height:100%; top:0; left:10%; z-index:-1; opacity:1;}
.banner-heading {font-size:5.5rem;}
.sub-heading {color:var(--accent-color);}
.text-color {color:var(--text-color);}
.text-color-2 {color:var(--text-color-2); list-style:none;}
.p-banner {color:var(--primary);}
.form-control {padding:15px 24px; border:none;}
.form-label {font-size:24px;}
.form.contact textarea {background-color:transparent; border-radius:20px; color:var(--text-color-2); outline:none; font-family:var(--font-3);}
.form.contact input, .form.contact select {background-color:transparent; border-radius:20px; color:var(--text-color-2); border:1px solid var(--accent-color); outline:none; font-family:var(--font-3);}
.form.contact input:focus, .form.contact textarea:focus, .form.contact select:focus {box-shadow:none; border:solid 1px var(--accent-color); background-color:var(--accent-color); color:var(--primary);}
.form.contact input:autofill, .form.contact input:autofill:focus {color:var(--primary); transition:background-color 5000s ease-in-out; -webkit-text-fill-color:var(--primary); font-family:var(--font-3);}
.form.contact input::placeholder, .form.contact textarea::placeholder {color:var(--accent-color); font-family:var(--font-3);}
.form.contact .submit_form {padding-inline:2rem; padding-block:1rem; text-decoration:none; transition:all 0.5s; background-color:var(--accent-color); color:var(--primary); border-radius:20px; border:solid 1px var(--primary);}
.form.contact .submit_form:hover {background-color:transparent;}
.form textarea {background-color:transparent; border-radius:20px; color:var(--text-color-2); border:1px solid var(--primary); outline:none; font-family:var(--font-3);}
.form input, .form select {background-color:transparent; border-radius:20px; color:var(--text-color-2); border:1px solid var(--primary); outline:none; font-family:var(--font-3);}
.form input.subscribe {background-color:var(--text-color);}
.form input:focus, .form textarea:focus, .form select:focus {box-shadow:none; border:solid 1px var(--accent-color-2); background-color:var(--primary); color:var(--accent-color);}
.form input:autofill, .form input:autofill:focus {color:var(--text-color-2); transition:background-color 5000s ease-in-out; -webkit-text-fill-color:var(--text-color-2); font-family:var(--font-3);}
.form input::placeholder, .form textarea::placeholder {color:var(--primary); font-family:var(--font-3);}
.form option {background-color:var(--primary);}
.form-check-input:checked[type=checkbox] {--bs-form-check-bg-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="blue" class="bi bi-check-xl" viewBox="0 0 16 16"><path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/></svg>');}
.form input.form-check-input {background-color:transparent; border:1px solid gray;}
.form input.form-check-input:checked {border:1px solid blue; color:blue;}
.form .submit_form {padding-inline:2rem; padding-block:1rem; text-decoration:none; transition:all 0.5s; background-color:transparent; color:var(--primary); border-radius:20px; border:solid 1px var(--primary);}
.submit_form:hover {background-color:transparent; color:var(--accent-color); border:1px solid var(--accent-color);}
.submit_form-subscribe {padding-inline:2rem; padding-block:0.7rem; text-decoration:none; transition:all 0.5s; color:white; background-color:transparent; border-radius:5px;}
.submit_appointment {padding-inline:3rem; padding-block:0.7rem; text-decoration:none; transition:all 0.5s; color:var(--primary); background-color:transparent; border-radius:5px;}
.submit_form-subscribe:hover {background-color:transparent; color:white; filter:none;}
.maps {width:100%; height:480px; transition:filter 0.5s; display:block;}
#header {transition:all 0.5s ease; background-color:#fffbfb8c;}
footer {height:100%; ;}
.logo-container {max-width:200px;}
.logo-partner {filter:brightness(200%) contrast(0%) saturate(0%) blur(0px) hue-rotate(0deg); transition-duration:0.5s;}
.logo-partner:hover {filter:none;}
.offcanvas {background-color:var(--primary);}
.offcanvas-header {color:var(--text-color);}
.navbar-nav .nav-link:focus {color:var(--accent-color); text-align:center;}
.navbar-nav .nav-link.show {color:var(--accent-color);}
.navbar-expand-xl .navbar-nav .nav-link {padding-inline:8px;}
.nav-link {font-size:15px; font-family:var(--font-3); color:var(--text-color); text-align:center;}
.nav-link:hover {color:var(--accent-color); text-align:center;}
.nav-link.active {color:var(--primary) !important; text-align:center; border-radius:30px; background-color:var(--accent-color);}
.navbar-toggler {border:none; color:var(--accent-color-2);}
.navbar-toggler:focus {box-shadow:none; background-color:transparent; color:var(--accent-color-2);}
.nav-tabs {border-bottom:none;}
.nav-tabs .nav-link {background-color:transparent; color:var(--accent-color); border:none; position:relative;}
.nav-tabs .nav-link:hover {border:none; color:white;}
.nav-tabs .nav-link.active {background-color:transparent; border:none;}
.nav-tabs .nav-link.active::after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:var(--accent-color);}
.dropdown-menu {border-radius:0; border:none; padding:0; width:230px; -webkit-box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.3);}
.dropdown-item {padding-block:0.75rem; color:var(--text-color); font-family:var(--font-1); font-size:0.95rem; font-weight:400; padding-inline:0.75rem; text-align:left; background-color:var(--background-color);}
.dropdown-item.active {color:var(--primary); background-color:var(--accent-color);}
.dropdown-item:hover {background-color:var(--accent-color); color:var(--primary);}
.dropdown-item:focus {color:var(--accent-color);}
.section {padding:1em 2em 0em 2em; overflow:hidden; background-size:cover; background-position:center;}
.r-container {max-width:1440px; margin-right:auto; margin-left:auto;}
.bg-accent-primary {background-color:var(--primary);}
.bg-accent-color {background-color:var(--accent-color);}
.bg-accent-color-2 {background-color:var(--accent-color-2);}
.bg-accent-color-3 {background-color:var(--accent-color-3);}
.bg-accent-color-4 {background-color:var(--accent-color-4);}
.bg-accent-color-5 {background-color:var(--accent-color-5);}
.bg-accent-color-6 {background-color:var(--accent-color-6);}
.bg-accent-color-7 {background-color:var(--accent-color-7);}
.bg-accent-color-8 {background-color:var(--accent-color-8);}
.bg-accent-color-9 {background-color:var(--accent-color-9);}
.bg-accent-color-10 {background-color:var(--accent-color-10);}
.bg-accent-color-11 {background-color:var(--accent-color-11);}
.bg-accent-color-12 {background-color:var(--accent-color-12);}
.bg-accent {background-color:var(--background-color);}
.bg-text-color {background-color:var(--text-color);}
.bg-text-color-2 {background-color:var(--text-color-2);}
.bg-accent-color-hover:hover {background-color:var(--accent-color); color:white;}
.bg-dark-transparent {background-color:#232323b7;}
.accent-color-primary {color:var(--primary);}
.accent-color {color:#ff2929;}
.accent-color-2 {color:var(--accent-color-2);}
.accent-color-3 {color:var(--accent-color-3);}
.accent-color-4 {color:var(--accent-color-4);}
.accent-color-5 {color:var(--accent-color-5);}
.accent-color-6 {color:var(--accent-color-6);}
.accent-color-7 {color:var(--accent-color-7);}
.accent-color-8 {color:var(--accent-color-8);}
.accent-color-9 {color:var(--accent-color-9);}
.accent-color-10 {color:var(--accent-color-10);}
.accent-color-11 {color:var(--accent-color-11);}
.accent-color-12 {color:var(--accent-color-12);}
.bg-background-color {color:var(--background-color);}
.border-accent {border-color:var(--text-color-2) !important;}
.border-accent-2 {border-color:var(--accent-color) !important;}
.border-accent-3 {border:1px solid rgba(207, 171, 130, 0.2);}
.border-text-color {border-color:var(--text-color) !important;}
.border-testimonial {border-right:5px solid var(--accent-color-2);}
.border-bottom-hover:hover {border-bottom:2px solid var(--accent-color);}
.border-accent-color {border:1px solid var(--accent-color);}
.custom-border {border-width:15px 0 0 15px; border-style:solid; border-color:var(--background-color); border-radius:50% 0 50% 0;}
.custom-border-2 {border-width:10px; border-style:solid; border-color:var(--primary); border-radius:50%; padding:15px; display:flex; align-items:center; justify-content:center; text-align:center; margin-bottom:-2.5rem; position:relative; z-index:2;}
.clipped-image {width:100%; height:100%; object-fit:cover; border-radius:20px; clip-path:polygon(0 0, 100% 0, 100% 73%, 82% 73%, 82% 100%, 0 100%, 0% 80%, 0% 20%)}
.outline {color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:var(--accent-color);}
.text-gray {color:grey !important;}
.text-marquee {overflow:hidden; white-space:nowrap; position:relative;}
.text-marquee-content {display:inline-block; animation:text-marquee 70s linear infinite; font-size:100px; padding-right:50%;}

@keyframes text-marquee {
from {transform:translateX(0%);}
to {transform:translateX(-100%);}
}

.marquee-container {overflow:hidden; width:100%; display:flex; flex-direction:row; --gap:1rem; --speed:20;}
.marquee {animation:marquee calc(500s / var(--speed)) infinite linear;}
.reverse .marquee {animation-direction:reverse;}
.marquee-content {display:inline-flex;}
.marquee-item:hover img {filter:var(--accent-color);}
.marquee-item {text-wrap:nowrap; padding-inline:var(--gap); margin-right:1rem; width:max-content;}

@keyframes marquee {
from {transform:translateX(0%);}
to {transform:translateX(calc(-100% - 1rem));}
}

img.rotate {width:300px; animation:rotation 6s infinite linear;}

@keyframes rotation {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

.swiperTestimonials {overflow:visible;}
.swiperTestimonials2 {position:relative; padding-bottom:40px;}
.swiperStep .swiper-slide.swiper-slide-thumb-active h4 {color:var(--accent-color);}
.swiperStep {width:100%; height:300px; margin-left:auto; margin-right:auto;}
.swiperStep2 .swiper-slide img {display:block; width:100%; height:550px; object-fit:cover;}
.swiperStep2 .swiper-slide {background-size:cover; background-position:center;}
.swiperStep {width:100%; height:100%;}
.swiperStep .swiper-slide img {display:block; width:100%; object-fit:cover;}
.swiperStep {height:20%; box-sizing:border-box; padding:10px 0;}
.swiperStep .swiper-slide {width:25%; height:100%; opacity:0.4;}
.swiperStep .swiper-slide-thumb-active {opacity:1;}
.padding-swiper {position:relative; padding-inline:5rem;}
.mySwiper {position:relative; padding-bottom:156px;}
.swiperImage {position:relative; width:100%;}
.swiper-pagination {margin-top:1rem; position:relative;}
.swiper-pagination-bullet {background:var(--accent-color-3); opacity:1;}
.swiper-pagination-bullet-active {background:var(--accent-color-11);}
.swiper-slide {padding:0.5rem;}
.swiper-button-next::after, .swiper-button-prev::after {font-size:27px;}
.swiperStep2 .swiper-button-next::after, .swiperStep2 .swiper-button-prev::after {font-size:45px;}
.swiperStep2 .swiper-button-next, .swiperStep2 .swiper-button-prev {right:-1rem; top:15rem; width:95px; height:95px; border:6px solid var(--primary); background:linear-gradient(180deg, #050505 -77.42%, #01C7F3 100%); color:var(--text-color); border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.swiper-button-next.accent, .swiper-button-prev.accent {bottom:10px; width:50px; height:50px; border:1px solid var(--accent-color); background-color:var(--background-color); color:var(--accent-color); border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.swiper-button-next.accent {right:0; transform:translateY(20px);}
.swiper-button-prev.accent {left:0; transform:translateY(20px);}
.swiper-button-next.accent2, .swiper-button-prev.accent2 {top:15px; width:50px; height:50px; border:1px solid var(--accent-color); background-color:var(--background-color); color:var(--accent-color); border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.swiper-button-next.accent2 {right:0; transform:translateY(20px);}
.swiper-button-prev.accent2 {left:0; transform:translateY(20px);}
.swiperStep2 .swiper-button-next {right:0; transform:translateY(20px);}
.swiperStep2 .swiper-button-prev {left:0; transform:translateY(20px);}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {top:25rem; width:50px; height:50px; border:2px solid var(--accent-color); background-color:transparent; color:var(--accent-color); border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.mySwiper .swiper-button-next {right:45%; transform:translateY(20px);}
.mySwiper .swiper-button-prev {left:45%; transform:translateY(20px);}
.swiper-button-next.service {right:-9%; transform:translateY(20px);}
.swiper-button-prev.service {left:-7%; transform:translateY(20px);}
.swiperImage .swiper-button-next, .swiperImage .swiper-button-prev {bottom:10px; width:50px; height:50px; border:1px solid var(--accent-color); background-color:var(--background-color); color:var(--accent-color); border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.swiperImage .swiper-button-next {left:50%; transform:translateY(20px);}
.swiperImage .swiper-button-prev {left:47%; transform:translateY(20px);}
.swiperImage .swiper-button-next::after, .swiperImage .swiper-button-prev::after {font-size:24px;}
.swiperImage .swiper-button-next:hover, .swiperImage .swiper-button-prev:hover {background-color:var(--accent-color); color:var(--primary);}
.custom-swiper {width:100%; height:600px; padding-right:3rem;}
.custom-slide {display:flex; justify-content:center; align-items:center;}
.custom-scrollbar {width:6px; position:absolute; right:10px; top:0px; margin-top:150px; bottom:0; background:#e0e0e0; border-radius:10px; z-index:9999;}
.swiper-scrollbar.swiper-scrollbar-vertical {height:300px;}
.custom-scrollbar .swiper-scrollbar-drag {background:#ff9800; border-radius:10px;}
button {padding-inline:1rem; padding-block:0.5rem; text-decoration:none; transition:all 0.5s;}
button:hover {color:var(--text-color);}
a {text-decoration:none;}
.w-max-content {width:max-content;}
.read-more {color:var(--accent-color); font-family:var(--font-3); font-size:16px; transition:all 0.5s;}
.read-more.blog {color:var(--text-color); transition:all 0.5s;}
.read-more:hover {color:var(--accent-color-2);}
.tags {padding:6px 50px; font-family:var(--font-3); color:var(--accent-color); background-color:transparent; border:1px solid var(--accent-color); border-radius:50px;}
.tags.active {color:var(--primary); background-color:var(--accent-color);}
.btn {font-size:15px; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-3); font-weight:600;}
.btn-close {color:var(--text-color);}
.btn-close:hover {color:var(--text-color);}
.btn-accent {background:var(--accent-color); color:var(--primary); transition:all 0.5s; border:1px solid transparent;}
.btn-accent:hover {background-color:var(--primary); border-color:var(--accent-color); color:var(--accent-color);}
.btn-accent.accent:hover {background-color:transparent; border-color:var(--primary); color:var(--primary);}
.btn-accent-outline {background-color:transparent; border:1px solid var(--accent-color); color:var(--accent-color);}
.btn-accent-outline:hover {background-color:var(--accent-color); color:var(--primary);}
.btn-accent-outline:hover .icon-box-2 {background-color:var(--primary); border:1px solid var(--accent-color); color:var(--accent-color);}
.btn-accent-outline-white {background-color:transparent; border:1px solid var(--primary); color:var(--primary);}
.btn-accent-outline-white:hover {background-color:var(--primary); color:var(--accent-color);}
.btn-accent-outline-white:hover .icon-box-3 {background-color:var(--accent-color); border:1px solid var(--accent-color); color:var(--primary);}
.btn-accent-underline {background-color:transparent; border-bottom:1px solid var(--accent-color); color:var(--accent-color);}
.btn-accent-underline:hover {border-bottom:1px solid var(--text-color); color:var(--text-color);}
.btn-toggler-accent {background-color:transparent; border:1px solid var(--text-color); color:var(--text-color); aspect-ratio:1/1; width:60px; height:60px; border-radius:50%;}
.btn-toggler-accent:hover {background-color:var(--text-color); color:var(--primary);}
.btn-white-outline {background-color:transparent; border-color:var(--text-color); color:var(--text-color); border-width:1px;}
.btn-white-outline-hover:hover {background-color:transparent; border-color:var(--text-color); color:var(--text-color);}
.btn-white-outline:hover {background-color:white; color:var(--primary);}
.partner {display:flex; justify-content:center; padding:0px 0px; border-radius:30px;}
.partner svg {fill:var(--accent-color);}
.partner:hover svg {fill:var(--accent-color);}
.image-footer .social-item {color:var(--primary); background-color:var(--accent-color);}
.image-footer:hover .image-footer-blur {background:rgba(24, 21, 24, 0.3); backdrop-filter:blur(2px); position:absolute; height:100%; width:100%; top:0; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.image-footer {position:relative; width:max-content;}
.image-footer .image-zoom {position:absolute; width:100%; height:100%; z-index:2; top:0; bottom:0; left:0; right:0; transform:scaleY(0); transform-origin:bottom; transition:all 0.5s ease;}
.image-footer:hover .image-zoom {transform:scaleY(1);}
.card-track:hover .track-blur {opacity:1; transform:translate(1rem, -1rem);}
.card-track .track-blur {opacity:0;}
.track-blur {transition:all 0.5s ease; position:absolute; bottom:0; left:0; top:0; width:100%; height:100%; overflow:visible;}
.card-track {transition:all 0.5s ease;}
.card .link {color:var(--accent-color); transition:color 0.5s;}
.card .link:hover {color:var(--primary);}
.link.accent-color {color:var(--accent-color); transition:color 0.5s;}
.link.accent-color:hover {color:var(--dark-bg);}
.link {color:var(--text-color-2);}
.link:hover {color:var(--accent-color);}
a .icon-box {transition:all 0.5s ease; transform:rotate(0deg);}
a .icon-box-2 {transition:all 0.5s ease; transform:rotate(0deg);}
a:hover .icon-box {transform:rotate(45deg);}
a:hover .icon-box-2 {transform:rotate(45deg);}
.link-white {color:white;}
.link-white:hover {color:var(--accent-color);}
.blog-overlay {position:absolute; height:100%; width:100%; top:0; left:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 69, 81, 0.6) 100%); transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.image-overlay {height:100%; width:100%; top:0; left:0; position:absolute; background:linear-gradient(180deg, rgba(5, 5, 5, 0.3) 23.17%, rgba(1, 199, 243, 0.3) 127.38%);}
.overlay {color:var(--accent-color-2); opacity:0.3;}
.bg-overlay {background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); position:absolute; width:100%; height:100%; top:0; left:0;}
.bg-overlay-2 {background:linear-gradient(0deg, rgba(1, 137, 142, 0.28), rgba(1, 137, 142, 0.28)); position:absolute; width:100%; height:100%; top:0; left:0;}
.testimonial-overlay {background:linear-gradient(0deg, rgba(255, 239, 225, 0.96), rgba(255, 239, 225, 0.96)); position:absolute; width:75%; height:100%; top:0; right:0;}
.bg-accent-opacity {background:linear-gradient(0deg, rgba(43, 43, 43, 0.86), rgba(43, 43, 43, 0.86));}
.bg-blur {position:absolute; background:rgba(24, 21, 24, 0.3); border:1px solid rgba(207, 171, 130, 0.2); backdrop-filter:blur(17.5px); height:100%; width:100%; top:0; left:0; bottom:0; z-index:1;}
.linear-gradient {padding:14px 42px; background-color:var(--accent-color-2); border-radius:50px; width:max-content;}
.cta-overlay {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 20.5%, rgba(1, 199, 243, 0.2) 100%); position:absolute; width:100%; height:100%; top:0; left:0;}
.contact-overlay {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 27.06%, rgba(1, 199, 243, 0.61) 100%); position:absolute; width:100%; height:100%; top:0; left:0;}
.video-overlay {height:100%; width:100%; top:0; left:0; position:absolute; background:linear-gradient(180deg, rgba(4, 56, 63, 0.144) 0%, rgba(4, 56, 63, 0.72) 100%); opacity:0.5; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.hover-transform:hover {transform:translateY(-10px);}
.font-1 {font-family:var(--font-1);}
.font-2 {font-family:var(--font-2);}
.font-3 {font-family:var(--font-3);}
.ls-2 {letter-spacing:2px;}
.fs-7 {font-size:0.8rem !important;}
.fs-very-large {font-size:4.125rem;}
.fw-black {font-weight:900 !important;}
.team-detail {background-color:var(--background-color); color:var(--accent-color); transition:all 0.5s;}
.team-detail:hover {background-color:var(--accent-color); color:var(--primary);}
.divider {display:flex; align-items:center;}
.divider::after {display:block; content:""; border-bottom:0; flex-grow:1; border-top:3px solid #8692af; max-width:30px; min-width:30px;}
.divider-element {letter-spacing:2px; flex-shrink:0; flex-grow:1; margin:0; margin-left:1rem; font-weight:400;}
.image-infinite-bg {height:90vh;}
.animation-bg {animation:background_animation 10s forwards;}
.bg-attach-fixed {background-attachment:fixed; background-position:center; width:100%; height:100%;}
.bg-attach-cover {background-size:cover; background-position:center; width:100%; height:auto;}
.social-container {display:flex; flex-direction:row; gap:1rem;}
.social-container.column {display:flex; flex-direction:column; gap:0.5rem;}
.character-img {position:relative; z-index:2;}
.w-70 {width:70%;}
.stock-img {position:relative; z-index:20;}
.customer-item {border-radius:50%; aspect-ratio:1/1; font-size:12px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--text-color-2); margin-left:-6px; overflow:hidden;}
.customer-item.testimonial {width:57px; height:57px;}
.customer-item.single {margin-left:0;}
.testimonial-item {border-radius:50%; aspect-ratio:1/1; font-size:19px; width:5rem; height:5rem; transition:all 0.5s; display:flex; justify-content:center; margin-left:-6px; overflow:hidden;}
.bg-box {bottom:0; right:0; height:60%; width:50%; border:solid 3px var(--accent-color-2);}
.icon-box {display:flex; justify-content:center; font-size:24px; font-weight:600; align-items:center; text-align:center; aspect-ratio:1/1; transition:all 0.5s; border-radius:50%; background-color:var(--primary); color:var(--accent-color); padding:15px; width:max-content; height:max-content;}
.icon-box.class {display:flex; justify-content:center; font-size:46px; font-weight:700; align-items:center; text-align:center; aspect-ratio:1/1; transition:all 0.8s; border-radius:50%; color:var(--primary); padding:15px; width:max-content; height:max-content; border:1px solid var(--accent-color); background-color:var(--accent-color);}
.icon-box.class:hover {background:transparent; color:var(--accent-color);}
.icon-box-2 {display:flex; justify-content:center; font-size:24px; font-weight:600; align-items:center; text-align:center; aspect-ratio:1/1; transition:all 0.5s; border-radius:50%; background-color:var(--accent-color); color:var(--primary); padding:15px; width:max-content; height:max-content;}
.icon-box-3 {display:flex; justify-content:center; font-size:24px; font-weight:600; align-items:center; text-align:center; aspect-ratio:1/1; transition:all 0.5s; border-radius:50%; background-color:var(--primary); border:1px solid var(--accent-color); color:var(--accent-color); padding:15px; width:max-content; height:max-content;}
.author-box {border-radius:50%; aspect-ratio:1/1; width:15rem; transition:all 0.5s; display:flex; justify-content:center; align-items:center; margin-left:-6px; overflow:hidden;}
.post-button {background-color:transparent; color:var(--accent-color) !important; border:none !important;}
.post-button:hover {background-color:transparent !important; color:var(--accent-color) !important; transform:scale(1.15);}
.position-xl-absolute {position:absolute;}
.w-60 {width:60% !important;}
.shadow-double {box-shadow:40px -40px 0px -4px var(--accent-color), -54px 44px 0px -3px var(--text-color-2);}
.shadow-single-left {box-shadow:-54px 44px 0px -3px var(--accent-color);}
.shadow-single-right {box-shadow:40px -40px 0px -4px var(--accent-color);}
.shadow-accent-2 {-webkit-box-shadow:-90px -23px 0px 0px var(--accent-color); -moz-box-shadow:-90px -23px 0px 0px var(--accent-color); box-shadow:-90px -23px 0px 0px var(--accent-color);}
.text-404 {font-size:200px; font-weight:bold; font-family:var(--font-2);}
.number-text {font-size:96px; font-weight:bold;}
.text-banner {font-size:200px;}
.rounded-end {border-top-right-radius:1rem; border-bottom-right-radius:1rem;}
.swiperImage.floating-left {margin-left:16rem;}
.floating-heading {margin-left:-15rem;}
.floating-image {position:absolute;}
.floating-price {top:-2.5rem; right:-10rem;}
.floating-banner {margin-top:-15rem;}
.floating-form {position:absolute; margin-top:20rem; left:0; bottom:0;}
.floating-services {position:relative; z-index:9999; margin-top:3rem; margin-bottom:-3rem;}
.floating-testi {margin-bottom:-8rem; margin-top:19rem; margin-left:15rem;}
.floating-services-2 {margin-left:-5rem;}
.floating-services-2 .padding {padding-left:7rem;}
.floating-services-3 {position:relative; margin-top:3rem; margin-bottom:-3rem;}
.floating-services-3 .padding {padding-left:3rem; padding-right:7rem;}
.floating-bottom {position:absolute; bottom:7rem; right:2rem;}
.floating-bottom-1 {position:absolute; bottom:5rem; right:0;}
.floating-bottom-2 {position:absolute; bottom:5rem; right:0;}
.floating-contact {margin-left:-7rem; border-bottom-left-radius:1rem;}
.floating-counter {position:relative; margin-top:-6rem; z-index:9999;}
.floating-blog {margin-top:-3rem;}
.floating-footer {right:0; bottom:0; position:absolute; z-index:2;}
.image-container {position:relative; display:inline-block;}
.hotspot {position:absolute; width:30px; height:30px; background:rgba(24, 21, 24, 0.5); border:0.5px solid var(--text-color); backdrop-filter:blur(2px); border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.3s ease; transform:translate(-50%, -50%); box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.hotspot:hover {background-color:var(--accent-color);}
.hotspot i {font-size:16px; font-weight:600; color:var(--text-color); transition:color 0.3s ease;}
.hotspot:hover i {color:white;}
.hotspot::after {content:attr(data-text); position:absolute; background:rgba(0, 0, 0, 0.7); color:white; padding:5px 10px; border-radius:5px; top:-35px; left:50%; transform:translateX(-50%); font-size:14px; white-space:nowrap; display:none;}
.hotspot:hover::after {display:block;}
.d-inline-block {display:inline-block;}
.position-responsive {position:absolute;}
.list .icon-box {width:4.3rem; height:4.3rem;}
.list-flush-horizontal {display:flex; flex-direction:row; list-style:none; margin:0; padding:1rem;}
.list-flush-horizontal .list-item:first-child, .list-flush-horizontal .list-item {border-right:1px solid white;}
.list-flush-horizontal .list-item:last-child {border-left:1px solid white; border-right:none;}
.list-flush-horizontal .list-item:nth-last-child(2) {border:none;}
.list-group-item {background-color:transparent; border-radius:10px;}
.list-group .link {background-color:transparent; border:1px solid var(--accent-color); color:var(--accent-color); transition:all 0.5s; border-radius:50px; padding:1px; width:100%; margin-top:0px;}
video {object-fit:fill;}
.list-group .link.active {color:var(--primary); background-color:var(--accent-color);}
.list-group .link:hover {color:var(--primary) !important; background-color:var(--accent-color); text-decoration:none;}
.list-group .link .icon-box {background-color:var(--accent-color); color:var(--primary);}
.list-group .link.active .icon-box {background-color:var(--primary); color:var(--accent-color);}
.list-group .link:hover .icon-box {background-color:var(--primary); color:var(--accent-color);}
.list-group .list-group-item.active {background-color:var(--accent-color-2); color:var(--accent-color);}
.list-group .list-group-item.list-group-item-action:hover {background-color:var(--accent-color-2); color:white;}
.list {margin:0; padding:0; display:flex; flex-direction:column; padding-inline:0.5rem;}
.list .link {font-weight:400; text-wrap:nowrap;}
.list li {padding:0; font-size:16px; font-family:var(--font-2);}
.list li .link {transition:all 0.5s; color:var(--text-color-2);}
.list li i {transition:all 0.5s; color:var(--accent-color);}
.list.text-black i {color:#131313;}
.list li .link:hover, .list li .link:hover i {color:var(--accent-color);}
.countdown {display:flex; gap:20px;}
.countdown-box {background-color:var(--accent-color); color:white; text-align:center; padding:30px; width:200px; border-radius:8px;}
.countdown-box h2 {margin:0; font-size:2em;}
.countdown-box p {margin:0; font-size:1.2em;}
.customer-container {display:flex; flex-direction:row-reverse;}
.customer-item:nth-child(1) {z-index:6;}
.customer-item:nth-child(2) {z-index:5;}
.customer-item:nth-child(3) {z-index:4;}
.customer-item:nth-child(4) {z-index:3;}
.subscribe-container {box-sizing:border-box; margin-bottom:-8em;}
.contact-item {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--primary); background-color:var(--accent-color); border:1px solid var(--accent-color);}
.social-item {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--accent-color-2); background-color:transparent; border:1px solid var(--accent-color-2);}
.social-item-2 {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--accent-color); background-color:transparent; border:1px solid var(--accent-color);}
.social-item-3 {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--accent-color-6); background-color:transparent; border:1px solid var(--accent-color-6);}
.social-item-4 {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--accent-color-3); background-color:transparent; border:1px solid var(--accent-color-3);}
.social-item-5 {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--accent-color-8); background-color:transparent; border:1px solid var(--accent-color-8);}
.social-item-6 {border-radius:50%; aspect-ratio:1/1; font-size:16px; width:36px; height:36px; transition:all 0.5s; display:flex; justify-content:center; align-items:center; color:var(--accent-color-9); background-color:transparent; border:1px solid var(--accent-color-9);}
.social-container.accent .social-item {background-color:var(--accent-color); color:white; border-color:var(--accent-color);}
.social-container.accent .social-item:hover {background-color:var(--accent-color); color:white;}
.social-container.share .social-item {background-color:var(--accent-color); color:white;}
.social-container.share .social-item:hover {background-color:var(--accent-color); color:white; border:1px solid var(--accent-color);}
.social-container.team .social-item {width:1.8rem; height:1.8rem; font-size:16px;}
.social-item:hover {background-color:var(--accent-color-2); color:var(--accent-color-12);}
.social-item-2:hover {background-color:var(--accent-color); color:var(--accent-color-12);}
.social-item-3:hover {background-color:var(--accent-color-6); color:var(--accent-color-12);}
.social-item-4:hover {background-color:var(--accent-color-3); color:var(--accent-color-12);}
.social-item-5:hover {background-color:var(--accent-color-8); color:var(--accent-color-12);}
.social-item-6:hover {background-color:var(--accent-color-9); color:var(--accent-color-12);}
.social-container .share-button {background-color:var(--accent-color-1); aspect-ratio:1/1; width:2rem; height:2rem; border-radius:50%; display:flex; justify-content:center; align-items:center; text-align:center;}
.share-button:hover {background-color:var(--accent-color-2);}
.breadcrumb {align-items:center; font-family:var(--font-2);}
.breadcrumb .breadcrumb-item>a {color:var(--text-color);}
.breadcrumb .breadcrumb-item.active {color:var(--accent-color); font-family:var(--font-2);}
.breadcrumb-item+.breadcrumb-item::before {color:var(--accent-colorbolee);}
.video-e119 {width:60%; margin-bottom:-3rem; margin-left:-3rem;}
.ifr-video {aspect-ratio:16/9; width:100%;}
.video-container {aspect-ratio:3/2; background-size:cover; background-position:center; position:relative; border:5px solid white; border-radius:10px;}
.video-iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.video-btn {border-radius:50%; aspect-ratio:1/1; width:4rem; background-color:var(--accent-color); display:flex; justify-content:center; align-items:center; padding:0; font-size:2rem; color:white; border:none; opacity:0.7;}
.video-btn:hover {opacity:1; color:white;}
.request-loader {position:relative; height:60px; width:60px; border-radius:50% !important; background-color:transparent; border:solid 2px var(--accent-color); display:flex; justify-content:center; align-items:center; color:var(--accent-color); font-size:25px; aspect-ratio:1/1;}
.request-loader:hover {color:var(--primary); background:var(--accent-color);}
.request-loader::after, .request-loader::before {opacity:0.2; display:flex; flex-direction:row; justify-content:center; align-items:center; position:absolute; content:''; height:100%; width:100%; color:var(--accent-color); border:4px solid currentColor; border-radius:50%; animation-name:ripple; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(.65, 0, .34, 1); z-index:0;}
.request-loader::after {animation-delay:0.5s; animation-duration:3s;}
.request-loader::before {animation-delay:0.2s; animation-duration:3s;}
.card {border:none; border-radius:10px; transition:all 0.5s; background-color:var(--primary);}
.card-accent {color:var(--accent-color); position:relative; background-size:cover; background-position:center; border-width:1px; border-style:solid; border-radius:10px; border-image:linear-gradient(to left, #A502A8, #2F4A9D)1;}
.card-blog h4 {color:var(--text-color);}
.card-blog:hover h4 {color:var(--accent-color);}
.card-blog h6 {color:var(--text-color);}
.card-blog:hover h6 {color:var(--accent-color);}
.card-service {color:var(--text-color); border-radius:0px; border:1px solid transparent; padding:30px 30px;}
.card-service:hover {color:var(--text-color); border:1px solid var(--accent-color); background-color:var(--accent-color-4);}
.card-service .btn-accent-underline {color:var(--text-color); border-bottom:1px solid var(--text-color);}
.card-service:hover .btn-accent-underline {color:var(--accent-color); border-bottom:1px solid var(--accent-color);}
.background-hover {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center;}
.card-service:hover .background-hover {opacity:1; background:linear-gradient(118.48deg, rgba(47, 74, 157, 0.4) 0%, rgba(165, 2, 168, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); border-radius:10px;}
.card-service.img-hover:hover {background-image:var(--url-image);}
.image-hover {opacity:0; position:absolute;}
.card-service:hover .image-hover {opacity:100%;}
.card:hover {transform:translateY(-5px); width:100%; height:100%; top:0; left:0;}
.card-testimonial {border:none; border-radius:20px; transition:all 0.5s; background-color:var(--accent-color-3);}
.card .icon-box.bg-accent-color {background-color:var(--accent-color); color:var(--accent-color);}
.card .icon-box.accent-color-2 {color:var(--accent-color-2); font-size:4rem;}
.card:hover .icon-box.accent-color-2 {color:var(--accent-color-2);}
.card-testimonial:hover {transform:translateY(-20px); box-shadow:0px 0px 0px 2px var(--accent-color); width:100%; height:100%; top:0; left:0;}
.card.card-pricing-hover {color:var(--primary); background-color:var(--accent-color-6); border-radius:40px;}
.card.card-pricing-hover:hover h3 {color:var(--accent-color);}
.card.card-pricing-hover p {color:var(--primary);}
.card.card-pricing-hover:hover {background-color:var(--accent-color); transform:scale(1.04);}
.card.card-pricing-hover:hover::before {content:""; position:absolute; top:-14px; left:-14px; right:-14px; bottom:-14px; border-radius:45px; border:2px solid var(--text-color); z-index:-1;}
.card.card-pricing-hover:hover::after {content:""; position:absolute; top:-7px; left:-7px; right:-7px; bottom:-7px; border-radius:45px; border:2px solid var(--accent-color); z-index:-1;}
.card-pricing-hover-middle {transform:scale(1); flex:1.00; color:white;}
.card.card-pricing-hover:hover .btn-accent-outline {background-color:var(--text-color); color:var(--primary);}
.card.card-pricing-hover .btn-accent-outline i {color:var(--text-color);}
.card.card-pricing-hover:hover .btn-accent-outline i {color:var(--primary);}
.card:hover .icon-box.bg-accent-color {background-color:var(--accent-color); color:var(--accent-color-2);}
.card.card-outline-hover {box-shadow:0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11); border:1px solid var(--accent-color);}
.card.blog {background-color:var(--background-color);}
.card.blog:hover {border:solid 1px var(--accent-color-2); border-radius:10px;}
.card.card-outline-hover:hover .btn-accent {background-color:transparent; border:1px solid var(--accent-color); color:var(--accent-color);}
.card-overlay {background-color:transparent; height:100%;}
.card-overlay .card-body {position:absolute; bottom:0; left:0; opacity:0; transform:scaleX(0); transform-origin:left; transition:all 0.5s; padding:0;}
.card-overlay:hover .card-body {transform:scaleX(1); opacity:1;}
.card-overlay .card-img {position:relative; bottom:0; left:0;}
.card-overlay .artist-text {transition:all 0.5s; transform:rotate(270deg); color:var(--text-color); position:absolute; bottom:0; left:15px; z-index:2; transform-origin:left; line-height:0;}
.card-overlay img {padding-left:40px; transition:all 0.5s;}
.card-overlay.service img {padding-left:0;}
.card-overlay:hover img {padding-left:0;}
.card-overlay:hover .artist-text {padding-block:2rem; transform:rotate(360deg); padding-inline:0.5rem;}
.card:hover .icon-box.bg-accent-color {background-color:white; color:var(--accent-color);}
.card:hover p {transition:all 0.5s;}
.card.with-border-bottom {border-bottom:5px solid var(--accent-color) !important;}
.card-about {background-color:var(--background-color); padding:3rem; transition:all 0.8s;}
.card-about:hover p {color:var(--primary);}
.card-about:hover .icon-box-2 {background-color:var(--primary); color:var(--accent-color-2);}
.card-about:hover {background-color:var(--accent-color-2); margin-top:-5rem; color:var(--primary); height:calc(100% + 5rem); border-top-left-radius:20px; border-top-right-radius:20px;}
.activities-container {border-radius:20px; padding:30px; transition:transform 0.3s ease, box-shadow 0.3s ease; color:var(--primary);}
.activities-container p, .activities-container .read-more {color:var(--primary);}
.activities-container::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:20px; transition:transform 0.3s ease; z-index:-1;}
.activities-container:hover::after {transform:rotate(3deg);}
.activities-container.accent {background-color:#56c2d3;}
.activities-container.accent::after {border:2px solid var(--accent-color-13);}
.activities-container.accent:hover, .activities-container.accent:hover p, .activities-container.accent:hover .read-more {color:var(--accent-color-13);}
.activities-container.accent2 {background-color:#370a78;}
.activities-container.accent2::after {border:2px solid var(--accent-color);}
.activities-container.accent2:hover, .activities-container.accent2:hover p, .activities-container.accent2:hover .read-more {color:var(--accent-color);}
.activities-container.accent3 {background-color:var(--accent-color-2);}
.activities-container.accent3::after {border:2px solid var(--accent-color-14);}
.activities-container.accent3:hover, .activities-container.accent3:hover p, .activities-container.accent3:hover .read-more {color:var(--accent-color-14);}
.activities-container.accent4 {background-color:var(--accent-color-9);}
.activities-container.accent4::after {border:2px solid var(--accent-color-15);}
.activities-container.accent4:hover, .activities-container.accent4:hover p, .activities-container.accent4:hover .read-more {color:var(--accent-color-15);}
.activities-container.accent5 {background-color:var(--accent-color-8);}
.activities-container.accent5::after {border:2px solid var(--accent-color-16);}
.activities-container.accent5:hover, .activities-container.accent5:hover p, .activities-container.accent5:hover .read-more {color:var(--accent-color-16);}
.activities-container.accent6 {background-color:var(--accent-color-11);}
.activities-container.accent6::after {border:2px solid var(--accent-color-17);}
.activities-container.accent6:hover, .activities-container.accent6:hover p, .activities-container.accent6:hover .read-more {color:var(--accent-color-17);}
.testimonial-container {padding:40px; border-radius:30px; color:var(--text-color-2); display:flex; flex-direction:column; transition:transform 0.3s ease, box-shadow 0.3s ease; gap:0.5rem; height:550px; position:relative;}
.testimonial-container:hover {height:550px;}
.testimonial-container::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:32px; transition:transform 0.3s ease; z-index:-1; border:2px solid var(--accent-color);}
.testimonial-container:hover::after {transform:rotate(2deg);}
.services-container {background-color:transparent; padding:30px; display:flex; flex-direction:column; gap:0.5rem; height:100%; box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.1);}
.features-container {display:flex; flex-direction:row; justify-content:center; align-items:flex-start;}
.feature-box {display:flex; flex-direction:column; gap:1rem; background-color:var(--accent-color); color:var(--primary); border-radius:10px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); padding:3rem; text-align:center; height:100%; transition:transform 0.3s ease;}
.feature-box-middle {transform:scaleY(1.15) scaleX(1.05);}
.feature-box-middle h3, .feature-box-middle p {position:relative; transform:none; will-change:contents;}
.class-container {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; flex-wrap:wrap; align-items:center;}
.class-course {display:none;}
.class-course.active {display:block;}
.class-card {display:flex; flex-direction:column; gap:1rem; border-radius:2rem; color:var(--accent-color); background-color:var(--background-color); align-items:center; height:100%; padding:1.5rem; transition:all 0.5s;}
.class-card:hover {background-color:var(--accent-color-7); color:var(--accent-color-2);}
.class-card:hover .icon-box {background-color:var(--accent-color-2); border:1px solid var(--accent-color-2); color:var(--primary);}
.class-card:hover .custom-border {background-color:var(--accent-color-7); border-color:var(--accent-color-7);}
.class-info {color:var(--primary); margin:20px; font-family:var(--font-2); font-size:12px; position:absolute; bottom:0; left:0;}
.class-speakers {display:flex; flex-direction:row; align-items:center; gap:15px; margin-top:10px;}
.class-price {font-size:1.2em; color:var(--primary); display:flex; flex-direction:column; align-self:flex-end; width:max-content;}
.class-link {color:#ff3b3b; font-weight:bold; margin-top:10px; text-align:left; display:inline-block;}
.class-duration {display:none;}
.class-duration.active {display:block;}
.tab-container {width:100%; text-align:center; display:flex; flex-direction:row; gap:1rem; align-items:center; justify-content:center; padding:20px;}
.background-container {position:absolute; height:100%; width:100%; z-index:-1; top:0; right:0; bottom:0; left:0; background-size:cover; background-position:center; width:100%; height:100%;}
.tabs {display:flex; justify-content:space-around;}
.tab {text-align:center; cursor:pointer; color:var(--accent-color); transition:background 0.3s ease-in-out;}
.tab.active {color:var(--primary); padding:8px 10px; background-color:var(--accent-color); border-radius:30px;}
.tab .title-tab {font-size:32px; font-weight:bold; padding:30px;}
.tab.active .title-tab {background-color:var(--primary);}
.content {display:none;}
.content.active {display:block;}
.tab .content {display:none; position:absolute; bottom:10rem; margin-left:-4rem; max-width:500px; padding:40px; text-align:left; background:rgba(35, 31, 32, 0.3); backdrop-filter:blur(17.5px);}
.tab.active .content {display:block;}
.grid-container {display:grid; grid-template-columns:repeat(3, 1fr); gap:0; position:relative;}
.grid-item-1 {border-right:1px solid rgb(255, 255, 255, 0.61); border-bottom:1px solid rgb(255, 255, 255, 0.61); display:flex; justify-content:center; align-items:center; padding:50px;}
.grid-item-2 {border-right:1px solid rgb(255, 255, 255, 0.61); border-bottom:1px solid rgb(255, 255, 255, 0.61); border-left:1px solid rgb(255, 255, 255, 0.61); display:flex; justify-content:center; align-items:center; padding:50px;}
.grid-item-3 {border-bottom:1px solid rgb(255, 255, 255, 0.61); border-left:1px solid rgb(255, 255, 255, 0.61); display:flex; justify-content:center; align-items:center; padding:50px;}
.grid-item-4 {border-right:1px solid rgb(255, 255, 255, 0.61); border-top:1px solid rgb(255, 255, 255, 0.61); display:flex; justify-content:center; align-items:center; padding:50px;}
.grid-item-5 {border-right:1px solid rgb(255, 255, 255, 0.61); border-left:1px solid rgb(255, 255, 255, 0.61); border-top:1px solid rgb(255, 255, 255, 0.61); display:flex; justify-content:center; align-items:center; padding:50px;}
.grid-item-6 {border-left:1px solid rgba(255, 255, 255, 0.61); border-top:1px solid rgba(255, 255, 255, 0.61); display:flex; justify-content:center; align-items:center; padding:50px;}
.r-progress {--value:17; --progress-color:var(--text-color); --secondary-progress-color:var(--accent-color-2); --animation-duration:2000;}
.r-progress-bar {position:relative; height:8px; background-color:var(--secondary-progress-color); display:flex; border-radius:3px;}
.r-progress-bar .progress-value {height:100%; width:calc(var(--progress) * 1%); background-color:var(--progress-color); position:relative; border-radius:3px; animation:load; animation-fill-mode:forwards; animation-duration:calc(var(--animation-duration) * 1ms); animation-timing-function:linear; animation-delay:500ms; color:black;}
.r-progress-bar.percentage-label::after {counter-reset:percentage var(--progress); content:counter(percentage) '%'; display:block; position:absolute; left:calc((var(--progress) * 1%)); animation:load; animation-fill-mode:forwards; animation-duration:calc(var(--animation-duration) * 1ms); animation-timing-function:linear; animation-delay:500ms; font-size:18px; line-height:1.2; font-family:var(--font-1); bottom:calc(100% + 0.5rem);}
.rating {list-style:none; display:flex; flex-direction:row; gap:0.75rem; padding:0; margin:0;}
.rating li {color:#f1c644;}
.rating li.inactive {color:#d9d9d9;}
.glass-effect {background:var(--primary); opacity:0.9; backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px);}
#player-container {width:100%; height:100%; margin-top:5rem;}
#player-bg-artwork {position:fixed; top:-30px; right:-30px; bottom:-30px; left:-30px; background-image:url("../../../raw.githubusercontent.com/himalayasingh/music-player-1/master/img/_1.webp"); background-repeat:no-repeat; background-size:cover; background-position:50%; filter:blur(40px); -webkit-filter:blur(40px); z-index:1;}
#player-bg-layer {position:fixed; top:0; right:0; bottom:0; left:0; background-color:#fff; opacity:0.5; z-index:2;}
#player {position:relative; height:100%; z-index:3;}
#player-track {width:auto; flex:1 1 0px; height:100%; padding:13px 10px 10px 13px; border-radius:15px 15px 0 0; transition:0.3s ease top; z-index:1;}
#album-name {color:var(--text-color); font-size:17px; font-weight:bold;}
#track-name {color:var(--accent-color); font-size:13px; margin:2px 0 13px 0;}
#track-time {height:12px; margin-bottom:3px; overflow:hidden;}
#current-time {float:left;}
#track-length {float:right;}
#current-time, #track-length {color:var(--text-color); font-size:11px; border-radius:10px; transition:0.3s ease all;}
#track-time.active #current-time, #track-time.active #track-length {color:var(--text-color); background-color:transparent;}
#seek-bar-container, #seek-bar {position:relative; height:4px; border-radius:4px;}
#seek-bar-container {background-color:var(--text-color); cursor:pointer;}
#seek-time {position:absolute; top:-29px; color:#fff; font-size:12px; white-space:pre; padding:5px 6px; border-radius:4px; display:none;}
#s-hover {position:absolute; top:0; bottom:0; left:0; opacity:0.2; z-index:2;}
#seek-time, #s-hover {background-color:#3b3d50;}
#seek-bar {content:""; position:absolute; top:0; bottom:0; left:0; width:0; background-color:var(--accent-color); transition:0.2s ease width; z-index:1;}
#player-content {display:inline-flex; flex-direction:row; align-items:center; gap:1rem; justify-content:flex-start; padding:16px; width:100%; background:rgba(24, 21, 24, 0.3); backdrop-filter:blur(17.5px);}
#album-art {width:115px; height:115px; transform:rotateZ(0); transition:0.3s ease all; border-radius:50%; overflow:hidden;}
#album-art.active {top:-60px; box-shadow:0 0 0 4px #fff7f7, 0 30px 50px -15px #afb7c1;}
#album-art:before {content:""; position:absolute; top:50%; right:0; left:0; width:20px; height:20px; margin:-10px auto 0 auto; background-color:var(--accent-color-3); border-radius:50%; box-shadow:inset 0 0 0 2px #fff; z-index:2;}
#album-art img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:-1;}
#album-art img.active {opacity:1; z-index:1;}
#album-art.active img.active {z-index:1; animation:rotateAlbumArt 3s linear 0s infinite forwards;}

@keyframes rotateAlbumArt {
0% {transform:rotateZ(0);}
100% {transform:rotateZ(360deg);}
}

#buffer-box {position:absolute; top:50%; right:0; left:0; height:13px; color:#1f1f1f; font-size:13px; text-align:center; font-weight:bold; line-height:1; padding:6px; margin:-12px auto 0 auto; opacity:0; z-index:2;}
#album-art img, #buffer-box {transition:0.1s linear all;}
#album-art.buffering img {opacity:0.25;}
#album-art.buffering img.active {opacity:0.8; filter:blur(2px); -webkit-filter:blur(2px);}
#album-art.buffering #buffer-box {opacity:1;}
#player-controls {width:auto; display:flex; gap:2rem; height:100%; float:right; overflow:hidden;}
.control {width:33.333%; float:left; padding:12px 0;}
.button i {display:block; color:#d6dee7; font-size:16px; text-align:center; line-height:1;}
.button, .button i {transition:0.2s ease all;}
.button:hover i {color:#fff;}
.service-scroll {height:710px; overflow-y:auto; overflow-x:hidden; padding:2rem;}
.service-scroll::-webkit-scrollbar {width:3px;}
.service-scroll::-webkit-scrollbar-track {background:#e0e0e0; border-radius:10px;}
.service-scroll::-webkit-scrollbar-thumb {background:var(--accent-color); border-radius:10px;}
.service-scroll::-webkit-scrollbar-thumb:hover {background:var(--accent-color-2);}

@media only screen and (max-width:993px) {
h1 {font-size:30px;}
h2 {font-size:38px;}
h3 {font-size:28px;}
h4 {font-size:22px; text-align:center;}
h5 {font-size:18px; text-align:center;}
h6 {font-size:14px;}
p, button, a {font-size:13px; padding:6px;}
.text-banner {font-size:50px;}
.btn {font-size:13px; width:100%;}
.logo-container {max-width:100px;}
.nav-link {padding-block:0.2rem; text-align:center;}
#header {background:var(--background-color); backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px);}
footer {height:100%;}
.p-banner {color:var(--text-color);}
.section {padding:4em 1em 1em 1em;}
.divider {width:330px;}
.fs-very-large {font-size:3.125rem;}
.text-404 {font-size:8rem; font-weight:700;}
.image-absolute-1 {left:45%; top:35%;}
.image-infinite-bg {background-size:cover !important;}
.border-custom {border-width:0px 0px 1px 0px;}
.outer-margin {margin-right:0;}
.banner-image {margin:0; transform:none;}
.testimonial-img {margin:0; margin-bottom:1rem;}
.dropdown-menu {width:100%; box-shadow:none;}
.video-e119 {width:85%; margin-left:-1.5rem;}
.dropdown-item {padding-block:0.35rem;}
.floating-image {position:inherit;}
.floating-price {top:-2.5rem; right:-7.5rem;}
.floating-heading {margin-left:0;}
.floating-banner {top:0; left:0; right:0; margin-right:1rem; margin-left:1rem; margin-top:-10rem;}
.floating-form {opacity:0.6;}
.floating-testi {margin-bottom:1rem; margin-top:1rem; margin-left:1rem; margin-right:1rem;}
.floating-services {position:relative; z-index:9999; margin-top:3rem; margin-bottom:1rem;}
.floating-services-2 {margin-left:0;}
.floating-services-2 .padding {padding-left:3rem;}
.floating-services-3 {position:relative; margin-top:1rem; margin-bottom:-3rem;}
.floating-services-3 .padding {padding-left:3rem; padding-right:3rem;}
.floating-bottom {position:initial; top:0; left:0;}
.floating-bottom-1 {position:initial; bottom:0; right:0; left:0;}
.floating-bottom-2 {position:initial; bottom:0; right:0; left:0; margin-top:1rem;}
.floating-contact {margin-left:0rem;}
.floating-counter {position:relative; margin-top:-5rem; z-index:9999;}
.floating-blog {margin-top:0;}
.floating-footer {width:200px; right:0; bottom:0; position:absolute; z-index:-1;}
.border-testimonial {border-right:none;}
.service-container {background-color:transparent; padding:30px; display:flex; flex-direction:column; gap:1.75rem; box-shadow:0px 0px 18px 0px rgba(0, 0, 0, 0.1); height:100%;}
.appointment-box {top:-2rem; bottom:0; left:0; right:0; height:8rem;}
.w-md-70 {width:70%;}
.w-md-60 {width:60%;}
.position-responsive {position:relative;}
.form-appointment-container {position:relative; transform:translateY(0);}
.list-flush-horizontal {flex-direction:column;}
.list-flush-horizontal .list-item:first-child, .list-flush-horizontal .list-item {border-right:none; border-bottom:1px solid white;}
.list-flush-horizontal .list-item:last-child {border-left:none; border-bottom:none; border-top:1px solid white;}
.position-xl-absolute {position:static;}
.banner-heading {font-size:2.5rem;}
.tabs.studio {display:flex; flex-direction:column; gap:1rem; position:relative; z-index:2; background:rgba(35, 31, 32, 0.3); backdrop-filter:blur(17.5px); padding:30px; align-items:center;}
.tabs {display:grid; grid-template-columns:repeat(1, 1fr);}
.tab-content {position:relative; left:0;}
.tab-container {display:grid; grid-template-columns:repeat(1, 1fr); justify-content:center; align-items:center;}
.class-container {display:grid; grid-template-columns:repeat(1, 1fr); justify-content:center; align-items:center;}
.testimonial-container {height:490px;}
.testimonial-container:hover {height:490px;}
footer .d-flex.flex-column {text-align:center; justify-content:center; align-items:center; margin-bottom:20px; padding:0 0 0 0;}
footer .link.d-flex.flex-row {text-align:center; justify-content:center; align-items:center;}
footer .list {padding:0 0 0 0;}
.footer {position:relative;}
.footer-img {position:relative;}
.features-container {display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.padding-swiper {position:relative; padding-inline:2rem;}
.swiperImage {padding-bottom:0;}
.service-scroll {padding-right:1rem;}
.swiper-button-next.accent, .swiper-button-prev.accent {top:12rem; height:80px; width:80px; border:5px solid var(--primary);}
.swiper-button-next, .swiper-button-prev {top:12rem; height:80px; width:80px; border:5px solid var(--primary);}
.swiper-button-next::after, .swiper-button-prev::after {font-size:24px;}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {top:28rem; width:40px; height:40px;}
.mySwiper .swiper-button-next {right:0; transform:translateY(20px);}
.mySwiper .swiper-button-prev {left:70%; transform:translateY(20px);}
.swiperStep2 .swiper-button-next::after, .swiperStep2 .swiper-button-prev::after {font-size:16px;}
.swiperStep2 .swiper-button-next, .swiperStep2 .swiper-button-prev {width:50px; height:50px; border:3px solid var(--primary);}
.swiperStep2 .swiper-button-next {right:7%; transform:translateY(20px);}
.swiperStep2 .swiper-button-prev {left:7%; transform:translateY(20px);}
.icon-box.link {font-size:25px; padding:25px;}
.tab .content {margin-left:0; position:static;}
.service-scroll {padding-right:2rem; padding-left:0; padding-block:0;}
}

@media (min-width: 992px) {
.gap-xl-4 {gap:0rem !important;}
}

.director {height:730px;}
.gap-3 {gap:1rem !important;padding-left:15px;}
.py-5 {padding-top:0rem !important; padding-bottom:0rem !important;}
.pro h5 {padding-left:0px;}
.whyus p {line-height:36px; padding-left:15px;}
.marquee-item img {height:100px; width:auto;}
.courses {width:388.333px; margin-right:10px;}
.courses img {height:280px; max-width:300px;}
.frame1 {height:350px; width:41%; position:relative;}
.frame2 {height:250px; width:41%; position:relative; top:-100px;}
.frame3 {height:250px; width:41%; position:relative; top:-100px;}
.frame4 {height:160px; width:41%; position:relative; top:-100px;}
.gap-5 {gap:0rem !important;}
.contact {margin-top:-160px;}
.centers {overflow-y:scroll; height:700px; height:503px;}
.auth {text-align:justify; padding:10px;}
.banner-content {padding-top:50px;}
.category p {text-align:center;}
.centers img {width:100%; border-radius:20px;}
.team-img img {height:218px; width:200px;}
.brt img {height:300px;}
.agra img {height:300px;}
.ahmedabad img {height:300px;}
.marathalli img {height:300px;}
.hameerpet img {height:300px;}
.mehdipatnam img {height:300px;}
.sharjah img {height:300px;}
.calberta img {height:300px;}
.grid.grid-cols-2.md\:grid-cols-4.justify-items-center.mt-5 img {height:300px;}
.img-fluid1 {max-width:auto; height:250px; border:5px solid;}
.recognise li {line-height:30px;}
.recognise li b {padding:14px;}
.ban {max-width:700px; margin-left:440px !important; margin-right:auto !important; margin-top:-550px !important;}
.awrd {border:2px solid #3f00ff1c; border-radius:15px; margin:0px 100px 0px 100px;}
.ah {padding-left:115px;}
.ft {padding-top:40px;}
.ourpresence {width:80%;}
.heros {background-image:url(image/BG2.webp);}
.team-img img {height:160px; width:160px; align-self:end;}
.endorsment {padding:0px 55px 0px 55px;}
.position-relative {padding-inline:0rem;}
.nxt {z-index:2; position:absolute; top:3200px; right:27px;}
.lft {z-index:2; position:absolute; top:3200px; left:27px;}
.pright {z-index:2; position:absolute; top:3200px; right:27px;}
.plft {z-index:2; position:absolute; top:3200px; right:27px;}
.celeb {margin-top:20px;}
.cimg {width:280px; height:100px; float:left;}
.bnr {background-image:url('../image/bannerbg.webp');}
.mr {text-align:justify !important;}

@media screen and (max-width: 768px) {
.section {overflow:hidden; width:auto;}
.whyus p {line-height:20px; padding-left:15px;}
.ldr {font-size:13px;}
.ban {max-width:700px; margin-left:190px !important; margin-right:auto !important; margin-top:-550px !important;}
.plist {padding-left:1rem;}
.plist li {font-size:10px;}
.empw {max-width:600px; text-align:justify; font-size:11px; padding:0px 10px 0px 15px;}
.jnus {font-size:10px; margin-bottom:0px; padding:2px 10px 0px 0px;}
.swiper-slide {flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform; display:inline-table;}
.icon-box {display:flex; justify-content:center; font-size:0px; font-weight:600; align-items:center; text-align:center; aspect-ratio:1 / 1; transition:all 0.5s; border-radius:50%; background-color:var(--primary); color:var(--accent-color); padding:10px; width:max-content; height:max-content;}
.mr {text-align:justify !important; padding:15px;}
.bnr {background-image:url('../image/bannerbg.webp'); height:470px;}
.bnrimg {color:transparent; height:326px; width:190px; position:relative;}
.courses img {height:200px; max-width:200px;}
.cimg {width:150px; height:100px; float:left;}
.grid.grid-cols-2.md\:grid-cols-4.justify-items-center.mt-5 img {height:150px;}
.celeb {width:100%; height:250px; margin-top:20px;}
.position-relative {padding-inline:0rem;}
.ft {padding-top:115px;}
.nxt {z-index:2; position:absolute; top:5400px; right:27px;}
.lft {z-index:2; position:absolute; top:5400px; left:27px;}
.pright {z-index:2; position:absolute; top:5400px; right:27px;}
.plft {z-index:2; position:absolute; top:5400px; right:27px;}
.placements {border:2px solid #3f00ff1c; border-radius:15px; margin:0px 0px 0px 0px;}
.swiper-button-next.accent2, .swiper-button-prev.accent2 {top:30px; width:30px; height:30px; border:1px solid var(--accent-color); background-color:var(--background-color); color:var(--accent-color); border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.endorsment {padding:0px 0px 0px 0px;}
.ourpresence {width:100%;}
.heros {background-color:#704fe6;}
.position-relative {position:relative !important;}
.awrd {border:2px solid #3f00ff1c; border-radius:15px; margin:0px 0px 0px 0px;}
.ah {padding-left:0px;}
.ban {max-width:100%; margin-right:auto !important; margin-top:-300px !important;}
.bg-attach-cover {background-size:cover; background-position:center; width:auto;}
.cntry {flex-direction:;}
.w-max-content {line-height:30px; width:100%;}
.director {height:500px;}
.r-container {max-width:100%; margin-right:auto; margin-left:auto;}
.padding-swiper {position:relative; padding-inline:0rem;}
.centers {width:100%; height:auto;}
.swiper-button-next.accent, .swiper-button-prev.accent {top:12rem; height:40px; width:80px; border:5px solid var(--primary);}
.swiper-button-next.accent, .swiper-button-prev.accent {top:12rem; height:40px; width:40px; border:5px solid var(--primary);}
.img-fluid {width:auto; height:auto;}
}

@media (max-width: 768px){
    .img-fluid{
        margin: auto !important;
   }
}

@media (max-width: 500px){
    .img-fluid{
        max-width: 50% !important;
        margin: auto !important;
    }
    .accent-color-2{
        text-align: center;
        width: 100% !important;
    }
}

.w-max-content {line-height:30px;}
.fralist2 {list-style-type:square; list-style-position:inside;}
.partnerauthorize img {height:220px; max-width:280px;}
.sylb input {border:1px solid #ccc;}