@font-face{font-family:'Sora';src:url('../fonts/sora.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}/* Root Variables */:root{--vatan-blue:#080808;--vatan-blue-light:#21C655;--vatan-off-blue:#EEF2F8;--vatan-red:#F51730;--white-color:#fafafa;--black-color:#1a1a1a;--transition-base:all 0.3s ease;--transition-slow:all 0.4s ease;--shadow-base:0 5px 15px rgba(55, 194, 226, 0.4);--shadow-large:0 10px 40px rgba(0, 0, 0, 0.15)}/* Base & Typography */*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:'Sora',sans-serif;background-color:var(--vatan-off-blue)}section{overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin-bottom:0}img{max-width:100%}/* 2. UTILITY CLASSES
-------------------------------------------------------------------------------- *//* Buttons */.vatan-btn{display:inline-block;background:var(--vatan-blue-light);color:white;padding:12px 24px;border:none;border-radius:0.625em;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.5px;transition:var(--transition-base)}.vatan-btn:hover{background:var(--vatan-blue);transform:translateY(-2px);box-shadow:var(--shadow-base)}/* Page Header */.page-header{text-align:center;margin-bottom:60px}.page-header h2{color:var(--vatan-blue);font-size:48px;font-weight:600;margin-bottom:16px;line-height:1.2}.page-header p{color:var(--vatan-blue);font-size:18px;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width: 991px){.page-header{margin-bottom:40px}.page-header h2{font-size:36px}.page-header p{font-size:16px}}@media (max-width: 480px){.page-header h2{font-size:28px}}/* Animations & Effects */.scroll-animate{opacity:0;transform:translateY(50px);transition:all 0.8s ease-out}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.btn-shine{position:relative;overflow:hidden}.btn-shine::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(
90deg,
transparent,
var(--vatan-off-blue),
transparent
);animation:shine 3.5s ease-in-out infinite;z-index:1;pointer-events:none}.btn-shine > *{position:relative;z-index:2}/* 3. LAYOUT COMPONENTS
-------------------------------------------------------------------------------- *//* Navbar */.navbar{position:fixed;top:40px;left:0;right:0;background:transparent;z-index:1000;transition:var(--transition-slow);height:200px}.navbar.scrolled{height:80px;top:0;background:var(--vatan-off-blue);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0, 0, 0, 0.1)}.navbar .container{position:relative}.logo-section{position:absolute;bottom:-100px;transition:var(--transition-slow)}.navbar.scrolled .logo-section{bottom:50%;transform:translateY(50%)}.logo-wrapper,.navbar-logo{transition:var(--transition-slow)}.navbar-logo{height:150px;display:block}.navbar.scrolled .navbar-logo{height:32px}.nav-section{position:absolute;right:20px;top:170%;transform:translateY(-170%);display:flex;align-items:center;gap:40px;transition:var(--transition-slow)}.navbar.scrolled .nav-section{top:50%;transform:translateY(-50%)}.nav-menu{display:flex;list-style:none;align-items:center;gap:40px;margin:0;padding:0}.nav-item{margin:0}.nav-link{text-decoration:none;color:var(--vatan-blue);font-weight:650;font-size:14px;letter-spacing:0.5px;transition:color 0.3s ease;position:relative}.nav-link:hover{color:var(--vatan-blue-light)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--vatan-blue-light);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:white;border-radius:12px;box-shadow:var(--shadow-large);padding:30px;min-width:600px;opacity:0;visibility:hidden;transition:var(--transition-base);z-index:1001;margin-top:15px;display:flex;flex-direction:column;gap:30px}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(5px)}.dropdown-section h3{color:var(--vatan-red);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.dropdown-items{display:grid;grid-template-rows:repeat(6, 1fr);grid-auto-flow:column;gap:6px}.dropdown-section .dropdown-items:nth-child(2){grid-template-rows:unset;grid-template-columns:1fr 1fr;grid-auto-flow:row}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;text-decoration:none;color:var(--vatan-blue);font-size:14px;font-weight:500;transition:var(--transition-base);border:1px solid transparent}.dropdown-item:hover{background:transparent;border-color:var(--vatan-blue-light);transform:translateY(-2px);color:var(--vatan-blue)}.dropdown-item:hover img{filter:brightness(0) saturate(100%) invert(8%) sepia(96%) saturate(8512%) hue-rotate(352deg) brightness(91%) contrast(118%)}.dropdown-item img{width:32px;height:32px;flex-shrink:0;filter:brightness(0) saturate(100%) invert(19%) sepia(100%) saturate(2614%) hue-rotate(226deg) brightness(87%) contrast(93%)}.dropdown-item span{line-height:1.4;max-width:16ch;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}/* Dropdown Animation */.dropdown-item span{opacity:0;transform:translateX(30px);transition:all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}/* Navbar: Mobile Toggle & Menu */.mobile-menu-toggle{display:none;background:var(--vatan-blue);border:none;border-radius:8px;cursor:pointer;padding:16px 8px;z-index:1003;transition:var(--transition-base)}.mobile-menu-toggle:hover{background:var(--vatan-blue-light);transform:scale(1.05)}.hamburger-icon,.hamburger-icon::before,.hamburger-icon::after{display:block;width:24px;height:2px;background-color:white;transition:var(--transition-base)}.hamburger-icon{position:relative}.hamburger-icon::before,.hamburger-icon::after{content:'';position:absolute;left:0;width:100%}.hamburger-icon::before{top:-7px}.hamburger-icon::after{bottom:-7px}.mobile-menu-toggle.active .hamburger-icon{background-color:transparent}.mobile-menu-toggle.active .hamburger-icon::before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .hamburger-icon::after{bottom:0;transform:rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:80px;left:0;width:100%;height:100%;background-color:var(--vatan-blue);z-index:1002;transform:translateX(100%);transition:transform 0.4s ease-in-out;display:flex;flex-direction:column;overflow-y:auto;padding-block:20px}.mobile-menu-overlay.active{transform:translateX(0)}.mobile-menu-body{flex-grow:1;display:flex;flex-direction:column;padding-top:0}.mobile-nav-menu{list-style:none;padding-inline:16px;margin:0}.mobile-nav-item .mobile-nav-link{display:flex;align-items:center;gap:10px;padding:12px 0;color:white;text-decoration:none;font-size:20px;font-weight:200;border-bottom:1px solid rgba(255, 255, 255, 0.1);transition:var(--transition-base)}.mobile-nav-item .mobile-nav-link:hover{padding-left:10px;color:var(--vatan-blue-light)}.mobile-menu-footer{margin-top:auto;padding-top:30px;padding-inline:16px;background-color:var(--vatan-off-blue);color:var(--vatan-blue);font-size:12px;line-height:1.6}.mobile-menu-info p{color:var(--vatan-blue);margin-bottom:20px}.mobile-contact-info .contact-link{display:flex;align-items:center;gap:12px;color:var(--vatan-blue);text-decoration:none;margin-bottom:15px;font-size:14px}.mobile-contact-info .contact-link img{width:16px}.directions-btn-mobile{display:block;width:100%;text-align:center;margin:20px 0;padding:14px;font-size:14px;background-color:var(--vatan-blue-light);border-radius:8px;color:white;text-decoration:none}.directions-btn-mobile span{display:flex;align-items:center;justify-content:center;gap:8px}.mobile-footer-logos{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.mobile-social-links{display:flex;gap:15px}.corlu-logo-mobile{height:38px;opacity:0.8}.mobile-footer-bottom{border-top:1px solid rgba(255, 255, 255, 0.1);padding-top:8px;padding-bottom:80px;text-align:center;font-size:11px}.mobile-footer-bottom p{margin-bottom:5px}.mobile-footer-bottom a{color:var(--vatan-blue);text-decoration:underline;padding-inline:10px;padding-block:6px}/* Mobile Treatments collapsible submenu */.mobile-nav-item.has-submenu{border-bottom:1px solid rgba(255, 255, 255, 0.1)}.mobile-submenu-toggle{width:100%;background:transparent;border:none;color:white;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:20px;font-weight:200;cursor:pointer}.mobile-submenu-toggle .chevron{display:inline-block;width:10px;height:10px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);transition:transform 0.25s ease}.mobile-nav-item.has-submenu.open .mobile-submenu-toggle .chevron{transform:rotate(45deg)}.mobile-submenu{overflow:hidden;max-height:0;transition:max-height 0.35s ease}.mobile-nav-item.has-submenu.open .mobile-submenu{max-height:1200px}.mobile-submenu-section{padding:10px 0 14px 0}.mobile-submenu-section h4{color:rgba(255, 255, 255, 0.9);font-size:13px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;margin:6px 0 8px 0}.mobile-submenu-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.mobile-submenu-list a{display:flex;align-items:center;gap:8px;padding:6px 0;color:white;text-decoration:none;font-size:14px}.mobile-submenu-list a img{width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(100%)}/* Navbar: Inner Page Variant */.inner-page .navbar{top:0;height:80px;background:var(--vatan-off-blue);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0, 0, 0, 0.1)}.inner-page .logo-section{bottom:50%;transform:translateY(50%)}.inner-page .navbar-logo{height:32px}.inner-page .nav-section{top:50%;transform:translateY(-50%)}/* Navbar: Responsive */@media (max-width: 991px){.navbar{height:80px;top:0;background:var(--vatan-off-blue);box-shadow:0 2px 20px rgba(0, 0, 0, 0.1);transition:none;backdrop-filter:none}.navbar.scrolled{height:80px;background:var(--vatan-off-blue)}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 20px}.logo-section,.navbar.scrolled .logo-section{position:static;transform:none;bottom:auto;left:auto;transition:none}.navbar-logo,.navbar.scrolled .navbar-logo{height:32px;transition:none}.nav-section .vatan-btn{padding:10px 12px}.nav-section,.navbar.scrolled .nav-section{position:static;transform:none;height:100%;display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:0;right:0;top:0}.nav-menu{display:none}.mobile-menu-toggle{display:block}}@media (max-width: 480px){.navbar{height:80px}.navbar.scrolled{height:80px}.navbar .container{padding:0 15px}.navbar-logo,.navbar.scrolled .navbar-logo{height:28px;transition:none}.nav-section .vatan-btn{padding:8px 10px;font-size:0.75rem}.dropdown-menu{position:static;transform:none;min-width:auto;width:100%;margin-top:10px;padding:20px;gap:25px}.dropdown:hover .dropdown-menu{transform:none}.dropdown-items{grid-template-rows:repeat(6, 1fr);gap:10px}.dropdown-item{padding:10px;font-size:13px}.dropdown-item img{width:20px;height:20px}}/* Footer */.footer-section{background-color:var(--vatan-off-blue);padding:80px 0 40px;margin-top:100px}.footer-content{display:grid;grid-template-columns:200px 1fr;gap:80px;margin-bottom:60px}.footer-logo-section{display:flex;flex-direction:column}.footer-logo{height:104px;width:auto}.social-link{display:inline-block;transition:transform 0.3s ease}.social-link:hover{transform:translateY(-2px)}.social-link img{width:32px;height:32px}.footer-nav{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}.footer-column h3{color:var(--vatan-blue);font-size:16px;font-weight:600;margin-bottom:20px;letter-spacing:0.5px}.footer-column h3:not(:first-child){margin-top:30px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:12px}.footer-column a{color:var(--vatan-blue);text-decoration:none;font-size:16px;font-weight:400;transition:var(--transition-base);display:flex;align-items:center}.footer-column a::before{content:'»';color:var(--vatan-red);margin-right:8px;font-size:20px}.footer-column a:hover{color:var(--vatan-blue-light)}.footer-column .sub-item,.footer-column .contact-item{color:var(--vatan-blue);font-size:14px;font-weight:400}.footer-column .sub-item{padding-left:20px;position:relative}.footer-column .contact-item{display:flex;align-items:center}.footer-column .contact-item::before{content:'';width:16px;height:16px;background-image:url('data:image/svg+xml,');background-size:contain;background-repeat:no-repeat;margin-right:8px;flex-shrink:0}.no-arrow::before{content:none !important}.directions-btn{background:var(--vatan-blue-light);color:white !important;padding:8px 16px;border-radius:6px;font-weight:600;font-size:12px;letter-spacing:0.5px;margin-top:8px;display:inline-flex;align-items:center;gap:8px;transition:var(--transition-base)}.directions-btn::before{content:'' !important;width:16px;height:16px;background-image:url('data:image/svg+xml,');background-size:contain;background-repeat:no-repeat;margin:0}.directions-btn:hover{background:var(--vatan-blue);transform:translateY(-1px)}.footer-bottom{border-top:1px solid rgba(35, 55, 141, 0.1);padding-top:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.footer-years{display:flex;justify-content:flex-end}.footer-years-logo{height:36px;width:auto}.footer-social{display:flex;gap:12px}.footer-bottom p{color:var(--vatan-blue);font-size:13px;line-height:1.6;margin-bottom:8px}.footer-bottom a{color:var(--vatan-blue);text-decoration:underline;transition:color 0.3s ease}.footer-bottom a:hover{color:var(--vatan-blue-light)}/* Footer: Responsive */@media (max-width: 1200px){.footer-nav{grid-template-columns:repeat(3, 1fr);gap:30px}.footer-content{grid-template-columns:180px 1fr;gap:60px}}@media (max-width: 991px){.footer-section{padding:60px 0 30px;margin-top:80px}.footer-content{grid-template-columns:1fr;gap:50px;margin-bottom:40px}.footer-nav{grid-template-columns:repeat(2, 1fr);gap:40px 30px}.footer-column .sub-item{text-align:left}.footer-logo-section{display:none}.footer-column h3{text-align:left}.footer-bottom{flex-direction:column;gap:30px}.footer-bottom-right{align-items:flex-start}}@media (max-width: 768px){.footer-nav{grid-template-columns:1fr;gap:30px}.footer-column{text-align:center}.footer-bottom p{font-size:12px}}@media (max-width: 480px){.footer-section{padding:40px 0 20px;margin-top:60px}.footer-content{gap:40px;margin-bottom:30px}.footer-logo{height:60px}.footer-years-logo{height:28px}.social-link img{width:28px;height:28px}}/* Sidebar */.inner-sidebar{position:relative}.sidebar-sticky{position:sticky;top:100px;margin-bottom:48px;z-index:10}.sidebar-nav{margin-bottom:2rem}.sidebar-nav-item{display:flex;align-items:center;padding:20px 25px;margin-bottom:8px;border-radius:16px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.5px;line-height:1.2;transition:all 0.3s ease;color:var(--vatan-blue);background:#E8EDF4;border:2px solid transparent}.sidebar-nav-item.active{background:var(--vatan-blue-light);color:white}.sidebar-nav-item:hover{background:var(--vatan-blue);color:white;transform:translateX(5px)}.sidebar-nav-item.active:hover{background:var(--vatan-blue)}.sidebar-icon{margin-right:15px;font-size:18px;font-weight:bold}.sidebar-consultation{background:linear-gradient(135deg, #2D1B69 0%, #23378D 100%);border-radius:16px;padding:30px;text-align:center;color:white;position:relative;overflow:hidden}.sidebar-consultation::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(55, 194, 226, 0.1) 0%, transparent 70%);animation:pulse 4s ease-in-out infinite}.consultation-content{position:relative;z-index:2}.consultation-content h3{font-size:20px;font-weight:400;margin-bottom:20px;line-height:1.3}.consultation-btn{background:var(--vatan-blue-light);color:white;padding:12px 24px;border:none;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.5px;transition:all 0.3s ease;display:inline-block}.consultation-btn:hover{background:white;color:var(--vatan-blue);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.2)}/* Sidebar: Responsive */@media (max-width: 1199px){.sidebar-sticky{top:100px}.sidebar-nav-item{padding:16px 20px;font-size:13px}.sidebar-consultation{padding:25px}.consultation-content h3{font-size:18px}}/* 4. PAGE SECTIONS & COMPONENTS
-------------------------------------------------------------------------------- *//* Hero Section */.hero-section{height:45vw;min-height:800px;overflow:hidden;position:relative}.hero-swiper{height:100%;background-color:var(--vatan-off-blue)}.hero-swiper .swiper-slide{position:relative;height:45vw;min-height:800px;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-plus-drawings{position:absolute;top:11%;left:12%;height:270px;z-index:1}.hero-content{height:45vw;min-height:800px;display:flex;align-items:center;position:relative;padding:220px 0 100px;z-index:2}.hero-content::after{content:'';position:absolute;top:0;left:0;width:82%;height:100%;background:var(--vatan-off-blue);clip-path:polygon(0px 0px, 42.9% 0.22%, 93.00% 100.07%, 3px 100%);z-index:2}.hero-left{flex:1;max-width:600px;z-index:10;position:relative}.hero-left h1{font-size:4rem;font-weight:300;color:var(--vatan-blue);margin-bottom:30px;line-height:1.1}.hero-left h1 .highlight{font-weight:700;display:block}.hero-left p{font-size:1.1rem;color:var(--vatan-blue);margin-bottom:30px;line-height:1.6}.hero-stats{display:flex;align-items:center;margin-bottom:40px}.vatan-hero-logo{position:absolute;height:17vw;bottom:-8%;left:66%;opacity:0.75;z-index:10;animation:heroLogoSlideIn 1.5s ease-out forwards}.hero-btn{background:var(--vatan-blue-light);font-size:0.9rem;font-weight:600;padding:16px 32px;letter-spacing:0.5px;position:relative;z-index:10}.hero-btn:hover{background:#147031;transform:translateY(-2px);box-shadow:0 8px 25px rgba(11, 100, 17, 0.3)}.hero-pagination{display:flex;margin-bottom:36px;gap:8px;z-index:15;position:absolute;bottom:60px;left:50px}.pagination-dot{width:40px;height:4px;background:rgba(35, 55, 141, 0.3);border-radius:2px;cursor:pointer;transition:all 0.3s ease}.pagination-dot.active{background:var(--vatan-red)}.pagination-dot:hover{background:var(--vatan-blue-light)}/* Hero Section: Responsive */@media (max-width: 991px){.hero-section{height:100vh;min-height:600px;max-height:900px}.hero-swiper .swiper-slide{height:100vh;min-height:600px;max-height:900px;background-size:cover;background-position:center center;background-attachment:scroll}.hero-plus-drawings{display:none}.vatan-hero-logo{display:none}.hero-content{height:100vh;min-height:600px;max-height:900px;padding:100px 0 40px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-content::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(
135deg,
rgba(238, 242, 248, 0.95) 0%,
rgba(238, 242, 248, 0.8) 40%,
rgba(238, 242, 248, 0.6) 70%,
transparent 100%
);z-index:2;clip-path:none}.hero-left{max-width:90%;z-index:10;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;animation:mobileHeroFadeIn 1s ease-out forwards}.hero-left h1{font-size:2.8rem;font-weight:300;margin-bottom:20px;line-height:1.1}.hero-left h1 .highlight{font-weight:700;display:block}.hero-left p{font-size:1.1rem;margin-bottom:30px;line-height:1.5;max-width:400px}.hero-stats{margin-bottom:30px;display:flex;justify-content:center}.hero-stats img{height:45px;max-width:280px}.hero-btn{padding:16px 28px;font-size:0.85rem;border-radius:25px;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:10}.hero-pagination{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:15}.pagination-dot{width:35px;height:4px;border-radius:2px}}@media (max-width: 480px){.hero-section{height:100vh;min-height:400px;max-height:580px}.hero-swiper .swiper-slide{height:100vh;min-height:400px;max-height:580px;background-position:right}.hero-content{height:100vh;min-height:400px;max-height:580px;padding:90px 15px 30px}.hero-content::after{left:-14px}.hero-left{max-width:95%}.hero-left h1{font-size:2.2rem;margin-bottom:16px}.hero-left p{font-size:1rem;margin-bottom:25px;max-width:320px}.hero-stats{margin-bottom:25px}.hero-stats img{height:35px;max-width:220px}.hero-btn{padding:14px 24px;font-size:0.75rem}}/* Banner Section */.banner-section{background:var(--vatan-off-blue);padding-top:120px;position:relative;overflow:hidden;margin-top:0px}.banner-back-btn{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--vatan-blue);font-size:22px;font-weight:500;margin-bottom:24px}.banner-back-btn path{fill:var(--vatan-blue-light)}.banner-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:500px}.banner-left{max-width:600px;height:100%;z-index:2;position:relative}.banner-left h1{font-size:3rem;font-weight:500;color:var(--vatan-blue);line-height:1.2;margin-bottom:24px}.banner-left p{font-size:1rem;font-weight:300;color:var(--vatan-blue);line-height:1.6;margin-bottom:32px;opacity:0.8}.banner-btn{background:var(--vatan-red);color:white;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.5px;transition:var(--transition-base);display:inline-block}.banner-btn:hover{background:#d41429;transform:translateY(-2px);box-shadow:0 8px 25px rgba(245, 23, 48, 0.3)}.banner-right{height:100%;position:relative;display:flex;justify-content:flex-end;align-items:center}.banner-image-wrapper{height:100%;position:relative;max-width:100%}.banner-image{position:relative;max-width:100%;height:100%;max-height:500px;animation:slideInFromRight 1s ease-out;transition:var(--transition-base);z-index:2}.banner-image:hover{transform:scale(1.02)}.banner-vatan-logo img{position:absolute;min-height:300px;bottom:-300px;left:0px;opacity:1;transform:scale(1.35);animation:bannerVatanLogoSlideIn .5s ease-out forwards;transition:var(--transition-base);z-index:1}.banner-dots img{position:absolute;min-height:300px;animation:bannerDotsSlideIn 1.5s ease forwards;transition:var(--transition-base);z-index:1}.banner-treatments .banner-left h1{color:var(--vatan-blue)}.banner-doctors .banner-left h1{color:var(--vatan-blue)}.banner-patients .banner-left h1{color:var(--vatan-blue)}.banner-hospital .banner-left h1{color:var(--vatan-blue)}/* Banner Section: Responsive */@media (max-width: 1399px){.banner-image{bottom:-35px}}@media (max-width: 1199px){.banner-image{bottom:-108px}}@media (max-width: 991px){.banner-section{padding:100px 0 0 0;margin-top:80px;margin-bottom:30px}.banner-content{grid-template-columns:1fr;gap:50px;text-align:center}.banner-left{max-width:100%;order:2}.banner-right{order:1;justify-content:center}.banner-left h1{font-size:2.8rem}.banner-left p{font-size:1rem;margin-bottom:28px}.banner-plus-drawings{width:300px;top:10%;right:-10%}.banner-image{bottom:0;max-height:340px}.banner-vatan-logo img{min-height:200px}.banner-back-btn{justify-content:center}}@media (max-width: 768px){.banner-section{padding:80px 0 0 0;margin-top:60px}.banner-content{gap:40px}.banner-left h1{font-size:2.2rem;margin-bottom:20px}.banner-left p{font-size:0.95rem;margin-bottom:24px}.banner-btn{padding:14px 28px;font-size:13px}.banner-plus-drawings{width:250px}}@media (max-width: 480px){.banner-section{padding:60px 0 0 0;margin-top:40px}.banner-content{gap:30px}.banner-left h1{font-size:1.8rem;margin-bottom:16px}.banner-left p{font-size:0.9rem;margin-bottom:20px}.banner-btn{padding:12px 24px;font-size:12px}.banner-plus-drawings{width:200px;opacity:0.05}}/* Four Points Section */.four-points{overflow:visible}.four-points .container{background-color:var(--white-color);border-radius:1.25em;padding:80px;margin-top:-40px;z-index:10;position:relative}.four-points-item h2{width:20ch;font-size:1.5rem;font-weight:600;color:var(--vatan-blue)}/* Treatments Section */.treatments-section{position:relative;padding:80px 0;margin-top:60px}.globe-1{position:absolute;height:220px;right:-28px;bottom:-40px;animation:floatGlobe 6s ease-in-out infinite}.blue-plus-1{position:absolute;height:240px;bottom:0;left:-100px}.blue-plus-2{position:absolute;height:240px;top:-36px;right:-100px}.treatment-card{background:var(--white-color);border-radius:20px;overflow:hidden;transition:all 0.4s ease;height:520px;display:flex;flex-direction:row;padding:40px 48px}.treatment-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:30px}.treatment-icon-wrapper{margin-bottom:30px}.treatment-icon-wrapper img{filter:brightness(0) saturate(100%) invert(8%) sepia(96%) saturate(8512%) hue-rotate(352deg) brightness(91%) contrast(118%)}.treatment-icon{width:60px;height:60px;transition:all 0.3s ease}.treatment-image{position:relative;overflow:hidden;border-radius:16px}.treatment-image img{width:100%;height:440px;object-fit:cover;transition:transform 0.4s ease;background-color:var(--vatan-off-blue)}.treatment-card:hover .treatment-image img{transform:scale(1.05)}.treatment-content h1{color:var(--vatan-blue);font-weight:600;margin-bottom:12px;line-height:1.3}.treatment-content p{max-width:720px;color:var(--vatan-blue);font-size:16px;line-height:1.6;margin-bottom:24px;flex:1}.treatment-btn{background:transparent;color:var(--vatan-blue-light);border:2px solid var(--vatan-blue-light);padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.5px;transition:var(--transition-base);text-align:center;align-self:flex-start}.treatment-btn:hover{background:var(--vatan-blue-light);color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(55, 194, 226, 0.3)}/* Sub Treatments Section */.sub-treatments-container{margin-top:20px}.sub-treatments-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;border:2px solid #e0e0e0;border-radius:15px;padding:10px;background:#f8f9fa}.sub-treatment-tab{flex:1;min-width:200px;padding:15px 20px;border:none;border-radius:10px;font-weight:600;font-size:16px;color:white;background:var(--vatan-blue-light);cursor:pointer;transition:all 0.3s ease;text-transform:uppercase}.sub-treatment-tab.active{background:#E53E3E}.sub-treatment-tab:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.sub-treatment-content{display:none;animation:fadeIn 0.3s ease-in-out}.sub-treatment-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sub-treatments-tabs{flex-direction:column}.sub-treatment-tab{min-width:auto;flex:none}}/* Treatments Section: Responsive */@media (max-width: 991px){.four-points .container{padding:40px 28px}.treatments-section{padding:60px 0;margin-top:40px}.globe-1,.blue-plus-1,.blue-plus-2{display:none}.treatment-card{flex-direction:column;height:auto;padding:16px}.treatment-content{order:2;padding:40px 30px}.treatment-icon-wrapper{display:none}.treatment-content h3{font-size:24px}.treatment-image{order:1;border-radius:16px;min-height:250px}}@media (max-width: 480px){.treatments-section{padding:40px 0}.treatment-content{padding:30px 20px}.treatment-icon-wrapper{margin-bottom:20px}.treatment-icon{width:48px;height:48px}.treatment-content h3{font-size:20px}.treatment-content p{font-size:14px;line-height:1.5}.treatment-btn{font-size:12px;padding:10px 20px}.treatment-image{min-height:200px}}/* Doctors Section */.doctors-section{position:relative;padding:100px 0}.globe-2{position:absolute;height:280px;bottom:-40px;left:-28px;animation:rotateGlobe 40s linear infinite}.doctor-card{display:flex;align-items:center;background:transparent;min-height:600px;position:relative}.doctor-image{position:absolute;left:60px;top:0;width:400px;height:600px;border-radius:20px;overflow:hidden;z-index:2}.doctor-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.doctor-card:hover .doctor-image img{transform:scale(1.05)}.doctor-content{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;background:var(--white-color);border-radius:20px;min-height:400px;position:relative;z-index:1;padding-left:540px}.doctor-content h3{color:var(--vatan-blue);font-size:32px;font-weight:600;margin-bottom:8px;line-height:1.3}.doctor-content h4{color:var(--vatan-red);font-size:18px;font-weight:500;margin-bottom:24px;line-height:1.4}.doctor-content p{color:var(--vatan-blue);font-size:16px;line-height:1.6}/* Doctors Section: Responsive */@media (max-width: 991px){.doctors-section{padding:60px 0}.globe-2{display:none}.doctor-card{flex-direction:column;height:auto;min-height:auto;margin-left:0}.doctor-image{position:relative;left:auto;top:auto;width:100%;height:300px;margin-bottom:20px}.doctor-content{padding:40px 30px;margin-left:0;padding-left:30px}.doctor-content h3{font-size:24px}.doctor-content h4{font-size:16px}}@media (max-width: 480px){.doctors-section{padding:40px 0}.doctor-content{padding:30px 20px;margin-left:0;padding-left:20px}.doctor-content h3{font-size:20px}.doctor-content h4{font-size:14px}.doctor-content p{font-size:14px;line-height:1.5}.doctor-image{height:400px}}/* Patient Journey Section */.patient-journey-section{padding:60px 0;position:relative;overflow:hidden}.patient-journey-content{display:flex;align-items:center;gap:0;background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 45%, transparent 75%);border-radius:20px;position:relative;overflow:hidden}.patient-journey-left{flex:1;max-width:60%;padding:36px 80px;z-index:2;position:relative}.patient-journey-left h3{color:var(--vatan-blue);font-weight:600;margin-bottom:24px;line-height:1.2}.patient-journey-left p{color:var(--vatan-blue);font-size:18px;line-height:1.6;margin-bottom:40px}.patient-journey-btn{background:var(--vatan-blue-light);color:white;padding:16px 32px;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.5px;text-transform:uppercase;transition:var(--transition-base);display:inline-block}.patient-journey-btn:hover{background:var(--vatan-blue);transform:translateY(-2px);box-shadow:0 8px 25px rgba(55, 194, 226, 0.3);color:white}.patient-journey-right{position:absolute;right:0;top:0;width:40%;height:100%;z-index:1}.patient-journey-image{width:100%;height:100%;border-radius:0 20px 20px 0;position:relative;overflow:hidden}.patient-journey-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, var(--vatan-off-blue) 0%, transparent 100%);z-index:1;pointer-events:none}.patient-journey-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.patient-journey-image:hover img{transform:scale(1.05)}/* Patient Journey Section: Responsive */@media (max-width: 991px){.patient-journey-section{padding:40px 0}.patient-journey-content{flex-direction:column;background:var(--white-color);min-height:auto}.patient-journey-left{max-width:100%;padding:40px;text-align:center}.patient-journey-left h2{font-size:36px}.patient-journey-left p{font-size:16px;max-width:100%}.patient-journey-right{position:relative;width:100%;height:300px;margin-top:20px}.patient-journey-image{border-radius:0 0 20px 20px}}@media (max-width: 480px){.patient-journey-section{padding:30px 0}.patient-journey-left{padding:30px 20px}.patient-journey-left h2{font-size:28px}.patient-journey-left p{font-size:14px;margin-bottom:30px}.patient-journey-btn{padding:14px 28px;font-size:12px}.patient-journey-right{height:250px}}/* Inner Page Sections */.u-banner{position:relative;z-index:3;background-color:var(--vatan-off-blue);overflow:visible}.u-banner .container{background-color:var(--white-color);border-radius:16px;margin-top:-20px;overflow:hidden}.u-banner .page-header h2{font-size:28px}.inner-page-section-1{background-color:var(--white-color)}.inner-page-section-1 .page-header{text-align:left}.inner-page-section-2{overflow:visible}.inner-page-section-2 .container{background-color:var(--white-color);border-radius:4px}.inner-page-section-2 .page-title{font-size:32px;font-weight:600}.inner-content-holder{color:var(--vatan-blue)}.inner-content-holder .inner-content{margin-bottom:48px}.inner-content-holder h2{font-size:18px;margin-bottom:16px}.inner-content-holder p{font-size:16px;line-height:1.5;font-weight:300;margin-bottom:16px}.inner-content-holder img{border-radius:16px;margin-top:16px;margin-bottom:32px}.inner-content-holder .small-text{font-size:12px;font-weight:300}.inner-treatment-content h2,.inner-treatment-content h3{font-weight:600;color:var(--vatan-blue);margin-block:16px}.inner-treatment-content h2{font-size:16px;text-transform:uppercase}.inner-treatment-content h3{font-size:18px}#physicians{overflow:hidden}@media (max-width: 991px){.inner-page-section-2 .container{padding-inline:16px !important}}/* Cards */.vatan-card,.inner-treatment-content .ql-code-block{background:linear-gradient(0deg, rgba(238, 242, 248, 0.5) 0%, rgba(238, 242, 248, 0.5) 100%),rgb(255, 255, 255);border:1px solid rgba(9, 36, 124, 0.2);border-radius:0.25rem;padding:16px;margin-bottom:24px}.vatan-card.with-img{padding:0}.vatan-card.with-img .vatan-card-content{padding:36px}.vatan-card.with-img .vatan-card-img img{width:100%;margin:0;border-radius:0}.inner-treatment-card img{height:540px}table{width:100%;border-collapse:collapse;margin:0;border-radius:8px;overflow:hidden}table th,table td{padding:16px 0px;text-align:left;border-bottom:1px solid #e5e7eb}table th{display:none}table td{font-size:16px;color:#1f2937;font-weight:500}table td:first-child{color:var(--vatan-blue);font-weight:500}table td:last-child{min-width:40%;color:var(--vatan-blue);font-weight:400;text-align:right}table tbody tr:hover{background-color:#f9fafb}table tbody tr:last-child td{border-bottom:none}.blog-detail-content table{background:linear-gradient(0deg, rgba(238, 242, 248, 0.5) 0%, rgba(238, 242, 248, 0.5) 100%),rgb(255, 255, 255);margin-bottom:24px;border:1px solid rgba(9, 36, 124, 0.2);border-radius:8px;overflow:scroll;& td {
padding:16px}}
.blog-detail-content li{margin-bottom:6px}@media (max-width: 991px){table{display:inline-block;overflow:scroll}}@media (max-width: 768px){table th,table td{padding:12px 0px;font-size:14px}table td:first-child{padding-right:16px;font-size:14px}table td:last-child{font-size:14px}}/* Lists */.dc-list ol,.inner-treatment-content ol{list-style:none;counter-reset:item}.dc-list ol li:before,.inner-treatment-content ol li[data-list="bullet"]:before{content:'»';color:var(--vatan-red);margin-right:8px;font-size:20px;position:absolute;left:18px;line-height:22px}.inner-treatment-content li[data-list="ordered"]{list-style:square}.inner-treatment-content ol li{margin-bottom:16px;font-weight:300;& strong {
font-weight:600}}
.inner-treatment-content ol li[data-list="bullet"]:before{left:10px;line-height:20px}.amenity-list{list-style:none;padding:0;margin:0}.amenity-list li{color:var(--vatan-blue);font-size:16px;font-weight:300;margin-bottom:8px;display:flex;align-items:center;position:relative;padding-left:24px}.amenity-list li::before{content:'»';color:var(--vatan-red);margin-right:8px;font-size:20px;position:absolute;left:0}/* Swiper Styles */.inner-page-swiper{overflow:visible;padding:40px 0;perspective:1200px}.inner-page-swiper.swiper-carousel{overflow:visible}.inner-page-swiper .swiper-wrapper{display:flex;align-items:center;transform-style:preserve-3d}.inner-page-swiper .swiper-slide{width:520px;height:360px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1);transition:all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.inner-page-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:16px;transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);backface-visibility:hidden;will-change:transform}.inner-page-swiper .swiper-slide:hover img{transform:scale(1.03)}.inner-page-pagination{position:relative;margin-top:30px;text-align:center}.inner-page-pagination .swiper-pagination-bullet{width:12px;height:12px;background:rgba(35, 55, 141, 0.3);border-radius:50%;margin:0 6px;transition:all 0.3s ease;cursor:pointer}.inner-page-pagination .swiper-pagination-bullet-active{background:var(--vatan-blue);transform:scale(1.2)}.swiper-slide.pj-slide{height:380px;background-color:var(--vatan-off-blue);border-radius:6px;border:1px solid #ddd;display:flex;align-items:center;gap:20px}.swiper-slide.pj-slide .pj-wrapper{width:100%;height:100%;padding:16px}.swiper-slide.pj-slide .pj-counter{width:40px;height:40px;background-color:#D5DCE8;color:var(--vatan-blue);border-radius:8px;display:flex;align-items:center;justify-content:center}.swiper-slide.pj-slide .pj-counter p{font-size:12px;font-weight:350}.swiper-slide.pj-slide .pj-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:16px;gap:36px}.swiper-slide.pj-slide .pj-content img{max-width:140px;max-height:150px;object-fit:contain}.swiper-slide.pj-slide .pj-content p{font-size:16px;font-weight:300;color:var(--vatan-blue);padding-inline:24px;line-height:1.4}.swiper-slide-active .pj-wrapper{background-color:#fafafa}.treatments-swiper,.doctors-swiper{position:relative;overflow:visible}.doctors-swiper{border-radius:20px}.treatments-swiper{padding-bottom:60px}.treatments-next,.treatments-prev,.doctors-next,.doctors-prev{width:50px !important;height:50px !important;background:var(--vatan-blue-light) !important;border-radius:50% !important;color:white !important;font-size:20px !important;transition:var(--transition-base) !important}.treatments-next:hover,.treatments-prev:hover,.doctors-next:hover,.doctors-prev:hover{background:var(--vatan-blue) !important;transform:scale(1.1) !important}.treatments-next::after,.treatments-prev::after,.doctors-next::after,.doctors-prev::after{font-size:16px !important;font-weight:700 !important}.treatments-next,.doctors-next{right:-20px !important}.treatments-prev,.doctors-prev{left:-20px !important}.treatments-pagination,.doctors-pagination{bottom:20px !important}.treatments-pagination .swiper-pagination-bullet,.doctors-pagination .swiper-pagination-bullet{width:12px !important;height:12px !important;background:#ddd !important;opacity:1 !important;transition:var(--transition-base) !important}.treatments-pagination .swiper-pagination-bullet-active,.doctors-pagination .swiper-pagination-bullet-active{background:var(--vatan-blue-light) !important;transform:scale(1.2) !important}.doctors-pagination{display:none}/* Swiper: Responsive */@media (max-width: 991px){.treatments-next,.treatments-prev,.doctors-next,.doctors-prev{display:none}.doctors-pagination{display:block;bottom:-36px !important}}@media (max-width: 768px){.inner-page-pagination .swiper-pagination-bullet{width:8px;height:8px}.inner-page-swiper .swiper-slide{width:320px;height:225px}.inner-page-swiper{padding:20px 0}}@media (max-width: 480px){.inner-page-swiper .swiper-slide{width:280px;height:188px}.inner-page-swiper .swiper-slide.pj-slide{width:320px;height:380px}}/* FAQ Section */.faq-section{margin-top:30px}.faq-category,.blog-faq .faq-item{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:white}.faq-category-header,.blog-faq .faq-question{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding:20px 25px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:all 0.3s ease;justify-content:space-between}.faq-category-header:hover{background:linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%)}.faq-icon{color:var(--vatan-red);font-size:18px;font-weight:bold;min-width:20px}.faq-category-header h3{color:var(--vatan-blue);font-size:16px;font-weight:600;letter-spacing:0.5px;margin:0;text-transform:uppercase;flex:1}.category-toggle{color:var(--vatan-blue);font-size:20px;font-weight:bold;min-width:24px;text-align:center;transition:transform 0.3s ease}.faq-category-header[aria-expanded="true"] .category-toggle{transform:rotate(45deg)}.faq-category-content{display:none;transition:all 0.3s ease}.faq-category-content.show{display:block}.faq-item{border-bottom:1px solid #f0f0f0}.faq-item:last-child{border-bottom:none}.faq-question{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all 0.3s ease;background-color:white}.faq-question:hover{background-color:#f8f9fa}.faq-question span:first-child{color:var(--vatan-blue);font-size:15px;font-weight:500;line-height:1.4;flex:1;padding-right:20px}.faq-toggle{color:var(--vatan-blue);font-size:20px;font-weight:bold;min-width:24px;text-align:center;transition:transform 0.3s ease}.faq-question[aria-expanded="true"] .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 25px 20px 25px}.faq-answer.show{display:block}.faq-answer p{color:var(--vatan-blue);font-size:14px;font-weight:400;line-height:1.6;margin:0;padding-top:10px}/* FAQ Section: Responsive */@media (max-width: 768px){.faq-category-header{padding:15px 20px;gap:12px}.faq-category-header h3{font-size:14px}.faq-question{padding:15px 20px}.faq-question span:first-child{font-size:14px;padding-right:15px}.faq-answer{padding:0 20px 15px 20px}.faq-answer p{font-size:13px}}/* FAQ: Category header background images */.faq-section .faq-category .faq-category-header{background-position:right center;background-size:cover;background-repeat:no-repeat}.faq-section .faq-category:nth-of-type(1) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-1-img.avif');background-size:contain}.faq-section .faq-category:nth-of-type(2) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-2-img.avif');background-size:contain}.faq-section .faq-category:nth-of-type(3) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-3-img.avif');background-size:contain}.faq-section .faq-category:nth-of-type(4) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-4-img.avif');background-size:contain}.faq-section .faq-category:nth-of-type(5) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-5-img.avif');background-size:contain}.faq-section .faq-category:nth-of-type(6) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-6-img.avif');background-size:contain}.faq-section .faq-category:nth-of-type(7) > .faq-category-header{background:linear-gradient(90deg, var(--white-color) 0%, var(--white-color) 60%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%),url('/img/faq/faq-7-img.avif');background-size:contain}/* Certificate & Modal Section */.certificate-section{margin-top:2rem}.certificate-container{display:flex;align-items:center;background:var(--vatan-off-blue);border:1px solid rgba(35, 55, 141, 0.1);border-radius:4px;padding:30px}.certificate-content{flex:1;padding-right:30px}.certificate-content h3{font-size:20px;font-weight:600;color:var(--vatan-blue);margin-bottom:20px;line-height:1.3}.certificate-preview{flex:0 0 260px;overflow:hidden}.certificate-preview img{display:block;width:100%;height:auto;border-radius:0px}/* Custom Modal Styles for Post Treatment Care and Global Use */.modal-dialog{max-width:800px;margin:1.5rem auto}.modal-content{border:none;border-radius:12px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.15);overflow:hidden;position:relative}.modal-header{background:transparent;border-bottom:none;padding:0;position:absolute;top:8px;right:16px;z-index:10;width:100%;height:60px;display:flex;justify-content:flex-end;align-items:flex-start;padding:15px 20px 0 0}.modal-title{display:none}.btn-close{width:30px;height:30px;background:var(--vatan-blue);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);opacity:1;font-size:24px;font-weight:700;color:white;position:relative}.btn-close:hover{background:var(--vatan-blue-light);transform:scale(1.05);box-shadow:0 6px 20px rgba(0, 0, 0, 0.2);color:white}.btn-close::before{content:"X";font-size:28px;line-height:1}.modal-body{padding:0;background:white}.modal-body .post-care-content{margin:0;box-shadow:none;border-radius:0}.modal-body img{max-width:100%;height:auto;border-radius:8px}/* Certificate & Modal: Responsive */@media (max-width: 991px){.certificate-container{flex-direction:column;text-align:center;padding:25px}.certificate-content{padding-right:0;margin-bottom:25px}.certificate-content h3{font-size:22px}.certificate-preview{flex:none;max-width:350px;width:100%}.modal-dialog{max-width:95vw;margin:1rem auto}.modal-content{padding-top:50px}.modal-header{height:50px;padding:10px 15px 0 0}.btn-close{width:42px;height:42px;font-size:20px}.btn-close::before{font-size:24px}}@media (max-width: 768px){.certificate-container{padding:20px}.certificate-content h3{font-size:20px;margin-bottom:15px}.expand-btn{padding:10px 24px;font-size:13px}.certificate-preview{max-width:280px}}@media (max-width: 480px){.certificate-container{padding:15px}.certificate-content h3{font-size:18px}.expand-btn{padding:8px 20px;font-size:12px}.certificate-preview{max-width:250px}.modal-dialog{margin:0.5rem auto}.modal-content{padding-top:45px}.modal-header{height:45px;padding:16px 12px 0 0}.btn-close{width:24px;height:24px;font-size:18px}.btn-close::before{font-size:22px}}/* 5. KEYFRAME ANIMATIONS
-------------------------------------------------------------------------------- */@keyframes heroLogoSlideIn{0%{opacity:0;left:120%;bottom:-50%;transform:translateX(100px)}100%{opacity:0.75;left:66%;bottom:-8%;transform:translateX(0)}}@keyframes shine{0%{left:-100%}50%{left:100%}100%{left:100%}}@keyframes mobileHeroFadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes rotateGlobe{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes floatGlobe{0%,100%{bottom:-40px}50%{bottom:-20px}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}100%{opacity:1;transform:translateX(0)}}@keyframes bannerVatanLogoSlideIn{0%{bottom:-300px}100%{bottom:0px}}@keyframes bannerDotsSlideIn{0%{top:-60px;left:0px;opacity:0;transform:scale(1.5) rotateZ(50deg)}100%{top:0px;left:-50px;opacity:1;transform:scale(1.1) rotateZ(-7deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:0.8}}@media (max-width: 991px){@keyframes bannerVatanLogoSlideIn{0%{bottom:-300px}100%{bottom:50px}}}/* Image row for treatment content */.image-row{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.image-row p{margin:0}.image-row p img{width:100%;height:280px;object-fit:cover;border-radius:8px}/* BMI Calculator Styles */.bmi-calculator-section{margin:30px 0}.bmi-calculator-section h3{color:var(--vatan-blue);font-size:24px;font-weight:600;margin-bottom:20px}.bmi-calculator-section .form-group label{color:var(--vatan-blue);font-weight:600;margin-bottom:8px;display:block}.bmi-calculator-section .form-control{border:2px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:16px;transition:var(--transition-base)}.bmi-calculator-section .form-control:focus{border-color:var(--vatan-blue-light);box-shadow:0 0 0 0.2rem rgba(55, 194, 226, 0.25);outline:none}.bmi-result{background:linear-gradient(135deg, var(--vatan-blue) 0%, var(--vatan-blue-light) 100%);color:white;padding:30px;border-radius:15px;text-align:center;margin-top:20px}.bmi-result h4{margin-bottom:20px;font-size:20px;font-weight:600}.bmi-value{font-size:48px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.bmi-category{font-size:22px;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:0.5px}.bmi-description p{font-size:16px;line-height:1.5;margin:0;opacity:0.95}@media (max-width: 768px){.bmi-calculator-section h3{font-size:20px}.bmi-result{padding:20px;margin-top:15px}.bmi-value{font-size:36px}.bmi-category{font-size:18px}.bmi-description p{font-size:14px}}.floating-socials{position:fixed;bottom:20px;left:20px;z-index:1000}/* Hospital Swiper Navigation */.hospital-next,.hospital-prev{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255, 255, 255, 0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);border:2px solid var(--vatan-blue)}.hospital-next:hover,.hospital-prev:hover{background:var(--vatan-blue);box-shadow:0 6px 25px rgba(0, 0, 0, 0.15)}.hospital-next::after,.hospital-prev::after{content:'';width:12px;height:12px;border:2px solid var(--vatan-blue);border-left:none;border-bottom:none;transition:all 0.3s ease}.hospital-next:hover::after,.hospital-prev:hover::after{border-color:white}.hospital-next{right:20px}.hospital-next::after{transform:rotate(45deg);margin-left:-2px}.hospital-prev{left:20px}.hospital-prev::after{transform:rotate(-135deg);margin-right:-2px}.hospital-next.swiper-button-disabled,.hospital-prev.swiper-button-disabled{opacity:0.3;cursor:not-allowed}.hospital-next.swiper-button-disabled:hover,.hospital-prev.swiper-button-disabled:hover{background:rgba(255, 255, 255, 0.9)}.hospital-next.swiper-button-disabled:hover::after,.hospital-prev.swiper-button-disabled:hover::after{border-color:var(--vatan-blue)}/* Mobile positioning */@media (max-width: 991px){.hospital-next,.hospital-prev{top:auto;bottom:-30px;transform:none;width:45px;height:45px}.hospital-next{right:50%;margin-right:-60px}.hospital-prev{left:50%;margin-left:-60px}.hospital-next::after,.hospital-prev::after{width:10px;height:10px}.inner-page-pagination{display:none}}@media (max-width: 480px){.hospital-next,.hospital-prev{bottom:-30px;width:40px;height:40px}.hospital-next{margin-right:-50px}.hospital-prev{margin-left:-50px}.hospital-next::after,.hospital-prev::after{width:8px;height:8px}}
/* Video Overlay Styles */
.video-overlay{position:relative;display:inline-block;overflow:hidden;border-radius:16px;cursor:pointer;transition:var(--transition-base)}.video-overlay .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--vatan-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;transition:var(--transition-base);box-shadow:0 8px 32px rgba(35,55,141,0.3);border:3px solid white}.video-overlay .play-button::after{content:'';width:0;height:0;border-left:24px solid white;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px;transition:var(--transition-base)}.video-overlay:hover .play-button{background:var(--vatan-blue-light);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 40px rgba(55,194,226,0.4)}.video-overlay:hover .play-button::after{border-left-color:white}@media (max-width:768px){.video-overlay .play-button{width:60px;height:60px}.video-overlay .play-button::after{border-left:18px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}}@media (max-width:480px){.video-overlay .play-button{width:50px;height:50px}.video-overlay .play-button::after{border-left:15px solid white;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}}.video-info h3{font-size: 1.1rem;margin-top: 8px;}.video-overlay img{margin-top: 0; margin-bottom: 0;}
/* Language Selection Styles */
.language-dropdown {
position: relative;
}
.language-link {
display: flex;
align-items: center;
gap: 6px;
font-weight: 650;
font-size: 14px;
letter-spacing: 0.5px;
}
.language-link svg {
transition: transform 0.3s ease;
}
.language-dropdown:hover .language-link svg {
transform: rotate(180deg);
}
.language-menu {
min-width: 180px;
padding: 15px;
}
.language-items {
display: flex;
flex-direction: column;
gap: 8px;
& span {
opacity: 1;
}
}
.language-item {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
}
.language-item.active {
background: var(--vatan-blue-light);
color: white;
}
.language-item.active:hover {
background: var(--vatan-blue-light);
color: white;
}
.language-item img {
border-radius: 2px;
filter: none;
}
/* Mobile Language Styles */
.mobile-language-section {
padding-bottom: 16px;
}
.mobile-language-header {
padding: 8px 0;
margin-bottom: 10px;
}
.mobile-language-header span {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
}
.mobile-language-options {
display: flex;
gap: 15px;
padding-left: 10px;
}
.mobile-language-link {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 6px;
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-language-link.active {
background: var(--vatan-blue-light);
border-color: var(--vatan-blue-light);
}
.mobile-language-link:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
}
.mobile-language-link.active:hover {
background: var(--vatan-blue-light);
border-color: var(--vatan-blue-light);
}
.mobile-language-link img {
border-radius: 2px;
}