WSD
unknown
html
2 years ago
181 kB
5
Indexable
<div class="d-flex flex-column flex-column-fluid" style="
background-color: #181818;
">
<!--begin::Toolbar-->
<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6 ">
<!--begin::Toolbar container-->
<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack ">
<!--begin::Page title-->
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3 ">
<!--begin::Title-->
<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
Account Settings
</h1>
<!--end::Title-->
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
<!--begin::Item-->
<li class="breadcrumb-item text-muted">
<a href="/metronic8/demo1/../demo1/index.html" class="text-muted text-hover-primary">
Home </a>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item">
<span class="bullet bg-gray-400 w-5px h-2px"></span>
</li>
<!--end::Item-->
<!--begin::Item-->
<li class="breadcrumb-item text-muted">
Account </li>
<!--end::Item-->
</ul>
<!--end::Breadcrumb-->
</div>
<!--end::Page title-->
<!--begin::Actions-->
<div class="d-flex align-items-center gap-2 gap-lg-3">
<!--begin::Filter menu-->
<div class="m-0">
<!--begin::Menu toggle-->
<a href="#" class="btn btn-sm btn-flex bg-body btn-color-gray-700 btn-active-color-primary fw-bold" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
<!--begin::Svg Icon | path: icons/duotune/general/gen031.svg-->
<span class="svg-icon svg-icon-6 svg-icon-muted me-1"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon-->
Filter
</a>
<!--end::Menu toggle-->
<!--begin::Menu 1-->
<div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_63fe33041033e">
<!--begin::Header-->
<div class="px-7 py-5">
<div class="fs-5 text-dark fw-bold">Filter Options</div>
</div>
<!--end::Header-->
<!--begin::Menu separator-->
<div class="separator border-gray-200"></div>
<!--end::Menu separator-->
<!--begin::Form-->
<div class="px-7 py-5">
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Status:</label>
<!--end::Label-->
<!--begin::Input-->
<div>
<select class="form-select form-select-solid select2-hidden-accessible" data-kt-select2="true" data-placeholder="Select option" data-dropdown-parent="#kt_menu_63fe33041033e" data-allow-clear="true" data-select2-id="select2-data-7-pmfe" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
<option data-select2-id="select2-data-9-6ns6"></option>
<option value="1">Approved</option>
<option value="2">Pending</option>
<option value="2">In Process</option>
<option value="2">Rejected</option>
</select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-8-7qio" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single form-select form-select-solid" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-sso3-container" aria-controls="select2-sso3-container"><span class="select2-selection__rendered" id="select2-sso3-container" role="textbox" aria-readonly="true" title="Select option"><span class="select2-selection__placeholder">Select option</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<!--end::Input-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Member Type:</label>
<!--end::Label-->
<!--begin::Options-->
<div class="d-flex">
<!--begin::Options-->
<label class="form-check form-check-sm form-check-custom form-check-solid me-5">
<input class="form-check-input" type="checkbox" value="1">
<span class="form-check-label">
Author
</span>
</label>
<!--end::Options-->
<!--begin::Options-->
<label class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="2" checked="checked">
<span class="form-check-label">
Customer
</span>
</label>
<!--end::Options-->
</div>
<!--end::Options-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="mb-10">
<!--begin::Label-->
<label class="form-label fw-semibold">Notifications:</label>
<!--end::Label-->
<!--begin::Switch-->
<div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" name="notifications" checked="">
<label class="form-check-label">
Enabled
</label>
</div>
<!--end::Switch-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="d-flex justify-content-end">
<button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset</button>
<button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
</div>
<!--end::Actions-->
</div>
<!--end::Form-->
</div>
<!--end::Menu 1--> </div>
<!--end::Filter menu-->
<!--begin::Secondary button-->
<!--end::Secondary button-->
<!--begin::Primary button-->
<a href="#" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">
Create </a>
<!--end::Primary button-->
</div>
<!--end::Actions-->
</div>
<!--end::Toolbar container-->
</div>
<!--end::Toolbar-->
<!--begin::Content-->
<div id="kt_app_content" class="app-content flex-column-fluid ">
<!--begin::Content container-->
<div id="kt_app_content_container" class="app-container container-xxl " style="
background-color: #181818;
">
<!--begin::Navbar-->
<div class="card mb-6 mb-xl-6" style="
width: 823px;
background-color: #353342;
">
<div class="card-body pt-6 pb-0" style="
width: 750px;
">
<!--begin::Details-->
<div class="d-flex flex-wrap flex-sm-nowrap mb-3" style="
width: 765px;
">
<!--begin: Pic-->
<div class="me-7 mb-4">
<div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative">
<img src="/metronic8/demo1/assets/media/avatars/300-1.jpg" alt="image">
<div class="position-absolute translate-middle bottom-0 start-100 mb-6 bg-success rounded-circle border border-4 border-body h-20px w-20px"></div>
</div>
</div>
<!--end::Pic-->
<!--begin::Info-->
<div class="flex-grow-1">
<!--begin::Title-->
<div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
<!--begin::User-->
<div class="d-flex flex-column">
<!--begin::Name-->
<div class="d-flex align-items-center mb-2">
<a href="#" class="text-gray-900 text-hover-primary fs-2 fw-bold me-1">Max Smith</a>
<a href="#"><!--begin::Svg Icon | path: icons/duotune/general/gen026.svg-->
<span class="svg-icon svg-icon-1 svg-icon-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
<path d="M10.0813 3.7242C10.8849 2.16438 13.1151 2.16438 13.9187 3.7242V3.7242C14.4016 4.66147 15.4909 5.1127 16.4951 4.79139V4.79139C18.1663 4.25668 19.7433 5.83365 19.2086 7.50485V7.50485C18.8873 8.50905 19.3385 9.59842 20.2758 10.0813V10.0813C21.8356 10.8849 21.8356 13.1151 20.2758 13.9187V13.9187C19.3385 14.4016 18.8873 15.491 19.2086 16.4951V16.4951C19.7433 18.1663 18.1663 19.7433 16.4951 19.2086V19.2086C15.491 18.8873 14.4016 19.3385 13.9187 20.2758V20.2758C13.1151 21.8356 10.8849 21.8356 10.0813 20.2758V20.2758C9.59842 19.3385 8.50905 18.8873 7.50485 19.2086V19.2086C5.83365 19.7433 4.25668 18.1663 4.79139 16.4951V16.4951C5.1127 15.491 4.66147 14.4016 3.7242 13.9187V13.9187C2.16438 13.1151 2.16438 10.8849 3.7242 10.0813V10.0813C4.66147 9.59842 5.1127 8.50905 4.79139 7.50485V7.50485C4.25668 5.83365 5.83365 4.25668 7.50485 4.79139V4.79139C8.50905 5.1127 9.59842 4.66147 10.0813 3.7242V3.7242Z" fill="currentColor"></path>
<path d="M14.8563 9.1903C15.0606 8.94984 15.3771 8.9385 15.6175 9.14289C15.858 9.34728 15.8229 9.66433 15.6185 9.9048L11.863 14.6558C11.6554 14.9001 11.2876 14.9258 11.048 14.7128L8.47656 12.4271C8.24068 12.2174 8.21944 11.8563 8.42911 11.6204C8.63877 11.3845 8.99996 11.3633 9.23583 11.5729L11.3706 13.4705L14.8563 9.1903Z" fill="white"></path>
</svg></span>
<!--end::Svg Icon--></a>
</div>
<!--end::Name-->
<!--begin::Info-->
<div class="d-flex flex-wrap fw-semibold fs-6 mb-4 pe-2">
<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
<!--begin::Svg Icon | path: icons/duotune/communication/com006.svg-->
<span class="svg-icon svg-icon-4 me-1"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M16.5 9C16.5 13.125 13.125 16.5 9 16.5C4.875 16.5 1.5 13.125 1.5 9C1.5 4.875 4.875 1.5 9 1.5C13.125 1.5 16.5 4.875 16.5 9Z" fill="currentColor"></path>
<path d="M9 16.5C10.95 16.5 12.75 15.75 14.025 14.55C13.425 12.675 11.4 11.25 9 11.25C6.6 11.25 4.57499 12.675 3.97499 14.55C5.24999 15.75 7.05 16.5 9 16.5Z" fill="currentColor"></path>
<rect x="7" y="6" width="4" height="4" rx="2" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->Breakdancing</a>
<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
<!--begin::Svg Icon | path: icons/duotune/general/gen018.svg-->
<span class="svg-icon svg-icon-4 me-1"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M18.0624 15.3453L13.1624 20.7453C12.5624 21.4453 11.5624 21.4453 10.9624 20.7453L6.06242 15.3453C4.56242 13.6453 3.76242 11.4453 4.06242 8.94534C4.56242 5.34534 7.46242 2.44534 11.0624 2.04534C15.8624 1.54534 19.9624 5.24534 19.9624 9.94534C20.0624 12.0453 19.2624 13.9453 18.0624 15.3453Z" fill="currentColor"></path>
<path d="M12.0624 13.0453C13.7193 13.0453 15.0624 11.7022 15.0624 10.0453C15.0624 8.38849 13.7193 7.04535 12.0624 7.04535C10.4056 7.04535 9.06241 8.38849 9.06241 10.0453C9.06241 11.7022 10.4056 13.0453 12.0624 13.0453Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> SF, Bay Area
</a>
</div>
<!--end::Info-->
</div>
<!--end::User-->
<!--begin::Actions-->
<div class="d-flex my-4">
<a href="#" class="btn btn-sm btn-light me-2" id="kt_user_follow_button">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr012.svg-->
<span class="svg-icon svg-icon-3 d-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M10 18C9.7 18 9.5 17.9 9.3 17.7L2.3 10.7C1.9 10.3 1.9 9.7 2.3 9.3C2.7 8.9 3.29999 8.9 3.69999 9.3L10.7 16.3C11.1 16.7 11.1 17.3 10.7 17.7C10.5 17.9 10.3 18 10 18Z" fill="currentColor"></path>
<path d="M10 18C9.7 18 9.5 17.9 9.3 17.7C8.9 17.3 8.9 16.7 9.3 16.3L20.3 5.3C20.7 4.9 21.3 4.9 21.7 5.3C22.1 5.7 22.1 6.30002 21.7 6.70002L10.7 17.7C10.5 17.9 10.3 18 10 18Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon-->
<!--begin::Indicator label-->
<span class="indicator-label" style="
color: black;
">Vote</span>
<!--end::Indicator label-->
<!--begin::Indicator progress-->
<span class="indicator-progress">
Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
</span>
<!--end::Indicator progress--> </a>
<a href="#" class="btn btn-sm btn-primary me-2" data-bs-toggle="modal" data-bs-target="#kt_modal_offer_a_deal" style="
background-color: #fee4a1cf;
color: black;
">Donate</a>
<!--begin::Menu-->
<!--end::Menu-->
</div>
<!--end::Actions-->
</div>
<!--end::Title-->
<!--begin::Stats-->
<div class="d-flex flex-wrap flex-stack">
<!--begin::Wrapper-->
<div class="d-flex flex-column flex-grow-1 pe-8">
<!--begin::Stats-->
<div class="d-flex flex-wrap">
<!--begin::Stat-->
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
<!--begin::Number-->
<div class="d-flex align-items-center">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon svg-icon-3 svg-icon-success me-2"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect>
<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> <div class="fs-2 fw-bold counted" data-kt-countup="true" data-kt-countup-value="4500" data-kt-countup-prefix="$" data-kt-initialized="1" style="
color: #e8ebff !important;
">$1,300</div>
</div>
<!--end::Number-->
<!--begin::Label-->
<div class="fw-semibold fs-6 text-gray-400">Donation</div>
<!--end::Label-->
</div>
<!--end::Stat-->
<!--begin::Stat-->
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
<!--begin::Number-->
<div class="d-flex align-items-center">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr065.svg-->
<span class="svg-icon svg-icon-3 svg-icon-danger me-2"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="11" y="18" width="13" height="2" rx="1" transform="rotate(-90 11 18)" fill="currentColor"></rect>
<path d="M11.4343 15.4343L7.25 11.25C6.83579 10.8358 6.16421 10.8358 5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75L11.2929 18.2929C11.6834 18.6834 12.3166 18.6834 12.7071 18.2929L18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25C17.8358 10.8358 17.1642 10.8358 16.75 11.25L12.5657 15.4343C12.2533 15.7467 11.7467 15.7467 11.4343 15.4343Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> <div class="fs-2 fw-bold counted" data-kt-countup="true" data-kt-countup-value="75" data-kt-initialized="1" style="
color: #e8ebff !important;
">75</div>
</div>
<!--end::Number-->
<!--begin::Label-->
<div class="fw-semibold fs-6 text-gray-400">Vote</div>
<!--end::Label-->
</div>
<!--end::Stat-->
<!--begin::Stat-->
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
<!--begin::Number-->
<!--end::Number-->
<!--begin::Label-->
<div class="fw-semibold fs-6 text-gray-400" style="
width: 120px;
text-align: center;
">Max is dancing for the Amazonia</div>
<!--end::Label-->
</div>
<!--end::Stat-->
</div>
<!--end::Stats-->
</div>
<!--end::Wrapper-->
<!--begin::Progress-->
<!--end::Progress-->
</div>
<!--end::Stats-->
</div>
<!--end::Info-->
</div>
<!--end::Details-->
<!--begin::Navs-->
<!--begin::Navs-->
</div>
</div><div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-9 p-6" style="
position: relative;
width: 326px;
left: 267px;
top: -36px;
z-index: 100;
">
<!--begin::Icon-->
<!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
<!--end::Svg Icon--> <!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1 " style="
/* width: 243px; */
">
<!--begin::Content-->
<div class=" fw-semibold" style="
text-align: center;
">
<h4 class="text-gray-900 fw-bold" style="
color: white !important;
text-align: center;
">Max and Joe are dance battling now</h4>
<a href="#" class="btn btn-sm btn-primary me-2" data-bs-toggle="modal" data-bs-target="#kt_modal_offer_a_deal" style="
position: relative;
background-color: #fee4a1;
color: black;
">Watch the Battle</a>
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div><div class="card mb-6 mb-xl-6" style="
z-index: 1;
position: relative;
width: 823px;
top: -82px;
background-color: #353342;
">
<div class="card-body pt-6 pb-0" style="
width: 750px;
">
<!--begin::Details-->
<div class="d-flex flex-wrap flex-sm-nowrap mb-3" style="
width: 765px;
">
<!--begin: Pic-->
<div class="me-7 mb-4">
<div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative">
<img src="/metronic8/demo1/assets/media/avatars/300-11.jpg" alt="image">
<div class="position-absolute translate-middle bottom-0 start-100 mb-6 bg-success rounded-circle border border-4 border-body h-20px w-20px"></div>
</div>
</div>
<!--end::Pic-->
<!--begin::Info-->
<div class="flex-grow-1">
<!--begin::Title-->
<div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
<!--begin::User-->
<div class="d-flex flex-column">
<!--begin::Name-->
<div class="d-flex align-items-center mb-2">
<a href="#" class="text-gray-900 text-hover-primary fs-2 fw-bold me-1">Jhoe Smith</a>
<a href="#"><!--begin::Svg Icon | path: icons/duotune/general/gen026.svg-->
<span class="svg-icon svg-icon-1 svg-icon-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
<path d="M10.0813 3.7242C10.8849 2.16438 13.1151 2.16438 13.9187 3.7242V3.7242C14.4016 4.66147 15.4909 5.1127 16.4951 4.79139V4.79139C18.1663 4.25668 19.7433 5.83365 19.2086 7.50485V7.50485C18.8873 8.50905 19.3385 9.59842 20.2758 10.0813V10.0813C21.8356 10.8849 21.8356 13.1151 20.2758 13.9187V13.9187C19.3385 14.4016 18.8873 15.491 19.2086 16.4951V16.4951C19.7433 18.1663 18.1663 19.7433 16.4951 19.2086V19.2086C15.491 18.8873 14.4016 19.3385 13.9187 20.2758V20.2758C13.1151 21.8356 10.8849 21.8356 10.0813 20.2758V20.2758C9.59842 19.3385 8.50905 18.8873 7.50485 19.2086V19.2086C5.83365 19.7433 4.25668 18.1663 4.79139 16.4951V16.4951C5.1127 15.491 4.66147 14.4016 3.7242 13.9187V13.9187C2.16438 13.1151 2.16438 10.8849 3.7242 10.0813V10.0813C4.66147 9.59842 5.1127 8.50905 4.79139 7.50485V7.50485C4.25668 5.83365 5.83365 4.25668 7.50485 4.79139V4.79139C8.50905 5.1127 9.59842 4.66147 10.0813 3.7242V3.7242Z" fill="currentColor"></path>
<path d="M14.8563 9.1903C15.0606 8.94984 15.3771 8.9385 15.6175 9.14289C15.858 9.34728 15.8229 9.66433 15.6185 9.9048L11.863 14.6558C11.6554 14.9001 11.2876 14.9258 11.048 14.7128L8.47656 12.4271C8.24068 12.2174 8.21944 11.8563 8.42911 11.6204C8.63877 11.3845 8.99996 11.3633 9.23583 11.5729L11.3706 13.4705L14.8563 9.1903Z" fill="white"></path>
</svg></span>
<!--end::Svg Icon--></a>
</div>
<!--end::Name-->
<!--begin::Info-->
<div class="d-flex flex-wrap fw-semibold fs-6 mb-4 pe-2">
<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
<!--begin::Svg Icon | path: icons/duotune/communication/com006.svg-->
<span class="svg-icon svg-icon-4 me-1"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M16.5 9C16.5 13.125 13.125 16.5 9 16.5C4.875 16.5 1.5 13.125 1.5 9C1.5 4.875 4.875 1.5 9 1.5C13.125 1.5 16.5 4.875 16.5 9Z" fill="currentColor"></path>
<path d="M9 16.5C10.95 16.5 12.75 15.75 14.025 14.55C13.425 12.675 11.4 11.25 9 11.25C6.6 11.25 4.57499 12.675 3.97499 14.55C5.24999 15.75 7.05 16.5 9 16.5Z" fill="currentColor"></path>
<rect x="7" y="6" width="4" height="4" rx="2" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon-->Bollywood</a>
<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
<!--begin::Svg Icon | path: icons/duotune/general/gen018.svg-->
<span class="svg-icon svg-icon-4 me-1"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M18.0624 15.3453L13.1624 20.7453C12.5624 21.4453 11.5624 21.4453 10.9624 20.7453L6.06242 15.3453C4.56242 13.6453 3.76242 11.4453 4.06242 8.94534C4.56242 5.34534 7.46242 2.44534 11.0624 2.04534C15.8624 1.54534 19.9624 5.24534 19.9624 9.94534C20.0624 12.0453 19.2624 13.9453 18.0624 15.3453Z" fill="currentColor"></path>
<path d="M12.0624 13.0453C13.7193 13.0453 15.0624 11.7022 15.0624 10.0453C15.0624 8.38849 13.7193 7.04535 12.0624 7.04535C10.4056 7.04535 9.06241 8.38849 9.06241 10.0453C9.06241 11.7022 10.4056 13.0453 12.0624 13.0453Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> SF, Bay Area
</a>
</div>
<!--end::Info-->
</div>
<!--end::User-->
<!--begin::Actions-->
<div class="d-flex my-4">
<a href="#" class="btn btn-sm btn-light me-2" id="kt_user_follow_button">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr012.svg-->
<span class="svg-icon svg-icon-3 d-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M10 18C9.7 18 9.5 17.9 9.3 17.7L2.3 10.7C1.9 10.3 1.9 9.7 2.3 9.3C2.7 8.9 3.29999 8.9 3.69999 9.3L10.7 16.3C11.1 16.7 11.1 17.3 10.7 17.7C10.5 17.9 10.3 18 10 18Z" fill="currentColor"></path>
<path d="M10 18C9.7 18 9.5 17.9 9.3 17.7C8.9 17.3 8.9 16.7 9.3 16.3L20.3 5.3C20.7 4.9 21.3 4.9 21.7 5.3C22.1 5.7 22.1 6.30002 21.7 6.70002L10.7 17.7C10.5 17.9 10.3 18 10 18Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon-->
<!--begin::Indicator label-->
<span class="indicator-label" style="
color: black;
">Vote</span>
<!--end::Indicator label-->
<!--begin::Indicator progress-->
<span class="indicator-progress">
Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
</span>
<!--end::Indicator progress--> </a>
<a href="#" class="btn btn-sm btn-primary me-2" data-bs-toggle="modal" data-bs-target="#kt_modal_offer_a_deal" style="
background-color: #fee4a1cf;
color: black;
">Donate</a>
<!--begin::Menu-->
<div class="me-0">
<!--begin::Menu 3-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true" style="">
<!--begin::Heading-->
<div class="menu-item px-3">
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">
Payments
</div>
</div>
<!--end::Heading-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Create Invoice
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link flex-stack px-3">
Create Payment
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" aria-label="Specify a target name for future usage and reference" data-bs-original-title="Specify a target name for future usage and reference" data-kt-initialized="1"></i>
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Generate Bill
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
<a href="#" class="menu-link px-3">
<span class="menu-title">Subscription</span>
<span class="menu-arrow"></span>
</a>
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Plans
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Billing
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">
Statements
</a>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator my-2"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content px-3">
<!--begin::Switch-->
<label class="form-check form-switch form-check-custom form-check-solid">
<!--begin::Input-->
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications">
<!--end::Input-->
<!--end::Label-->
<span class="form-check-label text-muted fs-6">
Recuring
</span>
<!--end::Label-->
</label>
<!--end::Switch-->
</div>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3 my-1">
<a href="#" class="menu-link px-3">
Settings
</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu 3-->
</div>
<!--end::Menu-->
</div>
<!--end::Actions-->
</div>
<!--end::Title-->
<!--begin::Stats-->
<div class="d-flex flex-wrap flex-stack">
<!--begin::Wrapper-->
<div class="d-flex flex-column flex-grow-1 pe-8">
<!--begin::Stats-->
<div class="d-flex flex-wrap">
<!--begin::Stat-->
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
<!--begin::Number-->
<div class="d-flex align-items-center">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon svg-icon-3 svg-icon-success me-2"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect>
<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> <div class="fs-2 fw-bold counted" data-kt-countup="true" data-kt-countup-value="4500" data-kt-countup-prefix="$" data-kt-initialized="1" style="
color: #e8ebff !important;
">2,500</div>
</div>
<!--end::Number-->
<!--begin::Label-->
<div class="fw-semibold fs-6 text-gray-400">Donation</div>
<!--end::Label-->
</div>
<!--end::Stat-->
<!--begin::Stat-->
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
<!--begin::Number-->
<div class="d-flex align-items-center">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr065.svg-->
<span class="svg-icon svg-icon-3 svg-icon-success me-2"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.5" x="11" y="18" width="13" height="2" rx="1" transform="rotate(-90 11 18)" fill="currentColor"></rect>
<path d="M11.4343 15.4343L7.25 11.25C6.83579 10.8358 6.16421 10.8358 5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75L11.2929 18.2929C11.6834 18.6834 12.3166 18.6834 12.7071 18.2929L18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25C17.8358 10.8358 17.1642 10.8358 16.75 11.25L12.5657 15.4343C12.2533 15.7467 11.7467 15.7467 11.4343 15.4343Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> <div class="fs-2 fw-bold counted" data-kt-countup="true" data-kt-countup-value="75" data-kt-initialized="1" style="
color: #e8ebff !important;
">22</div>
</div>
<!--end::Number-->
<!--begin::Label-->
<div class="fw-semibold fs-6 text-gray-400">Vote</div>
<!--end::Label-->
</div>
<!--end::Stat-->
<!--begin::Stat-->
<div class="border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-6 mb-3">
<!--begin::Number-->
<!--end::Number-->
<!--begin::Label-->
<div class="fw-semibold fs-6 text-gray-400" style="
width: 120px;
text-align: center;
">Max is dancing for the Planet</div>
<!--end::Label-->
</div>
<!--end::Stat-->
</div>
<!--end::Stats-->
</div>
<!--end::Wrapper-->
<!--begin::Progress-->
<!--end::Progress-->
</div>
<!--end::Stats-->
</div>
<!--end::Info-->
</div>
<!--end::Details-->
<!--begin::Navs-->
<!--begin::Navs-->
</div>
</div>
<!--end::Navbar-->
<!--begin::Basic info-->
<div class="card mb-5 mb-xl-10">
<!--begin::Card header-->
<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
<!--begin::Card title-->
<div class="card-title m-0">
<h3 class="fw-bold m-0">Profile Details</h3>
</div>
<!--end::Card title-->
</div>
<!--begin::Card header-->
<!--begin::Content-->
<div id="kt_account_settings_profile_details" class="collapse show">
<!--begin::Form-->
<form id="kt_account_profile_details_form" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate" data-dashlane-rid="73023d1186c00dd8" data-form-type="identity">
<!--begin::Card body-->
<div class="card-body border-top p-9">
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label fw-semibold fs-6">Avatar</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8">
<!--begin::Image input-->
<div class="image-input image-input-outline" data-kt-image-input="true" style="background-image: url('/metronic8/demo1/assets/media/svg/avatars/blank.svg')">
<!--begin::Preview existing avatar-->
<div class="image-input-wrapper w-125px h-125px" style="background-image: url(/metronic8/demo1/assets/media/avatars/300-1.jpg)"></div>
<!--end::Preview existing avatar-->
<!--begin::Label-->
<label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" aria-label="Change avatar" data-bs-original-title="Change avatar" data-kt-initialized="1">
<i class="bi bi-pencil-fill fs-7"></i>
<!--begin::Inputs-->
<input type="file" name="avatar" accept=".png, .jpg, .jpeg">
<input type="hidden" name="avatar_remove">
<!--end::Inputs-->
</label>
<!--end::Label-->
<!--begin::Cancel-->
<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" aria-label="Cancel avatar" data-bs-original-title="Cancel avatar" data-kt-initialized="1">
<i class="bi bi-x fs-2"></i>
</span>
<!--end::Cancel-->
<!--begin::Remove-->
<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" aria-label="Remove avatar" data-bs-original-title="Remove avatar" data-kt-initialized="1">
<i class="bi bi-x fs-2"></i>
</span>
<!--end::Remove-->
</div>
<!--end::Image input-->
<!--begin::Hint-->
<div class="form-text">Allowed file types: png, jpg, jpeg.</div>
<!--end::Hint-->
</div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label required fw-semibold fs-6">Full Name</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8">
<!--begin::Row-->
<div class="row">
<!--begin::Col-->
<div class="col-lg-6 fv-row fv-plugins-icon-container">
<input type="text" name="fname" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="First name" value="Max" data-dashlane-rid="580f20f46937854c" data-kwcachedvalue="Max" data-kwimpalastatus="alive" data-kwimpalaid="1677603589285-0" data-form-type="name,first">
<div class="fv-plugins-message-container invalid-feedback"></div><span id="1677603589285-0" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url("chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg") center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 378.75px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 15px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span></div>
<!--end::Col-->
<!--begin::Col-->
<div class="col-lg-6 fv-row fv-plugins-icon-container">
<input type="text" name="lname" class="form-control form-control-lg form-control-solid" placeholder="Last name" value="Smith" data-dashlane-rid="6bc031fb9e45cae0" data-kwcachedvalue="Smith" data-kwimpalastatus="alive" data-kwimpalaid="1677603589285-1" data-form-type="name,last">
<div class="fv-plugins-message-container invalid-feedback"></div><span id="1677603589285-1" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url("chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg") center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 378.75px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 15px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span></div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label required fw-semibold fs-6">Company</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row fv-plugins-icon-container">
<input type="text" name="company" class="form-control form-control-lg form-control-solid" placeholder="Company name" value="Keenthemes" data-dashlane-rid="6a56f99b55290a64" data-kwcachedvalue="Keenthemes" data-kwimpalastatus="alive" data-kwimpalaid="1677603589285-2" data-form-type="company,company_name">
<div class="fv-plugins-message-container invalid-feedback"></div><span id="1677603589285-2" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url("chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg") center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 785.75px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 15px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label fw-semibold fs-6">
<span class="required">Contact Phone</span>
<i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" aria-label="Phone number must be active" data-bs-original-title="Phone number must be active" data-kt-initialized="1"></i>
</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row fv-plugins-icon-container">
<input type="tel" name="phone" class="form-control form-control-lg form-control-solid" placeholder="Phone number" value="044 3276 454 935" data-dashlane-rid="c7865548b9c90a1f" data-kwcachedvalue="044 3276 454 935" data-kwimpalastatus="alive" data-kwimpalaid="1677603589285-3" data-form-type="phone">
<div class="fv-plugins-message-container invalid-feedback"></div><span id="1677603589285-3" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url("chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg") center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 785.75px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 15px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label fw-semibold fs-6">Company Site</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row">
<input type="text" name="website" class="form-control form-control-lg form-control-solid" placeholder="Company website" value="keenthemes.com" data-dashlane-rid="688ec9a26d02ca82" data-kwcachedvalue="keenthemes.com" data-kwimpalastatus="alive" data-kwimpalaid="1677603589285-4" data-form-type="website">
<span id="1677603589285-4" data-dashlanecreated="true" style="color: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-palette: initial; font-synthesis: initial; font-variation-settings: initial; forced-color-adjust: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; animation: initial; app-region: initial; appearance: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: url("chrome-extension://fdjamakpfbbddfjaooikfcpapjohcfmg/content/injected/logo-autofill-known.svg") center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block: initial; border: none; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-start-end-radius: initial; border-start-start-radius: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; color-scheme: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: pointer; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; inset-block: initial; inset-inline: initial; isolation: initial; left: 1212.25px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-clip-margin: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scrollbar-gutter: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; top: 505.398px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label fw-semibold fs-6">
<span class="required">Country</span>
<i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" aria-label="Country of origination" data-bs-original-title="Country of origination" data-kt-initialized="1"></i>
</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row fv-plugins-icon-container">
<select name="country" aria-label="Select a Country" data-control="select2" data-placeholder="Select a country..." class="form-select form-select-solid form-select-lg fw-semibold select2-hidden-accessible" data-select2-id="select2-data-10-kxgh" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
<option value="" data-select2-id="select2-data-12-w2ts">Select a Country...</option>
<option data-kt-flag="flags/afghanistan.svg" value="AF">Afghanistan</option>
<option data-kt-flag="flags/aland-islands.svg" value="AX">Aland Islands</option>
<option data-kt-flag="flags/albania.svg" value="AL">Albania</option>
<option data-kt-flag="flags/algeria.svg" value="DZ">Algeria</option>
<option data-kt-flag="flags/american-samoa.svg" value="AS">American Samoa</option>
<option data-kt-flag="flags/andorra.svg" value="AD">Andorra</option>
<option data-kt-flag="flags/angola.svg" value="AO">Angola</option>
<option data-kt-flag="flags/anguilla.svg" value="AI">Anguilla</option>
<option data-kt-flag="flags/antigua-and-barbuda.svg" value="AG">Antigua and Barbuda</option>
<option data-kt-flag="flags/argentina.svg" value="AR">Argentina</option>
<option data-kt-flag="flags/armenia.svg" value="AM">Armenia</option>
<option data-kt-flag="flags/aruba.svg" value="AW">Aruba</option>
<option data-kt-flag="flags/australia.svg" value="AU">Australia</option>
<option data-kt-flag="flags/austria.svg" value="AT">Austria</option>
<option data-kt-flag="flags/azerbaijan.svg" value="AZ">Azerbaijan</option>
<option data-kt-flag="flags/bahamas.svg" value="BS">Bahamas</option>
<option data-kt-flag="flags/bahrain.svg" value="BH">Bahrain</option>
<option data-kt-flag="flags/bangladesh.svg" value="BD">Bangladesh</option>
<option data-kt-flag="flags/barbados.svg" value="BB">Barbados</option>
<option data-kt-flag="flags/belarus.svg" value="BY">Belarus</option>
<option data-kt-flag="flags/belgium.svg" value="BE">Belgium</option>
<option data-kt-flag="flags/belize.svg" value="BZ">Belize</option>
<option data-kt-flag="flags/benin.svg" value="BJ">Benin</option>
<option data-kt-flag="flags/bermuda.svg" value="BM">Bermuda</option>
<option data-kt-flag="flags/bhutan.svg" value="BT">Bhutan</option>
<option data-kt-flag="flags/bolivia.svg" value="BO">Bolivia, Plurinational State of</option>
<option data-kt-flag="flags/bonaire.svg" value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option data-kt-flag="flags/bosnia-and-herzegovina.svg" value="BA">Bosnia and Herzegovina</option>
<option data-kt-flag="flags/botswana.svg" value="BW">Botswana</option>
<option data-kt-flag="flags/brazil.svg" value="BR">Brazil</option>
<option data-kt-flag="flags/british-indian-ocean-territory.svg" value="IO">British Indian Ocean Territory</option>
<option data-kt-flag="flags/brunei.svg" value="BN">Brunei Darussalam</option>
<option data-kt-flag="flags/bulgaria.svg" value="BG">Bulgaria</option>
<option data-kt-flag="flags/burkina-faso.svg" value="BF">Burkina Faso</option>
<option data-kt-flag="flags/burundi.svg" value="BI">Burundi</option>
<option data-kt-flag="flags/cambodia.svg" value="KH">Cambodia</option>
<option data-kt-flag="flags/cameroon.svg" value="CM">Cameroon</option>
<option data-kt-flag="flags/canada.svg" value="CA">Canada</option>
<option data-kt-flag="flags/cape-verde.svg" value="CV">Cape Verde</option>
<option data-kt-flag="flags/cayman-islands.svg" value="KY">Cayman Islands</option>
<option data-kt-flag="flags/central-african-republic.svg" value="CF">Central African Republic</option>
<option data-kt-flag="flags/chad.svg" value="TD">Chad</option>
<option data-kt-flag="flags/chile.svg" value="CL">Chile</option>
<option data-kt-flag="flags/china.svg" value="CN">China</option>
<option data-kt-flag="flags/christmas-island.svg" value="CX">Christmas Island</option>
<option data-kt-flag="flags/cocos-island.svg" value="CC">Cocos (Keeling) Islands</option>
<option data-kt-flag="flags/colombia.svg" value="CO">Colombia</option>
<option data-kt-flag="flags/comoros.svg" value="KM">Comoros</option>
<option data-kt-flag="flags/cook-islands.svg" value="CK">Cook Islands</option>
<option data-kt-flag="flags/costa-rica.svg" value="CR">Costa Rica</option>
<option data-kt-flag="flags/ivory-coast.svg" value="CI">Côte d'Ivoire</option>
<option data-kt-flag="flags/croatia.svg" value="HR">Croatia</option>
<option data-kt-flag="flags/cuba.svg" value="CU">Cuba</option>
<option data-kt-flag="flags/curacao.svg" value="CW">Curaçao</option>
<option data-kt-flag="flags/czech-republic.svg" value="CZ">Czech Republic</option>
<option data-kt-flag="flags/denmark.svg" value="DK">Denmark</option>
<option data-kt-flag="flags/djibouti.svg" value="DJ">Djibouti</option>
<option data-kt-flag="flags/dominica.svg" value="DM">Dominica</option>
<option data-kt-flag="flags/dominican-republic.svg" value="DO">Dominican Republic</option>
<option data-kt-flag="flags/ecuador.svg" value="EC">Ecuador</option>
<option data-kt-flag="flags/egypt.svg" value="EG">Egypt</option>
<option data-kt-flag="flags/el-salvador.svg" value="SV">El Salvador</option>
<option data-kt-flag="flags/equatorial-guinea.svg" value="GQ">Equatorial Guinea</option>
<option data-kt-flag="flags/eritrea.svg" value="ER">Eritrea</option>
<option data-kt-flag="flags/estonia.svg" value="EE">Estonia</option>
<option data-kt-flag="flags/ethiopia.svg" value="ET">Ethiopia</option>
<option data-kt-flag="flags/falkland-islands.svg" value="FK">Falkland Islands (Malvinas)</option>
<option data-kt-flag="flags/fiji.svg" value="FJ">Fiji</option>
<option data-kt-flag="flags/finland.svg" value="FI">Finland</option>
<option data-kt-flag="flags/france.svg" value="FR">France</option>
<option data-kt-flag="flags/french-polynesia.svg" value="PF">French Polynesia</option>
<option data-kt-flag="flags/gabon.svg" value="GA">Gabon</option>
<option data-kt-flag="flags/gambia.svg" value="GM">Gambia</option>
<option data-kt-flag="flags/georgia.svg" value="GE">Georgia</option>
<option data-kt-flag="flags/germany.svg" value="DE">Germany</option>
<option data-kt-flag="flags/ghana.svg" value="GH">Ghana</option>
<option data-kt-flag="flags/gibraltar.svg" value="GI">Gibraltar</option>
<option data-kt-flag="flags/greece.svg" value="GR">Greece</option>
<option data-kt-flag="flags/greenland.svg" value="GL">Greenland</option>
<option data-kt-flag="flags/grenada.svg" value="GD">Grenada</option>
<option data-kt-flag="flags/guam.svg" value="GU">Guam</option>
<option data-kt-flag="flags/guatemala.svg" value="GT">Guatemala</option>
<option data-kt-flag="flags/guernsey.svg" value="GG">Guernsey</option>
<option data-kt-flag="flags/guinea.svg" value="GN">Guinea</option>
<option data-kt-flag="flags/guinea-bissau.svg" value="GW">Guinea-Bissau</option>
<option data-kt-flag="flags/haiti.svg" value="HT">Haiti</option>
<option data-kt-flag="flags/vatican-city.svg" value="VA">Holy See (Vatican City State)</option>
<option data-kt-flag="flags/honduras.svg" value="HN">Honduras</option>
<option data-kt-flag="flags/hong-kong.svg" value="HK">Hong Kong</option>
<option data-kt-flag="flags/hungary.svg" value="HU">Hungary</option>
<option data-kt-flag="flags/iceland.svg" value="IS">Iceland</option>
<option data-kt-flag="flags/india.svg" value="IN">India</option>
<option data-kt-flag="flags/indonesia.svg" value="ID">Indonesia</option>
<option data-kt-flag="flags/iran.svg" value="IR">Iran, Islamic Republic of</option>
<option data-kt-flag="flags/iraq.svg" value="IQ">Iraq</option>
<option data-kt-flag="flags/ireland.svg" value="IE">Ireland</option>
<option data-kt-flag="flags/isle-of-man.svg" value="IM">Isle of Man</option>
<option data-kt-flag="flags/israel.svg" value="IL">Israel</option>
<option data-kt-flag="flags/italy.svg" value="IT">Italy</option>
<option data-kt-flag="flags/jamaica.svg" value="JM">Jamaica</option>
<option data-kt-flag="flags/japan.svg" value="JP">Japan</option>
<option data-kt-flag="flags/jersey.svg" value="JE">Jersey</option>
<option data-kt-flag="flags/jordan.svg" value="JO">Jordan</option>
<option data-kt-flag="flags/kazakhstan.svg" value="KZ">Kazakhstan</option>
<option data-kt-flag="flags/kenya.svg" value="KE">Kenya</option>
<option data-kt-flag="flags/kiribati.svg" value="KI">Kiribati</option>
<option data-kt-flag="flags/north-korea.svg" value="KP">Korea, Democratic People's Republic of</option>
<option data-kt-flag="flags/kuwait.svg" value="KW">Kuwait</option>
<option data-kt-flag="flags/kyrgyzstan.svg" value="KG">Kyrgyzstan</option>
<option data-kt-flag="flags/laos.svg" value="LA">Lao People's Democratic Republic</option>
<option data-kt-flag="flags/latvia.svg" value="LV">Latvia</option>
<option data-kt-flag="flags/lebanon.svg" value="LB">Lebanon</option>
<option data-kt-flag="flags/lesotho.svg" value="LS">Lesotho</option>
<option data-kt-flag="flags/liberia.svg" value="LR">Liberia</option>
<option data-kt-flag="flags/libya.svg" value="LY">Libya</option>
<option data-kt-flag="flags/liechtenstein.svg" value="LI">Liechtenstein</option>
<option data-kt-flag="flags/lithuania.svg" value="LT">Lithuania</option>
<option data-kt-flag="flags/luxembourg.svg" value="LU">Luxembourg</option>
<option data-kt-flag="flags/macao.svg" value="MO">Macao</option>
<option data-kt-flag="flags/madagascar.svg" value="MG">Madagascar</option>
<option data-kt-flag="flags/malawi.svg" value="MW">Malawi</option>
<option data-kt-flag="flags/malaysia.svg" value="MY">Malaysia</option>
<option data-kt-flag="flags/maldives.svg" value="MV">Maldives</option>
<option data-kt-flag="flags/mali.svg" value="ML">Mali</option>
<option data-kt-flag="flags/malta.svg" value="MT">Malta</option>
<option data-kt-flag="flags/marshall-island.svg" value="MH">Marshall Islands</option>
<option data-kt-flag="flags/martinique.svg" value="MQ">Martinique</option>
<option data-kt-flag="flags/mauritania.svg" value="MR">Mauritania</option>
<option data-kt-flag="flags/mauritius.svg" value="MU">Mauritius</option>
<option data-kt-flag="flags/mexico.svg" value="MX">Mexico</option>
<option data-kt-flag="flags/micronesia.svg" value="FM">Micronesia, Federated States of</option>
<option data-kt-flag="flags/moldova.svg" value="MD">Moldova, Republic of</option>
<option data-kt-flag="flags/monaco.svg" value="MC">Monaco</option>
<option data-kt-flag="flags/mongolia.svg" value="MN">Mongolia</option>
<option data-kt-flag="flags/montenegro.svg" value="ME">Montenegro</option>
<option data-kt-flag="flags/montserrat.svg" value="MS">Montserrat</option>
<option data-kt-flag="flags/morocco.svg" value="MA">Morocco</option>
<option data-kt-flag="flags/mozambique.svg" value="MZ">Mozambique</option>
<option data-kt-flag="flags/myanmar.svg" value="MM">Myanmar</option>
<option data-kt-flag="flags/namibia.svg" value="NA">Namibia</option>
<option data-kt-flag="flags/nauru.svg" value="NR">Nauru</option>
<option data-kt-flag="flags/nepal.svg" value="NP">Nepal</option>
<option data-kt-flag="flags/netherlands.svg" value="NL">Netherlands</option>
<option data-kt-flag="flags/new-zealand.svg" value="NZ">New Zealand</option>
<option data-kt-flag="flags/nicaragua.svg" value="NI">Nicaragua</option>
<option data-kt-flag="flags/niger.svg" value="NE">Niger</option>
<option data-kt-flag="flags/nigeria.svg" value="NG">Nigeria</option>
<option data-kt-flag="flags/niue.svg" value="NU">Niue</option>
<option data-kt-flag="flags/norfolk-island.svg" value="NF">Norfolk Island</option>
<option data-kt-flag="flags/northern-mariana-islands.svg" value="MP">Northern Mariana Islands</option>
<option data-kt-flag="flags/norway.svg" value="NO">Norway</option>
<option data-kt-flag="flags/oman.svg" value="OM">Oman</option>
<option data-kt-flag="flags/pakistan.svg" value="PK">Pakistan</option>
<option data-kt-flag="flags/palau.svg" value="PW">Palau</option>
<option data-kt-flag="flags/palestine.svg" value="PS">Palestinian Territory, Occupied</option>
<option data-kt-flag="flags/panama.svg" value="PA">Panama</option>
<option data-kt-flag="flags/papua-new-guinea.svg" value="PG">Papua New Guinea</option>
<option data-kt-flag="flags/paraguay.svg" value="PY">Paraguay</option>
<option data-kt-flag="flags/peru.svg" value="PE">Peru</option>
<option data-kt-flag="flags/philippines.svg" value="PH">Philippines</option>
<option data-kt-flag="flags/poland.svg" value="PL">Poland</option>
<option data-kt-flag="flags/portugal.svg" value="PT">Portugal</option>
<option data-kt-flag="flags/puerto-rico.svg" value="PR">Puerto Rico</option>
<option data-kt-flag="flags/qatar.svg" value="QA">Qatar</option>
<option data-kt-flag="flags/romania.svg" value="RO">Romania</option>
<option data-kt-flag="flags/russia.svg" value="RU">Russian Federation</option>
<option data-kt-flag="flags/rwanda.svg" value="RW">Rwanda</option>
<option data-kt-flag="flags/st-barts.svg" value="BL">Saint Barthélemy</option>
<option data-kt-flag="flags/saint-kitts-and-nevis.svg" value="KN">Saint Kitts and Nevis</option>
<option data-kt-flag="flags/st-lucia.svg" value="LC">Saint Lucia</option>
<option data-kt-flag="flags/sint-maarten.svg" value="MF">Saint Martin (French part)</option>
<option data-kt-flag="flags/st-vincent-and-the-grenadines.svg" value="VC">Saint Vincent and the Grenadines</option>
<option data-kt-flag="flags/samoa.svg" value="WS">Samoa</option>
<option data-kt-flag="flags/san-marino.svg" value="SM">San Marino</option>
<option data-kt-flag="flags/sao-tome-and-prince.svg" value="ST">Sao Tome and Principe</option>
<option data-kt-flag="flags/saudi-arabia.svg" value="SA">Saudi Arabia</option>
<option data-kt-flag="flags/senegal.svg" value="SN">Senegal</option>
<option data-kt-flag="flags/serbia.svg" value="RS">Serbia</option>
<option data-kt-flag="flags/seychelles.svg" value="SC">Seychelles</option>
<option data-kt-flag="flags/sierra-leone.svg" value="SL">Sierra Leone</option>
<option data-kt-flag="flags/singapore.svg" value="SG">Singapore</option>
<option data-kt-flag="flags/sint-maarten.svg" value="SX">Sint Maarten (Dutch part)</option>
<option data-kt-flag="flags/slovakia.svg" value="SK">Slovakia</option>
<option data-kt-flag="flags/slovenia.svg" value="SI">Slovenia</option>
<option data-kt-flag="flags/solomon-islands.svg" value="SB">Solomon Islands</option>
<option data-kt-flag="flags/somalia.svg" value="SO">Somalia</option>
<option data-kt-flag="flags/south-africa.svg" value="ZA">South Africa</option>
<option data-kt-flag="flags/south-korea.svg" value="KR">South Korea</option>
<option data-kt-flag="flags/south-sudan.svg" value="SS">South Sudan</option>
<option data-kt-flag="flags/spain.svg" value="ES">Spain</option>
<option data-kt-flag="flags/sri-lanka.svg" value="LK">Sri Lanka</option>
<option data-kt-flag="flags/sudan.svg" value="SD">Sudan</option>
<option data-kt-flag="flags/suriname.svg" value="SR">Suriname</option>
<option data-kt-flag="flags/swaziland.svg" value="SZ">Swaziland</option>
<option data-kt-flag="flags/sweden.svg" value="SE">Sweden</option>
<option data-kt-flag="flags/switzerland.svg" value="CH">Switzerland</option>
<option data-kt-flag="flags/syria.svg" value="SY">Syrian Arab Republic</option>
<option data-kt-flag="flags/taiwan.svg" value="TW">Taiwan, Province of China</option>
<option data-kt-flag="flags/tajikistan.svg" value="TJ">Tajikistan</option>
<option data-kt-flag="flags/tanzania.svg" value="TZ">Tanzania, United Republic of</option>
<option data-kt-flag="flags/thailand.svg" value="TH">Thailand</option>
<option data-kt-flag="flags/togo.svg" value="TG">Togo</option>
<option data-kt-flag="flags/tokelau.svg" value="TK">Tokelau</option>
<option data-kt-flag="flags/tonga.svg" value="TO">Tonga</option>
<option data-kt-flag="flags/trinidad-and-tobago.svg" value="TT">Trinidad and Tobago</option>
<option data-kt-flag="flags/tunisia.svg" value="TN">Tunisia</option>
<option data-kt-flag="flags/turkey.svg" value="TR">Turkey</option>
<option data-kt-flag="flags/turkmenistan.svg" value="TM">Turkmenistan</option>
<option data-kt-flag="flags/turks-and-caicos.svg" value="TC">Turks and Caicos Islands</option>
<option data-kt-flag="flags/tuvalu.svg" value="TV">Tuvalu</option>
<option data-kt-flag="flags/uganda.svg" value="UG">Uganda</option>
<option data-kt-flag="flags/ukraine.svg" value="UA">Ukraine</option>
<option data-kt-flag="flags/united-arab-emirates.svg" value="AE">United Arab Emirates</option>
<option data-kt-flag="flags/united-kingdom.svg" value="GB">United Kingdom</option>
<option data-kt-flag="flags/united-states.svg" value="US">United States</option>
<option data-kt-flag="flags/uruguay.svg" value="UY">Uruguay</option>
<option data-kt-flag="flags/uzbekistan.svg" value="UZ">Uzbekistan</option>
<option data-kt-flag="flags/vanuatu.svg" value="VU">Vanuatu</option>
<option data-kt-flag="flags/venezuela.svg" value="VE">Venezuela, Bolivarian Republic of</option>
<option data-kt-flag="flags/vietnam.svg" value="VN">Vietnam</option>
<option data-kt-flag="flags/virgin-islands.svg" value="VI">Virgin Islands</option>
<option data-kt-flag="flags/yemen.svg" value="YE">Yemen</option>
<option data-kt-flag="flags/zambia.svg" value="ZM">Zambia</option>
<option data-kt-flag="flags/zimbabwe.svg" value="ZW">Zimbabwe</option>
</select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-11-k89q" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single form-select form-select-solid form-select-lg fw-semibold" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-country-ql-container" aria-controls="select2-country-ql-container"><span class="select2-selection__rendered" id="select2-country-ql-container" role="textbox" aria-readonly="true" title="Select a country..."><span class="select2-selection__placeholder">Select a country...</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
<div class="fv-plugins-message-container invalid-feedback"></div></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label required fw-semibold fs-6">Language</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row fv-plugins-icon-container">
<!--begin::Input-->
<select name="language" aria-label="Select a Language" data-control="select2" data-placeholder="Select a language..." class="form-select form-select-solid form-select-lg select2-hidden-accessible" data-select2-id="select2-data-13-1skt" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
<option value="" data-select2-id="select2-data-15-au8y">Select a Language...</option>
<option data-kt-flag="flags/indonesia.svg" value="id">Bahasa Indonesia - Indonesian</option>
<option data-kt-flag="flags/malaysia.svg" value="msa">Bahasa Melayu - Malay</option>
<option data-kt-flag="flags/canada.svg" value="ca">Català - Catalan</option>
<option data-kt-flag="flags/czech-republic.svg" value="cs">Čeština - Czech</option>
<option data-kt-flag="flags/netherlands.svg" value="da">Dansk - Danish</option>
<option data-kt-flag="flags/germany.svg" value="de">Deutsch - German</option>
<option data-kt-flag="flags/united-kingdom.svg" value="en">English</option>
<option data-kt-flag="flags/united-kingdom.svg" value="en-gb">English UK - British English</option>
<option data-kt-flag="flags/spain.svg" value="es">Español - Spanish</option>
<option data-kt-flag="flags/philippines.svg" value="fil">Filipino</option>
<option data-kt-flag="flags/france.svg" value="fr">Français - French</option>
<option data-kt-flag="flags/gabon.svg" value="ga">Gaeilge - Irish (beta)</option>
<option data-kt-flag="flags/greenland.svg" value="gl">Galego - Galician (beta)</option>
<option data-kt-flag="flags/croatia.svg" value="hr">Hrvatski - Croatian</option>
<option data-kt-flag="flags/italy.svg" value="it">Italiano - Italian</option>
<option data-kt-flag="flags/hungary.svg" value="hu">Magyar - Hungarian</option>
<option data-kt-flag="flags/netherlands.svg" value="nl">Nederlands - Dutch</option>
<option data-kt-flag="flags/norway.svg" value="no">Norsk - Norwegian</option>
<option data-kt-flag="flags/poland.svg" value="pl">Polski - Polish</option>
<option data-kt-flag="flags/portugal.svg" value="pt">Português - Portuguese</option>
<option data-kt-flag="flags/romania.svg" value="ro">Română - Romanian</option>
<option data-kt-flag="flags/slovakia.svg" value="sk">Slovenčina - Slovak</option>
<option data-kt-flag="flags/finland.svg" value="fi">Suomi - Finnish</option>
<option data-kt-flag="flags/el-salvador.svg" value="sv">Svenska - Swedish</option>
<option data-kt-flag="flags/virgin-islands.svg" value="vi">Tiếng Việt - Vietnamese</option>
<option data-kt-flag="flags/turkey.svg" value="tr">Türkçe - Turkish</option>
<option data-kt-flag="flags/greece.svg" value="el">Ελληνικά - Greek</option>
<option data-kt-flag="flags/bulgaria.svg" value="bg">Български език - Bulgarian</option>
<option data-kt-flag="flags/russia.svg" value="ru">Русский - Russian</option>
<option data-kt-flag="flags/suriname.svg" value="sr">Српски - Serbian</option>
<option data-kt-flag="flags/ukraine.svg" value="uk">Українська мова - Ukrainian</option>
<option data-kt-flag="flags/israel.svg" value="he">עִבְרִית - Hebrew</option>
<option data-kt-flag="flags/pakistan.svg" value="ur">اردو - Urdu (beta)</option>
<option data-kt-flag="flags/argentina.svg" value="ar">العربية - Arabic</option>
<option data-kt-flag="flags/argentina.svg" value="fa">فارسی - Persian</option>
<option data-kt-flag="flags/mauritania.svg" value="mr">मराठी - Marathi</option>
<option data-kt-flag="flags/india.svg" value="hi">हिन्दी - Hindi</option>
<option data-kt-flag="flags/bangladesh.svg" value="bn">বাংলা - Bangla</option>
<option data-kt-flag="flags/guam.svg" value="gu">ગુજરાતી - Gujarati</option>
<option data-kt-flag="flags/india.svg" value="ta">தமிழ் - Tamil</option>
<option data-kt-flag="flags/saint-kitts-and-nevis.svg" value="kn">ಕನ್ನಡ - Kannada</option>
<option data-kt-flag="flags/thailand.svg" value="th">ภาษาไทย - Thai</option>
<option data-kt-flag="flags/south-korea.svg" value="ko">한국어 - Korean</option>
<option data-kt-flag="flags/japan.svg" value="ja">日本語 - Japanese</option>
<option data-kt-flag="flags/china.svg" value="zh-cn">简体中文 - Simplified Chinese</option>
<option data-kt-flag="flags/taiwan.svg" value="zh-tw">繁體中文 - Traditional Chinese</option>
</select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-14-5mfq" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single form-select form-select-solid form-select-lg" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-language-5h-container" aria-controls="select2-language-5h-container"><span class="select2-selection__rendered" id="select2-language-5h-container" role="textbox" aria-readonly="true" title="Select a language..."><span class="select2-selection__placeholder">Select a language...</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
<!--end::Input-->
<!--begin::Hint-->
<div class="form-text">
Please select a preferred language, including date, time, and number formatting.
</div>
<!--end::Hint-->
<div class="fv-plugins-message-container invalid-feedback"></div></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label required fw-semibold fs-6">Time Zone</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row fv-plugins-icon-container">
<select name="timezone" aria-label="Select a Timezone" data-control="select2" data-placeholder="Select a timezone.." class="form-select form-select-solid form-select-lg select2-hidden-accessible" data-select2-id="select2-data-16-xx6q" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
<option value="" data-select2-id="select2-data-18-un1n">Select a Timezone..</option>
<option data-bs-offset="-39600" value="International Date Line West">(GMT-11:00) International Date Line West</option>
<option data-bs-offset="-39600" value="Midway Island">(GMT-11:00) Midway Island</option>
<option data-bs-offset="-39600" value="Samoa">(GMT-11:00) Samoa</option>
<option data-bs-offset="-36000" value="Hawaii">(GMT-10:00) Hawaii</option>
<option data-bs-offset="-28800" value="Alaska">(GMT-08:00) Alaska</option>
<option data-bs-offset="-25200" value="Pacific Time (US & Canada)">(GMT-07:00) Pacific Time (US & Canada)</option>
<option data-bs-offset="-25200" value="Tijuana">(GMT-07:00) Tijuana</option>
<option data-bs-offset="-25200" value="Arizona">(GMT-07:00) Arizona</option>
<option data-bs-offset="-21600" value="Mountain Time (US & Canada)">(GMT-06:00) Mountain Time (US & Canada)</option>
<option data-bs-offset="-21600" value="Chihuahua">(GMT-06:00) Chihuahua</option>
<option data-bs-offset="-21600" value="Mazatlan">(GMT-06:00) Mazatlan</option>
<option data-bs-offset="-21600" value="Saskatchewan">(GMT-06:00) Saskatchewan</option>
<option data-bs-offset="-21600" value="Central America">(GMT-06:00) Central America</option>
<option data-bs-offset="-18000" value="Central Time (US & Canada)">(GMT-05:00) Central Time (US & Canada)</option>
<option data-bs-offset="-18000" value="Guadalajara">(GMT-05:00) Guadalajara</option>
<option data-bs-offset="-18000" value="Mexico City">(GMT-05:00) Mexico City</option>
<option data-bs-offset="-18000" value="Monterrey">(GMT-05:00) Monterrey</option>
<option data-bs-offset="-18000" value="Bogota">(GMT-05:00) Bogota</option>
<option data-bs-offset="-18000" value="Lima">(GMT-05:00) Lima</option>
<option data-bs-offset="-18000" value="Quito">(GMT-05:00) Quito</option>
<option data-bs-offset="-14400" value="Eastern Time (US & Canada)">(GMT-04:00) Eastern Time (US & Canada)</option>
<option data-bs-offset="-14400" value="Indiana (East)">(GMT-04:00) Indiana (East)</option>
<option data-bs-offset="-14400" value="Caracas">(GMT-04:00) Caracas</option>
<option data-bs-offset="-14400" value="La Paz">(GMT-04:00) La Paz</option>
<option data-bs-offset="-14400" value="Georgetown">(GMT-04:00) Georgetown</option>
<option data-bs-offset="-10800" value="Atlantic Time (Canada)">(GMT-03:00) Atlantic Time (Canada)</option>
<option data-bs-offset="-10800" value="Santiago">(GMT-03:00) Santiago</option>
<option data-bs-offset="-10800" value="Brasilia">(GMT-03:00) Brasilia</option>
<option data-bs-offset="-10800" value="Buenos Aires">(GMT-03:00) Buenos Aires</option>
<option data-bs-offset="-9000" value="Newfoundland">(GMT-02:30) Newfoundland</option>
<option data-bs-offset="-7200" value="Greenland">(GMT-02:00) Greenland</option>
<option data-bs-offset="-7200" value="Mid-Atlantic">(GMT-02:00) Mid-Atlantic</option>
<option data-bs-offset="-3600" value="Cape Verde Is.">(GMT-01:00) Cape Verde Is.</option>
<option data-bs-offset="0" value="Azores">(GMT) Azores</option>
<option data-bs-offset="0" value="Monrovia">(GMT) Monrovia</option>
<option data-bs-offset="0" value="UTC">(GMT) UTC</option>
<option data-bs-offset="3600" value="Dublin">(GMT+01:00) Dublin</option>
<option data-bs-offset="3600" value="Edinburgh">(GMT+01:00) Edinburgh</option>
<option data-bs-offset="3600" value="Lisbon">(GMT+01:00) Lisbon</option>
<option data-bs-offset="3600" value="London">(GMT+01:00) London</option>
<option data-bs-offset="3600" value="Casablanca">(GMT+01:00) Casablanca</option>
<option data-bs-offset="3600" value="West Central Africa">(GMT+01:00) West Central Africa</option>
<option data-bs-offset="7200" value="Belgrade">(GMT+02:00) Belgrade</option>
<option data-bs-offset="7200" value="Bratislava">(GMT+02:00) Bratislava</option>
<option data-bs-offset="7200" value="Budapest">(GMT+02:00) Budapest</option>
<option data-bs-offset="7200" value="Ljubljana">(GMT+02:00) Ljubljana</option>
<option data-bs-offset="7200" value="Prague">(GMT+02:00) Prague</option>
<option data-bs-offset="7200" value="Sarajevo">(GMT+02:00) Sarajevo</option>
<option data-bs-offset="7200" value="Skopje">(GMT+02:00) Skopje</option>
<option data-bs-offset="7200" value="Warsaw">(GMT+02:00) Warsaw</option>
<option data-bs-offset="7200" value="Zagreb">(GMT+02:00) Zagreb</option>
<option data-bs-offset="7200" value="Brussels">(GMT+02:00) Brussels</option>
<option data-bs-offset="7200" value="Copenhagen">(GMT+02:00) Copenhagen</option>
<option data-bs-offset="7200" value="Madrid">(GMT+02:00) Madrid</option>
<option data-bs-offset="7200" value="Paris">(GMT+02:00) Paris</option>
<option data-bs-offset="7200" value="Amsterdam">(GMT+02:00) Amsterdam</option>
<option data-bs-offset="7200" value="Berlin">(GMT+02:00) Berlin</option>
<option data-bs-offset="7200" value="Bern">(GMT+02:00) Bern</option>
<option data-bs-offset="7200" value="Rome">(GMT+02:00) Rome</option>
<option data-bs-offset="7200" value="Stockholm">(GMT+02:00) Stockholm</option>
<option data-bs-offset="7200" value="Vienna">(GMT+02:00) Vienna</option>
<option data-bs-offset="7200" value="Cairo">(GMT+02:00) Cairo</option>
<option data-bs-offset="7200" value="Harare">(GMT+02:00) Harare</option>
<option data-bs-offset="7200" value="Pretoria">(GMT+02:00) Pretoria</option>
<option data-bs-offset="10800" value="Bucharest">(GMT+03:00) Bucharest</option>
<option data-bs-offset="10800" value="Helsinki">(GMT+03:00) Helsinki</option>
<option data-bs-offset="10800" value="Kiev">(GMT+03:00) Kiev</option>
<option data-bs-offset="10800" value="Kyiv">(GMT+03:00) Kyiv</option>
<option data-bs-offset="10800" value="Riga">(GMT+03:00) Riga</option>
<option data-bs-offset="10800" value="Sofia">(GMT+03:00) Sofia</option>
<option data-bs-offset="10800" value="Tallinn">(GMT+03:00) Tallinn</option>
<option data-bs-offset="10800" value="Vilnius">(GMT+03:00) Vilnius</option>
<option data-bs-offset="10800" value="Athens">(GMT+03:00) Athens</option>
<option data-bs-offset="10800" value="Istanbul">(GMT+03:00) Istanbul</option>
<option data-bs-offset="10800" value="Minsk">(GMT+03:00) Minsk</option>
<option data-bs-offset="10800" value="Jerusalem">(GMT+03:00) Jerusalem</option>
<option data-bs-offset="10800" value="Moscow">(GMT+03:00) Moscow</option>
<option data-bs-offset="10800" value="St. Petersburg">(GMT+03:00) St. Petersburg</option>
<option data-bs-offset="10800" value="Volgograd">(GMT+03:00) Volgograd</option>
<option data-bs-offset="10800" value="Kuwait">(GMT+03:00) Kuwait</option>
<option data-bs-offset="10800" value="Riyadh">(GMT+03:00) Riyadh</option>
<option data-bs-offset="10800" value="Nairobi">(GMT+03:00) Nairobi</option>
<option data-bs-offset="10800" value="Baghdad">(GMT+03:00) Baghdad</option>
<option data-bs-offset="14400" value="Abu Dhabi">(GMT+04:00) Abu Dhabi</option>
<option data-bs-offset="14400" value="Muscat">(GMT+04:00) Muscat</option>
<option data-bs-offset="14400" value="Baku">(GMT+04:00) Baku</option>
<option data-bs-offset="14400" value="Tbilisi">(GMT+04:00) Tbilisi</option>
<option data-bs-offset="14400" value="Yerevan">(GMT+04:00) Yerevan</option>
<option data-bs-offset="16200" value="Tehran">(GMT+04:30) Tehran</option>
<option data-bs-offset="16200" value="Kabul">(GMT+04:30) Kabul</option>
<option data-bs-offset="18000" value="Ekaterinburg">(GMT+05:00) Ekaterinburg</option>
<option data-bs-offset="18000" value="Islamabad">(GMT+05:00) Islamabad</option>
<option data-bs-offset="18000" value="Karachi">(GMT+05:00) Karachi</option>
<option data-bs-offset="18000" value="Tashkent">(GMT+05:00) Tashkent</option>
<option data-bs-offset="19800" value="Chennai">(GMT+05:30) Chennai</option>
<option data-bs-offset="19800" value="Kolkata">(GMT+05:30) Kolkata</option>
<option data-bs-offset="19800" value="Mumbai">(GMT+05:30) Mumbai</option>
<option data-bs-offset="19800" value="New Delhi">(GMT+05:30) New Delhi</option>
<option data-bs-offset="19800" value="Sri Jayawardenepura">(GMT+05:30) Sri Jayawardenepura</option>
<option data-bs-offset="20700" value="Kathmandu">(GMT+05:45) Kathmandu</option>
<option data-bs-offset="21600" value="Astana">(GMT+06:00) Astana</option>
<option data-bs-offset="21600" value="Dhaka">(GMT+06:00) Dhaka</option>
<option data-bs-offset="21600" value="Almaty">(GMT+06:00) Almaty</option>
<option data-bs-offset="21600" value="Urumqi">(GMT+06:00) Urumqi</option>
<option data-bs-offset="23400" value="Rangoon">(GMT+06:30) Rangoon</option>
<option data-bs-offset="25200" value="Novosibirsk">(GMT+07:00) Novosibirsk</option>
<option data-bs-offset="25200" value="Bangkok">(GMT+07:00) Bangkok</option>
<option data-bs-offset="25200" value="Hanoi">(GMT+07:00) Hanoi</option>
<option data-bs-offset="25200" value="Jakarta">(GMT+07:00) Jakarta</option>
<option data-bs-offset="25200" value="Krasnoyarsk">(GMT+07:00) Krasnoyarsk</option>
<option data-bs-offset="28800" value="Beijing">(GMT+08:00) Beijing</option>
<option data-bs-offset="28800" value="Chongqing">(GMT+08:00) Chongqing</option>
<option data-bs-offset="28800" value="Hong Kong">(GMT+08:00) Hong Kong</option>
<option data-bs-offset="28800" value="Kuala Lumpur">(GMT+08:00) Kuala Lumpur</option>
<option data-bs-offset="28800" value="Singapore">(GMT+08:00) Singapore</option>
<option data-bs-offset="28800" value="Taipei">(GMT+08:00) Taipei</option>
<option data-bs-offset="28800" value="Perth">(GMT+08:00) Perth</option>
<option data-bs-offset="28800" value="Irkutsk">(GMT+08:00) Irkutsk</option>
<option data-bs-offset="28800" value="Ulaan Bataar">(GMT+08:00) Ulaan Bataar</option>
<option data-bs-offset="32400" value="Seoul">(GMT+09:00) Seoul</option>
<option data-bs-offset="32400" value="Osaka">(GMT+09:00) Osaka</option>
<option data-bs-offset="32400" value="Sapporo">(GMT+09:00) Sapporo</option>
<option data-bs-offset="32400" value="Tokyo">(GMT+09:00) Tokyo</option>
<option data-bs-offset="32400" value="Yakutsk">(GMT+09:00) Yakutsk</option>
<option data-bs-offset="34200" value="Darwin">(GMT+09:30) Darwin</option>
<option data-bs-offset="34200" value="Adelaide">(GMT+09:30) Adelaide</option>
<option data-bs-offset="36000" value="Canberra">(GMT+10:00) Canberra</option>
<option data-bs-offset="36000" value="Melbourne">(GMT+10:00) Melbourne</option>
<option data-bs-offset="36000" value="Sydney">(GMT+10:00) Sydney</option>
<option data-bs-offset="36000" value="Brisbane">(GMT+10:00) Brisbane</option>
<option data-bs-offset="36000" value="Hobart">(GMT+10:00) Hobart</option>
<option data-bs-offset="36000" value="Vladivostok">(GMT+10:00) Vladivostok</option>
<option data-bs-offset="36000" value="Guam">(GMT+10:00) Guam</option>
<option data-bs-offset="36000" value="Port Moresby">(GMT+10:00) Port Moresby</option>
<option data-bs-offset="36000" value="Solomon Is.">(GMT+10:00) Solomon Is.</option>
<option data-bs-offset="39600" value="Magadan">(GMT+11:00) Magadan</option>
<option data-bs-offset="39600" value="New Caledonia">(GMT+11:00) New Caledonia</option>
<option data-bs-offset="43200" value="Fiji">(GMT+12:00) Fiji</option>
<option data-bs-offset="43200" value="Kamchatka">(GMT+12:00) Kamchatka</option>
<option data-bs-offset="43200" value="Marshall Is.">(GMT+12:00) Marshall Is.</option>
<option data-bs-offset="43200" value="Auckland">(GMT+12:00) Auckland</option>
<option data-bs-offset="43200" value="Wellington">(GMT+12:00) Wellington</option>
<option data-bs-offset="46800" value="Nuku'alofa">(GMT+13:00) Nuku'alofa</option>
</select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-17-4a5l" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single form-select form-select-solid form-select-lg" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-timezone-ud-container" aria-controls="select2-timezone-ud-container"><span class="select2-selection__rendered" id="select2-timezone-ud-container" role="textbox" aria-readonly="true" title="Select a timezone.."><span class="select2-selection__placeholder">Select a timezone..</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
<div class="fv-plugins-message-container invalid-feedback"></div></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label fw-semibold fs-6">Currency</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row">
<select name="currnecy" aria-label="Select a Currency" data-control="select2" data-placeholder="Select a currency.." class="form-select form-select-solid form-select-lg select2-hidden-accessible" data-select2-id="select2-data-19-rfm5" tabindex="-1" aria-hidden="true" data-kt-initialized="1">
<option value="" data-select2-id="select2-data-21-3782">Select a currency..</option>
<option data-kt-flag="flags/united-states.svg" value="USD">USD - USA dollar</option>
<option data-kt-flag="flags/united-kingdom.svg" value="GBP">GBP - British pound</option>
<option data-kt-flag="flags/australia.svg" value="AUD">AUD - Australian dollar</option>
<option data-kt-flag="flags/japan.svg" value="JPY">JPY - Japanese yen</option>
<option data-kt-flag="flags/sweden.svg" value="SEK">SEK - Swedish krona</option>
<option data-kt-flag="flags/canada.svg" value="CAD">CAD - Canadian dollar</option>
<option data-kt-flag="flags/switzerland.svg" value="CHF">CHF - Swiss franc</option>
</select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-20-w2xy" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single form-select form-select-solid form-select-lg" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-currnecy-u8-container" aria-controls="select2-currnecy-u8-container"><span class="select2-selection__rendered" id="select2-currnecy-u8-container" role="textbox" aria-readonly="true" title="Select a currency.."><span class="select2-selection__placeholder">Select a currency..</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-6">
<!--begin::Label-->
<label class="col-lg-4 col-form-label required fw-semibold fs-6">Communication</label>
<!--end::Label-->
<!--begin::Col-->
<div class="col-lg-8 fv-row fv-plugins-icon-container">
<!--begin::Options-->
<div class="d-flex align-items-center mt-3">
<!--begin::Option-->
<label class="form-check form-check-custom form-check-inline form-check-solid me-5" data-dashlane-label="true">
<input class="form-check-input" name="communication[]" type="checkbox" value="1" data-dashlane-rid="e6836052c0d90706" data-form-type="other">
<span class="fw-semibold ps-2 fs-6">
Email
</span>
</label>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-inline form-check-solid" data-dashlane-label="true">
<input class="form-check-input" name="communication[]" type="checkbox" value="2" data-dashlane-rid="dd9204b7fa11b885" data-form-type="other">
<span class="fw-semibold ps-2 fs-6">
Phone
</span>
</label>
<!--end::Option-->
</div>
<!--end::Options-->
<div class="fv-plugins-message-container invalid-feedback"></div></div>
<!--end::Col-->
</div>
<!--end::Input group-->
<!--begin::Input group-->
<div class="row mb-0">
<!--begin::Label-->
<label class="col-lg-4 col-form-label fw-semibold fs-6">Allow Marketing</label>
<!--begin::Label-->
<!--begin::Label-->
<div class="col-lg-8 d-flex align-items-center">
<div class="form-check form-check-solid form-switch form-check-custom fv-row">
<input class="form-check-input w-45px h-30px" type="checkbox" id="allowmarketing" checked="">
<label class="form-check-label" for="allowmarketing"></label>
</div>
</div>
<!--begin::Label-->
</div>
<!--end::Input group-->
</div>
<!--end::Card body-->
<!--begin::Actions-->
<div class="card-footer d-flex justify-content-end py-6 px-9">
<button type="reset" class="btn btn-light btn-active-light-primary me-2" data-dashlane-rid="fb8e8dea527c57ec" data-form-type="action" data-dashlane-label="true">Discard</button>
<button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit" data-dashlane-rid="63cf7b65d2e226f0" data-form-type="action" data-dashlane-label="true">Save Changes</button>
</div>
<!--end::Actions-->
<input type="hidden"></form>
<!--end::Form-->
</div>
<!--end::Content-->
</div>
<!--end::Basic info-->
<!--begin::Sign-in Method-->
<div class="card mb-5 mb-xl-10">
<!--begin::Card header-->
<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_signin_method">
<div class="card-title m-0">
<h3 class="fw-bold m-0">Sign-in Method</h3>
</div>
</div>
<!--end::Card header-->
<!--begin::Content-->
<div id="kt_account_settings_signin_method" class="collapse show">
<!--begin::Card body-->
<div class="card-body border-top p-9">
<!--begin::Email Address-->
<div class="d-flex flex-wrap align-items-center">
<!--begin::Label-->
<div id="kt_signin_email">
<div class="fs-6 fw-bold mb-1">Email Address</div>
<div class="fw-semibold text-gray-600">support@keenthemes.com</div>
</div>
<!--end::Label-->
<!--begin::Edit-->
<div id="kt_signin_email_edit" class="flex-row-fluid d-none">
<!--begin::Form-->
<form id="kt_signin_change_email" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
<div class="row mb-6">
<div class="col-lg-6 mb-4 mb-lg-0">
<div class="fv-row mb-0 fv-plugins-icon-container">
<label for="emailaddress" class="form-label fs-6 fw-bold mb-3">Enter New Email Address</label>
<input type="email" class="form-control form-control-lg form-control-solid" id="emailaddress" placeholder="Email Address" name="emailaddress" value="support@keenthemes.com">
<div class="fv-plugins-message-container invalid-feedback"></div></div>
</div>
<div class="col-lg-6">
<div class="fv-row mb-0 fv-plugins-icon-container">
<label for="confirmemailpassword" class="form-label fs-6 fw-bold mb-3">Confirm Password</label>
<input type="password" class="form-control form-control-lg form-control-solid" name="confirmemailpassword" id="confirmemailpassword">
<div class="fv-plugins-message-container invalid-feedback"></div></div>
</div>
</div>
<div class="d-flex">
<button id="kt_signin_submit" type="button" class="btn btn-primary me-2 px-6">Update Email</button>
<button id="kt_signin_cancel" type="button" class="btn btn-color-gray-400 btn-active-light-primary px-6">Cancel</button>
</div>
</form>
<!--end::Form-->
</div>
<!--end::Edit-->
<!--begin::Action-->
<div id="kt_signin_email_button" class="ms-auto">
<button class="btn btn-light btn-active-light-primary">Change Email</button>
</div>
<!--end::Action-->
</div>
<!--end::Email Address-->
<!--begin::Separator-->
<div class="separator separator-dashed my-6"></div>
<!--end::Separator-->
<!--begin::Password-->
<div class="d-flex flex-wrap align-items-center mb-10">
<!--begin::Label-->
<div id="kt_signin_password">
<div class="fs-6 fw-bold mb-1">Password</div>
<div class="fw-semibold text-gray-600">************</div>
</div>
<!--end::Label-->
<!--begin::Edit-->
<div id="kt_signin_password_edit" class="flex-row-fluid d-none">
<!--begin::Form-->
<form id="kt_signin_change_password" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
<div class="row mb-1">
<div class="col-lg-4">
<div class="fv-row mb-0 fv-plugins-icon-container">
<label for="currentpassword" class="form-label fs-6 fw-bold mb-3">Current Password</label>
<input type="password" class="form-control form-control-lg form-control-solid " name="currentpassword" id="currentpassword">
<div class="fv-plugins-message-container invalid-feedback"></div></div>
</div>
<div class="col-lg-4">
<div class="fv-row mb-0 fv-plugins-icon-container">
<label for="newpassword" class="form-label fs-6 fw-bold mb-3">New Password</label>
<input type="password" class="form-control form-control-lg form-control-solid " name="newpassword" id="newpassword">
<div class="fv-plugins-message-container invalid-feedback"></div></div>
</div>
<div class="col-lg-4">
<div class="fv-row mb-0 fv-plugins-icon-container">
<label for="confirmpassword" class="form-label fs-6 fw-bold mb-3">Confirm New Password</label>
<input type="password" class="form-control form-control-lg form-control-solid " name="confirmpassword" id="confirmpassword">
<div class="fv-plugins-message-container invalid-feedback"></div></div>
</div>
</div>
<div class="form-text mb-5">Password must be at least 8 character and contain symbols</div>
<div class="d-flex">
<button id="kt_password_submit" type="button" class="btn btn-primary me-2 px-6">Update Password</button>
<button id="kt_password_cancel" type="button" class="btn btn-color-gray-400 btn-active-light-primary px-6">Cancel</button>
</div>
</form>
<!--end::Form-->
</div>
<!--end::Edit-->
<!--begin::Action-->
<div id="kt_signin_password_button" class="ms-auto">
<button class="btn btn-light btn-active-light-primary">Reset Password</button>
</div>
<!--end::Action-->
</div>
<!--end::Password-->
<!--begin::Notice-->
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed p-6">
<!--begin::Icon-->
<!--begin::Svg Icon | path: icons/duotune/general/gen048.svg-->
<span class="svg-icon svg-icon-2tx svg-icon-primary me-4"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M20.5543 4.37824L12.1798 2.02473C12.0626 1.99176 11.9376 1.99176 11.8203 2.02473L3.44572 4.37824C3.18118 4.45258 3 4.6807 3 4.93945V13.569C3 14.6914 3.48509 15.8404 4.4417 16.984C5.17231 17.8575 6.18314 18.7345 7.446 19.5909C9.56752 21.0295 11.6566 21.912 11.7445 21.9488C11.8258 21.9829 11.9129 22 12.0001 22C12.0872 22 12.1744 21.983 12.2557 21.9488C12.3435 21.912 14.4326 21.0295 16.5541 19.5909C17.8169 18.7345 18.8277 17.8575 19.5584 16.984C20.515 15.8404 21 14.6914 21 13.569V4.93945C21 4.6807 20.8189 4.45258 20.5543 4.37824Z" fill="currentColor"></path>
<path d="M10.5606 11.3042L9.57283 10.3018C9.28174 10.0065 8.80522 10.0065 8.51412 10.3018C8.22897 10.5912 8.22897 11.0559 8.51412 11.3452L10.4182 13.2773C10.8099 13.6747 11.451 13.6747 11.8427 13.2773L15.4859 9.58051C15.771 9.29117 15.771 8.82648 15.4859 8.53714C15.1948 8.24176 14.7183 8.24176 14.4272 8.53714L11.7002 11.3042C11.3869 11.6221 10.874 11.6221 10.5606 11.3042Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> <!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
<!--begin::Content-->
<div class="mb-3 mb-md-0 fw-semibold">
<h4 class="text-gray-900 fw-bold">Secure Your Account</h4>
<div class="fs-6 text-gray-700 pe-7">Two-factor authentication adds an extra layer of security to your account. To log in, in addition you'll need to provide a 6 digit code</div>
</div>
<!--end::Content-->
<!--begin::Action-->
<a href="#" class="btn btn-primary px-6 align-self-center text-nowrap" data-bs-toggle="modal" data-bs-target="#kt_modal_two_factor_authentication">
Enable </a>
<!--end::Action-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Notice-->
</div>
<!--end::Card body-->
</div>
<!--end::Content-->
</div>
<!--end::Sign-in Method-->
<!--begin::Connected Accounts-->
<div class="card mb-5 mb-xl-10">
<!--begin::Card header-->
<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_connected_accounts" aria-expanded="true" aria-controls="kt_account_connected_accounts">
<div class="card-title m-0">
<h3 class="fw-bold m-0">Connected Accounts</h3>
</div>
</div>
<!--end::Card header-->
<!--begin::Content-->
<div id="kt_account_settings_connected_accounts" class="collapse show">
<!--begin::Card body-->
<div class="card-body border-top p-9">
<!--begin::Notice-->
<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed mb-9 p-6">
<!--begin::Icon-->
<!--begin::Svg Icon | path: icons/duotune/art/art006.svg-->
<span class="svg-icon svg-icon-2tx svg-icon-primary me-4"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M22 19V17C22 16.4 21.6 16 21 16H8V3C8 2.4 7.6 2 7 2H5C4.4 2 4 2.4 4 3V19C4 19.6 4.4 20 5 20H21C21.6 20 22 19.6 22 19Z" fill="currentColor"></path>
<path d="M20 5V21C20 21.6 19.6 22 19 22H17C16.4 22 16 21.6 16 21V8H8V4H19C19.6 4 20 4.4 20 5ZM3 8H4V4H3C2.4 4 2 4.4 2 5V7C2 7.6 2.4 8 3 8Z" fill="currentColor"></path>
</svg>
</span>
<!--end::Svg Icon--> <!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1 ">
<!--begin::Content-->
<div class=" fw-semibold">
<div class="fs-6 text-gray-700 ">Two-factor authentication adds an extra layer of security to your account. To log in, in you'll need to provide a 4 digit amazing code. <a href="#" class="fw-bold">Learn More</a></div>
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Notice-->
<!--begin::Items-->
<div class="py-2">
<!--begin::Item-->
<div class="d-flex flex-stack">
<div class="d-flex">
<img src="/metronic8/demo1/assets/media/svg/brand-logos/google-icon.svg" class="w-30px me-6" alt="">
<div class="d-flex flex-column">
<a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Google</a>
<div class="fs-6 fw-semibold text-gray-400">Plan properly your workflow</div>
</div>
</div>
<div class="d-flex justify-content-end">
<div class="form-check form-check-solid form-check-custom form-switch">
<input class="form-check-input w-45px h-30px" type="checkbox" id="googleswitch" checked="">
<label class="form-check-label" for="googleswitch"></label>
</div>
</div>
</div>
<!--end::Item-->
<div class="separator separator-dashed my-5"></div>
<!--begin::Item-->
<div class="d-flex flex-stack">
<div class="d-flex">
<img src="/metronic8/demo1/assets/media/svg/brand-logos/github.svg" class="w-30px me-6" alt="">
<div class="d-flex flex-column">
<a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Github</a>
<div class="fs-6 fw-semibold text-gray-400">Keep eye on on your Repositories</div>
</div>
</div>
<div class="d-flex justify-content-end">
<div class="form-check form-check-solid form-check-custom form-switch">
<input class="form-check-input w-45px h-30px" type="checkbox" id="githubswitch" checked="">
<label class="form-check-label" for="githubswitch"></label>
</div>
</div>
</div>
<!--end::Item-->
<div class="separator separator-dashed my-5"></div>
<!--begin::Item-->
<div class="d-flex flex-stack">
<div class="d-flex">
<img src="/metronic8/demo1/assets/media/svg/brand-logos/slack-icon.svg" class="w-30px me-6" alt="">
<div class="d-flex flex-column">
<a href="#" class="fs-5 text-dark text-hover-primary fw-bold">Slack</a>
<div class="fs-6 fw-semibold text-gray-400">Integrate Projects Discussions</div>
</div>
</div>
<div class="d-flex justify-content-end">
<div class="form-check form-check-solid form-check-custom form-switch">
<input class="form-check-input w-45px h-30px" type="checkbox" id="slackswitch">
<label class="form-check-label" for="slackswitch"></label>
</div>
</div>
</div>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer d-flex justify-content-end py-6 px-9">
<button class="btn btn-light btn-active-light-primary me-2">Discard</button>
<button class="btn btn-primary">Save Changes</button>
</div>
<!--end::Card footer-->
</div>
<!--end::Content-->
</div>
<!--end::Connected Accounts-->
<!--begin::Notifications-->
<div class="card mb-5 mb-xl-10">
<!--begin::Card header-->
<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_email_preferences" aria-expanded="true" aria-controls="kt_account_email_preferences">
<div class="card-title m-0">
<h3 class="fw-bold m-0">Email Preferences</h3>
</div>
</div>
<!--begin::Card header-->
<!--begin::Content-->
<div id="kt_account_settings_email_preferences" class="collapse show">
<!--begin::Form-->
<form class="form">
<!--begin::Card body-->
<div class="card-body border-top px-9 py-9">
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Successful Payments</span>
<span class="text-muted fs-6">Receive a notification for every successful payment.</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
<!--begin::Option-->
<div class="separator separator-dashed my-6"></div>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" checked="checked" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Payouts</span>
<span class="text-muted fs-6">Receive a notification for every initiated payout.</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
<!--begin::Option-->
<div class="separator separator-dashed my-6"></div>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Fee Collection</span>
<span class="text-muted fs-6">Receive a notification each time you collect a fee from sales</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
<!--begin::Option-->
<div class="separator separator-dashed my-6"></div>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" checked="checked" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Customer Payment Dispute</span>
<span class="text-muted fs-6">Receive a notification if a payment is disputed by a customer and for dispute purposes.</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
<!--begin::Option-->
<div class="separator separator-dashed my-6"></div>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Refund Alerts</span>
<span class="text-muted fs-6">Receive a notification if a payment is stated as risk by the Finance Department.</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
<!--begin::Option-->
<div class="separator separator-dashed my-6"></div>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" checked="checked" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Invoice Payments</span>
<span class="text-muted fs-6">Receive a notification if a customer sends an incorrect amount to pay their invoice.</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
<!--begin::Option-->
<div class="separator separator-dashed my-6"></div>
<!--end::Option-->
<!--begin::Option-->
<label class="form-check form-check-custom form-check-solid align-items-start">
<!--begin::Input-->
<input class="form-check-input me-3" type="checkbox" name="email-preferences[]" value="1">
<!--end::Input-->
<!--begin::Label-->
<span class="form-check-label d-flex flex-column align-items-start">
<span class="fw-bold fs-5 mb-0">Webhook API Endpoints</span>
<span class="text-muted fs-6">Receive notifications for consistently failing webhook API endpoints.</span>
</span>
<!--end::Label-->
</label>
<!--end::Option-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer d-flex justify-content-end py-6 px-9">
<button class="btn btn-light btn-active-light-primary me-2">Discard</button>
<button class="btn btn-primary px-6">Save Changes</button>
</div>
<!--end::Card footer-->
</form>
<!--end::Form-->
</div>
<!--end::Content-->
</div>
<!--end::Notifications-->
<!--begin::Notifications-->
<div class="card mb-5 mb-xl-10">
<!--begin::Card header-->
<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_notifications" aria-expanded="true" aria-controls="kt_account_notifications">
<div class="card-title m-0">
<h3 class="fw-bold m-0">Notifications</h3>
</div>
</div>
<!--begin::Card header-->
<!--begin::Content-->
<div id="kt_account_settings_notifications" class="collapse show">
<!--begin::Form-->
<form class="form">
<!--begin::Card body-->
<div class="card-body border-top px-9 pt-3 pb-4">
<!--begin::Table-->
<div class="table-responsive">
<table class="table table-row-dashed border-gray-300 align-middle gy-6">
<tbody class="fs-6 fw-semibold">
<!--begin::Table row-->
<tr>
<td class="min-w-250px fs-4 fw-bold">Notifications</td>
<td class="w-125px">
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="kt_settings_notification_email" checked="" data-kt-check="true" data-kt-check-target="[data-kt-settings-notification=email]">
<label class="form-check-label ps-2" for="kt_settings_notification_email">
Email
</label>
</div>
</td>
<td class="w-125px">
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="kt_settings_notification_phone" checked="" data-kt-check="true" data-kt-check-target="[data-kt-settings-notification=phone]">
<label class="form-check-label ps-2" for="kt_settings_notification_phone">
Phone
</label>
</div>
</td>
</tr>
<!--begin::Table row-->
<!--begin::Table row-->
<tr>
<td>Billing Updates</td>
<td>
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="1" id="billing1" checked="" data-kt-settings-notification="email">
<label class="form-check-label ps-2" for="billing1"></label>
</div>
</td>
<td>
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="billing2" checked="" data-kt-settings-notification="phone">
<label class="form-check-label ps-2" for="billing2"></label>
</div>
</td>
</tr>
<!--begin::Table row-->
<!--begin::Table row-->
<tr>
<td>New Team Members</td>
<td>
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="team1" checked="" data-kt-settings-notification="email">
<label class="form-check-label ps-2" for="team1"></label>
</div>
</td>
<td>
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="team2" data-kt-settings-notification="phone">
<label class="form-check-label ps-2" for="team2"></label>
</div>
</td>
</tr>
<!--begin::Table row-->
<!--begin::Table row-->
<tr>
<td>Completed Projects</td>
<td>
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="project1" data-kt-settings-notification="email">
<label class="form-check-label ps-2" for="project1"></label>
</div>
</td>
<td>
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="project2" checked="" data-kt-settings-notification="phone">
<label class="form-check-label ps-2" for="project2"></label>
</div>
</td>
</tr>
<!--begin::Table row-->
<!--begin::Table row-->
<tr>
<td class="border-bottom-0">Newsletters</td>
<td class="border-bottom-0">
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="newsletter1" data-kt-settings-notification="email">
<label class="form-check-label ps-2" for="newsletter1"></label>
</div>
</td>
<td class="border-bottom-0">
<div class="form-check form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="" id="newsletter2" data-kt-settings-notification="phone">
<label class="form-check-label ps-2" for="newsletter2"></label>
</div>
</td>
</tr>
<!--begin::Table row-->
</tbody>
</table>
</div>
<!--end::Table-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer d-flex justify-content-end py-6 px-9">
<button class="btn btn-light btn-active-light-primary me-2">Discard</button>
<button class="btn btn-primary px-6">Save Changes</button>
</div>
<!--end::Card footer-->
</form>
<!--end::Form-->
</div>
<!--end::Content-->
</div>
<!--end::Notifications-->
<!--begin::Deactivate Account-->
<div class="card ">
<!--begin::Card header-->
<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_deactivate" aria-expanded="true" aria-controls="kt_account_deactivate">
<div class="card-title m-0">
<h3 class="fw-bold m-0">Deactivate Account</h3>
</div>
</div>
<!--end::Card header-->
<!--begin::Content-->
<div id="kt_account_settings_deactivate" class="collapse show">
<!--begin::Form-->
<form id="kt_account_deactivate_form" class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate">
<!--begin::Card body-->
<div class="card-body border-top p-9">
<!--begin::Notice-->
<div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-9 p-6">
<!--begin::Icon-->
<!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
<span class="svg-icon svg-icon-2tx svg-icon-warning me-4"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor"></rect>
<rect x="11" y="14" width="7" height="2" rx="1" transform="rotate(-90 11 14)" fill="currentColor"></rect>
<rect x="11" y="17" width="2" height="2" rx="1" transform="rotate(-90 11 17)" fill="currentColor"></rect>
</svg>
</span>
<!--end::Svg Icon--> <!--end::Icon-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-grow-1 ">
<!--begin::Content-->
<div class=" fw-semibold">
<h4 class="text-gray-900 fw-bold">You Are Deactivating Your Account</h4>
<div class="fs-6 text-gray-700 ">For extra security, this requires you to confirm your email or phone number when you reset yousignr password. <br><a class="fw-bold" href="#">Learn more</a></div>
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Notice-->
<!--begin::Form input row-->
<div class="form-check form-check-solid fv-row fv-plugins-icon-container">
<input name="deactivate" class="form-check-input" type="checkbox" value="" id="deactivate">
<label class="form-check-label fw-semibold ps-2 fs-6" for="deactivate">I confirm my account deactivation</label>
<div class="fv-plugins-message-container invalid-feedback"></div></div>
<!--end::Form input row-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer d-flex justify-content-end py-6 px-9">
<button id="kt_account_deactivate_account_submit" type="submit" class="btn btn-danger fw-semibold">Deactivate Account</button>
</div>
<!--end::Card footer-->
<input type="hidden"></form>
<!--end::Form-->
</div>
<!--end::Content-->
</div>
<!--end::Deactivate Account--> </div>
<!--end::Content container-->
</div>
<!--end::Content-->
</div>Editor is loading...