/* @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Tiro+Telugu:ital@0;1&display=swap"); */
/* @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Telugu:wght@100..900&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Telugu:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* Base Styles */
:root {
  --primary-color: #9b87f5;
  --secondary-color: #d6bcfa;
  --accent-color: #7e69ab;
  --text-color: #333333;
  --background-color: #f9f5ff;
  --gold: #d4af37;
  --deep-purple: #6e59a5;
  --deep-blue: #4a3b8f;
  --light-lavender: #e5deff;
  --border-radius: 8px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* font-family: "Poppins", sans-serif; */
  /* font-family: "Roboto, Gurajada", sans-serif; */
  color: var(--text-color);
  background-color: var(--background-color);
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Playfair Display", serif; */
  font-weight: 700;
}
cite {
  font-size: 90%;
  color: var(--deep-blue);
  text-align: right;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

a {
  text-decoration: none;
  color: var(--accent-color);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--deep-purple);
}
img {
  max-inline-size: 100%;
  display: block;
}
.btn {
  display: inline-block;
  padding: 5px 10px;
  background: linear-gradient(135deg, var(--primary-color), var(--deep-purple));
  color: white;
  border-radius: var(--border-radius);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  color: var(--gold);
}

.btn-sm {
  padding: 5px 10px;
  font-size: 0.8rem;
  float: right;
  background: none;
  color: var(--deep-blue);
}
.btn-sm-2 {
  padding: 2px 8px;
  font-size: 0.8rem;
  color: var(--light-lavender);
  cursor: pointer;
  border-radius: 5px;
  background-color: var(--deep-purple);
}
.btn.large {
  padding: 15px 30px;
  font-size: 1.1rem;
}

.center-btn {
  text-align: center;
  margin-top: 2rem;
}

.section-heading {
  text-align: center;
  margin-bottom: 1.2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-heading-poems {
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-heading h2,
.section-heading-poems h2 {
  font-size: 2rem;
  position: relative;
  padding: 0 1.5rem;
  color: var(--deep-purple);
}

.ornament {
  width: 100px;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--primary-color),
    transparent
  );
  position: relative;
}

.ornament:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: var(--primary-color);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.ornament.left:before {
  right: 0;
}

.ornament.right:before {
  left: 0;
}

/* Navigation */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  backdrop-filter: blur(10px);
  background-color: rgba(249, 245, 255, 0.85);
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem;
  font-size: calc(1vw, 1rem, 1.2rem);
}

.logo {
  width: 350px;
  height: auto;
  display: block;
}
.logo-text {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--deep-purple);
}

.nav-links {
  display: flex;
  gap: 1.5rem;
}

.nav-links a {
  color: var(--text-color);
  font-weight: 500;
  position: relative;
}

.nav-links a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary-color);
  transition: width 0.3s ease;
}

.nav-links a:hover::after {
  width: 100%;
}

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

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

/* Hero Section */
.hero-section {
  /* height: 100vh; */
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #e5deff, #d6bcfa);
  padding-block: 20px;
  background-image: url("/images/hero-section.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rays {
  background-image: url("/images/hero-section.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: float 15s infinite ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.animated-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.paisley {
  position: absolute;
  width: 200px;
  height: 200px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%239b87f5' opacity='0.2' d='M100,15c-47.5,0-86,38.5-86,86s38.5,86,86,86c47.5,0,86-38.5,86-86S147.5,15,100,15z M100,170c-38.1,0-69-30.9-69-69s30.9-69,69-69s69,30.9,69,69S138.1,170,100,170z'/%3E%3Cpath fill='%23D6BCFA' opacity='0.2' d='M128.5,84.9c-4.2-20.9-23.5-35.5-44.4-31.2c-8.4,1.7-16,6.5-21.3,13.5c-5.3,7-7.6,15.7-6,24.1c1.2,5.8,4.2,10.9,8.2,14.8c-3.8,2.9-6.6,7-7.3,11.8c-1.5,8.4,4.1,16.4,12.5,17.9c8.4,1.5,16.4-4.1,17.9-12.5c1.5-8.4-4.1-16.4-12.5-17.9c-0.2,0-0.4-0.1-0.6-0.1c-3.2-3.3-5.2-7.5-6-12.2c-1.2-6,0.5-12.2,4.3-17.3c3.8-5.1,9.3-8.5,15.3-9.7c15-3,29.2,6.9,31.8,21.9c2.5,14.5-7.1,28.4-21.5,31c-7.8,1.4-15.7-1-21.7-6.4c0.3-0.9,0.5-1.8,0.5-2.8c0.1-4.4-3.4-8.1-7.8-8.3c-4.4-0.1-8.1,3.4-8.3,7.8c-0.1,4.4,3.4,8.1,7.8,8.3c2.7,0.1,5.2-1.2,6.8-3.4c7.3,6.6,17.1,9.5,26.9,7.7C120.1,120.8,133.5,101.5,128.5,84.9z M96.3,122.4c-4.2-0.1-7.5-3.6-7.4-7.8c0.1-4.2,3.6-7.5,7.8-7.4c4.2,0.1,7.5,3.6,7.4,7.8C103.9,119.2,100.5,122.5,96.3,122.4z'/%3E%3C/svg%3E");
  background-size: contain;
  opacity: 0.6;
  animation: float 15s infinite ease-in-out;

  /* background-color: #e0b8e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); */
}

.p1 {
  top: 10%;
  left: 5%;
  animation-delay: 0s;
}

.p2 {
  top: 70%;
  left: 80%;
  animation-delay: 3s;
}

.p3 {
  top: 40%;
  left: 90%;
  animation-delay: 6s;
}

.p4 {
  top: 80%;
  left: 15%;
  animation-delay: 9s;
}

.p5 {
  top: 15%;
  left: 70%;
  animation-delay: 12s;
}

@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

.hero-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
  position: relative;
  z-index: 1;
  padding-block: 20px;
}

.hero-image {
  position: relative;
  width: 350px;
  height: 350px;
}

.hero-image img,
video {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  border: 5px solid white;
  box-shadow: 0 0 25px rgba(155, 135, 245, 0.3);
  object-fit: cover;
  object-position: top;
}

.image-border {
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  border: 2px dashed var(--primary-color);
  border-radius: 50%;
  animation: spin 30s linear infinite;
}

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

.hero-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 500px;
  /* padding: 2rem; */
  /* background-color: rgba(255, 255, 255, 0.15); */
  /* background-color: #f7f9f6; */
  /* backdrop-filter: blur(10px); */
  /* border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
}

.hero-text h1 {
  font-size: 5rem;
  margin-bottom: 0rem;
  color: var(--deep-purple);
  text-shadow: 7px 6px 5px rgb(203 193 232);
}

.hero-text h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--accent-color);
  text-shadow: 7px 6px 5px rgb(203 193 232);
}
.hero-text h3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-weight: 400;
  color: var(--accent-color);
  text-shadow: 7px 6px 5px rgb(203 193 232);
}

.decorative-line {
  width: 50%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--primary-color),
    transparent
  );
  margin: 1rem auto;
}
.hero-text p {
  font-size: 1rem;
  padding-inline: 2rem;
  margin-bottom: 2rem;
  color: var(--accent-color);
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 2px;
}

/* About Section */
.about-section {
  position: relative;
  padding: 2rem 0;
  /* background-color: white; */
  background-color: transparent;
  position: relative;
  overflow: hidden;
}

.about-section::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  /*  */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cpath d='M10 10h123v123H10z'/%3E%3C/svg%3E");
  background-size: contain;
  top: -50px;
  left: -50px;
  /* opacity: 0.1; */
  z-index: 0;
}

