<?php 
include 'header.php';
	
$tnumbs = "1234567890";
$tnumbs = str_shuffle($tnumbs);
$tnumbs = substr($tnumbs, 0, $track_num);
$tnumbs = $track_prefix."-".date('m')."-".$tnumbs;

$msg = "";

$sendersname = $senderscontact = $sendersmail = $sendersaddress = $receiversname = $receiverscontact = $receiverscontact = $receiversmail =  $receiversaddress = $status = $dispatchl = $dispatch = $delivery = $desc = "";

$carrier = $carrier_ref = $weight = $payment_mode = $ship_mode = $quantity = $delivery_time = $err = $dest = "";

	if (isset($_POST['submit'])) {
	 $sendersname = text_input($_POST['sname']);	
     $senderscontact = text_input($_POST['scontact']);  
     $sendersmail = text_input($_POST['smail']);  
     $sendersaddress = text_input($_POST['saddress']);
     $receiversname = text_input($_POST['rname']);  
     $receiverscontact = text_input($_POST['rcontact']);  
     $receiversmail = text_input($_POST['rmail']);  
     $receiversaddress = text_input($_POST['raddress']);
     $status = text_input($_POST['status']);  
     $dispatchl = text_input($_POST['dispatchl']);  
     $dispatch = text_input($_POST['dispatch']);  
     $delivery = text_input($_POST['delivery']);  
     $desc = text_input($_POST['desc']); 

     $carrier = text_input($_POST['carrier']);  
     $carrier_ref = text_input($_POST['carrier_ref']);  
     $weight = text_input($_POST['weight']);  
     $payment_mode = text_input($_POST['payment_mode']);  
     $ship_mode = text_input($_POST['ship_mode']);  
     $quantity = text_input($_POST['quantity']);  
     $delivery_time = text_input($_POST['delivery_time']);  
     $dest = text_input($_POST['dest']);  

     if (isset($_FILES['image'])) {
        $tmp = $_FILES['image']['tmp_name'];
        $filename = $_FILES['image']['name'];
        $imgname = $tnumbs.".png";
        $dir = "../uploads/".$imgname;
        $check = @getimagesize($tmp);
      
     }
      
    if (empty($sendersname) || empty($senderscontact) || empty($sendersmail) || empty($sendersaddress) || empty($receiversname) || empty($receiverscontact) || empty($receiversmail) || empty($receiversaddress) || empty($status) || empty($dispatchl) || empty($dispatch) || empty($delivery) || empty($carrier) || empty($carrier_ref) || empty($weight) || empty($payment_mode) || empty($ship_mode) || empty($quantity) || empty($delivery_time) || empty($dest) ) {
       echo "<script>alert('Check !!! Some fields are empty')</script>";
     }elseif($check === false){
       echo "<script>alert('You didnt select an image')</script>";
     }else{
       $insert = mysqli_query($link, " INSERT INTO tracking (tracking_number, sender_name, sender_contact, sender_email, sender_address, status, dispatch_location, receiver_email, receiver_name, receiver_contact, receiver_address, dispatch_date, delivery_date, pdesc, carrier, carrier_ref, weight, payment_mode, ship_mode, quantity, delivery_time, image, destination) VALUES ('$tnumbs', '$sendersname', '$senderscontact', '$sendersmail', '$sendersaddress', '$status', '$dispatchl', '$receiversmail', '$receiversname', '$receiverscontact', '$receiversaddress', '$dispatch', '$delivery', '$desc', '$carrier', '$carrier_ref', '$weight', '$payment_mode', '$ship_mode', '$quantity', '$delivery_time', '$imgname', '$dest' ) ");
       if ($insert) {
          move_uploaded_file($tmp, $dir);

          //send mail
          if ($mail_track_save == "Yes") {
              $subject = "$sitename";
              $body = "<p>Dear $receiversname</p> <p>We are pleased to inform you that your shipment has been registered with us at <strong>$sitename</strong>.</p>  <center>Tracking Information</center> <p> <strong>Tracking Number - $tnumbs </strong> </p> <p> <strong>Status - $status </strong> </p> <p> <strong>Package - $desc </strong> </p> <p> <strong>Dispatch Location - $dispatchl </strong> </p> <p> <strong>Estimated Delivery Date - $delivery </strong> </p> <p>For more information visit the <a href='$site_url/tracking.php'>Tracking Page</a> </p> ";
              sendMail($receiversmail,$subject,$body);
          }

          echo "<script>
            alert('New Tracking Added Successfully');
            window.location.href = 'dashboard.php';
          </script>";
       }else{
        echo mysqli_error($link);
       }
     }
     
	}


	function text_input($data) {
      $data = trim($data);
      $data = stripslashes($data);
      $data = htmlspecialchars($data);
      return $data;
	}

?>

        <!-- NFTmax Dashboard -->
        <section class="nftmax-adashboard nftmax-show">
            <div class="container-fulid">
                <div class="row">

                    <div class="col-lg-12 setting-main  ">
                        <div class="d-flex align-items-start">
                            
                            <div class="tab-content" id="v-pills-tabContent">
                                <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
                                    aria-labelledby="v-pills-home-tab">


                                    <div class="row">
    <div class="col-lg-12">
        <div class="personal-informations-head">
            <h3>Add Tracking</h3>
        </div>

        <div class="card">
			<div class="card-body">
				<label style="font-weight: bold;font-size: 25px;">TRACKING NUMBER</label>
				<input type="text" readonly="" value="<?php echo $tnumbs ?>" name="tracking_number" class="form-control" id="exampleInputUsername1" placeholder="Username">
			</div>
		</div>

        <form action="" method="POST" enctype="multipart/form-data">
        <div class="personal-informations-from">
            <!-- Sender Information -->
            <div class="personal-informations-from-item">
                <h5>Sender Information</h5>
                <div class="personal-informations-from-item-inner">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="sname" class="form-label">Sender's Name</label>
                            <input type="text" name="sname" id="sname" class="form-control" aria-label="Sender's Name">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="scontact" class="form-label">Sender's Contact</label>
                            <input type="text" name="scontact" id="scontact" class="form-control" aria-label="Sender's Contact">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="smail" class="form-label">Sender's Email</label>
                            <input type="email" name="smail" id="smail" class="form-control" aria-label="Sender's Email">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="saddress" class="form-label">Sender's Address</label>
                            <input type="text" name="saddress" id="saddress" class="form-control" aria-label="Sender's Address">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Receiver Information -->
            <div class="personal-informations-from-item">
                <h5>Receiver Information</h5>
                <div class="personal-informations-from-item-inner">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="rname" class="form-label">Receiver's Name</label>
                            <input type="text" name="rname" id="rname" class="form-control" aria-label="Receiver's Name">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="rcontact" class="form-label">Receiver's Contact</label>
                            <input type="text" name="rcontact" id="rcontact" class="form-control" aria-label="Receiver's Contact">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="rmail" class="form-label">Receiver's Email</label>
                            <input type="email" name="rmail" id="rmail" class="form-control" aria-label="Receiver's Email">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="raddress" class="form-label">Receiver's Address</label>
                            <input type="text" name="raddress" id="raddress" class="form-control" aria-label="Receiver's Address">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Package Information -->
            <div class="personal-informations-from-item">
                <h5>Package Information</h5>
                <div class="personal-informations-from-item-inner">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="status" class="form-label">Status</label>
                            <select class="form-control" name="status">
                                <option value="Pending">Pending</option>
                                <option value="Active">Active</option>
                                <option value="Inactive">Inactive</option>
                                <option value="Picked Up">Picked Up</option>
                                <option value="Arrived">Arrived</option>
                                <option value="Delivered">Delivered</option>
                                <option value="On hold">On hold</option>
                            </select>
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="dispatchl" class="form-label">Dispatch Location</label>
                            <input type="text" name="dispatchl" id="dispatchl" class="form-control" aria-label="Dispatch Location">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="dispatch" class="form-label">Dispatch Date</label>
                            <input type="date" name="dispatch" id="dispatch" class="form-control" aria-label="Dispatch Date">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="delivery" class="form-label">Delivery Date</label>
                            <input type="date" name="delivery" id="delivery" class="form-control" aria-label="Delivery Date">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="dispatch" class="form-label">description  </label>
                            <input type="text" name="desc" id="dispatch" class="form-control" aria-label="Dispatch Date">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="delivery" class="form-label">Ship mode</label>
                            <input type="text" name="ship_mode" id="delivery" class="form-control" aria-label="Delivery Date">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="dispatch" class="form-label">Quantity</label>
                            <input type="text" name="quantity" id="dispatch" class="form-control" aria-label="Dispatch Date">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="delivery" class="form-label">Delivery Time</label>
                            <input type="time" name="delivery_time" id="delivery" class="form-control" aria-label="Delivery Date">
                        </div>

                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="delivery" class="form-label">Destination </label>
                            <input type="text" name="dest" id="delivery" class="form-control" aria-label="Delivery Date">
                        </div>


                        
                    </div>
                </div>
            </div>

            <!-- Additional Details -->
            <div class="personal-informations-from-item">
                <h5>Additional Details</h5>
                <div class="personal-informations-from-item-inner">
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="carrier" class="form-label">Carrier</label>
                            <input type="text" name="carrier" id="carrier" class="form-control" aria-label="Carrier">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="carrier_ref" class="form-label">Carrier Reference</label>
                            <input type="text" name="carrier_ref" id="carrier_ref" class="form-control" aria-label="Carrier Reference">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="weight" class="form-label">Weight</label>
                            <input type="number" step="0.01" name="weight" id="weight" class="form-control" aria-label="Weight">
                        </div>
                        <div class="col-12 col-md-12 col-lg-6">
                            <label for="payment_mode" class="form-label">Payment Mode</label>
                            <input type="text" name="payment_mode" id="payment_mode" class="form-control" aria-label="Payment Mode">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Upload Image -->
            <div class="personal-informations-from-item">
                <div class="personal-informations-from-item-inner">
                    <div class="row">
                        <div class="col-12">
                            <label for="image" class="form-label">Upload Image</label>
                            <input type="file" name="image" id="image" class="form-control" aria-label="Upload Image">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Submit Button -->
            <div class="personal-informations-from-btn">
                    <button type="submit" name="submit" class="btn-one">Add Tracking</button>
            </div>
        </form>
        </div>
    </div>
