@extends('layouts.app')

@push('style')
<style>
    /* ======================== */
    /*   Syed Sahar Ali Raza   	*/
    /* ========================	*/
    @import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900);
    @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
    @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
    body{background-color:#eee;}

    #generic_price_table{
        background-color: #fff;
    }

    /*PRICE COLOR CODE START*/
    #generic_price_table .generic_content{
        background-color: #fff;
    }

    #generic_price_table .generic_content .generic_head_price{
        background-color: #f6f6f6;
    }

    #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
        border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
    }

    #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
        color: #525252;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
        color: #414141;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
        color: #414141;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
        color: #414141;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
        color: #414141;
    }

    #generic_price_table .generic_content .generic_feature_list ul li{	
        color: #a7a7a7;
    }

    #generic_price_table .generic_content .generic_feature_list ul li span{
        color: #414141;
    }
    #generic_price_table .generic_content .generic_feature_list ul li:hover{
        background-color: #E4E4E4;
        border-left: 5px solid #2ECC71;
    }

    #generic_price_table .generic_content .generic_price_btn a{
        border: 1px solid #2ECC71; 
        color: #2ECC71;
    } 

    #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
    #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
        border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
        color: #fff;
    }

    #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
    #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
        color: #fff;
    }

    #generic_price_table .generic_content:hover .generic_price_btn a,
    #generic_price_table .generic_content.active .generic_price_btn a{
        background-color: #2ECC71;
        color: #fff;
    } 
    #generic_price_table{
        margin: 50px 0 50px 0;
        font-family: 'Raleway', sans-serif;
    }
    .row .table{
        padding: 28px 0;
    }

    /*PRICE BODY CODE START*/

    #generic_price_table .generic_content{
        overflow: hidden;
        position: relative;
        text-align: center;
    }

    #generic_price_table .generic_content .generic_head_price {
        margin: 0 0 20px 0;
    }

    #generic_price_table .generic_content .generic_head_price .generic_head_content{
        margin: 0 0 50px 0;
    }

    #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
        border-style: solid;
        border-width: 90px 1411px 23px 399px;
        position: absolute;
    }

    #generic_price_table .generic_content .generic_head_price .generic_head_content .head{
        padding-top: 40px;
        position: relative;
        z-index: 1;
    }

    #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
        font-family: "Raleway",sans-serif;
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: 2px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag{
        padding: 0 0 20px;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
        display: block;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
        display: inline-block;
        font-family: "Lato",sans-serif;
        font-size: 1.4rem;
        font-weight: 400;
        vertical-align: middle;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
        font-family: "Lato",sans-serif;
        font-size: 60px;
        font-weight: 300;
        letter-spacing: -2px;
        line-height: 60px;
        padding: 0;
        vertical-align: middle;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
        display: inline-block;
        font-family: "Lato",sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        vertical-align: bottom;
    }

    #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
        font-family: "Lato",sans-serif;
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: 3px;
        vertical-align: bottom;
    }

    #generic_price_table .generic_content .generic_feature_list ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #generic_price_table .generic_content .generic_feature_list ul li{
        font-family: "Lato",sans-serif;
        font-size: 1rem;
        padding: 15px 0;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table .generic_content .generic_feature_list ul li:hover{
        transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;

    }
    #generic_price_table .generic_content .generic_feature_list ul li .fa{
        padding: 0 10px;
    }
    #generic_price_table .generic_content .generic_price_btn{
        margin: 20px 0 32px;
    }

    #generic_price_table .generic_content .generic_price_btn a{
        border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        -webkit-border-radius: 50px;
        display: inline-block;
        font-family: "Lato",sans-serif;
        font-size: 1.1rem;
        outline: medium none;
        padding: 12px 30px;
        text-decoration: none;
        text-transform: uppercase;
    }

    #generic_price_table .generic_content,
    #generic_price_table .generic_content:hover,
    #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
    #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
    #generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
    #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
    #generic_price_table .generic_content .price,
    #generic_price_table .generic_content:hover .price,
    #generic_price_table .generic_content .generic_price_btn a,
    #generic_price_table .generic_content:hover .generic_price_btn a{
        transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
    } 
    @media (max-width: 320px) {	
    }

    @media (max-width: 767px) {
        #generic_price_table .generic_content{
            margin-bottom:75px;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        #generic_price_table .col-md-3{
            float:left;
            width:50%;
        }
        
        #generic_price_table .col-md-4{
            float:left;
            width:50%;
        }
        
        #generic_price_table .generic_content{
            margin-bottom:75px;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    }
    @media (min-width: 1200px) {
    }
    #generic_price_table_home{
        font-family: 'Raleway', sans-serif;
    }

    .text-center h1,
    .text-center h1 a{
        color: #7885CB;
        font-size: 1.2rem;
        font-weight: 300;
        text-decoration: none;
    }
    .demo-pic{
        margin: 0 auto;
    }
    .demo-pic:hover{
        opacity: 0.7;
    }

    #generic_price_table_home ul{
        margin: 0 auto;
        padding: 0;
        list-style: none;
        display: table;
    }
    #generic_price_table_home li{
        float: left;
    }
    #generic_price_table_home li + li{
        margin-left: 10px;
        padding-bottom: 10px;
    }
    #generic_price_table_home li a{
        display: block;
        width: 50px;
        height: 50px;
        font-size: 0px;
    }
    #generic_price_table_home .blue{
        background: #3498DB;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .emerald{
        background: #2ECC71;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .grey{
        background: #7F8C8D;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .midnight{
        background: #34495E;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .orange{
        background: #E67E22;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .purple{
        background: #9B59B6;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .red{
        background: #E74C3C;
        transition:all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .turquoise{
        background: #1ABC9C;
        transition: all 0.3s ease-in-out 0s;
    }

    #generic_price_table_home .blue:hover,
    #generic_price_table_home .emerald:hover,
    #generic_price_table_home .grey:hover,
    #generic_price_table_home .midnight:hover,
    #generic_price_table_home .orange:hover,
    #generic_price_table_home .purple:hover,
    #generic_price_table_home .red:hover,
    #generic_price_table_home .turquoise:hover{
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        transition: all 0.3s ease-in-out 0s;
    }
    #generic_price_table_home .divider{
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding: 20px;
    }
    #generic_price_table_home .divider span{
        width: 100%;
        display: table;
        height: 2px;
        background: #ddd;
        margin: 50px auto;
        line-height: 2px;
    }
    #generic_price_table_home .itemname{
        text-align: center;
        font-size: 50px ;
        padding: 50px 0 20px ;
        border-bottom: 1px solid #ddd;
        margin-bottom: 40px;
        text-decoration: none;
        font-weight: 300;
    }
    #generic_price_table_home .itemnametext{
        text-align: center;
        font-size: 20px;
        padding-top: 5px;
        text-transform: uppercase;
        display: inline-block;
    }
    #generic_price_table_home .footer{
        padding:40px 0;
    }

    .price-heading{
        text-align: center;
    }
    .price-heading h1{
        color: #666;
        font-size: 1.6rem;
        margin: 0;
        padding: 0 0 50px 0;
    }
    .demo-button {
        background-color: #333333;
        color: #ffffff;
        display: table;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 50px;
        outline-color: -moz-use-text-color;
        outline-style: none;
        outline-width: medium ;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }
    .bottom_btn{
        background-color: #333333;
        color: #ffffff;
        display: table;
        font-size: 28px;
        margin: 60px auto 20px;
        padding: 10px 25px;
        text-align: center;
        text-transform: uppercase;
    }
    .demo-button:hover{
        background-color: #666;
        color: #FFF;
        text-decoration:none;
        
    }
    .bottom_btn:hover{
        background-color: #666;
        color: #FFF;
        text-decoration:none;
    }

