Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory :  /home/tradze/.trash/resources_old/views/membership/pages/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@extends("membership.layouts.membershipLayout")
@section('css_page')
<link rel="stylesheet" href="{{ asset('/themes/frontend_new/assets/css/membership/getmembership.css') }}" type="text/css" media="screen"/>
@endsection
@section('content')
<section class="second sucess_wrapper">
        <div class="sec-three" style="position:relative;">
            <img src="{{asset('themes/frontend_new/assets/img/membership/membership_cancellation.jpg')}}" alt="">
            <a  href="{{ url('/membership/my-membership') }}" style="position:absolute; width:100%; height:100%; left:0; top:0;"> </a>
            <!-- <div class="third-right color-gradient">
                <a class="free" href="{{ url('/membership/my-membership') }}" class="third-btn "> <span>MY MEMBERSHIP</span> </a>
            </div> -->
           

        </div>

    </section>

      <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .sec-three {
            position: relative;
        }

        .sec-three img {
          width: 100%;
          object-fit: contain;
          max-height: 800px; 
         
        }
        .free {
          border-radius: 50px;
          padding: 15px 20px;
          border: solid 2px transparent !important;
          background-image: var(--my-gradient) !important;
          background-origin: border-box !important;
          background-clip: content-box, border-box !important;
          box-shadow: 1px 10000px 1px #000000 inset !important;
          min-width: 255px !important;
          text-align: center !important;
          outline: none !important;
          display: inline-block;
          color: #fff;
          font-size: 15px;
          text-decoration: none;
          max-width: 50px;
          font-weight:600;
        }

        .third-btn {
        border-radius: 50px;
        padding: 15px 20px;
        border: solid 2px transparent !important;
        background-image: var(--my-gradient) !important;
          background-origin: border-box !important;
          background-clip: content-box, border-box !important;
        /* box-shadow: 1px 1000px 1px #fcaec4 inset !important; */
        box-shadow: 1px 10000px 1px #000000 inset !important;
        min-width: 255px !important;
        text-align: center !important;
        outline: none !important;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        font-weight: 600;
    }
    
   .third-right {
      position: absolute;
      left: 10%;
      bottom: 0;
      transform: translate(-14%, -50%);
    }
/* .color-gradient span {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
      @media screen and (max-width:1366px){
        .third-right {
        position: absolute;
        right: 15%;
        bottom: 0;
        transform: translate(-14%, -19%);
        }
      }
      
        @media screen and (max-width:1199px) {
            .third-right {
            transform: translate(-8%, -19%);
            right: 8%;
        }
        .third-btn {
            padding: 10px 14px;
        }
        }

        @media screen and (max-width:991px) {
            .third-right {
            transform: translate(-2%, -19%);
            right: 8%;
            }
            .third-btn {
            font-size: 12px;
            padding: 8px 12px;
        }
                
           
        }

        @media screen and (max-width:767px) {
            .third-right {
            bottom: 20px;
            right: 12%;
            transform: translateX(-50%);

        }
         
        .free {
            border-radius: 50px;
            padding: 10px 10px;
            min-width: 75px !important;
            text-align: center !important;
            outline: none !important;
            display: inline-block;
            color: #fff;
            font-size: 9px;
        }
        

        }
    </style>
@endsection