Contact

<style>
    .zoya-contact {
        background: #fef9f9;
        padding: 70px 20px;
        font-family: Georgia, serif;
    }

    .zoya-container {
        max-width: 1200px;
        margin: auto;
        display: flex;
        gap: 50px;
    }

    .zoya-left {
        width: 45%;
    }

    .zoya-right {
        width: 55%;
    }

    .zoya-title {
        font-size: 28px;
        text-align: center;
        color: #6b4a36;
        margin-bottom: 40px;
    }

    .zoya-item {
        display: flex;
        gap: 15px;
        align-items: flex-start;
        margin-bottom: 28px;
    }

    .zoya-icon {
        width: 45px;
        height: 45px;
        border: 1px solid #d8c4b4;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .zoya-icon img {
        width: 22px;
        height: 22px;
    }

    .zoya-text {
        font-size: 18px;
        color: #6d5c4f;
    }

    .zoya-divider {
        width: 1px;
        background: #e4d7cc;
    }

    .zoya-form input,
    .zoya-form textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #d8c4b4;
        margin-bottom: 18px;
        font-size: 16px;
        background: transparent;
    }

    .zoya-form textarea {
        height: 120px;
        resize: none;
    }

    .zoya-btn {
        border: 2px solid #c8a88c;
        padding: 12px 35px;
        background: transparent;
        color: #6b4a36;
        font-size: 16px;
        cursor: pointer;
    }

    .zoya-btn:hover {
        background: #c8a88c;
        color: #fff;
    }

    .zoya-social {
        margin-top: 30px;
        display: flex;
        gap: 15px;
    }

    .zoya-social img {
        width: 40px;
        height: 40px;
        border: 1px solid #d8c4b4;
        /* border-radius: 50%; */
        padding: 8px;
    }

    /* Mobile */

    @media(max-width:900px) {

        .zoya-container {
            flex-direction: column;
        }

        .zoya-left,
        .zoya-right {
            width: 100%;
        }

        .zoya-divider {
            display: none;
        }

        .zoya-title {
            text-align: left;
        }

    }

    /* Small Mobile */

    @media(max-width:480px) {

        .zoya-contact {
            padding: 50px 15px;
        }

        .zoya-title {
            font-size: 24px;
        }

        .zoya-text {
            font-size: 16px;
        }

        .zoya-social img {
            width: 36px;
            height: 36px;
        }

    }
</style>


<div class="zoya-contact">
    <div class="zoya-container">

        <!-- LEFT SIDE -->

        <div class="zoya-left">
            <h2 class="zoya-title">Get In Touch</h2>

            <div class="zoya-item">
                <div class="zoya-icon">
                    <img
                        src="https://cdn.shopify.com/s/files/1/0736/9323/3306/files/location-removebg-preview.png?v=1773204929">
                </div>
                <div class="zoya-text">
                    Surat, Gujarat.
                </div>
            </div>

            <div class="zoya-item">
                <div class="zoya-icon">
                    <img
                        src="https://cdn.shopify.com/s/files/1/0736/9323/3306/files/mail__1_-removebg-preview.png?v=1773205165">
                </div>
                <div class="zoya-text">
                    Zoyaara@gmail.com
                </div>
            </div>

            <div class="zoya-item">
                <div class="zoya-icon">
                    <img
                        src="https://cdn.shopify.com/s/files/1/0736/9323/3306/files/phone-call-removebg-preview.png?v=1773205292">
                </div>
                <div class="zoya-text">
                    +91 85112 00341
                </div>
            </div>

            <div class="zoya-social">

                <a href="https://instagram.com/" target="_blank">
                    <img
                        src="https://cdn.shopify.com/s/files/1/0736/9323/3306/files/instagram__1_-removebg-preview.png?v=1773205878">
                </a>

                <a href="https://pinterest.com/" target="_blank">
                    <img
                        src="https://cdn.shopify.com/s/files/1/0736/9323/3306/files/pinterest-removebg-preview.png?v=1773205965">
                </a>

                <a href="https://facebook.com/" target="_blank">
                    <img
                        src="https://cdn.shopify.com/s/files/1/0736/9323/3306/files/social-media-removebg-preview.png?v=1773206094">
                </a>

            </div>

        </div>

        <div class="zoya-divider"></div>

        <!-- RIGHT SIDE -->

        <div class="zoya-right">
            <h2 class="zoya-title">Send Us a Message</h2>

            <form class="zoya-form">
                <input type="text" placeholder="Your Name *">
                <input type="email" placeholder="Your Email *">
                <input type="text" placeholder="Subject">
                <textarea placeholder="Message *"></textarea>
                <button class="zoya-btn">
                    Send Message
                </button>
            </form>

        </div>

    </div>
</div>