.about-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  position: relative;
  z-index: 1;
  justify-content: center;
  align-content: center;
}

.about-image {
  /* flex: 1; */
  /* max-width: 350px; */
  position: relative;
}
.about-text-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.about-text-container p {
  margin-bottom: 0.2rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  color: var(--text-color);
}
.about-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-image-container img {
  width: 250px !important;
  height: auto;
  margin-bottom: 10px;
  box-shadow: 3px 4px 8px 5px rgb(205 191 224);
  border-radius: 10px;
}
.about-image img {
  width: 350px;
  height: auto;
  /* border-radius: var(--border-radius); 
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);*/
  align-self: center;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .about-content {
    flex-direction: column;
    align-items: center;
  }
  .about-image {
    max-width: 100%;
    margin-bottom: 2rem;

    place-items: center;
  }
  .about-image img {
    width: 60%;
  }
}

.border-decoration {
  /* position: absolute;
  top: -10px;
  left: -10px;
  right: 10px;
  bottom: 10px; */
  border: 2px solid var(--gold);
  border-radius: var(--border-radius);
  z-index: -1;
}

.about-text {
  flex: 1;
  min-width: 300px;
}

.about-text p {
  margin-bottom: 1.5rem;
  line-height: 1.8;
  text-align: justify;
}

.signature {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  margin-top: 2rem;
  color: var(--deep-red);
}

/* Books Section */
.books-section {
  padding: 2rem 0;
  background-color: white;
  /* background-color: var(--background-color); */
  position: relative;
}

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

.book-card {
  background-color: var(--background-color);
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding-bottom: 2rem;
  text-align: center;
}

.book-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.book-cover {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.book-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding-top: 5px;
  transition: transform 0.5s ease;
}

.book-card:hover .book-cover img {
  transform: scale(1.05);
}

.book-card h3 {
  margin: 1rem 0 0.5rem;
  padding: 0 1rem;
  color: var(--accent-color);
  font-size: 1.2rem;
}

