@extends('partials.main')
<!-- page title -->
@section('title')
Plans
@endsection

@section('content')
<style>
.modalb {
    background: #29aae3;
    color: white;
}

.modalb:hover {
    background: #0293d4;
    color: white;
}



.custom-search1 {
    border-radius: 20px;
    background: #ecf0fa;
    border: 1px solid #ecf0fa;
}

.custom-search .bt {
    margin-left: -35px;
    margin-top: 12px;
}

.page-item.next a {
    width: 64px;
}

.page-item.prev a {
    width: 64px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#0162e8 !important;
}

</style>

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- breadcrumb -->
<div class="breadcrumb-header justify-content-between">
    <nav class="breadcrumb-4">
        <ol class="breadcrumb breadcrumb-style1">
            <li class="breadcrumb-item">
                <a href="{{ route('dashboard') }}">Dashboard</a>
            </li>
            <li class="breadcrumb-item">
                <a href="/plans">Plans</a>
            </li>
            <li class="breadcrumb-item active">Plan Detail</li>
        </ol>

    </nav>

</div>
<!-- breadcrumb -->