@extends('fronted.layout.main')
@section('adcontent')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.css"
    integrity="sha512-C4k/QrN4udgZnXStNFS5osxdhVECWyhMsK1pnlk+LkC7yJGCqoYxW4mH3/ZXLweODyzolwdWSqmmadudSHMRLA=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js"
    integrity="sha512-6lplKUSl86rUVprDIjiW8DuOniNX8UDoRATqZSds/7t6zCQZfaCe3e5zcGaQwxa8Kpn5RTM9Fvl3X2lLV4grPQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<div class="container-fluid">
    <style>
    .sign {
        display: flex;
    }

    .form-group label {
        font-weight: bold;
    }

    .personal {
        padding: 6px;
        width: 300px;
        color: #fff;
        font-size: 1rem;
    }

    .headings {
        margin: 10px 0;
        background: #4c4747;
        color: #fff;
    }

    .headings h4 {
        font-size: 1rem;
        padding: 5px 2px;
    }

    .parents {
        padding: 6px;
        width: 300px;
        color: #fff;
        font-size: 1rem;
    }

    .bx {
        margin: 1em auto;
        padding: 2em 1em;
        border: solid 1px #808080;
        display: inline-block;
        position: relative;
        font-size: 18px;
        max-width: 350px;
    }

    .col-form-label {
        font-size: 0.8rem;
    }

    #form-container input {
        font-size: 0.8rem;
        margin: 4px 0;
    }

    #form-container input:focus {
        box-shadow: none;
    }

    #form-container label {
        font-size: 0.8rem;
    }

    .quoteAuthor {
        padding-top: 20px
    }

    .sing-box {
        width: 300px;
        height: 150px;
        position: relative;
        background-color: #fcfffc;
        border-radius: 20px;
        border: 1px solid #808080;
    }

    .sing-box p {
        position: absolute;
        bottom: 0;
        left: 20%;
    }

    .declaration-text {
        font-size: 0.8rem;
        text-transform: capitalize;
    }

    .form-control:focus {
        box-shadow: none;
    }

    .show {
        display: block;
    }

    .hide {
        display: none;
    }

    .box-2 {
        padding: 0.5em;
        width: calc(100%/2 - 1em);
    }

    .result img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .cropper-crop-box {
        width: 100px;
        height: 100px;
    }
    </style>

    @if(session()->has('StudentRegisterSuccess'))
    <script>
    Swal.fire({
        icon: "success",
        title: "Student Register",
        text: "{{session('StudentRegisterSuccess')}}",
    })
    </script>
    @endif