https://cars.ng/

ID de l'analyse :: 23a21692-afb9-4eb4-adc7-53f13a2f1d3eTerminée
URL soumise :: https://cars.ng/
Fin du rapport :: 19 déc. 2024, 13:32:38
Liens : 1 trouvé(s)

Liens sortants identifiés à partir de la page
Lien	texte
https://hng.tech/internship	HNG Internship
Variables JavaScript : 45 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
intlTelInputGlobals	object
intlTelInput	function
Swiper	function
gtag	function
dataLayer	object
$	function
jQuery	function
Messages de journal de console : 6 trouvé(s)

Messages consignés dans la console web
Type	Catégorie	Enregistrement
warning	dom	URL https://cars.ng/ texte [DOM] Found 2 elements with non-unique id #email: (More info: https://goo.gl/9p2vKq) %o %o
verbose	dom	URL https://cars.ng/ texte [DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) %o
verbose	dom	URL https://cars.ng/ texte [DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) %o
verbose	dom	URL https://cars.ng/ texte [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) %o
verbose	dom	URL https://cars.ng/ texte [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) %o
log	other	URL https://cars.ng/ texte Initializing Select2...
HTML

Le corps HTML de la page en données brutes
<!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&amp;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&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Bebas+Neue&amp;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&amp;l=dataLayer&amp;cx=c&amp;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">&nbsp;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>