input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        .careers{
            width: 60%;
            /* background-color: rgb(235, 235, 235,0.2); */
            height: 500px;
            /* background-image: url('./pic/images.jpg'); */
            /* background-color: rgb(235, 235, 235,0.9); */
        }

        .careers h1{
            font-size: 50px;
            font-family: 'Goudy Old Style';
            margin-bottom: 20px;
        }

        .h1{
            font-size: 70px;
            /* font-family: 'Goudy Old Style'; */
            margin-bottom: 20px;
        }

        .careers form{
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }

        .careers .input , textarea{
            height: 40px;
            width: 350px;
            text-align: center;
            border: none;
            /* margin-left: 30px; */
            border-bottom: 2px solid black;
            border-radius: 5px;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: medium;
            border-image: linear-gradient(to right, #9e3634 0, #ffffff 100%) 1;
            background-color: #f5f5f5;
        }

        .careers textarea{
            width: 700px;
            height: 110px;
            padding-top: 45px;
        }
        .gender{
            
            padding: 10px 0; 
            padding-right: 2px;
            margin-right: 5px;
        }

        .careers button{
            padding: 10px;
            border: none;
            font-size: medium;
            background-color: #ffffff;
            color: #000;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            border-bottom: 2px solid red;
            border-image: linear-gradient(to right,#9e3634 0, #ffffff 100%) 1;
            border-radius: 5px 5px 0 0;
            cursor: pointer;
            background-color: #f5f5f5;
        }

        button:active {
            transform: translateY(4px);
        }

        .cont{
            margin-left: 10%;
        }

        .detail{
            width: 100%;
        }
        .none{
            display: none;
        }

        .detail{
            width: 80%;
            margin-left: 10%;
            display: flex;
            padding: 30px 0;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        }

        .details{
            width: 20%;
            box-shadow: 0 0 1px gray;
            padding: 3%;
            border-radius: 2px;
            margin: auto;
        }

        .dtlhead{
            color: #832422;
            font-size: x-large;
        }

        @media screen and (max-width: 1051px){
            .careers textarea{
                width: 350px;
            }

            .none{
                display: block;
            }

            .careers{
                height: 750px;
            }
            .details{
                width: 25%;
            }
        }

        @media screen and (max-width: 1001px) {
            .detail{
                width: 100%;
                margin-left: 0;
                display: block;
            }
            .details{
                width: 65%;
                box-shadow: none;
                margin: 20px auto;
            }
            .careers .input, textarea{
                width: 300px !important;
            }
            .cont{
                width: 300px !important;
            }
        }