@extends('layouts.front')

@section('content')
<style>
.btn-blue {
        /* background-color: #1A237E; */
        background-color:#7350c7;
        width: 150px;
        color: #fff;
        border-radius: 2px
    }
    .camera_icon{
        position: relative;
    bottom: -60px;
    left: -40px;
    color: #e84a66;
    font-size: 21px;
    }
    .change_photo_text{
        color: #e84a66;
        font-size: 18px;
    }
    .change_pic{
        cursor:pointer;
    }
    .bg-btn{
        /* background: linear-gradient(50deg, rgb(115,80,199) 0%, rgb(236,74,99) 100%); */
        padding: 10px 0;
    color: #fff;
    border-radius: 2px;
    }

    </style>
<section class="home-4-banner main-banner main-slider" id="banner" style="padding-top:30px;">
	<div class="swiper-container iconic-main-slider home-4-slider iconic-top-slider w-100">
		<div class="swiper-wrapper">
			<div class="swiper-slide">



		</div>
	</div>
    <div id="particles"></div>
</section>    

<div class="card2 card border-0 px-4 py-5">
    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    <div class="row">
        <div class="col-md-4 col-12 left-profile ">