/* Reset & Base Styles */
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}


:root {
   --primary-color: #FF8C00;
   --secondary-color: #FF6B35;
   --accent-color: #FF7F00;
   --text-dark: #212121;
   --text-light: #757575;
   --bg-light: #FFF8F0;
   --white: #FFFFFF;
   --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
}


body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.6;
   color: var(--text-dark);
   overflow-x: hidden;
}


/* Splash Screen */
.splash-screen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: linear-gradient(135deg, #FF9933 0%, #FFFFFF 50%, #FF9933 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   animation: fadeOut 0.6s ease 2.4s forwards;
}


.splash-content {
   text-align: center;
   animation: zoomIn 1s ease;
}


.splash-devotion {
   margin-bottom: 1.5rem;
   animation: fadeInDown 1s ease;
}


.om-symbol {
   display: block;
   font-size: 3rem;
   color: #FF6B35;
   margin-bottom: 0.5rem;
   text-shadow: 0 0 20px rgba(255, 107, 53, 0.6);
   animation: glow 2s ease-in-out infinite;
}


.devotion-text {
   font-size: 2.2rem;
   color: #FF6B35;
   font-weight: 700;
   margin-bottom: 0.3rem;
   letter-spacing: 3px;
   text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
   font-family: 'Segoe UI', 'Noto Sans Devanagari', sans-serif;
}


.devotion-subtitle {
   font-size: 1.2rem;
   color: #FF9933;
   font-weight: 500;
   letter-spacing: 2px;
   font-style: italic;
   text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}


.splash-logo-container {
   margin-bottom: 0.5rem;
   animation: floatIn 1.2s ease;
}


.splash-logo {
   width: 350px;
   height: auto;
   filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
   animation: pulse 2s ease-in-out infinite;
}


.splash-title {
   font-size: 3.5rem;
   color: #FF6B35;
   font-weight: 700;
   margin-bottom: 0.2rem;
   margin-top: 0.3rem;
   letter-spacing: 2px;
   text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
   animation: slideInDown 1s ease;
}


.splash-tagline {
   font-size: 1.3rem;
   color: #FF9933;
   margin-bottom: 1.2rem;
   font-weight: 400;
   letter-spacing: 1px;
   animation: slideInUp 1s ease;
}


.splash-loader {
   width: 300px;
   height: 4px;
   background: rgba(255, 153, 51, 0.2);
   border-radius: 10px;
   margin: 0 auto;
   overflow: hidden;
}


.loader-bar {
   height: 100%;
   background: linear-gradient(90deg, #FF9933, #FFFFFF, #FF9933);
   border-radius: 10px;
   animation: loading 3s ease-in-out forwards;
   box-shadow: 0 0 20px rgba(255, 153, 51, 0.6);
}


/* Main Content - Hidden Initially */
.main-content {
   opacity: 0;
   animation: fadeIn 0.6s ease 3s forwards;
}


/* Splash Screen Animations */
@keyframes fadeOut {
   to {
       opacity: 0;
       visibility: hidden;
   }
}


@keyframes fadeIn {
   to {
       opacity: 1;
   }
}


@keyframes zoomIn {
   from {
       transform: scale(0.5);
       opacity: 0;
   }
   to {
       transform: scale(1);
       opacity: 1;
   }
}


@keyframes floatIn {
   from {
       transform: translateY(-50px);
       opacity: 0;
   }
   to {
       transform: translateY(0);
       opacity: 1;
   }
}


@keyframes slideInDown {
   from {
       transform: translateY(-30px);
       opacity: 0;
   }
   to {
       transform: translateY(0);
       opacity: 1;
   }
}


@keyframes slideInUp {
   from {
       transform: translateY(30px);
       opacity: 0;
   }
   to {
       transform: translateY(0);
       opacity: 1;
   }
}


@keyframes pulse {
   0%, 100% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.05);
   }
}


@keyframes loading {
   from {
       width: 0%;
   }
   to {
       width: 100%;
   }
}


@keyframes glow {
   0%, 100% {
       text-shadow: 0 0 20px rgba(255, 107, 53, 0.6),
                    0 0 30px rgba(255, 107, 53, 0.4);
   }
   50% {
       text-shadow: 0 0 30px rgba(255, 107, 53, 0.8),
                    0 0 40px rgba(255, 107, 53, 0.6),
                    0 0 50px rgba(255, 107, 53, 0.4);
   }
}