</div>







                                </div>









                                <div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
                                    aria-labelledby="v-pills-profile-tab">


                                    <div class="row w-1150px">
                                        <div class="col-lg-12">
                                            <div class="personal-informations-head personal-informations-head-two ">
                                                <h3>Notification</h3>
                                            </div>



                                            <div class="notification-main notification-main-res ">
                                                <div class="notification-item">
                                                    <div class="notification-inner">
                                                        <div class="notification-inner-icon">
                                                            <span>
                                                                <svg width="60" height="60" viewBox="0 0 60 60"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <circle cx="30" cy="30" r="30" fill="#febe42" />
                                                                    <path
                                                                        d="M29.9703 43.7387C27.4494 43.7387 24.9286 43.7507 22.4077 43.7347C20.2721 43.7227 19.0338 42.5095 19.0197 40.3804C18.9955 37.0221 18.9915 33.6638 19.0197 30.3055C19.0378 28.2083 20.3265 26.9731 22.4481 26.9692C27.4212 26.9592 32.3964 26.9612 37.3695 26.9692C39.604 26.9731 40.8564 28.2203 40.8644 30.4452C40.8745 33.7376 40.8786 37.0301 40.8644 40.3225C40.8544 42.5055 39.6242 43.7247 37.43 43.7367C34.9434 43.7487 32.4569 43.7387 29.9703 43.7387ZM27.5321 33.7237C27.6108 33.9212 27.6592 34.5398 27.9919 34.7972C28.8954 35.4976 28.7542 36.4035 28.7563 37.3154C28.7563 37.7464 28.6272 38.2533 28.8107 38.5885C29.0467 39.0175 29.5367 39.5822 29.9219 39.5862C30.3131 39.5902 30.8496 39.0495 31.0613 38.6224C31.261 38.2174 31.1319 37.6487 31.1319 37.1538C31.1319 36.3018 31.0936 35.5215 31.868 34.8212C32.6041 34.1547 32.4871 32.8876 31.8841 32.0615C31.2811 31.2354 30.2002 30.8802 29.2019 31.1795C28.2521 31.4648 27.5483 32.4147 27.5321 33.7237Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M37.5315 26.0274C36.3356 26.0274 35.2466 26.0274 34.0345 26.0274C34.0345 25.1634 34.0446 24.3452 34.0325 23.5251C33.9982 21.0827 32.2397 19.235 29.9467 19.223C27.6497 19.211 25.8851 21.0428 25.8448 23.4972C25.8306 24.3193 25.8427 25.1434 25.8427 26.0254C24.6448 26.0254 23.5558 26.0254 22.4729 26.0254C21.7126 21.0947 23.5054 17.4331 27.7546 16.1141C32.5603 14.6215 37.3984 18.1275 37.5274 23.1101C37.5516 24.0639 37.5315 25.0197 37.5315 26.0274Z"
                                                                        fill="white" />
                                                                </svg>
                                                            </span>
                                                        </div>
                                                        <div class="notification-inner-text">
                                                            <p>All Notifcation update off</p>
                                                            <span>Unlockable content, only revealed by the owner of the
                                                                item.</span>
                                                        </div>
                                                    </div>

                                                    <div class="notifaction-btn">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox"
                                                                id="flexSwitchCheckDefault">

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="notification-item">
                                                    <div class="notification-inner">
                                                        <div class="notification-inner-icon">
                                                            <span>
                                                                <svg width="60" height="60" viewBox="0 0 60 60"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <circle cx="30" cy="30" r="30" fill="#FFC837" />
                                                                    <path
                                                                        d="M29.9407 27.7853C29.3978 27.6062 28.8874 27.5042 28.4342 27.2802C24.4201 25.2948 20.4135 23.2895 16.4044 21.2942C16.1106 21.1474 15.884 20.9583 15.879 20.6075C15.874 20.2418 16.1006 20.0378 16.4094 19.8835C20.3911 17.9006 24.3728 15.9127 28.352 13.9248C29.4974 13.3526 30.6255 13.4173 31.756 13.987C34.3133 15.2733 36.8806 16.5471 39.443 17.826C40.7503 18.4778 42.0551 19.1321 43.3599 19.7865C43.4346 19.8238 43.5093 19.8586 43.5865 19.896C43.8853 20.0353 44.092 20.2517 44.092 20.5976C44.092 20.9484 43.8704 21.1449 43.5766 21.2892C41.7214 22.2123 39.8688 23.1403 38.0136 24.0633C35.8721 25.1306 33.7406 26.2129 31.5866 27.2529C31.0737 27.5017 30.4935 27.6111 29.9407 27.7853Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M28.9083 38.2601C28.9083 40.4844 28.9108 42.7086 28.9058 44.9329C28.9033 45.724 28.4576 46.0027 27.728 45.6668C24.0775 43.9874 20.4245 42.313 16.7814 40.6212C15.6086 40.0763 15.0109 39.1235 15.006 37.8347C14.996 33.5952 15.001 29.3557 15.0035 25.1162C15.0035 24.2976 15.4641 23.9941 16.1962 24.3325C19.9713 26.0716 23.7438 27.8206 27.5213 29.5522C28.48 29.9926 28.9232 30.7091 28.9158 31.7566C28.9008 33.9261 28.9108 36.0931 28.9108 38.2626C28.9108 38.2601 28.9108 38.2601 28.9083 38.2601Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M31.0591 38.198C31.0591 36.016 31.0641 33.8341 31.0567 31.6521C31.0542 30.6669 31.5049 29.9877 32.3889 29.5797C36.1888 27.8281 39.9912 26.0816 43.7911 24.3325C44.4834 24.0141 44.959 24.3002 44.959 25.054C44.964 29.3358 44.9714 33.6151 44.954 37.8969C44.949 39.2081 44.2767 40.1237 43.0939 40.671C40.1406 42.0344 37.1848 43.3954 34.2316 44.7563C33.5991 45.0474 32.9691 45.3385 32.3391 45.6295C31.4825 46.0226 31.0567 45.7564 31.0567 44.8259C31.0567 42.6166 31.0567 40.4048 31.0567 38.1955C31.0591 38.198 31.0591 38.198 31.0591 38.198Z"
                                                                        fill="white" />
                                                                </svg>
                                                            </span>
                                                        </div>
                                                        <div class="notification-inner-text">
                                                            <p>When you upload prodcuts</p>
                                                            <span>Evey new prodcuts upload seccessfullly doen you can
                                                                get notifcation</span>
                                                        </div>
                                                    </div>

                                                    <div class="notifaction-btn">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox"
                                                                id="flexSwitchCheckChecked" checked>

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="notification-item">
                                                    <div class="notification-inner">
                                                        <div class="notification-inner-icon">
                                                            <span>
                                                                <svg width="60" height="60" viewBox="0 0 60 60"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <circle cx="30" cy="30" r="30" fill="#2DD4BF" />
                                                                    <path
                                                                        d="M41.8283 27.5958C41.4072 29.0508 41.0641 30.4376 40.5806 31.7718C40.4617 32.101 39.8846 32.4672 39.5142 32.4711C35.1806 32.5217 30.8469 32.5042 26.5133 32.5061C25.8719 32.5061 25.4625 32.1906 25.3163 31.577C24.6301 28.7099 23.9381 25.8428 23.283 22.9698C23.0842 22.1011 23.4799 21.5654 24.3182 21.5596C27.8506 21.5362 31.383 21.5499 35.0032 21.5499C34.9603 23.4236 35.4711 25.0617 36.8922 26.3102C38.2822 27.5393 39.9256 27.9055 41.8283 27.5958Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M24.4176 33.5096C27.334 33.5096 30.1997 33.5096 33.0654 33.5096C34.9408 33.5096 36.8162 33.5057 38.6915 33.5116C39.5649 33.5135 40.0601 33.905 40.0835 34.5809C40.1069 35.2918 39.5961 35.7242 38.6877 35.7242C33.7224 35.7281 28.759 35.7281 23.7938 35.7242C22.7878 35.7242 22.5091 35.4788 22.2888 34.464C21.3452 30.1049 20.3939 25.7477 19.4679 21.3847C19.3587 20.8724 19.1579 20.5841 18.6296 20.4225C17.419 20.0524 16.2318 19.6044 15.0368 19.1837C14.0328 18.8292 13.6605 18.2877 13.9334 17.5924C14.2024 16.9048 14.7853 16.7295 15.7386 17.0606C17.2221 17.5748 18.692 18.128 20.1912 18.5955C20.9476 18.8311 21.3082 19.2577 21.4681 20.0212C22.3824 24.3589 23.3317 28.6889 24.2733 33.0207C24.3006 33.1493 24.3474 33.2778 24.4176 33.5096Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M35.6934 22.2146C35.6798 19.5111 37.8729 17.314 40.5788 17.3238C43.23 17.3316 45.4134 19.5325 45.4095 22.1952C45.4056 24.85 43.2144 27.0451 40.5573 27.051C37.9022 27.0568 35.7071 24.8753 35.6934 22.2146ZM42.6257 20.0565C41.7465 20.9973 40.8848 21.9205 39.8614 23.0171C39.3721 22.3529 38.9763 21.8192 38.524 21.2076C38.0698 21.6829 37.7696 21.9965 37.5747 22.203C38.4051 23.06 39.1986 23.8761 39.9316 24.6338C41.1207 23.4417 42.345 22.2166 43.6726 20.8863C43.4562 20.7148 43.1969 20.5084 42.9357 20.3019C42.8538 20.2337 42.77 20.1714 42.6257 20.0565Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M37.4854 36.6246C39.2068 36.6091 40.6104 37.9608 40.6436 39.6671C40.6767 41.4026 39.2653 42.8264 37.5147 42.8264C35.805 42.8264 34.4072 41.4376 34.3994 39.7372C34.3936 38.029 35.7699 36.6422 37.4854 36.6246ZM38.8929 39.7158C38.891 38.962 38.2984 38.3504 37.5537 38.3348C36.7817 38.3173 36.1384 38.9542 36.1423 39.7314C36.1462 40.4774 36.7485 41.0967 37.4854 41.1162C38.2574 41.1357 38.8968 40.5007 38.8929 39.7158Z"
                                                                        fill="white" />
                                                                    <path
                                                                        d="M24.8751 42.8255C23.1556 42.8118 21.7754 41.4309 21.7793 39.7265C21.7852 37.9677 23.179 36.6023 24.9491 36.6218C26.6569 36.6413 28.0273 38.0476 28.0078 39.7597C27.9864 41.4718 26.5906 42.8372 24.8751 42.8255ZM26.2709 39.7285C26.2728 38.9455 25.6334 38.3164 24.8556 38.3358C24.1226 38.3553 23.4968 38.9883 23.4968 39.7168C23.4948 40.4472 24.1148 41.088 24.8439 41.1134C25.6178 41.1406 26.2689 40.5076 26.2709 39.7285Z"
                                                                        fill="white" />
                                                                </svg>
                                                            </span>
                                                        </div>
                                                        <div class="notification-inner-text">
                                                            <p>You got sell your prodcuts</p>
                                                            <span>Evey new prodcuts sell you can get notifcation</span>
                                                        </div>
                                                    </div>

                                                    <div class="notifaction-btn">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox"
                                                                id="flexSwitchCheckChecked-1" checked>

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="notification-item">
                                                    <div class="notification-inner">
                                                        <div class="notification-inner-icon">
                                                            <span>
                                                                <svg width="60" height="60" viewBox="0 0 60 60"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <circle cx="30" cy="30" r="29.5" fill="#FF784B"
                                                                        stroke="#EDF2F7" />
                                                                    <path
                                                                        d="M26.6428 16.1604L26.65 16.1606L26.6572 16.1607C28.2851 16.1692 29.5283 16.3456 30.6584 16.9157L30.6584 16.9157C32.6355 17.913 33.6894 19.5505 33.9975 21.7429L33.9975 21.7431C34.196 23.153 34.039 24.5608 33.691 25.9735C33.2653 27.6955 32.6967 29.3392 31.8036 30.8382L31.8035 30.8382C31.2385 31.7868 30.5526 32.59 29.6454 33.1589L29.6451 33.1591C27.9859 34.2012 25.9808 34.1042 24.3241 32.8802C23.3107 32.1312 22.5787 31.1341 21.9884 29.983C21.1425 28.3294 20.6623 26.5468 20.3282 24.6876L20.3282 24.6874C20.142 23.6536 20.0825 22.6442 20.2446 21.6384L20.2447 21.6381C20.456 20.3218 20.937 19.2636 21.6574 18.4286C22.379 17.5925 23.3624 16.9552 24.616 16.516L24.6162 16.516C25.3762 16.2493 26.1514 16.1437 26.6428 16.1604Z"
                                                                        fill="white" stroke="#EDF2F7" />
                                                                    <path
                                                                        d="M32.0184 41.2193C32.6724 42.3302 33.5119 43.2472 34.5207 43.9796H34.4879H34.4451H34.4023H34.3595H34.3167H34.2739H34.2311H34.1883H34.1455H34.1027H34.0599H34.0171H33.9743H33.9315H33.8887H33.8459H33.8031H33.7603H33.7175H33.6747H33.6319H33.5891H33.5463H33.5035H33.4607H33.4179H33.375H33.3322H33.2894H33.2466H33.2038H33.161H33.1182H33.0754H33.0326H32.9898H32.947H32.9042H32.8614H32.8186H32.7758H32.733H32.6902H32.6474H32.6046H32.5618H32.519H32.4762H32.4334H32.3906H32.3478H32.305H32.2622H32.2194H32.1766H32.1338H32.091H32.0482H32.0054H31.9626H31.9198H31.877H31.8342H31.7914H31.7486H31.7058H31.663H31.6202H31.5774H31.5346H31.4918H31.449H31.4062H31.3634H31.3206H31.2778H31.235H31.1922H31.1494H31.1066H31.0638H31.021H30.9782H30.9354H30.8926H30.8497H30.8069H30.7641H30.7213H30.6785H30.6357H30.5929H30.5501H30.5073H30.4645H30.4217H30.3789H30.3361H30.2933H30.2505H30.2077H30.1649H30.1221H30.0793H30.0365H29.9937H29.9509H29.9081H29.8653H29.8225H29.7797H29.7369H29.6941H29.6513H29.6085H29.5657H29.5229H29.4801H29.4373H29.3945H29.3517H29.3089H29.2661H29.2233H29.1805H29.1377H29.0949H29.0521H29.0093H28.9665H28.9237H28.8809H28.8381H28.7953H28.7525H28.7097H28.6669H28.6241H28.5813H28.5385H28.4957H28.4529H28.4101H28.3673H28.3244H28.2816H28.2388H28.196H28.1532H28.1104H28.0676H28.0248H27.982H27.9392H27.8964H27.8536H27.8108H27.768H27.7252H27.6824H27.6396H27.5968H27.554H27.5112H27.4684H27.4256H27.3828H27.34H27.2972H27.2544H27.2116H27.1688H27.126H27.0832H27.0404H26.9976H26.9548H26.912H26.8692H26.8264H26.7836H26.7408H26.698H26.6552H26.6124H26.5696H26.5268H26.484H26.4412H26.3984H26.3556H26.3128H26.27H26.2272H26.1844H26.1416H26.0988H26.056H26.0132H25.9704H25.9276H25.8848H25.842H25.7992H25.7563H25.7135H25.6707H25.6279H25.5851H25.5423H25.4995H25.4567H25.4139H25.3711H25.3283H25.2855H25.2427H25.1999H25.1571H25.1143H25.0715H25.0287H24.9859H24.9431H24.9003H24.8575H24.8147H24.7719H24.7291H24.6863H24.6435H24.6007H24.5579H24.5151H24.4723H24.4295H24.3867H24.3439H24.3011H24.2583H24.2155H24.1727H24.1299H24.0871H24.0443H24.0015H23.9587H23.9159H23.8731H23.8303H23.7875H23.7447H23.7019H23.6591H23.6163H23.5735H23.5307H23.4879H23.4451H23.4023H23.3595H23.3167H23.2739H23.231H23.1882H23.1454H23.1026H23.0598H23.017H22.9742H22.9314H22.8886H22.8458H22.803H22.7602H22.7174H22.6746H22.6318H22.589H22.5462H22.5034H22.4606H22.4178H22.375H22.3322H22.2894H22.2466H22.2038H22.161H22.1182H22.0754H22.0326H21.9898H21.947H21.9042H21.8614H21.8186H21.7758H21.733H21.6902H21.6474H21.6046H21.5618H21.519H21.4762H21.4334H21.3906H21.3478H21.305H21.2622H21.2194H21.1766H21.1338H21.091H21.0482H21.0054H20.9626H20.9198H20.877H20.8342H20.7914H20.7486H20.7057H20.6629H20.6201H20.5773H20.5345H20.4917H20.4489H20.4061H20.3633H20.3205H20.2777H20.2349H20.1921H20.1493H20.1065H20.0637H20.0209H19.9781H19.9353H19.8925H19.8497H19.8069H19.7641H19.7213H19.6785H19.6357H19.5929H19.5501H19.5073H19.4645H19.4217H19.3789H19.3361H19.2933H19.2505H19.2077H19.1649H19.1221H19.0793H19.0365H18.9937H18.9509H18.9081H18.8653H18.8225H18.7797H18.7369H18.6941H18.6513H18.6085H18.5657H18.5229H18.4801H18.4373H18.3945H18.3517H18.3089H18.2661H18.2233H18.1805H18.1376H18.0948H18.052H18.0092H17.9664H17.9236H17.8808H17.838H17.7952H17.7524H17.7096H17.6668H17.624H17.5812H17.5384H17.4956H17.4528H17.41H17.3672H17.3244H17.2816H17.2388H17.196H17.1532H17.1104H17.0676H17.0248H16.982H16.9392H16.8964H16.8536H16.8108H16.768H16.7252H16.6824H16.6396H16.5968H16.554H16.5112H16.4684H16.4256H16.3828H16.34H16.2972H16.2544H16.2116H16.1688H16.126H16.0832H16.0404H15.9976H15.9548H15.912H15.8692H15.8264H15.7836H15.7408H15.698H15.6552H15.6123H15.5695H15.5267H15.4839H15.4411H15.3983H15.3555H15.3127H15.2699H15.2271H15.1843H15.1415H15.0987H15.0559H15.0131H14.9703H14.9275H14.8847H14.8419H14.7991H14.7563H14.7135H14.6707H14.6279H14.5851H14.5423H14.4995H14.4567H14.4139H14.3711H14.3481C14.3489 43.774 14.349 43.5695 14.3492 43.3658C14.3498 42.607 14.3504 41.8598 14.3828 41.1109C14.4232 40.2147 14.8795 39.5137 15.6396 38.9295C16.4011 38.3463 17.294 37.9994 18.2699 37.6988C20.2079 37.102 22.209 36.7924 24.2494 36.6172C26.0217 36.4651 27.8008 36.458 29.5845 36.5542L29.5847 36.5542C29.8166 36.5666 30.0497 36.5878 30.2923 36.6106C30.3111 36.6124 30.3299 36.6141 30.3488 36.6159C30.4898 36.6292 30.6343 36.6428 30.7804 36.6548C30.8089 38.2607 31.1825 39.8003 32.0184 41.2193ZM31.0407 36.6744C31.0406 36.6744 31.0387 36.6742 31.0354 36.6737C31.0391 36.674 31.0408 36.6743 31.0407 36.6744Z"
                                                                        fill="white" stroke="#EDF2F7" />
                                                                    <mask id="path-4-inside-1_1640_21724" fill="white">
                                                                        <path
                                                                            d="M33.9961 35.0919C34.0881 35.0919 34.1663 35.0919 34.2444 35.0919C35.4098 35.0919 36.5734 35.0919 37.7388 35.0919C37.9993 35.0919 38.0011 35.0919 38.0011 34.8212C38.0011 33.6568 38.0011 32.4942 38.0011 31.3299C38.0011 31.2535 38.0011 31.1754 38.0011 31.0869C39.1473 31.0869 40.2675 31.0869 41.4155 31.0869C41.4155 32.4196 41.4155 33.7419 41.4155 35.0902C42.7667 35.0902 44.0902 35.0902 45.4257 35.0902C45.4257 36.2164 45.4257 37.3182 45.4257 38.4444C44.0954 38.4444 42.7702 38.4444 41.4173 38.4444C41.4173 39.7997 41.4173 41.1289 41.4173 42.472C41.327 42.4772 41.2627 42.4841 41.1984 42.4841C40.205 42.4841 39.2116 42.4807 38.2182 42.4893C38.0445 42.4911 37.9959 42.4425 37.9959 42.269C38.0028 41.0855 37.9993 39.9021 37.9993 38.7186C37.9993 38.6405 37.9993 38.5624 37.9993 38.4566C36.6568 38.4566 35.3334 38.4566 33.9961 38.4566C33.9961 37.3252 33.9961 36.225 33.9961 35.0919Z" />
                                                                    </mask>
                                                                    <path
                                                                        d="M33.9961 35.0919C34.0881 35.0919 34.1663 35.0919 34.2444 35.0919C35.4098 35.0919 36.5734 35.0919 37.7388 35.0919C37.9993 35.0919 38.0011 35.0919 38.0011 34.8212C38.0011 33.6568 38.0011 32.4942 38.0011 31.3299C38.0011 31.2535 38.0011 31.1754 38.0011 31.0869C39.1473 31.0869 40.2675 31.0869 41.4155 31.0869C41.4155 32.4196 41.4155 33.7419 41.4155 35.0902C42.7667 35.0902 44.0902 35.0902 45.4257 35.0902C45.4257 36.2164 45.4257 37.3182 45.4257 38.4444C44.0954 38.4444 42.7702 38.4444 41.4173 38.4444C41.4173 39.7997 41.4173 41.1289 41.4173 42.472C41.327 42.4772 41.2627 42.4841 41.1984 42.4841C40.205 42.4841 39.2116 42.4807 38.2182 42.4893C38.0445 42.4911 37.9959 42.4425 37.9959 42.269C38.0028 41.0855 37.9993 39.9021 37.9993 38.7186C37.9993 38.6405 37.9993 38.5624 37.9993 38.4566C36.6568 38.4566 35.3334 38.4566 33.9961 38.4566C33.9961 37.3252 33.9961 36.225 33.9961 35.0919Z"
                                                                        fill="white" />

                                                                </svg>
                                                            </span>
                                                        </div>
                                                        <div class="notification-inner-text">
                                                            <p>Got new follower</p>
                                                            <span>Evey new follower you can get notifcation</span>
                                                        </div>
                                                    </div>

                                                    <div class="notifaction-btn">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox"
                                                                id="flexSwitchCheckDefault-2">

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="notification-item">
                                                    <div class="notification-inner">
                                                        <div class="notification-inner-icon">
                                                            <span>
                                                                <svg width="60" height="60" viewBox="0 0 60 60"
                                                                    fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <circle cx="30" cy="30" r="30" fill="#936DFF" />
                                                                    <path
                                                                        d="M37.9128 13.2701C38.2013 13.4185 38.2864 13.6651 38.2814 13.9734C38.2714 14.5901 38.2781 15.2084 38.2781 15.865C38.4182 15.865 38.5299 15.865 38.6417 15.865C40.1145 15.8667 41.5857 15.8667 43.0586 15.8683C43.9126 15.87 44.2879 16.26 44.2696 17.1116C44.2229 19.1965 44.0077 21.2597 43.4005 23.2646C42.9368 24.7995 42.283 26.2327 41.0787 27.3477C40.3331 28.0376 39.4523 28.4576 38.4415 28.5826C38.2514 28.6059 38.1863 28.6743 38.1463 28.8626C37.4691 32.0524 35.5742 34.1339 32.4467 35.0872C32.3116 35.1289 32.2032 35.1606 32.2032 35.3489C32.2099 37.3238 32.2099 39.2986 32.2115 41.2735C32.2115 41.3035 32.2249 41.3335 32.2399 41.3935C32.345 41.3985 32.4567 41.4085 32.5685 41.4085C33.2307 41.4102 33.8929 41.4135 34.5551 41.4069C34.842 41.4035 35.0538 41.5052 35.2206 41.7468C35.8878 42.7151 36.565 43.6784 37.2389 44.6417C37.3773 44.84 37.5125 45.0717 37.3306 45.2716C37.2005 45.4133 36.9637 45.53 36.7735 45.5316C32.4 45.5466 28.0248 45.5416 23.6513 45.545C23.4178 45.545 23.2109 45.505 23.0858 45.2816C22.9524 45.0417 23.0491 44.8417 23.1892 44.6417C23.8581 43.6867 24.5287 42.7335 25.1875 41.7718C25.3677 41.5102 25.5945 41.4035 25.9031 41.4069C26.6587 41.4152 27.4143 41.4085 28.2033 41.4085C28.21 41.2735 28.22 41.1619 28.22 41.0502C28.2216 39.1903 28.2166 37.3321 28.225 35.4722C28.2266 35.2372 28.1633 35.1389 27.9214 35.0639C24.8823 34.1173 22.9974 32.0941 22.3119 28.9826C22.2502 28.7026 22.1551 28.6076 21.8598 28.5609C20.407 28.3359 19.3128 27.531 18.4738 26.3527C17.5047 24.9911 16.9993 23.4396 16.659 21.828C16.3287 20.2631 16.1769 18.6748 16.1536 17.0749C16.1419 16.2383 16.5255 15.865 17.3679 15.8633C18.8291 15.8617 20.2919 15.86 21.7531 15.86C21.8682 15.86 21.9833 15.86 22.1484 15.86C22.1484 15.565 22.1484 15.2867 22.1484 15.0084C22.1484 14.6617 22.1567 14.3151 22.1467 13.9684C22.1367 13.6601 22.2268 13.4118 22.5154 13.2651C27.6478 13.2701 32.7803 13.2701 37.9128 13.2701ZM30.2132 18.5782C29.8947 19.2215 29.561 19.7748 29.3425 20.3714C29.109 21.0097 28.7154 21.2663 28.0482 21.293C27.4177 21.3197 26.7922 21.4647 26.1116 21.5647C26.2217 21.6813 26.2901 21.7563 26.3635 21.828C26.8972 22.3496 27.4393 22.8629 27.9581 23.3979C28.0548 23.4979 28.1165 23.6895 28.1015 23.8279C28.0565 24.2445 27.9631 24.6545 27.8914 25.0678C27.8196 25.4928 27.7513 25.9194 27.6729 26.3994C28.4652 25.9827 29.2041 25.6078 29.9297 25.2078C30.1415 25.0911 30.3 25.1028 30.5051 25.2145C31.2307 25.6111 31.968 25.9877 32.7236 26.3827C32.7236 26.2894 32.7319 26.2277 32.7219 26.1711C32.5902 25.4061 32.4667 24.6395 32.3183 23.8779C32.2749 23.6529 32.3233 23.5079 32.4884 23.3546C32.9338 22.9396 33.3624 22.5046 33.8011 22.0813C33.9629 21.9246 34.1331 21.7763 34.3649 21.5663C33.4609 21.4363 32.6652 21.313 31.8662 21.2097C31.6077 21.1764 31.4409 21.0964 31.3225 20.833C30.9872 20.0964 30.6086 19.3731 30.2132 18.5782ZM42.2813 17.8915C40.9219 17.8915 39.6075 17.8915 38.3014 17.8915C38.3014 20.8014 38.3014 23.6829 38.3014 26.6444C38.6517 26.496 38.9753 26.3994 39.2555 26.2311C40.1512 25.6928 40.6617 24.8395 41.057 23.9095C41.5991 22.6363 41.8943 21.2963 42.0745 19.9314C42.1612 19.2565 42.2112 18.5798 42.2813 17.8915ZM22.1301 26.586C22.1301 23.6712 22.1301 20.7814 22.1301 17.8849C20.8023 17.8849 19.4963 17.8849 18.1819 17.8849C18.1785 17.9465 18.1719 17.9865 18.1735 18.0265C18.2753 19.6964 18.4988 21.3463 19.0142 22.9429C19.3278 23.9129 19.7198 24.8545 20.4287 25.6194C20.8874 26.1161 21.4262 26.4744 22.1301 26.586Z"
                                                                        fill="white" />
                                                                </svg>
                                                            </span>
                                                        </div>
                                                        <div class="notification-inner-text">
                                                            <p>Auther leavel up</p>
                                                            <span>Evey new prodcuts sell you can get notifcation</span>
                                                        </div>
                                                    </div>

                                                    <div class="notifaction-btn">
                                                        <div class="form-check form-switch">
                                                            <input class="form-check-input" type="checkbox"
                                                                id="flexSwitchCheckChecked-3" checked>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>






                                        </div>
                                    </div>


                                </div>






                                <div class="tab-pane fade" id="v-pills-messages" role="tabpanel"
                                    aria-labelledby="v-pills-messages-tab">


                                    <div class="row">
                                        <div class="col-lg-8 folder-main ">
                                            <div class="personal-informations-head personal-informations-head-two ">
                                                <h3>Folders</h3>
                                            </div>

                                            <div class="folder-main-item">
                                                <div class="folder-item">
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/folder.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>2021 Invoice</h3>
                                                            <p>120 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/folder.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>2021 Invoice</h3>
                                                            <p>120 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/folder.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>2021 Invoice</h3>
                                                            <p>120 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/folder.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>2021 Invoice</h3>
                                                            <p>120 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/folder.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>2021 Invoice</h3>
                                                            <p>120 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/folder-2.png" alt="img">
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>



                                            <div class="personal-informations-head personal-informations-head-three ">
                                                <h3>Files</h3>
                                            </div>

                                            <div class="folder-main-item folder-main-item-two  ">
                                                <div class="folder-item">
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/file-1.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>Ali Invoice</h3>
                                                            <p>1.4 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/file-5.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>Bank Stat..</h3>
                                                            <p>1.9 GB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/file-4.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>vCard – Resume...</h3>
                                                            <p>2.5 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/file-2.png" alt="img">
                                                        </div>
                                                        <div class="folder-text">
                                                            <h3>Project Brief</h3>
                                                            <p>1.2 MB</p>
                                                        </div>
                                                    </div>
                                                    <div class="folder-inner">
                                                        <div class="folder-img">
                                                            <img src="assets/images/file-3.png" alt="img">
                                                        </div>

                                                        <div class="folder-text">
                                                            <h3>Brand Styles Guide</h3>
                                                            <p>4.5 MB</p>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>








                                        </div>

                                        <div class="col-lg-4">
                                            <div class="folder-main-project">
                                                <div class="folder-main-project-img">
                                                    <img src="assets/images/folder.png" alt="img">
                                                </div>

                                                <div class="folder-main-project-text">
                                                    <h3>Projects</h3>
                                                </div>


                                                <div class="folder-main-project-info">
                                                    <div class="folder-main-project-info-text">
                                                        <h3>Info</h3>
                                                    </div>

                                                    <div class="folder-main-project-info-item">
                                                        <div class="folder-main-project-info-inner">
                                                            <ul>
                                                                <li>
                                                                    <span>Type</span>
                                                                    <span>Folder</span>
                                                                </li>
                                                                <li>
                                                                    <span>Size</span>
                                                                    <span>500 MB</span>
                                                                </li>
                                                                <li>
                                                                    <span>Owner</span>
                                                                    <span>BankCo</span>
                                                                </li>
                                                                <li>
                                                                    <span>Location</span>
                                                                    <span>My Files</span>
                                                                </li>
                                                                <li>
                                                                    <span>Modified</span>
                                                                    <span>Sep 17, 2020 4:25</span>
                                                                </li>
                                                                <li>
                                                                    <span>Created</span>
                                                                    <span>Sep 10, 2020 2:25</span>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>


                                                </div>





                                                <div class="folder-main-project-info">
                                                    <div class="folder-main-project-info-text">
                                                        <h3>Settings</h3>
                                                    </div>

                                                    <div
                                                        class="folder-main-project-info-item folder-main-project-info-item-two ">
                                                        <div class="folder-main-project-info-inner">
                                                            <ul>
                                                                <li>
                                                                    <span>File Sharing</span>
                                                                    <span class="form-check form-switch">

                                                                        <input class="form-check-input" type="checkbox"
                                                                            id="flexSwitchCheckChecked1" checked="">


                                                                    </span>
                                                                </li>
                                                                <li>
                                                                    <span>Backup</span>
                                                                    <span class="form-check form-switch">

                                                                        <input class="form-check-input" type="checkbox"
                                                                            id="flexSwitchCheckDefault2">


                                                                    </span>
                                                                </li>
                                                                <li>
                                                                    <span>Sync</span>
                                                                    <span class="form-check form-switch">

                                                                        <input class="form-check-input" type="checkbox"
                                                                            id="flexSwitchCheckDefault3">


                                                                    </span>
                                                                </li>

                                                            </ul>
                                                        </div>
                                                    </div>


                                                </div>




                                            </div>
                                        </div>
                                    </div>






                                </div>
                                <div class="tab-pane fade" id="v-pills-settings" role="tabpanel"
                                    aria-labelledby="v-pills-settings-tab">

                                    <div class="row   ">
                                        <div class="col-lg-4 col-md-12  col-pr-40px col-padding-0">
                                            <div class="payment-item ">
                                                <div class="payment-img">
                                                    <img src="assets/images/Payment-1.png" alt="img">
                                                    <div class="payment-img-btn">
                                                        <span>
                                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M12 14.2041C10.8954 14.2041 10 13.3079 10 12.2024C10 11.0969 10.8954 10.2007 12 10.2007C13.1046 10.2007 14 11.0969 14 12.2024C14 13.3079 13.1046 14.2041 12 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M20 14.2041C18.8954 14.2041 18 13.3079 18 12.2024C18 11.0969 18.8954 10.2007 20 10.2007C21.1046 10.2007 22 11.0969 22 12.2024C22 13.3079 21.1046 14.2041 20 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M4 14.2041C2.89543 14.2041 2 13.3079 2 12.2024C2 11.0969 2.89543 10.2007 4 10.2007C5.10457 10.2007 6 11.0969 6 12.2024C6 13.3079 5.10457 14.2041 4 14.2041Z"
                                                                    stroke-width="1.5" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="payment-text">
                                                    <h5>Credit or Debit Card</h5>
                                                    <p>Offers payment processing software for e-commerce websites and
                                                        mobile applications.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-12 col-pr-40px  col-padding-0">
                                            <div class="payment-item payment-item-two   ">
                                                <div class="payment-img">
                                                    <img src="assets/images/Payment-2.png" alt="img">
                                                    <div class="payment-img-btn">
                                                        <span>
                                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M12 14.2041C10.8954 14.2041 10 13.3079 10 12.2024C10 11.0969 10.8954 10.2007 12 10.2007C13.1046 10.2007 14 11.0969 14 12.2024C14 13.3079 13.1046 14.2041 12 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M20 14.2041C18.8954 14.2041 18 13.3079 18 12.2024C18 11.0969 18.8954 10.2007 20 10.2007C21.1046 10.2007 22 11.0969 22 12.2024C22 13.3079 21.1046 14.2041 20 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M4 14.2041C2.89543 14.2041 2 13.3079 2 12.2024C2 11.0969 2.89543 10.2007 4 10.2007C5.10457 10.2007 6 11.0969 6 12.2024C6 13.3079 5.10457 14.2041 4 14.2041Z"
                                                                    stroke-width="1.5" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="payment-text">
                                                    <h5>PayPal</h5>
                                                    <p>Offers payment processing software for e-commerce websites and
                                                        mobile applications.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-12 col-pr-40px  col-padding-0">
                                            <div class="payment-item payment-item-two  ">
                                                <div class="payment-img">
                                                    <img src="assets/images/Payment-3.png" alt="img">
                                                    <div class="payment-img-btn">
                                                        <span>
                                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M12 14.2041C10.8954 14.2041 10 13.3079 10 12.2024C10 11.0969 10.8954 10.2007 12 10.2007C13.1046 10.2007 14 11.0969 14 12.2024C14 13.3079 13.1046 14.2041 12 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M20 14.2041C18.8954 14.2041 18 13.3079 18 12.2024C18 11.0969 18.8954 10.2007 20 10.2007C21.1046 10.2007 22 11.0969 22 12.2024C22 13.3079 21.1046 14.2041 20 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M4 14.2041C2.89543 14.2041 2 13.3079 2 12.2024C2 11.0969 2.89543 10.2007 4 10.2007C5.10457 10.2007 6 11.0969 6 12.2024C6 13.3079 5.10457 14.2041 4 14.2041Z"
                                                                    stroke-width="1.5" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="payment-text">
                                                    <h5>American Express</h5>
                                                    <p>Offers payment processing software for e-commerce websites and
                                                        mobile applications.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-12 col-pr-40px col-mt-40px  col-padding-0">
                                            <div class="payment-item">
                                                <div class="payment-img">
                                                    <img src="assets/images/Payment-4.png" alt="img">
                                                    <div class="payment-img-btn">
                                                        <span>
                                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M12 14.2041C10.8954 14.2041 10 13.3079 10 12.2024C10 11.0969 10.8954 10.2007 12 10.2007C13.1046 10.2007 14 11.0969 14 12.2024C14 13.3079 13.1046 14.2041 12 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M20 14.2041C18.8954 14.2041 18 13.3079 18 12.2024C18 11.0969 18.8954 10.2007 20 10.2007C21.1046 10.2007 22 11.0969 22 12.2024C22 13.3079 21.1046 14.2041 20 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M4 14.2041C2.89543 14.2041 2 13.3079 2 12.2024C2 11.0969 2.89543 10.2007 4 10.2007C5.10457 10.2007 6 11.0969 6 12.2024C6 13.3079 5.10457 14.2041 4 14.2041Z"
                                                                    stroke-width="1.5" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="payment-text">
                                                    <h5>Amazon</h5>
                                                    <p>Offers payment processing software for e-commerce websites and
                                                        mobile applications.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-12 col-pr-40px col-mt-40px  col-padding-0">
                                            <div class="payment-item">
                                                <div class="payment-img">
                                                    <img src="assets/images/Payment-5.png" alt="img">
                                                    <div class="payment-img-btn">
                                                        <span>
                                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M12 14.2041C10.8954 14.2041 10 13.3079 10 12.2024C10 11.0969 10.8954 10.2007 12 10.2007C13.1046 10.2007 14 11.0969 14 12.2024C14 13.3079 13.1046 14.2041 12 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M20 14.2041C18.8954 14.2041 18 13.3079 18 12.2024C18 11.0969 18.8954 10.2007 20 10.2007C21.1046 10.2007 22 11.0969 22 12.2024C22 13.3079 21.1046 14.2041 20 14.2041Z"
                                                                    stroke-width="1.5" />
                                                                <path
                                                                    d="M4 14.2041C2.89543 14.2041 2 13.3079 2 12.2024C2 11.0969 2.89543 10.2007 4 10.2007C5.10457 10.2007 6 11.0969 6 12.2024C6 13.3079 5.10457 14.2041 4 14.2041Z"
                                                                    stroke-width="1.5" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="payment-text">
                                                    <h5>Credit or Debit Card</h5>
                                                    <p>Offers payment processing software for e-commerce websites and
                                                        mobile applications.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-12 col-pr-40px col-mt-40px  col-padding-0">
                                            <div class="payment-item-add">

                                                <div class="payment-item-add-btn">
                                                    <button type="button" class="add-btn" data-bs-toggle="modal"
                                                        data-bs-target="#exampleModal-6">
                                                        <img src="assets/images/Payment-6.png" alt="img">
                                                    </button>




                                                    <div class="modal fade" id="exampleModal-6" tabindex="-1"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-dialog-five">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="modal"
                                                                        aria-label="Close"></button>
                                                                </div>
                                                                <div class="modal-body modal-body-wallet ">
                                                                    <div class="modal-wallet-text">
                                                                        <h2>Add new card</h2>
                                                                        <p>Manage where you collect taxes and duties.
                                                                            Check
                                                                            with a tax expert if you're unsure where you
                                                                            have a tax obligation. </p>
                                                                    </div>

                                                                    <div class="modal-wallet-item">
                                                                        <div class="modal-wallet-item-inner">
                                                                            <div class="modal-wallet-item-inner-text">

                                                                                <p>Country or region</p>


                                                                            </div>
                                                                            <div
                                                                                class="modal-wallet-item-inner-text-two">

                                                                                <div class="text">
                                                                                    <p>Collecting</p>
                                                                                </div>
                                                                                <div class="text">
                                                                                    <p>Percentage</p>
                                                                                </div>
                                                                            </div>
                                                                        </div>





                                                                        <div class="modal-wallet-tabel">
                                                                            <div class="modal-wallet-tabel-item">


                                                                                <div class="tabel-inner">
                                                                                    <img src="assets/images/united-kingdom.png"
                                                                                        alt="img">
                                                                                    <div class="text">
                                                                                        <p>United States</p>
                                                                                    </div>
                                                                                </div>

                                                                                <div class="tabel-inner-item">
                                                                                    <div class="text">

                                                                                        <p>One time </p>

                                                                                    </div>
                                                                                    <div class="text">
                                                                                        <p>
                                                                                            20%
                                                                                        </p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="modal-wallet-tabel-item">


                                                                                <div class="tabel-inner">
                                                                                    <span>
                                                                                        <svg width="24" height="24"
                                                                                            viewBox="0 0 24 24"
                                                                                            fill="none"
                                                                                            xmlns="http://www.w3.org/2000/svg">
                                                                                            <path
                                                                                                d="M13.7857 6L14.5807 8.00215C13.8273 7.57761 12.9442 7.33333 12 7.33333C9.23858 7.33333 7 9.42267 7 12C7 12.4149 7.058 12.8171 7.16686 13.2M10.2143 18L9.41931 15.9978C10.1727 16.4224 11.0558 16.6667 12 16.6667C14.7614 16.6667 17 14.5773 17 12C17 11.5851 16.942 11.1829 16.8331 10.8"
                                                                                                stroke="#28303F"
                                                                                                stroke-width="1.5"
                                                                                                stroke-linecap="round"
                                                                                                stroke-linejoin="round" />
                                                                                            <circle cx="12" cy="12"
                                                                                                r="10" stroke="#28303F"
                                                                                                stroke-width="1.5" />
                                                                                        </svg>
                                                                                    </span>
                                                                                    <div class="text">
                                                                                        <p>Rest of history</p>
                                                                                    </div>
                                                                                </div>

                                                                                <div class="tabel-inner-item">
                                                                                    <div class="text">

                                                                                        <p>One time
                                                                                        </p>
                                                                                    </div>
                                                                                    <div class="text">

                                                                                        <p>One time </p>

                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>





                                                                    </div>


                                                                    <div class="modal-wallet-item-from-main
                                                                    ">
                                                                        <div class="modal-wallet-item-from">
                                                                            <div class="modal-wallet-item-from-inner">
                                                                                <label for="exampleFormControlInput1"
                                                                                    class="form-label">Card Holder
                                                                                    Name</label>
                                                                                <input type="text" class="form-control"
                                                                                    id="exampleFormControlInput5"
                                                                                    placeholder="Ajoy Sarker">
                                                                            </div>
                                                                            <div class="modal-wallet-item-from-inner">
                                                                                <label for="exampleFormControlInput10"
                                                                                    class="form-label">
                                                                                    Card
                                                                                    Number</label>
                                                                                <input type="number"
                                                                                    class="form-control"
                                                                                    id="exampleFormControlInput6"
                                                                                    placeholder="012 300 004 5641">
                                                                            </div>
                                                                        </div>
                                                                        <div class="modal-wallet-item-from">
                                                                            <div class="modal-wallet-item-from-inner">
                                                                                <label for="exampleFormControlInput1"
                                                                                    class="form-label">Vaild
                                                                                    Date</label>
                                                                                <input type="text" class="form-control"
                                                                                    id="exampleFormControlInput7"
                                                                                    placeholder="03/23">
                                                                            </div>
                                                                            <div class="modal-wallet-item-from-inner">
                                                                                <label for="exampleFormControlInput1"
                                                                                    class="form-label">Card Type</label>
                                                                                <input type="text" class="form-control"
                                                                                    id="exampleFormControlInput8"
                                                                                    placeholder="Visa">
                                                                            </div>










                                                                        </div>


                                                                        <div class="modal-wallet-item-from-btn">
                                                                            <button class="btn-one">Confirmed</button>
                                                                        </div>
                                                                    </div>



                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>







                                                </div>


                                                <div class="payment-item-add-text">
                                                    <p>Add wallet</p>
                                                </div>

                                            </div>
                                        </div>
                                    </div>





                                    <div class="row bb-top ">
                                        <div class="col-lg-6 ">
                                            <div class="my-walet-two">
                                                <div class="my-walet-two-head">
                                                    <div class="my-walet-two-text">
                                                        <h3>My Wallet</h3>
                                                    </div>
                                                    <div class="my-walet-two-btn">
                                                        <span>
                                                            <svg width="20" height="5" viewBox="0 0 20 5" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M8.90742 2.33859C8.90742 2.95248 9.40507 3.45013 10.019 3.45013C10.6328 3.45013 11.1305 2.95248 11.1305 2.33859C11.1305 1.7247 10.6328 1.22705 10.019 1.22705C9.40507 1.22705 8.90742 1.7247 8.90742 2.33859Z"
                                                                    stroke="#CBD5E0" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M1.12665 2.33859C1.12665 2.95248 1.62431 3.45013 2.23819 3.45013C2.85208 3.45013 3.34973 2.95248 3.34973 2.33859C3.34973 1.7247 2.85208 1.22705 2.23819 1.22705C1.62431 1.22705 1.12665 1.7247 1.12665 2.33859Z"
                                                                    stroke="#CBD5E0" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M16.6882 2.33859C16.6882 2.95248 17.1858 3.45013 17.7997 3.45013C18.4136 3.45013 18.9113 2.95248 18.9113 2.33859C18.9113 1.7247 18.4136 1.22705 17.7997 1.22705C17.1858 1.22705 16.6882 1.7247 16.6882 2.33859Z"
                                                                    stroke="#CBD5E0" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="my-walet-two-slick">
                                                    <div class="my-walet-two-img">
                                                        <img src="assets/images/wallate.png" alt="img">
                                                    </div>
                                                    <div class="my-walet-two-img">
                                                        <img src="assets/images/wallate.png" alt="img">
                                                    </div>
                                                    <div class="my-walet-two-img">
                                                        <img src="assets/images/wallate.png" alt="img">
                                                    </div>
                                                </div>



                                            </div>
                                        </div>
                                        <div class="col-lg-6 ">
                                            <div class="quick-transfr">
                                                <div class="quick-transfr-head">
                                                    <h4>Quick Transfer</h4>
                                                </div>

                                                <div class="quick-trandfr-btn">
                                                    <div class="dropdown">
                                                        <button class="btn btn-secondary dropdown-toggle" type="button"
                                                            id="dropdownMenuButton1-02" data-bs-toggle="dropdown"
                                                            aria-expanded="false">
                                                            <span class="one">
                                                                <img src="assets/images/Payment-2.png" alt="">
                                                            </span>

                                                            <span class="two">
                                                                <span class="btn-text-two"> $24,098.00</span>
                                                                <span class="btn-text-svg"><svg width="16" height="16"
                                                                        viewBox="0 0 16 16" fill="none"
                                                                        xmlns="http://www.w3.org/2000/svg">
                                                                        <path d="M4 6L8 10L12 6" stroke="#A0AEC0"
                                                                            stroke-width="1.5" stroke-linecap="round"
                                                                            stroke-linejoin="round"></path>
                                                                    </svg>
                                                                </span>
                                                            </span>
                                                        </button>
                                                        <ul class="dropdown-menu"
                                                            aria-labelledby="dropdownMenuButton1-02">
                                                            <li>
                                                                <a class="dropdown-item" href="#">Jan 10 - Jan 16</a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="#">Jan 10 - Jan 16</a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="#">Jan 10 - Jan 16</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>

                                                <div class="btn-two">
                                                    <p>Enter amount</p>

                                                    <div class="btn-main">
                                                        <div class="btn-text">
                                                            <h2>$</h2>
                                                        </div>
                                                        <div class="btn-input">
                                                            <input type="email" class="form-control"
                                                                id="exampleFormControlInput4">
                                                        </div>
                                                        <div class="btn-img">
                                                            <img src="assets/images/recipient.png" alt="img">
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>







                                </div>

                                <div class="tab-pane fade" id="v-pills-settings-1" role="tabpanel"
                                    aria-labelledby="v-pills-settings-tab-1">



                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="faq-head">
                                                <h2>FAQ</h2>
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <div class="faq-main">
                                                <div class="accordion" id="accordionExample">
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingOne">
                                                            <button class="accordion-button" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                                                aria-expanded="true" aria-controls="collapseOne">
                                                                What is the most important part of a dashboard?
                                                            </button>
                                                        </h2>
                                                        <div id="collapseOne" class="accordion-collapse collapse show"
                                                            aria-labelledby="headingOne"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <p> <span></span> In reality, the most important aspect
                                                                    of a great
                                                                    dashboard is the part that gets the least amount of
                                                                    attention: The underlying data. More than any other
                                                                    aspect, the data will make or break a
                                                                    dashboard.Within this definition, successful
                                                                    administration appears to rest on three basic
                                                                    skills, which we will call technical, human, and
                                                                    conceptual.Dashboards are business intelligence.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingTwo">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                                aria-expanded="false" aria-controls="collapseTwo">
                                                                What are the three types of dashboard?
                                                            </button>
                                                        </h2>
                                                        <div id="collapseTwo" class="accordion-collapse collapse"
                                                            aria-labelledby="headingTwo"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <p> <span></span> In reality, the most important aspect
                                                                    of a great
                                                                    dashboard is the part that gets the least amount of
                                                                    attention: The underlying data. More than any other
                                                                    aspect, the data will make or break a
                                                                    dashboard.Within this definition, successful
                                                                    administration appears to rest on three basic
                                                                    skills, which we will call technical, human, and
                                                                    conceptual.Dashboards are business intelligence.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingThree">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse"
                                                                data-bs-target="#collapseThree" aria-expanded="false"
                                                                aria-controls="collapseThree">
                                                                What are examples of admin?
                                                            </button>
                                                        </h2>
                                                        <div id="collapseThree" class="accordion-collapse collapse"
                                                            aria-labelledby="headingThree"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <p> <span></span> In reality, the most important aspect
                                                                    of a great
                                                                    dashboard is the part that gets the least amount of
                                                                    attention: The underlying data. More than any other
                                                                    aspect, the data will make or break a
                                                                    dashboard.Within this definition, successful
                                                                    administration appears to rest on three basic
                                                                    skills, which we will call technical, human, and
                                                                    conceptual.Dashboards are business intelligence.</p>
                                                            </div>
                                                        </div>
                                                    </div>



                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingfour">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapsefour"
                                                                aria-expanded="false" aria-controls="collapsefour">
                                                                What are 5 benefits of dashboards?
                                                            </button>
                                                        </h2>
                                                        <div id="collapsefour" class="accordion-collapse collapse"
                                                            aria-labelledby="headingfour"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <p> <span></span> In reality, the most important aspect
                                                                    of a great
                                                                    dashboard is the part that gets the least amount of
                                                                    attention: The underlying data. More than any other
                                                                    aspect, the data will make or break a
                                                                    dashboard.Within this definition, successful
                                                                    administration appears to rest on three basic
                                                                    skills, which we will call technical, human, and
                                                                    conceptual.Dashboards are business intelligence.</p>
                                                            </div>
                                                        </div>
                                                    </div>



                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingfive">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapsefive"
                                                                aria-expanded="false" aria-controls="collapsefive">
                                                                What makes a good dashboard?
                                                            </button>
                                                        </h2>
                                                        <div id="collapsefive" class="accordion-collapse collapse"
                                                            aria-labelledby="headingfive"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <p> <span></span> In reality, the most important aspect
                                                                    of a great
                                                                    dashboard is the part that gets the least amount of
                                                                    attention: The underlying data. More than any other
                                                                    aspect, the data will make or break a
                                                                    dashboard.Within this definition, successful
                                                                    administration appears to rest on three basic
                                                                    skills, which we will call technical, human, and
                                                                    conceptual.Dashboards are business intelligence.</p>
                                                            </div>
                                                        </div>
                                                    </div>



                                                    <div class="accordion-item">
                                                        <h2 class="accordion-header" id="headingsix">
                                                            <button class="accordion-button collapsed" type="button"
                                                                data-bs-toggle="collapse" data-bs-target="#collapsesix"
                                                                aria-expanded="false" aria-controls="collapsesix">
                                                                What are the 3 basic skills of administrator?
                                                            </button>
                                                        </h2>
                                                        <div id="collapsesix" class="accordion-collapse collapse"
                                                            aria-labelledby="headingsix"
                                                            data-bs-parent="#accordionExample">
                                                            <div class="accordion-body">
                                                                <p> <span></span> In reality, the most important aspect
                                                                    of a great
                                                                    dashboard is the part that gets the least amount of
                                                                    attention: The underlying data. More than any other
                                                                    aspect, the data will make or break a
                                                                    dashboard.Within this definition, successful
                                                                    administration appears to rest on three basic
                                                                    skills, which we will call technical, human, and
                                                                    conceptual.Dashboards are business intelligence.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>





                                </div>

                                <div class="tab-pane fade" id="v-pills-settings-2" role="tabpanel"
                                    aria-labelledby="v-pills-settings-tab-2">


                                    <div class="row   w-1150px align-items-center">
                                        <div class="col-lg-7">
                                            <div class="password-head">
                                                <h2>Password</h2>
                                                <p>Change or view your password.</p>
                                            </div>

                                            <div class="password-from-item">
                                                <div class="password-from-inner">
                                                    <label for="exampleFormControlInput1" class="form-label">Old
                                                        password</label>
                                                    <input type="password" class="form-control"
                                                        id="exampleFormControlInput10">

                                                    <div class="eye-icon">
                                                        <span>
                                                            <svg width="22" height="20" viewBox="0 0 22 20" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M2 1L20 19" stroke="#718096" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M9.58396 8.58691C9.20868 8.96193 8.99775 9.47067 8.99756 10.0012C8.99737 10.5317 9.20795 11.0406 9.58296 11.4159C9.95798 11.7912 10.4667 12.0021 10.9973 12.0023C11.5278 12.0025 12.0367 11.7919 12.412 11.4169"
                                                                    stroke="#718096" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M8.363 3.36506C9.22042 3.11978 10.1082 2.9969 11 3.00006C15 3.00006 18.333 5.33306 21 10.0001C20.222 11.3611 19.388 12.5241 18.497 13.4881M16.357 15.3491C14.726 16.4491 12.942 17.0001 11 17.0001C7 17.0001 3.667 14.6671 1 10.0001C2.369 7.60506 3.913 5.82506 5.632 4.65906"
                                                                    stroke="#718096" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                            </svg>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="password-from-inner">
                                                    <label for="exampleFormControlInput1" class="form-label">New
                                                        password</label>
                                                    <input type="password" class="form-control"
                                                        id="exampleFormControlInput11">

                                                    <div class="eye-icon">
                                                        <span>
                                                            <svg width="22" height="20" viewBox="0 0 22 20" fill="none"
                                                                xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M2 1L20 19" stroke="#718096" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M9.58396 8.58691C9.20868 8.96193 8.99775 9.47067 8.99756 10.0012C8.99737 10.5317 9.20795 11.0406 9.58296 11.4159C9.95798 11.7912 10.4667 12.0021 10.9973 12.0023C11.5278 12.0025 12.0367 11.7919 12.412 11.4169"
                                                                    stroke="#718096" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                                <path
                                                                    d="M8.363 3.36506C9.22042 3.11978 10.1082 2.9969 11 3.00006C15 3.00006 18.333 5.33306 21 10.0001C20.222 11.3611 19.388 12.5241 18.497 13.4881M16.357 15.3491C14.726 16.4491 12.942 17.0001 11 17.0001C7 17.0001 3.667 14.6671 1 10.0001C2.369 7.60506 3.913 5.82506 5.632 4.65906"
                                                                    stroke="#718096" stroke-width="1.5"
                                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                            </svg>
                                                        </span>
                                                    </div>


                                                    <p>Minimum 6 characters</p>
                                                </div>
                                            </div>

                                            <div class="password-from-item-btn">
                                                <div class="btn-one">
                                                    <a href="#">Save Changes
                                                    </a>
                                                </div>
                                            </div>



                                        </div>

                                        <div class="col-lg-5">
                                            <div class="password-img">
                                                <img src="assets/images/reset-password.png" alt="img">
                                            </div>
                                        </div>
                                    </div>



                                </div>
                                <div class="tab-pane fade" id="v-pills-settings-3" role="tabpanel"
                                    aria-labelledby="v-pills-settings-tab-3">


                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="terams-main">
                                                <div class="terams-main-head">
                                                    <h2>Terms and Conditions</h2>
                                                </div>

                                                <div class="terams-main-text">
                                                    <h3>2. Acceptance</h3>
                                                    <p>What you do own when you buy an are the keys to a non-fungible –
                                                        perhaps unique – token. That token is yours to trade or hold or
                                                        display in Decentraland. But the digital file associated with an
                                                        NFT is just as easy to copy and paste and download as any other
                                                        – the Finally, players lose their NFTs sometimes according to
                                                        the rules and regulations of the NFT game.</p>
                                                </div>
                                                <div class="terams-main-text">
                                                    <h3>1. Definitions</h3>
                                                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do
                                                        amet sint. Velit officia consequat duis enim velit mollit.
                                                        Exercitation veniam consequat sunt nostrud amet.Capacity. You
                                                        confirm that you have the legal capacity to receive and hold and
                                                        make use of the NFT under French jurisdiction and any other
                                                        relevant jurisdiction.Acceptance. By participating in the Sale,
                                                        You accept and agree to these Terms and Conditions without any
                                                        condition or restriction.
                                                        If You do not agree to this Contract, You shall not participate
                                                        in the Sale made by the Company Exercitation veniam consequat
                                                        sunt nostrud amet.Capacity. You confirm that you have the legal
                                                        capacity to receive and hold find to end.Contract, You shall not
                                                        participate in the Sale made by the Company Exercitation venia
                                                    </p>
                                                </div>



                                                <div class="terams-main-text-two">
                                                    <h3>In reality, the most important aspect of a great dashboard is
                                                        the part that gets the least amount of attention: The underlying
                                                        data. More than any other aspect, the data will make or break a
                                                        dashboard.Within this definition, successful administration
                                                        appears to rest on three basic skills, which we will call
                                                        technical, and conceptual.</h3>
                                                </div>

                                                <div class="terams-main-text">
                                                    <h3>1. Definitions</h3>
                                                    <p>The Company offers featuring the Betonyou universe. The holders
                                                        of one or more NFTs will be able to win cryptos while playing
                                                        video games. In the future, the Company plans to develop its own
                                                        games and Metaverse around the Betonyou universe (“Project”).
                                                        <br>
                                                        <br>
                                                        To release the NFTs and fund the project, the Company offers
                                                        NFTs from a dedicated website("Sale"). The web address of this
                                                        website will be given at the time of the mint. The NFT
                                                        acquisition does not confer any rights on the Company or in the
                                                        future development.
                                                    </p>
                                                </div>
                                                <div class="terams-main-text">
                                                    <h3>1. Definitions</h3>
                                                    <p>To the fullest extent permitted by applicable law, You undertake
                                                        to indemnify, defend and hold harmless the Company from and
                                                        against all claims, demands, actions, damages, losses, costs and
                                                        expenses (including attorneys’ fees) that arise from or relate
                                                        to (i) your Subscription or use of the NFTs; (ii) your
                                                        responsibilities or obligations under this Contract; and (iii)
                                                        your breach of this Contract.
                                                        <br>
                                                        <br>
                                                        Company undertakes to act with the care normally expected from a
                                                        professional in his field and to comply with the best practice
                                                        in force. The best endeavor obligation only binds the Company.
                                                    </p>
                                                </div>


                                            </div>
                                        </div>
                                    </div>



                                </div>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
        </section>
        <!-- End NFTmax Dashboard -->
    </div>

    <script src="assets/js/jquery-3.6.3.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/custom.js"></script>


    <script>
        //Theme controll 
        let darkMode = false
        if (darkMode) {
            document.getElementById("dark-icon").style.setProperty("display", "block")
            document.getElementById("light-icon").style.setProperty("display", "none")
            document.getElementsByClassName("logo")[0].style.setProperty("display", "none")
            document.getElementsByClassName("logo-dark")[0].style.setProperty("display", "block")
        } else {
            document.getElementById("dark-icon").style.setProperty("display", "none")
            document.getElementById("light-icon").style.setProperty("display", "block")
            document.getElementsByClassName("logo")[0].style.setProperty("display", "block")
            document.getElementsByClassName("logo-dark")[0].style.setProperty("display", "none")
        }



        document.getElementById("theme-controll").addEventListener("click", event => {
            darkMode = !darkMode
            const main = document.querySelector("html")
            main.classList.toggle("dark")

            if (darkMode) {

                document.documentElement.style.setProperty("--headding-color", "#fff")
                document.documentElement.style.setProperty("--paragraph-color", "#E2E8F0")
                document.documentElement.style.setProperty("--primary-color", "#febe42")
                document.documentElement.style.setProperty("--warning-color", "#FACC15")
                document.documentElement.style.setProperty("--alerts-color", "#FF4747")
                document.documentElement.style.setProperty("--other-color", "#FF784B")
                document.documentElement.style.setProperty("--grey-color", "#2A313C")
                document.documentElement.style.setProperty("--grey-color-border", "#edf2f7")
                document.documentElement.style.setProperty("--body-bg-color", "#23262B")
                document.documentElement.style.setProperty("--bg-color", "#1D1E24")
                document.documentElement.style.setProperty("--greyscale-3", "#191B1F")
                document.documentElement.style.setProperty("--greyscale-4", "#293644")
                document.documentElement.style.setProperty("--greyscale-200", "rgba(226, 232, 240, 0.7)")
                document.documentElement.style.setProperty("--greyscale-1", "#2A313C")
                document.documentElement.style.setProperty("--bg-color-2", "#23262B")
                document.documentElement.style.setProperty("--bg-rgb", "#1D1E24")

                document.getElementById("dark-icon").style.setProperty("display", "block")
                document.getElementById("light-icon").style.setProperty("display", "none")
                document.getElementsByClassName("logo")[0].style.setProperty("display", "none")
                document.getElementsByClassName("logo-dark")[0].style.setProperty("display", "block")
            } else {

                document.documentElement.style.setProperty("--headding-color", "#111827")
                document.documentElement.style.setProperty("--paragraph-color", "#747681")
                document.documentElement.style.setProperty("--primary-color", "#febe42")
                document.documentElement.style.setProperty("--warning-color", "#FACC15")
                document.documentElement.style.setProperty("--alerts-color", "#FF4747")
                document.documentElement.style.setProperty("--other-color", "#FF784B")
                document.documentElement.style.setProperty("--grey-color", "#F7FAFC")
                document.documentElement.style.setProperty("--grey-color-border", "#edf2f7")
                document.documentElement.style.setProperty("--bg-color", "#FAFAFA")
                document.documentElement.style.setProperty("--body-bg-color", "#F6F6F6")
                document.documentElement.style.setProperty("--greyscale-200", "rgba(42, 49, 60, 0.7)")
                document.documentElement.style.setProperty("--greyscale-1", "#EDF2F7")
                document.documentElement.style.setProperty("--greyscale-3", "#EEEFF2")
                document.documentElement.style.setProperty("--greyscale-4", "#CBD5E0")
                document.documentElement.style.setProperty("--bg-color-2", "#f7fafc")
                document.documentElement.style.setProperty("--bg-rgb", "rgba(237, 242, 247, 0.5)")

                document.getElementById("dark-icon").style.setProperty("display", "none")
                document.getElementById("light-icon").style.setProperty("display", "block")
                document.getElementsByClassName("logo")[0].style.setProperty("display", "block")
                document.getElementsByClassName("logo-dark")[0].style.setProperty("display", "none")
            }
        })
    </script>
</body>


<!-- Mirrored from quomodosoft.com/html/bankcohtml/setting.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 Jan 2025 01:45:36 GMT -->
</html>