body {
  font-family: 'Poppins', sans-serif;
  color: #000;
  background-color: #f8fafd;
  margin: 0;
}



.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.header-left {

  display: flex;
  align-items: center;
}

.header-center {
  flex: 2;
  display: flex;
  font-size: 14px;
  justify-content: center;
}

.header-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 10px;

}

.logo {
  height: 25px;
  margin: 10px;
}

a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
}

a.active {
  font-size: 11px;
  background-color: black;
  padding: 6px 15px;
  border-radius: 5px;
  color: white;
}

.nav {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}

.nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 30px;
  justify-content: center;
}

.nav-item {
  display: inline;
}

.nav-link {
  text-decoration: none;
  color: #000;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 5px;
}

.nav-link.active {
  color: #fff;
  background-color: #000;
}

.login-button,
.create-account-button {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 8px 17px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
  font-size: 12px;
}

.menu-icon {
  display: none;
  cursor: pointer;
  font-size: 24px;
}


.drawer {
  overflow: scroll;

  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 250px;
  background-color: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
  padding: 20px;
  z-index: 1000;
  max-height: 100vh;
  overflow-y: auto;
  transform: translateX(100%);
  /* Hide the drawer by default */
  transition: transform 0.3s ease-in-out;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
  /* Prevents scrolling */
}

.drawer.active {
  display: block;
  transform: translateX(0);
  /* Slide in the drawer */
}

.drawer .nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.drawer .nav-link {
  display: block;
  margin: 10px 0;
}

.drawer .nav-link.active {
  color: #fff;
  background-color: #000;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}

.overlay.active {
  display: block;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}

.main-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 1rem;
}

.main-content {
  flex: 1;
  padding-right: 20px;
  max-width: 600px;
}

.main-image {
  flex: 1;
  max-width: 600px;
  text-align: center;
}

.main-image img {
  width: 100%;
  height: auto;
}

.user-images {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.user-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.user-image:last-child {
  margin-right: 0;
}

.shadow {
  box-shadow: none !important;
}

.container2 {
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.stats-section {
  text-align: start;
  margin-bottom: 30px;
  margin-left: 57px;
}

.stats-section h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.stats-section p {
  font-size: 16px;
  color: #666;
  margin-bottom: 25px;
  line-height: 36px;

}

.callback-link {
  color: rgb(0, 0, 0);
  text-decoration: none;
  font-weight: bold;
}

h2 {
  font-weight: 800;
  line-height: normal;
  font-size: calc(1.4rem + 1.2vw) !important;
}

h1 {
  font-weight: 800;
  line-height: normal;
  font-size: calc(1.2rem + 1.8vw) !important;
}

.grid-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 800px;
}

.grid-item {
  display: flex;
  align-items: start;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 18px;
  background-color: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  flex-direction: column;
}

.grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.tabler-icon {
  font-size: 32px;
  color: #2a62f4;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #eef3fc;
}

.grid-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
  color: #333;
}

.grid-item p {
  font-size: 14px;
  margin: 0;
  color: #555;
}

.faq-section {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 1rem;
}

.faq-section h2 {
  text-align: center;
}

.faq-item {
  margin-bottom: 1.5rem;
}

.faq-item h5 {
  cursor: pointer;
}

.footer {
  background-color: #1A1F2C;
  color: #E5E7EB;
  padding: 4rem 0;
}

.footer .container {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 1rem;
}

.footer .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.chart-container {
  padding-left: 60px;
  ;

}

.footer1 {
  text-align: center;
}

.footer1 a {
  color: #0D6EFD;
}

@media (max-width: 768px) {

  .footer .grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .shadow {
    margin-top: 21px;
    margin-left: 20px;
  }

  .chart-container {
    padding-left: 0px;

  }
}

.space-y-4>* {
  margin-bottom: 1rem;
}

.space-x-4>* {
  margin-right: 1rem;
}

.text-xl {
  font-size: 1.25rem;
}

.font-semibold {
  font-weight: 600;
}

.text-lg {
  font-size: 1.125rem;
}

.hover-text-primary:hover {
  color: #1EAEDB;
}

.transition-colors {
  transition: color 0.3s ease;
}

.bg-primary {
  background-color: #1EAEDB;
}

.border-t {
  border-top: 1px solid #374151;
}

.text-sm {
  font-size: 0.875rem;
}

.text-gray-400 {
  color: #9CA3AF;
}

