- 扫描 ID：
- 23a21692-afb9-4eb4-adc7-53f13a2f1d3e已完成
- 提交的 URL：
- https://cars.ng/
- 报告完成时间：
链接 · 找到 1 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://hng.tech/internship | HNG Internship |
JavaScript 变量 · 找到 45 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| intlTelInputGlobals | object |
| intlTelInput | function |
| Swiper | function |
| gtag | function |
| dataLayer | object |
| $ | function |
| jQuery | function |
控制台日志消息 · 找到 6 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| warning | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| log | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en"><head><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="8DZouyYkqYLTs5eA82sLVeB4Gu88jRxcvWd5DPYg">
<meta itemprop="name" content="Cars.ng">
<meta itemprop="url" content="https://cars.ng">
<meta name="author" content="Cars.ng">
<link rel="canonical" href="https://cars.ng">
<meta property="og:type" content="website">
<meta property="og:image" content="https://cars.ng/img/aboutbg5.png">
<meta property="og:image:secure_url" content="https://cars.ng/img/aboutbg5.png">
<meta property="og:image:type" content="image/png">
<meta property="og:url" content="https://cars.ng/">
<meta property="og:description" content="Explore, buy and sell cars in Nigeria from our wide selection including SUVs, sedans, trucks and more from top car brands. Get the best prices on cars.ng">
<meta name="description" content="Explore, buy and sell cars in Nigeria from our wide selection including SUVs, sedans, trucks and more from top car brands. Get the best prices on cars.ng">
<meta property="og:site_name" content="Cars.ng">
<meta name="keywords" content="car, cars, used cars, buy car, sell car, models, brands, popular cars, car prices, new cars, car types">
<meta name="robots" content="index,follow">
<title>Cars.ng: Buy Or Sell Cars in Nigeria</title>
<!-- Favicon -->
<link rel="icon" type="image/png" href="https://cars.ng/img/logos/favicon.png">
<!-- Scripts -->
<!-- Favicon -->
<link rel="icon" type="image/png" href="https://cars.ng/img/logos/favicon.png">
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="https://cars.ng/css/app.css" rel="stylesheet">
<link href="https://cars.ng/css/blog.css" rel="stylesheet">
<link href="https://cars.ng/css/dealerlist.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Mukta:400,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css" integrity="sha512-6lLUdeQ5uheMFbWm3CP271l14RsX1xtx+J5x2yeIDkkiBpeVTNhTqijME7GgRKKi6hCqovwCoBTlRBEC20M8Mg==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous">
<!-- CSS for intl-tel-input -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet">
<!-- JS for intl-tel-input -->
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-6J99RZR8Y2&l=dataLayer&cx=c&gtm=457e4cc1za200"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<!-- JS for Swiper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.js"></script>
<!-- Style for Swiper -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cars.ng/css/style.css">
<style>
.header.hero {
height: 85vh;
max-height: 675px;
background: linear-gradient(rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url(https://cars.ng/img/g-wagon.jpg);
background-size: cover;
background-position: center;
position: relative;
}
.header-text {
/* padding-top: 215px; */
height: 100%;
}
.header-text h1 {
font-size: 2.2rem;
}
h3 {
font-size: 18px;
}
.header p {
font-size: 18px;
margin-right: 20%;
}
p {
font-size: 14px;
}
.header-text h2 {
font-size: 0.9rem !important;
}
.header-text .credit {
width: 200px;
position: absolute;
/* bottom: 20px; */
right: 20px;
}
.btn-group .btn-outline-secondary {
border: 1px solid #ECECEE !important;
}
.car .card,
.car-type .card,
.cars .card {
border: 1px solid #fff !important;
border-radius: 10px !important;
margin: 10px;
}
.car:hover .card:hover,
.car-type:hover .card:hover,
.cars:hover .card:hover {
border: 1px solid #E3342F !important;
background-color: #fff !important;
}
.car-type .types {
overflow-x: auto;
width: 100%;
}
.car-brand .brands {
/* overflow-x: auto; */
width: 100%;
}
.car-type .card {
border: 0;
}
.car-brand .card {
border: 0;
}
.car-type .card,
.recent-cars .card,
.popular-car .card {
transition: all 0.1s ease;
}
.car-type .card:hover,
.recent-cars .card:hover,
.popular-car .card:hover {
border: 1px solid #E3342F;
/* background-color: #F2F2F2; */
/* transform: translateY(-3%) */
}
.car-brand .card:hover {
border: 1px solid #E3342F;
}
.recent-cars {
margin: 75px 0;
}
.recent-cars .control,
.car-week .control {
height: 25px;
width: 25px;
background-color: #fff;
display: flex;
justify-content: space-around;
align-items: center;
}
*/ .recent-cars .carousel-item {
height: fit-content;
}
.recent-cars .active {
display: flex;
justify-content: space-between;
}
.recent-cars .card .desc {
margin-top: -10px !important;
}
.car-week .controls {
position: relative;
bottom: 50px;
right: 50px;
z-index: 2;
/* margin-top: -50px; */
box-sizing: border-box;
}
.car-week .carousel-indicators {
margin-right: 32vw !important;
margin-bottom: 45px;
}
.car-week .carousel-indicators li {
width: 10px !important;
height: 10px !important;
border-radius: 50%;
}
.car-week .carousel-indicators .active {
background-color: red !important;
}
.car-week .carousel-item img {
object-fit: cover;
}
.gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.gallery .card-img,
.gallery-mb .card-img {
object-fit: cover;
height: 100%;
width: 100%;
}
.gallery .card-img-overlay {
background: linear-gradient(180deg, rgba(51, 51, 51, 0) 24.48%, rgba(0, 0, 0, 0.72) 100%);
}
.gallery .gal-1 {
grid-column-start: 1;
grid-column-end: 3;
height: 325px;
}
.gallery .gal-6 {
grid-column-start: 3;
grid-column-end: 5;
height: 325px;
}
.gallery .gal-4,
.gallery .gal-5 {
margin-top: -78px;
}
/* .gal-2, .gal-3, .gal-4, .gal-5 {
height: 371px;
} */
.specification {
font-size: 16px;
}
.specification h4 {
font-family: Bebas Neue;
font-size: 24px;
}
.allcars {
font-weight: 700;
border: 1px solid #E3342F;
}
.allcars:hover {
color: white;
}
p {
font-size: 16px;
}
.swiper-wrapper,
.swiper-wrapper2 {
padding: 1rem
}
.indicators .control,
.indicators-2 .control {
width: 2rem !important;
height: 2rem !important;
border-radius: 6px !important;
background-color: #ECECEC !important;
}
.swiper-button-prev, .swiper-button-next {
position: static !important;
}
.swiper-button-prev::after, .swiper-button-next::after {
display: block;
content: "";
}
.swiper-slide a {
text-decoration: none !important;
}
.for-sale-card img {
width: 100%;
aspect-ratio: 400/260;
}
.tag-container .tag {
color: #E3342F;
background-color: #FFF9F9;
border-radius: 6px;
padding: 6px;
font-size: 14px;
line-height: 14px;
}
.car-card-alt {
border: 1px solid #fff;
}
.recently-added {
box-shadow: 0px 0px 14px 0px #0000000A;
border-radius: 10px;
cursor: pointer;
border: 1px solid #fff;
}
.recently-added:hover {
border: 1px solid #E3342F;
}
.car-card-alt:hover {
box-shadow: 0px 0px 20px 0px #0000000A;
border-radius: 10px;
cursor: pointer;
border: 1px solid #E3342F;
}
.link-btn:hover .fas {
color: #fff !important;
}
@media (min-width: 768px) {}
@media (max-width: 767.98px) {
.car-container {
width: 85%;
}
.specification {
font-size: 14px;
}
.header {
height: 500px;
position: relative;
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://cars.ng/img/g-wagon-mc.jpg);
background-size: cover;
background-position: center;
}
.header-text {
padding-top: 100px;
}
.header-text h1 {
font-size: 1.65rem;
width: 350px;
margin-left: 10px;
}
.header-text h2 {
font-size: 0.66rem !important;
}
.header-text .credit {
width: 170px;
position: absolute;
bottom: 5px;
right: 10px;
}
.car-type .card {
width: 100%;
}
.car-brand .card {
width: 50%;
}
.recent-cars {
margin: 50px 0;
}
.recent-cars .card {
width: 100%;
margin: 10px 5px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.07);
}
.car-week {
margin-bottom: 50px;
}
.car-week .carousel-item .row {
flex-direction: column-reverse;
}
.gallery-md .card {
margin-bottom: -40px;
}
.gal-1,
.gal-6,
.gal-2,
.gal-3,
.gal-4,
.gal-5 {
height: 371px;
margin-bottom: 10px !important;
}
}
.brands {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
/* padding-block-start: 1rem; */
}
.brand-card {
display: grid;
align-items: center;
justify-content: center;
row-gap: 1rem;
height: 150px;
border: 1px solid #fff;
border-radius: 10px;
transition: all 0.1s ease-in;
}
.brand-card:hover {
border: 1px solid red;
box-sizing: border-box;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.07);
}
.brand-card img {
max-width: 80px;
max-height: 100%;
object-fit: contain;
}
.brand-card h3 {
width: 100%;
margin: 0;
place-self: end;
text-align: center;
}
.gap {
grid-row-gap: 1rem;
grid-column-gap: 0.5rem;
}
@media (min-width: 992.98px) {
.brands {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
}
/* .brand-card {
height: 100%;
} */
.brand-card img {
max-width: 100px;
max-height: 100%;
}
.gap {
gap: 1.5rem;
}
}
@media (max-width: 800.98px) {
.header-mobile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-inline: 1rem;
}
.header-mobile h1 {
font-size: 1.65rem;
}
.header-mobile h2 {
font-size: 0.7rem !important;
}
}
</style>
<style media="screen">
.car .card,
.car-type .card,
.cars .card {
border: 1px solid #DEDEDE;
border-radius: 4px;
margin: 10px;
}
.card-height-width {
height: 197px;
width: 23%;
}
.car-brand .card {
border: 1px solid #fff;
/* border-radius: 4px; */
}
a,
a:hover,
a:focus,
a:active {
color: inherit;
}
.auth-btns {
display: flex;
justify-content: center;
}
.auth-btns .login-btn:hover {
color: #fff !important;
}
.auth-modal-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.auth-modal {
padding: 2.5rem;
font-family: Mukta, sans-serif
}
.auth-modal-header {
font-weight: 700;
font-size: 1.5rem;
color: #07050F;
}
.auth-form {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 6px;
border: 1px solid #32475C38
}
.auth-form:focus {
border-color: #bd2130;
outline: #bd2130
}
input[type="checkbox"]:checked {
accent-color: #E3342F
}
.auth-btn {
width: 100%;
padding: 0.75rem;
color: white;
border-radius: 6px;
border: none
}
.social-login-container {
display: flex;
align-items: center;
width: 100%;
gap: 1rem;
}
.social-login {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 1rem 0;
border-radius: 6px;
transition: all 300ms ease-in-out;
cursor: pointer;
}
.social-login:hover {
transform: scale(0.95);
}
.iti {
width: 100%;
}
.iti__flag-container {
background-color: #f9f9f9;
border-radius: 4px;
}
/* .auth-form {
padding-left: 50px;
} */
@media (min-width: 800px) {
.navbar {
padding-inline-start: 1.8rem !important
}
.auth-modal {
padding: 1.5rem
}
}
@media (max-width: 800.98px) {
.similar-cars {
padding: 10px;
}
.auth-btns {
display: flex;
justify-content: center;
}
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23355006-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-23355006-4');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous"></script>
<script src="https://cars.ng/js/sweetalert.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script><style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:hsl(0,0%,33%);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid hsl(0,0%,85%);border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:hsl(0,0%,94%);color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:rgb(249.95234375,205.965625,167.74765625);color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:rgb(156.7033492823,224.2822966507,246.2966507177);color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:rgb(200.8064516129,217.9677419355,225.1935483871);color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
<script src="js/accordions.js"></script>
<script src="js/custom.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 24,
navigation: {
nextEl: '.indicators .swiper-button-next',
prevEl: '.indicators .swiper-button-prev',
},
loop: true,
breakpoints: {
1200: {
slidesPerView: 3,
},
768: {
slidesPerView: 2,
},
480: {
slidesPerView: 1,
}
}
});
const swiper2 = new Swiper('.swiper-container2', {
slidesPerView: 4,
spaceBetween: 24,
navigation: {
nextEl: '.indicators-2 .swiper-button-next',
prevEl: '.indicators-2 .swiper-button-prev',
},
loop: true,
breakpoints: {
1200: {
slidesPerView: 4,
},
768: {
slidesPerView: 2,
},
480: {
slidesPerView: 1,
}
}
});
});
</script>
</head>
<body>
<!-- Register Modal -->
<div id="registerModal" style="background-color: #0001" class="modal fade" role="dialog">
<div class="modal-dialog auth-modal-wrapper modal-dialog-centered">
<div class="modal-content auth-modal">
<h3 id="auth-header" class="auth-modal-header">Register</h3>
<p class="" style="color: #6A7181">Register to create an account.</p>
<hr style="margin-top: 0">
<!-- Registration Form, hidden by default -->
<form id="registerForm" style="display: none; margin-bottom:0;">
<input type="hidden" name="_token" value="8DZouyYkqYLTs5eA82sLVeB4Gu88jRxcvWd5DPYg"> <div class="form-group">
<input required="" type="email" name="email" id="email" class="auth-form" placeholder="Enter Email">
</div>
<div class="form-group">
<input required="" type="password" name="password" id="password" class="auth-form" placeholder="Enter Password">
</div>
<div class="form-group">
<div class="iti iti--allow-dropdown iti--separate-dial-code"><div class="iti__flag-container"><div class="iti__selected-flag" role="combobox" aria-controls="iti-0__country-listbox" aria-owns="iti-0__country-listbox" aria-expanded="false" tabindex="0" title="Nigeria: +234" aria-activedescendant="iti-0__item-ng-preferred"><div class="iti__flag iti__ng"></div><div class="iti__selected-dial-code">+234</div><div class="iti__arrow"></div></div><ul class="iti__country-list iti__hide" id="iti-0__country-listbox" role="listbox" aria-label="List of countries"><li class="iti__country iti__preferred iti__active" tabindex="-1" id="iti-0__item-ng-preferred" role="option" data-dial-code="234" data-country-code="ng" aria-selected="true"><div class="iti__flag-box"><div class="iti__flag iti__ng"></div></div><span class="iti__country-name">Nigeria</span><span class="iti__dial-code">+234</span></li><li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-us-preferred" role="option" data-dial-code="1" data-country-code="us" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-gb-preferred" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gb"></div></div><span class="iti__country-name">United Kingdom</span><span class="iti__dial-code">+44</span></li><li class="iti__divider" role="separator" aria-disabled="true"></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-af" role="option" data-dial-code="93" data-country-code="af" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__af"></div></div><span class="iti__country-name">Afghanistan (افغانستان)</span><span class="iti__dial-code">+93</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-al" role="option" data-dial-code="355" data-country-code="al" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__al"></div></div><span class="iti__country-name">Albania (Shqipëri)</span><span class="iti__dial-code">+355</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dz" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dz"></div></div><span class="iti__country-name">Algeria (الجزائر)</span><span class="iti__dial-code">+213</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-as" role="option" data-dial-code="1" data-country-code="as" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__as"></div></div><span class="iti__country-name">American Samoa</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ad" role="option" data-dial-code="376" data-country-code="ad" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ad"></div></div><span class="iti__country-name">Andorra</span><span class="iti__dial-code">+376</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ao" role="option" data-dial-code="244" data-country-code="ao" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ao"></div></div><span class="iti__country-name">Angola</span><span class="iti__dial-code">+244</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ai" role="option" data-dial-code="1" data-country-code="ai" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ai"></div></div><span class="iti__country-name">Anguilla</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ag" role="option" data-dial-code="1" data-country-code="ag" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ag"></div></div><span class="iti__country-name">Antigua and Barbuda</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ar" role="option" data-dial-code="54" data-country-code="ar" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ar"></div></div><span class="iti__country-name">Argentina</span><span class="iti__dial-code">+54</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-am" role="option" data-dial-code="374" data-country-code="am" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__am"></div></div><span class="iti__country-name">Armenia (Հայաստան)</span><span class="iti__dial-code">+374</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-aw" role="option" data-dial-code="297" data-country-code="aw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__aw"></div></div><span class="iti__country-name">Aruba</span><span class="iti__dial-code">+297</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-au" role="option" data-dial-code="61" data-country-code="au" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__au"></div></div><span class="iti__country-name">Australia</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-at" role="option" data-dial-code="43" data-country-code="at" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__at"></div></div><span class="iti__country-name">Austria (Österreich)</span><span class="iti__dial-code">+43</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-az" role="option" data-dial-code="994" data-country-code="az" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__az"></div></div><span class="iti__country-name">Azerbaijan (Azərbaycan)</span><span class="iti__dial-code">+994</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bs" role="option" data-dial-code="1" data-country-code="bs" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bs"></div></div><span class="iti__country-name">Bahamas</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bh" role="option" data-dial-code="973" data-country-code="bh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bh"></div></div><span class="iti__country-name">Bahrain (البحرين)</span><span class="iti__dial-code">+973</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bd" role="option" data-dial-code="880" data-country-code="bd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bd"></div></div><span class="iti__country-name">Bangladesh (বাংলাদেশ)</span><span class="iti__dial-code">+880</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bb" role="option" data-dial-code="1" data-country-code="bb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bb"></div></div><span class="iti__country-name">Barbados</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-by" role="option" data-dial-code="375" data-country-code="by" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__by"></div></div><span class="iti__country-name">Belarus (Беларусь)</span><span class="iti__dial-code">+375</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-be" role="option" data-dial-code="32" data-country-code="be" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__be"></div></div><span class="iti__country-name">Belgium (België)</span><span class="iti__dial-code">+32</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bz" role="option" data-dial-code="501" data-country-code="bz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bz"></div></div><span class="iti__country-name">Belize</span><span class="iti__dial-code">+501</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bj" role="option" data-dial-code="229" data-country-code="bj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bj"></div></div><span class="iti__country-name">Benin (Bénin)</span><span class="iti__dial-code">+229</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bm" role="option" data-dial-code="1" data-country-code="bm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bm"></div></div><span class="iti__country-name">Bermuda</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bt" role="option" data-dial-code="975" data-country-code="bt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bt"></div></div><span class="iti__country-name">Bhutan (འབྲུག)</span><span class="iti__dial-code">+975</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bo" role="option" data-dial-code="591" data-country-code="bo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bo"></div></div><span class="iti__country-name">Bolivia</span><span class="iti__dial-code">+591</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ba" role="option" data-dial-code="387" data-country-code="ba" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ba"></div></div><span class="iti__country-name">Bosnia and Herzegovina (Босна и Херцеговина)</span><span class="iti__dial-code">+387</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bw" role="option" data-dial-code="267" data-country-code="bw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bw"></div></div><span class="iti__country-name">Botswana</span><span class="iti__dial-code">+267</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-br" role="option" data-dial-code="55" data-country-code="br" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__br"></div></div><span class="iti__country-name">Brazil (Brasil)</span><span class="iti__dial-code">+55</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-io" role="option" data-dial-code="246" data-country-code="io" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__io"></div></div><span class="iti__country-name">British Indian Ocean Territory</span><span class="iti__dial-code">+246</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vg" role="option" data-dial-code="1" data-country-code="vg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vg"></div></div><span class="iti__country-name">British Virgin Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bn" role="option" data-dial-code="673" data-country-code="bn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bn"></div></div><span class="iti__country-name">Brunei</span><span class="iti__dial-code">+673</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bg" role="option" data-dial-code="359" data-country-code="bg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bg"></div></div><span class="iti__country-name">Bulgaria (България)</span><span class="iti__dial-code">+359</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bf" role="option" data-dial-code="226" data-country-code="bf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bf"></div></div><span class="iti__country-name">Burkina Faso</span><span class="iti__dial-code">+226</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bi" role="option" data-dial-code="257" data-country-code="bi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bi"></div></div><span class="iti__country-name">Burundi (Uburundi)</span><span class="iti__dial-code">+257</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kh" role="option" data-dial-code="855" data-country-code="kh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kh"></div></div><span class="iti__country-name">Cambodia (កម្ពុជា)</span><span class="iti__dial-code">+855</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cm" role="option" data-dial-code="237" data-country-code="cm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cm"></div></div><span class="iti__country-name">Cameroon (Cameroun)</span><span class="iti__dial-code">+237</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ca" role="option" data-dial-code="1" data-country-code="ca" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ca"></div></div><span class="iti__country-name">Canada</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cv" role="option" data-dial-code="238" data-country-code="cv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cv"></div></div><span class="iti__country-name">Cape Verde (Kabu Verdi)</span><span class="iti__dial-code">+238</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bq" role="option" data-dial-code="599" data-country-code="bq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bq"></div></div><span class="iti__country-name">Caribbean Netherlands</span><span class="iti__dial-code">+599</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ky" role="option" data-dial-code="1" data-country-code="ky" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ky"></div></div><span class="iti__country-name">Cayman Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cf" role="option" data-dial-code="236" data-country-code="cf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cf"></div></div><span class="iti__country-name">Central African Republic (République centrafricaine)</span><span class="iti__dial-code">+236</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-td" role="option" data-dial-code="235" data-country-code="td" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__td"></div></div><span class="iti__country-name">Chad (Tchad)</span><span class="iti__dial-code">+235</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cl" role="option" data-dial-code="56" data-country-code="cl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cl"></div></div><span class="iti__country-name">Chile</span><span class="iti__dial-code">+56</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cn" role="option" data-dial-code="86" data-country-code="cn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cn"></div></div><span class="iti__country-name">China (中国)</span><span class="iti__dial-code">+86</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cx" role="option" data-dial-code="61" data-country-code="cx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cx"></div></div><span class="iti__country-name">Christmas Island</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cc" role="option" data-dial-code="61" data-country-code="cc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cc"></div></div><span class="iti__country-name">Cocos (Keeling) Islands</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-co" role="option" data-dial-code="57" data-country-code="co" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__co"></div></div><span class="iti__country-name">Colombia</span><span class="iti__dial-code">+57</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-km" role="option" data-dial-code="269" data-country-code="km" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__km"></div></div><span class="iti__country-name">Comoros (جزر القمر)</span><span class="iti__dial-code">+269</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cd" role="option" data-dial-code="243" data-country-code="cd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cd"></div></div><span class="iti__country-name">Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)</span><span class="iti__dial-code">+243</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cg" role="option" data-dial-code="242" data-country-code="cg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cg"></div></div><span class="iti__country-name">Congo (Republic) (Congo-Brazzaville)</span><span class="iti__dial-code">+242</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ck" role="option" data-dial-code="682" data-country-code="ck" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ck"></div></div><span class="iti__country-name">Cook Islands</span><span class="iti__dial-code">+682</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cr" role="option" data-dial-code="506" data-country-code="cr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cr"></div></div><span class="iti__country-name">Costa Rica</span><span class="iti__dial-code">+506</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ci" role="option" data-dial-code="225" data-country-code="ci" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ci"></div></div><span class="iti__country-name">Côte d’Ivoire</span><span class="iti__dial-code">+225</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hr" role="option" data-dial-code="385" data-country-code="hr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hr"></div></div><span class="iti__country-name">Croatia (Hrvatska)</span><span class="iti__dial-code">+385</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cu" role="option" data-dial-code="53" data-country-code="cu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cu"></div></div><span class="iti__country-name">Cuba</span><span class="iti__dial-code">+53</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cw" role="option" data-dial-code="599" data-country-code="cw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cw"></div></div><span class="iti__country-name">Curaçao</span><span class="iti__dial-code">+599</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cy" role="option" data-dial-code="357" data-country-code="cy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cy"></div></div><span class="iti__country-name">Cyprus (Κύπρος)</span><span class="iti__dial-code">+357</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cz" role="option" data-dial-code="420" data-country-code="cz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cz"></div></div><span class="iti__country-name">Czech Republic (Česká republika)</span><span class="iti__dial-code">+420</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dk" role="option" data-dial-code="45" data-country-code="dk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dk"></div></div><span class="iti__country-name">Denmark (Danmark)</span><span class="iti__dial-code">+45</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dj" role="option" data-dial-code="253" data-country-code="dj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dj"></div></div><span class="iti__country-name">Djibouti</span><span class="iti__dial-code">+253</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dm" role="option" data-dial-code="1" data-country-code="dm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dm"></div></div><span class="iti__country-name">Dominica</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-do" role="option" data-dial-code="1" data-country-code="do" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__do"></div></div><span class="iti__country-name">Dominican Republic (República Dominicana)</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ec" role="option" data-dial-code="593" data-country-code="ec" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ec"></div></div><span class="iti__country-name">Ecuador</span><span class="iti__dial-code">+593</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eg" role="option" data-dial-code="20" data-country-code="eg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__eg"></div></div><span class="iti__country-name">Egypt (مصر)</span><span class="iti__dial-code">+20</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sv" role="option" data-dial-code="503" data-country-code="sv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sv"></div></div><span class="iti__country-name">El Salvador</span><span class="iti__dial-code">+503</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gq" role="option" data-dial-code="240" data-country-code="gq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gq"></div></div><span class="iti__country-name">Equatorial Guinea (Guinea Ecuatorial)</span><span class="iti__dial-code">+240</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-er" role="option" data-dial-code="291" data-country-code="er" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__er"></div></div><span class="iti__country-name">Eritrea</span><span class="iti__dial-code">+291</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ee" role="option" data-dial-code="372" data-country-code="ee" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ee"></div></div><span class="iti__country-name">Estonia (Eesti)</span><span class="iti__dial-code">+372</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-et" role="option" data-dial-code="251" data-country-code="et" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__et"></div></div><span class="iti__country-name">Ethiopia</span><span class="iti__dial-code">+251</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fk" role="option" data-dial-code="500" data-country-code="fk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fk"></div></div><span class="iti__country-name">Falkland Islands (Islas Malvinas)</span><span class="iti__dial-code">+500</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fo" role="option" data-dial-code="298" data-country-code="fo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fo"></div></div><span class="iti__country-name">Faroe Islands (Føroyar)</span><span class="iti__dial-code">+298</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fj" role="option" data-dial-code="679" data-country-code="fj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fj"></div></div><span class="iti__country-name">Fiji</span><span class="iti__dial-code">+679</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fi" role="option" data-dial-code="358" data-country-code="fi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fi"></div></div><span class="iti__country-name">Finland (Suomi)</span><span class="iti__dial-code">+358</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fr" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fr"></div></div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gf" role="option" data-dial-code="594" data-country-code="gf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gf"></div></div><span class="iti__country-name">French Guiana (Guyane française)</span><span class="iti__dial-code">+594</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pf" role="option" data-dial-code="689" data-country-code="pf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pf"></div></div><span class="iti__country-name">French Polynesia (Polynésie française)</span><span class="iti__dial-code">+689</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ga" role="option" data-dial-code="241" data-country-code="ga" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ga"></div></div><span class="iti__country-name">Gabon</span><span class="iti__dial-code">+241</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gm" role="option" data-dial-code="220" data-country-code="gm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gm"></div></div><span class="iti__country-name">Gambia</span><span class="iti__dial-code">+220</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ge" role="option" data-dial-code="995" data-country-code="ge" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ge"></div></div><span class="iti__country-name">Georgia (საქართველო)</span><span class="iti__dial-code">+995</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-de" role="option" data-dial-code="49" data-country-code="de" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__de"></div></div><span class="iti__country-name">Germany (Deutschland)</span><span class="iti__dial-code">+49</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gh" role="option" data-dial-code="233" data-country-code="gh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gh"></div></div><span class="iti__country-name">Ghana (Gaana)</span><span class="iti__dial-code">+233</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gi" role="option" data-dial-code="350" data-country-code="gi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gi"></div></div><span class="iti__country-name">Gibraltar</span><span class="iti__dial-code">+350</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gr" role="option" data-dial-code="30" data-country-code="gr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gr"></div></div><span class="iti__country-name">Greece (Ελλάδα)</span><span class="iti__dial-code">+30</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gl" role="option" data-dial-code="299" data-country-code="gl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gl"></div></div><span class="iti__country-name">Greenland (Kalaallit Nunaat)</span><span class="iti__dial-code">+299</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gd" role="option" data-dial-code="1" data-country-code="gd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gd"></div></div><span class="iti__country-name">Grenada</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gp" role="option" data-dial-code="590" data-country-code="gp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gp"></div></div><span class="iti__country-name">Guadeloupe</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gu" role="option" data-dial-code="1" data-country-code="gu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gu"></div></div><span class="iti__country-name">Guam</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gt" role="option" data-dial-code="502" data-country-code="gt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gt"></div></div><span class="iti__country-name">Guatemala</span><span class="iti__dial-code">+502</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gg" role="option" data-dial-code="44" data-country-code="gg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gg"></div></div><span class="iti__country-name">Guernsey</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gn" role="option" data-dial-code="224" data-country-code="gn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gn"></div></div><span class="iti__country-name">Guinea (Guinée)</span><span class="iti__dial-code">+224</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gw" role="option" data-dial-code="245" data-country-code="gw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gw"></div></div><span class="iti__country-name">Guinea-Bissau (Guiné Bissau)</span><span class="iti__dial-code">+245</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gy" role="option" data-dial-code="592" data-country-code="gy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gy"></div></div><span class="iti__country-name">Guyana</span><span class="iti__dial-code">+592</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ht" role="option" data-dial-code="509" data-country-code="ht" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ht"></div></div><span class="iti__country-name">Haiti</span><span class="iti__dial-code">+509</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hn" role="option" data-dial-code="504" data-country-code="hn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hn"></div></div><span class="iti__country-name">Honduras</span><span class="iti__dial-code">+504</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hk" role="option" data-dial-code="852" data-country-code="hk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hk"></div></div><span class="iti__country-name">Hong Kong (香港)</span><span class="iti__dial-code">+852</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hu" role="option" data-dial-code="36" data-country-code="hu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hu"></div></div><span class="iti__country-name">Hungary (Magyarország)</span><span class="iti__dial-code">+36</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-is" role="option" data-dial-code="354" data-country-code="is" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__is"></div></div><span class="iti__country-name">Iceland (Ísland)</span><span class="iti__dial-code">+354</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-in" role="option" data-dial-code="91" data-country-code="in" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__in"></div></div><span class="iti__country-name">India (भारत)</span><span class="iti__dial-code">+91</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-id" role="option" data-dial-code="62" data-country-code="id" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__id"></div></div><span class="iti__country-name">Indonesia</span><span class="iti__dial-code">+62</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ir" role="option" data-dial-code="98" data-country-code="ir" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ir"></div></div><span class="iti__country-name">Iran (ایران)</span><span class="iti__dial-code">+98</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-iq" role="option" data-dial-code="964" data-country-code="iq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__iq"></div></div><span class="iti__country-name">Iraq (العراق)</span><span class="iti__dial-code">+964</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ie" role="option" data-dial-code="353" data-country-code="ie" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ie"></div></div><span class="iti__country-name">Ireland</span><span class="iti__dial-code">+353</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-im" role="option" data-dial-code="44" data-country-code="im" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__im"></div></div><span class="iti__country-name">Isle of Man</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-il" role="option" data-dial-code="972" data-country-code="il" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__il"></div></div><span class="iti__country-name">Israel (ישראל)</span><span class="iti__dial-code">+972</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-it" role="option" data-dial-code="39" data-country-code="it" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__it"></div></div><span class="iti__country-name">Italy (Italia)</span><span class="iti__dial-code">+39</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jm" role="option" data-dial-code="1" data-country-code="jm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jm"></div></div><span class="iti__country-name">Jamaica</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jp" role="option" data-dial-code="81" data-country-code="jp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jp"></div></div><span class="iti__country-name">Japan (日本)</span><span class="iti__dial-code">+81</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-je" role="option" data-dial-code="44" data-country-code="je" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__je"></div></div><span class="iti__country-name">Jersey</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jo" role="option" data-dial-code="962" data-country-code="jo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jo"></div></div><span class="iti__country-name">Jordan (الأردن)</span><span class="iti__dial-code">+962</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kz" role="option" data-dial-code="7" data-country-code="kz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kz"></div></div><span class="iti__country-name">Kazakhstan (Казахстан)</span><span class="iti__dial-code">+7</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ke" role="option" data-dial-code="254" data-country-code="ke" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ke"></div></div><span class="iti__country-name">Kenya</span><span class="iti__dial-code">+254</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ki" role="option" data-dial-code="686" data-country-code="ki" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ki"></div></div><span class="iti__country-name">Kiribati</span><span class="iti__dial-code">+686</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-xk" role="option" data-dial-code="383" data-country-code="xk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__xk"></div></div><span class="iti__country-name">Kosovo</span><span class="iti__dial-code">+383</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kw" role="option" data-dial-code="965" data-country-code="kw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kw"></div></div><span class="iti__country-name">Kuwait (الكويت)</span><span class="iti__dial-code">+965</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kg" role="option" data-dial-code="996" data-country-code="kg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kg"></div></div><span class="iti__country-name">Kyrgyzstan (Кыргызстан)</span><span class="iti__dial-code">+996</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-la" role="option" data-dial-code="856" data-country-code="la" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__la"></div></div><span class="iti__country-name">Laos (ລາວ)</span><span class="iti__dial-code">+856</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lv" role="option" data-dial-code="371" data-country-code="lv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lv"></div></div><span class="iti__country-name">Latvia (Latvija)</span><span class="iti__dial-code">+371</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lb" role="option" data-dial-code="961" data-country-code="lb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lb"></div></div><span class="iti__country-name">Lebanon (لبنان)</span><span class="iti__dial-code">+961</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ls" role="option" data-dial-code="266" data-country-code="ls" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ls"></div></div><span class="iti__country-name">Lesotho</span><span class="iti__dial-code">+266</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lr" role="option" data-dial-code="231" data-country-code="lr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lr"></div></div><span class="iti__country-name">Liberia</span><span class="iti__dial-code">+231</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ly" role="option" data-dial-code="218" data-country-code="ly" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ly"></div></div><span class="iti__country-name">Libya (ليبيا)</span><span class="iti__dial-code">+218</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-li" role="option" data-dial-code="423" data-country-code="li" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__li"></div></div><span class="iti__country-name">Liechtenstein</span><span class="iti__dial-code">+423</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lt" role="option" data-dial-code="370" data-country-code="lt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lt"></div></div><span class="iti__country-name">Lithuania (Lietuva)</span><span class="iti__dial-code">+370</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lu" role="option" data-dial-code="352" data-country-code="lu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lu"></div></div><span class="iti__country-name">Luxembourg</span><span class="iti__dial-code">+352</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mo" role="option" data-dial-code="853" data-country-code="mo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mo"></div></div><span class="iti__country-name">Macau (澳門)</span><span class="iti__dial-code">+853</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mk" role="option" data-dial-code="389" data-country-code="mk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mk"></div></div><span class="iti__country-name">Macedonia (FYROM) (Македонија)</span><span class="iti__dial-code">+389</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mg" role="option" data-dial-code="261" data-country-code="mg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mg"></div></div><span class="iti__country-name">Madagascar (Madagasikara)</span><span class="iti__dial-code">+261</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mw" role="option" data-dial-code="265" data-country-code="mw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mw"></div></div><span class="iti__country-name">Malawi</span><span class="iti__dial-code">+265</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-my" role="option" data-dial-code="60" data-country-code="my" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__my"></div></div><span class="iti__country-name">Malaysia</span><span class="iti__dial-code">+60</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mv" role="option" data-dial-code="960" data-country-code="mv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mv"></div></div><span class="iti__country-name">Maldives</span><span class="iti__dial-code">+960</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ml" role="option" data-dial-code="223" data-country-code="ml" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ml"></div></div><span class="iti__country-name">Mali</span><span class="iti__dial-code">+223</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mt" role="option" data-dial-code="356" data-country-code="mt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mt"></div></div><span class="iti__country-name">Malta</span><span class="iti__dial-code">+356</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mh" role="option" data-dial-code="692" data-country-code="mh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mh"></div></div><span class="iti__country-name">Marshall Islands</span><span class="iti__dial-code">+692</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mq" role="option" data-dial-code="596" data-country-code="mq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mq"></div></div><span class="iti__country-name">Martinique</span><span class="iti__dial-code">+596</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mr" role="option" data-dial-code="222" data-country-code="mr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mr"></div></div><span class="iti__country-name">Mauritania (موريتانيا)</span><span class="iti__dial-code">+222</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mu" role="option" data-dial-code="230" data-country-code="mu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mu"></div></div><span class="iti__country-name">Mauritius (Moris)</span><span class="iti__dial-code">+230</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-yt" role="option" data-dial-code="262" data-country-code="yt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__yt"></div></div><span class="iti__country-name">Mayotte</span><span class="iti__dial-code">+262</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mx" role="option" data-dial-code="52" data-country-code="mx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mx"></div></div><span class="iti__country-name">Mexico (México)</span><span class="iti__dial-code">+52</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fm" role="option" data-dial-code="691" data-country-code="fm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fm"></div></div><span class="iti__country-name">Micronesia</span><span class="iti__dial-code">+691</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-md" role="option" data-dial-code="373" data-country-code="md" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__md"></div></div><span class="iti__country-name">Moldova (Republica Moldova)</span><span class="iti__dial-code">+373</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mc" role="option" data-dial-code="377" data-country-code="mc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mc"></div></div><span class="iti__country-name">Monaco</span><span class="iti__dial-code">+377</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mn" role="option" data-dial-code="976" data-country-code="mn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mn"></div></div><span class="iti__country-name">Mongolia (Монгол)</span><span class="iti__dial-code">+976</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-me" role="option" data-dial-code="382" data-country-code="me" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__me"></div></div><span class="iti__country-name">Montenegro (Crna Gora)</span><span class="iti__dial-code">+382</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ms" role="option" data-dial-code="1" data-country-code="ms" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ms"></div></div><span class="iti__country-name">Montserrat</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ma" role="option" data-dial-code="212" data-country-code="ma" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ma"></div></div><span class="iti__country-name">Morocco (المغرب)</span><span class="iti__dial-code">+212</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mz" role="option" data-dial-code="258" data-country-code="mz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mz"></div></div><span class="iti__country-name">Mozambique (Moçambique)</span><span class="iti__dial-code">+258</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mm" role="option" data-dial-code="95" data-country-code="mm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mm"></div></div><span class="iti__country-name">Myanmar (Burma) (မြန်မာ)</span><span class="iti__dial-code">+95</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-na" role="option" data-dial-code="264" data-country-code="na" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__na"></div></div><span class="iti__country-name">Namibia (Namibië)</span><span class="iti__dial-code">+264</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nr" role="option" data-dial-code="674" data-country-code="nr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nr"></div></div><span class="iti__country-name">Nauru</span><span class="iti__dial-code">+674</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-np" role="option" data-dial-code="977" data-country-code="np" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__np"></div></div><span class="iti__country-name">Nepal (नेपाल)</span><span class="iti__dial-code">+977</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nl" role="option" data-dial-code="31" data-country-code="nl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nl"></div></div><span class="iti__country-name">Netherlands (Nederland)</span><span class="iti__dial-code">+31</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nc" role="option" data-dial-code="687" data-country-code="nc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nc"></div></div><span class="iti__country-name">New Caledonia (Nouvelle-Calédonie)</span><span class="iti__dial-code">+687</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nz" role="option" data-dial-code="64" data-country-code="nz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nz"></div></div><span class="iti__country-name">New Zealand</span><span class="iti__dial-code">+64</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ni" role="option" data-dial-code="505" data-country-code="ni" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ni"></div></div><span class="iti__country-name">Nicaragua</span><span class="iti__dial-code">+505</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ne" role="option" data-dial-code="227" data-country-code="ne" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ne"></div></div><span class="iti__country-name">Niger (Nijar)</span><span class="iti__dial-code">+227</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ng" role="option" data-dial-code="234" data-country-code="ng" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ng"></div></div><span class="iti__country-name">Nigeria</span><span class="iti__dial-code">+234</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nu" role="option" data-dial-code="683" data-country-code="nu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nu"></div></div><span class="iti__country-name">Niue</span><span class="iti__dial-code">+683</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nf" role="option" data-dial-code="672" data-country-code="nf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nf"></div></div><span class="iti__country-name">Norfolk Island</span><span class="iti__dial-code">+672</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kp" role="option" data-dial-code="850" data-country-code="kp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kp"></div></div><span class="iti__country-name">North Korea (조선 민주주의 인민 공화국)</span><span class="iti__dial-code">+850</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mp" role="option" data-dial-code="1" data-country-code="mp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mp"></div></div><span class="iti__country-name">Northern Mariana Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-no" role="option" data-dial-code="47" data-country-code="no" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__no"></div></div><span class="iti__country-name">Norway (Norge)</span><span class="iti__dial-code">+47</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-om" role="option" data-dial-code="968" data-country-code="om" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__om"></div></div><span class="iti__country-name">Oman (عُمان)</span><span class="iti__dial-code">+968</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pk" role="option" data-dial-code="92" data-country-code="pk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pk"></div></div><span class="iti__country-name">Pakistan (پاکستان)</span><span class="iti__dial-code">+92</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pw" role="option" data-dial-code="680" data-country-code="pw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pw"></div></div><span class="iti__country-name">Palau</span><span class="iti__dial-code">+680</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ps" role="option" data-dial-code="970" data-country-code="ps" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ps"></div></div><span class="iti__country-name">Palestine (فلسطين)</span><span class="iti__dial-code">+970</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pa" role="option" data-dial-code="507" data-country-code="pa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pa"></div></div><span class="iti__country-name">Panama (Panamá)</span><span class="iti__dial-code">+507</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pg" role="option" data-dial-code="675" data-country-code="pg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pg"></div></div><span class="iti__country-name">Papua New Guinea</span><span class="iti__dial-code">+675</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-py" role="option" data-dial-code="595" data-country-code="py" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__py"></div></div><span class="iti__country-name">Paraguay</span><span class="iti__dial-code">+595</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pe" role="option" data-dial-code="51" data-country-code="pe" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pe"></div></div><span class="iti__country-name">Peru (Perú)</span><span class="iti__dial-code">+51</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ph" role="option" data-dial-code="63" data-country-code="ph" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ph"></div></div><span class="iti__country-name">Philippines</span><span class="iti__dial-code">+63</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pl" role="option" data-dial-code="48" data-country-code="pl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pl"></div></div><span class="iti__country-name">Poland (Polska)</span><span class="iti__dial-code">+48</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pt" role="option" data-dial-code="351" data-country-code="pt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pt"></div></div><span class="iti__country-name">Portugal</span><span class="iti__dial-code">+351</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pr" role="option" data-dial-code="1" data-country-code="pr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pr"></div></div><span class="iti__country-name">Puerto Rico</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-qa" role="option" data-dial-code="974" data-country-code="qa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__qa"></div></div><span class="iti__country-name">Qatar (قطر)</span><span class="iti__dial-code">+974</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-re" role="option" data-dial-code="262" data-country-code="re" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__re"></div></div><span class="iti__country-name">Réunion (La Réunion)</span><span class="iti__dial-code">+262</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ro" role="option" data-dial-code="40" data-country-code="ro" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ro"></div></div><span class="iti__country-name">Romania (România)</span><span class="iti__dial-code">+40</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ru" role="option" data-dial-code="7" data-country-code="ru" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ru"></div></div><span class="iti__country-name">Russia (Россия)</span><span class="iti__dial-code">+7</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rw" role="option" data-dial-code="250" data-country-code="rw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__rw"></div></div><span class="iti__country-name">Rwanda</span><span class="iti__dial-code">+250</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bl" role="option" data-dial-code="590" data-country-code="bl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bl"></div></div><span class="iti__country-name">Saint Barthélemy</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sh" role="option" data-dial-code="290" data-country-code="sh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sh"></div></div><span class="iti__country-name">Saint Helena</span><span class="iti__dial-code">+290</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kn" role="option" data-dial-code="1" data-country-code="kn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kn"></div></div><span class="iti__country-name">Saint Kitts and Nevis</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lc" role="option" data-dial-code="1" data-country-code="lc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lc"></div></div><span class="iti__country-name">Saint Lucia</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mf" role="option" data-dial-code="590" data-country-code="mf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mf"></div></div><span class="iti__country-name">Saint Martin (Saint-Martin (partie française))</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pm" role="option" data-dial-code="508" data-country-code="pm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pm"></div></div><span class="iti__country-name">Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)</span><span class="iti__dial-code">+508</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vc" role="option" data-dial-code="1" data-country-code="vc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vc"></div></div><span class="iti__country-name">Saint Vincent and the Grenadines</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ws" role="option" data-dial-code="685" data-country-code="ws" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ws"></div></div><span class="iti__country-name">Samoa</span><span class="iti__dial-code">+685</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sm" role="option" data-dial-code="378" data-country-code="sm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sm"></div></div><span class="iti__country-name">San Marino</span><span class="iti__dial-code">+378</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-st" role="option" data-dial-code="239" data-country-code="st" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__st"></div></div><span class="iti__country-name">São Tomé and Príncipe (São Tomé e Príncipe)</span><span class="iti__dial-code">+239</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sa" role="option" data-dial-code="966" data-country-code="sa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sa"></div></div><span class="iti__country-name">Saudi Arabia (المملكة العربية السعودية)</span><span class="iti__dial-code">+966</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sn" role="option" data-dial-code="221" data-country-code="sn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sn"></div></div><span class="iti__country-name">Senegal (Sénégal)</span><span class="iti__dial-code">+221</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rs" role="option" data-dial-code="381" data-country-code="rs" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__rs"></div></div><span class="iti__country-name">Serbia (Србија)</span><span class="iti__dial-code">+381</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sc" role="option" data-dial-code="248" data-country-code="sc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sc"></div></div><span class="iti__country-name">Seychelles</span><span class="iti__dial-code">+248</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sl" role="option" data-dial-code="232" data-country-code="sl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sl"></div></div><span class="iti__country-name">Sierra Leone</span><span class="iti__dial-code">+232</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sg" role="option" data-dial-code="65" data-country-code="sg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sg"></div></div><span class="iti__country-name">Singapore</span><span class="iti__dial-code">+65</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sx" role="option" data-dial-code="1" data-country-code="sx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sx"></div></div><span class="iti__country-name">Sint Maarten</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sk" role="option" data-dial-code="421" data-country-code="sk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sk"></div></div><span class="iti__country-name">Slovakia (Slovensko)</span><span class="iti__dial-code">+421</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-si" role="option" data-dial-code="386" data-country-code="si" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__si"></div></div><span class="iti__country-name">Slovenia (Slovenija)</span><span class="iti__dial-code">+386</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sb" role="option" data-dial-code="677" data-country-code="sb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sb"></div></div><span class="iti__country-name">Solomon Islands</span><span class="iti__dial-code">+677</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-so" role="option" data-dial-code="252" data-country-code="so" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__so"></div></div><span class="iti__country-name">Somalia (Soomaaliya)</span><span class="iti__dial-code">+252</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-za" role="option" data-dial-code="27" data-country-code="za" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__za"></div></div><span class="iti__country-name">South Africa</span><span class="iti__dial-code">+27</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kr" role="option" data-dial-code="82" data-country-code="kr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kr"></div></div><span class="iti__country-name">South Korea (대한민국)</span><span class="iti__dial-code">+82</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ss" role="option" data-dial-code="211" data-country-code="ss" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ss"></div></div><span class="iti__country-name">South Sudan (جنوب السودان)</span><span class="iti__dial-code">+211</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-es" role="option" data-dial-code="34" data-country-code="es" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__es"></div></div><span class="iti__country-name">Spain (España)</span><span class="iti__dial-code">+34</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lk" role="option" data-dial-code="94" data-country-code="lk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lk"></div></div><span class="iti__country-name">Sri Lanka (ශ්රී ලංකාව)</span><span class="iti__dial-code">+94</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sd" role="option" data-dial-code="249" data-country-code="sd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sd"></div></div><span class="iti__country-name">Sudan (السودان)</span><span class="iti__dial-code">+249</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sr" role="option" data-dial-code="597" data-country-code="sr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sr"></div></div><span class="iti__country-name">Suriname</span><span class="iti__dial-code">+597</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sj" role="option" data-dial-code="47" data-country-code="sj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sj"></div></div><span class="iti__country-name">Svalbard and Jan Mayen</span><span class="iti__dial-code">+47</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sz" role="option" data-dial-code="268" data-country-code="sz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sz"></div></div><span class="iti__country-name">Swaziland</span><span class="iti__dial-code">+268</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-se" role="option" data-dial-code="46" data-country-code="se" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__se"></div></div><span class="iti__country-name">Sweden (Sverige)</span><span class="iti__dial-code">+46</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ch" role="option" data-dial-code="41" data-country-code="ch" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ch"></div></div><span class="iti__country-name">Switzerland (Schweiz)</span><span class="iti__dial-code">+41</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sy" role="option" data-dial-code="963" data-country-code="sy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sy"></div></div><span class="iti__country-name">Syria (سوريا)</span><span class="iti__dial-code">+963</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tw" role="option" data-dial-code="886" data-country-code="tw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tw"></div></div><span class="iti__country-name">Taiwan (台灣)</span><span class="iti__dial-code">+886</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tj" role="option" data-dial-code="992" data-country-code="tj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tj"></div></div><span class="iti__country-name">Tajikistan</span><span class="iti__dial-code">+992</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tz" role="option" data-dial-code="255" data-country-code="tz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tz"></div></div><span class="iti__country-name">Tanzania</span><span class="iti__dial-code">+255</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-th" role="option" data-dial-code="66" data-country-code="th" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__th"></div></div><span class="iti__country-name">Thailand (ไทย)</span><span class="iti__dial-code">+66</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tl" role="option" data-dial-code="670" data-country-code="tl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tl"></div></div><span class="iti__country-name">Timor-Leste</span><span class="iti__dial-code">+670</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tg" role="option" data-dial-code="228" data-country-code="tg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tg"></div></div><span class="iti__country-name">Togo</span><span class="iti__dial-code">+228</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tk" role="option" data-dial-code="690" data-country-code="tk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tk"></div></div><span class="iti__country-name">Tokelau</span><span class="iti__dial-code">+690</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-to" role="option" data-dial-code="676" data-country-code="to" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__to"></div></div><span class="iti__country-name">Tonga</span><span class="iti__dial-code">+676</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tt" role="option" data-dial-code="1" data-country-code="tt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tt"></div></div><span class="iti__country-name">Trinidad and Tobago</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tn" role="option" data-dial-code="216" data-country-code="tn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tn"></div></div><span class="iti__country-name">Tunisia (تونس)</span><span class="iti__dial-code">+216</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tr" role="option" data-dial-code="90" data-country-code="tr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tr"></div></div><span class="iti__country-name">Turkey (Türkiye)</span><span class="iti__dial-code">+90</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tm" role="option" data-dial-code="993" data-country-code="tm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tm"></div></div><span class="iti__country-name">Turkmenistan</span><span class="iti__dial-code">+993</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tc" role="option" data-dial-code="1" data-country-code="tc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tc"></div></div><span class="iti__country-name">Turks and Caicos Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tv" role="option" data-dial-code="688" data-country-code="tv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tv"></div></div><span class="iti__country-name">Tuvalu</span><span class="iti__dial-code">+688</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vi" role="option" data-dial-code="1" data-country-code="vi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vi"></div></div><span class="iti__country-name">U.S. Virgin Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ug" role="option" data-dial-code="256" data-country-code="ug" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ug"></div></div><span class="iti__country-name">Uganda</span><span class="iti__dial-code">+256</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ua" role="option" data-dial-code="380" data-country-code="ua" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ua"></div></div><span class="iti__country-name">Ukraine (Україна)</span><span class="iti__dial-code">+380</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ae" role="option" data-dial-code="971" data-country-code="ae" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ae"></div></div><span class="iti__country-name">United Arab Emirates (الإمارات العربية المتحدة)</span><span class="iti__dial-code">+971</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gb" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gb"></div></div><span class="iti__country-name">United Kingdom</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-us" role="option" data-dial-code="1" data-country-code="us" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uy" role="option" data-dial-code="598" data-country-code="uy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__uy"></div></div><span class="iti__country-name">Uruguay</span><span class="iti__dial-code">+598</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uz" role="option" data-dial-code="998" data-country-code="uz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__uz"></div></div><span class="iti__country-name">Uzbekistan (Oʻzbekiston)</span><span class="iti__dial-code">+998</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vu" role="option" data-dial-code="678" data-country-code="vu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vu"></div></div><span class="iti__country-name">Vanuatu</span><span class="iti__dial-code">+678</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-va" role="option" data-dial-code="39" data-country-code="va" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__va"></div></div><span class="iti__country-name">Vatican City (Città del Vaticano)</span><span class="iti__dial-code">+39</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ve" role="option" data-dial-code="58" data-country-code="ve" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ve"></div></div><span class="iti__country-name">Venezuela</span><span class="iti__dial-code">+58</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vn" role="option" data-dial-code="84" data-country-code="vn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vn"></div></div><span class="iti__country-name">Vietnam (Việt Nam)</span><span class="iti__dial-code">+84</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-wf" role="option" data-dial-code="681" data-country-code="wf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__wf"></div></div><span class="iti__country-name">Wallis and Futuna (Wallis-et-Futuna)</span><span class="iti__dial-code">+681</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eh" role="option" data-dial-code="212" data-country-code="eh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__eh"></div></div><span class="iti__country-name">Western Sahara (الصحراء الغربية)</span><span class="iti__dial-code">+212</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ye" role="option" data-dial-code="967" data-country-code="ye" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ye"></div></div><span class="iti__country-name">Yemen (اليمن)</span><span class="iti__dial-code">+967</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zm" role="option" data-dial-code="260" data-country-code="zm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__zm"></div></div><span class="iti__country-name">Zambia</span><span class="iti__dial-code">+260</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zw" role="option" data-dial-code="263" data-country-code="zw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__zw"></div></div><span class="iti__country-name">Zimbabwe</span><span class="iti__dial-code">+263</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ax" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ax"></div></div><span class="iti__country-name">Åland Islands</span><span class="iti__dial-code">+358</span></li></ul></div><input required="" type="tel" name="phone" id="phone" class="auth-form" placeholder="Enter Phone Number" autocomplete="off" data-intl-tel-input-id="0" style="padding-left: 90px;"></div>
</div>
<div class="form-group">
<input required="" type="text" name="first_name" id="first_name" class="auth-form" placeholder="First Name">
</div>
<div class="form-group">
<input required="" type="text" name="last_name" id="last_name" class="auth-form" placeholder="Last Name">
</div>
<p>
<input required="" type="checkbox" name="agree" id="agree"> I agree with the rules
</p>
<p id="api_msg" style="font-size: 14px" class="d-none alert"></p>
<button class="auth-btn bg-danger" id="registerBtn">Sign Up</button>
<p style="text-align: center; color: #6A7181; margin-top: 1rem;">
Already have an account?
<span style="color: #E3342F; text-decoration: underline; cursor: pointer" data-toggle="modal" data-target="#loginModal" data-dismiss="modal">
Sign In Here
</span>
</p>
</form>
<!-- Social Login Section -->
<div class="social-login-container">
<a href="https://cars.ng/loginwithgoogle" style="width: 50%; text-decoration:none">
<div style="background-color: #fff; border: 1px solid #CECED1; color: #07050F" class="social-login">
<img src="https://cars.ng/img/google.svg" style="width: 16px; height: 16px" alt="Google">
<span style="font-weight: 700">Google</span>
</div>
</a>
<div style="background-color: #3165A9; border: 1px solid #1877F2; color:white; width:50%" class="social-login">
<img src="https://cars.ng/img/facebook.svg" style="width: 16px; height: 16px" alt="Facebook">
<span style="font-weight: 700">Facebook</span>
</div>
</div>
<!-- Button to Show the Registration Form -->
<div id="toggle-content">
<button id="toggleFormBtn" class="auth-btn bg-danger" onclick="toggleForm()" style="width: 100%; margin-top: 20px;">
Register via email and phone
</button>
<p style="text-align: center; color: #6A7181; margin-top: 1rem;">
Already have an account?
<span style="color: #E3342F; text-decoration: underline; cursor: pointer" data-toggle="modal" data-target="#loginModal" data-dismiss="modal">
Sign In Here
</span>
</p>
<p style="color:#6A7181; font-weight:700; font-size:12px; margin-top:1rem; text-align:center">BY CONTINUING YOU AGREE TO THE POLICY AND RULES</p>
</div>
</div>
</div>
</div>
<!-- Login Modal -->
<div id="loginModal" class="modal fade" style="background-color: #0001" role="dialog">
<div class="modal-dialog auth-modal-wrapper modal-dialog-centered">
<div class="modal-content auth-modal">
<h3 id="auth-header2" class="auth-modal-header">Sign in to Cars.ng</h3>
<p class="" style="color: #6A7181">Sign in to continue to your account.</p>
<hr style="margin-top: 0">
<form id="loginForm" action="https://cars.ng/user-login" method="POST" style="display:none; margin-bottom:0">
<input type="hidden" name="_token" value="8DZouyYkqYLTs5eA82sLVeB4Gu88jRxcvWd5DPYg"> <div class="form-group">
<input required="" type="email" name="email" id="login_email" class="auth-form" placeholder="Email or Phone">
</div>
<div class="form-group">
<input required="" type="password" name="password" id="login_password" class="auth-form" placeholder="Password">
</div>
<div style="text-align:right; margin-bottom: 8px;">
<span style="color: #E3342F; cursor: pointer;" data-toggle="modal" data-target="#forgotPasswordModal" data-dismiss="modal">
Forgot Password
</span>
</div>
<p id="login_api_msg" style="font-size: 14px" class="d-none alert"></p>
<button class="auth-btn bg-danger" id="loginBtn">Sign In</button>
<p style="text-align: center; color: #6A7181; margin-top: 1rem;">
Don't have an account?
<span style="color: #E3342F; text-decoration: underline; cursor: pointer" data-toggle="modal" data-target="#registerModal" data-dismiss="modal">
Register Here
</span>
</p>
</form>
<div class="social-login-container" style="margin-top: 0">
<a href="https://cars.ng/loginwithgoogle" style="width: 50%; text-decoration:none">
<div style="background-color: #fff; border: 1px solid #CECED1; color: #07050F" class="social-login">
<img src="https://cars.ng/img/google.svg" style="width: 16px; height: 16px" alt="..">
<span style="font-weight: 700">Google</span>
</div>
</a>
<div style="background-color: #3165A9; border: 1px solid #1877F2; color:white; width:50%" class="social-login">
<img src="https://cars.ng/img/facebook.svg" style="width: 16px; height: 16px" alt="..">
<span style="font-weight: 700">Facebook</span>
</div>
</div>
<!-- Button to Show the Login Form -->
<div id="toggle-content-2">
<button id="toggleFormBtn" class="auth-btn bg-danger" onclick="toggleForm2()" style="width: 100%; margin-top: 20px;">
Email or Phone
</button>
<p style="text-align: center; color: #6A7181; margin-top: 1rem;">
Don't have an account?
<span style="color: #E3342F; text-decoration: underline; cursor: pointer" data-toggle="modal" data-target="#registerModal" data-dismiss="modal">
Register Here
</span>
</p>
<p style="color:#6A7181; font-weight:700; font-size:12px; margin-top:1rem; text-align:center">BY CONTINUING YOU AGREE TO THE POLICY AND RULES</p>
</div>
</div>
</div>
</div>
<!-- Forgot Password Modal -->
<div id="forgotPasswordModal" style="background-color: #0001" class="modal fade" role="dialog">
<div class="modal-dialog auth-modal-wrapper modal-dialog-centered">
<div class="modal-content auth-modal">
<h3 class="auth-modal-header">Forgot Password</h3>
<p class="" style="color: #6A7181">Enter the Email or Phone number you used to register your account.</p>
<hr style="margin-top: 0">
<form style="margin-bottom: 0">
<div class="form-group">
<input type="email" name="email" id="email" class="auth-form" placeholder="Email or Phone">
</div>
<button class="auth-btn bg-danger" type="submit" data-toggle="modal" data-target="#otpModal" data-dismiss="modal">Send Code</button>
<p style="text-align: center; color: #6A7181; margin-top: 8px;">
Remembered your password?
<span style="color: #E3342F; text-decoration: underline; cursor: pointer" data-toggle="modal" data-target="#loginModal" data-dismiss="modal">
Sign In Here
</span>
</p>
</form>
</div>
</div>
</div>
<!-- OTP Modal -->
<div id="otpModal" style="background-color: #0001" class="modal fade" role="dialog">
<div class="modal-dialog auth-modal-wrapper modal-dialog-centered">
<div class="modal-content auth-modal">
<h3 class="auth-modal-header">Enter Code</h3>
<p class="" style="color: #6A7181">Enter the SMS code we sent you.</p>
<hr style="margin-top: 0">
<div style="display: flex; align-items:center; border-radius: 20px; padding:4px 8px; margin: 0 auto 16px; border: 1px solid #F19997; gap: 6px;color:#83838B"><img src="https://cars.ng/img/clock.svg" style="width: 16px; height: 16px"><span>00:56s</span></div>
<form style="margin-bottom: 0">
<div class="form-group">
<input type="text" name="otp" id="otp" class="auth-form" placeholder="Enter OTP" maxlength="6">
</div>
<button class="auth-btn bg-danger" type="submit" data-toggle="modal" data-target="#createNewPasswordModal" data-dismiss="modal">Confirm</button>
<p style="text-align: center; color: #6A7181; margin-top: 8px;">
Remembered your password?
<span style="color: #E3342F; text-decoration: underline; cursor: pointer" data-toggle="modal" data-target="#loginModal" data-dismiss="modal">
Sign In Here
</span>
</p>
</form>
</div>
</div>
</div>
<!-- Create New Password Modal -->
<div id="createNewPasswordModal" style="background-color: #0001" class="modal fade" role="dialog">
<div class="modal-dialog auth-modal-wrapper modal-dialog-centered">
<div class="modal-content auth-modal">
<h3 class="auth-modal-header">Create New Password</h3>
<p class="" style="color: #6A7181">Would you like to create a new password?</p>
<hr style="margin-top: 0">
<form>
<div class="form-group">
<input type="password" name="new_password" id="new_password" class="auth-form" placeholder="Enter new password">
</div>
<div class="form-group">
<input type="password" name="confirm_password" id="confirm_password" class="auth-form" placeholder="Confirm password">
</div>
<button class="auth-btn bg-danger" type="submit" data-toggle="modal" data-dismiss="modal">Save Password</button>
<p style="text-align: center; color: #6A7181; margin-top: 8px; text-decoration: underline; cursor: pointer" data-toggle="modal" data-dismiss="modal">
I don't want to create a new Password
</p>
</form>
</div>
</div>
</div>
<div id="app" class="overflow-hidden">
<nav class="container bg-white navbar navbar-1 navbar-expand-lg navbar-light">
<a class="navbar-brand " href="https://cars.ng">Cars.ng</a>
<button class="border-0 navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="mt-2 mr-auto navbar-nav mt-lg-0 col-md-7">
<form action="https://cars.ng/search" method="get" class="w-100 ml-3">
<div class="mt-3 mb-3 input-group col-md-12 search-div">
<span class="input-group-text" style="position: relative; left:10px; border-right: none; background: none;" id="basic-addon1">
<i class="fa fa-search text-black-50"></i>
</span>
<input type="text" name="query" class="rounded shadow-none form-control" style="background: none; border-left: none;" placeholder="Search car brands" aria-label="Username" aria-describedby="basic-addon1">
</div>
</form>
</ul>
<div class="auth-btns">
<div class="my-2 my-lg-0">
<button class="login-btn my-2 text-dark my-sm-0 btn btn-outline-danger" data-toggle="modal" data-target="#loginModal">Login
</button>
<button class="my-2 btn text-white btn-danger my-sm-0 bg-danger" data-toggle="modal" data-target="#registerModal">Start Selling
</button>
</div>
</div>
</div>
</nav>
<!-- Header -->
<div class="container-fluid header hero mobile-none">
<div class="container px-3 header-text d-flex flex-column align-items-center justify-content-center">
<h1 class="py-3 text-start text-md-center text-white font-weight-bold" style="font-size: 40px;">
Explore <span class="text-danger">200,000</span>
cars in Nigeria for sale
</h1>
<h2 class="text-start text-md-center text-white font-weight-bold mobile-none m-0">Buy and sell cars in Nigeria
with ease.
Search, view
prices of cars<br>explore detailed specifications and connect with car dealers across Nigeria<br>offering
a
vast
selection of car brands, types, and models.</h2>
<h2 class="text-start text-md-center text-white font-weight-bold large-none m-0" style="text-align: justify">
Buy and sell
cars in Nigeria with ease.
Search, view
prices of cars, explore detailed specifications and connect with car dealers across Nigeria, offering
a
vast
selection of car brands, types, and models.</h2>
<form action="https://cars.ng/search" class="pt-2 w-100" method="get">
<div class=" px-0 px-lg-5 mx-0 mt-3 row col-md-12 nav-sec justify-content-start justify-content-lg-center">
<div class="px-1 mx-0 my-1 col-md-6 w-md-50">
<span class="px-3 py-0 bg-white input-group-text " id="basic-addon1">
<i class="fa fa-search text-black-50"></i>
<input type="text" class="my-2 border-0 rounded shadow-none form-control" style="background-color: #fff" placeholder="Search cars for-sale" name="query" aria-label="Username" aria-describedby="basic-addon1">
</span>
</div>
<div class="px-1 my-1 col-md-2 btn-group">
<button class="btn btn-lg btn-danger text-white font-weight-bold" type="submit">Search</button>
</div>
</div>
</form>
</div>
<style>
#filter-search {
width: 65%;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -65%);
background-color: #fff1;
border-radius: 20px;
box-shadow: 0px 0px 34px 0px #0000001C;
padding: 1rem 1.5rem;
}
.filter-header {
font-size: 1.5rem;
color: #fff;
font-weight: 700;
}
.filters-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 8px;
background-color: #fff;
border-radius: 14px;
padding: 1rem;
}
.ad-form-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 2.5rem 1.5rem;
border-radius: 0.5rem;
background-color: #fff;
margin-top: 1rem;
}
.ad-dropdown-container {
position: relative;
width: 100%;
}
.ad-dropdown-container label {
font-size: 12px;
color: #9E9E9E;
font-weight: 500
}
.ad-dropdown {
width: 100%;
padding: 0.75rem 1.5rem;
border: 1px solid #CECED1;
border-radius: 6px;
position: relative;
}
.ad-active {
border: 1px solid #E3342F
}
.dropdown-arrow {
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.brand:hover,
.location:hover {
background-color: #0001;
cursor: pointer;
}
.ad-form {
padding: 0.75rem 1.125rem;
border-radius: 6px;
vertical-align: middle;
width: 100%;
border: 1px solid #CECED1;
}
.ad-form:focus {
outline: #E3342F;
border: 1px #E3342F solid;
}
.select2-container--default .select2-selection--single {
font-size: 16px !important;
padding: 10px !important;
border: 1px solid rgb(192, 192, 192) !important;
border-radius: 6px !important;
height: 50px !important;
}
.select2-container--default .select2-selection--multiple {
font-size: 16px !important;
padding: 10px !important;
border: 1px solid rgb(192, 192, 192) !important;
border-radius: 6px !important;
min-height: 50px !important;
height: fit-content !important;
}
.select2-search.select2-search--inline:has(textarea) {
display: inline-block;
margin-bottom: 0.5rem !important;
}
.select2-container--open.select2-container--default .select2-selection--single,
.select2-container--open.select2-container--default .select2-selection--multiple {
border-color: #E3342F !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
top: 10px !important;
margin-right: 1em !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.select2-container--open .select2-selection.select2-selection--single.select2-selection--clearable {
border-color: #E3342F !important;
}
.select2-results__option.select2-results__option--selectable:hover {
background-color: #eee !important;
color: #343330 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #ccc !important;
color: #343330 !important;
}
.filter-btn {
height: 50px !important;
}
</style>
<div id="filter-search">
<h2 class="filter-header">Find your next awesome vehicle</h2>
<form action="/search" method="GET" class="filters-wrapper">
<div class="ad-dropdown-container">
<label for="use_condition_dp">Type</label>
<select style="padding: .8em; width:100%" class="nosearch_dropdown select2-hidden-accessible" id="use_condition_dp" name="use_condition" data-select2-id="select2-data-use_condition_dp" tabindex="-1" aria-hidden="true">
<option value="foreign used" data-select2-id="select2-data-5-4vzl">Foreign used</option>
<option value="local used">Local used</option>
<option value="brand new">Brand new</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-4-1tb4" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single select2-selection--clearable" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-use_condition_dp-container" aria-controls="select2-use_condition_dp-container"><button type="button" class="select2-selection__clear" tabindex="-1" title="Remove all items" aria-label="Remove all items" aria-describedby="select2-use_condition_dp-container" data-select2-id="select2-data-6-4jza"><span aria-hidden="true">×</span></button><span class="select2-selection__rendered" id="select2-use_condition_dp-container" role="textbox" aria-readonly="true" title="Foreign used">Foreign used</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<div class="ad-dropdown-container">
<label for="brand_dp">Make</label>
<select style="padding: .8em; width:100%" class="brand_dropdown brand_selection select2-hidden-accessible" id="brand_dp" name="brand_filter" data-select2-id="select2-data-brand_dp" tabindex="-1" aria-hidden="true">
<option data-name="audi" data-image="https://cars.ng/images/cars-ng/categorie_413135_1.png" value="audi" data-select2-id="select2-data-2-momq">audi</option>
<option data-name="nissan" data-image="https://cars.ng/images/cars-ng/categorie_331550_1.png" value="nissan">nissan</option>
<option data-name="kia" data-image="https://cars.ng/images/cars-ng/categorie_424187_1.png" value="kia">kia</option>
<option data-name="bmw" data-image="https://cars.ng/images/cars-ng/categorie_980189_1.png" value="bmw">bmw</option>
<option data-name="ford" data-image="https://cars.ng/images/cars-ng/categorie_734802_1.png" value="ford">ford</option>
<option data-name="mercedes-benz" data-image="https://cars.ng/images/cars-ng/categorie_835479_1.png" value="mercedes-benz">mercedes-benz</option>
<option data-name="lexus" data-image="https://cars.ng/images/cars-ng/categorie_982523_1.png" value="lexus">lexus</option>
<option data-name="hyundai" data-image="https://cars.ng/images/cars-ng/categorie_464983_1.png" value="hyundai">hyundai</option>
<option data-name="honda" data-image="https://cars.ng/images/cars-ng/categorie_203043_1.png" value="honda">honda</option>
<option data-name="volkswagen" data-image="https://cars.ng/images/cars-ng/categorie_862755_1.png" value="volkswagen">volkswagen</option>
<option data-name="toyota" data-image="https://cars.ng/images/cars-ng/categorie_172161_1.png" value="toyota">toyota</option>
<option data-name="mazda" data-image="https://cars.ng/images/cars-ng/categorie_756270_1.png" value="mazda">mazda</option>
<option data-name="chevrolet" data-image="https://cars.ng/images/cars-ng/categorie_852978_1.png" value="chevrolet">chevrolet</option>
<option data-name="peugeot" data-image="https://cars.ng/images/cars-ng/categorie_774668_1.png" value="peugeot">peugeot</option>
<option data-name="acura" data-image="https://cars.ng/images/cars-ng/categorie_420973_1.png" value="acura">acura</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-1-aert" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single select2-selection--clearable" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-brand_dp-container" aria-controls="select2-brand_dp-container"><button type="button" class="select2-selection__clear" tabindex="-1" title="Remove all items" aria-label="Remove all items" aria-describedby="select2-brand_dp-container" data-select2-id="select2-data-3-hq37"><span aria-hidden="true">×</span></button><span class="select2-selection__rendered" id="select2-brand_dp-container" role="textbox" aria-readonly="true" title="audi"><div class="option-with-image">
<img style="width: 24px; height: 24px; object-fit:contain; border:1px solid #CECED1; border-radius:0.5rem" src="https://cars.ng/images/cars-ng/categorie_413135_1.png">
<span class="mx-2">audi</span>
</div></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<div class="ad-dropdown-container">
<label for="brand_dp">Year</label>
<select style="padding: .8em; width:100%" class="location_dropdown select2-hidden-accessible" id="year_dp" name="year_filter" data-select2-id="select2-data-year_dp" tabindex="-1" aria-hidden="true">
<option value="2023" data-select2-id="select2-data-11-56ez">2023</option>
<option value="2022">2022</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-10-wq7d" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single select2-selection--clearable" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-year_dp-container" aria-controls="select2-year_dp-container"><button type="button" class="select2-selection__clear" tabindex="-1" title="Remove all items" aria-label="Remove all items" aria-describedby="select2-year_dp-container" data-select2-id="select2-data-12-ucjq"><span aria-hidden="true">×</span></button><span class="select2-selection__rendered" id="select2-year_dp-container" role="textbox" aria-readonly="true" title="2023">2023</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<input type="hidden" name="is_landing" value="is_landing">
<div class="ad-dropdown-container">
<label for="brand_dp">Price</label>
<select style="padding: .8em; width:100%" class="nosearch_dropdown select2-hidden-accessible" id="price_dp" name="max_price" data-select2-id="select2-data-price_dp" tabindex="-1" aria-hidden="true">
<option value="1000000-5000000" data-select2-id="select2-data-8-d3q0">1m-5m</option>
<option value="5000000-10000000">5m-10m</option>
<option value="10000000-20000000">10m-20m</option>
<option value="20000000-50000000">20m-50m</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-7-7iya" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single select2-selection--clearable" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-price_dp-container" aria-controls="select2-price_dp-container"><button type="button" class="select2-selection__clear" tabindex="-1" title="Remove all items" aria-label="Remove all items" aria-describedby="select2-price_dp-container" data-select2-id="select2-data-9-eyaz"><span aria-hidden="true">×</span></button><span class="select2-selection__rendered" id="select2-price_dp-container" role="textbox" aria-readonly="true" title="1m-5m">1m-5m</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<button class="btn btn-lg btn-danger text-white filter-btn d-flex align-items-center gap-2" type="submit">
<i class="fas fa-search text-white" style="font-size: 14px"></i>
Search
</button>
</form>
</div>
</div>
<div class="header header-mobile large-none">
<h1 class="py-3 text-center text-white font-weight-bold">
Explore <span class="text-danger">200,000</span>
cars in Nigeria for sale
</h1>
<h2 class=" text-center text-white font-weight-bold m-0" style="text-align: justify">
Buy and sell
cars in Nigeria with ease.
Search, view
prices of cars, explore detailed specifications and connect with car dealers across Nigeria, offering
a
vast
selection of car brands, types, and models.</h2>
</div>
<main class="container px-0">
<div class="px-0 mx-0 recent-cars future-cars container swiper">
<div class="d-flex justify-content-between align-items-center">
<span class="px-3">
<h2 class="font-weight-bold">Available cars for sale</h2>
<p class="mt-0" style="color: #949494">Find your next Car!</p>
</span>
<span class="mr-3 row mobile-none indicators">
<div class="shadow-sm control swiper-button-prev" href="#carouselFutureIndicators" role="button" data-slide="prev" tabindex="0" aria-label="Previous slide" aria-controls="swiper-wrapper-bb6b1014f6b3f1edc">
<i class="fas fa-arrow-left" style="color: #848484"></i>
</div>
<!-- class="carousel-control-prev text-dark" href="#carouselFutureIndicators" role="button" data-slide="prev" -->
<div class="ml-3 shadow-sm control swiper-button-next" href="#carouselFutureIndicators" role="button" data-slide="next" tabindex="0" aria-label="Next slide" aria-controls="swiper-wrapper-bb6b1014f6b3f1edc">
<i class="fas fa-arrow-right" style="color: #848484"></i>
</div>
</span>
</div>
<div class="swiper-container swiper-initialized swiper-horizontal swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-bb6b1014f6b3f1edc" aria-live="polite">
<div class="swiper-slide swiper-slide-active" style="width: 348px; margin-right: 24px;" role="group" aria-label="1 / 8" data-swiper-slide-index="0">
<a href="https://cars.ng/toyota/avalon/2006">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/hotel_toyota_avalon_2006_500252_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Toyota Avalon</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2006</span>
<span class="tag">sedan</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 348px; margin-right: 24px;" role="group" aria-label="2 / 8" data-swiper-slide-index="1">
<a href="https://cars.ng/mercedes/ml-350/2013">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/hotel_mercedes_benz_ml_350_2013_625888_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Mercedes-Benz ML 350</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2013</span>
<span class="tag">suv</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="3 / 8" data-swiper-slide-index="2">
<a href="https://cars.ng/bmw/2-series/2014">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/hotel_bmw_2_series_2014_487713_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">BMW 2-series</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2014</span>
<span class="tag">coupe</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="4 / 8" data-swiper-slide-index="3">
<a href="https://cars.ng/nissan/350z/2006">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_nissan_350z_2006_994821_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Nissan 350Z</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2006</span>
<span class="tag">coupe</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="5 / 8" data-swiper-slide-index="4">
<a href="https://cars.ng/bmw/z3/2018">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_bmw_z3_2018_255145_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">BMW Z3</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2018</span>
<span class="tag">convertible</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="6 / 8" data-swiper-slide-index="5">
<a href="https://cars.ng/ford/ecosport/2020">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_ford_ecosport_2020_261878_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Ford Ecosport</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2020</span>
<span class="tag">suv</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="7 / 8" data-swiper-slide-index="6">
<a href="https://cars.ng/lexus/lx/2020">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_lexus_lx_2020_434613_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Lexus LX</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2020</span>
<span class="tag">suv</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="8 / 8" data-swiper-slide-index="7">
<a href="https://cars.ng/porsche/911-carrera/2017">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_porsche_911_carrera_2017_954611_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Porsche 911 Carrera</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2017</span>
<span class="tag">sports-car</span>
</div>
</div>
</a>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="mt-5 text-center d-flex justify-content-center">
<a class="btn btn-outline-danger allcars d-flex align-items-center gap-2 link-btn" href="/for-sale">See all available cars for sale
<i class="fas fa-chevron-right" style="color: #E3342F"></i>
</a>
</div>
</div>
<!-- Car Type -->
<div class="mt-5 car-type row col-md-12 mt-md-0 mx-0">
<div class="px-0">
<h2 class="px-0 font-weight-bold">Browse car types in Nigeria</h2>
<p class="mt-0 w-lg-75" style="color: #949494">Explore a wide range of cars in Nigeria,
including SUVs, sedans, and trucks. Find the best deals on Cars.ng with
photos, specs, and reviews to help you choose your dream car today.
</p>
</div>
<div class="flex-wrap pl-lg-1 pr-lg-4 pr-0 types row d-flex justify-content-center">
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/suvs" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_202210_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="suv" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Suv
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/vans" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_255673_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="van" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Van
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/coupes" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_619803_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="coupe" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Coupe
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/hatchbacks" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_344141_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="hatchback" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Hatchback
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/sedans" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_714150_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="sedan" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Sedan
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/crossovers" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_678683_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="crossover" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Crossover
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/electrics" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_252435_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="electric" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Electric
Cars in
Nigeria</h3>
</div>
</a>
</div>
<div class="px-3 pt-2 pb-5 card card-height-width text-dark mx-auto overflow-hidden">
<a href="https://cars.ng/trucks" class="m-auto">
<img src="https://cars.ng/images/cars-ng/categorie_211566_1_1.png" class="card-img rounded mx-auto img-fluid text-center" alt="truck" style="object-fit: contain">
<div class="card-img-overlay d-flex align-items-end justify-content-around">
<h3 class="pb-3 card-text text-black text-center font-weight-bold" style="font-size: 0.75rem;"> Popular
Truck
Cars in
Nigeria</h3>
</div>
</a>
</div>
</div>
<!-- <br> -->
<div class="mt-5 text-center d-flex justify-content-center">
<a href="https://cars.ng/electrics" class="btn btn-outline-danger allcars d-flex align-items-center gap-2 link-btn">
See all categories of cars
<i class="fas fa-chevron-right" style="color: #E3342F"></i>
</a>
</div>
</div>
<!-- Popular Cars -->
<div class="px-0 col-md-12 recent-cars ">
<div class="px-0">
<h2 class="font-weight-bold para">Popular Cars in Nigeria</h2>
<p class="mt-0 w-lg-75" style="color: #949494">Check out the most popular cars in Nigeria including the best-selling and cheapest cars in Nigeria, all brands and models inclusive. See their prices online!</p>
</div>
<div class="row d-flex justify-content-center">
<style>
.car-body {
font-weight: bold;
}
.car-body h3 {
font-size: 14px;
}
.card-text {
font-weight: bold;
}
.card-text .badge {
background-color: #e3352f10;
color: #e3342f;
font-size: 0.8rem;
}
</style>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/toyota/corolla/2020" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/product_toyota_corolla_2020_704151_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Toyota Corolla" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/toyota/corolla/2020" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Toyota Corolla
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2020</span>
<span class="badge px-3 py-2 text-capitalize">Sedan
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star-half-alt" style="color: #e3342f; font-size: 12px"></i>
<span>4.7</span>
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/land-rover/discovery/2021" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/product_land_rover_discovery_2021_398619_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Land Rover Discovery" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/land-rover/discovery/2021" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Land Rover Discovery
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2021</span>
<span class="badge px-3 py-2 text-capitalize">Suv
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="far fa-star" style="color: #e3342f; font-size: 12px"></i>
<span>4.2</span>
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/honda/pilot/2020" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/hotel_honda_pilot_2020_140528_1_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Honda Pilot" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/honda/pilot/2020" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Honda Pilot
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2020</span>
<span class="badge px-3 py-2 text-capitalize">Suv
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star-half-alt" style="color: #e3342f; font-size: 12px"></i>
<span>4.7</span>
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/mercedes-benz/glc/2019" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/product_mercedes_benz_glc_2019_015492_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Mercedes-Benz GLC" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/mercedes-benz/glc/2019" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Mercedes-Benz GLC
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2019</span>
<span class="badge px-3 py-2 text-capitalize">Suv
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star-half-alt" style="color: #e3342f; font-size: 12px"></i>
<span>4.8</span>
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/honda/crosstour/2012" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/product_honda_crosstour_2012_112559_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Honda Crosstour" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/honda/crosstour/2012" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Honda Crosstour
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2012</span>
<span class="badge px-3 py-2 text-capitalize">Crossover
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star-half-alt" style="color: #e3342f; font-size: 12px"></i>
<span>4.6</span>
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/kia/rio/2020" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/product_kia_rio_2020_018392_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Kia Rio" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/kia/rio/2020" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Kia Rio
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2020</span>
<span class="badge px-3 py-2 text-capitalize">Sedan
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star-half-alt" style="color: #e3342f; font-size: 12px"></i>
<span>4.9</span>
</div>
</div>
</div>
</div>
<!-- -->
<div class="col-12 col-md-6 col-lg-3 car-container my-2">
<div class="card p-2 mx-0">
<a href="https://cars.ng/lexus/rx/2021" class="flex-grow-1">
<div class="car-image d-flex justify-content-center align-items-center px-3">
<img src="https://cars.ng/images/cars-ng/product_lexus_rx_2021_937320_1.png" class="card-img-top rounded mx-auto img-fluid text-center mb-0 " alt="Lexus RX" style="object-fit:contain">
</div>
</a>
<div class="car-body">
<div class="p-2">
<h3>
<a href="https://cars.ng/lexus/rx/2021" class="text-decoration-none mb-3 card-text" style="font-size: 1.2rem;">
Lexus RX
</a>
</h3>
</div>
<div class="desc d-flex justify-content-between align-items-center px-auto py-1">
<div class="card-text px-2">
<span class="badge px-3 py-2">2021</span>
<span class="badge px-3 py-2 text-capitalize">Suv
</span>
</div>
</div>
<div class="card-text text-danger px-2">
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star" style="color: #e3342f; font-size: 12px"></i>
<i class="fas fa-star-half-alt" style="color: #e3342f; font-size: 12px"></i>
<span>4.5</span>
</div>
</div>
</div>
</div>
</div>
<div class="mt-5 text-center d-flex justify-content-center">
<a class="btn btn-outline-danger allcars d-flex align-items-center gap-2 link-btn" href="/for-sale">See all recently added cars
<i class="fas fa-chevron-right" style="color: #E3342F"></i>
</a>
</div>
</div>
<!-- Car Brands -->
<div class="recent-cars resize car-brand row col-md-12">
<div class=" px-0">
<h2 class=" font-weight-bold">Browse cars by brands</h2>
<p class="mt-0 w-lg-75" style="color: #949494">Browse from our list of numerous car brands available in Nigeria.
Explore our
collection of brand new cars, tokunbo and Nigerian-used cars.</p>
</div>
<div class="brands">
<div class="">
<a href="https://cars.ng/audi" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_413135_1.png" class="img-fluid" alt="audi">
<h3 class="card-text font-weight-bold">Audi</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/nissan" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_331550_1.png" class="img-fluid" alt="nissan">
<h3 class="card-text font-weight-bold">Nissan</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/kia" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_424187_1.png" class="img-fluid" alt="kia">
<h3 class="card-text font-weight-bold">Kia</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/bmw" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_980189_1.png" class="img-fluid" alt="bmw">
<h3 class="card-text font-weight-bold">Bmw</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/ford" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_734802_1.png" class="img-fluid" alt="ford">
<h3 class="card-text font-weight-bold">Ford</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/mercedes-benz" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_835479_1.png" class="img-fluid" alt="mercedes-benz">
<h3 class="card-text font-weight-bold">Mercedes-benz</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/lexus" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_982523_1.png" class="img-fluid" alt="lexus">
<h3 class="card-text font-weight-bold">Lexus</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/hyundai" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_464983_1.png" class="img-fluid" alt="hyundai">
<h3 class="card-text font-weight-bold">Hyundai</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/honda" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_203043_1.png" class="img-fluid" alt="honda">
<h3 class="card-text font-weight-bold">Honda</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/volkswagen" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_862755_1.png" class="img-fluid" alt="volkswagen">
<h3 class="card-text font-weight-bold">Volkswagen</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/toyota" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_172161_1.png" class="img-fluid" alt="toyota">
<h3 class="card-text font-weight-bold">Toyota</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/mazda" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_756270_1.png" class="img-fluid" alt="mazda">
<h3 class="card-text font-weight-bold">Mazda</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/chevrolet" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_852978_1.png" class="img-fluid" alt="chevrolet">
<h3 class="card-text font-weight-bold">Chevrolet</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/peugeot" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_774668_1.png" class="img-fluid" alt="peugeot">
<h3 class="card-text font-weight-bold">Peugeot</h3>
</div>
</a>
</div>
<div class="">
<a href="https://cars.ng/acura" class=" text-decoration-none">
<div class="brand-card ">
<img src="https://cars.ng/images/cars-ng/categorie_420973_1.png" class="img-fluid" alt="acura">
<h3 class="card-text font-weight-bold">Acura</h3>
</div>
</a>
</div>
</div>
<div class="mt-5 text-center d-flex justify-content-center">
<a href="https://cars.ng/brands" class="btn btn-outline-danger allcars d-flex align-items-center gap-2 link-btn">
See all brands
<i class="fas fa-chevron-right" style="color: #E3342F"></i>
</a>
</div>
</div>
<!-- Recently added Cars -->
<div class="px-0 ml-2 col-md-12 recent-cars container swiper">
<div class="d-flex justify-content-between align-items-center">
<div class="px-1">
<h2 class="font-weight-bold para">Recently Added Cars</h2>
<p class="mt-0 w-lg-75" style="color: #949494">See our updated list of the most recent cars on the market. Find the latest on car
prices, reviews, pictures and specs.</p>
</div>
<span class="mr-3 row mobile-none indicators-2">
<div class="shadow-sm control swiper-button-prev" href="#carouselFutureIndicators" role="button" data-slide="prev" tabindex="0" aria-label="Previous slide" aria-controls="swiper-wrapper-c1697571030632f9b">
<i class="fas fa-arrow-left" style="color: #848484"></i>
</div>
<!-- class="carousel-control-prev text-dark" href="#carouselFutureIndicators" role="button" data-slide="prev" -->
<div class="ml-3 shadow-sm control swiper-button-next" href="#carouselFutureIndicators" role="button" data-slide="next" tabindex="0" aria-label="Next slide" aria-controls="swiper-wrapper-c1697571030632f9b">
<i class="fas fa-arrow-right" style="color: #848484"></i>
</div>
</span>
</div>
<div class="swiper-container2 mt-2 swiper-initialized swiper-horizontal swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-c1697571030632f9b" aria-live="polite">
<div class="swiper-slide swiper-slide-active" style="width: 348px; margin-right: 24px;" role="group" aria-label="1 / 8" data-swiper-slide-index="0">
<a href="https://cars.ng/toyota/avalon/2006">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/hotel_toyota_avalon_2006_500252_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Toyota Avalon</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2006</span>
<span class="tag">sedan</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide swiper-slide-next" style="width: 348px; margin-right: 24px;" role="group" aria-label="2 / 8" data-swiper-slide-index="1">
<a href="https://cars.ng/mercedes-ml-3/0/2013">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/hotel_mercedes_benz_ml_350_2013_625888_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Mercedes-Benz ML 350</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2013</span>
<span class="tag">suv</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="3 / 8" data-swiper-slide-index="2">
<a href="https://cars.ng/bmw/2-series/2014">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/hotel_bmw_2_series_2014_487713_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">BMW 2-series</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2014</span>
<span class="tag">coupe</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="4 / 8" data-swiper-slide-index="3">
<a href="https://cars.ng/nissan/350z/2006">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_nissan_350z_2006_994821_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Nissan 350Z</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2006</span>
<span class="tag">coupe</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="5 / 8" data-swiper-slide-index="4">
<a href="https://cars.ng/bmw/z3/2018">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_bmw_z3_2018_255145_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">BMW Z3</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2018</span>
<span class="tag">convertible</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="6 / 8" data-swiper-slide-index="5">
<a href="https://cars.ng/ford/ecosport/2020">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_ford_ecosport_2020_261878_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Ford Ecosport</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2020</span>
<span class="tag">suv</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="7 / 8" data-swiper-slide-index="6">
<a href="https://cars.ng/lexus/lx/2020">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_lexus_lx_2020_434613_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Lexus LX</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2020</span>
<span class="tag">suv</span>
</div>
</div>
</a>
</div>
<div class="swiper-slide" style="width: 348px; margin-right: 24px;" role="group" aria-label="8 / 8" data-swiper-slide-index="7">
<a href="https://cars.ng/porsche/911-carrera/2017">
<div class="recently-added">
<div class="for-sale-card">
<img src="https://cars.ng/images/cars-ng/product_porsche_911_carrera_2017_954611_1.png" class="card-img-top" style="object-fit: contain" alt="">
</div>
<div class="px-3 pt-3 d-flex justify-content-center font-weight-bold">
<h3 class="card-text">Porsche 911 Carrera</h3>
</div>
<div class="px-3 pb-3 desc d-flex justify-content-center gap-2 tag-container">
<span class="tag">2017</span>
<span class="tag">sports-car</span>
</div>
</div>
</a>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="mt-5 text-center d-flex justify-content-center">
<a class="btn btn-outline-danger allcars d-flex align-items-center gap-2 link-btn" href="/for-sale">See all recently added cars
<i class="fas fa-chevron-right" style="color: #E3342F"></i>
</a>
</div>
</div>
<!-- ***** Blog Start ***** -->
<!-- Future Cars -->
<style>
.wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
}
.wrapper a {
text-decoration: none;
}
.wrapper a:hover {
text-decoration: underline
}
.wrapper p {
color: #4B4B4B;
margin-bottom: 4px;
}
@media screen and (max-width: 576px) {
.all-price {
padding-inline-start: 1rem !important;
}
}
@media screen and (min-width: 768px) {
.wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 992px) {
.wrapper {
grid-template-columns: repeat(4, 1fr);
}
}
</style>
<div class="px-0 col-md-12 all-price">
<div class="">
<span class="px-3">
<h2 class="font-weight-bold para">Car Prices in Nigeria</h2>
<p class="mt-0 w-lg-75" style="color: #949494">Get the prices and latest information of brand new, foreign used and Nigerian
used cars by car brand, car model or car type available in Nigeria.</p>
</span>
</div>
<div class="wrapper">
<div>
<h3 class="fw-bold">Toyota Prices In Nigeria</h3>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/camry/2018/pricing" class="">
Toyota Camry price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/corolla/2020/pricing" class="">
Toyota Corolla price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/avalon/2020/pricing" class="">
Toyota Avalon price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/prius-prime/2019/pricing" class="">
Toyota Prius-Prime price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="toyota/solara/2006/pricing" class="">
Toyota Solara price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/mirai/2021/pricing" class="">
Toyota Mirai price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/venza/2021/pricing" class="">
Toyota Venza price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/toyota/tundra/2020/pricing" class="">
Toyota Tundra price in Nigeria
</a>
</p>
</div>
<div>
<h3 class="fw-bold">BMW Prices In Nigeria</h3>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/x1/2020/pricing">
Bmw X1 price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/z4/2020/pricing">
Bmw Z4 price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/m4/2020/pricing">
Bmw M4 price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/8-series/2021/pricing">
Bmw 8-Series price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/m5/2020/pricing">
Bmw M5 price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/x3m-competition/2020/pricing">
Bmw X3m-Competition price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/x7/2020/pricing">
Bmw X7 price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/bmw/4-series/2020/pricing">
Bmw 4-Series price in Nigeria
</a>
</p>
</div>
<div>
<h3 class="fw-bold">Honda Prices In Nigeria</h3>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/pilot/2020/pricing">
Honda Pilot price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/civic/2021/pricing">
Honda Civic price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/accord/2020/pricing">
Honda Accord price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/crosstour/2019/pricing">
Honda Crosstour price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/passport/2020/pricing">
Honda Passport price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/insight/2020/pricing">
Honda Insight price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/cr-v/2020/pricing">
Honda CR-V price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/honda/clarity/2020/pricing">
Honda Clarity price in Nigeria
</a>
</p>
</div>
<div>
<h3 class="fw-bold">Lexus Prices In Nigeria</h3>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/rx/2021/pricing">
Lexus Rx price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/ux-hybrid/2021/pricing">
Lexus UX Hybrid price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/gs-f/2018/pricing">
Lexus GS F price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/gx-470/2021/pricing">
Lexus Gx 470 price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/nx200t/2021/pricing">
Lexus Nx200t price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/ct-hybrid/2020/pricing">
Lexus CT Hybrid price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/lc/2021/pricing">
Lexus LC price in Nigeria
</a>
</p>
<p class="fs-6 m-0 mb-1 mb-lg-2">
<a href="/lexus/ux/2021/pricing">
Lexus UX price in Nigeria
</a>
</p>
</div>
</div>
</div>
</main>
</div>
<footer>
<div class="container px-0 footer">
<div class="ml-auto mr-auto subscribe">
<h2>Want to know what’s hot on Cars.ng?</h2>
<p style="color:#949494; font-size:14px">Subscribe to our newsletter and be the first to know</p>
<form id="newsletter" class="my-2 form-inline my-lg-0">
<input class="shadow-none form-control mr-sm-2 col-md-5 footer-email" id="name" type="text" name="name" required="" placeholder="Enter name" aria-label="name">
<input class="shadow-none form-control mr-sm-2 col-md-6 footer-email" id="newsletter-email" type="email" name="email" required="" placeholder="Enter email" aria-label="email">
<button class="my-2 btn btn-danger my-sm-0 newsletter-sub text-white px-3" type="submit" id="newsletter-submit">Submit</button>
</form>
<p id="newsletter_submit_msg" style="font-size: 14px; padding: 4px 8px;" class="d-none alert my-2"></p>
</div>
<div class="footer-links row">
<div class="col-sm-3">
<h3 class="fs-5">Company</h3>
<p class="fs-6">
<a class="text-decoration-none" href="https://cars.ng/about">About us</a>
</p>
<p class="fs-6">
<a class="text-decoration-none" href="/faq">FAQ</a>
</p>
<p class="fs-6">
<a class="text-decoration-none" href="https://hng.tech/internship">HNG Internship</a>
</p>
</div>
<div class="col-sm-3">
<h3 class="fs-5">Most Researched Car</h3>
<p class="fs-6">
<a class="text-decoration-none" href="/toyota/camry/2018/pricing ">Toyota Camry</a>
</p>
<p class="fs-6">
<a class="text-decoration-none" href="/honda/accord/2020/pricing ">Honda Accord</a>
</p>
<p class="fs-6">
<a class="text-decoration-none" href="/kia/rio/2020/pricing ">Kia Rio</a>
</p>
<p class="fs-6">
<a class="text-decoration-none" href="/toyota/corolla/2020/pricing ">Toyota Corolla</a>
</p>
</div>
<div class="col-sm-3">
<h3 class="fs-5">Location</h3>
<p class="fs-6">
13 Command Road,Yaba
<br> Lagos,Nigeria
</p>
</div>
<div class="col-sm-3">
<h3 class="fs-5">Contact</h3>
<p class="fs-6">
<a class="text-decoration-none" href="tel:+2341234567890">+234 123 456 7890</a>
</p>
<p class="fs-6">
<a class="text-decoration-none" href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
<p id="copyright">Copyright © 2024 Cars.ng</p>
</div>
</footer>
<script>
function formatOption(option) {
if (!option.id) {
return option.text;
}
const imageUrl = $(option.element).data('image');
if (option.text == "Brands" || option.text == "Categories") {
const $option = $(`
<div class="option-with-image">
<span'>${option.text}</span>
</div>
`);
return $option;
}
const $option = $(`
<div class="option-with-image">
<img style="width: 24px; height: 24px; object-fit:contain; border:1px solid #CECED1; border-radius:0.5rem" src="${imageUrl}" />
<span class='mx-2'>${option.text}</span>
</div>
`);
return $option;
}
$(document).ready(function() {
console.log("Initializing Select2...");
$('.brand_dropdown').select2({
templateResult: formatOption,
templateSelection: formatOption,
placeholder: "Select an option",
allowClear: true,
closeOnSelect: true
});
$('.nosearch_dropdown').select2({
placeholder: "Select an option",
allowClear: true,
minimumResultsForSearch: Infinity,
closeOnSelect: true
});
$('.location_dropdown').select2({
placeholder: "Select an option",
allowClear: true,
closeOnSelect: true
});
});
</script>
<script>
var phoneInput = document.querySelector("#phone");
var iti = window.intlTelInput(phoneInput, {
initialCountry: "ng",
preferredCountries: ["ng", "us", "gb"],
separateDialCode: true,
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
});
function toggleForm() {
var form = document.getElementById('registerForm');
var toggle = document.getElementById('toggle-content');
var authHeader = document.getElementById('auth-header')
if (form.style.display === 'none') {
form.style.display = 'block';
toggle.style.display = 'none';
authHeader.textContent = "Register via email and phone"
} else {
form.style.display = 'none';
}
}
var registerBtn = document.getElementById('registerBtn');
var api_msg = document.getElementById('api_msg');
registerBtn.addEventListener('click', function(e) {
e.preventDefault();
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;
var phone = document.getElementById('phone').value;
var first_name = document.getElementById('first_name').value;
var last_name = document.getElementById('last_name').value;
var agree = document.getElementById('agree').checked;
if (!email || !password || !phone || !first_name || !last_name || !agree) {
return;
}
registerBtn.innerHTML = `Processing <div class='spinner-border spinner-border-sm text-white'></div>`
axios.post("/user-signup", {
email,
password,
phone,
first_name,
last_name,
})
.then(response => {
api_msg.innerHTML = response.data.message ?? "Signup was successfully"
api_msg.classList.add("alert-success")
api_msg.classList.remove("alert-danger")
api_msg.classList.remove("d-none")
window.location.href = '/client/dashboard'
})
.catch(error => {
console.log(error)
registerBtn.innerHTML = "Sign Up"
api_msg.innerHTML = error.response.data.message ?? "Something went wrong, Please try again."
api_msg.classList.add("alert-danger")
api_msg.classList.remove("d-none")
api_msg.classList.remove("alert-success")
})
});
</script>
<script>
function toggleForm2() {
var form2 = document.getElementById('loginForm');
var toggle2 = document.getElementById('toggle-content-2');
var authHeader2 = document.getElementById('auth-header2')
if (form2.style.display === 'none') {
form2.style.display = 'block';
toggle2.style.display = 'none';
authHeader2.textContent = "Sign in via email or phone"
} else {
form2.style.display = 'none';
}
}
var loginBtn = document.getElementById('loginBtn');
var login_api_msg = document.getElementById('login_api_msg');
loginBtn.addEventListener('click', function(e) {
e.preventDefault();
var email = document.getElementById('login_email').value;
var password = document.getElementById('login_password').value;
loginBtn.innerHTML = `Processing <div class='spinner-border spinner-border-sm text-white'></div>`
if (!email || !password ) {
return;
}
axios.post("/user-login", {
email,
password
})
.then(response => {
login_api_msg.innerHTML = response.data.message ?? "Sign In was successfully"
login_api_msg.classList.add("alert-success")
login_api_msg.classList.remove("alert-danger")
login_api_msg.classList.remove("d-none")
window.location.href = '/client/dashboard'
})
.catch(error => {
console.log(error)
loginBtn.innerHTML = "Sign In"
login_api_msg.innerHTML = error.response.data.message ?? "Something went wrong, Please try again."
login_api_msg.classList.add("alert-danger")
login_api_msg.classList.remove("d-none")
login_api_msg.classList.remove("alert-success")
})
});
</script>
<script>
// const monitor = new ErrorMonitor({
// api_url: 'https://ping.telex.im/v1/webhooks/4f476ee51d12',
// app_name: 'Cars.ng',
// });
// const a = jQuery.noConflict();
document.getElementById('newsletter').addEventListener('submit', function(e) {
e.preventDefault();
var email = document.getElementById('newsletter-email').value;
var name = document.getElementById('name').value;
if (!email || !name ) {
return;
}
axios.post("/newsletter/submit", {
email,
name
},
// {
// headers: { 'Accept': 'application/json' }
// }
)
.then(response => {
newsletter_submit_msg.innerHTML = response.data.message ?? "Successfully subscribed"
newsletter_submit_msg.classList.add("alert-success")
newsletter_submit_msg.classList.remove("alert-danger")
newsletter_submit_msg.classList.remove("d-none")
// window.location.href = '/'
})
.catch(error => {
console.log(error)
newsletter_submit_msg.innerHTML = error.response.data.message ?? "Something went wrong, Please try again."
newsletter_submit_msg.classList.add("alert-danger")
newsletter_submit_msg.classList.remove("d-none")
newsletter_submit_msg.classList.remove("alert-success")
})
});
</script>
<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
</script> -->
<script src="https://cars.ng/js/zooming.js"></script>
<script src="https://cars.ng/js/dealerlist.js"></script>
<script>
//Zoom gallery image
new Zooming().listen('.gal-zoom');
</script>
<script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false"></script><script data-turbo-eval="false" data-turbolinks-eval="false">window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = '8DZouyYkqYLTs5eA82sLVeB4Gu88jRxcvWd5DPYg';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
<script class="iti-load-utils" async="" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"></script></body></html>