:root {
    --theme-color: #4FA7B5; /*0A96B8 ed2224*/
    --alt-color: #26505E;
    --dark-color: #222831;
    --black-color: #101010;
    --heading-color: #1f1e1c;
    --beauty-theme-color: #965593; /*983e7a*/
    --beauty-light-color: #a96ea7; /*c76aa7*/
    --white-color: #fff;
    --light-blue-color: #EFF6F4;
    --paragraph-color: #575757/*535353*/;
    --theme-transition: .2s cubic-bezier(.4,0,.2,1);
    --theme-long-transition: .35s cubic-bezier(.4,0,.2,1);
    --theme-radius: 6px;
    --theme-radius-box: 12px;
    --theme-radius-section: 36px;
    --body-font: "Manrope", sans-serif;
    --heading-font: "Marcellus", serif;
}

/*
#00aeef plava
#00a651 zelena
#f5821f narandžasta
#a64686 ljubičasta
*/

html, body, p, li, a {font-size: 17px; font-family: var(--body-font);}
body {font-family: var(--body-font); position: relative; color: var(--paragraph-color); line-height: 1.2; background: #FDFEFE;}
body:has(.navigation-fixed-wrapper.fixed):before {opacity: 0;}

h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font); color:var(--heading-color); line-height: 1.3;}
h1 {font-size:44px; margin-top: 0; margin-bottom: .5em;}
h2 {font-size:40px;}
h3 {font-size:32px;}
h4 {font-size:24px;}
h5 {font-size:22px;}
h6 {font-size:18px;}
p {margin:0 0 15px; color:var(--paragraph-color);}
main p {line-height: 1.6;} 
a, svg {color: var(--paragraph-color); -webkit-transition: var(--theme-transition); -moz-transition: var(--theme-transition); -ms-transition: var(--theme-transition); -o-transition: var(--theme-transition); transition: var(--theme-transition);}
a:focus, a:hover {color: inherit; text-decoration: none;}
a:hover {color: var(--theme-color);}
strong {color: var(--heading-color)}
.overlay:before, .overlay-after:after {content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.bottom-1 {bottom: -1px;}
.body-font {font-family: var(--body-font)}


.reveal {opacity: 0; transition: opacity .6s ease, transform .7s cubic-bezier(.16,1,.3,1), clip-path .7s cubic-bezier(.16,1,.3,1);}
.reveal.visible {opacity: 1;}
.reveal.fade-in {opacity: 0; transition: opacity .6s ease;}
.reveal.fade-in.visible {opacity: 1;}
.reveal.fade-up {transform: translateY( 20px ); clip-path: inset( 0 0 20% 0);}
.reveal.fade-up.visible {transform: translateY( 0 ); clip-path: inset( 0 0 0 0 );}
.reveal.fade-down {transform: translateY( -20px ); clip-path: inset( 0 0 20% 0);}
.reveal.fade-down.visible {transform: translateY( 0 ); clip-path: inset( 0 0 0 0 );}
.reveal.fade-left {transform: translateX( -20px ); clip-path: inset( 0 20% 0 0);}
.reveal.fade-left.visible {transform: translateX( 0 ); clip-path: inset( 0 0 0 0 );}
.reveal.fade-right {transform: translateX( 20px ); clip-path: inset( 0 0 0 20%);}
.reveal.fade-right.visible {transform: translateX( 0 ); clip-path: inset( 0 0 0 0 );}
.reveal.scale {transform: translateY( 18px ) scale( .97 ); clip-path: inset( 0 0 20% 0);}
.reveal.scale.visible {transform: translateY( 0 ) scale( 1 ); clip-path: inset( 0 0 0 0 );}
.reveal-stagger .item {opacity: 0; transform: translateY( 20px ); clip-path: inset( 0 0 20% 0); transition: opacity .45s ease, transform .55s cubic-bezier(.16,1,.3,1), clip-path .55s cubic-bezier(.16,1,.3,1);}
.reveal-stagger .item.visible {opacity: 1; transform: translateY( 0 ); clip-path: inset( 0 0 0 0 );}

@media ( prefers-reduced-motion: reduce ) {
    html {scroll-behavior: auto !important;}
    .reveal, .reveal-stagger .item {transition: none !important; transform: none !important; clip-path: none !important; opacity: 1 !important;}
}

html.lenis {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [ data-lenis-prevent ] {overscroll-behavior: contain;}

body {overflow-x: hidden; font-size: 16px;}
body:not(.homepage) {position: relative;}
header {top: 0; z-index: 999; transition: var(--theme-long-transition); width: 100%;}
header .navigation {background-color: rgba(184, 184, 184, 0.4); border: 1px solid rgba(254, 251, 246, 0.2); padding: clamp(10px, 1.11vw, 16px) clamp(20px, 2.22vw, 32px); 
    box-shadow: 0 0 #0000, 0 0 #0000, 0 8px 32px rgba(0, 0, 0, .15); border-radius: 999px; margin-top: 20px; transition: all .1s ease-in;}
header .navigation .nav-brand img {width: 140px; transition: var(--theme-long-transition); filter: brightness(0) invert(1); transform-origin: left;}
header .navbar-expand-lg .navbar-nav .nav-link {font-size: 20px;}
header .header-icons svg {width: 20px; height: 20px; fill: var(--theme-color); margin-left: 8px;}
header .header-icons a:hover svg {fill: var(--theme-color);}

header .nav-menus-wrapper-header {}
header .nav-menus-wrapper-header img {height: 50px; width: auto;}
header .nav-menus-wrapper-header .nav-menus-wrapper-close-button {float: none; width: auto; display: flex; align-items: center; justify-content: center; padding-right: 0; margin-right: 0; color: var(--alt-color);}

/*header .dropdown-panel {width: 100%; top: 100%; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; overflow: hidden; background-color: var(--light-blue-color); border: none;}
header .dropdown-panel:before {}
header .dropdown-panel .megamenu-tabs-nav li {}
header .megamenu-tabs-nav > li > a {font-size: 14px; letter-spacing: .2px;}
header .megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a {background: var(--light-blue-color); color: var(--heading-color);}
header .dropdown-panel .megamenu-tabs-nav li > a > svg {width: 30px; height: 30px; fill: var(--theme-color);}
header .megamenu-tabs-pane {border: 0;}
*/
header .dropdown-panel {position: absolute; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--theme-transition);}

header li.is-open .dropdown-panel { opacity: 1; visibility: visible; pointer-events: auto;}

header .navigation .nav-beauty, header .navigation.navigation-portrait .nav-beauty {background: var(--beauty-theme-color); color: var(--white-color); height: auto; padding: 14px 20px; border-color: var(--beauty-theme-color);}

header .header-nav {position:relative; z-index:100; transition:var(--theme-long-transition);}
header .header-nav.is-sticky {position:fixed; top:0; left:0; width:100%; box-shadow:0 6px 20px rgba(0,0,0,.08); background: #fffffff2; background: #ffffffbd;}


/*.hamburger {background: none; border: none; cursor: pointer; padding: 0;}
.hamburger svg rect {fill: var(--white-color); transition: all 0.4s ease;}
.hamburger:hover svg rect:nth-child(1) {transform: translateY(30px) rotate(45deg);}
.hamburger:hover svg rect:nth-child(2) {opacity: 0;}
.hamburger:hover svg rect:nth-child(3) {transform: translateY(-30px) rotate(-45deg);}
.hamburger svg rect {transform-origin: center;}

.offcanvas .offcanvas-header img {max-width: 60%;}
.offcanvas .offcanvas-header .text-reset svg {fill: #f3b0b0;}*/

header .header-top {background-color: var(--dark-color);}
header .header-top span, header .header-top a {font-size: 14px; color: #b9b9b9; padding: 5px;}
header .header-top .social-top a {padding: 5px;}
header .header-top .social-top a svg {fill: #b9b9b9; width: 20px; height: 20px;}
header .header-top a:hover {color: var(--theme-color);}
header .header-top .social-top a:hover svg {fill: var(--theme-color);}

@media screen and (min-width : 768px) {
    h1 {font-size: 48px;}
}

@media screen and (min-width : 992px) {
    h1 {font-size: 60px;}
    header .navigation {backdrop-filter: blur(30px);}
    body.menu-active header .navigation {background-color: var(--alt-color);}
    header .nav-menus-wrapper {overflow-x: unset;}
    header .navigation .nav-link {display: inline-flex; align-items: center; color: var(--white-color); transition: var(--theme-transition); font-size: 17px; font-weight: 400;}
    header .navigation .nav-link > svg {transform: rotate(90deg); fill: #fff; width: 10px; height: 10px; margin-left: 5px;}
    header .navigation .nav-beauty {border-radius: 6px 30px 30px;}
    header .navigation .nav-link.active, header .navigation .nav-link.focus, header .navigation .nav-item:hover .nav-link, header .navigation .nav-item .nav-link:hover {color: var(--heading-color);}
    header .navigation .nav-item:hover .nav-link > svg, header .navigation .nav-item .nav-link:hover > svg {color: var(--theme-color); transform: rotate(-90deg);}
    header .has-dropdown:before {top: 100%;}
    
    header .dropdown-panel {position: fixed; width: calc(100% - 90px); left: 45px; top: 100%; background-color: var(--alt-color); padding: 16px 32px 32px; border-radius: 0 0 32px 32px;}
    header .dropdown-panel li > a .nav-icon svg {width: 38px; height: 38px; fill: var(--theme-color)}
    header .dropdown-menu-services {grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, auto); gap: 30px;}
    header .dropdown-menu-services li.has-submenu {grid-column: 1; grid-row: 1 / span 4;}
    header .submenu-panel ul.submenu-list li > a {color: var(--theme-color); font-size: 16px; line-height: 1.9;}
    header .navigation .dropdown-panel a {position: relative; color: var(--white-color);}
    header .navigation .dropdown-panel a:after {content: ''; background: var(--white-color); position: absolute; top: 100%; left: 0; width: 100%; height: 50px; opacity: 0; transition: var(--theme-transition);}

    header .submenu-panel ul.submenu-list li > a:hover {color: var(--white-color);}
    header .dropdown-panel li:hover > a .nav-icon svg {fill: var(--white-color)}

    header .header-nav.is-sticky {backdrop-filter: blur(30px);}
    header .header-nav.is-sticky .navigation .nav-link > svg {fill: var(--heading-color);}
    header .header-nav.is-sticky .navigation .nav-item:hover .nav-link > svg {fill: var(--theme-color);}
}



/*header.sticky-header {-webkit-box-shadow: 0px 0px 6px -1px rgba(77,75,77,1); -moz-box-shadow: 0px 0px 6px -1px rgba(77,75,77,1); box-shadow: 0px 0px 6px -1px rgba(77,75,77,1);}
header.sticky-header .navigation {background-color: #000000cf; padding: 5px 0;}
header.sticky-header .navigation .nav-brand img {width: 120px;}*/
header .header-nav.is-sticky .navigation {margin-top: 0; background: transparent; box-shadow: none; border-radius: 0; border: 0; backdrop-filter: none;}
header .header-nav.is-sticky .navigation .nav-beauty {border-radius: var(--theme-radius);}
header .header-nav.is-sticky .nav-brand img {filter: none; transform: scale(.8);}
header .header-nav.is-sticky .navigation .nav-link {color: var(--heading-color);}
header .header-nav.is-sticky .navigation .nav-beauty {color: var(--white-color);}
header .header-nav.is-sticky .navigation .nav-beauty:hover {color: var(--heading-color);}
header .header-nav.is-sticky .navigation {padding: 8px 0;}
header .header-nav.is-sticky .navigation .nav-link.active, header .header-nav.is-sticky .navigation .nav-link.focus, header .header-nav.is-sticky .navigation .nav-item:hover .nav-link, header .header-nav.is-sticky .navigation .nav-item .nav-link:hover {color: var(--theme-color);}

.navigation-portrait .nav-menu > li > a {border-radius: 0; color: var(--heading-color); font-size: 18px;}


.home-intro {height: 100vh; padding-top: 100px; background: #D9EBEB; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.home-intro:before {background: linear-gradient(0deg, rgba(38, 80, 94, 0.35) 87.87%, #26505E 102.84%), linear-gradient(270deg, rgba(38, 80, 94, 0.00) 15.73%, rgba(38, 80, 94, 0.83) 66.76%, #26505E 101.51%);}
.home-intro h1 {color: var(--white-color); text-transform: capitalize; line-height: 1.3;}
.home-intro .section-subtitle {color: var(--white-color);}
.home-intro p {border-top: 1px solid #FFFFFF1A; padding-top: 30px;}
.home-intro .theme-shape {width: 100%;}
.home-intro .scroll-down {bottom: 80px; right: 0; z-index: 2;}
.home-intro .scroll-down .rotating-svg {animation: infiniterotate 20s infinite linear;}
.home-intro .scroll-down .rotating-svg {width: 100px; height: 100px;}
.home-intro .scroll-down .rotating-svg path {fill: transparent; vector-effect: non-scaling-stroke;}
.home-intro .scroll-down .rotating-svg text {fill: var(--white-color);}
.home-intro .scroll-down .rotating-svg text tspan {font-size: 33px;}
.home-intro .scroll-down svg:not(.rotating-svg) {position: absolute; fill: var(--white-color); width: 30px; height: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg);}
.home-intro .scroll-down:hover svg {fill: var(--theme-color);}
@media screen and (min-width: 768px){
    .home-intro {background-position: left center;}
}

.about-section:before {background: #4fa7b505 url(/img/bg/overlay-bg.webp) no-repeat left top / cover; transform: scaleX(-1);}
.about-counter {left: calc(50% - 17px); top: 50%; transform: translate(-50%, -50%);}
.about-counter-content {/*background-image: url(https://physeo.wpengine.com/wp-content/uploads/2025/06/Home-1-exray-bg.png);*/ text-align: center; background-repeat: no-repeat;/* background-size: 300% auto;*/ 
    font-family: var(--heading-font); padding: 12px; aspect-ratio: 1 / 1; border-radius: 50%; 
    background-color: #26505e; color: #fff; outline: 13px solid #f0f3f5;}
.about-counter-content span {font-size: 30px; z-index: 2;}
.about-counter-content p {font-size: 14px; font-weight: 300; font-family: var(--heading-font); z-index: 2;}
.about-counter-content svg {position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%) scale(1.2); border-radius: 50%; opacity: .18; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center;}
            
            
            
.theme-underline {text-decoration: underline;}
.theme-underline:hover {text-decoration: none;}

.static-page main {padding-top: 600px;}

.page-intro {min-height: 600px; top: 0; left: 0; right: 0; z-index: 1; padding-top: 100px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-intro:before {background: linear-gradient(0deg, rgba(38, 80, 94, 0.00) 87.87%, #26505E 102.84%), linear-gradient(270deg, rgba(38, 80, 94, 0.00) 15.73%, rgba(38, 80, 94, 0.83) 66.76%, #26505E 101.51%);
                    background: linear-gradient(321deg, #26505e75, #26505edb);
}
.page-intro-separator {display: block; position: relative; background-color: #FFFFFF1A; height: 1px; width: 30%;}
.page-intro-separator:before {position: absolute; margin-right: 0; top: -5px;}
.page-intro::after {content:""; position:absolute; inset:0; background: url(/img/bg/home-intro.webp) center/cover no-repeat; z-index:0; transition:filter .15s linear, opacity .15s linear; will-change:filter, opacity, transform; filter: blur(var(--blur,0px)); opacity: var(--op,1); z-index: -1; transform: scale(var(--scale,1));}
.page-intro h1 {color: var(--white-color); margin-bottom: 16px;}
.page-intro .page-intro-subtitle {color: var(--white-color); letter-spacing: .4px; font-size: 20px; font-weight: 300; width: fit-content;}

.page-content {background: var(--white-color); z-index: 2;}

.theme-button {position: relative; display: inline-flex; gap: 10px; align-items: center;background-color: var(--theme-color); color: var(--white-color); border-radius: var(--theme-radius); 
    padding: 16px 34px 16px 34px; overflow: hidden; border: 1px solid var(--theme-color); outline: 0; z-index: 0; transition: var(--theme-long-transition);}
.theme-button svg {width: 12px; height: 12px; fill: var(--white-color);}
.theme-button:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -15%; right: 0; width: 0; height: 106%; background: var(--white-color); transform: skew(45deg); transition: var(--theme-long-transition); z-index: -1;}
.theme-button-alt {background-color: var(--black-color);}
.theme-button-alt:before {background-color: var(--theme-color);}
.theme-button:hover {}
.theme-button:hover svg {fill: var(--heading-color);}
.theme-button:hover:after {width: 100%; left: 0; transform: skew(0);}
.beauty-theme-button {background-color: var(--beauty-light-color); border-color: var(--beauty-light-color);}
.beauty-theme-button:hover {color: var(--beauty-theme-color);}
.beauty-theme-button:hover svg {fill: var(--beauty-theme-color);}

.theme-radius {border-radius: var(--theme-radius);}
.theme-radius-box {border-radius: var(--theme-radius-box);}
.theme-radius-section {border-radius: var(--theme-radius-section);}
.theme-radius-section-top {border-radius: 50px 50px 0 0;}
.theme-section-margin-top {margin-top: -50px;}

.theme-list li {position: relative; display: flex; align-items: center; line-height: 1.7; white-space: pre-wrap;}
.theme-list li:before {content: ''; position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 583.3 583.3' fill='%234FA7B5' style='enable-background:new 0 0 583.3 583.3' xml:space='preserve'%3E%3Cpath d='M195.7 497.8c-3.4-.1-6.7-.9-9.7-2.3-3-1.4-5.8-3.5-8-6L11.4 322.8c-3.2-2.1-5.8-4.8-7.8-8.1-2-3.2-3.2-6.9-3.5-10.7-.3-3.8.2-7.6 1.5-11.1s3.5-6.7 6.2-9.3c2.8-2.6 6.1-4.5 9.7-5.7 3.6-1.1 7.4-1.4 11.2-.9 3.7.6 7.3 2 10.4 4.1 3.1 2.1 5.7 5 7.6 8.3l149 148 349-348c4.7-3 10.3-4.4 15.9-3.9 5.6.5 10.8 2.9 14.9 6.7 4.1 3.8 6.7 8.9 7.6 14.5.8 5.5-.2 11.2-3 16.1L213.4 489.5c-2.2 2.5-4.9 4.6-8 6-3 1.4-6.3 2.2-9.7 2.3z'/%3E%3C/svg%3E");
    display: inline-flex; width: 20px; height: 20px; margin-right: 12px;}
    
.container-fluid {margin: 0 5vw 20px; width: calc(100% - 10vw);}


.section-title {font-size: 36px; font-family: var(--heading-font); color:var(--heading-color); line-height: 1.2;}
.section-subtitle {display: block; font-family: var(--heading-font); font-size: 14px;  letter-spacing: 0.175em; text-transform: uppercase; margin-bottom: 10px;}
.section-subtitle:before, .page-intro-separator:before {content: ''; display: inline-block; width: 10px; height: 10px; background: var(--theme-color); margin-right: 10px; border-radius: 3px;}
.section-padding {padding: 48px 0;}

.light-blue-bg {background-color: var(--light-blue-color);}
.theme-bg {background-color: var(--theme-color);}
.alt-bg {background-color: var(--alt-color);}

@keyframes infiniterotate {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}



.service-list {margin-top: -50px; background-image: linear-gradient(0deg, #ffffff, 11%, var(--light-blue-color)), url(/img/bg/overlay-bg.webp);}
.service-list .service-item-content {border-radius: var(--theme-radius-box); box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.09); aspect-ratio: 1 / 1.5; background: linear-gradient(45deg, var(--alt-color), var(--alt-color));}
.service-list .service-item-content:before {background: var(--alt-color); pointer-events: none; background: linear-gradient(180deg, rgba(38, 80, 94, 0.00) 57.38%, rgba(38, 80, 94, 0.80) 83.52%); 
    transition: var(--theme-transition); z-index: 1;}
.service-list .service-item-content .img-wrap {left: 0; top: 0; opacity: .45; transition: var(--theme-long-transition); display: flex; height: 100%;}
.service-list .service-item-content .img-wrap img {object-fit: cover;}
.service-list .service-item h3 {font-size: 30px; color: var(--heading-color); transition: var(--theme-transition);}
.service-list .service-item .service-icon {top: 18px; left: 18px; width: 120px; height: 120px; display: grid; place-items: center; border-radius: 14px; background: #ffffff21; backdrop-filter: blur(6px); 
    border: 1px solid rgba(255,255,255,.18); transition: var(--theme-transition);}
.service-list .service-item .service-icon svg {width: 70px; height: 70px; fill: #fff; transition: var(--theme-transition);}
.service-list .service-item span > svg {width: 16px; height: 16px; fill: inherit;}
.service-list .service-item .service-title {color: #fff; transition: transform .45s cubic-bezier(.4,0,.2,1); transform: translateY(-300px);}
.service-list .service-item .moving-content {transition: transform .45s cubic-bezier(.4,0,.2,1), opacity .45s cubic-bezier(.4,0,.2,1); position: absolute;}
.service-list .service-item .moving-content p {color: #e1e1e1; font-weight: 300;}
.service-list .service-item .moving-content span {transition: all .25s cubic-bezier(.4,0,.2,1);  transform: translateY(0); font-size: 20px; color: #fff;}

a.service-item-content:after {background: linear-gradient(143deg, #4fa7b5, 41%, #15272d9c); opacity: .8;}


@media screen and (min-width: 992px){
    .service-list .service-item-content {aspect-ratio: 1 / 1;}
    .service-list .service-item-content:before {opacity: 0;}
    .service-list .service-item .service-title {transform: translateY(0);}
    .service-list .service-item .moving-content {opacity: 0; transform: translateY(50px);}
    .service-list .service-item .moving-content span {transform: translateY(50px);}
    .service-list .service-item-content:hover:before {opacity: 1; height: 115%; bottom: 0; top: auto;}  
    .service-list .service-item-content:hover .img-wrap {opacity: .2;}
    .service-list .service-item-content:hover .img-wrap img {}
    .service-list .service-item-content:hover .service-icon {background: #ffffffbd;}
    .service-list .service-item-content:hover .service-icon svg {fill: var(--theme-color);}
    .service-list .service-item-content:hover .service-title {transform: translateY(-120px);}
    .service-list .service-item-content:hover .moving-content {opacity: 1; transform: translateY(0);}
    .service-list .service-item-content:hover .moving-content p {}
    .service-list .service-item-content:hover .moving-content span {transform: translateY(0);}
    .service-list .service-item-content:hover .moving-content span svg {fill: #fff;}
    .service-list .service-item-content:hover .moving-content span:hover {color: var(--theme-color);}
    .service-list .service-item-content:hover .moving-content span:hover svg {fill: var(--theme-color);}

}


.fizio-faq {background-image: linear-gradient(0deg, #ffffff, 11%, var(--light-blue-color)), url(/img/bg/overlay-bg.webp); background-repeat: no-repeat;}
.fizio-faq .faq-title {font-size: 34px; line-height: 1.15; margin: 0 0 8px;}
.fizio-faq .faq-subtitle {opacity: .85; margin: 0;}
.fizio-accordion .accordion-item {border: 0; background: transparent; margin-bottom: 14px; border-bottom: 1px solid #DAD8D7; border-radius: 0;}
.fizio-accordion .accordion-item:last-child {margin-bottom: 0; border-bottom: 0;}
.fizio-accordion .accordion-header {margin: 0;}
.fizio-accordion .accordion-button {position: relative; background: transparent; padding: 22px 64px 22px 0; font-size: 22px; line-height: 1.35; box-shadow: none; transition: var(--theme-transition);}
.fizio-accordion .accordion-button::after {display: none;}
.fizio-accordion .accordion-button:focus {box-shadow: 0 0 0 3px rgba(0,0,0,0);}
.fizio-accordion .accordion-button:not(.collapsed) {background: rgba(255,255,255,.06); border-color: rgba(0,0,0,0); box-shadow: inset 0 0 0 1px rgba(0,0,0,0);}
.fizio-accordion .accordion-collapse {border: 0;}
.fizio-accordion .accordion-body {border: 1px solid rgba(255,255,255,.08); border-top: 0; background: rgba(255,255,255,.02); padding: 16px 18px 18px 0; color: var(--heading-color);}
.fizio-accordion .accordion-button .faq-icon {position: absolute; right: 16px; top: 50%; width: 34px; height: 34px; transform: translateY(-50%); border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);}
.fizio-accordion .accordion-button .faq-icon::before, .fizio-accordion .accordion-button .faq-icon::after {content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 2px; background: var(--theme-color); transform: translate(-50%, -50%); transition: transform .25s ease, opacity .2s ease;}
.fizio-accordion .accordion-button .faq-icon::after {transform: translate(-50%, -50%) rotate(90deg);}
.fizio-accordion .accordion-button:not(.collapsed) {color: var(--theme-color);}
.fizio-accordion .accordion-button:not(.collapsed) .faq-icon::after {transform: translate(-50%, -50%) rotate(180deg);}
.fizio-faq, .fizio-accordion .accordion-button {var(--heading-color);}

.gallerySwiper {padding: 40px 0;}
.gallerySwiper .swiper-slide {transition: transform .6s cubic-bezier(.22,.61,.36,1), opacity .6s ease;}
.gallerySwiper .swiper-slide {opacity: .3; transform: scale(.92);}
.gallerySwiper .swiper-slide-active {opacity: 1; transform: scale(1);}
.gallerySwiper .img-wrap {position:relative; overflow: hidden;  height: 460px;}
.gallerySwiper .img-wrap img {width: 100%; min-height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.22,.61,.36,1);}
.gallerySwiper .swiper-slide-active .img-wrap img{transform:scale(1.06);}
.gallerySwiper .slide-caption {position:absolute; left:0; bottom:0; width:100%; padding:18px; background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0)); color:#fff; display:flex; justify-content:space-between;align-items:center;font-size:14px;letter-spacing:.5px;}
.gallerySwiper .slide-caption small {opacity:.8; font-size:12px;} 
.gallery-scrollbar {margin-top: 22px; height: 3px!important; background: rgba(0,0,0,.08); border-radius: 999px;}
.gallery-scrollbar .swiper-scrollbar-drag {background: var(--theme-color); border-radius: 999px;}


.breadcrumb li, .breadcrumb li > a {font-size: 13px; text-transform: uppercase; color: var(--bs-gray-500); position: relative; line-height: 1; white-space: nowrap;}
.breadcrumb li > a:hover {color: var(--theme-color);}
.breadcrumb li:after {content: ''; position: absolute; right: -14px; top: calc(50% - 4px); width: 4px; height: 4px; background: var(--theme-color); display: inline-block;}
.breadcrumb li:last-child:after {display: none;}


.beauty-banner .beauty-box {min-height: 500px; border-radius: var(--theme-radius-box); background-color: #f0eeed; cursor: pointer;}
.beauty-banner .beauty-bg {object-position: 41% 8%; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;}
.beauty-banner .beauty-logo {height: 160px; width: auto;}
.beauty-banner .theme-button {background: var(--beauty-theme-color); border-color: var(--beauty-theme-color);}
.beauty-banner .beauty-button {left: 100%;}
.beauty-banner .beauty-button .theme-button:hover {color: var(--beauty-theme-color);}
.beauty-banner .beauty-button .theme-button:hover svg {fill: var(--beauty-theme-color);}


@media screen and (min-width: 992px){
    .fizio-accordion .accordion-button {font-size: 24px;}
    .fizio-accordion .accordion-button:hover {color: var(--theme-color);}
    .fizio-accordion .accordion-button:hover .faq-icon::after {transform: translate(-50%, -50%) rotate(180deg);}
    .fizio-accordion .accordion-button .faq-icon::before, .fizio-accordion .accordion-button .faq-icon::after {width: 24px;}

}

.form-control {border-radius: var(--theme-radius-box); padding: 12px 15px; color: var(--heading-color);}



.footer-container {height:100%; clear:both; z-index: 2; background: var(--alt-color);}
footer.overlay:before {/*background: #FDFEFE;*/ background: var(--light-blue-color); height: 110%; z-index: 1; left: -100vw; width: 300vw; pointer-events: none;}
footer a, footer p, footer li, footer h5 {color: var(--white-color);}
footer svg {fill: var(--white-color);}
footer li, footer li a {font-size: 16px;}
footer li {line-height: 1.8em;}
footer li a {padding: 3px 0; display: inline-flex;}

footer .footer-logo {width: 120px;}

footer .footer-middle {color: #414141; font-size: 14px; text-transform: uppercase;}
footer .footer-middle .footer-copy, footer .footer-middle .footer-copy a {color: #414141; font-size: 14px;}
footer .footer-middle svg {fill: #414141; width: 30px; height: 30px;}

footer a:hover {color: var(--theme-color)!important;}
footer a:hover svg {fill: var(--alt-color);}

footer hr {color: #ffffffa1;}
footer .footer-social a {background: var(--theme-color); padding: 10px; border-radius: var(--theme-radius); width: 43px; height: 43px; display: flex; justify-content: center; align-items: center;}
footer .footer-social a svg {width: 18px; height: 18px;}
footer .footer-social .beauty-links a {background: var(--beauty-theme-color); border-color: var(--beauty-light-color);}
footer .footer-social .fizio-links a {background: var(--theme-color); border-color: var(--theme-color);}

footer .footer-bottom .createdby a:hover {color: #08b1c4!important;}
footer .footer-bottom p, footer .footer-bottom a {font-size: 14px;}


.sticky-content {position: sticky; top: 170px;}

.sidebar-toggle-btn {position: fixed; right: 1%; top: calc(50% - 25px); width: 64px; height: 64px; background: var(--theme-color); border-radius: 50%; padding: 12px; cursor: pointer; z-index: 98; opacity:0;
    transform: translateY(20px); transition: var(--theme-transition); box-shadow: 0px 3px 19px 0px rgba(39, 71, 96, 0.17); border: 1px solid var(--theme-color); pointer-events:none;}
.sidebar-toggle-btn.visible {opacity:1; transform:translateY(0); pointer-events:auto;}
.sidebar-toggle-btn svg {fill: #fff;}
.sidenav {position: fixed; z-index: 1111; width: 100%; height: 100vh; top: 0; left: 0; right: 0; display: flex; -webkit-box-pack: end; justify-content: flex-end; opacity: 0; visibility: hidden; 
    transition: 0.4s; min-height: 100vh;}
.sidenav.active {opacity: 1; visibility: visible;}
.sidenav-overlay {position: fixed; top: 0px; left: 0px; background-color: #26505ebf; height: 100%; width: 100%; cursor: zoom-out;}
.sidenav-content {position: relative; z-index: 2; background-color: var(--theme-color); width: 100%; max-width: 500px; overflow-y: auto; overflow-x: hidden; padding: 40px 35px; transform: translateX(500px); 
    transition: var(--theme-transition);}
.sidenav-content a {color: #fff;}
.sidenav-content a:hover {color: var(--heading-color);}
.sidenav.active .sidenav-content {transform: translateX(0);}
.sidebar-toggle-btn::before, .sidebar-toggle-btn::after{content:""; position:absolute; inset:0; border-radius:50%; border: 2px solid #4fa7b53d; animation: radarPulse 2.4s linear infinite; pointer-events:none;}
.sidebar-toggle-btn::after{animation-delay:1.2s;}
.sidenav-close {background: none; border: none;}
.sidenav-close svg {width: 28px; height: 28px; fill: var(--heading-color); transition: var(--theme-transition);}
.sidenav-close svg:hover {fill: var(--white-color);}
.sidebar-toggle-btn:hover {background: transparent;}
.sidebar-toggle-btn:hover svg {fill: var(--theme-color);}
.sidenav .map-wrap {max-height: 50%;}
@keyframes radarPulse{0%{transform:scale(1); opacity:.6;} 70%{transform:scale(1.9); opacity:0;} 100%{transform:scale(1.9); opacity:0;}}



.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
::-moz-selection {color: #fff; background-color: var(--theme-color); text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
.theme-color {color: var(--theme-color)}
.alt-color {color: var(--alt-color)}
.heading-color {color: var(--heading-color)}
.paragraph-light-color {color: var(--paragraph-light-color)}


@media screen and (min-width: 768px){

    body:before {content: ''; background: linear-gradient(136deg, #000000c9, #222831d7); position: absolute; z-index: 99; pointer-events: none; width: 100%; height: 100%; left: 0; top: 0; display: block; opacity: 0; transition: var(--theme-transition);}
    body.menu-active:before {opacity: 1;}

    .section-padding {padding: 96px 0;}
    .section-title {font-size: 44px;}
    .section-subtitle, .section-subtitle a {font-size: 15px;}

    h1 {font-size:52px;}
    h2 {font-size:48px;}
    h3 {font-size:32px;}
    h4 {font-size:26px;}
    h5 {font-size:22px;}
    h6 {font-size:18px;}

    footer .footer-logo {width: 160px;}
}

@media screen and (min-width: 991px){
    .section-title {font-size: 48px;}
    h1 {font-size:60px;}
    h2 {font-size:56px;}
    h3 {font-size:32px;}
    h4 {font-size:26px;}
    h5 {font-size:22px;}
    h6 {font-size:18px;}

    .products .filter li > img {width: 140px; height: 140px;}

    footer .footer-logo {width: 200px;}
    footer h2 {font-size: 30px;}
}



@media only screen and (min-width: 1024px) {
    main p {font-size: 17px; line-height: 1.64;} 
}

.scroll-top {display: inline-block; width: 40px; height: 40px; position: fixed; bottom: 40px; right: -100px; overflow: hidden; white-space: nowrap; border-radius: 5px; z-index: 99; 
    transition: opacity .2s ease-in-out .1s, right .3s ease-in-out; opacity: 0; background-color: var(--theme-color); padding: 0;}
.scroll-top svg {width: 20px; height: 20px; fill: var(--white-color); filter: drop-shadow(0px 0px 1px #fff5); transform: rotate(-90deg);}
.scroll-top span {line-height: 1; color: #fff; bottom: 20px; font-size: 16px; transition: .15s ease-in-out;}
.scroll-top.is-visible {right: 30px; opacity: 1; transition: opacity .8s ease-in-out, right .3s ease-in-out;}
.scroll-top:hover span {bottom: 28px;}