@extends('layouts.frontend.master')

@section('title', 'Support Ticket')
@push('styles')

<style>
    @if(isset($Contents['gjs-css'])) {!!$Contents['gjs-css']!!}

    @endif .card {
        box-shadow: rgb(0 0 0 / 12%) 0px 4px 16px !important;
        border-radius: 10px !important;
    }
    @media (max-width: 769px){
        #dContent {
    padding: 80px 20px;
}
    }

    .card-body{
        padding: 2rem !important;
    }
    #footer {
    margin-top: 0;
}
.swal2-styled.swal2-confirm{
    background: #203F5B !important;
    box-shadow: none !important;
}
   .fileuploader-input-button {
        background-color: #203f5b  !important;
        border-color: #203f5b  !important;
    }
    .fileuploader-input-caption {
        color:#203f5b !important;
    }
.btn-primary {
    color: #fff !important;
    background-color: #203f5b !important;
    border-color: #203f5b !important;
}
    .fileuploader-input-button {
        background-color: #203f5b !important;
        border-color: #203f5b !important;
    }

    .fileuploader-input-caption {
        color: #203f5b !important;
    }
    button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer;
}
.btn-primary {
    color: #fff;
    background-color: #203f5b;
    border-color: #203f5b;
}
.corsair-contact .btn-primary:hover, form#enquiries .btn-primary:hover{
    color: #fff !important;
    background-color: #203f5b !important;
    border-color: #203f5b !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff !important;
    background-color: #a5a08f !important;
    border-color: #a5a08f !important;
    box-shadow: none !important;
}
.btn {
    display: inline-block !important;
  
    line-height: 1.5 !important;

    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    text-transform:capitalize !important;
    font-weight:unset !important;
    border: 1px solid transparent !important;
    padding: 0.375rem 0.75rem !important;

    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.note-modal-footer{
    padding-top: unset !important;
}


.note-btn.disabled, .note-btn[disabled], fieldset[disabled] .note-btn {
    opacity: 1 !important;
}
.note-modal-footer input[type="submit"], input[type="button"] {
    margin-top: unset !important;
}
</style>
@endpush

@section("content")
<main id="dynamicPages">
    <div class="col p-0 content">
        <!-- About Section -->
        <section id="dContent">
            @include("create-support-ticket-form")
            </section><!-- End About Section -->

    </div>

</main><!-- End #main -->

@endsection
@push('scripts')
<script src="{{ asset("frontend/js/pages-js/get-support-category.js")}}"></script>
@endpush