.text-gray-200 {
  color: #E5E7EB;
}

.w-8,
.h-8 {
  width: 2rem;
  height: 2rem;
}

.w-6,
.h-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.rounded {
  border-radius: 50%;
}

.mt-16 {
  margin-top: 4rem;
}

.pt-8 {
  padding-top: 2rem;
}

.md\:mt-0 {
  margin-top: 0;
}

.md\:flex-row {
  flex-direction: row;
}

@media (min-width: 768px) {
  .md\:flex-row {
    display: flex;
    flex-direction: row;
  }
}

.md\:mt-0 {
  margin-top: 0;
}

p {
  color: grey;
  margin-bottom: 0px;
}

.tabler--activity-heartbeat {
  display: inline-block;

  width: 24px;
  height: 32px;
  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='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h4.5L9 6l4 12l2-9l1.5 3H21'/%3E%3C/svg%3E");
}

.tabler--triangle-square-circle {
  display: inline-block;

  width: 24px;
  height: 32px;
  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='none' stroke='%231abac6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3l-4 7h8zm2 14a3 3 0 1 0 4 0a3 3 0 1 0-4 0M4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.tabler--building-store {
  display: inline-block;

  width: 24px;
  height: 32px;
  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='none' stroke='%231abac6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 7v1a3 3 0 0 0 6 0V7m0 1a3 3 0 0 0 6 0V7m0 1a3 3 0 0 0 6 0V7H3l2-4h14l2 4M5 21V10.85M19 21V10.85M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4'/%3E%3C/svg%3E");
}

.tabler--chart-bubble {
  display: inline-block;

  width: 24px;
  height: 32px;
  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='none' stroke='%23d15864' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 16a3 3 0 1 0 6 0a3 3 0 1 0-6 0m11 3a2 2 0 1 0 4 0a2 2 0 1 0-4 0M10 7.5a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0-9 0'/%3E%3C/svg%3E");
}

b {
  font-weight: bolder;
  font-size: 2.5rem;
  text-align: center;
  display: block;
  line-height: 1.8;
  margin: 20px;
}

