@media (max-width: 576px) {
    .hide-overflow-sm {
      overflow: hidden !important;
    }
  }

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Questrial&display=swap');

    body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      background: url('assets/images/pink-paper.jpg') repeat;
      z-index: -10;
    }


    .font-alt {
    font-family: "PT Serif", serif !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}
h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}

.section-divider.divider-primary {
    background-image: url('../images/section-divider-primary.svg');
}
.section-divider {
    display: block;
    margin: 0 auto;
    height: 33px;
    width: 126px;
}

.section-divider.divider-secondary {
    background-image: url('../images/section-divider-secondary.svg');
}
.section-divider {
    display: block;
    margin: 0 auto;
    height: 33px;
    width: 126px;
}

.sep-line {
    border-top: 4px solid;
    opacity: 1;
    width: 30px;
}
.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(201, 153, 105, 1) !important;
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}
    .top-background {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 200px; /* Adjust height as needed */
      background-image: url('../images/header-bg.png'); /* Replace with your image path */
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      
    }


    .logo-container {
        padding: 0 !important;
        margin-top: -80px;
        margin-bottom: 50px;
    }

    .content {
      position: relative;
      z-index: 1;
      padding-top: 320px; /* Space to see background image clearly */
      font-family: sans-serif;
    }
    .partitiion { background-color: #B182A5; padding: 30px 0; font-weight: 600;  font-size: 18px;}

    .img-clip-path.clip-love-story::before {
    background-image: url(../images/clip-path.png);
}
.img-clip-path::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.icon-svg {
    display: block;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.icon-svg img {
    height: 44px;
    width: 44px;
}
img, svg {
    vertical-align: middle;
}

    .quote {
      font-size: 1.3rem;
      font-style: italic;
      color: #555;
      border-left: 4px solid #d8b4a0;
      padding-left: 1rem;
      margin-top: 2rem;
    }
    .highlight {
      background: #fffaf4;
      border-radius: 10px;
      padding: 2rem;
    }

    .whatsapp-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
  }

  .whatsapp-fixed:hover {
    transform: scale(1.1);
  }