@font-face {
    font-family: 'nor-font';
    src: url('Font/norwester.otf') format('otf');
}
:root{
    --orange-color:#fc6839;
    --teal-color: #a4cdce;
    --yellow-color: hsl(46, 100%, 68%);
    --play-font: "Playfair", serif;
    --norwester-font: 'nor-font', sans-serif;
}
body {
    font-family: var(--play-font);
}
/* Contact Section */
.contact-section {
    background-color: #F8F2E8; /* Light Beige Background */
    padding: 80px 0;
    position: relative;
    text-align: center;
}

/* Section Heading */
.contact-section h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #222;
}

/* Contact Form */
.contact-form {
    background-color: transparent;
    padding: 30px;
}

.contact-form .form-control {
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    padding: 10px;
}

/* Dropdown Styling */
.contact-form select {
    background-color: white;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    padding: 10px;
    cursor: pointer;
}

/* Send Message Button */
.send-message-btn {
    background-color: #FF5733;
    color: white;
    font-weight: bold;
    border: 2px solid black;
    border-radius: 5px;
    padding: 15px 30px;
    box-shadow: 4px 4px 0px black;
    transition: transform 0.2s, box-shadow 0.2s;
}

.send-message-btn:hover {
    background-color: #cc4529;
    transform: translateY(-2px);
    box-shadow: 6px 6px 0px black;
}

/* Decorative Elements */
.decorative-top {
    position: absolute;
    top: 155px;
    left: -10%;
    width: 32%;
    overflow: hidden;
    transform: rotate(90deg);
}

.decorative-top img {
    width: 100%;
    border-radius: 5px;
}

.decorative-bottom {
    position: absolute;
    bottom: -30px;
    left: 50px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #FF5733 50%, black 50%);
    border-radius: 50%;
    box-shadow: 3px 3px 0px black;
}