<!DOCTYPE html>
<html lang="ar" dir="rtl" direction="rtl"
style="direction: rtl">
<head>
<meta charset="UTF-8">
<!-- Always force latest IE rendering engine -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, user-scalable=no">
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi">
<meta name="facebook-domain-verification" content="zfzmsrhsr7wwdjoxslkz9ymfabltf0" />
<!--<meta name=”apple-itunes-app” content=”app-id=myAppStoreID, app-argument=myURL”>-->
<link rel="manifest preload" href="/manifest.json">
<!-- Site description -->
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no' >
<meta name='csrf-token' content='yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR' >
<title>أفضل عروض إيجار الوحدات السكنية في السعودية</title>
<meta name='keywords' content='أفضل عروض إيجار الوحدات السكنية في السعودية' >
<meta name='description' content='اكتشف أفضل عروض إيجار الوحدات السكنية في السعودية مع قولدن هوست، اختر بين مجموعة متنوعة من وحدات حديثة وبأسعار معقولة لإيجار يومي أو شهري، ابدأ بحثك معنا الآن' >
<meta name='author' content='قولدن هوست' >
<meta property='twitter:card' content='summary' >
<meta property='twitter:site' content='@Goldenhostapp' >
<meta property='twitter:title' content='أفضل عروض إيجار الوحدات السكنية في السعودية' >
<meta property='twitter:description' content='اكتشف أفضل عروض إيجار الوحدات السكنية في السعودية مع قولدن هوست، اختر بين مجموعة متنوعة من وحدات حديثة وبأسعار معقولة لإيجار يومي أو شهري، ابدأ بحثك معنا الآن' >
<meta property='twitter:image' content='https://goldenhost.co/images/seo' >
<meta name='twitter:image:alt' content='قولدن هوست'>
<meta name='twitter:label1' value='احجز الأن'>
<meta name='twitter:data1' value='https://goldenhost.co'>
<meta property='og:title' content='أفضل عروض إيجار الوحدات السكنية في السعودية' >
<meta property='og:description' content='اكتشف أفضل عروض إيجار الوحدات السكنية في السعودية مع قولدن هوست، اختر بين مجموعة متنوعة من وحدات حديثة وبأسعار معقولة لإيجار يومي أو شهري، ابدأ بحثك معنا الآن' >
<meta property='og:image' content='https://goldenhost.co/images/seo' >
<meta property='og:image:alt' content='قولدن هوست' />
<meta property='og:url' content='https://goldenhost.co' >
<meta property='og:type' content='website' >
<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<link rel='manifest' href='/site.webmanifest'>
<link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5'>
<meta name='msapplication-TileColor' content='#da532c'>
<meta name='theme-color' content='#ffffff'>
<link rel='shortcut icon preload' href='https://goldenhost.co/front-assets/images/favicon.svg' />
<link rel='alternate' hreflang='ar-eg' href='https://goldenhost.co' />
<script type="application/ld+json">{"@context": "https://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": "1","name": "home"}]}</script><script type="application/ld+json">{"@context": "https://schema.org","@type": "Organization","url": "https://goldenhost.co","logo": "https://goldenhost.co/front-assets/images/favicon.svg"}</script><script type="application/ld+json">{"@context": "https://schema.org","@type": "SiteNavigationElement","name": [
"قولدن هوست",
"كن مضيفا",
"من نحن",
"شروط الخدمة",
"سياسة الخصوصية",
"تواصل معنا"
],"url": [
"https://goldenhost.co",
"https://goldenhost.co/be-host",
"https://goldenhost.co/about-us",
"https://goldenhost.co/terms-of-use",
"https://goldenhost.co/privacy-policy",
"https://goldenhost.co/contact-us"
]}</script>
<!-- Site Title -->
<link rel="canonical preload" href="https://goldenhost.co" />
<meta name="csrf-token" content="yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR">
<link rel="shortcut icon preload" href="https://goldenhost.co/front-assets/images/favicon.svg" />
<style type="text/css">@font-face {font-family:Poppins;font-style:normal;font-weight:300;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/300/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:300;src:url(/cf-fonts/s/poppins/5.0.11/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:300;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/300/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:400;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/400/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:400;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:400;src:url(/cf-fonts/s/poppins/5.0.11/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:500;src:url(/cf-fonts/s/poppins/5.0.11/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:500;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/500/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:500;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/500/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:600;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/600/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:600;src:url(/cf-fonts/s/poppins/5.0.11/latin/600/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:600;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/600/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:700;src:url(/cf-fonts/s/poppins/5.0.11/latin-ext/700/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:700;src:url(/cf-fonts/s/poppins/5.0.11/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Poppins;font-style:normal;font-weight:700;src:url(/cf-fonts/s/poppins/5.0.11/devanagari/700/normal.woff2);unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF;font-display:swap;}</style>
<!-- Fontawesome -->
<link href="https://goldenhost.co/front-assets/css/all.min.css" rel="stylesheet preload" type="text/css" />
<!-- animate css -->
<link href="https://goldenhost.co/front-assets/css/animate.min.css" rel="stylesheet preload" type="text/css" />
<!-- Bootstrap -->
<link href="https://goldenhost.co/front-assets/css/bootstrap.min.css" rel="stylesheet preload" type="text/css" />
<link href="https://goldenhost.co/front-assets/css/bootstrap.rtl.min.css" rel="stylesheet preload" type="text/css" />
<link href="https://goldenhost.co/front-assets/css/daterangepicker.css?v=25" rel="stylesheet preload" type="text/css" />
<link href="https://goldenhost.co/front-assets/css/swiper.css?v=6" rel="stylesheet preload" type="text/css" />
<!-- Google fonts-->
<!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
<!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
<!--<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700&display=swap" rel="stylesheet">-->
<style type="text/css">@font-face {font-family:Tajawal;font-style:normal;font-weight:400;src:url(/cf-fonts/s/tajawal/5.0.11/arabic/400/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Tajawal;font-style:normal;font-weight:400;src:url(/cf-fonts/s/tajawal/5.0.11/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Tajawal;font-style:normal;font-weight:500;src:url(/cf-fonts/s/tajawal/5.0.11/arabic/500/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Tajawal;font-style:normal;font-weight:500;src:url(/cf-fonts/s/tajawal/5.0.11/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Tajawal;font-style:normal;font-weight:700;src:url(/cf-fonts/s/tajawal/5.0.11/arabic/700/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Tajawal;font-style:normal;font-weight:700;src:url(/cf-fonts/s/tajawal/5.0.11/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}</style>
<link href="https://goldenhost.co/front-assets/css/style.css?v=10.8" rel="stylesheet preload" type="text/css" />
<link href="https://goldenhost.co/front-assets/css/new-style-23-6.css" rel="stylesheet preload" type="text/css" />
<link href="https://goldenhost.co/front-assets/css/custom.css?v=40.3" rel="stylesheet preload" type="text/css" />
<link href="https://goldenhost.co/front-assets/css/daterangepicker.css?v=12" rel="stylesheet" type="text/css" />
<style>
.mobile {
display: none;
}
/* Basic styling for demonstration */
.tabs {
display: flex;
list-style-type: none;
padding: 0;
justify-content: center;
align-items: center;
}
.tab {
padding: 10px 20px;
cursor: pointer;
background-color: rgba(238, 238, 239, 1);
/* border: 1px solid #ccc; */
border-radius: 4px;
margin-right: 10px;
}
.tab.active {
background-color: rgba(44, 29, 101, 1);
color: #fff;
}
.applyBtn.btn.btn-sm.btn-primary {
background-color: rgba(44, 29, 101, 1) !important;
border-color: rgba(44, 29, 101, 1) !important;
}
</style>
<link rel="stylesheet preload" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<style>
@media screen and (-webkit-min-device-pixel-ratio:0) {
select:focus,
textarea:focus,
input:focus {
font-size: 16px;
}
}
</style>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
const addMaximumScaleToMetaViewport = () => {
const el = document.querySelector('meta[name=viewport]');
if (el !== null) {
let content = el.getAttribute('content');
let re = /maximum\-scale=[0-9\.]+/g;
if (re.test(content)) {
content = content.replace(re, 'maximum-scale=1.0');
} else {
content = [content, 'maximum-scale=1.0'].join(', ')
}
el.setAttribute('content', content);
}
};
const disableIosTextFieldZoom = addMaximumScaleToMetaViewport;
const checkIsIOS = () =>
/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (checkIsIOS()) {
disableIosTextFieldZoom();
}
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
(function (c, s, q, u, a, r, e) {
c.hj=c.hj||function(){(c.hj.q=c.hj.q||[]).push(arguments)};
c._hjSettings = { hjid: a };
r = s.getElementsByTagName('head')[0];
e = s.createElement('script');
e.async = true;
e.src = q + c._hjSettings.hjid + u;
r.appendChild(e);
})(window, document, 'https://static.hj.contentsquare.net/c/csq-', '.js', 5257717);
</script>
<!--<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />-->
<!-- Google Tag Manager -->
<script rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript">
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KSHFM8TN');
</script>
<!-- End Google Tag Manager -->
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
! function(w, d, t) {
w.TiktokAnalyticsObject = t;
var ttq = w[t] = w[t] || [];
ttq.methods = ["page", "track", "identify", "instances", "debug", "on", "off", "once", "ready", "alias",
"group", "enableCookie", "disableCookie"
], ttq.setAndDefer = function(t, e) {
t[e] = function() {
t.push([e].concat(Array.prototype.slice.call(arguments, 0)))
}
};
for (var i = 0; i < ttq.methods.length; i++) ttq.setAndDefer(ttq, ttq.methods[i]);
ttq.instance = function(t) {
for (var e = ttq._i[t] || [], n = 0; n < ttq.methods.length; n++) ttq.setAndDefer(e, ttq.methods[n]);
return e
}, ttq.load = function(e, n) {
var i = "https://analytics.tiktok.com/i18n/pixel/events.js";
ttq._i = ttq._i || {}, ttq._i[e] = [], ttq._i[e]._u = i, ttq._t = ttq._t || {}, ttq._t[e] = +new Date,
ttq._o = ttq._o || {}, ttq._o[e] = n || {};
var o = document.createElement("script");
o.type = "text/javascript", o.async = !0, o.src = i + "?sdkid=" + e + "&lib=" + t;
var a = document.getElementsByTagName("script")[0];
a.parentNode.insertBefore(o, a)
};
ttq.load('CKQH1CBC77UB3DTSDM90');
ttq.page();
}(window, document, 'ttq');
</script>
<!-- Snap Pixel Code -->
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
</script>
<!-- End Snap Pixel Code -->
</head>
<body class="home">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe rel="preload" src="https://www.googletagmanager.com/ns.html?id=GTM-KSHFM8TN" height="0"
width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Start top Header mobile-->
<style>
.header-badge {
position: absolute;
/*background-color: #d70060;*/
/*border: 1px solid;*/
/*border-radius: 50%;*/
/*width: 17px;*/
/*height: 19px;*/
/*font-size: 13px;*/
left: 36px;
top: 17px;
/*color: #fff;*/
z-index: 1;
}
</style>
<section class="top-header-mobile d-none">
<div class="container-lg">
<div class="box-between">
<section class="box">
<button class="clos-button"> <i class="fa-solid fa-xmark"> </i></button>
<div class="image">
<img rel="preload" src="https://goldenhost.co/front-assets/images/favicon.svg"
alt="golden host" />
</div>
<div class="content">
<h3 class="heading">لتجربة افضل حمل التطبيق</h3>
<div class="rate"> <i class="fa-solid fa-star active"></i><i
class="fa-solid fa-star active"></i><i class="fa-solid fa-star active"></i><i
class="fa-solid fa-star active"></i><i class="fa-solid fa-star active"></i></div>
</div>
</section>
<button class="download-app" onclick="if (!window.__cfRLUnblockHandlers) return false; downloadApp();" data-cf-modified-c66ecbbd635b2d1ebb70a974-="">حمل التطبيق</button>
</div>
</div>
</section>
<!-- End top Header mobile-->
<!-- Start Header-->
<header id="header">
<div class="container-lg">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarHeader"
aria-controls="Navbar Header"><i class="fa-solid fa-bars"></i></button>
<a class="navbar-brand" href="https://goldenhost.co">
<img rel="preload" src="https://goldenhost.co/front-assets/images/site-logo.svg">
</a>
<div class="offcanvas-lg offcanvas-top justify-content-between d-lg-flex" id="navbarHeader">
<div class="offcanvas-header">
<a class="navbar-brand" href="https://goldenhost.co">
<img rel="preload" src="https://goldenhost.co/front-assets/images/site-logo.svg">
</a>
<button class="btn-close shadow-none" type="button" data-bs-dismiss="offcanvas" aria-label="Close"
data-bs-target="#navbarHeader"></button>
</div>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link p-lg-0" href="https://goldenhost.co/be-host"><i
class="fa-solid fa-hotel"></i><span>كن مضيف</span></a>
</li>
<li class="nav-item"><a class="nav-link p-lg-0" href="#sign_in_popup" data-bs-toggle="modal"><i
class="fa-solid fa-file-invoice-dollar"></i><span>حجوزاتي</span></a>
</li>
<li class="nav-item"><a class="nav-link p-lg-0" href="#sign_in_popup"
data-bs-toggle="modal"><i
class="fa-regular fa-heart"></i><span>العقارات المفضلة</span></a>
</li>
<li class="nav-item"><a class="nav-link p-lg-0" href="https://goldenhost.co/blog"><i
class="fa-solid fa-blog"></i><span>المدونة</span></a></li>
<li class="nav-item"><a class="nav-link p-lg-0"
href="https://goldenhost.co/about-us"><i
class="fa-brands fa-medapps"></i><span>عن قولدن</span></a>
</li>
<li class="nav-item">
<a class="nav-link p-lg-0" href="https://goldenhost.co/partner">
<i class="fa-brands fa-medapps"></i>
<span>شركاء النجاح</span>
</a>
</li>
</ul>
<section class="d-flex flex-column flex-lg-row align-items-center gap-24">
<section>
<ul class="languges d-flex gap-16 align-items-center">
<li><a class="lang d-block my-3 my-lg-0"
href="https://goldenhost.co/lang/ar">عربي</a></li>
<li><a class="lang d-block my-3 my-lg-0" href="https://goldenhost.co/lang/eng">En</a>
</li>
</ul>
</section>
</section>
<ul class="social">
<li><a href="https://www.instagram.com/"> <i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://twitter.com/"> <i class="fa-brands fa-twitter"></i></a></li>
<li><a href="https://wa.me/+201011111111"> <i class="fa-brands fa-whatsapp"></i></a></li>
<li><a href="https://www.facebook.com/"> <i class="fa-brands fa-facebook"></i></a></li>
</ul>
</div>
<!-- #### in the case of a guest #######-->
<!-- #### in the case of a visitor #######-->
<section>
<a class="main-button" href="#sign_in_popup"
data-bs-toggle="modal">تسجيل الدخول </a>
</section>
</nav>
</div>
</header>
<!-- End Header -->
<!-- Start sign in popups-->
<section class="sign-in-popups">
<!-- Modal => operation success-->
<section class="main-popup modal fade" id="operation_success" tabindex="-1" aria-labelledby="sign_in_popup"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<h3 class="modal-title text-center"> تم التنفيذ بنجاح</h3>
</section>
<section class="modal-body">
<div class="operation-popup">
<div class="text-center">
<div class="icon success"><i class="fa-solid fa-check"></i></div>
<p id="success_text">تم تنفيذ العملية بنجاح</p>
</div>
<button class="second-button" type="button" data-bs-dismiss="modal"
aria-label="Close">موافق</button>
</div>
</section>
</div>
</div>
</section>
<!-- Modal => operation success-->
<section class="main-popup modal fade" id="operation_failed" tabindex="-1" aria-labelledby="sign_in_popup"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<h3 class="modal-title text-center">فشل تنفيذ العملية</h3>
</section>
<section class="modal-body">
<div class="operation-popup">
<div class="text-center">
<div class="icon failed"><i class="fa-solid fa-xmark"></i></div>
<p id="error_text">فشل تنفيذ العملية الرجاء المحاولة مرة اخرى</p>
</div>
<button class="second-button" type="button" data-bs-dismiss="modal"
aria-label="Close">موافق</button>
</div>
</section>
</div>
</div>
</section>
<!-- Modal => login popup-->
<section class="main-popup modal fade" id="sign_in_popup" tabindex="-1" aria-labelledby="sign_in_popup"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-title text-center">
<img rel="preload" src="https://goldenhost.co/front-assets//images/site-logo.svg" alt="golden logo">
</div>
</section>
<section class="modal-body">
<div class="heading-text">
<h3>ادخل رقم الجوال</h3>
<p>ادخل رقم الجوال لتسجيل الدخول او انشاء حساب جديد تأكد من ربط الرقم بتطبيق الواتس اب لاستلام كود التحقق</p>
</div>
<form action="https://goldenhost.co/login" id="login_form" method="POST" class="needs-validation "
novalidate>
<input type="hidden" name="_token" value="yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR">
<input type="hidden" name="login_form" value="1">
<div class="inputs">
<div class="input-feiled">
<input type="tel" id="login_phone"
class="form-control " name="phone"
value="" required placeholder="5XXXXXXXX">
<div class="invalid-feedback" style="position: absolute;">
ادخل رقم جوال صالح</div>
</div>
<div class="select-number-code">
<input type="hidden" id="country_code" name="country_code"
value="+966"
data-flag="https://goldenhost.co/images/country/sa.png"
data-pattern="/^5[0-9]{8}$/"
data-key="+966">
<button class="input-button option-select" type="button" data-bs-toggle="dropdown"
aria-expanded="false" data-bs-auto-close="outside">
<div class="flag"> <img rel="preload"
src="https://goldenhost.co/images/country/sa.png" alt="sudia flag">
</div><span>+966</span><i
class="fa-solid fa-chevron-down"></i>
</button>
<ul class="dropdown-menu options-dropdown dropdown-menu-end">
<header class="options-header">
<button class="btn-close" type="button" aria-label="Close"></button>
<input type="search" name="">
</header>
<article class="options-body">
<a class="dropdown-item" href="#" data-value="+1"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1"
data-flag="https://goldenhost.co/images/country/ca.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ca.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كندا</span><span
dir="ltr">+1</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1"
data-flag="https://goldenhost.co/images/country/us.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/us.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الولايات المتحدة الأمريكيّة</span><span
dir="ltr">+1</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-242"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-242"
data-flag="https://goldenhost.co/images/country/bs.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bs.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر البهاما</span><span
dir="ltr">+1-242</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-246"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-246"
data-flag="https://goldenhost.co/images/country/bb.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bb.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بربادوس</span><span
dir="ltr">+1-246</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-264"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-264"
data-flag="https://goldenhost.co/images/country/ai.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ai.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أنغيلا</span><span
dir="ltr">+1-264</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-268"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-268"
data-flag="https://goldenhost.co/images/country/ag.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ag.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أنتيغوا وبربودا</span><span
dir="ltr">+1-268</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-284"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-284"
data-flag="https://goldenhost.co/images/country/vg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/vg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر فيرجن البريطانية</span><span
dir="ltr">+1-284</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-340"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-340"
data-flag="https://goldenhost.co/images/country/vi.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/vi.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر فيرجن الأمريكية</span><span
dir="ltr">+1-340</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-345"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-345"
data-flag="https://goldenhost.co/images/country/ky.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ky.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر كايمان</span><span
dir="ltr">+1-345</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-441"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-441"
data-flag="https://goldenhost.co/images/country/bm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>برمودا</span><span
dir="ltr">+1-441</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-473"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-473"
data-flag="https://goldenhost.co/images/country/gd.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gd.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غرينادا</span><span
dir="ltr">+1-473</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-649"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-649"
data-flag="https://goldenhost.co/images/country/tc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر تركس وكايكوس</span><span
dir="ltr">+1-649</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-664"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-664"
data-flag="https://goldenhost.co/images/country/ms.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ms.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>مونتسيرات</span><span
dir="ltr">+1-664</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-670"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-670"
data-flag="https://goldenhost.co/images/country/mp.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mp.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر مريانا الشمالية</span><span
dir="ltr">+1-670</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-671"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-671"
data-flag="https://goldenhost.co/images/country/gu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غوام</span><span
dir="ltr">+1-671</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-684"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-684"
data-flag="https://goldenhost.co/images/country/as.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/as.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ساموا الأمريكية</span><span
dir="ltr">+1-684</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-721"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-721"
data-flag="https://goldenhost.co/images/country/sx.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sx.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سينت مارتن</span><span
dir="ltr">+1-721</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-758"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-758"
data-flag="https://goldenhost.co/images/country/lc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سانت لوسيا</span><span
dir="ltr">+1-758</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-767"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-767"
data-flag="https://goldenhost.co/images/country/dm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/dm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>دومينيكا</span><span
dir="ltr">+1-767</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-784"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-784"
data-flag="https://goldenhost.co/images/country/vc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/vc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سانت فنسنت وجزر غرينادين</span><span
dir="ltr">+1-784</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-868"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-868"
data-flag="https://goldenhost.co/images/country/tt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ترينيداد وتوباغو</span><span
dir="ltr">+1-868</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-869"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-869"
data-flag="https://goldenhost.co/images/country/kn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سانت كيتس ونيفيس</span><span
dir="ltr">+1-869</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+1-876"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-876"
data-flag="https://goldenhost.co/images/country/jm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/jm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جامايكا</span><span
dir="ltr">+1-876</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+7"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+7"
data-flag="https://goldenhost.co/images/country/kz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كازاخستان</span><span
dir="ltr">+7</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+7"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+7"
data-flag="https://goldenhost.co/images/country/ru.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ru.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الاتحاد الروسي</span><span
dir="ltr">+7</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+20"
data-pattern="/^01[0-2,5]{1}[0-9]{8}$/" data-key="+20"
data-flag="https://goldenhost.co/images/country/eg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/eg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>مصر</span><span
dir="ltr">+20</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+27"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+27"
data-flag="https://goldenhost.co/images/country/za.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/za.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جنوب أفريقيا</span><span
dir="ltr">+27</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+30"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+30"
data-flag="https://goldenhost.co/images/country/gr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>اليونان</span><span
dir="ltr">+30</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+31"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+31"
data-flag="https://goldenhost.co/images/country/nl.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/nl.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>هولندا</span><span
dir="ltr">+31</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+32"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+32"
data-flag="https://goldenhost.co/images/country/be.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/be.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بلجيكا</span><span
dir="ltr">+32</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+33"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+33"
data-flag="https://goldenhost.co/images/country/fr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/fr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فرنسا</span><span
dir="ltr">+33</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+34"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+34"
data-flag="https://goldenhost.co/images/country/es.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/es.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إسبانيا</span><span
dir="ltr">+34</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+36"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+36"
data-flag="https://goldenhost.co/images/country/hu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/hu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>هنغاريا</span><span
dir="ltr">+36</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+39"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+39"
data-flag="https://goldenhost.co/images/country/it.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/it.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إيطاليا</span><span
dir="ltr">+39</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+40"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+40"
data-flag="https://goldenhost.co/images/country/ro.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ro.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>رومانيا</span><span
dir="ltr">+40</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+41"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+41"
data-flag="https://goldenhost.co/images/country/ch.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ch.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سويسرا</span><span
dir="ltr">+41</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+43"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+43"
data-flag="https://goldenhost.co/images/country/at.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/at.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>النمسا</span><span
dir="ltr">+43</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+44"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44"
data-flag="https://goldenhost.co/images/country/gb.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gb.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>المملكة المتحدة</span><span
dir="ltr">+44</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+45"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+45"
data-flag="https://goldenhost.co/images/country/dk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/dk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الدنمارك</span><span
dir="ltr">+45</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+46"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+46"
data-flag="https://goldenhost.co/images/country/se.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/se.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>السويد</span><span
dir="ltr">+46</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+47"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+47"
data-flag="https://goldenhost.co/images/country/no.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/no.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>النرويج</span><span
dir="ltr">+47</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+47"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+47"
data-flag="https://goldenhost.co/images/country/sj.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sj.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سفالبارد وجان مايان</span><span
dir="ltr">+47</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+48"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+48"
data-flag="https://goldenhost.co/images/country/pl.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pl.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بولندا</span><span
dir="ltr">+48</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+49"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+49"
data-flag="https://goldenhost.co/images/country/de.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/de.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ألمانيا</span><span
dir="ltr">+49</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+51"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+51"
data-flag="https://goldenhost.co/images/country/pe.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pe.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بيرو</span><span
dir="ltr">+51</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+52"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+52"
data-flag="https://goldenhost.co/images/country/mx.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mx.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>المكسيك</span><span
dir="ltr">+52</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+53"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+53"
data-flag="https://goldenhost.co/images/country/cu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كوبا</span><span
dir="ltr">+53</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+54"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+54"
data-flag="https://goldenhost.co/images/country/ar.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ar.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الأرجنتين</span><span
dir="ltr">+54</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+55"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+55"
data-flag="https://goldenhost.co/images/country/br.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/br.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>البرازيل</span><span
dir="ltr">+55</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+56"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+56"
data-flag="https://goldenhost.co/images/country/cl.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cl.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>شيلي</span><span
dir="ltr">+56</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+57"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+57"
data-flag="https://goldenhost.co/images/country/co.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/co.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كولومبيا</span><span
dir="ltr">+57</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+58"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+58"
data-flag="https://goldenhost.co/images/country/ve.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ve.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فنزويلا</span><span
dir="ltr">+58</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+60"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+60"
data-flag="https://goldenhost.co/images/country/my.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/my.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ماليزيا</span><span
dir="ltr">+60</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+61"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+61"
data-flag="https://goldenhost.co/images/country/au.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/au.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أستراليا</span><span
dir="ltr">+61</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+61"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+61"
data-flag="https://goldenhost.co/images/country/cx.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cx.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزيرة الكريسماس</span><span
dir="ltr">+61</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+61"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+61"
data-flag="https://goldenhost.co/images/country/cc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر كوكوس</span><span
dir="ltr">+61</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+62"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+62"
data-flag="https://goldenhost.co/images/country/id.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/id.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إندونيسيا</span><span
dir="ltr">+62</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+63"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+63"
data-flag="https://goldenhost.co/images/country/ph.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ph.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الفلبين</span><span
dir="ltr">+63</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+64"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+64"
data-flag="https://goldenhost.co/images/country/nz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/nz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>نيوزيلندا</span><span
dir="ltr">+64</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+64"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+64"
data-flag="https://goldenhost.co/images/country/pn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بيتكيرن</span><span
dir="ltr">+64</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+65"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+65"
data-flag="https://goldenhost.co/images/country/sg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سنغافورة</span><span
dir="ltr">+65</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+66"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+66"
data-flag="https://goldenhost.co/images/country/th.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/th.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تايلند</span><span
dir="ltr">+66</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+81"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+81"
data-flag="https://goldenhost.co/images/country/jp.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/jp.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>اليابان</span><span
dir="ltr">+81</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+82"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+82"
data-flag="https://goldenhost.co/images/country/kr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة كوريا</span><span
dir="ltr">+82</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+84"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+84"
data-flag="https://goldenhost.co/images/country/vn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/vn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فييت نام</span><span
dir="ltr">+84</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+86"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+86"
data-flag="https://goldenhost.co/images/country/cn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الصين</span><span
dir="ltr">+86</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+90"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+90"
data-flag="https://goldenhost.co/images/country/tr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تركيا</span><span
dir="ltr">+90</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+91"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+91"
data-flag="https://goldenhost.co/images/country/in.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/in.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الهند</span><span
dir="ltr">+91</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+92"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+92"
data-flag="https://goldenhost.co/images/country/pk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>باكستان</span><span
dir="ltr">+92</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+93"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+93"
data-flag="https://goldenhost.co/images/country/af.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/af.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أفغانستان</span><span
dir="ltr">+93</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+94"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+94"
data-flag="https://goldenhost.co/images/country/lk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سري لانكا</span><span
dir="ltr">+94</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+95"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+95"
data-flag="https://goldenhost.co/images/country/mm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ميانمار</span><span
dir="ltr">+95</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+98"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+98"
data-flag="https://goldenhost.co/images/country/ir.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ir.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إيران</span><span
dir="ltr">+98</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+211"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+211"
data-flag="https://goldenhost.co/images/country/ss.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ss.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جنوب السودان</span><span
dir="ltr">+211</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+212"
data-pattern="/^(06|0)([0-9]{8})$/" data-key="+212"
data-flag="https://goldenhost.co/images/country/ma.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ma.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>المغرب</span><span
dir="ltr">+212</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+213"
data-pattern="/^(05|0)([0-9]{8})$/" data-key="+213"
data-flag="https://goldenhost.co/images/country/dz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/dz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الجزائر</span><span
dir="ltr">+213</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+216"
data-pattern="/^(9|0)([0-9]{7})$/" data-key="+216"
data-flag="https://goldenhost.co/images/country/tn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تونس</span><span
dir="ltr">+216</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+218"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+218"
data-flag="https://goldenhost.co/images/country/ly.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ly.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ليبيا</span><span
dir="ltr">+218</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+220"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+220"
data-flag="https://goldenhost.co/images/country/gm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غامبيا</span><span
dir="ltr">+220</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+221"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+221"
data-flag="https://goldenhost.co/images/country/sn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>السنغال</span><span
dir="ltr">+221</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+222"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+222"
data-flag="https://goldenhost.co/images/country/mr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>موريتانيا</span><span
dir="ltr">+222</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+223"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+223"
data-flag="https://goldenhost.co/images/country/ml.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ml.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>مالي</span><span
dir="ltr">+223</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+224"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+224"
data-flag="https://goldenhost.co/images/country/gn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غينيا</span><span
dir="ltr">+224</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+225"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+225"
data-flag="https://goldenhost.co/images/country/ci.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ci.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كوت ديفوار</span><span
dir="ltr">+225</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+226"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+226"
data-flag="https://goldenhost.co/images/country/bf.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bf.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بوركينا فاسو</span><span
dir="ltr">+226</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+227"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+227"
data-flag="https://goldenhost.co/images/country/ne.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ne.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>النيجر</span><span
dir="ltr">+227</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+228"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+228"
data-flag="https://goldenhost.co/images/country/tg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>توغو</span><span
dir="ltr">+228</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+229"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+229"
data-flag="https://goldenhost.co/images/country/bj.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bj.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بنن</span><span
dir="ltr">+229</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+230"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+230"
data-flag="https://goldenhost.co/images/country/mu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>موريشيوس</span><span
dir="ltr">+230</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+231"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+231"
data-flag="https://goldenhost.co/images/country/lr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ليبريا</span><span
dir="ltr">+231</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+232"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+232"
data-flag="https://goldenhost.co/images/country/sl.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sl.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سيراليون</span><span
dir="ltr">+232</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+233"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+233"
data-flag="https://goldenhost.co/images/country/gh.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gh.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غانا</span><span
dir="ltr">+233</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+234"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+234"
data-flag="https://goldenhost.co/images/country/ng.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ng.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>نيجيريا</span><span
dir="ltr">+234</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+235"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+235"
data-flag="https://goldenhost.co/images/country/td.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/td.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تشاد</span><span
dir="ltr">+235</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+236"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+236"
data-flag="https://goldenhost.co/images/country/cf.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cf.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة أفريقيا الوسطى</span><span
dir="ltr">+236</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+237"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+237"
data-flag="https://goldenhost.co/images/country/cm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الكاميرون</span><span
dir="ltr">+237</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+238"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+238"
data-flag="https://goldenhost.co/images/country/cv.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cv.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كابو فيردي</span><span
dir="ltr">+238</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+239"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+239"
data-flag="https://goldenhost.co/images/country/st.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/st.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سان تومي وبرنسيبي</span><span
dir="ltr">+239</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+240"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+240"
data-flag="https://goldenhost.co/images/country/gq.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gq.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غينيا الاستوائيّة</span><span
dir="ltr">+240</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+241"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+241"
data-flag="https://goldenhost.co/images/country/ga.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ga.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غابون</span><span
dir="ltr">+241</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+242"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+242"
data-flag="https://goldenhost.co/images/country/cg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الكونغو</span><span
dir="ltr">+242</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+243"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+243"
data-flag="https://goldenhost.co/images/country/cd.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cd.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة الكونغو الديمقراطية</span><span
dir="ltr">+243</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+244"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+244"
data-flag="https://goldenhost.co/images/country/ao.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ao.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أنغولا</span><span
dir="ltr">+244</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+245"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+245"
data-flag="https://goldenhost.co/images/country/gw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غينيا - بيساو</span><span
dir="ltr">+245</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+246"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+246"
data-flag="https://goldenhost.co/images/country/io.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/io.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إقليم المحيط البريطاني الهندي</span><span
dir="ltr">+246</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+248"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+248"
data-flag="https://goldenhost.co/images/country/sc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سيشيل</span><span
dir="ltr">+248</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+249"
data-pattern="/^(09|0)([0-9]{8})$/" data-key="+249"
data-flag="https://goldenhost.co/images/country/sd.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sd.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>السودان</span><span
dir="ltr">+249</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+250"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+250"
data-flag="https://goldenhost.co/images/country/rw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/rw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>رواندا</span><span
dir="ltr">+250</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+251"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+251"
data-flag="https://goldenhost.co/images/country/et.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/et.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إثيوبيا</span><span
dir="ltr">+251</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+252"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+252"
data-flag="https://goldenhost.co/images/country/so.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/so.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الصومال</span><span
dir="ltr">+252</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+253"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+253"
data-flag="https://goldenhost.co/images/country/dj.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/dj.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جيبوتي</span><span
dir="ltr">+253</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+254"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+254"
data-flag="https://goldenhost.co/images/country/ke.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ke.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كينيا</span><span
dir="ltr">+254</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+255"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+255"
data-flag="https://goldenhost.co/images/country/tz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة تنزانيا المتحدة</span><span
dir="ltr">+255</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+256"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+256"
data-flag="https://goldenhost.co/images/country/ug.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ug.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أوغندا</span><span
dir="ltr">+256</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+257"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+257"
data-flag="https://goldenhost.co/images/country/bi.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bi.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بوروندي</span><span
dir="ltr">+257</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+258"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+258"
data-flag="https://goldenhost.co/images/country/mz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>موزامبيق</span><span
dir="ltr">+258</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+260"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+260"
data-flag="https://goldenhost.co/images/country/zm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/zm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>زامبيا</span><span
dir="ltr">+260</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+261"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+261"
data-flag="https://goldenhost.co/images/country/mg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>مدغشقر</span><span
dir="ltr">+261</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+262"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+262"
data-flag="https://goldenhost.co/images/country/yt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/yt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>مايوت</span><span
dir="ltr">+262</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+262"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+262"
data-flag="https://goldenhost.co/images/country/re.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/re.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمع شمل</span><span
dir="ltr">+262</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+263"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+263"
data-flag="https://goldenhost.co/images/country/zw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/zw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>زمبابوي</span><span
dir="ltr">+263</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+264"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+264"
data-flag="https://goldenhost.co/images/country/na.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/na.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ناميبيا</span><span
dir="ltr">+264</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+265"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+265"
data-flag="https://goldenhost.co/images/country/mw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ملاوي</span><span
dir="ltr">+265</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+266"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+266"
data-flag="https://goldenhost.co/images/country/ls.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ls.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ليسوتو</span><span
dir="ltr">+266</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+267"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+267"
data-flag="https://goldenhost.co/images/country/bw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بوتسوانا</span><span
dir="ltr">+267</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+268"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+268"
data-flag="https://goldenhost.co/images/country/sz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سوازيلند</span><span
dir="ltr">+268</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+269"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+269"
data-flag="https://goldenhost.co/images/country/km.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/km.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر القمر</span><span
dir="ltr">+269</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+291"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+291"
data-flag="https://goldenhost.co/images/country/er.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/er.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إريتريا</span><span
dir="ltr">+291</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+297"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+297"
data-flag="https://goldenhost.co/images/country/aw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/aw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أروبا</span><span
dir="ltr">+297</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+298"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+298"
data-flag="https://goldenhost.co/images/country/fo.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/fo.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر فيرويه</span><span
dir="ltr">+298</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+299"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+299"
data-flag="https://goldenhost.co/images/country/gl.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gl.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الأرض الخضراء</span><span
dir="ltr">+299</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+350"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+350"
data-flag="https://goldenhost.co/images/country/gi.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gi.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جبل طارق</span><span
dir="ltr">+350</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+351"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+351"
data-flag="https://goldenhost.co/images/country/pt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>البرتغال</span><span
dir="ltr">+351</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+352"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+352"
data-flag="https://goldenhost.co/images/country/lu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>لكسمبرغ</span><span
dir="ltr">+352</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+353"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+353"
data-flag="https://goldenhost.co/images/country/ie.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ie.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>آيرلندا</span><span
dir="ltr">+353</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+354"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+354"
data-flag="https://goldenhost.co/images/country/is.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/is.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>آيسلندا</span><span
dir="ltr">+354</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+355"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+355"
data-flag="https://goldenhost.co/images/country/al.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/al.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ألبانيا</span><span
dir="ltr">+355</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+356"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+356"
data-flag="https://goldenhost.co/images/country/mt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>مالطة</span><span
dir="ltr">+356</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+357"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+357"
data-flag="https://goldenhost.co/images/country/cy.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cy.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>قبرص</span><span
dir="ltr">+357</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+358"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+358"
data-flag="https://goldenhost.co/images/country/fi.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/fi.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فنلندا</span><span
dir="ltr">+358</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+359"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+359"
data-flag="https://goldenhost.co/images/country/bg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بلغاريا</span><span
dir="ltr">+359</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+370"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+370"
data-flag="https://goldenhost.co/images/country/lt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ليتوانيا</span><span
dir="ltr">+370</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+371"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+371"
data-flag="https://goldenhost.co/images/country/lv.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lv.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>لاتفيا</span><span
dir="ltr">+371</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+372"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+372"
data-flag="https://goldenhost.co/images/country/ee.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ee.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إستونيا</span><span
dir="ltr">+372</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+373"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+373"
data-flag="https://goldenhost.co/images/country/md.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/md.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة مولدوفا</span><span
dir="ltr">+373</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+374"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+374"
data-flag="https://goldenhost.co/images/country/am.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/am.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أرمينيا</span><span
dir="ltr">+374</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+375"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+375"
data-flag="https://goldenhost.co/images/country/by.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/by.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بيلاروس</span><span
dir="ltr">+375</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+376"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+376"
data-flag="https://goldenhost.co/images/country/ad.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ad.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أندورا</span><span
dir="ltr">+376</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+377"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+377"
data-flag="https://goldenhost.co/images/country/mc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>موناكو</span><span
dir="ltr">+377</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+378"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+378"
data-flag="https://goldenhost.co/images/country/sm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سان مارينو</span><span
dir="ltr">+378</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+379"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+379"
data-flag="https://goldenhost.co/images/country/va.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/va.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الفاتيكان</span><span
dir="ltr">+379</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+380"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+380"
data-flag="https://goldenhost.co/images/country/ua.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ua.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أوكرانيا</span><span
dir="ltr">+380</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+381"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+381"
data-flag="https://goldenhost.co/images/country/rs.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/rs.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>صربيا</span><span
dir="ltr">+381</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+382"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+382"
data-flag="https://goldenhost.co/images/country/me.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/me.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الجبل الأسود</span><span
dir="ltr">+382</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+385"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+385"
data-flag="https://goldenhost.co/images/country/hr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/hr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كرواتيا</span><span
dir="ltr">+385</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+386"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+386"
data-flag="https://goldenhost.co/images/country/si.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/si.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سلوفينيا</span><span
dir="ltr">+386</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+387"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+387"
data-flag="https://goldenhost.co/images/country/ba.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ba.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>البوسنة والهرسك</span><span
dir="ltr">+387</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+389"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+389"
data-flag="https://goldenhost.co/images/country/mk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة مقدونيا اليوغوسلافية السابقة</span><span
dir="ltr">+389</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+420"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+420"
data-flag="https://goldenhost.co/images/country/cz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تشيكيا</span><span
dir="ltr">+420</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+421"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+421"
data-flag="https://goldenhost.co/images/country/sk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سلوفاكيا</span><span
dir="ltr">+421</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+423"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+423"
data-flag="https://goldenhost.co/images/country/li.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/li.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ليختنشتاين</span><span
dir="ltr">+423</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+44-1481"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44-1481"
data-flag="https://goldenhost.co/images/country/gg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غيرنسي</span><span
dir="ltr">+44-1481</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+44-1534"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44-1534"
data-flag="https://goldenhost.co/images/country/je.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/je.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جيرسي</span><span
dir="ltr">+44-1534</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+44-1624"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44-1624"
data-flag="https://goldenhost.co/images/country/im.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/im.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزيرة آيل أوف مان</span><span
dir="ltr">+44-1624</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+500"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+500"
data-flag="https://goldenhost.co/images/country/fk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/fk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر فوكلاند</span><span
dir="ltr">+500</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+501"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+501"
data-flag="https://goldenhost.co/images/country/bz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بليز</span><span
dir="ltr">+501</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+502"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+502"
data-flag="https://goldenhost.co/images/country/gt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غواتيمالا</span><span
dir="ltr">+502</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+503"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+503"
data-flag="https://goldenhost.co/images/country/sv.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sv.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>السلفادور</span><span
dir="ltr">+503</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+504"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+504"
data-flag="https://goldenhost.co/images/country/hn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/hn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>هندوراس</span><span
dir="ltr">+504</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+505"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+505"
data-flag="https://goldenhost.co/images/country/ni.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ni.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>نيكاراغوا</span><span
dir="ltr">+505</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+506"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+506"
data-flag="https://goldenhost.co/images/country/cr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كوستاريكا</span><span
dir="ltr">+506</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+507"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+507"
data-flag="https://goldenhost.co/images/country/pa.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pa.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بنما</span><span
dir="ltr">+507</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+508"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+508"
data-flag="https://goldenhost.co/images/country/pm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سان بيار وميكلون</span><span
dir="ltr">+508</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+509"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+509"
data-flag="https://goldenhost.co/images/country/ht.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ht.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>هايتي</span><span
dir="ltr">+509</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+590"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+590"
data-flag="https://goldenhost.co/images/country/gp.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gp.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سانت بارتيليمي</span><span
dir="ltr">+590</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+590"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+590"
data-flag="https://goldenhost.co/images/country/gp.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gp.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>القديس مارتن</span><span
dir="ltr">+590</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+591"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+591"
data-flag="https://goldenhost.co/images/country/bo.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bo.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بوليفيا</span><span
dir="ltr">+591</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+592"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+592"
data-flag="https://goldenhost.co/images/country/gy.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/gy.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>غيانا</span><span
dir="ltr">+592</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+593"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+593"
data-flag="https://goldenhost.co/images/country/ec.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ec.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>إكوادور</span><span
dir="ltr">+593</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+595"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+595"
data-flag="https://goldenhost.co/images/country/py.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/py.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>باراغواي</span><span
dir="ltr">+595</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+597"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+597"
data-flag="https://goldenhost.co/images/country/sr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سورينام</span><span
dir="ltr">+597</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+598"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+598"
data-flag="https://goldenhost.co/images/country/uy.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/uy.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أوروغواي</span><span
dir="ltr">+598</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+599"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+599"
data-flag="https://goldenhost.co/images/country/cw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/cw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كوراكاو</span><span
dir="ltr">+599</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+670"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+670"
data-flag="https://goldenhost.co/images/country/tl.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tl.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تيمور - ليشتي</span><span
dir="ltr">+670</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+673"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+673"
data-flag="https://goldenhost.co/images/country/bn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بروني دار السلام</span><span
dir="ltr">+673</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+674"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+674"
data-flag="https://goldenhost.co/images/country/nr.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/nr.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ناورو</span><span
dir="ltr">+674</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+675"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+675"
data-flag="https://goldenhost.co/images/country/pg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بابوا غينيا الجديدة</span><span
dir="ltr">+675</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+676"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+676"
data-flag="https://goldenhost.co/images/country/to.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/to.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تونغا</span><span
dir="ltr">+676</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+677"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+677"
data-flag="https://goldenhost.co/images/country/sb.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sb.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر سليمان</span><span
dir="ltr">+677</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+678"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+678"
data-flag="https://goldenhost.co/images/country/vu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/vu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فانواتو</span><span
dir="ltr">+678</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+679"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+679"
data-flag="https://goldenhost.co/images/country/fj.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/fj.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فيجي</span><span
dir="ltr">+679</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+680"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+680"
data-flag="https://goldenhost.co/images/country/pw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بالاو</span><span
dir="ltr">+680</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+681"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+681"
data-flag="https://goldenhost.co/images/country/wf.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/wf.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>واليس وفوتونا</span><span
dir="ltr">+681</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+682"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+682"
data-flag="https://goldenhost.co/images/country/ck.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ck.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر كوك</span><span
dir="ltr">+682</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+683"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+683"
data-flag="https://goldenhost.co/images/country/nu.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/nu.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>نيوي</span><span
dir="ltr">+683</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+685"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+685"
data-flag="https://goldenhost.co/images/country/ws.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ws.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ساموا</span><span
dir="ltr">+685</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+686"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+686"
data-flag="https://goldenhost.co/images/country/ki.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ki.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كيريباس</span><span
dir="ltr">+686</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+687"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+687"
data-flag="https://goldenhost.co/images/country/nc.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/nc.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كاليدونيا الجديدة</span><span
dir="ltr">+687</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+688"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+688"
data-flag="https://goldenhost.co/images/country/tv.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tv.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>توفالو</span><span
dir="ltr">+688</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+689"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+689"
data-flag="https://goldenhost.co/images/country/pf.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/pf.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بولينيزيا الفرنسية</span><span
dir="ltr">+689</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+690"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+690"
data-flag="https://goldenhost.co/images/country/tk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>توكيلاو</span><span
dir="ltr">+690</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+691"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+691"
data-flag="https://goldenhost.co/images/country/fm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/fm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ميكرونيزيا</span><span
dir="ltr">+691</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+692"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+692"
data-flag="https://goldenhost.co/images/country/mh.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mh.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جزر مارشال</span><span
dir="ltr">+692</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+850"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+850"
data-flag="https://goldenhost.co/images/country/kp.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kp.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة كوريا الشعبيّة الديمقراطية</span><span
dir="ltr">+850</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+852"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+852"
data-flag="https://goldenhost.co/images/country/hk.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/hk.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>هونغ كونغ</span><span
dir="ltr">+852</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+853"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+853"
data-flag="https://goldenhost.co/images/country/mo.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mo.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ماكاو</span><span
dir="ltr">+853</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+855"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+855"
data-flag="https://goldenhost.co/images/country/kh.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kh.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>كمبوديا</span><span
dir="ltr">+855</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+856"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+856"
data-flag="https://goldenhost.co/images/country/la.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/la.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جمهوريّة لاو الديمقراطية الشعبيّة</span><span
dir="ltr">+856</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+880"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+880"
data-flag="https://goldenhost.co/images/country/bd.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bd.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بنغلاديش</span><span
dir="ltr">+880</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+886"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+886"
data-flag="https://goldenhost.co/images/country/tw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تايوان</span><span
dir="ltr">+886</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+960"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+960"
data-flag="https://goldenhost.co/images/country/mv.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mv.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>ملديف</span><span
dir="ltr">+960</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+961"
data-pattern="/^(0|7)([0-9]{7})$/" data-key="+961"
data-flag="https://goldenhost.co/images/country/lb.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/lb.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>لبنان</span><span
dir="ltr">+961</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+962"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+962"
data-flag="https://goldenhost.co/images/country/jo.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/jo.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الأردن</span><span
dir="ltr">+962</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+963"
data-pattern="/^(09|0)([0-9]{8})$/" data-key="+963"
data-flag="https://goldenhost.co/images/country/sy.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sy.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>سوريا</span><span
dir="ltr">+963</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+964"
data-pattern="/^(07|0)([0-9]{8})$/" data-key="+964"
data-flag="https://goldenhost.co/images/country/iq.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/iq.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>العراق</span><span
dir="ltr">+964</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+965"
data-pattern="/^(9|5|0)([0-9]{7})$/" data-key="+965"
data-flag="https://goldenhost.co/images/country/kw.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kw.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الكويت</span><span
dir="ltr">+965</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+966"
data-pattern="/^5[0-9]{8}$/" data-key="+966"
data-flag="https://goldenhost.co/images/country/sa.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/sa.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>المملكة العربية السعودية</span><span
dir="ltr">+966</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+967"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+967"
data-flag="https://goldenhost.co/images/country/ye.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ye.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>اليمن</span><span
dir="ltr">+967</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+968"
data-pattern="/^(9|0)([0-9]{7})$/" data-key="+968"
data-flag="https://goldenhost.co/images/country/om.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/om.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>عمان</span><span
dir="ltr">+968</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+970"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+970"
data-flag="https://goldenhost.co/images/country/ps.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ps.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>فلسطين</span><span
dir="ltr">+970</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+971"
data-pattern="/^(05|0)([0-9]{8})$/" data-key="+971"
data-flag="https://goldenhost.co/images/country/ae.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ae.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>الإمارات العربيّة المتحدة</span><span
dir="ltr">+971</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+973"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+973"
data-flag="https://goldenhost.co/images/country/bh.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bh.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>البحرين</span><span
dir="ltr">+973</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+974"
data-pattern="/^(5|0)([0-9]{7})$/" data-key="+974"
data-flag="https://goldenhost.co/images/country/qa.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/qa.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>قطر</span><span
dir="ltr">+974</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+975"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+975"
data-flag="https://goldenhost.co/images/country/bt.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/bt.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>بوتان</span><span
dir="ltr">+975</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+976"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+976"
data-flag="https://goldenhost.co/images/country/mn.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/mn.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>منغوليا</span><span
dir="ltr">+976</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+977"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+977"
data-flag="https://goldenhost.co/images/country/np.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/np.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>نيبال</span><span
dir="ltr">+977</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+992"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+992"
data-flag="https://goldenhost.co/images/country/tj.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tj.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>طاجيكستان</span><span
dir="ltr">+992</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+993"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+993"
data-flag="https://goldenhost.co/images/country/tm.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/tm.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>تركمانستان</span><span
dir="ltr">+993</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+994"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+994"
data-flag="https://goldenhost.co/images/country/az.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/az.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أذربيجان</span><span
dir="ltr">+994</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+995"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+995"
data-flag="https://goldenhost.co/images/country/ge.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/ge.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>جورجيا</span><span
dir="ltr">+995</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+996"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+996"
data-flag="https://goldenhost.co/images/country/kg.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/kg.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>قيرغيزستان</span><span
dir="ltr">+996</span>
</div>
</a>
<a class="dropdown-item" href="#" data-value="+998"
data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+998"
data-flag="https://goldenhost.co/images/country/uz.png">
<div class="flag">
<img rel="preload" src="https://goldenhost.co/images/country/uz.png">
</div>
<div
class="d-flex justify-content-between align-items-center flex-grow-1 gap-8">
<span>أوزبكستان</span><span
dir="ltr">+998</span>
</div>
</a>
</article>
</ul>
</div>
<!--<div class="select-feiled" >-->
<!-- <select name="country_code">-->
<!-- -->
<!-- <option value="+966" data-flag="https://goldenhost.co/images/country/sa.png" data-pattern="/^5[0-9]{8}$/" data-key="+966" selected>+966</option>-->
<!-- -->
<!-- -->
<!-- -->
<!--
-->
<!-- -->
<!-- <option value="+1" data-flag="https://goldenhost.co/images/country/us.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1">+1</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-242" data-flag="https://goldenhost.co/images/country/bs.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-242">+1-242</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-246" data-flag="https://goldenhost.co/images/country/bb.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-246">+1-246</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-264" data-flag="https://goldenhost.co/images/country/ai.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-264">+1-264</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-268" data-flag="https://goldenhost.co/images/country/ag.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-268">+1-268</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-284" data-flag="https://goldenhost.co/images/country/vg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-284">+1-284</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-340" data-flag="https://goldenhost.co/images/country/vi.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-340">+1-340</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-345" data-flag="https://goldenhost.co/images/country/ky.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-345">+1-345</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-441" data-flag="https://goldenhost.co/images/country/bm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-441">+1-441</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-473" data-flag="https://goldenhost.co/images/country/gd.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-473">+1-473</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-649" data-flag="https://goldenhost.co/images/country/tc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-649">+1-649</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-664" data-flag="https://goldenhost.co/images/country/ms.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-664">+1-664</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-670" data-flag="https://goldenhost.co/images/country/mp.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-670">+1-670</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-671" data-flag="https://goldenhost.co/images/country/gu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-671">+1-671</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-684" data-flag="https://goldenhost.co/images/country/as.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-684">+1-684</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-721" data-flag="https://goldenhost.co/images/country/sx.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-721">+1-721</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-758" data-flag="https://goldenhost.co/images/country/lc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-758">+1-758</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-767" data-flag="https://goldenhost.co/images/country/dm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-767">+1-767</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-784" data-flag="https://goldenhost.co/images/country/vc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-784">+1-784</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-868" data-flag="https://goldenhost.co/images/country/tt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-868">+1-868</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-869" data-flag="https://goldenhost.co/images/country/kn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-869">+1-869</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+1-876" data-flag="https://goldenhost.co/images/country/jm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+1-876">+1-876</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+7" data-flag="https://goldenhost.co/images/country/kz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+7">+7</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+7" data-flag="https://goldenhost.co/images/country/ru.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+7">+7</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+20" data-flag="https://goldenhost.co/images/country/eg.png" data-pattern="/^01[0-2,5]{1}[0-9]{8}$/" data-key="+20">+20</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+27" data-flag="https://goldenhost.co/images/country/za.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+27">+27</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+30" data-flag="https://goldenhost.co/images/country/gr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+30">+30</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+31" data-flag="https://goldenhost.co/images/country/nl.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+31">+31</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+32" data-flag="https://goldenhost.co/images/country/be.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+32">+32</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+33" data-flag="https://goldenhost.co/images/country/fr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+33">+33</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+34" data-flag="https://goldenhost.co/images/country/es.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+34">+34</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+36" data-flag="https://goldenhost.co/images/country/hu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+36">+36</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+39" data-flag="https://goldenhost.co/images/country/it.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+39">+39</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+40" data-flag="https://goldenhost.co/images/country/ro.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+40">+40</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+41" data-flag="https://goldenhost.co/images/country/ch.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+41">+41</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+43" data-flag="https://goldenhost.co/images/country/at.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+43">+43</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+44" data-flag="https://goldenhost.co/images/country/gb.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44">+44</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+45" data-flag="https://goldenhost.co/images/country/dk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+45">+45</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+46" data-flag="https://goldenhost.co/images/country/se.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+46">+46</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+47" data-flag="https://goldenhost.co/images/country/no.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+47">+47</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+47" data-flag="https://goldenhost.co/images/country/sj.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+47">+47</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+48" data-flag="https://goldenhost.co/images/country/pl.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+48">+48</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+49" data-flag="https://goldenhost.co/images/country/de.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+49">+49</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+51" data-flag="https://goldenhost.co/images/country/pe.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+51">+51</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+52" data-flag="https://goldenhost.co/images/country/mx.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+52">+52</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+53" data-flag="https://goldenhost.co/images/country/cu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+53">+53</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+54" data-flag="https://goldenhost.co/images/country/ar.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+54">+54</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+55" data-flag="https://goldenhost.co/images/country/br.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+55">+55</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+56" data-flag="https://goldenhost.co/images/country/cl.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+56">+56</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+57" data-flag="https://goldenhost.co/images/country/co.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+57">+57</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+58" data-flag="https://goldenhost.co/images/country/ve.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+58">+58</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+60" data-flag="https://goldenhost.co/images/country/my.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+60">+60</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+61" data-flag="https://goldenhost.co/images/country/au.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+61">+61</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+61" data-flag="https://goldenhost.co/images/country/cx.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+61">+61</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+61" data-flag="https://goldenhost.co/images/country/cc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+61">+61</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+62" data-flag="https://goldenhost.co/images/country/id.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+62">+62</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+63" data-flag="https://goldenhost.co/images/country/ph.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+63">+63</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+64" data-flag="https://goldenhost.co/images/country/nz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+64">+64</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+64" data-flag="https://goldenhost.co/images/country/pn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+64">+64</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+65" data-flag="https://goldenhost.co/images/country/sg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+65">+65</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+66" data-flag="https://goldenhost.co/images/country/th.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+66">+66</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+81" data-flag="https://goldenhost.co/images/country/jp.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+81">+81</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+82" data-flag="https://goldenhost.co/images/country/kr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+82">+82</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+84" data-flag="https://goldenhost.co/images/country/vn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+84">+84</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+86" data-flag="https://goldenhost.co/images/country/cn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+86">+86</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+90" data-flag="https://goldenhost.co/images/country/tr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+90">+90</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+91" data-flag="https://goldenhost.co/images/country/in.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+91">+91</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+92" data-flag="https://goldenhost.co/images/country/pk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+92">+92</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+93" data-flag="https://goldenhost.co/images/country/af.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+93">+93</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+94" data-flag="https://goldenhost.co/images/country/lk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+94">+94</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+95" data-flag="https://goldenhost.co/images/country/mm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+95">+95</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+98" data-flag="https://goldenhost.co/images/country/ir.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+98">+98</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+211" data-flag="https://goldenhost.co/images/country/ss.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+211">+211</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+212" data-flag="https://goldenhost.co/images/country/ma.png" data-pattern="/^(06|0)([0-9]{8})$/" data-key="+212">+212</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+213" data-flag="https://goldenhost.co/images/country/dz.png" data-pattern="/^(05|0)([0-9]{8})$/" data-key="+213">+213</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+216" data-flag="https://goldenhost.co/images/country/tn.png" data-pattern="/^(9|0)([0-9]{7})$/" data-key="+216">+216</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+218" data-flag="https://goldenhost.co/images/country/ly.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+218">+218</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+220" data-flag="https://goldenhost.co/images/country/gm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+220">+220</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+221" data-flag="https://goldenhost.co/images/country/sn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+221">+221</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+222" data-flag="https://goldenhost.co/images/country/mr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+222">+222</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+223" data-flag="https://goldenhost.co/images/country/ml.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+223">+223</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+224" data-flag="https://goldenhost.co/images/country/gn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+224">+224</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+225" data-flag="https://goldenhost.co/images/country/ci.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+225">+225</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+226" data-flag="https://goldenhost.co/images/country/bf.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+226">+226</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+227" data-flag="https://goldenhost.co/images/country/ne.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+227">+227</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+228" data-flag="https://goldenhost.co/images/country/tg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+228">+228</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+229" data-flag="https://goldenhost.co/images/country/bj.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+229">+229</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+230" data-flag="https://goldenhost.co/images/country/mu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+230">+230</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+231" data-flag="https://goldenhost.co/images/country/lr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+231">+231</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+232" data-flag="https://goldenhost.co/images/country/sl.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+232">+232</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+233" data-flag="https://goldenhost.co/images/country/gh.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+233">+233</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+234" data-flag="https://goldenhost.co/images/country/ng.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+234">+234</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+235" data-flag="https://goldenhost.co/images/country/td.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+235">+235</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+236" data-flag="https://goldenhost.co/images/country/cf.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+236">+236</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+237" data-flag="https://goldenhost.co/images/country/cm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+237">+237</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+238" data-flag="https://goldenhost.co/images/country/cv.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+238">+238</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+239" data-flag="https://goldenhost.co/images/country/st.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+239">+239</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+240" data-flag="https://goldenhost.co/images/country/gq.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+240">+240</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+241" data-flag="https://goldenhost.co/images/country/ga.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+241">+241</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+242" data-flag="https://goldenhost.co/images/country/cg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+242">+242</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+243" data-flag="https://goldenhost.co/images/country/cd.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+243">+243</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+244" data-flag="https://goldenhost.co/images/country/ao.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+244">+244</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+245" data-flag="https://goldenhost.co/images/country/gw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+245">+245</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+246" data-flag="https://goldenhost.co/images/country/io.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+246">+246</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+248" data-flag="https://goldenhost.co/images/country/sc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+248">+248</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+249" data-flag="https://goldenhost.co/images/country/sd.png" data-pattern="/^(09|0)([0-9]{8})$/" data-key="+249">+249</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+250" data-flag="https://goldenhost.co/images/country/rw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+250">+250</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+251" data-flag="https://goldenhost.co/images/country/et.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+251">+251</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+252" data-flag="https://goldenhost.co/images/country/so.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+252">+252</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+253" data-flag="https://goldenhost.co/images/country/dj.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+253">+253</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+254" data-flag="https://goldenhost.co/images/country/ke.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+254">+254</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+255" data-flag="https://goldenhost.co/images/country/tz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+255">+255</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+256" data-flag="https://goldenhost.co/images/country/ug.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+256">+256</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+257" data-flag="https://goldenhost.co/images/country/bi.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+257">+257</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+258" data-flag="https://goldenhost.co/images/country/mz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+258">+258</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+260" data-flag="https://goldenhost.co/images/country/zm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+260">+260</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+261" data-flag="https://goldenhost.co/images/country/mg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+261">+261</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+262" data-flag="https://goldenhost.co/images/country/yt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+262">+262</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+262" data-flag="https://goldenhost.co/images/country/re.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+262">+262</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+263" data-flag="https://goldenhost.co/images/country/zw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+263">+263</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+264" data-flag="https://goldenhost.co/images/country/na.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+264">+264</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+265" data-flag="https://goldenhost.co/images/country/mw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+265">+265</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+266" data-flag="https://goldenhost.co/images/country/ls.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+266">+266</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+267" data-flag="https://goldenhost.co/images/country/bw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+267">+267</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+268" data-flag="https://goldenhost.co/images/country/sz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+268">+268</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+269" data-flag="https://goldenhost.co/images/country/km.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+269">+269</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+291" data-flag="https://goldenhost.co/images/country/er.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+291">+291</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+297" data-flag="https://goldenhost.co/images/country/aw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+297">+297</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+298" data-flag="https://goldenhost.co/images/country/fo.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+298">+298</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+299" data-flag="https://goldenhost.co/images/country/gl.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+299">+299</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+350" data-flag="https://goldenhost.co/images/country/gi.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+350">+350</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+351" data-flag="https://goldenhost.co/images/country/pt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+351">+351</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+352" data-flag="https://goldenhost.co/images/country/lu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+352">+352</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+353" data-flag="https://goldenhost.co/images/country/ie.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+353">+353</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+354" data-flag="https://goldenhost.co/images/country/is.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+354">+354</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+355" data-flag="https://goldenhost.co/images/country/al.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+355">+355</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+356" data-flag="https://goldenhost.co/images/country/mt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+356">+356</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+357" data-flag="https://goldenhost.co/images/country/cy.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+357">+357</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+358" data-flag="https://goldenhost.co/images/country/fi.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+358">+358</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+359" data-flag="https://goldenhost.co/images/country/bg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+359">+359</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+370" data-flag="https://goldenhost.co/images/country/lt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+370">+370</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+371" data-flag="https://goldenhost.co/images/country/lv.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+371">+371</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+372" data-flag="https://goldenhost.co/images/country/ee.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+372">+372</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+373" data-flag="https://goldenhost.co/images/country/md.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+373">+373</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+374" data-flag="https://goldenhost.co/images/country/am.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+374">+374</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+375" data-flag="https://goldenhost.co/images/country/by.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+375">+375</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+376" data-flag="https://goldenhost.co/images/country/ad.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+376">+376</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+377" data-flag="https://goldenhost.co/images/country/mc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+377">+377</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+378" data-flag="https://goldenhost.co/images/country/sm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+378">+378</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+379" data-flag="https://goldenhost.co/images/country/va.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+379">+379</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+380" data-flag="https://goldenhost.co/images/country/ua.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+380">+380</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+381" data-flag="https://goldenhost.co/images/country/rs.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+381">+381</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+382" data-flag="https://goldenhost.co/images/country/me.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+382">+382</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+385" data-flag="https://goldenhost.co/images/country/hr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+385">+385</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+386" data-flag="https://goldenhost.co/images/country/si.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+386">+386</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+387" data-flag="https://goldenhost.co/images/country/ba.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+387">+387</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+389" data-flag="https://goldenhost.co/images/country/mk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+389">+389</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+420" data-flag="https://goldenhost.co/images/country/cz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+420">+420</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+421" data-flag="https://goldenhost.co/images/country/sk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+421">+421</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+423" data-flag="https://goldenhost.co/images/country/li.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+423">+423</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+44-1481" data-flag="https://goldenhost.co/images/country/gg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44-1481">+44-1481</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+44-1534" data-flag="https://goldenhost.co/images/country/je.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44-1534">+44-1534</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+44-1624" data-flag="https://goldenhost.co/images/country/im.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+44-1624">+44-1624</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+500" data-flag="https://goldenhost.co/images/country/fk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+500">+500</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+501" data-flag="https://goldenhost.co/images/country/bz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+501">+501</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+502" data-flag="https://goldenhost.co/images/country/gt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+502">+502</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+503" data-flag="https://goldenhost.co/images/country/sv.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+503">+503</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+504" data-flag="https://goldenhost.co/images/country/hn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+504">+504</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+505" data-flag="https://goldenhost.co/images/country/ni.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+505">+505</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+506" data-flag="https://goldenhost.co/images/country/cr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+506">+506</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+507" data-flag="https://goldenhost.co/images/country/pa.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+507">+507</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+508" data-flag="https://goldenhost.co/images/country/pm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+508">+508</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+509" data-flag="https://goldenhost.co/images/country/ht.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+509">+509</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+590" data-flag="https://goldenhost.co/images/country/gp.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+590">+590</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+590" data-flag="https://goldenhost.co/images/country/gp.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+590">+590</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+591" data-flag="https://goldenhost.co/images/country/bo.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+591">+591</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+592" data-flag="https://goldenhost.co/images/country/gy.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+592">+592</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+593" data-flag="https://goldenhost.co/images/country/ec.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+593">+593</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+595" data-flag="https://goldenhost.co/images/country/py.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+595">+595</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+597" data-flag="https://goldenhost.co/images/country/sr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+597">+597</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+598" data-flag="https://goldenhost.co/images/country/uy.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+598">+598</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+599" data-flag="https://goldenhost.co/images/country/cw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+599">+599</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+670" data-flag="https://goldenhost.co/images/country/tl.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+670">+670</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+673" data-flag="https://goldenhost.co/images/country/bn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+673">+673</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+674" data-flag="https://goldenhost.co/images/country/nr.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+674">+674</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+675" data-flag="https://goldenhost.co/images/country/pg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+675">+675</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+676" data-flag="https://goldenhost.co/images/country/to.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+676">+676</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+677" data-flag="https://goldenhost.co/images/country/sb.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+677">+677</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+678" data-flag="https://goldenhost.co/images/country/vu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+678">+678</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+679" data-flag="https://goldenhost.co/images/country/fj.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+679">+679</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+680" data-flag="https://goldenhost.co/images/country/pw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+680">+680</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+681" data-flag="https://goldenhost.co/images/country/wf.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+681">+681</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+682" data-flag="https://goldenhost.co/images/country/ck.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+682">+682</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+683" data-flag="https://goldenhost.co/images/country/nu.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+683">+683</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+685" data-flag="https://goldenhost.co/images/country/ws.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+685">+685</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+686" data-flag="https://goldenhost.co/images/country/ki.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+686">+686</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+687" data-flag="https://goldenhost.co/images/country/nc.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+687">+687</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+688" data-flag="https://goldenhost.co/images/country/tv.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+688">+688</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+689" data-flag="https://goldenhost.co/images/country/pf.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+689">+689</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+690" data-flag="https://goldenhost.co/images/country/tk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+690">+690</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+691" data-flag="https://goldenhost.co/images/country/fm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+691">+691</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+692" data-flag="https://goldenhost.co/images/country/mh.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+692">+692</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+850" data-flag="https://goldenhost.co/images/country/kp.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+850">+850</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+852" data-flag="https://goldenhost.co/images/country/hk.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+852">+852</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+853" data-flag="https://goldenhost.co/images/country/mo.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+853">+853</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+855" data-flag="https://goldenhost.co/images/country/kh.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+855">+855</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+856" data-flag="https://goldenhost.co/images/country/la.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+856">+856</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+880" data-flag="https://goldenhost.co/images/country/bd.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+880">+880</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+886" data-flag="https://goldenhost.co/images/country/tw.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+886">+886</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+960" data-flag="https://goldenhost.co/images/country/mv.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+960">+960</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+961" data-flag="https://goldenhost.co/images/country/lb.png" data-pattern="/^(0|7)([0-9]{7})$/" data-key="+961">+961</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+962" data-flag="https://goldenhost.co/images/country/jo.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+962">+962</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+963" data-flag="https://goldenhost.co/images/country/sy.png" data-pattern="/^(09|0)([0-9]{8})$/" data-key="+963">+963</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+964" data-flag="https://goldenhost.co/images/country/iq.png" data-pattern="/^(07|0)([0-9]{8})$/" data-key="+964">+964</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+965" data-flag="https://goldenhost.co/images/country/kw.png" data-pattern="/^(9|5|0)([0-9]{7})$/" data-key="+965">+965</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+966" data-flag="https://goldenhost.co/images/country/sa.png" data-pattern="/^5[0-9]{8}$/" data-key="+966">+966</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+967" data-flag="https://goldenhost.co/images/country/ye.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+967">+967</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+968" data-flag="https://goldenhost.co/images/country/om.png" data-pattern="/^(9|0)([0-9]{7})$/" data-key="+968">+968</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+970" data-flag="https://goldenhost.co/images/country/ps.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+970">+970</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+971" data-flag="https://goldenhost.co/images/country/ae.png" data-pattern="/^(05|0)([0-9]{8})$/" data-key="+971">+971</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+973" data-flag="https://goldenhost.co/images/country/bh.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+973">+973</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+974" data-flag="https://goldenhost.co/images/country/qa.png" data-pattern="/^(5|0)([0-9]{7})$/" data-key="+974">+974</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+975" data-flag="https://goldenhost.co/images/country/bt.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+975">+975</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+976" data-flag="https://goldenhost.co/images/country/mn.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+976">+976</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+977" data-flag="https://goldenhost.co/images/country/np.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+977">+977</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+992" data-flag="https://goldenhost.co/images/country/tj.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+992">+992</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+993" data-flag="https://goldenhost.co/images/country/tm.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+993">+993</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+994" data-flag="https://goldenhost.co/images/country/az.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+994">+994</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+995" data-flag="https://goldenhost.co/images/country/ge.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+995">+995</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+996" data-flag="https://goldenhost.co/images/country/kg.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+996">+996</option>-->
<!--
-->
<!--
-->
<!-- -->
<!-- <option value="+998" data-flag="https://goldenhost.co/images/country/uz.png" data-pattern="/^[0-9]{1,3}[0-9]{4,14}(?:x.+)?$/" data-key="+998">+998</option>-->
<!--
-->
<!--
-->
<!-- </select>-->
<!-- <div class="flag"> <img id="flag-tag" src="https://goldenhost.co/front-assets/images/icon/flag-1.svg"alt="sudia flag"></div>-->
<!-- <div class="invalid-feedback"> </div>-->
<!--</div>-->
</div>
<!--<button class="second-button" type="submit" id="login-submit" disabled>دخول</button>-->
<button class="second-button" type="submit"
id="login-submit">دخول</button>
</form>
</section>
</div>
</div>
</section>
<!-- Modal => verification popup-->
<section class="main-popup modal fade" id="verification_code" tabindex="-1" aria-labelledby="sign_in_popup"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<h3 class="modal-title text-center">تسجيل / تسجيل دخول</h3>
</section>
<section class="modal-body">
<div class="heading-text">
<h3>رمز التحقق</h3>
<p>ادخل الرمز المرسل الى جوالك</p>
</div>
<form action="https://goldenhost.co/verify-otp" id="verification_code_form" method="POST" class="needs-validation " novalidate onsubmit="if (!window.__cfRLUnblockHandlers) return false; return false" data-cf-modified-c66ecbbd635b2d1ebb70a974-="">
<input type="hidden" name="_token" value="yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR"> <input type="hidden" name="verifyOtp_form" value="1">
<div class="verification-inputs "
id="verification-inputs" style="direction:ltr">
<div class="verification-feiled">
<input type="number" inputmode="numeric" class="" name="verification_code_1"
maxlength="1" required>
<div class="invalid-feedback mt-2"
style="position: absolute; left: 0; text-align: center;">
الرمز خطاء برجاء المحاوله مره اخري</div>
</div>
<div class="verification-feiled">
<input type="number" inputmode="numeric" class=" " name="verification_code_2"
id="otp2" maxlength="1" required>
</div>
<div class="verification-feiled">
<input type="number" inputmode="numeric" class="" name="verification_code_3"
id="otp3" maxlength="1" required>
</div>
<div class="verification-feiled">
<input type="number" inputmode="numeric" class="" name="verification_code_4" id="otp4" maxlength="1" onkeyup="if (!window.__cfRLUnblockHandlers) return false; $( '#otp_button' ).trigger( 'click' );" required data-cf-modified-c66ecbbd635b2d1ebb70a974-="">
</div>
</div>
<span class="invalid-feedback text-center pt-3"
id="verification_code_error">الرمز خطاء برجاء المحاوله مره اخري</span>
<button class="second-button mt-5" type="submit"
id="otp_button">دخول</button>
<div id="countdown" class="text-center mt-3">
يمكنك اعادة ارسال الكود بعد <span id="countdown_span">00:59</span>
</div>
<div class="text-center mt-3">
<a id="resendButton" href="javasript:;" onclick="if (!window.__cfRLUnblockHandlers) return false; ResendOtpCode()" style="display: none;" data-cf-modified-c66ecbbd635b2d1ebb70a974-="">اعادة ارسال الكود</a>
</div>
</form>
</section>
</div>
</div>
</section>
<section class="main-popup modal fade" id="update_verification_code" tabindex="-1"
aria-labelledby="sign_in_popup" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<h3 class="modal-title text-center">تعديل رقم الجوال</h3>
</section>
<section class="modal-body">
<div class="heading-text">
<h3>رمز التحقق</h3>
<p>ادخل الرمز المرسل الى جوالك</p>
</div>
<form action="https://goldenhost.co/profile/verify-otp" id="update_verification_form"
method="POST">
<input type="hidden" name="_token" value="yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR"> <input type="hidden" name="verifyOtp_form" value="1">
<div class="verification-inputs "
id="update-verification-inputs" style="direction:ltr">
<div class="verification-feiled">
<input type="number" inputmode="numeric" name="verification_code_1"
id="update_otp1" maxlength="1">
</div>
<div class="verification-feiled">
<input type="number" inputmode="numeric" name="verification_code_2"
id="update_otp2" maxlength="1">
</div>
<div class="verification-feiled">
<input type="number" inputmode="numeric" name="verification_code_3"
id="update_otp3" maxlength="1">
</div>
<div class="verification-feiled">
<input type="number" inputmode="numeric" name="verification_code_4" id="update_otp4" maxlength="1" onkeyup="if (!window.__cfRLUnblockHandlers) return false; $('#update_verification_form').submit()" data-cf-modified-c66ecbbd635b2d1ebb70a974-="">
</div>
</div>
<span class="invalid-feedback"
id="update_verification_code_error">الرمز خطاء برجاء المحاوله مره اخري</span>
<button class="second-button" type="submit">دخول</button>
</form>
</section>
</div>
</div>
</section>
<!-- Modal => personal info popup-->
<section class="main-popup modal fade" id="personal_info" tabindex="-1" aria-labelledby="personal_info"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-title text-center">
<img src="https://goldenhost.co/front-assets//images/site-logo.svg" alt="about logo">
</div>
</section>
<section class="modal-body">
<div class="heading-text">
<h3>اكمل البيانات الشخصية</h3>
<p>ادخل اسم المستخدم والبريد الالكترونى</p>
</div>
<form class="needs-validation "
action="https://goldenhost.co/complete-rigester" id="personal_info_form" action=""
novalidate method="POST">
<input type="hidden" name="_token" value="yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR"> <input type="hidden" name="completeRigester_form" value="1">
<div class="inputs" id="personal_info_inputs">
<div class="feiled">
<label for="user_name">اسم المستخدم</label>
<input class="form-control" id="user_name" type="text" name="name"
value="" minlength="3"
maxlength="15" required>
<div class="invalid-feedback">ادخل اسم مستخدم صالح</div>
</div>
<div class="feiled">
<label for="user_email">البريد الالكترونى</label>
<input class="form-control" id="user_email" type="email" name="email"
value="" required>
<div class="invalid-feedback" id="email_error">
ادخل بريد الكتروني صالح</div>
</div>
<div class="feiled">
<label for="user_email">الجنسية</label>
<select name="nationality_id" aria-label="Select a Nationality"
data-control="select2" data-placeholder="Select a Nationality.."
class="form-select form-select-solid form-select-lg">
<option value="1">سعودي</option>
<option value="2">مصري</option>
<option value="3">عماني</option>
<option value="4">قطري</option>
<option value="5">كويتي</option>
<option value="6">جزائري</option>
<option value="7">مغربي</option>
<option value="8">بحريني</option>
<option value="9"> اماراتي</option>
<option value="10">عراقي</option>
<option value="11">فلسطينى</option>
<option value="12">اردني</option>
<option value="13">يمني</option>
<option value="17">لبناني</option>
<option value="18">ليبي</option>
<option value="19">موريتانيا</option>
<option value="22">صومالي</option>
<option value="23">سوداني</option>
<option value="24">سوري</option>
<option value="25">تونسي</option>
<option value="26">جيبوتي</option>
<option value="28">أفغاني</option>
<option value="29">Albanian</option>
<option value="30">أذربيجاني</option>
<option value="31">بنجلاديشية</option>
<option value="32">Beninese</option>
<option value="33">Bruneian</option>
<option value="34">Burkinabé</option>
<option value="35">Cameroonian</option>
<option value="36">Chadian</option>
<option value="37">Ivorian</option>
<option value="38">Gabonese</option>
<option value="39">Gambian</option>
<option value="40">Guinean</option>
<option value="41">Bissau-Guinean</option>
<option value="42">Indonesian</option>
<option value="43">Iranian</option>
<option value="44">Kazakhstani</option>
<option value="45">Kyrgyzstani</option>
<option value="46">Malaysian</option>
<option value="47">Maldivian</option>
<option value="48">Malian</option>
<option value="49">Mozambican</option>
<option value="50">Nigerien</option>
<option value="51">Nigerian</option>
<option value="52">Pakistani</option>
<option value="53">Senegalese</option>
<option value="54">Sierra Leonean</option>
<option value="55">Surinamese</option>
<option value="56">Tajikistani</option>
<option value="57">Togolese</option>
<option value="58">Turkish</option>
<option value="59">Turkmen</option>
<option value="60">Ugandan</option>
<option value="61">Uzbekistani</option>
<option value="63">Armenian</option>
<option value="64">Bhutanese</option>
<option value="65">British</option>
<option value="66">Cambodian</option>
<option value="67">Chinese</option>
<option value="68">Cocos Island</option>
<option value="69">Georgian</option>
<option value="70">Hong Kong</option>
<option value="71">Indian</option>
<option value="72">Japanese</option>
<option value="73">North Korean</option>
<option value="74">South Korean</option>
<option value="75">Laotian</option>
<option value="76">Macanese</option>
<option value="77">Micronesian</option>
<option value="78">Mongolian</option>
<option value="79">Burmese</option>
<option value="80">Nepali</option>
<option value="81">Philippine</option>
<option value="82">Singaporean</option>
<option value="83">Sri Lankan</option>
<option value="84">Taiwanese</option>
<option value="85">Thai</option>
<option value="86">Timorese</option>
<option value="87">Vietnamese</option>
<option value="89">Angolan</option>
<option value="90">Botswanan</option>
<option value="91">Burundian</option>
<option value="92">Cabo Verdean</option>
<option value="93">Central African</option>
<option value="94">Congolese</option>
<option value="95">Congolese</option>
<option value="96">Equatorial Guinean</option>
<option value="97">Eritrean</option>
<option value="98">Ethiopian</option>
<option value="99">Ghanaian</option>
<option value="100">Kenyan</option>
<option value="101">Basotho</option>
<option value="102">Liberian</option>
<option value="103">Malagasy</option>
<option value="104">Malawian</option>
<option value="105">Mauritian</option>
<option value="106">Mahoran</option>
<option value="107">Namibian</option>
<option value="108">Réunionese</option>
<option value="109">Rwandan</option>
<option value="110">Saint Helenian</option>
<option value="111">São Toméan</option>
<option value="112">Seychellois</option>
<option value="113">South African</option>
<option value="114">South Sudanese</option>
<option value="115">Swazi</option>
<option value="116">Tanzanian</option>
<option value="117">Sahrawi</option>
<option value="118">Zambian</option>
<option value="119">Zimbabwean</option>
<option value="121">Austrian</option>
<option value="122">Belgian</option>
<option value="123">Bulgarian</option>
<option value="124">Croatian</option>
<option value="125">Cypriot</option>
<option value="126">Czech</option>
<option value="127">Danish</option>
<option value="128">Estonian</option>
<option value="129">Finnish</option>
<option value="130">French</option>
<option value="131">German</option>
<option value="132">Greek</option>
<option value="133">Hungarian</option>
<option value="134">Irish</option>
<option value="135">Italian</option>
<option value="136">Latvian</option>
<option value="137">Lithuanian</option>
<option value="138">Luxembourg</option>
<option value="139">Maltese</option>
<option value="140">Dutch</option>
<option value="141">Polish</option>
<option value="142">Portuguese</option>
<option value="143">Romanian</option>
<option value="144">Slovak</option>
<option value="145">Slovenian</option>
<option value="146">Spanish</option>
<option value="147">Swedish</option>
<option value="148">British</option>
<option value="150">Åland Island</option>
<option value="151">Andorran</option>
<option value="152">Belarusian</option>
<option value="153">Bosnian</option>
<option value="154">Faroese</option>
<option value="155">Gibraltar</option>
<option value="156">Channel Island</option>
<option value="157">Holy See</option>
<option value="158">Icelandic</option>
<option value="159">Manx</option>
<option value="160">Channel Island</option>
<option value="161">Liechtenstein</option>
<option value="162">Macedonian</option>
<option value="163">Moldovan</option>
<option value="164">Monacan</option>
<option value="165">Montenegrin</option>
<option value="166">Norwegian</option>
<option value="167">Russian</option>
<option value="168">Sammarinese</option>
<option value="169">Serbian</option>
<option value="170">Svalbard and Jan Mayen</option>
<option value="171">Swiss</option>
<option value="172">Ukrainian</option>
<option value="174">Anguillan</option>
<option value="175">Antiguan, Barbudan</option>
<option value="176">Bahamian</option>
<option value="177">Barbadian</option>
<option value="178">Belizean</option>
<option value="179">Bermudian</option>
<option value="180">Canadian</option>
<option value="181">Caymanian</option>
<option value="182">Costa Rican</option>
<option value="183">Cuban</option>
<option value="184">Dominican</option>
<option value="185">Dominican</option>
<option value="186">Salvadoran</option>
<option value="187">Greenlandic</option>
<option value="188">Grenadian</option>
<option value="189">Guadeloupe</option>
<option value="190">Guatemalan</option>
<option value="191">Haitian</option>
<option value="192">Honduran</option>
<option value="193">Jamaican</option>
<option value="194">Martinican</option>
<option value="195">Mexican</option>
<option value="196">Montserratian</option>
<option value="197">Nicaraguan</option>
<option value="198">Panamanian</option>
<option value="199">Puerto Rican</option>
<option value="200">Barthélemois</option>
<option value="201">Kittitian, Nevisian</option>
<option value="202">Saint Lucian</option>
<option value="203">Saint Martin French part</option>
<option value="204">French</option>
<option value="205">Saint Vincentian</option>
<option value="206">Sint Maarten Dutch part</option>
<option value="207">Trinidadian, Tobagonian</option>
<option value="208">Turks and Caicos Island</option>
<option value="209">United States Minor Outlying Islands</option>
<option value="210">American</option>
<option value="211">British Virgin Island</option>
<option value="212">U.S. Virgin Island</option>
<option value="214">Argentine</option>
<option value="215">Aruban</option>
<option value="216">Bolivian</option>
<option value="217">Bonaire, Sint Eustatius and Saba</option>
<option value="218">Brazilian</option>
<option value="219">Chilean</option>
<option value="220">Colombian</option>
<option value="221">Curacaoan</option>
<option value="222">Ecuadorian</option>
<option value="223">Falkland Island</option>
<option value="224">French Guianese</option>
<option value="225">Guyanese</option>
<option value="226">Paraguayan</option>
<option value="227">Peruvian</option>
<option value="228">South Georgia</option>
<option value="229">Uruguayan</option>
<option value="230">Venezuelan</option>
<option value="232">American Samoan</option>
<option value="233">Australian</option>
<option value="234">Christmas Island</option>
<option value="235">Cook Island</option>
<option value="236">Fijian</option>
<option value="237">French Polynesian</option>
<option value="238">French Southern Territories</option>
<option value="239">Guamanian</option>
<option value="240">Heard Island</option>
<option value="241">I-Kiribati</option>
<option value="242">Marshallese</option>
<option value="243">Nauruan</option>
<option value="244">New Caledonian</option>
<option value="245">New Zealand</option>
<option value="246">Niuean</option>
<option value="247">Norfolk Island</option>
<option value="248">Northern Marianan</option>
<option value="249">Palauan</option>
<option value="250">Papua New Guinean</option>
<option value="251">Pitcairn Island</option>
<option value="252">Samoan</option>
<option value="253">Solomon Island</option>
<option value="254">Tokelauan</option>
<option value="255">Tongan</option>
<option value="256">Tuvaluan</option>
<option value="257">Vanuatuan</option>
<option value="258">Wallis and Futuna</option>
<option value="260">Antarctic</option>
<option value="261">Bouvet Island</option>
<option value="262">Other nationalities (explain)</option>
<option value="263">Not defined</option>
<option value="1222">Comorian</option>
</select>
<div class="invalid-feedback" id="email_error">الجنسية</div>
</div>
<div class="checkbox-field">
<input class="form-check-input" type="checkbox" id="user_agreement" name="user_agreement" value="1" required onclick="if (!window.__cfRLUnblockHandlers) return false; if(this.checked) $('#login_btn').removeAttr('disabled') ; else $('#login_btn').attr('disabled', 'disabled') " data-cf-modified-c66ecbbd635b2d1ebb70a974-="">
<label for="user_agreement">
اوافق على
<a href="https://goldenhost.co/terms-of-use" target="_blank">
شروط الاستخدام
</a>
</label>
<div class="invalid-feedback"></div>
</div>
</div>
<button class="second-button" id="login_btn" type="submit"
disabled>دخول</button>
</form>
</section>
</div>
</div>
</section>
<!-- Modal => download app-->
<section class="main-popup modal fade" id="download_map" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<h3 class="modal-title text-center">تصفح من خلال التطبيق</h3>
</section>
<section class="modal-body">
<p class="text text-center">حمل التطبيق واستمتع بالمميزات الحصرية مثل التواصل مع المضيف مباشرة
والاطلاع على اللوكيشن التقرييبي</p>
<button class="main-button" type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; openOnApp()" data-cf-modified-c66ecbbd635b2d1ebb70a974-="">فتح من التطبيق</button>
</section>
</div>
</div>
</section>
</section>
<div id="content">
<!-- End sign in popups -->
<div class="home" id="content">
<!--start slider Header section-->
<header class="slider-header">
<div class="container-lg">
<article class="image-slider carousel slide" id="home_slider" touch="true" keyboard="true"
data-bs-ride="carousel", data-bs-interval="5000">
<div class="carousel-indicators">
<button type="button" data-bs-target="#home_slider" data-bs-slide-to="0"
aria-label="Slide 0"
class="active" aria-current="true" ></button>
<button type="button" data-bs-target="#home_slider" data-bs-slide-to="1"
aria-label="Slide 1"
></button>
<button type="button" data-bs-target="#home_slider" data-bs-slide-to="2"
aria-label="Slide 2"
></button>
<button type="button" data-bs-target="#home_slider" data-bs-slide-to="3"
aria-label="Slide 3"
></button>
</div>
<div class="carousel-inner">
<section class="carousel-item active">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/169565216865119948a7ca8.png" alt="قلبي تولع بـ">
<div class="carousel-caption">
<h3 class="heading"><span> قلبي تولع بـ </span><span class="city">
الرياض
</span></h3>
<p style="height: 90px">انت راعي محل! تصفح العديد من الشقق في عالي الابراج</p>
<a class="visit-city"
href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالرياض-2">الاطلاع على عقارات
الرياض</a>
</div>
</section>
<section class="carousel-item ">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/1695652263651199a7e6963.png" alt="لا تفوتك الاطلالات في">
<div class="carousel-caption">
<h3 class="heading"><span> لا تفوتك الاطلالات في </span><span class="city">
ابها
</span></h3>
<p style="height: 90px">اكواخ عديدة متاحة الان للايجار اليومي وبالساعة!</p>
<a class="visit-city"
href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةابها-10">الاطلاع على عقارات
ابها</a>
</div>
</section>
<section class="carousel-item ">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/16966634436521079385ccd.png" alt="ناوي تطلع على">
<div class="carousel-caption">
<h3 class="heading"><span> ناوي تطلع على </span><span class="city">
الطائف
</span></h3>
<p style="height: 90px">عقارات عديدة على جبال الهدا والشفاء والبراد ينتظرك</p>
<a class="visit-city"
href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالطائف-3">الاطلاع على عقارات
الطائف</a>
</div>
</section>
<section class="carousel-item ">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/172777438366fbbeaf047f9.jpg" alt="">
<div class="carousel-caption">
<h3 class="heading"><span> </span><span class="city">
</span></h3>
<p style="height: 90px"></p>
</div>
</section>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#home_slider"
data-bs-slide="prev"><img src="https://goldenhost.co/front-assets/images/icon/arrow-right.svg"
alt="carousel-control-prev-icon"><span class="visually-hidden">Previous</span></button>
<button class="carousel-control-next" type="button" data-bs-target="#home_slider"
data-bs-slide="next"><img src="https://goldenhost.co/front-assets/images/icon/arrow-left.svg"
alt="carousel-control-next-icon"><span class="visually-hidden">Next</span></button>
</article>
</div>
</header>
<!-- End slider Header section-->
<!-- start Header section-->
<header class="home-header">
<div class="container-lg">
<div class="box">
<form action="#" id="search_form" method="GET">
<input type="hidden" name="search_category_name" id="category_name" value="جميع-الأقسام">
<input type="hidden" name="search_category_id" id="category_id" value="">
<header>
<ul class="options">
<li> <span>بحث</span></li>
<li> <a href="https://goldenhost.co/map?city=2">الخريطة</a></li>
</ul>
<button type="reset" id="reset_search_from">ضبط</button>
</header>
<article class="inputs">
<div class="select-feild dropdown" id="search_destination">
<input type="hidden" name="search_destination"
value="2">
<input type="hidden" name="search_destination_name" value="الرياض">
<button class="input-button city" type="button" data-bs-toggle="dropdown"
aria-expanded="false" data-bs-auto-close="outside"><i
class="fa-solid fa-magnifying-glass"></i><span
data-text="الرياض">الرياض</span></button>
<ul class="dropdown-menu options-dropdown">
<header class="options-header">
<button class="btn-close" type="button" aria-label="Close"></button>
<h3>المدينة</h3>
</header>
<div class="px-2">
<div class="city-search" action=""> <i
class="fa-solid fa-magnifying-glass"></i>
<input type="search" id="city-search-dropdown"
placeholder="">
</div>
</div>
<article class="options-body">
<a class="dropdown-item" data-text="الرياض"
data-value="2" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الرياض</h4>
</a>
<a class="dropdown-item" data-text="جدة"
data-value="12" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>جدة</h4>
</a>
<a class="dropdown-item" data-text="الهفوف"
data-value="7" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الهفوف</h4>
</a>
<a class="dropdown-item" data-text="الخبر"
data-value="14" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخبر</h4>
</a>
<a class="dropdown-item" data-text="الدمام"
data-value="8" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدمام</h4>
</a>
<a class="dropdown-item" data-text="سيهات"
data-value="33" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>سيهات</h4>
</a>
<a class="dropdown-item" data-text="الظهران"
data-value="23" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الظهران</h4>
</a>
<a class="dropdown-item" data-text="الطائف"
data-value="3" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الطائف</h4>
</a>
<a class="dropdown-item" data-text="ابها"
data-value="10" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ابها</h4>
</a>
<a class="dropdown-item" data-text="مكة-المكرمة"
data-value="4" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>مكة المكرمة</h4>
</a>
<a class="dropdown-item" data-text="المدينة-المنورة"
data-value="9" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المدينة المنورة</h4>
</a>
<a class="dropdown-item" data-text="خميس-مشيط"
data-value="16" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>خميس مشيط</h4>
</a>
<a class="dropdown-item" data-text="الباحة"
data-value="51" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الباحة</h4>
</a>
<a class="dropdown-item" data-text="تبوك"
data-value="1" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تبوك</h4>
</a>
<a class="dropdown-item" data-text="سكاكا"
data-value="62" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>سكاكا</h4>
</a>
<a class="dropdown-item" data-text="حائل"
data-value="5" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>حائل</h4>
</a>
<a class="dropdown-item" data-text="مدينة-الملك-عبدالله-الاقتصادية"
data-value="83" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>مدينة الملك عبدالله الاقتصادية</h4>
</a>
<a class="dropdown-item" data-text="احد-رفيده"
data-value="17" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>احد رفيده</h4>
</a>
<a class="dropdown-item" data-text="بيشة"
data-value="50" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بيشة</h4>
</a>
<a class="dropdown-item" data-text="املج"
data-value="29" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>املج</h4>
</a>
<a class="dropdown-item" data-text="الخرج"
data-value="42" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخرج</h4>
</a>
<a class="dropdown-item" data-text="بريدة"
data-value="6" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بريدة</h4>
</a>
<a class="dropdown-item" data-text="ينبع"
data-value="35" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ينبع</h4>
</a>
<a class="dropdown-item" data-text="الوجه"
data-value="24" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الوجه</h4>
</a>
<a class="dropdown-item" data-text="القطيف"
data-value="18" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القطيف</h4>
</a>
<a class="dropdown-item" data-text="الجبيل"
data-value="21" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الجبيل</h4>
</a>
<a class="dropdown-item" data-text="عنيزة"
data-value="19" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عنيزة</h4>
</a>
<a class="dropdown-item" data-text="البكيرية"
data-value="71" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>البكيرية</h4>
</a>
<a class="dropdown-item" data-text="الدلم"
data-value="43" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدلم</h4>
</a>
<a class="dropdown-item" data-text="المجمعة"
data-value="13" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المجمعة</h4>
</a>
<a class="dropdown-item" data-text="القويعية"
data-value="39" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القويعية</h4>
</a>
<a class="dropdown-item" data-text="عرعر"
data-value="60" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عرعر</h4>
</a>
<a class="dropdown-item" data-text="ثادق"
data-value="32" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ثادق</h4>
</a>
<a class="dropdown-item" data-text="ضبا"
data-value="55" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ضبا</h4>
</a>
<a class="dropdown-item" data-text="نجران"
data-value="78" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>نجران</h4>
</a>
<a class="dropdown-item" data-text="شقراء"
data-value="36" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>شقراء</h4>
</a>
<a class="dropdown-item" data-text="رابغ"
data-value="30" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>رابغ</h4>
</a>
<a class="dropdown-item" data-text="الزلفي"
data-value="26" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الزلفي</h4>
</a>
<a class="dropdown-item" data-text="الرس"
data-value="65" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الرس</h4>
</a>
<a class="dropdown-item" data-text="المذنب"
data-value="66" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المذنب</h4>
</a>
<a class="dropdown-item" data-text="صبيا"
data-value="79" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>صبيا</h4>
</a>
<a class="dropdown-item" data-text="الخفجي"
data-value="67" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخفجي</h4>
</a>
<a class="dropdown-item" data-text="الغاط"
data-value="28" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الغاط</h4>
</a>
<a class="dropdown-item" data-text="الجموم"
data-value="46" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الجموم</h4>
</a>
<a class="dropdown-item" data-text="خيبر"
data-value="27" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>خيبر</h4>
</a>
<a class="dropdown-item" data-text="بللسمر"
data-value="76" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بللسمر</h4>
</a>
<a class="dropdown-item" data-text="رفحاء"
data-value="63" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>رفحاء</h4>
</a>
<a class="dropdown-item" data-text="القريات"
data-value="61" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القريات</h4>
</a>
<a class="dropdown-item" data-text="الشنان"
data-value="44" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الشنان</h4>
</a>
<a class="dropdown-item" data-text="الدوادمي"
data-value="37" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدوادمي</h4>
</a>
<a class="dropdown-item" data-text="ابو-عريش"
data-value="80" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ابو عريش</h4>
</a>
<a class="dropdown-item" data-text="حفر-الباطن"
data-value="15" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>حفر الباطن</h4>
</a>
<a class="dropdown-item" data-text="ثول"
data-value="54" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ثول</h4>
</a>
<a class="dropdown-item" data-text="قرية-العليا"
data-value="20" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>قرية العليا</h4>
</a>
<a class="dropdown-item" data-text="صامطة"
data-value="81" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>صامطة</h4>
</a>
<a class="dropdown-item" data-text="راس-تنورة"
data-value="70" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>راس تنورة</h4>
</a>
<a class="dropdown-item" data-text="النعيرية"
data-value="22" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>النعيرية</h4>
</a>
<a class="dropdown-item" data-text="رياض-الخبراء"
data-value="68" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>رياض الخبراء</h4>
</a>
<a class="dropdown-item" data-text="بقيق"
data-value="25" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بقيق</h4>
</a>
<a class="dropdown-item" data-text="صفوى"
data-value="57" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>صفوى</h4>
</a>
<a class="dropdown-item" data-text="الخرمة"
data-value="45" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخرمة</h4>
</a>
<a class="dropdown-item" data-text="طريف"
data-value="59" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>طريف</h4>
</a>
<a class="dropdown-item" data-text="عنك"
data-value="58" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عنك</h4>
</a>
<a class="dropdown-item" data-text="البدائع"
data-value="69" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>البدائع</h4>
</a>
<a class="dropdown-item" data-text="عفيف"
data-value="31" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عفيف</h4>
</a>
<a class="dropdown-item" data-text="الحريق"
data-value="73" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الحريق</h4>
</a>
<a class="dropdown-item" data-text="المجاردة"
data-value="47" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المجاردة</h4>
</a>
<a class="dropdown-item" data-text="ليلى"
data-value="75" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ليلى</h4>
</a>
<a class="dropdown-item" data-text="بدر"
data-value="41" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بدر</h4>
</a>
<a class="dropdown-item" data-text="احد-المسارحة"
data-value="82" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>احد المسارحة</h4>
</a>
<a class="dropdown-item" data-text="السليل"
data-value="48" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>السليل</h4>
</a>
<a class="dropdown-item" data-text="تثليث"
data-value="49" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تثليث</h4>
</a>
<a class="dropdown-item" data-text="القنفذة"
data-value="52" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القنفذة</h4>
</a>
<a class="dropdown-item" data-text="محايل"
data-value="53" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>محايل</h4>
</a>
<a class="dropdown-item" data-text="دومة-الجندل"
data-value="64" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>دومة الجندل</h4>
</a>
<a class="dropdown-item" data-text="حوطة-بني-تميم"
data-value="74" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>حوطة بني تميم</h4>
</a>
<a class="dropdown-item" data-text="المزاحمية"
data-value="40" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المزاحمية</h4>
</a>
<a class="dropdown-item" data-text="جازان"
data-value="11" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>جازان</h4>
</a>
<a class="dropdown-item" data-text="تاروت"
data-value="34" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تاروت</h4>
</a>
<a class="dropdown-item" data-text="الدرعية"
data-value="38" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدرعية</h4>
</a>
<a class="dropdown-item" data-text="تربه"
data-value="56" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تربه</h4>
</a>
<a class="dropdown-item" data-text="الشماسية"
data-value="72" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الشماسية</h4>
</a>
<a class="dropdown-item" data-text="شرورة"
data-value="77" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>شرورة</h4>
</a>
<a class="dropdown-item" data-text="العلا"
data-value="90" href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>العلا</h4>
</a>
</article>
</ul>
</div>
<div class="select-feild dropdown" id="search_estate_type">
<input type="hidden" name="search_estate_type">
<button class="input-button" type="button" data-bs-toggle="dropdown"
aria-expanded="false" data-bs-auto-close="outside"><span
data-text="النوع">النوع</span><i
class="fa-solid fa-chevron-down"></i></button>
<ul class="dropdown-menu options-dropdown" style="width: 250px">
<header class="options-header">
<button class="btn-close" type="button" aria-label="Close"></button>
<h3>النوع</h3>
</header>
<article class="options-body">
<a class="dropdown-item" data-value="all" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>الكل</h4>
</a>
<a class="dropdown-item" data-text="شقق-وبيوت-خاصة"
data-value="1" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>شقق وبيوت خاصة</h4>
</a>
<a class="dropdown-item" data-text="شاليهات-واستراحات"
data-value="2" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>شاليهات واستراحات</h4>
</a>
<a class="dropdown-item" data-text="مخيمات"
data-value="3" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>مخيمات</h4>
</a>
<a class="dropdown-item" data-text="مزارع"
data-value="4" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>مزارع</h4>
</a>
<a class="dropdown-item" data-text="فلل-خاصة"
data-value="5" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>فلل خاصة</h4>
</a>
<a class="dropdown-item" data-text="منتجعات"
data-value="6" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>منتجعات</h4>
</a>
<a class="dropdown-item" data-text="اسطبلات"
data-value="7" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>اسطبلات</h4>
</a>
<a class="dropdown-item" data-text="اكواخ"
data-value="8" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>اكواخ</h4>
</a>
<a class="dropdown-item" data-text="قاعة-افراح"
data-value="10" href="#">
<div class="icon"><i class="fa-solid fa-house"></i></div>
<h4>قاعة افراح</h4>
</a>
</ul>
</div>
<div class="select-feild dropdown" id="search_booking_time">
<input id="search_booking_time_from" type="hidden" name="search_booking_time_from"
value="2025-03-14">
<input id="search_booking_time_to" type="hidden" name="search_booking_time_to"
value="2025-03-15">
<button class="date-picker-button input-button" type="button" data-bs-toggle="dropdown"
aria-expanded="false" data-bs-auto-close="outside"><span
data-text="تاريخ الحجز">03-14
/ 03-15 </span><i
class="fa-solid fa-chevron-down"></i></button>
</ul>
</div>
<div class="feild">
<button id="search_form_buttom" type="submit">بحث</button>
</div>
</article>
</form>
</div>
</div>
</header>
<!-- End Header section-->
<!-- start categories section-->
<section class="categories">
<div class="container-lg">
<div class="swiper categories-slider">
<div class="swiper-wrapper">
<section class="category category-search swiper-slide"
data-text="شقق-وبيوت-خاصة" data-id="1"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/1696863225652413f9786b4.jpeg" alt="شقق وبيوت خاصة">
<h3>شقق وبيوت خاصة</h3>
</section>
<section class="category category-search swiper-slide"
data-text="شاليهات-واستراحات" data-id="2"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/1696940266652540ead8109.jpg" alt="شاليهات واستراحات">
<h3>شاليهات واستراحات</h3>
</section>
<section class="category category-search swiper-slide"
data-text="مخيمات" data-id="3"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/1696940252652540dc643e4.jpg" alt="مخيمات">
<h3>مخيمات</h3>
</section>
<section class="category category-search swiper-slide"
data-text="مزارع" data-id="4"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/1696940235652540cbc84da.jpg" alt="مزارع">
<h3>مزارع</h3>
</section>
<section class="category category-search swiper-slide"
data-text="فلل-خاصة" data-id="5"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/1696940212652540b4b972e.jpg" alt="فلل خاصة">
<h3>فلل خاصة</h3>
</section>
<section class="category category-search swiper-slide"
data-text="منتجعات" data-id="6"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/1696940197652540a5bd509.jpg" alt="منتجعات">
<h3>منتجعات</h3>
</section>
<section class="category category-search swiper-slide"
data-text="اسطبلات" data-id="7"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/16969401816525409516aea.jpg" alt="اسطبلات">
<h3>اسطبلات</h3>
</section>
<section class="category category-search swiper-slide"
data-text="اكواخ" data-id="8"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/16969401646525408466b19.jpg" alt="اكواخ">
<h3>اكواخ</h3>
</section>
<section class="category category-search swiper-slide"
data-text="قاعة-افراح" data-id="10"
data-bs-toggle="modal" data-bs-target="#category-popup">
<img src="https://goldenhost.co/images/category/16978821426533a01e9cba9.jpg" alt="قاعة افراح">
<h3>قاعة افراح</h3>
</section>
</div>
<button class="swiper-button-prev"></button>
<button class="swiper-button-next"></button>
</div>
</div>
</section>
<!-- End categories section-->
<!-- Modal => category-popup-->
<section class="main-popup modal fade" id="category-popup" tabindex="-1" aria-labelledby="category"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
<h3 class="modal-title">المدينة</h3>
</section>
<section class="modal-body">
<form class="city-search" action=""> <i class="fa-solid fa-magnifying-glass"></i>
<input type="search" id="city-search"
placeholder="ابحث عن محافظة, منطقة">
</form>
<ul class="cities">
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="2" data-text="الرياض"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الرياض </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="12" data-text="جدة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>جدة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="7" data-text="الهفوف"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الهفوف </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="14" data-text="الخبر"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخبر </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="8" data-text="الدمام"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدمام </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="33" data-text="سيهات"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>سيهات </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="23" data-text="الظهران"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الظهران </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="3" data-text="الطائف"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الطائف </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="10" data-text="ابها"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ابها </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="4" data-text="مكة-المكرمة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>مكة المكرمة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="9" data-text="المدينة-المنورة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المدينة المنورة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="16" data-text="خميس-مشيط"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>خميس مشيط </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="51" data-text="الباحة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الباحة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="1" data-text="تبوك"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تبوك </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="62" data-text="سكاكا"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>سكاكا </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="5" data-text="حائل"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>حائل </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="83" data-text="مدينة-الملك-عبدالله-الاقتصادية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>مدينة الملك عبدالله الاقتصادية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="17" data-text="احد-رفيده"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>احد رفيده </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="50" data-text="بيشة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بيشة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="29" data-text="املج"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>املج </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="42" data-text="الخرج"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخرج </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="6" data-text="بريدة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بريدة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="35" data-text="ينبع"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ينبع </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="24" data-text="الوجه"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الوجه </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="18" data-text="القطيف"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القطيف </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="21" data-text="الجبيل"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الجبيل </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="19" data-text="عنيزة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عنيزة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="71" data-text="البكيرية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>البكيرية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="43" data-text="الدلم"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدلم </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="13" data-text="المجمعة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المجمعة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="39" data-text="القويعية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القويعية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="60" data-text="عرعر"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عرعر </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="32" data-text="ثادق"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ثادق </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="55" data-text="ضبا"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ضبا </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="78" data-text="نجران"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>نجران </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="36" data-text="شقراء"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>شقراء </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="30" data-text="رابغ"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>رابغ </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="26" data-text="الزلفي"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الزلفي </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="65" data-text="الرس"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الرس </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="66" data-text="المذنب"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المذنب </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="79" data-text="صبيا"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>صبيا </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="67" data-text="الخفجي"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخفجي </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="28" data-text="الغاط"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الغاط </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="46" data-text="الجموم"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الجموم </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="27" data-text="خيبر"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>خيبر </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="76" data-text="بللسمر"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بللسمر </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="63" data-text="رفحاء"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>رفحاء </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="61" data-text="القريات"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القريات </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="44" data-text="الشنان"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الشنان </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="37" data-text="الدوادمي"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدوادمي </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="80" data-text="ابو-عريش"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ابو عريش </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="15" data-text="حفر-الباطن"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>حفر الباطن </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="54" data-text="ثول"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ثول </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="20" data-text="قرية-العليا"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>قرية العليا </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="81" data-text="صامطة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>صامطة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="70" data-text="راس-تنورة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>راس تنورة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="22" data-text="النعيرية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>النعيرية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="68" data-text="رياض-الخبراء"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>رياض الخبراء </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="25" data-text="بقيق"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بقيق </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="57" data-text="صفوى"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>صفوى </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="45" data-text="الخرمة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الخرمة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="59" data-text="طريف"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>طريف </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="58" data-text="عنك"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عنك </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="69" data-text="البدائع"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>البدائع </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="31" data-text="عفيف"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>عفيف </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="73" data-text="الحريق"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الحريق </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="47" data-text="المجاردة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المجاردة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="75" data-text="ليلى"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>ليلى </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="41" data-text="بدر"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>بدر </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="82" data-text="احد-المسارحة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>احد المسارحة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="48" data-text="السليل"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>السليل </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="49" data-text="تثليث"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تثليث </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="52" data-text="القنفذة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>القنفذة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="53" data-text="محايل"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>محايل </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="64" data-text="دومة-الجندل"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>دومة الجندل </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="74" data-text="حوطة-بني-تميم"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>حوطة بني تميم </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="40" data-text="المزاحمية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>المزاحمية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="11" data-text="جازان"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>جازان </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="34" data-text="تاروت"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تاروت </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="38" data-text="الدرعية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الدرعية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="56" data-text="تربه"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>تربه </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="72" data-text="الشماسية"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>الشماسية </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="77" data-text="شرورة"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>شرورة </h4>
</a></li>
<li><a class="city-item" data-start="2025-03-14"
data-end="2025-03-15"
data-id="90" data-text="العلا"
href="#">
<div class="icon"><i class="fa-solid fa-location-dot"></i></div>
<h4>العلا </h4>
</a></li>
</ul>
</section>
</div>
</div>
</section>
<!-- start What golden section-->
<section class="what-golen">
<div class="container-lg">
<div class="box">
<section class="content">
<P><b class="home_text">قولدن هوست منصة سعودية مرخصة رسمياً من وزارة السياحة انطلقت في 2023 من مدينة الرياض وبرؤية طموحة لتكون الوجهة الأولى والأمثل لسيّاح الداخل والخارج الراغبين في حجز واستئجار مسكن خاص داخل المملكة العربية السعودية بأمان و موثوقية</b></p>
</section>
<section class="image">
<img src="https://goldenhost.co/front-assets/images/home-about-golden.webp"
alt="أضف عقارك">
</section>
</div>
</div>
</section>
<!-- End What golden section-->
<!-- start real estate section-->
<section class="offers-slider-text">
<div class="container-lg">
<h2 class="section-heading">مضبطينك !</h2>
<p>اكتشف سحر و جمال السعودية بتجربة سكن أصليه و أصيله مزينه بكرم سعودي نفخر فيه
</p>
</div>
</section>
<!-- start Offers slider section-->
<section class="swiper offers-slider">
<article class="swiper-wrapper">
<section class="swiper-slide">
<a href="https://goldenhost.co/شقق-وبيوت-خاصة-1/شقق-وبيوت-خاصة-للايجار-في-مدينه-الرياض-2">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/1695215834650af0da77cf6.png" alt="real estate image">
</a>
</section>
<section class="swiper-slide">
<a href="https://goldenhost.co/شقق-وبيوت-خاصة-1/شقق-وبيوت-خاصة-للايجار-في-مدينه-الرياض-2">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/1695215883650af10ba0f63.png" alt="real estate image">
</a>
</section>
<section class="swiper-slide">
<a href="https://goldenhost.co/شقق-وبيوت-خاصة-1/شقق-وبيوت-خاصة-للايجار-في-مدينه-الرياض-2">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/1695215951650af14f0db3a.png" alt="real estate image">
</a>
</section>
<section class="swiper-slide">
<a href="https://goldenhost.co/شقق-وبيوت-خاصة-1/شقق-وبيوت-خاصة-للايجار-في-مدينه-الرياض-2">
<img class="d-block w-100" src="https://goldenhost.co/images/settings/sliders/16955744136510698d03094.png" alt="real estate image">
</a>
</section>
</article>
<article class="swiper-pagination"></article>
</section>
<!-- End Offers slider section-->
<!-- start city slider section-->
<section class="city-slider-text">
<div class="container-lg">
<h2 class="section-heading">
تصفح اكثر من 84 مدينة حول السعودية</h2>
<p>اكتشف سحر و جمال السعودية بتجربة سكن أصليه و أصيله مزينه بكرم سعودي نفخر فيه
</p>
<a class="veiw-all"
href="https://goldenhost.co/cities"><span>عرض الكل</span><i
class="fa-solid fa-chevron-left"></i></a>
</div>
</section>
<section class="swiper city-slider">
<article class="swiper-wrapper">
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالرياض-2"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/1695208151650ad2d706edc.jpg" alt="real estate image">
<div class="box-between">
<h3 class="city">الرياض</h3>
<p class="number">5423بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةجدة-12"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/1695208227650ad323a1091.jpg" alt="real estate image">
<div class="box-between">
<h3 class="city">جدة</h3>
<p class="number">543بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالخبر-14"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/1695214878650aed1eb4b31.jpg" alt="real estate image">
<div class="box-between">
<h3 class="city">الخبر</h3>
<p class="number">179بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالدمام-8"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الدمام</h3>
<p class="number">81بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةسيهات-33"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">سيهات</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالطائف-3"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/1695208183650ad2f7cc823.jpg" alt="real estate image">
<div class="box-between">
<h3 class="city">الطائف</h3>
<p class="number">123بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةابها-10"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/1695208276650ad3542d589.jpg" alt="real estate image">
<div class="box-between">
<h3 class="city">ابها</h3>
<p class="number">71بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةمكة-المكرمة-4"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">مكة المكرمة</h3>
<p class="number">49بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالباحة-51"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الباحة</h3>
<p class="number">13بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةسكاكا-62"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">سكاكا</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةحائل-5"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">حائل</h3>
<p class="number">35بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةاحد-رفيده-17"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">احد رفيده</h3>
<p class="number">2بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةبيشة-50"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">بيشة</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةاملج-29"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">املج</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالخرج-42"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الخرج</h3>
<p class="number">78بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةينبع-35"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">ينبع</h3>
<p class="number">23بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالدلم-43"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الدلم</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةعرعر-60"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">عرعر</h3>
<p class="number">2بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةثادق-32"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">ثادق</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةنجران-78"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">نجران</h3>
<p class="number">3بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالزلفي-26"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الزلفي</h3>
<p class="number">4بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالرس-65"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الرس</h3>
<p class="number">10بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالمذنب-66"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">المذنب</h3>
<p class="number">6بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةبللسمر-76"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">بللسمر</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةرفحاء-63"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">رفحاء</h3>
<p class="number">3بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالقريات-61"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">القريات</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالشنان-44"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الشنان</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالدوادمي-37"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">الدوادمي</h3>
<p class="number">2بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةابو-عريش-80"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">ابو عريش</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةثول-54"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">ثول</h3>
<p class="number">12بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةصامطة-81"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">صامطة</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالبدائع-69"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">البدائع</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةتثليث-49"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">تثليث</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةمحايل-53"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">محايل</h3>
<p class="number">1بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةالمزاحمية-40"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">المزاحمية</h3>
<p class="number">5بيت عطلة</p>
</div>
</a>
<a href="https://goldenhost.co/جميع-الأقسام/جميع-الأقسام-للايجار-فى-مدينةشرورة-77"
class="swiper-slide">
<img class="d-block w-100" src="https://goldenhost.co/images/city/golden-host-city.png" alt="real estate image">
<div class="box-between">
<h3 class="city">شرورة</h3>
<p class="number">12بيت عطلة</p>
</div>
</a>
</article>
<button class="swiper-button-prev"></button>
<button class="swiper-button-next"></button>
</section>
<!-- Start Booster section-->
<section class="booster">
<div class="container-lg">
<div class="box">
<section class="content pb-0">
<h2>
<sapn class="top-line">حمل التطبيق الآن</sapn> <br />
<sapn>واحجز وحدتك بكل سهولة</sapn>
</h2>
<div class="booster-buttons"> <a
href="https://apps.apple.com/eg/app/golden-host-%D9%82%D9%88%D9%84%D8%AF%D9%86-%D9%87%D9%88%D8%B3%D8%AA/id6451445820"
target="_blank"> <i
class="fa-brands fa-apple"></i><span>ابل ستور</span></a><a
href="https://play.google.com/store/apps/details?id=com.cemsit.golden_host"
target="_blank"> <i class="fa-brands fa-google-play"></i>
<sapn>جوجل بلاي</sapn>
</a></div>
<button class="qr-code" data-bs-toggle="modal" data-bs-target="#qr-popup"><i
class="fa-solid fa-qrcode"></i><span>او امسح الكود</span></button>
</section>
<section class="image">
<img src="https://goldenhost.co/front-assets/images/home-booster.webp"
alt="contact us image">
</section>
</div>
</div>
<!-- Modal-->
<section class="main-popup modal fade" id="qr-popup" tabindex="-1" aria-labelledby="qr-code"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<section class="modal-header">
<button class="btn-close" type="button" data-bs-dismiss="modal"
aria-label="Close"></button>
<h3 class="modal-title">حمل التطبيق الان</h3>
</section>
<section class="modal-body">
<div class="text-center"><?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="300" viewBox="0 0 300 300"><rect x="0" y="0" width="300" height="300" fill="#ffffff"/><g transform="scale(12)"><g transform="translate(0,0)"><path fill-rule="evenodd" d="M8 0L8 2L10 2L10 4L8 4L8 9L7 9L7 8L5 8L5 10L4 10L4 9L3 9L3 8L0 8L0 9L3 9L3 10L0 10L0 12L4 12L4 13L3 13L3 14L2 14L2 13L1 13L1 14L0 14L0 15L2 15L2 16L0 16L0 17L4 17L4 16L3 16L3 14L5 14L5 13L10 13L10 11L9 11L9 12L8 12L8 11L7 11L7 10L8 10L8 9L9 9L9 10L11 10L11 11L12 11L12 10L11 10L11 8L13 8L13 6L14 6L14 7L15 7L15 8L16 8L16 9L15 9L15 10L14 10L14 12L15 12L15 11L17 11L17 12L16 12L16 13L15 13L15 15L14 15L14 16L13 16L13 14L14 14L14 13L13 13L13 12L11 12L11 13L12 13L12 15L9 15L9 14L8 14L8 15L9 15L9 16L13 16L13 18L14 18L14 17L15 17L15 16L16 16L16 19L15 19L15 22L13 22L13 21L14 21L14 19L13 19L13 20L11 20L11 19L12 19L12 18L10 18L10 17L8 17L8 16L5 16L5 17L8 17L8 18L10 18L10 19L8 19L8 20L9 20L9 21L10 21L10 22L8 22L8 25L9 25L9 23L10 23L10 24L13 24L13 25L15 25L15 22L16 22L16 25L19 25L19 24L21 24L21 25L22 25L22 24L21 24L21 23L22 23L22 22L23 22L23 23L25 23L25 22L24 22L24 21L25 21L25 20L24 20L24 19L25 19L25 17L24 17L24 16L23 16L23 17L24 17L24 19L23 19L23 20L24 20L24 21L22 21L22 22L21 22L21 16L22 16L22 15L23 15L23 14L24 14L24 15L25 15L25 12L24 12L24 13L23 13L23 14L21 14L21 15L19 15L19 16L17 16L17 12L18 12L18 14L20 14L20 11L17 11L17 9L18 9L18 10L20 10L20 9L21 9L21 12L22 12L22 11L23 11L23 10L24 10L24 11L25 11L25 8L23 8L23 10L22 10L22 9L21 9L21 8L17 8L17 5L16 5L16 7L15 7L15 4L14 4L14 3L15 3L15 1L14 1L14 0L11 0L11 1L9 1L9 0ZM11 1L11 2L12 2L12 1ZM13 1L13 2L14 2L14 1ZM16 1L16 4L17 4L17 1ZM11 3L11 4L12 4L12 6L11 6L11 5L9 5L9 8L10 8L10 6L11 6L11 7L12 7L12 6L13 6L13 5L14 5L14 4L13 4L13 3ZM6 9L6 10L5 10L5 12L7 12L7 11L6 11L6 10L7 10L7 9ZM6 14L6 15L7 15L7 14ZM17 17L17 20L20 20L20 17ZM18 18L18 19L19 19L19 18ZM11 21L11 23L12 23L12 21ZM16 21L16 22L17 22L17 21ZM18 21L18 24L19 24L19 22L20 22L20 21ZM13 23L13 24L14 24L14 23ZM24 24L24 25L25 25L25 24ZM0 0L0 7L7 7L7 0ZM1 1L1 6L6 6L6 1ZM2 2L2 5L5 5L5 2ZM18 0L18 7L25 7L25 0ZM19 1L19 6L24 6L24 1ZM20 2L20 5L23 5L23 2ZM0 18L0 25L7 25L7 18ZM1 19L1 24L6 24L6 19ZM2 20L2 23L5 23L5 20Z" fill="#000000"/></g></g></svg>
</div>
</section>
</div>
</div>
</section>
</section>
<!-- End Booster section-->
</div>
<!-- start Footer-->
</div>
<!-- start Footer-->
<footer id="footer">
<div class="container-lg">
<article class="box">
<section>
<div class="image">
<img src="https://goldenhost.co/front-assets/images/footer-logo.svg"alt="Golden logo">
</div>
<p>ابحث عن شقتك المثالية بكل سهولة وراحة عبر موقع قولدن هوست، واستفد من تجربة تأجير فريدة تجمع بين السهولة والأمان.</p>
</section>
<section>
<article class="menus">
<ul class="main-menu">
<li> <a href="https://goldenhost.co/be-host">كن مضيف</a>
</li>
<li> <a href="#sign_in_popup"
data-bs-toggle="modal">حجوزاتي</a></li>
<li> <a href="#sign_in_popup"
data-bs-toggle="modal">العقارات المفضلة</a></li>
<li> <a href="https://goldenhost.co/blog">المدونة</a></li>
<li> <a
href="https://goldenhost.co/about-us">عن قولدن</a>
</li>
</ul>
<ul class="second-menu">
<li> <a
href="https://goldenhost.co/terms-of-use">شروط الخدمة</a>
</li>
<li> <a
href="https://goldenhost.co/privacy-policy">سياسة الخصوصية </a>
</li>
</ul>
</article>
</section>
<section>
<h3 class="social-title">تابعنا</h3>
<ul class="social">
<li><a target="_blank" href="https://www.instagram.com/Goldenhostapp"> <i
class="fa-brands fa-instagram"></i></a></li>
<li><a target="_blank" href="https://twitter.com/Goldenhostapp"> <i
class="fa-brands fa-x-twitter"></i></a></li>
<li><a target="_blank" href="https://wa.me/+920023699"> <i
class="fa-brands fa-whatsapp"></i></a></li>
<li><a target="_blank" href="https://www.facebook.com/"> <i
class="fa-brands fa-facebook-f"></i></a></li>
<li><a target="_blank" href="https://www.linkedin.com/"> <i
class="fa-brands fa-linkedin"></i> </a></li>
</ul>
</section>
</article>
</div>
</footer>
<!-- End Footer-->
<!-- custom calender package-->
<!--<script src="https://goldenhost.co/front-assets/js/jquery.min.js"></script>-->
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
// <mobiscroll class="setOptions" { locale: mobiscroll.localeAr theme: ios themeVariant: light }></mobiscroll>
// <mobiscroll class="datepicker" #demo-range-selection { controls: ['calendar'] display: inline rangeSelectMode: wizard select: range showRangeLabels: true }></mobiscroll>
</script>
<!-- Fontawesome -->
<script src="https://goldenhost.co/front-assets/js/all.min.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- Fontawesome -->
<!-- wow js -->
<script src="https://goldenhost.co/front-assets/js/wow.min.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
new WOW().init()
</script>
<!-- Bootstrap-->
<script src="https://goldenhost.co/front-assets/js/bootstrap.bundle.min.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script src="https://goldenhost.co/front-assets/js/jquery.min.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- moment in order to daterangepicker-->
<script src="https://goldenhost.co/front-assets/js/moment.min.js?v=13" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- Hijri datetimepicker-->
<script src="https://goldenhost.co/front-assets/js/bootstrap-hijri-datetimepicker.min.js?v=1" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- daterangepicker-->
<script src="https://goldenhost.co/front-assets/js/daterangepicker.min.js?v=13.3" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script src="https://goldenhost.co/front-assets/js/swiper.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
let main_url = "https://goldenhost.co";
let k_url = "GOLDEN-5mm0jUsfOwCrAANQ6X_uoJkexlL";
let image_path = "https://goldenhost.co/front-assets/images";
var flatLat, flatLng;
let CountriesPhoneDate = {
"+213" : { length : 9 , placeholder : '8XXXXXXXX'},
"+20" : { length : 11 , placeholder : '01XXXXXXXX'},
"+964" : { length : 9 , placeholder : '7XXXXXXXX'},
"+965" : { length : 8 , placeholder : '5XXXXXXX'},
"+961" : { length : 8 , placeholder : '7XXXXXXX'},
"+212" : { length : 9 , placeholder : '6XXXXXXXX'},
"+968" : { length : 8 , placeholder : '9XXXXXXX'},
"+974" : { length : 8 , placeholder : '5XXXXXXX'},
"+966" : { length : 9 , placeholder : '5XXXXXXXX'},
"+249" : { length : 9 , placeholder : '9XXXXXXXX'},
"+963" : { length : 9 , placeholder : '9XXXXXXXX'},
"+216" : { length : 8 , placeholder : '9XXXXXXX'},
"+971" : { length : 9 , placeholder : '5XXXXXXXX'}
};
let APP_ENV = "production";
// //console.log(main_url);
</script>
<!-- Custom script 26 -->
<script src="https://goldenhost.co/front-assets/js/main.js?v=1.11" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- Custom script-->
<script src="https://goldenhost.co/front-assets/js/main-custom.js?v=1.9.2024.5.29" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- Bootstrap-->
<!-- jquery in order to daterangepicker-->
<script src="https://goldenhost.co/front-assets/js/daterangepickercustom.min.js?v=33" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
$(document).ready(function() {
$('.date-picker-button').data('daterangepicker').setStartDate(moment().format("MM/DD/YYYY"));
$('.date-picker-button').data('daterangepicker').setEndDate((moment().startOf('hour').add(1, 'day'))
.format("MM/DD/YYYY"));
});
</script>
<!-- Custom script-->
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-messaging.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyCpPvvfMFOJ8FrTUULQjo3tNTDVKceFP8Q",
authDomain: "golden-host-b4486.firebaseapp.com",
projectId: "golden-host-b4486",
storageBucket: "golden-host-b4486.appspot.com",
messagingSenderId: "725775056569",
appId: "1:725775056569:web:4717efc2c2a9c2dd876568",
measurementId: "G-8TYTN8SC44"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
const messaging = firebase.messaging();
function initFirebaseMessagingRegistration() {
messaging.requestPermission().then(function() {
return messaging.getToken()
}).then(function(token) {
$.ajax({
url: "https://goldenhost.co/profile/fcm-token",
method: "POST",
data: {
_method: "PATCH",
device_fcm_token: token
},
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.error(xhr.responseJSON);
}
});
}).catch(function(err) {
console.log(`Token Error :: ${err}`);
});
}
initFirebaseMessagingRegistration();
// Handle received messages
// console.log(messaging);
messaging.onMessage(function(payload) {
console.log("Message received: ", payload);
// Extract data from payload
const notificationData = payload.notification || {};
const data = payload.data || {};
// if (payload.data.group_type == 'users' || payload.data.group_type == 'all' || payload.data.group_type == 'specific') {
let li = `<li>
<a class="item notificationLi new" href="${data.click_action ?? '#'}">
<h4 class="notification-title">${data.title}</h4>
<p class="time">${data.date_label}</p>
</a>
</li>`;
var notificationsElements = document.getElementsByClassName('notifications-items');
for (let i = 0; i < notificationsElements.length; i++) {
notificationsElements[i].insertAdjacentHTML('afterbegin', li);
notificationsElements[i].closest('.notification').classList.add('new');
}
// }
// Add notification to DOM
// if (payload.data.group_type == 'users' || payload.data.group_type == 'all' || payload.data.group_type == 'specific') {
// Show browser notification
const notificationOption = {
body: notificationData.body,
icon: notificationData.icon
};
if (Notification.permission === "granted") {
var notification = new Notification(notificationData.title, notificationOption);
notification.onclick = function(ev) {
ev.preventDefault();
window.open(notificationData.click_action, '_blank');
notification.close();
}
}
// }
});
// messaging.onMessage(function({
// data: {
// body,
// title
// }
// }) {
// messaging.onMessage(function({
// data
// }) {
// //console.log(data);
// let li = `<li><a class="item notificationLi new" href="${data.click_action ?? '#'}">
// <h4 class="notification-title">${data.title}</h4>
// <p class="time">${data.date_label}</p>
// </a>
// </li>`
// //console.log(li);
// var notificationsElements = document.getElementsByClassName('notifications-items');
// //console.log(notificationsElements);
// for (let i = 0; i < notificationsElements.length; i++) {
// notificationsElements[i].insertAdjacentHTML('afterbegin', li);
// notificationsElements[i].closest('.notification').classList.add('new');
// }
// // new Notification(title, {body});
// });
// });
// messaging.onMessage(function(payload) {
// //console.log(payload);
// const notificationOption = {
// body: payload.notification.body,
// icon: payload.notification.icon
// };
// if (Notification.permission === "granted") {
// var notification = new Notification(payload.notification.title, notificationOption);
// notification.onclick = function(ev) {
// ev.preventDefault();
// window.open(payload.notification.click_action, '_blank');
// notification.close();
// }
// }
// });
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
// Add Valye in Category_name
document.querySelectorAll('#search_estate_type .dropdown-item').forEach(item => {
item.addEventListener('click', function() {
var selectedText = this.getAttribute('data-text');
var selectedValue = this.getAttribute('data-value');
document.querySelector("[name='search_category_name']").value = selectedText;
document.querySelector("[name='search_category_id']").value = selectedValue;
});
});
document.querySelectorAll('#search_destination .dropdown-item').forEach(item => {
item.addEventListener('click', function() {
var selectedText = this.getAttribute('data-text');
var selectedValue = this.getAttribute('data-value');
document.querySelector("[name='search_destination_name']").value = selectedText;
document.querySelector("[name='search_destination_id']").value = selectedValue;
});
});
document.getElementById('search_form').addEventListener('submit', function(event) {
event.preventDefault(); // منع الإرسال الافتراضي للنموذج
var search_category_name = document.querySelector("[name='search_category_name']").value;
var search_category_id = document.querySelector("[name='search_category_id']").value;
if (search_category_id) {
var category = search_category_name + '-' + search_category_id;
} else {
var category = search_category_name;
}
// var category = search_category_name + '-' + search_category_id;
var destination_name = document.querySelector("[name='search_destination_name']").value;
var destination_id = document.querySelector("[name='search_destination']").value;
var destination = destination_name + '-' + destination_id;
var search_booking_time_to = document.querySelector("[name='search_booking_time_to']").value;
var search_booking_time_from = document.querySelector("[name='search_booking_time_from']").value;
var url = category + '/' + search_category_name + '-للايجار-فى-مدينة-' + destination + '/' +
'جميع-الاحياء';
url += '?search_booking_time_from=' + search_booking_time_from + '&search_booking_time_to=' +
search_booking_time_to
console.log(url);
window.location.href = url;
});
// const categoryBoxs = document.querySelectorAll(".category-search");
// if (categoryBoxs) {
// categoryBoxs.forEach(box => {
// box.addEventListener("click", (event) => {
// // event.preventDefault();
// // category-popup
// const categoryPopup = document.getElementById('category-popup');
// const cities = categoryPopup.querySelectorAll(".city-item");
// if (cities) {
// cities.forEach(city => {
// var url = box.dataset.text + '-' + box.dataset.id + '/' + box.dataset
// .text + '-للايجار-فى-مدينة-' +
// city.dataset.text + '-' + city.dataset.id + '/' +
// 'جميع-الاحياء';
// city.href = url;
// })
// }
// })
// })
// }
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
const citySearchInput = document.querySelector('#city-search-dropdown');
if (citySearchInput) {
const cityList = document.querySelector('#search_destination .options-body');
const cities = cityList.querySelectorAll('.dropdown-item');
citySearchInput.addEventListener('search', function(event) {
const searchText = event.target.value.toLowerCase();
cities.forEach(function(city) {
const cityName = city.getAttribute('data-text').toLowerCase();
if (cityName.indexOf(searchText) !== -1) {
city.style.display = 'flex';
} else {
city.style.display = 'none';
}
});
});
citySearchInput.addEventListener('keyup', function(event) {
const searchText = event.target.value.toLowerCase();
cities.forEach(function(city) {
const cityName = city.getAttribute('data-text').toLowerCase();
if (cityName.indexOf(searchText) !== -1) {
city.style.display = 'flex';
} else {
city.style.display = 'none';
}
});
});
}
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
// const csrfToken = "<input type="hidden" name="_token" value="yZC2G8FPkfqDtys3j2p032iFZDIQ3mfsvCoCW5zR">";
$('.badge-btn').on('click', function() {
var mode = $(this).data('mode');
var type = $(this).data('type');
fetch(main_url + `/see-all/` + type + '/' + mode, {
method: "GET",
})
.then(response => response.json())
.then(data => {
$('.badge-' + type).hide();
})
.catch((error) => {
// Handle error
console.error("Error uploading image:", error);
});
});
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
// $('select[name="country_code"]').change(function(e) {
// console.log('country_code');
// var flag = $(this).find(':selected').data('flag')
// let selectedPhoneKey = $(this).find(':selected').data('key');
// var $img = $('#flag-tag');
// $img.attr('src',flag);
// let keys =
// let placeholder = keys[selectedPhoneKey] == undefined ? 'xxxxxxxxxx' :keys[selectedPhoneKey].placeholder;
// $("#login_phone").attr("placeholder", placeholder);
// });
// main.js code
// if(options) {
// options.forEach(opt => {
// opt.addEventListener("click", (e) => {
// e.preventDefault();
// // option value
// const value = opt.getAttribute("data-value");
// const pattern = opt.getAttribute("data-pattern");
// const key = opt.getAttribute("data-key");
// const flag = opt.querySelector(".flag img").src;
// //console.log(flag);
// // change inupt and title values
// input.value = value;
// input.setAttribute("data-key", key);
// input.setAttribute("data-pattern", pattern);
// dropdownTitle.textContent = value;
// dropdownImage.src = flag
// let keys = CountriesPhoneDate;
// let placeholder = keys[key] == undefined ? 'xxxxxxxxxx' :keys[key].placeholder;
// $("#login_phone").attr("placeholder", placeholder);
// // close dropdown menu
// closeDropdown(dropdownBox, dropdownButton);
// })
// })
// }
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
var IS_IPAD = navigator.userAgent.match(/iPad/i) != null,
IS_IPHONE = !IS_IPAD && ((navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(
/iPod/i) != null)),
IS_IOS = IS_IPAD || IS_IPHONE,
IS_ANDROID = !IS_IOS && navigator.userAgent.match(/android/i) != null,
IS_MOBILE = IS_IOS || IS_ANDROID;
if (IS_MOBILE) {
$('.mobile').css('display', 'block');
}
let refresh = false;
function openOnApp() {
var scheme = "https://goldenhost.page.link/tobR";
var ISO_scheme = "https://goldenhost.page.link/tobR";
var android_package = "com.cemsit.golden_host";
var ios_id = "6451445820";
var intent = '';
var id = 0;
var referral_code = 0;
// If it's not an universal app, use IS_IPAD or IS_IPHONE
if (IS_IOS) {
// window.location = "goldenapp://goldenhost.co" ;//ISO_scheme;//+"://"+id+'/'+referral_code;
// setTimeout(function() {
// // If the user is still here, open the App Store
// if (!document.webkitHidden) {
// // Replace the Apple ID following '/id'
// window.location = "goldenapp://goldenhost.co" ;//ISO_scheme;
// }
// }, 25);
setTimeout(function() {
// window.location = "https://goldenhost.co"+"/flatw/"+"" ;
window.location =
'https://apps.apple.com/eg/app/golden-host-%D9%82%D9%88%D9%84%D8%AF%D9%86-%D9%87%D9%88%D8%B3%D8%AA/id6451445820';;
}, 150);
setTimeout(function() {
// if(!refresh)
// window.location = "https://goldenhost.co" ;
// refresh = true;
window.location = "goldenapp://goldenhost.co";
}, 250);
} else if (IS_ANDROID) {
// Instead of using the actual URL scheme, use 'intent://' for better UX
//window.location = 'intent://HomeRoute/'+intent+'#Intent;referral_code='+referral_code+';id='+id+';package='+android_package+';scheme='+scheme+';launchFlags=268435456;end;';
window.location =
"goldenapp://goldenhost.co"; //scheme+"?link=https://goldenhost.co/"+id+'/'+referral_code;//"goldenapp://goldenhost.co" ; //scheme+"/?link=https://goldenhost.co/"+id+'/'+referral_code;//'intent://HomeRoute/referral_code='+referral_code+intent+'#Intent;package='+android_package+';scheme='+scheme+';launchFlags=268435456;end;';
}
//var id = 0;
}
function downloadApp() {
var scheme = "https://goldenhost.page.link/tobR";
var ISO_scheme = "https://goldenhost.page.link/tobR";
var android_package = "com.cemsit.golden_host";
var ios_id = "6451445820";
var intent = '';
var id = 0;
var referral_code = 0;
// If it's not an universal app, use IS_IPAD or IS_IPHONE
if (IS_IOS) {
setTimeout(function() {
window.location =
'https://apps.apple.com/eg/app/golden-host-%D9%82%D9%88%D9%84%D8%AF%D9%86-%D9%87%D9%88%D8%B3%D8%AA/id6451445820';;
}, 250);
setTimeout(function() {
window.location = "goldenapp://goldenhost.co";
}, 100);
// $.get("goldenapp://goldenhost.co").done(function () {
// window.location = "goldenapp://goldenhost.co";
// }).fail(function () {
// //window.location = ISO_scheme;
// window.location = "goldenapp://goldenhost.co";
// });
// window.location = "goldenapp://goldenhost.co";//ISO_scheme;//+"://"+id+'/'+referral_code;
// setTimeout(function() {
// // If the user is still here, open the App Store
// if (!document.webkitHidden) {
// // Replace the Apple ID following '/id'
// window.location = ISO_scheme;//"goldenapp://goldenhost.co";//ISO_scheme;
// }
// }, 25);
} else if (IS_ANDROID) {
navigator.getInstalledRelatedApps().then(relatedApps => {
if (relatedApps.length > 0) {
window.location = scheme; //"goldenapp://goldenhost.co" ;
} else {
window.location = 'intent://HomeRoute/#Intent;package=' + android_package + ';scheme=' +
scheme + ';launchFlags=268435456;end;';
}
});
// Instead of using the actual URL scheme, use 'intent://' for better UX
//window.location = 'intent://HomeRoute/'+intent+'#Intent;referral_code='+referral_code+';id='+id+';package='+android_package+';scheme='+scheme+';launchFlags=268435456;end;';
}
//var id = 0;
}
$(document).ready(function($) {
window.addEventListener('load', () => {
// Check to see if the API is supported.
if ('getInstalledRelatedApps' in navigator) {
// const divNotSupported = document.getElementById('notSupported');
// divNotSupported.classList.toggle('hidden', true);
checkForRelatedApps();
}
});
function checkForRelatedApps() {
navigator.getInstalledRelatedApps().then((relatedApps) => {
//console.log(`resolved (${relatedApps.length})`);
relatedApps.forEach((app) => {
const lines = [];
lines.push(`<b>id:</b> <code>${app.id}</code>`);
lines.push(`<b>platform:</b> ${app.platform}`);
lines.push(`<b>url:</b> <a href="${app.url}">${app.url}</a>`);
//console.log(lines)
// const li = document.createElement('li');
// li.innerHTML = lines.join('<br>');
// ul.appendChild(li);
});
});
}
// navigator.getInstalledRelatedApps().then(relatedApps => {
// for (let app of relatedApps) {
// if(IS_MOBILE)
// {
// alert('goldenhost')
// }
// }
// });
if (IS_MOBILE) {
}
// const relatedApps = await navigator.getInstalledRelatedApps();
// // Dump all the returned related apps into a table in the console
// console.table(relatedApps);
// // Search for a specific installed platform-specific app
// const psApp = relatedApps.find((app) => app.id === "com.example.myapp");
// if (psApp && doesVersionSendPushMessages(psApp.version)) {
// // There’s an installed platform-specific app that handles sending push messages
// // No need to handle this via the web app
// return;
// }
});
// const status = document.getElementById('status');
// const ul = document.getElementById('installedApps');
// $(document).ready(function($) {
// history.pushState(null, null, location.href);
// window.onpopstate = function () {
// history.go(1);
// };
// });
"use strict"
$.ajaxSetup({
headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
}
});
$(document).on('click', '.notificationLi', function() {
$.ajax({
type: "POST",
url: "https://goldenhost.co/notifications/seen",
// data: {'id': 'id'},
dataType: 'json',
success: function(data) {
if (data.status_code == 200) {
//location.reload();
// //console.log($(this).attr('href'))
//location.href=$(this).attr('href');
//console.log(data);
} else {
//console.log('error');
}
},
error: function(data) {
//console.log(data);
}
})
});
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
var x = 0;
$(document).ready(function() {
// $('.date-picker-button').data('daterangepicker').setStartDate('08/20/2023');
// $('.date-picker-button').data('daterangepicker').setEndDate('08/22/2023');
// $('.date-picker-button').daterangepicker({
// // select date
// startDate: moment().startOf('hour').add(7, 'day'),
// endDate: moment().startOf('hour').add(8, 'day')
// }, function(start, end, label) {
// const inputDateFrom = $('.date-picker-button').prevAll('#search_booking_time_from');
// const inputDateTo = $('.date-picker-button').prevAll('#search_booking_time_to');
// $(".date-picker-button span").text(start.format('YYYY-MM-DD') + " / " + end.format('YYYY-MM-DD'))
// inputDateFrom.val(start.format('YYYY-MM-DD'));
// inputDateTo.val(end.format('YYYY-MM-DD'));
// // });
// $("#login_phone").keypress(function(e){
// var keyCode = e.which;
// /*
// 8 - (backspace)
// 32 - (space)
// 48-57 - (0-9)Numbers
// */
// if ( (keyCode != 8 || keyCode ==32 ) && (keyCode < 48 || keyCode > 57)) {
// return false;
// }
// if ($(this).val().length >= 9) {
// return false;
// }
// var length = $(this).val().length;
// if(length==1 && $(this).val()!=5)
// {
// $(this).val('');
// return false;
// }
// });
$("#login_phone").keypress(function(e) {
var keyCode = e.which;
/*
8 - (backspace)
32 - (space)
48-57 - (0-9)Numbers
*/
if ((keyCode != 8 || keyCode == 32) && (keyCode < 48 || keyCode > 57)) {
return false;
}
//let selectedPhoneKey = $('select[name="country_code"]').find(':selected').data('key');
let selectedPhoneKey = $('input[name="country_code"]').data('key');
let keys = {
"+213" : { length : 9 , placeholder : '8XXXXXXXX'},
"+20" : { length : 11 , placeholder : '01XXXXXXXX'},
"+964" : { length : 9 , placeholder : '7XXXXXXXX'},
"+965" : { length : 8 , placeholder : '5XXXXXXX'},
"+961" : { length : 8 , placeholder : '7XXXXXXX'},
"+212" : { length : 9 , placeholder : '6XXXXXXXX'},
"+968" : { length : 8 , placeholder : '9XXXXXXX'},
"+974" : { length : 8 , placeholder : '5XXXXXXX'},
"+966" : { length : 9 , placeholder : '5XXXXXXXX'},
"+249" : { length : 9 , placeholder : '9XXXXXXXX'},
"+963" : { length : 9 , placeholder : '9XXXXXXXX'},
"+216" : { length : 8 , placeholder : '9XXXXXXX'},
"+971" : { length : 9 , placeholder : '5XXXXXXXX'}
}
let length = keys[selectedPhoneKey] == undefined ? 15 : keys[selectedPhoneKey].length;
let placeholder = keys[selectedPhoneKey] == undefined ? 'XXXXXXXXXX' : keys[
selectedPhoneKey].placeholder;
if ($(this).val().length >= length) {
return false;
}
checkPhonePattern($(this));
});
$("#login_phone").on("input", function() {
checkPhonePattern($(this));
});
async function checkPhonePattern(input) {
var length = input.val().length;
//var pattern = $('select[name="country_code"]').find(':selected').data('pattern')
var pattern = $('input[name="country_code"]').data('pattern')
pattern = pattern.replaceAll("/", ""); // "Bello World"
// const regex = `${pattern}gm`;
const regex = new RegExp(pattern, 'gm')
var loginSubmit = $('#login-submit');
//loginSubmit.prop('disabled', true);
setTimeout(() => {
while ((m = regex.exec(input.val())) !== null) {
// This is necessary to avoid infinite loops with zero-width matches
if (m.index === regex.lastIndex) {
regex.lastIndex++;
}
// The result can be accessed through the `m`-variable.
m.forEach((match, groupIndex) => {
//loginSubmit.prop('disabled', false);
});
}
}, 500);
}
});
</script>
<script type="c66ecbbd635b2d1ebb70a974-text/javascript">
function openSuccess(message = null, refresh = false) {
//console.log('operation_success');
var operation_successModel = new bootstrap.Modal(document.getElementById("operation_success"), {});
let success_text = document.getElementById('success_text');
let success_text_old = success_text.innerHTML
if (message) {
success_text.innerHTML = message;
}
operation_successModel.show();
document.getElementById("operation_success").addEventListener('hidden.bs.modal', function(event) {
success_text.innerHTML = success_text_old;
if (refresh) {
window.location.reload();
}
})
// //console.log('operation_success' , message);
// var operation_successModel = new bootstrap.Modal(document.getElementById("operation_success"), {});
// operation_successModel.show();
}
function openError(error = null) {
//console.log('operation_failed');
var operation_failedModel = new bootstrap.Modal(document.getElementById("operation_failed"), {});
let error_text = document.getElementById('error_text');
let error_text_old = error_text.innerHTML
if (error) {
error_text.innerHTML = error;
}
operation_failedModel.show();
document.getElementById("operation_failed").addEventListener('hidden.bs.modal', function(event) {
error_text.innerHTML = error_text_old;
})
}
</script>
<!--//console.log('ggggg');-->
<!--<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>-->
<!--<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<!-- Hotjar Tracking Code for https://www.goldenhost.co/ -->
<script rel="preload" type="c66ecbbd635b2d1ebb70a974-text/javascript">
(function(h, o, t, j, a, r) {
h.hj = h.hj || function() {
(h.hj.q = h.hj.q || []).push(arguments)
};
h._hjSettings = {
hjid: 3668034,
hjsv: 6
};
a = o.getElementsByTagName('head')[0];
r = o.createElement('script');
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c66ecbbd635b2d1ebb70a974-|49" defer></script></body>
</html>