@keyframes shimmer {
   0% {
       background-position: 0% 50%;
   }
   50% {
       background-position: 100% 50%;
   }
   100% {
       background-position: 0% 50%;
   }
}


@keyframes fadeInDown {
   from {
       transform: translateY(-20px);
       opacity: 0;
   }
   to {
       transform: translateY(0);
       opacity: 1;
   }
}






.container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
}


/* Header & Navigation */
.header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: var(--white);
   box-shadow: var(--shadow);
   z-index: 1000;
}


.navbar {
   padding: 1rem 0;
}


.navbar .container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}


.logo {
   display: flex;
   align-items: center;
   gap: 1rem;
}


.logo-image {
   height: 60px;
   width: auto;
   object-fit: contain;
}


.logo-text {
   display: flex;
   flex-direction: column;
}


.logo h1 {
   color: var(--primary-color);
   font-size: 1.8rem;
   margin-bottom: 0.2rem;
}


.logo .tagline {
   color: var(--text-light);
   font-size: 0.9rem;
}


.nav-menu {
   display: flex;
   list-style: none;
   gap: 2rem;
}


.nav-menu a {
   text-decoration: none;
   color: var(--text-dark);
   font-weight: 500;
   transition: color 0.3s;
}


.nav-menu a:hover,
.nav-menu a.active {
   color: var(--primary-color);
}


.hamburger {
   display: none;
   flex-direction: column;
   cursor: pointer;
}


.hamburger span {
   width: 25px;
   height: 3px;
   background: var(--primary-color);
   margin: 3px 0;
   transition: 0.3s;
}


/* Hero Section */
.hero {
   position: relative;
   height: 100vh;
   background: linear-gradient(135deg, rgba(255, 153, 51, 0.85), rgba(255, 255, 255, 0.75)),
               url('https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?w=1920&q=80') center/cover no-repeat;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   color: var(--white);
   margin-top: 80px;
   background-attachment: fixed;
}


/* Fallback for custom hero image */
.hero.custom-bg {
   background: linear-gradient(135deg, rgba(255, 153, 51, 0.85), rgba(255, 255, 255, 0.75)),
               url('../images/hero-bg.jpg') center/cover no-repeat;
}


.hero-content {
   max-width: 800px;
   padding: 2rem;
}


.hero-title {
   font-size: 3.5rem;
   margin-bottom: 1rem;
   animation: fadeInUp 1s ease;
   color: #FFFFFF;
   text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}


.hero-subtitle {
   font-size: 1.3rem;
   margin-bottom: 2rem;
   animation: fadeInUp 1.2s ease;
   color: #FFFFFF;
   text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}


.hero-buttons {
   display: flex;
   gap: 1rem;
   justify-content: center;
   animation: fadeInUp 1.4s ease;
}


/* Buttons */
.btn {
   display: inline-block;
   padding: 1rem 2rem;
   text-decoration: none;
   border-radius: 50px;
   font-weight: 600;
   transition: all 0.3s;
   border: none;
   cursor: pointer;
}


.btn-primary {
   background: var(--secondary-color);
   color: var(--white);
}


.btn-primary:hover {
   background: #B8935A;
   transform: translateY(-2px);
   box-shadow: var(--shadow-lg);
}


.btn-secondary {
   background: transparent;
   color: var(--white);
   border: 2px solid var(--white);
}


.btn-secondary:hover {
   background: var(--white);
   color: var(--primary-color);
}


.btn-program {
   background: var(--primary-color);
   color: var(--white);
   width: 100%;
   text-align: center;
}


.btn-program:hover {
   background: #1B5E20;
}


/* Section Styles */
section {
   padding: 5rem 0;
}


.section-header {
   text-align: center;
   margin-bottom: 3rem;
}


.section-header h2 {
   font-size: 2.5rem;
   color: var(--primary-color);
   margin-bottom: 0.5rem;
}


.section-header p {
   font-size: 1.1rem;
   color: var(--text-light);
}


/* About Section */
.about {
   background: var(--white);
}


.about-content {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 3rem;
   align-items: center;
}


.about-text h3 {
   font-size: 2rem;
   color: var(--primary-color);
   margin-bottom: 1rem;
}


.about-text p {
   margin-bottom: 1rem;
   color: var(--text-light);
   line-height: 1.8;
}


.about-features {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
   margin-top: 2rem;
}


.feature {
   display: flex;
   align-items: center;
   gap: 0.5rem;
}


