*{
    font-family: "Trirong", serif;
}
  
  
  .hero {
            position: relative;
            height: 100vh;
            
            background: url('https://media.istockphoto.com/id/1464259187/photo/creative-gender-neutral-baby-shower-or-birthday-decoration-in-the-garden-bohemian-style.jpg?s=612x612&w=0&k=20&c=rk4g3JEEOasiEjTXcAJtPARrvJcbTe1mj1-F7fzk3Ys=') no-repeat center center/cover;
            color: white;
        }

        /* Dark overlay */
        .hero::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            filter: brightness(0.5);
            backdrop-filter: blur(3px); /* Blur effect */
            /* background: linear-gradient(rgba(14, 25, 34, 0.644), rgb(26, 24, 51)); */
            z-index: 1;
        }

        /* Content and Form Container */
        .hero-content {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            height: 100%;
          
        }
        @media screen and (min-width: 1000px) {
            .form-container {
                /* margin-top: 100px; */

            padding: 50px;
            }
        }
        @media screen and (max-width: 1000px) {
           
            .tc{
                text-align: center;
            }
            .form-container {
                  padding: 25px;
            }
        }
        /* Heading Styling */
        .hero h1 {
            font-size: 3rem;
            font-weight: bold;
        }

        /* Form Container */
        .form-container {
            background: rgb(255, 255, 255);
            border: 1px solid gray;
            border-radius: 50px;
            color: rgb(0, 0, 0);
        }

        .form-container input,
        .form-container textarea {
            border: 0.5px solid rgb(207, 205, 205);
            color: rgb(0, 0, 0);
        }

        .form-container input::placeholder,
        .form-container textarea::placeholder {
            color: rgb(65, 56, 56);
        }

    /* Card Styling */
  
        /* Heading Styling */
        .section-title {
            text-align: center;
            margin-bottom: 40px;
            font-size: 2rem;
            font-weight: bold;
            color: #ffffff;
        }

        .btn-bg{
            background-color: rgb(253, 70, 70); 
            width: 100%;
        }
        .btn-bg:hover {
            background-color: rgb(194, 28, 28);
        }

        .ig{
            background-color: rgba(214, 214, 214, 0.397);
        }

        .bg-card{
            background-color: rgb(255, 217, 217);
            height: 100%;
        }
        .img{
            width: 100%;
            height: 200px;
            object-fit: cover;

        }
        .img2{
            aspect-ratio: 1/1; object-fit: cover;
        }


footer {
    background-color: #222;
    color: #fff;
    padding: 40px 0;
}
.footer-links a, .social-icons a {
    text-decoration: none;
    color: #bbb;
    transition: color 0.3s ease-in-out;
}
.footer-links a:hover, .social-icons a:hover {
    color: #fff;
}
.social-icons a {
    font-size: 1.5rem;
    margin-right: 15px;
}

.swiper-container {
    width: 100%;
    height: 300px; /* Adjust height as needed */
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-res{
    object-fit: cover; 
    aspect-ratio: 1/2;
    max-height: 400px;
}

.faq-container {
    background: linear-gradient(135deg, #df3333, #f58932);
    color: white;
    padding: 60px 20px;
    border-radius: 10px;
}
.accordion-button {
    font-weight: bold;
}