.book-card p {
  padding: 0 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.book-card .bookMsg {
  display: inline-block;
  padding: 0 1.5rem;
  margin-block: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.book-card h3 span {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  display: block;
  font-size: 0.8rem;
  margin-block: 0.5rem;
  color: var(--text-color);
}
.buttons {
  display: flex;
  font-size: 0.7rem;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.book-card .event {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* .book-card .event span {
  font-size: 0.8rem;
  color: var(--deep-blue);
} */
.event-images {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.event-images img {
  width: 350px;
  /* height: 150px; */
  border-radius: var(--border-radius);
  object-fit: cover;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
/** Card **/

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  padding-bottom: 1rem;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */
.card-container {
  padding: 2px 2px;
}
.card-container h4 {
  font-size: 0.9rem;
  margin-block: 0.5rem;
  color: var(--accent-color);
  text-align: center;
}

.card img {
  margin: 0 auto;
  /* width: 200px;
  height: auto; */
  width: 200px;
  height: 150px;
  border-radius: var(--border-radius);
  object-fit: cover;
  object-position: center;
}

/* Poems Section */
.poems-section {
  padding-block: 3rem;
  background-color: white;
  /* margin-block: 2rem; */
  position: relative;
}
.animated-bg-poems {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.img-sign {
  /* height: auto;
  width: 200px; */
  float: right !important;
  position: relative;
}
.img-sign img {
  height: auto !important;
  width: 125px !important;
}
.img-sign::before {
  content: "--";
  width: 20px;
  height: 20px;
  left: -15px;
  top: 5px;
  color: red;
  position: absolute;
}

.poems-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%237E69AB' opacity='0.1' d='M100,15c-47.5,0-86,38.5-86,86s38.5,86,86,86c47.5,0,86-38.5,86-86S147.5,15,100,15z M100,170c-38.1,0-69-30.9-69-69s30.9-69,69-69s69,30.9,69,69S138.1,170,100,170z'/%3E%3Cpath fill='%239b87f5' opacity='0.1' d='M128.5,84.9c-4.2-20.9-23.5-35.5-44.4-31.2c-8.4,1.7-16,6.5-21.3,13.5c-5.3,7-7.6,15.7-6,24.1c1.2,5.8,4.2,10.9,8.2,14.8c-3.8,2.9-6.6,7-7.3,11.8c-1.5,8.4,4.1,16.4,12.5,17.9c8.4,1.5,16.4-4.1,17.9-12.5c1.5-8.4-4.1-16.4-12.5-17.9c-0.2,0-0.4-0.1-0.6-0.1c-3.2-3.3-5.2-7.5-6-12.2c-1.2-6,0.5-12.2,4.3-17.3c3.8-5.1,9.3-8.5,15.3-9.7c15-3,29.2,6.9,31.8,21.9c2.5,14.5-7.1,28.4-21.5,31c-7.8,1.4-15.7-1-21.7-6.4c0.3-0.9,0.5-1.8,0.5-2.8c0.1-4.4-3.4-8.1-7.8-8.3c-4.4-0.1-8.1,3.4-8.3,7.8c-0.1,4.4,3.4,8.1,7.8,8.3c2.7,0.1,5.2-1.2,6.8-3.4c7.3,6.6,17.1,9.5,26.9,7.7C120.1,120.8,133.5,101.5,128.5,84.9z M96.3,122.4c-4.2-0.1-7.5-3.6-7.4-7.8c0.1-4.2,3.6-7.5,7.8-7.4c4.2,0.1,7.5,3.6,7.4,7.8C103.9,119.2,100.5,122.5,96.3,122.4z'/%3E%3C/svg%3E");
  background-size: contain;
  opacity: 0.1;
  z-index: 0;
}

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

.poem-card {
  position: relative;
  /* background-color: rgba(255, 245, 235, 0.8); */
  background-color: var(--background-color);
  border-radius: var(--border-radius);
  padding: 1rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid var(--primary-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.poem-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.poem-card p {
  margin-bottom: 1.5rem;
  line-height: 1.8;
  font-style: italic;
  color: var(--text-color);
}
.poem-decoration {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath fill='%23D76D77' opacity='0.3' d='M20,3c-9.4,0-17,7.6-17,17s7.6,17,17,17s17-7.6,17-17S29.4,3,20,3z M20,34c-7.7,0-14-6.3-14-14S12.3,6,20,6s14,6.3,14,14S27.7,34,20,34z'/%3E%3Cpath fill='%23FFBE76' opacity='0.3' d='M25.7,17c-0.8-4.2-4.7-7.1-8.9-6.2c-1.7,0.3-3.2,1.3-4.3,2.7c-1.1,1.4-1.5,3.1-1.2,4.8c0.2,1.2,0.8,2.2,1.6,3c-0.8,0.6-1.3,1.4-1.5,2.4c-0.3,1.7,0.8,3.3,2.5,3.6c1.7,0.3,3.3-0.8,3.6-2.5c0.3-1.7-0.8-3.3-2.5-3.6c0,0-0.1,0-0.1,0c-0.6-0.7-1-1.5-1.2-2.4c-0.2-1.2,0.1-2.4,0.9-3.5c0.8-1,1.9-1.7,3.1-1.9c3-0.6,5.9,1.4,6.4,4.4c0.5,2.9-1.4,5.7-4.3,6.2c-1.6,0.3-3.1-0.2-4.4-1.3c0.1-0.2,0.1-0.4,0.1-0.6c0-0.9-0.7-1.6-1.6-1.7c-0.9,0-1.6,0.7-1.7,1.6c0,0.9,0.7,1.6,1.6,1.7c0.5,0,1-0.2,1.4-0.7c1.5,1.3,3.4,1.9,5.4,1.5C24,24.2,26.7,20.3,25.7,17z M19.3,24.5c-0.8,0-1.5-0.7-1.5-1.6c0-0.8,0.7-1.5,1.6-1.5c0.8,0,1.5,0.7,1.5,1.6C20.8,23.8,20.1,24.5,19.3,24.5z'/%3E%3C/svg%3E");
  background-size: contain;
}

.poem-card h3 {
  margin-bottom: 1rem;
  color: var(--deep-red);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.poem-card p {
  line-height: 1.8;
  font-style: italic;
}

.poem-card img {
  width: 100%;
  max-width: 250px;
  height: auto;
  border-radius: var(--border-radius);
}
.siwper-card {
  background-color: #9b87f5 !important;
}
/* Appreciations Section */
.appreciations-section {
  padding: 2rem 0;
  /* background-color: var(--background-color); */
  /* background-image: url("https://cdn.svgator.com/images/2024/07/SVG-background-animation.gif"); */
  background: linear-gradient(
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.6)
    ),
    url("https://cdn.svgator.com/images/2024/07/SVG-background-animation.gif");
  position: relative;
}
.whte-bg {
  background-color: white;
}

.appreciations-3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80%;
  background: linear-gradient(90deg, var(--primary-color) 0%, transparent 100%);
  opacity: 0.1;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  z-index: 0;
}

.testimonials {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  position: relative;
  z-index: 1;
}
.appreciations-section {
  padding: 2rem 0;
  background-color: white;
  position: relative;
}
.stories {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
  padding-bottom: 25px;
  justify-content: center;
  align-items: center;
}

.testimonial {
  background-color: white;
  padding: 2rem;
  border-radius: var(--border-radius);
  border-width: 2px;
  border-color: var(--primary-color);
  border-style: solid;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  position: relative;
  max-width: 350px;
  /* background: linear-gradient(90deg, var(--light-lavender) 10%, transparent 100%); */
  background-color: var(--background-color);
}

.quote-mark {
  font-family: "Playfair Display", serif;
  font-size: 4rem;
  position: absolute;
  top: -30px;
  left: 10px;
  color: var(--deep-blue);
  /* opacity: 0.2; */
  line-height: 1;
}
.quote-mark-2 {
  position: absolute;
  top: -18px;
  left: 5px;
  color: var(--gold);
  /* opacity: 0.2; */
  line-height: 1;
}
.quote-mark-3 {
  position: absolute;
  top: 15px;
  left: 15px;
  color: var(--gold);
  /* opacity: 0.2; */
  line-height: 1;
}

.testimonial p {
  position: relative;
  z-index: 1;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
.testimonial .cite > * {
  float: right;
}

.testimonial-author {
  font-weight: 600;
  color: var(--accent-color);
  text-align: right;
  font-size: 1rem;
}

.author-wrapper {
  display: flex;
  place-content: space-between;
  align-items: center;
  gap: 2px;
}
.author-wrapper img {
  width: auto;
  height: 100px;
  border-radius: 10%;
  margin-right: 0.5rem;
}
.author-wrapper cite {
  font-size: 0.6rem;
  color: var(--deep-blue);
  margin-bottom: 0;
}

.author-modal {
  display: flex;
  flex-direction: column;
  place-items: flex-end;
  gap: 0.5rem;
  margin-block: 1.5rem;
}
.author-modal cite {
  font-size: 0.8rem;
  color: var(--deep-blue);
  margin-bottom: 0;
  float: right;
}
.img-fluid {
  width: 150px;
  height: auto;
  border-radius: var(--border-radius);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  /* margin: 0 auto; */
  display: block;
  transition: transform 0.3s ease;
  border-radius: 10px;
}
/* Family Section */
.family-section {
  padding: 2rem 0;
  background-color: var(--background-color);
  position: relative;
}

/* .family-section::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 150px;
  background: linear-gradient(135deg, transparent, var(--primary-color));
  opacity: 0.1;
  z-index: 0;
} */

.family-intro {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 3rem;
  line-height: 1.8;
}

.family-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}

.gallery-item {
  position: relative;

  overflow: hidden;
  border-radius: var(--border-radius);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

.gallery-item:hover {
  transform: translateY(-5px);
}

.gallery-item:hover img {
  filter: grayscale(0);
}

.gallery-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: top;
  transition: transform 0.5s ease;
  display: block;
  filter: grayscale(1);
}

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

.image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 0.5rem;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  text-align: center;
}

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

/* Footer */
footer {
  padding: 4rem 0 2rem;
  background-color: var(--deep-blue);
  color: white;
}

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

.footer-logo h3 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.footer-links {
  display: flex;
  flex-direction: column;
}

.footer-links h4,
.footer-contact h4 {
  margin-bottom: 1rem;
  color: var(--secondary-color);
}

.footer-links a {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.5rem;
}

.footer-links a:hover {
  color: white;
}

.footer-contact p {
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
}

/* Responsive */
@media screen and (max-width: 768px) {
  .hero-text h1 {
    font-size: 3.5rem;
  }

  .hero-text h2 {
    font-size: 1.2rem;
  }

  .hero-text {
    padding: 1.5rem;
  }
  .hero-content {
    padding-bottom: 5rem;
  }

  .hero-image {
    width: 280px;
    height: 280px;
  }

  .nav-links {
    display: none;
  }

  .hamburger {
    display: flex;
  }

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

  .ornament {
    width: 60px;
  }
}

.lang-change {
  /* color: transparent; */
  animation: blur 0.5s ease-out reverse;
  -webkit-animation: blur 0.5s ease-out reverse;
}

/* Blur Animation */
@keyframes blur {
  0%,
  90% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
  }
  50% {
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -o-filter: blur(50px);
    -ms-filter: blur(50px);
  }
}

/* filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: url(blur.svg#blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); */

/** Switch**/

#google_translate_element {
  width: 300px;
  float: right;
  text-align: right;
  display: block;
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
body {
  top: 0px !important;
}
#goog-gt-tt {
  display: none !important;
  top: 0px !important;
}
.goog-tooltip skiptranslate {
  display: none !important;
  top: 0px !important;
}
.activity-root {
  display: hide !important;
}
.status-message {
  display: hide !important;
}
.started-activity-container {
  display: hide !important;
}

.switch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
}

.switch > span {
  position: absolute;
  top: 12px;
  pointer-events: none;
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  width: 50%;
  text-align: center;
}

input.check-toggle-round-flat:checked ~ .off {
  /* color: #f36f25; */
  color: var(--deep-purple);
}

input.check-toggle-round-flat:checked ~ .on {
  color: #fff;
}

.switch > span.on {
  left: 0;
  padding-left: 2px;
  /* color: #f36f25; */

  color: var(--deep-purple);
}

.switch > span.off {
  right: 0;
  padding-right: 4px;
  color: #fff;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.check-toggle-round-flat + label {
  padding: 0px;
  width: 60px;
  height: 30px;
  /* background-color: #f36f25; */
  background-color: var(--deep-purple);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:before,
input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.check-toggle-round-flat + label:before {
  top: 2px;
  /* left: 4px; */
  bottom: 2px;
  right: 2px;
  /* background-color: #f36f25; */
  background-color: var(--deep-purple);
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 30px;
  background-color: #fff;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

input.check-toggle-round-flat:checked + label:after {
  margin-left: 22px;
}
/****/

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

.paisley {
  animation: float 15s infinite ease-in-out, rotatePaisley 30s linear infinite;
}

/** Animation Style **/
.section-heading,
.about-content,
.books-grid,
.poem-card,
.testimonial,
.stories,
.gallery-item,
.family-intro {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.appear {
  opacity: 1;
  transform: translateY(0);
}

.about-content.appear,
.books-grid.appear,
.books-card.appear,
.poems-container.appear,
.testimonials.appear,
.family-gallery.appear {
  transition-delay: 0.2s;
}

.nav-links.show {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgba(249, 245, 255, 0.95);
  padding: 1rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
  animation: slideDown 0.3s ease-out forwards;
}

.nav-links.show a {
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hamburger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

nav.scrolled {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

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

/* Poems Carousel Styles */
.poems-carousel {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;

  padding: 0px 20px 0px 20px;
}

.carousel-container {
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-track .poem-card {
  flex: 0 0 100%;
  opacity: 1;
  transform: translateY(0);
  /*padding: 0 20px;*/
  box-sizing: border-box;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.carousel-button {
  background-color: rgba(230, 218, 255, 0.5);
  color: #6b4e8b;
  border: 1px solid #d9c6f7;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  box-shadow: 0 2px 5px rgba(107, 78, 139, 0.2);
  transition: all 0.3s ease;
  margin: 0 10px;
}

.carousel-button:hover {
  background-color: #d9c6f7;
}

.carousel-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.carousel-dots {
  display: flex;
  justify-content: center;
  margin: 0 15px;
}

.carousel-dot {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #d9c6f7;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
  display: flex;
}

.carousel-dot.active {
  background-color: #6b4e8b;
  transform: scale(1.2);
  color: var(--light-lavender);
}

/** IOCNS **/
.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  /* background-color: var(--gold); */
  background-color: #7963dd;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: color 0.3s ease;
  position: relative;
  top: 5px;
}

.home-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/%3E%3C/svg%3E");
}
.about-me-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
}
.poems-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.5 16q1.175 0 2.288.263T11 17.05V7.2q-1.025-.6-2.175-.9T6.5 6q-.9 0-1.788.175T3 6.7v9.9q.875-.3 1.738-.45T6.5 16m6.5 1.05q1.1-.525 2.213-.787T17.5 16q.9 0 1.763.15T21 16.6V6.7q-.825-.35-1.713-.525T17.5 6q-1.175 0-2.325.3T13 7.2zm-1 2.425q-.35 0-.663-.087t-.587-.238q-.975-.575-2.05-.862T6.5 18q-1.05 0-2.062.275T2.5 19.05q-.525.275-1.012-.025T1 18.15V6.1q0-.275.138-.525T1.55 5.2q1.15-.6 2.4-.9T6.5 4q1.45 0 2.838.375T12 5.5q1.275-.75 2.663-1.125T17.5 4q1.3 0 2.55.3t2.4.9q.275.125.413.375T23 6.1v12.05q0 .575-.487.875t-1.013.025q-.925-.5-1.937-.775T17.5 18q-1.125 0-2.2.288t-2.05.862q-.275.15-.587.238t-.663.087m2-10.7q0-.225.163-.462T14.525 8q.725-.25 1.45-.375T17.5 7.5q.5 0 .988.063t.962.162q.225.05.388.25t.162.45q0 .425-.275.625t-.7.1q-.35-.075-.737-.112T17.5 9q-.65 0-1.275.125t-1.2.325q-.45.175-.737-.025T14 8.775m0 5.5q0-.225.163-.462t.362-.313q.725-.25 1.45-.375T17.5 13q.5 0 .988.063t.962.162q.225.05.388.25t.162.45q0 .425-.275.625t-.7.1q-.35-.075-.737-.112T17.5 14.5q-.65 0-1.275.113t-1.2.312q-.45.175-.737-.012T14 14.275m0-2.75q0-.225.163-.462t.362-.313q.725-.25 1.45-.375t1.525-.125q.5 0 .988.063t.962.162q.225.05.388.25t.162.45q0 .425-.275.625t-.7.1q-.35-.075-.737-.112t-.788-.038q-.65 0-1.275.125t-1.2.325q-.45.175-.737-.025t-.288-.65'/%3E%3C/svg%3E");
}
.books-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.98 21q-.816 0-1.398-.541Q5 19.917 5 19.119V5.766q0-.778.53-1.364t1.306-.748l8.78-1.854v14.616l-8.86 1.919q-.302.069-.529.276q-.227.206-.227.508q0 .39.292.636t.689.245H18V5h1v16zm.405-3.81l1-.207V4.36l-1 .207z'/%3E%3C/svg%3E");
}
.appreciation-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M4.46 5.16L5 7.46l-.54 2.29l2.01 1.24L7.7 13l2.3-.54l2.3.54l1.23-2.01l2.01-1.24L15 7.46l.54-2.3l-2-1.24l-1.24-2.01l-2.3.55l-2.29-.54l-1.25 2zm5.55 6.34a3.999 3.999 0 1 1 0-8c2.2 0 3.99 1.79 3.99 3.99c0 2.22-1.79 4.01-3.99 4.01m-.02-1C8.33 10.5 7 9.16 7 7.5c0-1.65 1.33-3 2.99-3S13 5.85 13 7.5c0 1.66-1.35 3-3.01 3m3.84 1.1l-1.28 2.24l-2.08-.47L13 19.2l1.4-2.2h2.5zm-7.7.07l1.25 2.25l2.13-.51L7 19.2L5.6 17H3.1z'/%3E%3C/svg%3E");
}
.myworld-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M23.992 26h.04c5.523 0 10-4.477 10-10s-4.477-10-10-10h-.08c-5.486.043-9.92 4.504-9.92 10s4.434 9.957 9.92 10zm7.978-9h-2q-.062 1.037-.245 2h1.726c.255-.63.432-1.301.52-2m-1.693 4h-1.08c-.205.59-.445 1.143-.716 1.65A8 8 0 0 0 30.277 21m-2.592-2c.137-.627.234-1.297.281-2h-2.934v2zm-2.653 2h2.023a8.5 8.5 0 0 1-.527 1.042c-.5.831-1.017 1.345-1.496 1.636zm-2-2v-2h-2.998c.047.703.144 1.373.281 2zm-2.087 2h2.087v2.716c-.496-.284-1.038-.805-1.56-1.674A8.5 8.5 0 0 1 20.945 21m-2.67-2q-.183-.963-.245-2h-1.936c.087.699.264 1.37.52 2zm-.488 2h1.016c.195.564.424 1.094.68 1.581A8 8 0 0 1 17.787 21m12.183-6a16 16 0 0 0-.245-2h1.726c.255.63.432 1.301.52 2zm.307-4h-1.08a11.5 11.5 0 0 0-.716-1.65A8 8 0 0 1 30.277 11m-5.245 0h2.023a8.5 8.5 0 0 0-.527-1.042c-.5-.832-1.017-1.345-1.496-1.636zm2.653 2h-2.653v2h2.934a14 14 0 0 0-.281-2m-4.653-4.716V11h-2.087q.242-.567.527-1.042c.521-.869 1.064-1.39 1.56-1.674m0 4.716h-2.717a14 14 0 0 0-.281 2h2.998zm-3.55-3.581a11.6 11.6 0 0 0-.68 1.581h-1.015a8 8 0 0 1 1.696-1.581M18.276 13h-1.662a8 8 0 0 0-.52 2h1.937q.062-1.037.245-2' clip-rule='evenodd'/%3E%3Cpath d='M10.109 32.621c.567.602 1.13 1.2 1.66 1.96V36h7.433v-1.419c-.133-1.104-.367-3.093-.388-3.646c-.028-.778-1.072-2.196-1.072-2.196l-3.205-4.04s-.907-.958-1.426-2.02c-.52-1.063-1.624.274-1.77 1.23c-.148.956.132 1.46.132 1.46l1.83 3.638s-2.122-2.907-2.781-4.075c-.334-.592-.427-1.846-.532-3.247c-.101-1.365-.213-2.87-.568-4.04c-.72-2.37-2.802-1.777-3.163-.717c-.36 1.059-.279 8.058-.148 9.225c.103.914.654 1.808 1.275 2.816c.172.28.35.568.525.867c.696 1.192 1.45 1.993 2.198 2.785m26.124 1.96c.53-.76 1.093-1.358 1.66-1.96c.748-.792 1.502-1.593 2.199-2.785c.174-.3.352-.587.524-.866c.621-1.008 1.172-1.903 1.275-2.817c.131-1.167.213-8.166-.148-9.225c-.361-1.06-2.443-1.653-3.163.718c-.354 1.17-.466 2.674-.568 4.039c-.105 1.401-.198 2.655-.532 3.247c-.659 1.169-2.782 4.075-2.782 4.075l1.831-3.638s.28-.504.133-1.46s-1.251-2.293-1.77-1.23c-.52 1.062-1.427 2.02-1.427 2.02l-3.205 4.04s-1.044 1.418-1.072 2.196c-.02.553-.255 2.542-.388 3.646V36h7.433zM26 41a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1zm-3.998 0a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z'/%3E%3C/g%3E%3C/svg%3E");
}
.stories-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.962 18.454q-.18 0-.365-.046q-.185-.047-.333-.133q-1.102-.644-2.295-.96T6.5 17q-.78 0-1.534.13q-.753.132-1.466.42q-.544.217-1.022-.121T2 16.496V6.87q0-.371.205-.669t.537-.423q.881-.388 1.833-.583T6.5 5q1.47 0 2.847.452T12 6.654v10.869q1.256-.8 2.666-1.161Q16.075 16 17.5 16q.823 0 1.378.064q.555.063 1.545.344q.212.057.394.01q.183-.049.183-.318V5.639q.144.028.276.08t.251.135q.237.125.355.356t.118.506v9.742q0 .594-.507.923q-.506.329-1.108.13q-.695-.269-1.419-.39T17.5 17q-1.296 0-2.527.316q-1.23.315-2.333.959q-.148.087-.324.133t-.355.046m2.749-4.089q-.212.187-.461.078T14 14.048V6.681q0-.081.038-.168t.093-.144l4.154-4.153q.211-.212.463-.097t.252.408v7.787q0 .105-.04.183t-.097.134z'/%3E%3C/svg%3E");
}
.quote-icon {
  position: absolute !important;
  top: 45px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M14.505 5.873Q8.6 9.654 8.6 14.98q0 1.657.577 1.657l.396-.107q.467-.18.756-.18q1.692 0 2.825 1.23t1.134 3.036q-.001 1.736-1.225 2.947q-1.224 1.21-2.952 1.21q-2.412 0-3.98-1.983q-1.564-1.98-1.564-4.977q-.001-3.39 1.33-6.203q1.334-2.812 4.068-5.085q2.736-2.271 3.492-2.272q.504 0 .828.486q.324.485.324.845l-.107.288zm12.96 0q-5.905 3.78-5.904 9.108q0 1.657.577 1.657l.396-.107q.467-.18.756-.18q1.656 0 2.807 1.23q1.153 1.228 1.152 3.036q-.001 1.736-1.225 2.947q-1.224 1.21-2.952 1.21q-2.412 0-3.98-1.983q-1.564-1.98-1.564-4.977q-.002-3.426 1.35-6.256q1.35-2.831 4.067-5.067q2.722-2.237 3.475-2.237q.505 0 .83.486q.323.486.323.846z'/%3E%3C/svg%3E");
}
.quote-open-icon {
  top: 12px;
  left: 10px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M14.505 5.873Q8.6 9.654 8.6 14.98q0 1.657.577 1.657l.396-.107q.467-.18.756-.18q1.692 0 2.825 1.23t1.134 3.036q-.001 1.736-1.225 2.947q-1.224 1.21-2.952 1.21q-2.412 0-3.98-1.983q-1.564-1.98-1.564-4.977q-.001-3.39 1.33-6.203q1.334-2.812 4.068-5.085q2.736-2.271 3.492-2.272q.504 0 .828.486q.324.485.324.845l-.107.288zm12.96 0q-5.905 3.78-5.904 9.108q0 1.657.577 1.657l.396-.107q.467-.18.756-.18q1.656 0 2.807 1.23q1.153 1.228 1.152 3.036q-.001 1.736-1.225 2.947q-1.224 1.21-2.952 1.21q-2.412 0-3.98-1.983q-1.564-1.98-1.564-4.977q-.002-3.426 1.35-6.256q1.35-2.831 4.067-5.067q2.722-2.237 3.475-2.237q.505 0 .83.486q.323.486.323.846z'/%3E%3C/svg%3E");
}
.quote-close-icon {
  transform: rotate(180deg);
  top: -5px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M14.505 5.873Q8.6 9.654 8.6 14.98q0 1.657.577 1.657l.396-.107q.467-.18.756-.18q1.692 0 2.825 1.23t1.134 3.036q-.001 1.736-1.225 2.947q-1.224 1.21-2.952 1.21q-2.412 0-3.98-1.983q-1.564-1.98-1.564-4.977q-.001-3.39 1.33-6.203q1.334-2.812 4.068-5.085q2.736-2.271 3.492-2.272q.504 0 .828.486q.324.485.324.845l-.107.288zm12.96 0q-5.905 3.78-5.904 9.108q0 1.657.577 1.657l.396-.107q.467-.18.756-.18q1.656 0 2.807 1.23q1.153 1.228 1.152 3.036q-.001 1.736-1.225 2.947q-1.224 1.21-2.952 1.21q-2.412 0-3.98-1.983q-1.564-1.98-1.564-4.977q-.002-3.426 1.35-6.256q1.35-2.831 4.067-5.067q2.722-2.237 3.475-2.237q.505 0 .83.486q.323.486.323.846z'/%3E%3C/svg%3E");
}
.star-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M11.82 6.044a.2.2 0 0 1 .36 0l1.798 3.741a.2.2 0 0 0 .153.112l4.114.553a.2.2 0 0 1 .111.343l-3.003 2.865a.2.2 0 0 0-.058.18l.745 4.084a.2.2 0 0 1-.292.212L12 16.112l-3.748 2.022a.2.2 0 0 1-.292-.212l.745-4.083a.2.2 0 0 0-.058-.18l-3.003-2.866a.2.2 0 0 1 .111-.343l4.114-.553a.2.2 0 0 0 .153-.112z'/%3E%3C/svg%3E");
}
.contactme-icon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M14.608 12.172c0 .84.239 1.175.864 1.175c1.393 0 2.28-1.775 2.28-4.727c0-4.512-3.288-6.672-7.393-6.672c-4.223 0-8.064 2.832-8.064 8.184c0 5.112 3.36 7.896 8.52 7.896c1.752 0 2.928-.192 4.727-.792l.386 1.607c-1.776.577-3.674.744-5.137.744c-6.768 0-10.393-3.72-10.393-9.456c0-5.784 4.201-9.72 9.985-9.72c6.024 0 9.215 3.6 9.215 8.016c0 3.744-1.175 6.6-4.871 6.6c-1.681 0-2.784-.672-2.928-2.161c-.432 1.656-1.584 2.161-3.145 2.161c-2.088 0-3.84-1.609-3.84-4.848c0-3.264 1.537-5.28 4.297-5.28c1.464 0 2.376.576 2.782 1.488l.697-1.272h2.016v7.057zm-2.951-3.168c0-1.319-.985-1.872-1.801-1.872c-.888 0-1.871.719-1.871 2.832c0 1.68.744 2.616 1.871 2.616c.792 0 1.801-.504 1.801-1.896z'/%3E%3C/svg%3E");
}
.images-icon {
  /* --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23e2d979' d='M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v208c0 44.112 35.888 80 80 80zm96-80V80c0-26.51-21.49-48-48-48H144c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h384c26.51 0 48-21.49 48-48M256 128c0 26.51-21.49 48-48 48s-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48m-96 144l55.515-55.515c4.686-4.686 12.284-4.686 16.971 0L272 256l135.515-135.515c4.686-4.686 12.284-4.686 16.971 0L512 208v112H160z'/%3E%3C/svg%3E"); */
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23f58700' d='M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v208c0 44.112 35.888 80 80 80zm96-80V80c0-26.51-21.49-48-48-48H144c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h384c26.51 0 48-21.49 48-48M256 128c0 26.51-21.49 48-48 48s-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48m-96 144l55.515-55.515c4.686-4.686 12.284-4.686 16.971 0L272 256l135.515-135.515c4.686-4.686 12.284-4.686 16.971 0L512 208v112H160z'/%3E%3C/svg%3E");
}
.youtube-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 180'%3E%3Cpath fill='%23f00' d='M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134'/%3E%3Cpath fill='%23fff' d='m102.421 128.06l66.328-38.418l-66.328-38.418z'/%3E%3C/svg%3E");
}
.pdf-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ef5350' d='M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m4.93 10.44c.41.9.93 1.64 1.53 2.15l.41.32c-.87.16-2.07.44-3.34.93l-.11.04l.5-1.04c.45-.87.78-1.66 1.01-2.4m6.48 3.81c.18-.18.27-.41.28-.66c.03-.2-.02-.39-.12-.55c-.29-.47-1.04-.69-2.28-.69l-1.29.07l-.87-.58c-.63-.52-1.2-1.43-1.6-2.56l.04-.14c.33-1.33.64-2.94-.02-3.6a.85.85 0 0 0-.61-.24h-.24c-.37 0-.7.39-.79.77c-.37 1.33-.15 2.06.22 3.27v.01c-.25.88-.57 1.9-1.08 2.93l-.96 1.8l-.89.49c-1.2.75-1.77 1.59-1.88 2.12c-.04.19-.02.36.05.54l.03.05l.48.31l.44.11c.81 0 1.73-.95 2.97-3.07l.18-.07c1.03-.33 2.31-.56 4.03-.75c1.03.51 2.24.74 3 .74c.44 0 .74-.11.91-.3m-.41-.71l.09.11c-.01.1-.04.11-.09.13h-.04l-.19.02c-.46 0-1.17-.19-1.9-.51c.09-.1.13-.1.23-.1c1.4 0 1.8.25 1.9.35M7.83 17c-.65 1.19-1.24 1.85-1.69 2c.05-.38.5-1.04 1.21-1.69zm3.02-6.91c-.23-.9-.24-1.63-.07-2.05l.07-.12l.15.05c.17.24.19.56.09 1.1l-.03.16l-.16.82z'/%3E%3C/svg%3E");
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
}