@media (max-width: 768px) {
  .container2 {
    flex-direction: column;
  }

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

  .header-left {
    order: 1;
    margin-right: auto;
    /* Ensure logo remains on the left side */
  }

  .header-center {
    display: none;
  }

  .header-right {
    display: none;
  }

  .menu-icon {
    display: block;
    order: 2;
  }

  .nav {
    width: 100%;
    justify-content: flex-start;
  }

  .nav-list {
    flex-direction: column;
    width: 100%;
  }

  .nav-item {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .nav-link {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }

  .main-section {
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }

  .main-content {
    padding-right: 0;
    text-align: center;
  }

  .main-image {
    margin-top: 20px;
  }

  .container {
    flex-direction: column;
    align-items: center;
  }

  .stats-section {
    text-align: center;
    margin-bottom: 30px;
  }

  .stats-section,
  .grid-section {
    margin-left: 0px;
    width: 100%;
  }

  .grid-section {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 480px) {
  .container2 {
    flex-direction: column;
  }

  .nav-list {
    display: none;
  }

  .menu-icon {
    display: block;
  }

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

  .header-left {
    order: 1;
    margin-right: auto;
    /* Ensure logo remains on the left side */
  }

  .header-center {
    display: none;
  }

  .header-right {
    display: none;
  }

  .menu-icon {
    display: block;
    order: 2;
  }

  .main-section {
    flex-direction: column;
    align-items: center;
  }

  .main-content {
    padding-right: 0;
    text-align: center;
  }

  .user-images {
    justify-content: center;
  }

  .footer .container {
    flex-direction: column;
    align-items: center;
  }

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

  .footer .space-y-4 {
    text-align: center;
  }

  .footer .space-x-4 {
    justify-content: center;
  }

  .footer .mt-16 {
    margin-top: 2rem;
  }

  .footer .pt-8 {
    padding-top: 1rem;
  }

  .footer .md\:mt-0 {
    margin-top: 2rem;
  }

  .footer .md\:flex-row {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .header-left {
    order: 1;
    margin-right: auto;
    /* Ensure logo remains on the left side */
  }

  .header-center {
    display: none;
  }

  .header-right {
    display: none;
  }

  .menu-icon {
    display: block;
    order: 2;
  }
}

@media (max-width: 480px) {
  .header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .header-left {
    order: 1;
    margin-right: auto;
    /* Ensure logo remains on the left side */
  }

  .header-center {
    display: none;
  }

  .header-right {
    display: none;
  }

  .menu-icon {
    display: block;
    order: 2;
  }
}

/* General Footer Styling */
footer {
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  color: #333;
  padding: 50px 20px;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  /* Added padding for better spacing */
}

.footer-column {
  flex: 1;
  min-width: 200px;
  padding: 20px;
  text-align: center;
  line-height: 1.8;
}

/* Logo and column text styling */
.footer-column h3,
.footer-column h4 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #333;
  font-weight: 500;
}

.footer-column p {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
}

.footer-logo {
  width: 30px;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column ul li a {
  color: #555;
  text-decoration: none;
  font-size: 14px;
}

.footer-column ul li a:hover {
  color: #000;
}

/* Social Media Icons */
.footer-column .social-links i {
  margin-right: 10px;
}

.newsletter-form {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.email-input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
  width: 100%;
}

.subscribe-button {
  padding: 10px;
  border: none;
  background-color: #000;
  color: white;
  cursor: pointer;
  border-radius: 4px;
}

.subscribe-button:hover {
  background-color: #333;
}

/* Footer Bottom */
.footer-bottom {
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #eee;
  margin-top: 20px;
}

.footer-bottom p {
  font-size: 14px;
  color: #999;
}

.line-md--facebook {
  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%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-dasharray='24' stroke-dashoffset='24' d='M17 4l-2 0c-2.5 0 -4 1.5 -4 4v12'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='24;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M8 12h7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.line-md--twitter-x {
  display: inline-block;
  width: 17px;
  height: 23px;
  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%3Cg fill='%23000'%3E%3Cpath d='M1 2h2.5L3.5 2h-2.5zM5.5 2h2.5L7.2 2h-2.5z'%3E%3Canimate fill='freeze' attributeName='d' dur='0.4s' values='M1 2h2.5L3.5 2h-2.5zM5.5 2h2.5L7.2 2h-2.5z;M1 2h2.5L18.5 22h-2.5zM5.5 2h2.5L23 22h-2.5z'/%3E%3C/path%3E%3Cpath d='M3 2h5v0h-5zM16 22h5v0h-5z'%3E%3Canimate fill='freeze' attributeName='d' begin='0.4s' dur='0.4s' values='M3 2h5v0h-5zM16 22h5v0h-5z;M3 2h5v2h-5zM16 22h5v-2h-5z'/%3E%3C/path%3E%3Cpath d='M18.5 2h3.5L22 2h-3.5z'%3E%3Canimate fill='freeze' attributeName='d' begin='0.5s' dur='0.4s' values='M18.5 2h3.5L22 2h-3.5z;M18.5 2h3.5L5 22h-3.5z'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.line-md--instagram {
  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%3Ccircle cx='17' cy='7' r='1.5' fill='%23000' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1.3s' dur='0.15s' values='0;1'/%3E%3C/circle%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='72' stroke-dashoffset='72' d='M16 3c2.76 0 5 2.24 5 5v8c0 2.76 -2.24 5 -5 5h-8c-2.76 0 -5 -2.24 -5 -5v-8c0 -2.76 2.24 -5 5 -5h4Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='72;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='28' stroke-dashoffset='28' d='M12 8c2.21 0 4 1.79 4 4c0 2.21 -1.79 4 -4 4c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s' dur='0.6s' values='28;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.line-md--linkedin {
  display: inline-block;
  width: 20px;
  height: 20px;
  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%3Ccircle cx='4' cy='4' r='2' fill='%23000' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' dur='0.15s' values='0;1'/%3E%3C/circle%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M4 10v10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.15s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M10 10v10'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.45s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='24' stroke-dashoffset='24' d='M10 15c0 -2.76 2.24 -5 5 -5c2.76 0 5 2.24 5 5v5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.65s' dur='0.2s' values='24;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.line-md--youtube {
  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='%23000' fill-opacity='0' d='M12 11L12 12L12 13z'%3E%3Canimate fill='freeze' attributeName='d' begin='0.6s' dur='0.2s' values='M12 11L12 12L12 13z;M10 8.5L16 12L10 15.5z'/%3E%3Cset fill='freeze' attributeName='fill-opacity' begin='0.6s' to='1'/%3E%3C/path%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='64' stroke-dashoffset='64' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5c9 0 9 0 9 7c0 7 0 7 -9 7c-9 0 -9 0 -9 -7c0 -7 0 -7 9 -7Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='64;0'/%3E%3C/path%3E%3C/svg%3E");
}

.line-md--reddit-circle-loop {
  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%3Cmask id='lineMdRedditCircleLoop0'%3E%3Cpath fill='%23fff' fill-opacity='0' stroke='%23fff' stroke-dasharray='64' stroke-dashoffset='64' stroke-width='2' d='M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.6s' dur='0.5s' values='0;1'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.5s' values='64;0'/%3E%3C/path%3E%3Cpath fill-opacity='0' d='M12 9.71c3.22 0 5.83 1.82 5.83 4.06c0 2.24 -2.61 4.06 -5.83 4.06c-3.22 0 -5.83 -1.82 -5.83 -4.06c0 -2.24 2.61 -4.06 5.83 -4.06Z'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1.1s' dur='0.4s' values='0;1'/%3E%3C/path%3E%3Ccircle cx='8.99' cy='11.99' r='1.45' opacity='0'%3E%3Canimate fill='freeze' attributeName='cx' begin='1.5s' dur='0.2s' values='8.99;6.79'/%3E%3Cset fill='freeze' attributeName='opacity' begin='1.5s' to='1'/%3E%3C/circle%3E%3Ccircle cx='15.01' cy='11.99' r='1.45' opacity='0'%3E%3Canimate fill='freeze' attributeName='cx' begin='1.5s' dur='0.2s' values='15.01;17.21'/%3E%3Cset fill='freeze' attributeName='opacity' begin='1.5s' to='1'/%3E%3C/circle%3E%3Ccircle cx='16.18' cy='7.01' r='1.04' opacity='0'%3E%3Canimate attributeName='cx' begin='2.9s' dur='6s' repeatCount='indefinite' values='16.18;7.82;16.18'/%3E%3Cset fill='freeze' attributeName='opacity' begin='3.1s' to='1'/%3E%3C/circle%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='10' stroke-dashoffset='10' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.54' d='M12 9.91L12.76 6.27L16 6.98'%3E%3Canimate attributeName='d' begin='2.9s' dur='6s' repeatCount='indefinite' values='M12 9.91L12.76 6.27L16 6.98;M12 9.91L12 5.2L12 6.98;M12 9.91L11.24 6.27L8 6.98;M12 9.91L12 5.2L12 6.98;M12 9.91L12.76 6.27L16 6.98'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='2.9s' dur='0.2s' values='10;0'/%3E%3C/path%3E%3Cg fill='%23fff' fill-opacity='0'%3E%3Ccircle cx='9.71' cy='13.04' r='1.04'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1.7s' dur='0.4s' values='0;1'/%3E%3C/circle%3E%3Ccircle cx='14.29' cy='13.04' r='1.04'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='2.1s' dur='0.4s' values='0;1'/%3E%3C/circle%3E%3C/g%3E%3Cpath fill='none' stroke='%23fff' stroke-dasharray='6' stroke-dashoffset='6' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.54' d='M9.72 15.6c0 0 0.61 0.69 2.28 0.69c1.67 -0 2.28 -0.69 2.28 -0.69'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='2.5s' dur='0.2s' values='6;0'/%3E%3C/path%3E%3C/mask%3E%3Crect width='24' height='24' fill='%23000' mask='url(%23lineMdRedditCircleLoop0)'/%3E%3C/svg%3E");
}

.jam--quora-square {
  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='-2 -2 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M14.07 12.847s-.049.718-.696.718c-.5 0-.841-.385-1.16-.884a4.42 4.42 0 0 0 1.483-3.325C13.697 6.95 11.821 5 9.507 5s-4.19 1.95-4.19 4.356s1.876 4.356 4.19 4.356c.42 0 .826-.065 1.208-.184c.484.775 1.098 1.472 2.06 1.472c1.958 0 2.039-2.153 2.039-2.153zm-4.563.147c-1.35 0-2.443-1.629-2.443-3.638s1.094-3.638 2.443-3.638c1.35 0 2.443 1.629 2.443 3.638c0 .799-.173 1.537-.466 2.138c-.331-.477-.729-.883-1.297-1.013c-1.009-.229-1.877.229-2.152.457l.259.539s.261-.152.91 0c.41.095.727.667 1.09 1.323a1.7 1.7 0 0 1-.787.194'/%3E%3Cpath d='M4 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4'/%3E%3C/g%3E%3C/svg%3E");
}