</style>
 
  @endpush

@section('content')  
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="check-circle-fill" fill="currentColor" viewBox="0 0 16 16">
    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
  </symbol>
  <symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16">
    <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
  </symbol>
  <symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
    <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
  </symbol>
</svg>
<div class="container-fluid mt-0 pt-0" id="generic_price_table">  
      <section>
        @if (isset($infomessage))
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="lead d-block  pb-4 alert alert-danger align-content-center mx-auto text-center" role="alert">
                                <svg class="bi flex-shrink-0 me-2" width="64" height="64" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg>
                                <div>
                                  
                                    <h5>{{ isset($infomessage) ?  (isset($days) ?  __('applabels.'.$infomessage, ['days' => $days]) :  __('applabels.'.$infomessage) ) : '' }}<bR>
                                    {{  __('applabels.selectplan') }}</h5>
                                </div>
                          
                       
                    </div>
                    
                </div>
            </div>
        </div>
        @endif 
  
 
  
        <div class="container">
            <div class="row">
                <div class="col-md-12"> 
                    <!--PRICE HEADING START-->
                    <div class="price-heading clearfix">
                        <h1>{{__('applabels.pricing')}}</h1>
                    </div>
                    <!--//PRICE HEADING END-->
                </div>
            </div>
        </div>
        <div class="container">
            
            <!--BLOCK ROW START-->
            <div class="row justify-content-center">
                <div class="col-md-3 d-none">
                    
                    <!--PRICE CONTENT START-->
                    <div class="generic_content clearfix">
                        
                        <!--HEAD PRICE DETAIL START-->
                        <div class="generic_head_price clearfix">
                        
                            <!--HEAD CONTENT START-->
                            <div class="generic_head_content clearfix">
                            
                                <!--HEAD START-->
                                <div class="head_bg"></div>
                                <div class="head">
                                    <span>Gratuito </span>
                                </div>
                                <!--//HEAD END-->
                                
                            </div>
                            <!--//HEAD CONTENT END-->
                            
                            <!--PRICE START-->
                            <div class="generic_price_tag clearfix">	
                                <span class="price">
                                    <span class="sign"></span>
                                    <span class="currency"></span>
                                    <span class="cent"></span>
                                    <span class="month">(7 dias)</span>
                                </span>
                            </div>
                            <!--//PRICE END-->
                            
                        </div>                            
                        <!--//HEAD PRICE DETAIL END-->
                        
                        <!--FEATURE LIST START-->
                        <div class="generic_feature_list">
                            <ul>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Serviço de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Notificações</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Black List</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span>Gestão de Engajamento</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Stocks</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Produtos</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Clientes</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Modelos de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Relatórios</li>
                            </ul>
                        </div>
                        <!--//FEATURE LIST END-->
                        
                        <!--BUTTON START{{ LaravelLocalization::localizeUrl('/subscriptions') }}/1-->
                        <div class="generic_price_btn clearfix">
                            <a class="" href="{{ LaravelLocalization::localizeUrl('/register/trial') }}">Sign up</a>
                        </div>
                        <!--//BUTTON END-->
                        
                    </div>
                    <!--//PRICE CONTENT END-->
                        
                </div>
                <div class="col-md-3">
                
                	<!--PRICE CONTENT START-->
                    <div class="generic_content clearfix">
                        
                        <!--HEAD PRICE DETAIL START-->
                        <div class="generic_head_price clearfix">
                        
                            <!--HEAD CONTENT START-->
                            <div class="generic_head_content clearfix">
                            
                            	<!--HEAD START-->
                                <div class="head_bg"></div>
                                <div class="head">
                                    <span>Mensal</span>
                                </div>
                                <!--//HEAD END-->
                                
                            </div>
                            <!--//HEAD CONTENT END-->
                            
                            <!--PRICE START-->
                            <div class="generic_price_tag clearfix">	
                                <span class="price">
                                    <span class="sign">€</span>
                                    <span class="currency">19</span>
                                    <span class="cent">.99</span>
                                    <span class="month">/MÊS</span>
                                </span>
                            </div>
                            <!--//PRICE END-->
                            
                        </div>                            
                        <!--//HEAD PRICE DETAIL END-->
                        
                        <!--FEATURE LIST START-->
                        <div class="generic_feature_list">
                        	<ul>
                            	<li><span><i class="fa-regular fa-thumbs-up "></i></span> Serviço de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Notificações</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Black List</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span>Gestão de Engajamento</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Stocks</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Produtos</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Clientes</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Modelos de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Relatórios</li>
                            </ul>
                        </div>
                        <!--//FEATURE LIST END-->
                        
                        <!--BUTTON START-->
                        <div class="generic_price_btn clearfix">
                        	<a class="" href="{{ LaravelLocalization::localizeUrl('/subscriptions/2') }}">Sign up</a>
                        </div>
                        <!--//BUTTON END-->
                        
                    </div>
                    <!--//PRICE CONTENT END-->
                        
                </div>
                
                <div class="col-md-3">
                
                	<!--PRICE CONTENT START-->
                    <div class="generic_content active clearfix">
                        
                        <!--HEAD PRICE DETAIL START-->
                        <div class="generic_head_price clearfix">
                        
                            <!--HEAD CONTENT START-->
                            <div class="generic_head_content clearfix">
                            
                            	<!--HEAD START-->
                                <div class="head_bg"></div>
                                <div class="head">
                                    <span>Trimestral</span>
                                </div>
                                <!--//HEAD END-->
                                
                            </div>
                            <!--//HEAD CONTENT END-->
                            
                            <!--PRICE START-->
                            <div class="generic_price_tag clearfix">	
                                <span class="price">
                                    <span class="sign">€</span>
                                    <span class="currency">14</span>
                                    <span class="cent">.99</span>
                                    <span class="month">/MÊS</span>
                                </span>
                            </div>
                            <!--//PRICE END-->
                            
                        </div>                            
                        <!--//HEAD PRICE DETAIL END-->
                        
                        <!--FEATURE LIST START-->
                        <div class="generic_feature_list">
                            <ul>
                            	<li><span><i class="fa-regular fa-thumbs-up "></i></span> Serviço de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Notificações</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Black List</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span>Gestão de Engajamento</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Stocks</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Produtos</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Clientes</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Modelos de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Relatórios</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Insights</li> 
                            </ul>
                        </div>
                        <!--//FEATURE LIST END-->
                        
                        <!--BUTTON START-->
                        <div class="generic_price_btn clearfix">
                        	<a class="" href="{{ LaravelLocalization::localizeUrl('/subscriptions/3') }}">Sign up</a>
                        </div>
                        <!--//BUTTON END-->
                        
                    </div>
                    <!--//PRICE CONTENT END-->
                        
                </div>
                <div class="col-md-3">
                
                	<!--PRICE CONTENT START-->
                    <div class="generic_content clearfix">
                        
                        <!--HEAD PRICE DETAIL START-->
                        <div class="generic_head_price clearfix">
                        
                            <!--HEAD CONTENT START-->
                            <div class="generic_head_content clearfix">
                            
                            	<!--HEAD START-->
                                <div class="head_bg"></div>
                                <div class="head">
                                    <span>Anual</span>
                                </div>
                                <!--//HEAD END-->
                                
                            </div>
                            <!--//HEAD CONTENT END-->
                            
                            <!--PRICE START-->
                            <div class="generic_price_tag clearfix">	
                                <span class="price">
                                    <span class="sign">€</span>
                                    <span class="currency">9</span>
                                    <span class="cent">.99</span>
                                    <span class="month">/MÊS</span>
                                </span>
                            </div>
                            <!--//PRICE END-->
                            
                        </div>                            
                        <!--//HEAD PRICE DETAIL END-->
                        
                        <!--FEATURE LIST START-->
                        <div class="generic_feature_list">
                        <ul>
                            	<li><span><i class="fa-regular fa-thumbs-up "></i></span> Serviço de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Notificações</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Black List</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span>Gestão de Engajamento</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Stocks</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Produtos</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Gestão de Clientes</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Modelos de Mensagens</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Relatórios</li>
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Insights</li> 
                                <li><span><i class="fa-regular fa-thumbs-up "></i></span> Suporte Gratuito</li> 
                            </ul>
                        </div>
                        <!--//FEATURE LIST END-->
                        
                        <!--BUTTON START-->
                        <div class="generic_price_btn clearfix">
                        	<a class="" href="{{ LaravelLocalization::localizeUrl('/subscriptions/5') }}">Sign up</a>
                        </div>
                        <!--//BUTTON END-->
                        
                    </div>
                    <!--//PRICE CONTENT END-->
                        
                </div>
            </div>	
            <!--//BLOCK ROW END-->
            
        </div>

        <div class="container mt-4 pt-4">
            <div class="col-md-12">
                <!--PLANOS HEADING START-->
                <div class="price-heading clearfix">
                        <h1>{{__('applabels.otherplans')}}</h1>
                </div>
                <!--//PLANOS HEADING END-->
            </div> 
        </div>
        <div class="container">
              <!--BLOCK ROW START-->
            <div class="row justify-content-center">
                <div class="col-md-1">
                </div>
                <div class="col-md-4">
                    
                    <!--PRICE CONTENT START-->
                    <div class="generic_content clearfix">
                        
                        <!--HEAD PRICE DETAIL START-->
                        <div class="generic_head_price clearfix">
                        
                            <!--HEAD CONTENT START-->
                            <div class="generic_head_content clearfix">
                            
                                <!--HEAD START-->
                                <div class="head_bg"></div>
                                <div class="head">
                                    <span>Professional </span>
                                </div>
                                <!--//HEAD END-->
                                
                            </div>
                            <!--//HEAD CONTENT END-->
                            
                            <!--PRICE START-->
                            <div class="generic_price_tag clearfix">	
                                <span class="price">
                                    <span class="sign"></span>
                                    <span class="currency"></span>
                                    <span class="cent"></span>
                                    <span class="month"></span>
                                </span>
                            </div>
                            <!--//PRICE END-->
                            
                        </div>                            
                        <!--//HEAD PRICE DETAIL END-->
                        
                        <!--FEATURE LIST START-->
                        <div class="generic_feature_list">
                            <ul>
                                <li><!-- span><i class="fa-regular fa-thumbs-up "></i></span> Serviço de Mensagens --></li>
                                </ul>
                        </div>
                        <!--//FEATURE LIST END-->
                        
                        <!--BUTTON START{{ LaravelLocalization::localizeUrl('/subscriptions') }}/1-->
                        <div class="generic_price_btn clearfix">
                        <a class="" href="{{ LaravelLocalization::localizeUrl('/subscriptions/7') }}">Sign up</a>
                        </div>
                        <!--//BUTTON END-->
                        
                    </div>
                    <!--//PRICE CONTENT END-->
                        
                </div>
                <div class="col-md-1">
                </div>
                <div class="col-md-4">
                    
                    <!--PRICE CONTENT START-->
                    <div class="generic_content clearfix">
                        
                        <!--HEAD PRICE DETAIL START-->
                        <div class="generic_head_price clearfix">
                        
                            <!--HEAD CONTENT START-->
                            <div class="generic_head_content clearfix">
                            
                                <!--HEAD START-->
                                <div class="head_bg"></div>
                                <div class="head">
                                    <span>Enterprise </span>
                                </div>
                                <!--//HEAD END-->
                                
                            </div>
                            <!--//HEAD CONTENT END-->
                            
                            <!--PRICE START-->
                            <div class="generic_price_tag clearfix">	
                                <span class="price">
                                    <span class="sign"></span>
                                    <span class="currency"></span>
                                    <span class="cent"></span>
                                    <span class="month"></span>
                                </span>
                            </div>
                            <!--//PRICE END-->
                            
                        </div>                            
                        <!--//HEAD PRICE DETAIL END-->
                        
                        <!--FEATURE LIST START-->
                        <div class="generic_feature_list">
                            <ul>
                                <li><!-- span><i class="fa-regular fa-thumbs-up "></i></span> Serviço de Mensagens --></li>
                                </ul>
                        </div>
                        <!--//FEATURE LIST END-->
                        
                        <!--BUTTON START{{ LaravelLocalization::localizeUrl('/subscriptions') }}/1-->
                        <div class="generic_price_btn clearfix">
                        <a class="" href="{{ LaravelLocalization::localizeUrl('/subscriptions/6') }}">Sign up</a>
                        </div>
                        <!--//BUTTON END-->
                        
                    </div>
                    <!--//PRICE CONTENT END-->
                        
                </div>
                <div class="col-md-1">
                </div>
                
        </div>
    </section>             
</div>
 
 


@endsection
    @push('scripts')   
    @endpush