/* Modal Content */
/* .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  border-radius: 10px;
} */

/* The Close Button */
.close {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #aaaaaa;
  float: right;
  font-size: 14px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: var(--primary-color);
  color: white;
}

/* Modal Body */
.modal-body {
  margin: 2rem;
  padding: 2px 16px;
}
.modal-body p {
  margin-block: 1rem;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: justify;
}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: var(--secondary-color);
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  animation-name: animatetop;
  animation-duration: 0.4s;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
}
.modal.active .modal-content {
  transform: translateY(0);
}

/* Add Animation */
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/* modal close animation */
@keyframes modalClose {
  from {
    top: 0;
    opacity: 1;
  }
  to {
    top: -300px;
    opacity: 0;
  }
}
.bg-circles {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23DCC8FC'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23DCC8FC'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}
.bg-cross {
  background: radial-gradient(
        circle,
        transparent 20%,
        #fafafa 20%,
        #fafafa 80%,
        transparent 80%,
        transparent
      )
      0% 0% / 64px 64px,
    radial-gradient(
        circle,
        transparent 20%,
        #fafafa 20%,
        #fafafa 80%,
        transparent 80%,
        transparent
      )
      32px 32px / 64px 64px,
    linear-gradient(#cddfe0 2px, transparent 2px) 0px -1px / 32px 32px,
    linear-gradient(90deg, #cddfe0 2px, #fafafa 2px) -1px 0px / 32px 32px #fafafa;
  background-size: 64px 64px, 64px 64px, 32px 32px, 32px 32px;
  background-color: #fafafa;
}

/** FLARE LINK**/
.flare-link {
  position: relative; /* Essential for positioning the pseudo-element */
  display: inline-flex; /* Allows width/height manipulation */
  text-decoration: none;
  /*color: #fff;  Example link color */
  /* padding: 10px 15px; */
  overflow: hidden; /* Hides the initial state of the flare */
}

.flare-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%; /* Start the flare off-screen to the left */
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  ); /* A subtle white gradient for the flare */
  transition: left 0.5s ease-in-out; /* Smooth transition for the flare movement */
}

.flare-link:hover::before {
  left: 100%; /* Move the flare across the link on hover */
}

/* Optional: Add a subtle glow with box-shadow for a more pronounced flare */
/* .flare-link:hover {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5),
    0 0 20px rgba(255, 255, 255, 0.3);
} */

/** Pulsating Heart **/
.pulsingheart {
  height: 300px;
  width: 300px;
  animation: pulse 2s infinite alternate;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
/** End of Pulsating Heart **/