/* Reset and base styles */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: 'Plus Jakarta Sans', Arial, sans-serif;
     background-color: #1b0806;
     color: #ffffff;
     line-height: 1.6;
 }

 img {
     max-width: 100%;
     height: auto;
     display: block;
 }

 button {
     border: none;
     background: none;
     cursor: pointer;
     font-family: inherit;
 }

 /* Layout components */
 .main-container {
     width: 100%;
     min-height: 100vh;
     background-color: #1b0806;
 }

 .hero-section {
     position: relative;
     width: 100%;
     height: 100vh;
     min-height: 600px;
     background-image: url('assets/images/img_slider_img_745x1440.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .header {
     width: 100%;
     background: linear-gradient(180deg, #270c0533 0%, #2b0c0933 100%);
     padding: 16px;
     position: sticky;
     top: 0;
     z-index: 1000;
     backdrop-filter: blur(6px);
 }

 .header-content {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 16px;
 }

 .logo {
     width: 40px;
     height: auto;
 }

 .nav-menu {
     display: none;
     gap: 32px;
     align-items: center;
 }

 .nav-menu a {
     color: #ffffff;
     text-decoration: none;
     font-size: 14px;
     font-weight: 400;
     transition: color 0.3s ease;
 }


 .nav-menu a:hover {
     color: #f09928;
 }

 .nav-menu a.active {
     color: #f09928;
 }

 .register-btn {
     background-color: #f09928;
     color: #ffffff;
     padding: 8px 20px;
     border-radius: 4px;
     font-size: 14px;
     font-weight: 700;
     text-decoration: none;
     transition: background-color 0.3s ease;
 }

 .register-btn:hover {
     background-color: #e08820;
 }

 .hamburger {
     display: block;
     color: #ffffff;
     font-size: 24px;
 }

 /* HERO SLIDER BASE */
 .hero-slider {
     position: relative;
     width: 100%;
     height: 100vh;
     /* Full screen on desktop */
     overflow: hidden;
 }

 /* Make it shorter on smaller screens */
 @media (max-width: 768px) {
     .hero-slider {
         height: 70vh;
     }
 }

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

 /* Each slide */
 .hero-slide {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center;
     opacity: 0;
     transform: scale(1.05);
     animation: slideFade 25s infinite;
 }

 /* Stagger animation timing */
 .hero-slide:nth-child(1) {
     animation-delay: 0s;
 }

 .hero-slide:nth-child(2) {
     animation-delay: 5s;
 }

 .hero-slide:nth-child(3) {
     animation-delay: 10s;
 }

 .hero-slide:nth-child(4) {
     animation-delay: 15s;
 }

 .hero-slide:nth-child(5) {
     animation-delay: 20s;
 }

 /* Smooth zoom-out + fade transition */
 @keyframes slideFade {
     0% {
         opacity: 0;
         transform: scale(1.05);
     }

     4% {
         opacity: 1;
         transform: scale(1);
     }

     20% {
         opacity: 1;
         transform: scale(1);
     }

     24% {
         opacity: 0;
         transform: scale(0.95);
         /* zoom-out */
     }

     100% {
         opacity: 0;
         transform: scale(0.95);
     }
 }


 .hero-content {
     position: absolute;
     top: 10%;
     left: 5%;
     z-index: 10;
     text-align: left;
     padding: 0;
     margin: 0;
     max-width: 5000px;
 }

 .hero-title,
 .hero-subtitle {
     color: #fff;
     white-space: nowrap;
     overflow: hidden;
 }

 /* Title typing animation */
 .hero-title.show-text {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 55px;
     font-weight: 400;
     line-height: 1.2;
     margin-bottom: 8px;
     width: 0;
     animation: typing-title 3s steps(30, end) forwards;
 }

 /* Subtitle typing animation */
 .hero-subtitle.show-text {
     font-size: 20px;
     line-height: 1.3;
     margin-bottom: 32px;
     width: 0;
     animation: typing-subtitle 3s steps(30, end) forwards 0.5s;
 }

 /* Typing keyframes */
 @keyframes typing-title {
     from {
         width: 0;
     }

     to {
         width: 100%;
     }
 }

 @keyframes typing-subtitle {
     from {
         width: 0;
     }

     to {
         width: 100%;
     }
 }

 /* Optional blinking cursor */
 @keyframes blink-caret {
     50% {
         border-color: transparent;
     }
 }

 .hero-title.show-text,
 .hero-subtitle.show-text {
     animation-name: typing-title, blink-caret;
     animation-duration: 3s, 0.7s;
     animation-timing-function: steps(30, end), step-end;
     animation-fill-mode: forwards;
     animation-iteration-count: 1, infinite;
 }



 .welcome-section {
     padding: 72px 16px 0;
     text-align: center;
 }

 .welcome-title {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.2;
     color: #ffffff;
     margin-bottom: 22px;
 }

 .welcome-description {
     font-size: 18px;
     font-weight: 300;
     line-height: 1.3;
     color: #ffffff;
     max-width: 1200px;
     margin: 0 auto 32px;
 }

 .decorative-frame {
     width: 100%;
     max-width: 454px;
     height: auto;
     margin: 0 auto;
 }

 .devotion-section {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 40px;
     padding: 50px 80px;
     color: #fff;
     overflow-x: hidden;

 }

 .devotion-description {
     font-size: 19px;
     line-height: 2.3;
     color: #ffffff;
     max-width: 707px;
 }

 .devotion-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
 }

 @media (max-width: 768px) {
     .devotion-content {
         flex-direction: column;
         text-align: center;
     }
 }

 @media (max-width: 768px) {
     .devotion-text {
         text-align: center;
     }
 }

 .devotion-title {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.2;
     color: #f09928;
     margin-bottom: 24px;
 }

 .devotion-subtitle {
     font-size: 18px;
     font-weight: 700;
     line-height: 1.5;
     color: #ffffff;
 }

 .guru-image {
     position: relative;
     width: 600px;
     height: 100%;
     overflow: hidden;
     left: 90px;
     transition: all 1s ease;
 }


 .devotion-text,
 .guru-image {
     opacity: 0;
     transform: translateX(0);
     transition: all 1s ease;
 }

 /* Initial positions */
 .devotion-text {
     transform: translateX(-500px);
     /* move left initially */
 }

 .guru-image {
     transform: translateX(500px);
     /* move right initially */
 }

 /* Active state when in view */
 .devotion-content.active .devotion-text {
     transform: translateX(0);
     opacity: 1;
 }

 .devotion-content.active .guru-image {
     transform: translateX(0);
     opacity: 1;
 }

 .guru-image .devotion-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .quote-section {
     position: relative;
     padding: 80px 16px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     min-height: 400px;
     margin-top: 140px;
 }

 .mandala-bg {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 300px;
     height: 300px;
     opacity: 0.3;
     z-index: 1;
 }

 .quote-content {
     position: relative;
     z-index: 2;
     text-align: end;
 }

 .quote-text {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.2;
     color: #ffffff;
     margin-bottom: 18px;
 }

 .quote-author {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 20px;
     font-weight: 400;
     line-height: 1.2;
     color: #ffffff;
     text-align: right;
 }

 .gallery-section {
     background-color: #000000;
     padding: 30px 16px;
     margin-top: 170px;
 }

 .gallery-title {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.2;
     color: #f09928;
     text-align: center;
     margin-bottom: 54px;
 }

 .gallery-slider {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
     -ms-overflow-style: none;
 }

 .gallery-slider::-webkit-scrollbar {
     display: none;
 }

 .gallery-container {
     display: flex;
     gap: 24px;
     padding: 0 16px;
     min-width: max-content;
 }

 .gallery-item {
     flex-shrink: 0;
     width: 180px;
     height: 216px;
     border-radius: 8px;
     overflow: hidden;
 }

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

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


 .testimonial-card {
     flex-shrink: 0;
     width: 750px !important;
     /* force karega */
     height: 400px !important;
     background: transparent;
     border: 1px solid #f09928;
     border-radius: 12px;
     padding: 26px 24px;
 }

 .testimonials-content {
     margin-left: 0;
 }

 .testimonials-title {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.2;
     color: #f09928;
     margin-bottom: 8px;
 }

 .testimonials-subtitle {
     font-size: 18px;
     font-weight: 300;
     line-height: 1.3;
     color: #ffffff;
     margin-bottom: 34px;
 }


 .testimonial-author {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-top: 70px;
 }

 .testimonial-text {
     line-height: 1.9;
     font-family: 'Plus Jakarta Sans', Arial, sans-serif;
 }

 .testimonial-author.author-avatar {
     width: 68px;
     height: 68px;
     border-radius: 50%;
     object-fit: cover;
 }

 .author-info h4 {
     font-size: 18px;
     font-weight: 600;
     line-height: 1.3;
     color: #ffffff;
     margin-bottom: 4px;
 }

 .author-info p {
     font-size: 14px;
     font-weight: 500;
     color: #ffffff;
 }

 .rating {
     width: 150px;
     height: 35px;
 }

 .cta-section {
     text-align: center;
     padding: 82px 16px 78px;
 }

 .cta-title {
     font-family: 'Monotype Corsiva', cursive;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.2;
     color: #f09928;
     margin-bottom: 34px;
 }

 .cta-button {
     background: linear-gradient(90deg, #f09928 0%);
     border: 1px solid transparent;
     background-clip: padding-box;
     color: #ffffff;
     font-size: 16px;
     font-weight: 700;
     line-height: 21px;
     padding: 14px 34px;
     border-radius: 4px;
     transition: all 0.3s ease;
 }

 .cta-button:hover {
     transform: scale(1.05);
     box-shadow: 0 4px 12px rgba(240, 153, 40, 0.3);
 }

 /* Interactive states */
 .nav-menu a:focus,
 .register-btn:focus,
 .cta-button:focus {
     outline: 2px solid #f09928;
     outline-offset: 2px;
 }

 .gallery-item:focus,
 .testimonial-card:focus {
     outline: 2px solid #f09928;
     outline-offset: 4px;
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .hero-content {
     animation: fadeInUp 1s ease-out;
 }

 /* Responsive media queries */
 @media (min-width: 640px) {
     .header {
         padding: 16px 32px;
     }

     .logo {
         width: 78px;
     }

     .hero-title {
         font-size: 48px;
     }

     .hero-subtitle {
         font-size: 18px;
     }

     .welcome-title {
         font-size: 48px;
     }

     .welcome-description {
         font-size: 20px;
     }

     .devotion-title {
         font-size: 40px;
     }

     .devotion-subtitle {
         font-size: 20px;
     }

     .quote-text {
         font-size: 40px;
     }

     .quote-author {
         font-size: 22px;
     }

     .gallery-title {
         font-size: 40px;
     }

     .gallery-item {
         width: 220px;
         height: 264px;
     }

     .testimonials-title {
         font-size: 40px;
     }

     .testimonials-subtitle {
         font-size: 20px;
     }

     .testimonial-card {
         width: 380px;
     }

     .cta-title {
         font-size: 40px;
     }

     .footer-top {
         flex-direction: row;
         justify-content: space-between;
     }

     .footer-section {
         flex: 1;
     }

     .footer-content {
         grid-template-columns: 2fr 1fr;
         gap: 48px;
     }
 }

 @media (min-width: 768px) {
     .hamburger {
         display: none;
     }

     .nav-menu {
         display: flex;
     }

     .hero-content {
         top: 15%;
         left: 5%;
         max-width: 90%;
         text-align: center;
     }

     .devotion-content {
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
     }

     .devotion-text {
         text-align: left;
         flex: 1;
     }

     .devotion-image {
         flex-shrink: 0;
     }

     .mandala-bg {
         width: 500px;
         height: 500px;
     }

     .testimonials-content {
         margin-left: 200px;
     }

     .footer-circle-1 {
         width: 400px;
         height: 400px;
     }

     .footer-circle-2 {
         width: 350px;
         height: 350px;
     }

     .footer-circle-3 {
         width: 300px;
         height: 300px;
     }

     .footer-image {
         width: 300px;
         height: 300px;
     }
 }



 @media (min-width: 1024px) {

     .carousel-item-next,
     .carousel-item-prev,
     .carousel-item.active {
         display: flex !important;
         justify-content: center !important;
     }

     .header {
         padding: 16px 56px;
     }

     .hero-title {
         font-size: 64px;
     }

     .hero-subtitle {
         font-size: 20px;
     }

     .welcome-title {
         font-size: 64px;
     }

     .welcome-description {
         font-size: 24px;
     }

     .devotion-title {
         font-size: 40px;
     }

     .devotion-subtitle {
         font-size: 24px;
     }

     .quote-text {
         font-size: 48px;
     }

     .quote-author {
         font-size: 24px;
     }

     .gallery-title {
         font-size: 48px;
     }

     .testimonials-title {
         font-size: 48px;
         text-align: center;
     }

     .testimonials-subtitle {
         font-size: 24px;
         text-align: center;
     }

     .cta-title {
         font-size: 48px;
     }

     .footer-circle-1 {
         width: 576px;
         height: 554px;
     }

     .footer-circle-2 {
         width: 514px;
         height: 496px;
     }

     .footer-circle-3 {
         width: 460px;
         height: 444px;
     }

     .footer-image {
         width: 460px;
         height: 444px;
     }

     .dancer-image {
         width: 540px;
     }
 }

 @media (min-width: 1280px) {
     .mandala-bg {
         width: 682px;
         height: 682px;
     }
 }

 /* Make the main carousel wrapper relative */
 #carouselExampleControlsNoTouching {
     position: relative;
     padding-bottom: 100px;
     /* space for buttons below images */
 }

 /* Common style for both buttons */
 #carouselExampleControlsNoTouching .carousel-control-prev,
 #carouselExampleControlsNoTouching .carousel-control-next {
     position: absolute;
     bottom: -190px;
     /* place below carousel item */
     top: auto;
     width: 45px;
     height: 45px;
     background-color: transparent;
     border: 2px solid #f09928;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 1;
     transition: all 0.3s ease;
     z-index: 10;
 }

 /* Hover effect */
 #carouselExampleControlsNoTouching .carousel-control-prev:hover,
 #carouselExampleControlsNoTouching .carousel-control-next:hover {
     background-color: #f09928;
     border-color: #f09928;
 }

 /* Left & right button positioning */
 #carouselExampleControlsNoTouching .carousel-control-prev {
     left: 75%;
     transform: translateX(-100%);
     /* position to left of center */
 }

 #carouselExampleControlsNoTouching .carousel-control-next {
     left: 77%;
     transform: translateX(0);
     /* position to right of center */
 }

 /* Fix image inside buttons */
 #carouselExampleControlsNoTouching .carousel-control-prev img,
 #carouselExampleControlsNoTouching .carousel-control-next img {
     width: 28px;
     height: 28px;
     filter: invert(1);
 }



 /* Footer */
 .footer {
     position: relative;
     width: 100%;
     margin-top: 150px;
 }

 .footer-background {
     background-color: #f09928;
     border-radius: 150px 150px 0 0;
     padding: 40px 16px;
     position: relative;
 }

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

 .footer-section h3 {
     font-size: 20px;
     font-weight: 600;
     color: #000000;
     margin-bottom: 16px;
 }

 .footer-links {
     list-style: none;
 }

 .footer-links li {
     margin-bottom: 12px;
 }

 .footer-links a {
     color: #000000;
     text-decoration: none;
     font-size: 16px;
     transition: color 0.3s ease;
 }

 .footer-links a:hover {
     color: #ffffff;
 }

 .contact-info {
     display: flex;
     flex-direction: column;
     gap: 24px;
 }

 .contact-item {
     display: flex;
     align-items: center;
     gap: 16px;
 }

 .contact-icon {
     width: 50px;
     height: 50px;
     border: 1px solid #0000001f;
     border-radius: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .contact-text {
     color: #000000;
     font-size: 16px;
     line-height: 1.6;
     word-wrap: break-word;
     font-weight: 500;
 }

 .footer-bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px 135px;
     margin-top: 40px;
     flex-wrap: wrap;
 }

 .social-links {
     display: flex;
     gap: 16px;
 }

 .social-icon {
     width: 50px;
     height: 50px;
     border: 1px solid #0000001f;
     border-radius: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background-color 0.3s ease;
 }

 .social-icon img {
     height: 20px;
     width: 20px;
 }

 .social-icon:hover {
     background-color: #ebc752;
 }

 .copyright {
     text-align: center;
     color: #000000;
     font-size: 15px;
 }

 .dancer-image {
     position: absolute;
     right: 48px;
     top: -230px;
     width: 500px;
     height: auto;
     border-radius: 222px;
     object-fit: cover;
     z-index: 10;
 }

 /* Responsive: ensure layout unchanged */
 @media (max-width: 768px) {

     .guru-image,
     .devotion-text {
         transform: none;
         /* on small screens we don't want big offsets */
         opacity: 1;
         transition: none;
     }

     .dancer-image {
         width: 180px;
         top: -90px;
         right: 16px;
     }
 }

 /* Mobile View  */
 @media (max-width: 767px) {
     .hamburger {
         display: block;
         order: 1;
     }

     .logo {
         order: 3;
         width: 30px;
     }

     .nav-menu {
         order: 3;
         display: none;
         flex-direction: column;
         width: 100%;
         background: rgba(0, 0, 0, 0.9);
         padding: 10px 0;
         text-align: center;
     }

     .nav-menu a {
         display: block;
         color: #fff;
         text-decoration: none;
     }

     .nav-menu a.active {
         color: #f59c22;
     }

     .nav-menu.show {
         display: flex;
     }

     .register-btn {
         order: 2;
         width: 140px;
     }

     .hero-section {
         margin-top: -185px;
     }

     .hero-content {
         margin-top: 140px;
     }

     .hero-slider {
         position: relative;
         width: 500px;
         height: 280px;
         overflow: hidden;
     }

     .hero-title.show-text {
         font-size: 32px;
         font-weight: 400;
         line-height: 100%;
     }

     .hero-subtitle.show-text {
         font-size: 15px;
         line-height: 1.3;
     }

     .welcome-section {
         text-align: center;
         margin-top: -250px;
     }

     .welcome-title {
         font-family: 'Monotype Corsiva', cursive;
         font-size: 40px;
         font-weight: 400;
         line-height: 1.2;
     }

     .welcome-description {
         font-size: 18px;
         font-weight: 300;
         line-height: 1.3;
         color: #ffffff;
         max-width: 1200px;
     }

     .decorative-frame {
         display: none;
     }

     .devotion-section {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 50px 80px;
         color: #fff;
     }

     .devotion-content {
         flex-direction: column;
         text-align: center;
         line-height: 1.9;
         max-width: 430px;
     }

     .guru-image .devotion-image {
         width: 85%;
         height: 85%;
         object-fit: cover;
         display: block;
     }

     .guru-image {
         order: -1;
         margin-right: 100px;
         margin-top: -80px;
     }

     .devotion-text {
         order: 0;
     }

     .quote-section {
         position: relative;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         min-height: 400px;
         margin-top: 6px;
     }

     .mandala-bg {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 410px;
         height: 410px;
         opacity: 0.3;
         z-index: 1;
     }

     .quote-text {
         font-family: 'Monotype Corsiva', cursive;
         font-size: 32px;
         font-weight: 400;
         line-height: 1.2;
         color: #ffffff;
         text-align: center;
     }

     .test {
         margin-top: -20px;
     }

     .gallery-section {
         margin-top: 5px;
     }

     .testimonials-bg {
         display: none;
     }

     .testimonials-title {
         font-family: 'Monotype Corsiva', cursive;
         font-size: 35px;
         font-weight: 400;
         line-height: 1.2;
         color: #f09928;
         margin-top: -120px;
         text-align: center;
     }

     .testimonials-subtitle {
         font-size: 20px;
         font-weight: 300;
         line-height: 1.3;
         color: #ffffff;
         margin-bottom: 34px;
         text-align: center;
     }

     .testimonial-card {
         flex-shrink: 0;
         width: 415px !important;
         height: 400px !important;
         background: transparent;
         border: 1px solid #f09928;
         border-radius: 12px;
         padding: 18px 20px !important;
     }

     .testimonial-text {
         line-height: 1.9;
         font-family: 'Plus Jakarta Sans', Arial, sans-serif;
         font-size: 14px;
     }

     .testimonial-author {
         display: flex;
         align-items: center;
         gap: 15px;
         margin-top: -5px;
     }

     .testimonial-author .author-avatar {
         width: 32px !important;
         height: 32px !important;
         border-radius: 50%;
         object-fit: cover;
     }

     .author-info h4 {
         font-size: 10px;
         font-weight: 700;
         line-height: 1.3;
         color: #ffffff;
         margin-top: 20px;
     }

     .author-info p {
         font-size: 10px;
         font-weight: 500;
         color: #ffffff;
     }

     .rating {
         width: 64px;
         height: 11px;
     }

     #carouselExampleControlsNoTouching .carousel-control-prev {
         right: 75px;
         left: auto;
     }

     #carouselExampleControlsNoTouching .carousel-control-next {
         right: 100px;
     }

     .cta-section {
         text-align: center;
         padding: 82px 16px 78px;
         margin-top: 160px;
     }

     .cta-title {
         font-family: 'Monotype Corsiva', cursive;
         font-size: 32px;
         font-weight: 400;
         line-height: 1.2;
         color: #f09928;
     }

     .dancer-image {
         position: absolute;
         right: 48px;
         top: -150px;
         width: 335px;
         height: 323;
         border-radius: 222px;
         object-fit: cover;
         z-index: 10;
     }

     .footer-section h3 {
         font-size: 20px;
         font-weight: 600;
         color: #000000;
         margin-top: 100px;
     }

     .contact-text {
         color: #000000;
         font-size: 16px;
         line-height: 1.6;
         word-wrap: break-word;
         font-weight: 500;
         width: 350;
     }

     .footer-bottom {
         flex-direction: column-reverse;
         align-items: center;
         gap: 10px;
         padding: 16px 13px;
         margin-top: -5px;
     }

     .footer-bottom .copyright {
         text-align: center;
         white-space: nowrap;
     }

     .footer-bottom .social-links {
         justify-content: center;
     }



 }