.feature i {
   color: var(--primary-color);
   font-size: 1.2rem;
}


.about-image img {
   width: 100%;
   border-radius: 10px;
   box-shadow: var(--shadow-lg);
}


/* Conditions Section */
.conditions {
   background: var(--bg-light);
}


.conditions-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2rem;
}


.condition-card {
   background: var(--white);
   padding: 2rem;
   border-radius: 10px;
   box-shadow: var(--shadow);
   transition: all 0.3s;
   position: relative;
   overflow: hidden;
}


.condition-card::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 100px;
   height: 100px;
   background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
   opacity: 0.05;
   border-radius: 0 10px 0 100%;
   transition: all 0.3s;
}


.condition-card:hover {
   transform: translateY(-10px);
   box-shadow: var(--shadow-lg);
}


.condition-card:hover::before {
   width: 150px;
   height: 150px;
   opacity: 0.1;
}


.condition-icon {
   width: 60px;
   height: 60px;
   background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 1rem;
}


.condition-icon i {
   font-size: 1.8rem;
   color: var(--white);
}


.condition-image {
   width: 100%;
   height: 200px;
   margin-bottom: 1.5rem;
   border-radius: 8px;
   overflow: hidden;
}


.condition-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease;
}


.condition-card:hover .condition-image img {
   transform: scale(1.1);
}


.condition-card h3 {
   color: var(--primary-color);
   margin-bottom: 1rem;
   font-size: 1.5rem;
}


.condition-card ul {
   list-style: none;
}


.condition-card li {
   padding: 0.5rem 0;
   color: var(--text-light);
   border-bottom: 1px solid #E0E0E0;
}


.condition-card li:last-child {
   border-bottom: none;
}


.condition-card li:before {
   content: "✓ ";
   color: var(--primary-color);
   font-weight: bold;
   margin-right: 0.5rem;
}


/* Why Choose Us Section */
.why-choose-us {
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
}


.benefits-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 2rem;
}


.benefit-card {
   background: var(--white);
   border-radius: 15px;
   overflow: hidden;
   box-shadow: var(--shadow);
   transition: all 0.3s;
}


.benefit-card:hover {
   transform: translateY(-10px);
   box-shadow: var(--shadow-lg);
}


.benefit-image {
   height: 200px;
   overflow: hidden;
}


.benefit-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
}


.benefit-card:hover .benefit-image img {
   transform: scale(1.1);
}


.benefit-content {
   padding: 2.5rem 2rem 2rem;
   text-align: center;
   position: relative;
}


.benefit-icon {
   width: 70px;
   height: 70px;
   background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: -60px auto 1.5rem;
   box-shadow: 0 4px 15px rgba(106, 27, 154, 0.4);
   position: relative;
   z-index: 10;
   border: 4px solid var(--white);
}


.benefit-icon i {
   font-size: 1.8rem;
   color: var(--white);
}


.benefit-content h3 {
   color: var(--primary-color);
   margin-bottom: 1rem;
   font-size: 1.3rem;
}


.benefit-content p {
   color: var(--text-light);
   line-height: 1.8;
}


/* Treatments Section */
.treatments {
   background: var(--white);
}


.treatments-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2rem;
}


.treatment-card {
   background: var(--bg-light);
   padding: 2rem;
   border-radius: 10px;
   border-left: 4px solid var(--primary-color);
   transition: all 0.3s;
}


.treatment-card:hover {
   background: var(--white);
   box-shadow: var(--shadow-lg);
}


.treatment-number {
   font-size: 3rem;
   font-weight: bold;
   color: var(--primary-color);
   opacity: 0.2;
   margin-bottom: 1rem;
}


.treatment-card h3 {
   color: var(--primary-color);
   margin-bottom: 1rem;
   font-size: 1.3rem;
}


.treatment-card p {
   color: var(--text-light);
   line-height: 1.8;
}


/* Programs Section */
.programs {
   background: var(--bg-light);
}


.programs-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 2rem;
}


.program-card {
   background: var(--white);
   padding: 2rem;
   border-radius: 10px;
   box-shadow: var(--shadow);
   position: relative;
   transition: transform 0.3s;
}


.program-card:hover {
   transform: translateY(-10px);
   box-shadow: var(--shadow-lg);
}


.program-card.featured {
   border: 3px solid var(--secondary-color);
}


