.sazinies .inner-container{
    width:80%;
    margin:0 auto;
    text-align: center;
    padding:60px 0px;
  
border-top: 1px solid #cccccc;
}

.sazinies {
    
    position: relative;
}

.sazinies::before {
    content:"";
    display: block;
    position: absolute;
    height:100%;
    background: linear-gradient(to top , #808080 , #80808000);
    width: 130vw;
    left: -20vw;
    z-index: -1;

}


        /* Form Container Styles */
        .form-container form {
            display: flex;
            flex-direction: column;
            gap: 1.5rem; /* Equivalent to Tailwind's space-y-6 */
        }

        /* All Inputs Container (Grid Layout) */
        .all-inputs {
            display: grid;
            grid-template-columns: 1fr; /* Single column by default */
            gap: 1.5rem; /* Equivalent to Tailwind's gap-6 */
        }

        @media (min-width: 768px) { /* md breakpoint */
            .all-inputs {
                grid-template-columns: 1fr 1fr; /* Two columns on medium screens and up */
            }
        }

        /* Info Inputs Styles */
        .info-inputs {
            display: flex;
            flex-direction: column;
            gap: 1rem; /* Equivalent to Tailwind's space-y-4 */
        }

        /* Input and Textarea Base Styles */
        .sazinies input[type="text"],
        .sazinies input[type="email"],
        .sazinies textarea {
            padding: 0.75rem; /* Equivalent to Tailwind's p-3 */
            border: 1px solid #d1d5db; /* Equivalent to Tailwind's border-gray-300 */
            border-radius: 0.1rem; /* Equivalent to Tailwind's rounded-md */
            transition: border-color 0.2s ease, box-shadow 0.2s ease; /* Equivalent to Tailwind's transition duration-200 */
            width: 100%; /* Ensure inputs take full width of their container */
            box-sizing: border-box; /* Include padding and border in the element's total width and height */
        }

        /* Placeholder Styles */
        .sazinies input::placeholder,
        .sazinies textarea::placeholder {
            color: #a0a0a0; /* Slightly darker gray for better readability */
            opacity: 1; /* Ensure full opacity for consistency */
        }

        /* Focus Styles for Inputs and Textarea */
        .sazinies input[type="text"]:focus,
        .sazinies input[type="email"]:focus,
        .sazinies textarea:focus {
            outline: none;
            border-color: #facc15; /* Tailwind yellow-400 */
            box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.5); /* Subtle yellow glow */
        }

        /* Message Input Styles */
        .message-input textarea {
            min-height: 150px; /* Equivalent to Tailwind's min-h-[150px] */
            resize: vertical; /* Equivalent to Tailwind's resize-y */ 
        }

        .sazinies .button-container {
            text-align: right;
        }

        @media (min-width: 768px) { /* md breakpoint */
            .message-input textarea {
                min-height: 200px; /* Equivalent to Tailwind's md:min-h-[200px] */
            }
        }