.program-badge {
   position: absolute;
   top: -15px;
   right: 20px;
   background: var(--secondary-color);
   color: var(--white);
   padding: 0.5rem 1rem;
   border-radius: 20px;
   font-size: 0.9rem;
   font-weight: 600;
   box-shadow: 0 2px 8px rgba(201, 169, 97, 0.4);
}


.program-card h3 {
   color: var(--primary-color);
   font-size: 1.5rem;
   margin-bottom: 0.5rem;
}


.program-duration {
   color: var(--text-light);
   margin-bottom: 1.5rem;
   font-weight: 600;
}


.program-features {
   list-style: none;
   margin-bottom: 2rem;
}


.program-features li {
   padding: 0.8rem 0;
   color: var(--text-dark);
   border-bottom: 1px solid #E0E0E0;
}


.program-features li:last-child {
   border-bottom: none;
}


.program-features i {
   color: var(--primary-color);
   margin-right: 0.5rem;
}


/* Gallery Section */
.gallery {
   background: var(--white);
}


.gallery-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
}


.gallery-item {
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   height: 350px;
   cursor: pointer;
   box-shadow: var(--shadow);
}


.gallery-item img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   background: var(--bg-light);
   transition: transform 0.5s ease;
}


.gallery-item:hover img {
   transform: scale(1.1);
}


.gallery-overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
   padding: 2rem 1.5rem 1.5rem;
   transform: translateY(100%);
   transition: transform 0.3s ease;
}


.gallery-item:hover .gallery-overlay {
   transform: translateY(0);
}


.gallery-overlay h3 {
   color: var(--white);
   font-size: 1.2rem;
   margin: 0;
}


/* Testimonials Section */
.testimonials {
   background: var(--bg-light);
}


.testimonials-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 2rem;
   max-width: 1200px;
   margin: 0 auto;
}


.testimonial-card {
   background: var(--bg-light);
   padding: 2rem;
   border-radius: 10px;
   box-shadow: var(--shadow);
}


.stars {
   color: #FFB300;
   margin-bottom: 1rem;
}


.testimonial-text {
   font-style: italic;
   color: var(--text-dark);
   line-height: 1.8;
   margin-bottom: 1.5rem;
}


.testimonial-author h4 {
   color: var(--primary-color);
   margin-bottom: 0.3rem;
}


.testimonial-author p {
   color: var(--text-light);
   font-size: 0.9rem;
}


/* Acknowledgment Section */
.acknowledgment {
   background: linear-gradient(135deg, #FFF8F0 0%, #FFFFFF 100%);
   padding: 4rem 0;
}


.acknowledgment-content {
   display: flex;
   align-items: center;
   gap: 3rem;
   max-width: 1000px;
   margin: 0 auto;
   background: var(--white);
   padding: 3rem;
   border-radius: 20px;
   box-shadow: var(--shadow-lg);
   border: 2px solid var(--primary-color);
}


.acknowledgment-image {
   flex: 0 0 250px;
}


.acknowledgment-image img {
   width: 100%;
   height: auto;
   filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}


.acknowledgment-text {
   flex: 1;
}


.acknowledgment-text h2 {
   color: var(--primary-color);
   font-size: 2rem;
   margin-bottom: 1.5rem;
   font-weight: 700;
}


.acknowledgment-text p {
   color: var(--text-dark);
   font-size: 1.1rem;
   line-height: 1.8;
   font-style: italic;
}


.highlight-saffron {
   color: var(--primary-color);
   font-weight: 700;
   font-style: normal;
}


/* Contact Section */
.contact {
   background: var(--bg-light);
}


.contact-content-centered {
   max-width: 1200px;
   margin: 0 auto;
}


.contact-info-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 2rem;
   max-width: 1200px;
   margin: 0 auto;
}


.info-card {
   background: var(--white);
   padding: 2.5rem;
   border-radius: 15px;
   box-shadow: var(--shadow);
   text-align: center;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.info-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 30px rgba(255, 153, 51, 0.2);
}


.info-icon {
   width: 70px;
   height: 70px;
   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 1.5rem;
}


.info-icon i {
   color: var(--white);
   font-size: 2rem;
}


.info-card h3 {
   color: var(--secondary-color);
   font-size: 1.5rem;
   margin-bottom: 1rem;
}


.info-card p {
   color: var(--text-color);
   line-height: 1.8;
   font-size: 1rem;
}


/* Footer */
.footer {
   background: var(--text-dark);
   color: var(--white);
   padding: 3rem 0 1rem;
}


.footer-content {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2rem;
   margin-bottom: 2rem;
}


.footer-col h3,
.footer-col h4 {
   margin-bottom: 1rem;
   color: var(--white);
}


.footer-col p {
   color: #BDBDBD;
   line-height: 1.8;
   margin-bottom: 1rem;
}


.footer-col ul {
   list-style: none;
}


.footer-col ul li {
   margin-bottom: 0.8rem;
}


.footer-col ul li a {
   color: #BDBDBD;
   text-decoration: none;
   transition: color 0.3s;
}


.footer-col ul li a:hover {
   color: var(--secondary-color);
}


.footer-col ul li i {
   margin-right: 0.5rem;
   color: var(--primary-color);
}


.social-links {
   display: flex;
   gap: 1rem;
   margin-top: 1rem;
}


.social-links a {
   width: 40px;
   height: 40px;
   background: var(--primary-color);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--white);
   transition: background 0.3s;
}


.social-links a:hover {
   background: var(--secondary-color);
}


.footer-bottom {
   text-align: center;
   padding-top: 2rem;
   border-top: 1px solid #424242;
   color: #BDBDBD;
}


.footer-bottom a {
   color: #BDBDBD;
   text-decoration: none;
}


.footer-bottom a:hover {
   color: var(--secondary-color);
}


.disclaimer {
   text-align: center;
   padding-top: 1.5rem;
   border-top: 1px solid #424242;
   margin-top: 1.5rem;
   color: #9E9E9E;
   font-size: 0.75rem;
   line-height: 1.6;
   max-width: 900px;
   margin-left: auto;
   margin-right: auto;
}


.disclaimer strong {
   color: #BDBDBD;
}


/* Animations */
@keyframes fadeInUp {
   from {
       opacity: 0;
       transform: translateY(30px);
   }
   to {
       opacity: 1;
       transform: translateY(0);
   }
}


/* Responsive Design */
@media (max-width: 900px) {
   .contact-info-grid {
       grid-template-columns: repeat(2, 1fr);
       max-width: 700px;
   }


   .gallery-grid {
       grid-template-columns: repeat(2, 1fr);
   }
}


@media (max-width: 768px) {
   .nav-menu {
       position: fixed;
       left: -100%;
       top: 80px;
       flex-direction: column;
       background: var(--white);
       width: 100%;
       text-align: center;
       transition: 0.3s;
       box-shadow: var(--shadow);
       padding: 2rem 0;
   }


   .nav-menu.active {
       left: 0;
   }


   .hamburger {
       display: flex;
   }


   .logo-image {
       height: 50px;
   }


   .logo h1 {
       font-size: 1.4rem;
   }


   .logo .tagline {
       font-size: 0.8rem;
   }


   .hero-title {
       font-size: 2.5rem;
   }


   .hero-subtitle {
       font-size: 1.1rem;
   }


   .hero-buttons {
       flex-direction: column;
   }


   .about-content,
   .contact-info-grid {
       grid-template-columns: 1fr;
   }


   .acknowledgment-content {
       flex-direction: column;
       padding: 2rem;
   }


   .acknowledgment-image {
       flex: 0 0 auto;
       max-width: 200px;
   }


   .acknowledgment-text h2 {
       font-size: 1.5rem;
   }


   .acknowledgment-text p {
       font-size: 1rem;
   }


   .section-header h2 {
       font-size: 2rem;
   }


   .conditions-grid,
   .treatments-grid,
   .programs-grid,
   .testimonials-grid,
   .gallery-grid,
   .benefits-grid {
       grid-template-columns: 1fr;
   }


   .footer-content {
       grid-template-columns: 1fr;
   }


   .gallery-item {
       height: 250px;
   }
}


@media (max-width: 480px) {
   .hero-title {
       font-size: 2rem;
   }


   .about-features {
       grid-template-columns: 1fr;
   }


   .om-symbol {
       font-size: 2rem;
   }


   .devotion-text {
       font-size: 1.8rem;
   }


   .devotion-subtitle {
       font-size: 1rem;
   }


   .splash-logo {
       width: 250px;
   }


   .splash-logo-container {
       margin-bottom: 0.3rem;
   }


   .splash-title {
       font-size: 2.5rem;
       margin-top: 0.2rem;
       margin-bottom: 0.15rem;
   }


   .splash-tagline {
       font-size: 1.1rem;
       margin-bottom: 0.8rem;
   }


   .splash-loader {
       width: 250px;
   }
}