---rufin--BBBB---djenebahairbraiding.com--<br/><br/>--css--<br/><br/>--array(3) {
  [1]=>
  string(7) "@assets"
  [2]=>
  string(3) "css"
  [3]=>
  string(27) "style_local.csst=1788140433"
}

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- rufintonam
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-->







<!-- <link href="https://fonts.googleapis.com/css?family=Rufina:400,700" rel="stylesheet">
<link rel="stylesheet" id="electro-fonts-css" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&amp;display=swap" type="text/css" media="all">
<link rel="stylesheet" id="fontawesome-css" href="https://www.afrothentik.com/wp-content/themes/electro/assets/vendor/fontawesome/css/all.min.css?ver=3.3.11" type="text/css" media="all"> -->
<!-- <link href="https://www.afrothentik.com/wp-content/themes/electro/style.min.css?ver=3.3.11" rel="stylesheet">  -->


<!-- <link rel="stylesheet" id="electro-child-style-css" href="https://www.afrothentik.com/wp-content/themes/electro-child/style.css?ver=3.3.11" type="text/css" media="all"> -->

<style>
    div:has(> [href*="http://xyzscripts.com"]) {
        display: none !important;
    }

    .top-promotion {
        background-color: red;
        color: #ffffff;
    }

    .marquee-container {
        padding: 10px;
        font-size: 20px;
        line-height: 25px;
    }

    .prom-blink {
        background-color: #000000;
    }

    .blink_me {
        animation: blinker 1s linear infinite;
    }

    @keyframes blinker {
        50% {
            opacity: 0;
        }
    }

    body>.wrapper {
        padding: 0 !important;
        width: auto;
    }

    .aftk-btn {
        display: flex !important;
        justify-content: space-between !important;
        font-size: 25px !important;
        align-items: center !important;
    }

    .mbr-section-btn {
        margin-top: 15px;
        align-items: center;
        justify-content: center;
    }

    /* ---- end::local ---- */

    /* .welcome-hero {
        background: url() no-repeat !important;
    } */

    .welcome-hero {
        background: url() no-repeat !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .navband-menu {
        background: url() no-repeat !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .mbr-section-btn {
        display: flex;
        flex-direction: row;
        position: relative;
    }

    .aftk-btn {
        margin: 10px;
        padding: 10px !important;
        width: 300px !important;
    }

    a.navbar-brand {
        display: flex !important;
        align-items: center;
    }

    .wrap-sticky nav.navbar.bootsnav.sticked ul.nav>li>a {
        white-space: nowrap;
    }

    .store_img {
        max-height: 80px;
    }

    .checked {
        color: orange;
    }

    .single-testimonial-box {
        min-width: 380px !important;
    }

    .section-block {
        padding: 0 !important;
        padding-top: 40px !important;
        margin: 0;
    }

    .footer-top {
        padding: 52px 0 72px !important;
    }

    .footer-about {
        font-size: 15px;
    }

    a.book-online {
        background-color: #fff;
        padding: 0 10px;
        border-radius: 15px;
    }

    @media (min-width: 1200px) {
        .section-header h2 {
            margin-bottom: 20px !important;
        }

        .ctn {
            width: 1170px;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between;
        }
    }

    .navbar-nav {
        flex-direction: row;
    }

    #wpadminbar {
        display: none !important;
    }

    .section-block2 {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    #top.section-block2 {
        margin-top: 0;
    }

    .wrap-sticky nav.navbar.bootsnav {
        padding: 0 !important;
    }

    @media (min-width: 768px) {
        .navbar-right {
            display: flex;
            margin-right: 0 !important;
        }
    }

    @media (max-width: 767px) {
        #appointment {
            margin-top: 5px;
        }

        .welcome-hero {
            height: 100vh;
        }

        .map {

            width: 100vw;
            /* display: flex;
            flex-direction: column;
            align-content: center;
            align-items: center;
            margin: 25px; */
        }

        .section-small {
            max-width: 95%;
        }

        .section-header {
            margin-bottom: 20px !important;
        }

        .brand {
            padding: 50px 0 !important;
        }

        .welcome-hero-txt {
            padding: 160px 0px 122px !important;
        }

        .store_img {
            max-height: 60px;
        }

        .mbr-section-btn {
            flex-direction: column;
        }

        .navbar-nav {
            flex-direction: row;
        }

        nav.navbar.bootsnav .navbar-header {
            padding-left: 10px;
            padding-right: 15px;
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
            /* min-width: 500px; */
            min-width: 100vw;
        }

        nav.navbar.bootsnav .navbar-brand:before,
        nav.navbar.bootsnav .navbar-header:before {
            content: inherit;
        }

        nav.navbar.bootsnav .navbar-brand {
            padding: 0;
            margin-left: -50px;
        }

        nav.navbar.bootsnav .navbar-brand:after {
            content: inherit;
        }

    }

    footer {
        margin-top: 70px;
    }

    .preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        padding-top: 50%;
        background: #fff;
        z-index: 1000;
    }



    /* ------------ Fix Shop ------------  */
    .footer-newsletter {
        background-color: transparent !important;
    }

    .css_title h1 {
        text-shadow: 3px 2px var(--aftk-primary-color);
    }

    .desktoplogo img {
        max-height: 80px !important;
    }

    .aftk_search_li,
    .aftk-mini-cart {
        display: none !important;
    }

    a.wmis_readmore_link,
    a.wmis0_readmore_link,
    a.wmis_readmore_link:hover,
    a.wmis0_readmore_link:hover {
        color: #000;
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        padding: 1px 15px;
    }

    .wmis_readmore_link,
    .wmis0_readmore_link,
    .wmis_readmore_link:hover,
    .wmis0_readmore_link:hover {
        padding: 1px 15px;
        border-radius: 0;
    }

    /* body {
        background-color: var(--bgcolor) !important;
    } */

    .header {
        min-height: auto !important;
    }

    .desktoplogo img {
        height: 100px !important;
    }

    /*---price---*/
    .title-bloc {
        padding: 15px;
    }

    .title-bloc span {
        font-size: 28px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .child-title {
        text-transform: uppercase;
        padding-left: 20px;
        display: inline-block;
    }

    /*--end::-price---*/

    @media (max-width: 762px) {
        .title-bloc span {
            font-size: 18px;
        }

        .child-title {
            padding-left: 5px;
            font-weight: bold;
            font-size: 15px;
        }

        .smllogo img {
            max-height: 60px;
        }

        nav.navbar.bootsnav .navbar-nav>li {
            white-space: nowrap;
            border-bottom: 0.0155px solid #dc89e147 !important;
        }
    }

    /* ------------ END::Fix Shop ------------  */
</style>

<link href="@assets/css/style_local.css?t=1788144216" rel="stylesheet">
<div class="preloader">
    <img loading=”lazy” alt=preloader
        src="https://www.afrothentik.com/wp-content/uploads/2025/01/anim_logo_light.webp" />
</div>

<script async defer
    src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>

<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/add-to-homescreen.min.css" />
<script async defer
    src="https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/add-to-homescreen.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const elements = document.getElementsByClassName('preloader');
        for (let i = 0; i < elements.length; i++) {
            elements[i].style.display = 'none';
        }
    }); //--DOMContentLoaded

</script>

<style>
    .nav-search {
        display: none;
    }
</style><!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, viewport-fit=cover">
    <meta name="referrer" content="same-origin">
    <meta name="format-detection" content="date=no">
    <meta name="keywords" content="African Hair Braiding, box braids, Senegalese twist boho, Jumbo box braids, Cornrows, Kinky twist, Senegalese twist, Locs, Kids braids, Men braids, Pocono PA, Philadelphia PA,,
">
    <meta name="description" content="Djeneba's Hair Braiding Salon is a Hair Braiding salon in , that specializes in box braids, Senegalese twist boho, Jumbo box braids, Cornrows, Kinky twist, Senegalese twist, Locs, Kids braids, Men braids.
">

    
    <!--#######og######-->
    <meta property="og:site_name" content="Djeneba's Hair Braiding Salon is the #1 African Hair Braiding in ,">
    <meta property="og:title" content="Djeneba's Hair Braiding Salon">
    <meta property="og:description" content=" | 1707 Snyder Ave, Philadelphia, PA 19145">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en_US">
    <meta property="og:url" content="https://djenebahairbraiding.com/">
    <meta property="og:image" content="">
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="800" />
    <meta property="og:image:alt" content=" | 1707 Snyder Ave, Philadelphia, PA 19145">
    <!--#######og######-->


    <!--#######fb######-->
    <meta name="fb:extensions:title" content="Djeneba's Hair Braiding Salon is the #1 African Hair Braiding in ,">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:url" content="https://djenebahairbraiding.com/">
    <meta name="twitter:title" content="Djeneba's Hair Braiding Salon">
    <meta name="twitter:description" content=" | 1707 Snyder Ave, Philadelphia, PA 19145">
    <!--#######fb######-->


    <meta name="bingbot" content="noarchive">
    <meta name="robots" content="noarchive, noimageindex">
    <meta charset="utf-8">
    <!-- <meta name="apple-mobile-web-app-status-bar-style" content="default"> -->
    <!-- <meta name="mobile-web-app-capable" content="yes"> -->
    <!-- Legacy Android/Chrome tag -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Legacy iOS/Safari tag -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="manifest" crossorigin="use-credentials" href="manifest.json" />


    <!-- title of site -->
    <title>Djeneba's Hair Braiding Salon is the #1 African Hair Braiding in ,</title>

    <!-- For favicon png -->
    <link rel="shortcut icon" type="image/x-icon" href="?" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
        crossorigin="anonymous" />


    <!--linear icon css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/linearicons.css">

    <!--flaticon.css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/flaticon.css">

    <!--animate.css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/animate.css">

    <!--owl.carousel.css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/owl.theme.default.min.css">

    <!--bootstrap.min.css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/bootstrap.min.css">

    <!-- bootsnav -->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/bootsnav.css">

    <!--style.css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/style.css">

    <!--responsive.css-->
    <link rel="stylesheet" href="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/css/responsive.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->


            <link rel="stylesheet" id="wmis-style-css"
            href="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/css/wmis.css?t=0.71029900+1727354195&amp;ver=6.6.2"
            type="text/css" media="all">
        <link rel="stylesheet" id="main_css-css"
            href="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/main.css?t=0.71175400+1727354195&amp;ver=6.6.2"
            type="text/css" media="all">
        <script type="text/javascript" src="https://www.afrothentik.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"
            id="jquery-core-js"></script>
        <script type="text/javascript"
            src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/infinite-scroll.pkgd.min.js?ver=6.6.2"
            id="wmis-jquery-infinitescroll-min-js"></script>
        <script type="text/javascript"
            src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/isotope.pkgd.min.js?ver=6.6.2"
            id="wmis-isotope-pkgd-min-js"></script>
        <script type="text/javascript"
            src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/imagesloaded.pkgd.min.js?ver=6.6.2"
            id="wmis-imagesloaded-pkgd-min-js"></script>

                <!-- rufintonam 
    <link rel="stylesheet" id="wmis-style-css" href="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/css/wmis.css?t=0.71029900+1727354195&amp;ver=6.6.2" type="text/css" media="all">
    <link rel="stylesheet" id="main_css-css" href="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/main.css?t=0.71175400+1727354195&amp;ver=6.6.2" type="text/css" media="all">
    <script type="text/javascript" src="https://www.afrothentik.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
    <script type="text/javascript" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/infinite-scroll.pkgd.min.js?ver=6.6.2" id="wmis-jquery-infinitescroll-min-js"></script>
    <script type="text/javascript" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/isotope.pkgd.min.js?ver=6.6.2" id="wmis-isotope-pkgd-min-js"></script>
    <script type="text/javascript" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/imagesloaded.pkgd.min.js?ver=6.6.2" id="wmis-imagesloaded-pkgd-min-js"></script>
    -->
    <style>
        .wrap-sticky nav.navbar.bootsnav {
            /* width: 102vw; */
            display: block;
        }

        .nav-ctn {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* padding: 15px 15px 0 0; */
            /* padding: 15px 0 15px 0; */
            padding: 0 35px 20px 20px;
        }

        .pricing .title_gallery {
            font-size: 1rem;
            padding: 5px;
            display: block !important;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            /* max-height: 40px; */
        }

        .wmis_main_container .wmis_title,
        .wmis_main_container .wmis_date {
            display: none;
        }

        /* .overlay_gallery {
        bottom: 40px;
        z-index: auto;
    } */

        .pricing .title_gallery {
            z-index: auto;
        }

        /* .pricing {
        bottom: 50px;
        z-index: auto;
    } */

        .footer-contact .aftk-btn {
            margin: 10px 0 !important;
        }

        @media (max-width: 992px) {
            /* .overlay_gallery {
            bottom: 35px;
        } */

            .nav-ctn {
                padding: 15px 0 15px 0;
            }
        }
    </style>
    
    <style>
        :root {
            --aftk_bg_1: #1e90ff;
            --aftk_bg_2: hsl(118, 91.70%, 42.70%);
            --aftk_color_1: #ffffff;
        }

        h1.footer-title {
            margin-top: 25px;
            color: #ccc;
            margin-bottom: 7px;
        }

        .hrs-time {
            white-space: nowrap;
        }

        .btn-row {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .header-area {
            top: 5vh;
        }

        .wrap-sticky nav.navbar.bootsnav.sticked {
            background-color: var(--aftk_bg_1);
        }


        /* .wrap-sticky nav.navbar.bootsnav.sticked {
        top: 5vh;
    } */

        footer {
            background: var(--aftk_bg_1);
        }

        h1.footer-title {
            margin-top: 25px;
            color: #ccc;
            margin-bottom: 7px;
        }

        .footer-logo {
            border-bottom: solid 0.01px #7c8798;
            width: 100%;
            padding-right: 10px;
        }

        .single-footer-widget h2 {
            margin-bottom: 13px;
        }

        .single-footer-widget ul li {
            height: 25px;
        }

        .header-area {
            z-index: 99999999;
        }

        .footer-social a {
            color: #ffffff !important;
            padding-right: 15px !important;
        }

        .footer-social {
            text-align: left !important;
            margin: 15px 0;
        }

        .footer-social a i {
            color: #ffffff !important;
            font-size: 25px !important;
            margin: 0 !important;
        }

        .smo[href="#"] {
            display: none !important;
        }

        @media (max-width: 992px) {
            .store_img {
                max-height: 60px;
                margin-left: 15% !important;
            }

            .footer-logo .store_img {
                margin-left: 0;
            }
        }

        /* ----- ads--- */
/*
.ad-coupon {
    border: 5px dotted #fff;
    margin-right: 5px;
}
*/
.ad-wrapper {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;

    width: 300px;
background-color:yellow; 
    border: 1px solid #000;
}
.price-tag {
    color: #fff;
    background: red;
    margin: 10px;
    font-size: 25px;
    padding:0 15px;
}
 
.ad-desc {
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    height: 50px;
    color: #000;
}
.add-title {
    background-color: red;
    height: 30%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: arial-black;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    padding: 15px;
}
/* ----- ads--- */

/* ++++++ menu +++++ */
.title-bloc { 
    font-size: 20px;
}
nav.navbar.bootsnav ul.nav>li>a {
	color: var(--fgcolor);
    font-weight: 700;
}

nav.navbar.bootsnav ul.nav>li>a:hover {
	color: var(--fgcolorhover);
}

nav.navbar.bootsnav {
	background-color: var(--bgcolor) !important;
}

nav.navbar.bootsnav .navbar-toggle {
	border: 1px solid #fff;
}

nav.navbar.bootsnav .navbar-toggle i,
nav.navbar.bootsnav ul.nav>li.active>a {
	color: var(--fgcolor) !important;
}

nav.navbar.bootsnav .navbar-toggle {
	border: 1px solid var(--fgcolor);
}
 @media (max-width: 767px) {
.navbar-nav { 
    flex-direction: column !important; 
}
}


/* ++++++ END::menu +++++ */section#gallery {  
    margin-bottom: 30px;
}.btnFixed {
  position: fixed;
  top: 35vh;
  right: -60px;
  text-transform: uppercase;
  font-size: 20px;
  z-index: 99999;
  padding: 5px 25px !important;
cursor:pointer;
}

#rotate {
  vertical-align: top;
  transform: rotate(7deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -moz-transform: rotate(270deg);
  /* Firefox */
  -webkit-transform: rotate(270deg);
  /* Safari and Chrome */
  -o-transform: rotate(270deg);
  /* Opera */
}/* Create a responsive, centered, three-column grid. */
.card-container {
	align-items: start;
	display: grid;
	grid-gap: 16px;
	grid-template-columns: repeat(auto-fit, 20%);
	justify-content: center;
}

.card-container h1 {
text-transform:uppercase;
}
.card-container p {
	color: #fff;
	text-align: left;
	padding: 15px;
}

.card-container .card {
	background-color: #333;
	border-radius: 5px;
	color: white;
	padding: 24px 0 16px;
	text-align: center;
	text-shadow: 1px 1px 0 #555;

	display: flex;
	align-items: center;
    height: 400px;
}

.card-container .fas {
	font-size: 50px;
	margin: 15px 0;
}

@media screen and (max-width: 992px) {
	.card-container {
		grid-template-columns: repeat(auto-fit, 100%);
	}
}#welcome {
    margin-top: -20px;
}
.subtitle_slider{
display:none;
}
.welcome-hero {
   background: url(https://www.afrothentik.com/wp-content/uploads/2024/10/81161383-m-normal-none-1672x2508-3.jpg) no-repeat !important; 
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
a.book-online0 {
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
    text-decoration: none !important;
}
 

section#gallery {  
    margin-bottom: 30px;
}section#services {
    padding: 0;
    flex-direction: column;
}.description.left {
    padding-right: 20px;
}
.description.right {
    padding-left: 20px;
}
.services p {
    font-size: 25px;
}
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;200;300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

.services {
  font-family: 'Montserrat', sans-serif;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;

    .title-section {
        word-wrap: break-word;

        span {
            display: block;
            color: #0e0000;
            font-weight: 700;
            font-size: 18px;
            text-transform: uppercase;
            line-height: 18px;
        }

        .main {
            color: black;
            font-size: 56px;
            line-height: normal;
            font-weight: 900;
            text-align: center;
            text-transform: uppercase;
            margin: 0px;
            padding: 0px;
        }
    }

    .feature {
        position: relative;
        margin: 45px 0px;

        .title {
            float: right;
            width: 100%;
          /*     padding-left: 20px;
         padding-right: 70px;*/

            p {
                font-weight: 700;
                color: black;
                font-size: 30px;
                line-height: normal;
                text-transform: uppercase;
                margin-bottom: 10px;
            }
        }

        .description {
            float: right; 
            border: 1px solid #ccc;
            padding: 15px;
            box-shadow: 6px 5px #888888;
       /*    width: 80%;
            padding-left: 20px;
            padding-right: 70px;*/

            p {
                font-family: 'Raleway', sans-serif;
             /*   color: #44495e;
                font-size: 15px;
                line-height: 20px;
                height: 80px;*/
                overflow: hidden;
                text-align: justify;
            }
        }

        .image {
            float: left;
            width: 20%;

            img {
                height: auto;
                max-width: 100%;
            }
        }

        .image-right {
            float: right;
            width: 20%;

            img {
                height: auto;
                max-width: 100%;
            }
        }
    }

    .end-description {
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 16px;
        font-weight: 200;
        text-align: center;
        font-family: 'Raleway', sans-serif;
        color: #44495e;
    }
}
.services { 
    padding-top: 0 !important; 
    width: 100%;
    text-align: justify;
}
article#aboutus {
    padding: 0 !important;
    margin: 0 !important;
}
@media (min-width: 1200px) {

}

@media (max-width: 762px) { }:root {
    --fgcolor: #dc89e1; 
    --bgcolor: #080a0c;
    --fgcolorhover: #ccc;
    --topbg: red;
    --topfg: #fff;
    --bgfooter: #1e1202;
    --fgmarkercolor: #dc89e1;

    --bgfooter-color: #fff;
    --bgsectionalt: #f4f3ee;
    --fgcolorbtn: #fff;

    --aftk-primary-color-logo: #000 !important;
    --aftk-primary-color: #df2d79 !important;
    --aftk-primary-color-alt: #b58f96 !important;
    --aftk-primary-light: #fff !important;
    /*#b48f961c*/
    --aftk-font-stack: "Helvetica Neue",
        Helvetica, Arial, sans-serif;
    --aftk-menu-color: #ecf2f4;
    --aftk-font-size: "Helvetica Neue ",
        Helvetica, Arial, sans-serif;
 
}
img.img-header-logo, .footer-logo img {
    /* height: 30px; */
    width: auto !important;
    margin: inherit !important;
}

/* ------------ Fix Shop 0 hackrufin------------  */
article#top {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: red;
    height: 50px;
    font-size: 20px;
}

span.prom-blink.blink_me {
    color: #fff !important;
}

#top marquee {
    color: #fff !important;
    font-size: 20px;
    padding: 0 !important;
}

.header-area {
    top: 1vh;
}

#welcome {
    margin-top: -50px;
}

/* ------------ END:: Fix Shop 0------------  */


.wsmobileheader,
.headtoppart {
    background-color: #000 !important;
}

.css_title h1 {
    text-shadow: 3px 2px var(--aftk-primary-color);
}

.desktoplogo img {
    max-height: 80px !important;
}

.aftk_search_li,
.aftk-mini-cart {
    display: none !important;
}

a.wmis_readmore_link,
a.wmis0_readmore_link,
a.wmis_readmore_link:hover,
a.wmis0_readmore_link:hover {
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.wmis_readmore_link,
.wmis0_readmore_link,
.wmis_readmore_link:hover,
.wmis0_readmore_link:hover {
    padding: 1px 15px;
    border-radius: 0;
}

.header {
    min-height: auto !important;
}

.desktoplogo img {
    height: 100px !important;
}

/*---price---*/
.title-bloc {
    padding: 15px;
}

.title-bloc span {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 300;
}

.child-title {
    text-transform: uppercase;
    padding-left: 20px;
    display: inline-block;
}

/*--end::-price---*/

@media (max-width: 762px) {
    .title-bloc span {
        font-size: 18px;
    }

    .child-title {
        padding-left: 5px;
        font-weight: bold;
        font-size: 15px;
    }

    .smllogo img {
        max-height: 60px;
    }

    nav.navbar.bootsnav .navbar-nav>li {
        white-space: nowrap;
        border-bottom: 0.0155px solid #dc89e147 !important;
    }
}:root {
    --fgcolor: #dc89e1; 
    --bgcolor: #080a0c;
    --fgcolorhover: #ccc;
    --topbg: red;
    --topfg: #fff;
    --bgfooter: #1e1202;
    --fgmarkercolor: #dc89e1;

    --bgfooter-color: #fff;
    --bgsectionalt: #f4f3ee;
    --fgcolorbtn: #fff;

    --aftk-primary-color-logo: #000 !important;
    --aftk-primary-color: #df2d79 !important;
    --aftk-primary-color-alt: #b58f96 !important;
    --aftk-primary-light: #fff !important;
    /*#b48f961c*/
    --aftk-font-stack: "Helvetica Neue",
        Helvetica, Arial, sans-serif;
    --aftk-menu-color: #ecf2f4;
    --aftk-font-size: "Helvetica Neue ",
        Helvetica, Arial, sans-serif;
 
}
img.img-header-logo, .footer-logo img {
    /* height: 30px; */
    width: auto !important;
    margin: inherit !important;
}

/* ------------ Fix Shop 0 hackrufin------------  */
article#top {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: red;
    height: 50px;
    font-size: 20px;
}

span.prom-blink.blink_me {
    color: #fff !important;
}

#top marquee {
    color: #fff !important;
    font-size: 20px;
    padding: 0 !important;
}

.header-area {
    top: 1vh;
}

#welcome {
    margin-top: -50px;
}

/* ------------ END:: Fix Shop 0------------  */


.wsmobileheader,
.headtoppart {
    background-color: #000 !important;
}

.css_title h1 {
    text-shadow: 3px 2px var(--aftk-primary-color);
}

.desktoplogo img {
    max-height: 80px !important;
}

.aftk_search_li,
.aftk-mini-cart {
    display: none !important;
}

a.wmis_readmore_link,
a.wmis0_readmore_link,
a.wmis_readmore_link:hover,
a.wmis0_readmore_link:hover {
    color: #000 !important;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.wmis_readmore_link,
.wmis0_readmore_link,
.wmis_readmore_link:hover,
.wmis0_readmore_link:hover {
    padding: 1px 15px;
    border-radius: 0;
}

.header {
    min-height: auto !important;
}

.desktoplogo img {
    height: 100px !important;
}

/*---price---*/
.title-bloc {
    padding: 15px;
}

.title-bloc span {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 300;
}

.child-title {
    text-transform: uppercase;
    padding-left: 20px;
    display: inline-block;
}

/*--end::-price---*/

@media (max-width: 762px) {
    .title-bloc span {
        font-size: 18px;
    }

    .child-title {
        padding-left: 5px;
        font-weight: bold;
        font-size: 15px;
    }

    .smllogo img {
        max-height: 60px;
    }

    nav.navbar.bootsnav .navbar-nav>li {
        white-space: nowrap;
        border-bottom: 0.0155px solid #dc89e147 !important;
    }
}    </style>
</head>

<body>
    <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

    <!-- top-area Start -->
    <div class="top-area">
        <div class="header-area">
            
<script type="text/javascript" src="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/vendor/bootstrap/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/vendor/bootstrap/bootstrap.min.css" />

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<!-- Vendor -->

<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/jquery-sticky@1.0.4/jquery.sticky.min.js"></script>


<!--Main Menu File-->
<link id="effect" rel="stylesheet" type="text/css" media="all"
  href="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/webslidemenu/dropdown-effects/fade-down.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/webslidemenu/webslidemenu.css" />

<link id="theme" rel="stylesheet" type="text/css" media="all"
  href="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/webslidemenu/color-skins/white-red.css" />

<!-- Include Below JS After Your jQuery.min File -->
<script type="text/javascript" src="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/webslidemenu/webslidemenu.js"></script>
<!--Main Menu File-->

<!--For Demo Only (Remove below css and Javascript) -->
<link rel="stylesheet" href="https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/webslidemenu/demo.css" />
<!--For Demo Only (Remove below css and Javascript) -->

<style>
  /* ------- search  */
  form.aws-search-form {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .aws-wrapper {
    display: flex;
    align-items: center;
  }

  /* --------- END:: search  */

  .wsmenu>.wsmenu-list>li.rightmenu a {
    padding: 10px 30px;
  }

  #wpadminbar {
    display: none !important;
  }

  /* ------------- myaccount */
  .woocommerce .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
  }

  /* --------------- END::myaccount */



  /*---------- Style 2 ------- */
   :root {
    --aftk-primary-color: #637da0;
    --aftk-primary-color-alt: #1f3d59;
    --aftk-primary-light: #d9e2eb;
    --bgfooter: #1f3d59;
    --aftk-font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --aftk-menu-color: #ecf2f4;
    --aftk-font-size: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

   .headerwp,
  .wsmainwp {
    /* max-width: 100%; */
    max-width: 1420px !important;
  }

  #main-container.container {
    margin: 0 auto;
    max-width: 1420px !important;
  }

  #main-container.container-fluid {
    max-width: 100% !important;
  }

  #main-container {
    margin: 0 auto;
    min-height: 25vh !important;
  }


  .carousel-item img {
    width: 400px;
    height: 250px;

  }

  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li {
    padding: 5px 0 !important;
  }

  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
    /* background-color: var(--aftk-primary-color-alt) !important; */
    text-transform: uppercase;
    width: 100%;
  }

  .button {
    background-color: var(--aftk-primary-color) !important;
    color: var(--aftk-menu-color) !important;
    text-align: center;
  }

  /* ---------- login  */
  #register .sub-title {
    display: none !important;
  }

  .input-default,
  .post-password-form input[type=password],
  .woocommerce .input-text {
    border: 1px solid var(--border-color) !important;

    background: #e9effe !important;
  }

  .log-form {
    border: 1px solid var(--aftk-primary-color-alt);
    padding: 10px;
    border-radius: 20px;
    box-shadow: 10px 10px 8px var(--aftk-primary-color);
    box-shadow: [inset] [offset-x] [offset-y] [blur-radius] [spread-radius] [color];
  }

  .u-columns .nav-tabs {
    padding: 0 !important;
    border-bottom: 1px solid var(--aftk-primary-color) !important;
    justify-content: space-between !important;
  }

  .aftk_btn_outline,
  select#role {
    height: 40px;
    background-color: #e9effe !important;
    border: 1px solid var(--border-color) !important;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  .aftk_btn_link {
    /* height: 40px; */
    background-color: transparent !important;
    border: 0 !important;
    width: inherit !important;
    /* padding: 10px; */
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--aftk-primary-color) !important;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
  }


  .aftk_btn_link:hover {
    background-color: var(--aftk-primary-color) !important;
    color: #fff !important;
  }

  .product_meta {
    display: flex;
    flex-direction: column;
  }

  .posted_in a {
    font-size: 14px;
    padding: 0 5px;
    text-transform: uppercase;
    color: var(--aftk-primary-color) !important;
    border-right: 1px solid var(--aftk-primary-color);
  }

  .aftk_btn,
  .nav-tabs li.active a {
    background-color: var(--aftk-primary-color) !important;
    color: var(--aftk-menu-color) !important;
  }

  .woocommerce form.login .lost_password a,
  .woocommerce form.register .lost_password a {
    color: var(--aftk-primary-color) !important;
  }

  .u-columns .tab-content .woocommerce-form__label-for-checkbox input {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    margin-right: 10px !important;
  }

  .u-columns .tab-content .woocommerce-form__label-for-checkbox {
    display: flex !important;
    justify-content: space-between !important;
  }

  .iti {
    width: 100%;
  }

  @media (max-width: 991px) {
    .u-columns {
      padding: 25px !important;
    }

    .u-columns>div {
      border: 0;
    }

    .log-form {
      border: 1px solid var(--aftk-primary-color-alt) !important;
      padding: 20px !important;
      border-radius: 10px;
      box-shadow: none;
    }

  }

  /* ---------- END:: login  */


  /* ---------- general  */
  .shop_attributes a,
  .shop_attributes a:active,
  .shop_attributes a:focus {
    display: inline-block;
    text-decoration: none;
    color: var(--aftk-primary-color) !important;
    font-size: 15px;
    padding: 0 5px;
    font-weight: 500;
    text-transform: uppercase;
  }

  .shop_attributes a:hover {
    color: #fff !important;
    background-color: var(--aftk-primary-color) !important;
  }

  .purchasable .products .product-block .image,
  .related .products .product-block .image {
    max-height: 230px !important;
  }

  .u-columns>div {
    border: 0;
  }

  .log-form {
    border: 1px solid var(--aftk-primary-color-alt) !important;
    padding: 10px;
    border-radius: 10px;
    box-shadow: none;
  }

  .woocommerce form.login,
  .woocommerce form.register {
    min-width: 100%;
  }



  /* @media (max-width: 575px) {
    .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {
 
        padding: 0;
    }
} */
  @media (max-width: 767px) {

    .woocommerce table.shop_attributes th,
    .woocommerce table.shop_attributes td {
      padding: 0 !important;
    }

    body:not(.tbay-homepage-demo) #main-container {
      padding-top: 25px;
      padding-bottom: 30px;
      padding: 45px 10px;
    }

    .custom-image-list-categories.row.grid>div.item {
      padding-left: 10px;
      padding-right: 10px;
      margin-top: -30px;
    }
  }

  /* ---------- END::general  */

  .footer-social *,
  .footer-social a i,
  .contact * {
    color: var(--bgfooter-color) !important;
  }

  .contact {
    background: var(--bgfooter);
  }

  .aftk_icon {
    padding: 8px 10px !important;
    color: var(--aftk-primary-color) !important;
  }

  /*-------------- price calc tabs ---*/
  .nav-tabs {
    border-bottom: 1px solid var(--aftk-primary-color) !important;
  }

  .nav-tabs .nav-item a {
    border: 1px solid var(--aftk-primary-color) !important;
    color: 1px solid var(--aftk-primary-color-alt) !important;

  }

  .nav-tabs .nav-link.active {
    border: 1px solid var(--aftk-primary-color) !important;
    background-color: var(--aftk-primary-color) !important;
    color: #fff !important;
  }

  .wsm_section {
    background-color: var(--aftk-primary-light) !important;
    border: 1px solid var(--aftk-primary-color) !important;
    border-radius: 5px;
  }

  .aftk_btn_outline {
    color: var(--aftk-primary-color) !important;
    border: 1px solid var(--aftk-primary-color) !important;
    background-color: #fff !important;
  }

  /*--------------end:: price calc tabs ---*/


  .wsmenu {
    width: 100%;
  }

  .wsmenu>.wsmenu-list>li:hover>a,
  .wsmenu>.wsmenu-list>li>a.active {
    background-color: var(--aftk-primary-color-alt);
    color: var(--aftk-menu-color);
  }

  .headtoppart {
    height: 100px;
    display: flex;
  }

  .headerwp {
    width: 100%;
    padding: 20px;
    /* align-items: flex-start; */
  }


  html {
    margin-top: 0 !important;
  }

  .header-area {
    top: 0;
  }


  .wsmainfull {
    background-color: var(--aftk-primary-color);
  }


  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
  .wsmenu>.wsmenu-list>li>a {
    text-transform: uppercase;
    min-width: 100%;
  }

  span.wsm_sku {
    display: inline-block;
    padding: 5px 0;
    font-size: 15px;
  }

  .wfps_ajax_add_to_cart {
    background-color: #ffffff !important;
    color: var(--aftk-primary-color) !important;
    border: 2px solid var(--aftk-primary-color) !important;
    margin-top: 10px !important;
    min-width: 100%;
  }

  ul.wsmenu-list-in {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  li.rightmenu-in:first-child {
    width: 60%;
  }

  .headertopright a i {
    font-size: 30px;
    color: var(--aftk-primary-color-alt);
  }

  .custom-image-list-categories .cat-name {
    font-size: 20px !important;
    line-height: 20px;
    color: #9d8f8f;
    font-weight: normal !important;
    text-transform: uppercase;
  }

  .product-block .name a,
  .product-block .show-brand a {
    color: #64717c;
    text-decoration: none;
    text-transform: none;
    font-weight: bolder;
    text-overflow: ellipsis !important;
    max-width: 330px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .carousel-control-next,
  .carousel-control-prev {
    display: flex !important;
  }

  .desktoplogo img {
    max-height: 50px;
  }

  @media (min-width: 1200px) {
    .headtoppart {
      height: 100px;
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
    .wsmenu>.wsmenu-list>li>a {
      font-size: 18px;
    }

    .button {
      font-size: 2.4rem !important;
    }

    .topmenusearch {
      width: 100% !important;
    }

    .aftk_search_li {
      width: 30% !important;
      padding-right: 15px !important;
    }

    .wsmenu>.wsmenu-list>li>a {
      color: var(--aftk-menu-color);
    }

    .elementor-container,
    .container,
    #wcfm-main-contentainer .wcfm-membership-wrapper,
    .wcfmmp-store-page #wcfmmp-store {
      width: 100%;
      max-width: 100% !important;
    }

    .wsm_categ_img .item.item-image img {
      height: 250px !important;
      width: 450px !important;
      max-height: 100%;
    }

    a.product-image img {
      min-width: 100% !important;
      min-height: 300px !important;
    }

    span.onsale {
      width: inherit;
      height: inherit;
      max-height: 100% !important;
      max-width: 100% !important;
      /* font-size: 20px !important; */
    }

    span.saled {
      font-size: 20px !important;
      padding: 20px !important;
      border-radius: 50% !important;
      width: 60px !important;
      display: flex !important;
      justify-content: center;
    }

  }

  @media (max-width: 992px) {
    .headertopright {
      display: none !important;
    }

    .elementor-column-gap-default>.elementor-row>.elementor-column>div.elementor-element-populated,
    .elementor-column-gap-default>.elementor-column>div.elementor-element-populated {
      padding: 0 !important;
    }

    .headtoppart {
      height: 0;
    }

    .smllogo img {
      max-height: 50px;
    }

    .desktoplogo img {
      max-height: 40px;
    }

    span.onsale {
      top: -5px !important;
      left: -10px !important;
      width: inherit;
      height: inherit;
      max-height: 100% !important;
      max-width: 100% !important;
    }

    span.saled {
      font-size: 20px !important;
      padding: 15px !important;
      border-radius: 50% !important;
      width: 50px !important;
      display: flex !important;
      justify-content: center;
    }

    .wsmobileheader {
      box-shadow: 0 8px 16px var(--aftk-primary-color);
      height: 75px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
    }

    .aftk_icon_mobile {
      position: relative !important;
      margin: 0 !important;
      color: var(--aftk-primary-color-alt);
      left: 0;
      right: 0;
      margin-top: 10px !important;
    }

    .custom-image-list-categories .cat-name {
      font-size: 15px !important;
      line-height: 15px;
    }

    .product-block .name a,
    .product-block .show-brand a {
      font-size: 14px !important;
    }

    .aftk-categ {
      margin-top: -20% !important;
    }
  }

  .user-wrap {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }

  .user-wrap-in {
    font-size: 15px;
    color: var(--aftk-primary-color-alt) !important;
  }


  /* 1. Hide the element on desktop screens by default */
  .add-to-home {
    display: none !important;
  }

  /* 2. Show the element on tablets and mobile devices */
  @media screen and (max-width: 1024px) {
    .add-to-home {
      display: block !important;
      /* Or flex, inline-block, grid, etc. */
    }
  }

  /*---------- END::Style 2 ------- */
</style>

<!-- Mobile Header -->
<div class="wsmobileheader clearfix0 ">
  <a id="wsnavtoggle" class="wsanimated-arrow aftk_icon_mobile"><span></span></a>
  <a class="smllogo" href="https://djenebahairbraiding.com/"><img src="https://www.afrothentik.com/wp-content/uploads/2024/12/logo-djeneba.webp" alt="logo" /></a>
  <a href="https://djenebahairbraiding.com//my-account" class="aftk_btn_admin aftk_icon_mobile">
    <i class="fa fa-user" aria-hidden="true"></i>
  </a>
  <div class="aftk-mini-cart">
    [aftk_mini_cart]  </div>
  <!-- <a href="javascript:;" class="aftk_btn_minichart aftk_icon_mobile">
      <i class="fa fa-shopping-cart" aria-hidden="true"></i>
    </a> -->
</div>
<!-- Mobile Header -->


<div class="headtoppart clearfix">
  <div class="headerwp clearfix">
    <div class="headertopleft">
      <div class="desktoplogo"><a href="https://djenebahairbraiding.com/"><img src="https://www.afrothentik.com/wp-content/uploads/2024/12/logo-djeneba.webp" alt=""></a>
      </div>
    </div>
    <div class="headertopright">
      <ul class="wsmenu-list-in">
        <li class="rightmenu-in">
          <div class="user-wrap">
            <a href="https://djenebahairbraiding.com//my-account" class="aftk_btn_admin aftk_icon">
              <i class="fa fa-user" aria-hidden="true"></i>
            </a>
            <div class="user-wrap-in">
                          </div>
          </div>
        </li>
        <li aria-haspopup="true" class="rightmenu-in aftk-mini-cart">
          [aftk_mini_cart]        </li>
      </ul>
    </div>
  </div>
</div>

<div class="wsmainfull clearfix sticky-elt">
  <div class="wsmainwp clearfix">


    <!-- <div class="desktoplogo"><a href="https://djenebahairbraiding.com/"><img src="https://www.afrothentik.com/wp-content/uploads/2024/12/logo-djeneba.webp" alt=""></a></div> -->
    <!--Main Menu HTML Code-->
    <nav class="wsmenu clearfix">
      <ul class="wsmenu-list">
        <li aria-haspopup="true" class="rightmenu aftk_search_li">
          [aftk_search_bar]          <!--
            <form class="topmenusearch">
              <input class="aftk_search" placeholder="Search...">
              <button class="btnstyle"><i class="searchicon fas fa-search"></i></button>
            </form>
  -->
        </li>
        <!-- <li aria-haspopup="true" class="rightmenu">

     
          </li> -->
        <li aria-haspopup="true"><a href="https://djenebahairbraiding.com/" class="active menuhomeicon"><i
              class="fas fa-home"></i><span class="hometext">&nbsp;&nbsp;Home</span></a></li>

                    <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/welcome">Home </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#aboutus">About Us </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#gallery">Gallery </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#pricelist">Our Services </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#appointment">Book </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#reviews">Reviews </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#map">Direction </a>

              
            </li>
                        <li aria-haspopup="true" class=" scroll  "><a                 href="https://djenebahairbraiding.com/#contact">Contact Us </a>

              
            </li>
            

              </ul>
    </nav>
    <!--Menu HTML Code-->
  </div>
</div>

<script>
  jQuery(document).ready(function ($) {

        $(".sticky-elt").sticky({
      topSpacing: 0
    });

    //--hack on login form
    $('.log-form .nav-tabs li:first-child').addClass('active');
    $('.log-form').attr('style', 'padding:5px !important;border: 1px solid var(--aftk-primary-color-alt) !important;margin-top: 20px !important;');
    $('#reg_email').before('<label for="reg_email">Email <span class="required">*</span></label>');

    function mailMerge(html) {
      return html.replaceAll(/{{AFTK_URL}}/g, "https://www.afrothentik.com/")
        .replaceAll(/{{AFTK_URL_MENU}}/g, "https://www.afrothentik.com/shop/@includes/menu/WebSlide-5.5/01-Mobile-Drawer-Style/Layout-02-Full-Megamenu/")
        .replaceAll(/{{AFTK_STORE_URL}}/g, "https://djenebahairbraiding.com/")
        .replaceAll(/{{AFTK_STORE_URL_PRODUCT_CATEGORY}}/g, "https://djenebahairbraiding.com/product-category/")
        .replaceAll(/{{AFTK_STORE_URL_DISPLAY_PAGE}}/g, "https://djenebahairbraiding.com/display-page/")
        .replaceAll(/{{AFTK_STORE_URL_CATEGORIES}}/g, "https://djenebahairbraiding.com/categories/")
        .replaceAll(/{{AFTK_STORE_URL_PRODUCT}}/g, "https://djenebahairbraiding.com/product/")
        .replaceAll(/{{ENTITY_ID}}/g, "10684")
        .replaceAll(/{{ENTITY_ID}}/g, "10684")
        .replaceAll(/{{PHONE}}/g, "(215) 334-1423")
        .replaceAll(/{{PHONE_CLEANED}}/g, "2153341423")
        .replaceAll(/{{ADDRESS}}/g, "1707 Snyder Ave, Philadelphia, PA 19145")
        .replaceAll(/{{BUSINESSTITLE}}/g, "")
        .replaceAll(/{{STORENAME}}/g, "djenebas-hair-braiding-salon")
        .replaceAll(/{{AREA}}/g, ",")
        .replaceAll(/{{AREA_LIST}}/g, "Pocono PA, Philadelphia PA");
    }
    window.ajax_clean_response = (resp, prefix) => {
      var index = resp.indexOf(prefix);
      var result = resp;
      if (index !== -1) {
        result = resp.substring(index);
      }
      return result;
    }

    function loadMegamenu() {
      $.ajax({
        url: "https://www.afrothentik.com//z_crm/zp_crm_process.php",
        type: "POST",
        data: {
          action: 'get_megamenu',
          slug_list: []        },
        success: function (html) {
          try {
            if (html) {
              // debugger;
              if (window.ajax_clean_response) {
                html = window.ajax_clean_response(html, '{"result":');
              }
              var obj = JSON.parse(html);
              if ($.isArray(obj.result)) {
                obj.result?.forEach(elt => {
                  $(`.${elt.slug}`).html(mailMerge(elt.html));
                });
              }
              // $('.carousel').carousel();
              // console.log('-rufin-get_megamenu----', obj.result);
            }
          } catch (ex) {
            console.error('--loadData-menu-ex-', ex);
            $('#error').html(ex.message);
          }
        },
        fail: function (error) {
          $('#error').html("error" + JSON.stringify(error));
        }
      });
    }; //---- loadMegamenu()
    loadMegamenu();

    
  }); //-------END
</script>        </div>
        <!--/.header-area-->
        <div class="clearfix"></div>
    </div><!-- /.top-area-->

    <!-- top-area End -->
    <div class="aftk-content container-fluid0">
        <style>
    .aftk-content {
        /* min-height: 100vh; */
        margin-top: 10%;
        /* position: relative; */
    }

    .pagenotfound-wrap {
        position: absolute;
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* ---- categ ----  */
    .aftk-categ {
        /* --rufin hack ads -- */
        margin-top: 10%;
        /* margin-top: -5%; */
    }

    .aftk-categ.home {
        /* --rufin hack ads -- */
        margin-top: -5%;
    }

    /* ---- product ----  */
    .single-product-wrapper.row {
        display: flex;
        margin-top: 10%;
    }

    .section-title-wrap {
        /* padding: 15px 0 0 35px; */
        padding: 15px 0 0 0;
    }

    .section-title {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 32px;
        margin: 0 0 39px;
        padding: 0 0 11px;
        position: relative;
        text-transform: uppercase;
        color: #000;
    }

    .section-title::after {
        background: #fdb801 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 54px;
    }

    #scroll-Top .return-to-top {
        color: var(--aftk-primary-color-alt) !important;
        background: var(--aftk-primary-color) !important;
        border: 1px solid var(--aftk-primary-color-alt) !important;
    }

    #scroll-Top .return-to-top-in {
        width: 100%;
        height: 100%;
        display: flex !important;
        align-items: flex-end;
        justify-content: center;
    }

    #scroll-Top .return-to-top-in i {
        font-size: 30px !important;
    }

    @media (max-width: 992px) {
        .aftk-categ {
            margin-top: 35%;
        }

        .aftk-content {
            margin-top: 25%;
            /*-rufin-aftk_ads-*/
            max-width: 100%;
        }


    }



    /* ============== title ============ */


    /* === BASE HEADING === */
    .css_title h1 {
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        font-size: 40px;
        color: #080808;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .css_title_class {
        margin: 20px 0 20px 0;
    }

    /* .css_title_class {
        width: 20%;
        padding: 30px;
    } */

    .css_title h1 span {
        display: block;
        font-size: 0.5em;
        line-height: 1.3;
    }

    .css_title h1 em {
        font-style: normal;
        font-weight: 600;
    }

    /* === HEADING STYLE #1 === */
    .one h1 {
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 5px;
    }

    .one h1:before {
        width: 28px;
        height: 5px;
        display: block;
        content: "";
        position: absolute;
        bottom: 3px;
        left: 50%;
        margin-left: -14px;
        background-color: #b80000;
    }

    .one h1:after {
        width: 100px;
        height: 1px;
        display: block;
        content: "";
        position: relative;
        margin-top: 25px;
        left: 50%;
        margin-left: -50px;
        background-color: #b80000;
    }

    /* === HEADING STYLE #2 === */
    .two h1 {
        text-transform: capitalize;
    }

    .two h1:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 60px;
        height: 2px;
        content: "";
        background-color: var(--fgmarkercolor);
    }

    .two h1 span {
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 4px;
        line-height: 3em;
        padding-left: 0.25em;
        color: rgba(0, 0, 0, 0.4);
        padding-bottom: 10px;
    }

    .alt-two h1 {
        text-align: center;
    }

    .alt-two h1:before {
        left: 50%;
        margin-left: -30px;
    }

    /* === HEADING STYLE #3 === */
    .three h1 {
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.5em;
        padding-bottom: 15px;
        position: relative;
    }

    .three h1:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        width: 55px;
        background-color: #111;
    }

    .three h1:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 2px;
        height: 1px;
        width: 95%;
        max-width: 255px;
        background-color: #333;
    }

    /* === HEADING STYLE #4 === */
    .four h1 {
        text-align: center;
        padding-bottom: 0.7em;
    }

    .four h1 span {
        font-weight: 300;
        word-spacing: 3px;
        line-height: 2em;
        padding-bottom: 0.35em;
        color: rgba(0, 0, 0, 0.5);
    }

    .four h1:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 60px;
        height: 1px;
        content: "";
        left: 50%;
        margin-left: -30px;
        background-color: #777;
    }

    /* === HEADING STYLE #5 === */
    .five h1 {
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        color: #202020;
        text-transform: uppercase;
        word-spacing: 1px;
        letter-spacing: 2px;
    }

    .five h1 span {
        margin-top: 40px;
        text-transform: none;
        font-size: .75em;
        font-weight: normal;
        font-style: italic;
        font-family: "Playfair Display", "Bookman", serif;
        color: #999;
        letter-spacing: -0.005em;
        word-spacing: 1px;
        letter-spacing: none;
    }

    .five h1:before {
        position: absolute;
        left: 0;
        bottom: 38px;
        width: 60px;
        height: 4px;
        content: "";
        left: 50%;
        margin-left: -30px;
        background-color: #dfdfdf;
    }

    /* STYLE 6
   ----------------------------- */
    .six h1 {
        text-align: center;
        color: #222;
        font-size: 30px;
        font-weight: 400;
        text-transform: uppercase;
        word-spacing: 1px;
        letter-spacing: 2px;
        color: var(--fgmarkercolor);
    }

    .six h1 span {
        line-height: 2em;
        padding-bottom: 15px;
        text-transform: none;
        font-size: .7em;
        font-weight: normal;
        font-style: italic;
        font-family: "Playfair Display", "Bookman", serif;
        color: #999;
        letter-spacing: -0.005em;
        word-spacing: 1px;
        letter-spacing: none;
    }

    .six h1:after,
    .six h1:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 45px;
        height: 4px;
        content: "";
        right: 45px;
        margin: auto;
        background-color: #ccc;
    }

    .six h1:before {
        background-color: #d78b8b;
        left: 45px;
        width: 90px;
    }

    /* Style 7
   ----------------------------- */
    .seven h1 {
        text-align: center;
        font-size: 30px;
        font-weight: 300;
        color: #222;
        letter-spacing: 1px;
        text-transform: uppercase;

        display: grid;
        grid-template-columns: 1fr max-content 1fr;
        grid-template-rows: 27px 0;
        grid-gap: 20px;
        align-items: center;
    }

    .seven h1:after,
    .seven h1:before {
        content: " ";
        display: block;
        border-bottom: 1px solid var(--fgmarkercolor);
        border-top: 1px solid var(--fgmarkercolor);
        height: 5px;
        background-color: #f8f8f8;
    }

    /* Style 8
   ----------------------------- */
    .eight h1 {
        text-align: center;

        text-transform: uppercase;
        font-size: 26px;
        letter-spacing: 1px;

        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: 16px 0;
        grid-gap: 22px;
    }

    .eight h1:after,
    .eight h1:before {
        content: " ";
        display: block;
        border-bottom: 2px solid #ccc;
        background-color: #f8f8f8;
    }


    /* Style 9
   ----------------------------- */
    .nine h1 {
        text-align: center;
        font-size: 50px;
        text-transform: uppercase;
        color: #222;
        letter-spacing: 1px;
        font-family: "Playfair Display", serif;
        font-weight: 400;
    }

    .nine h1 span {
        margin-top: 5px;
        font-size: 15px;
        color: #444;
        word-spacing: 1px;
        font-weight: normal;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: "Raleway", sans-serif;
        font-weight: 500;

        display: grid;
        grid-template-columns: 1fr max-content 1fr;
        grid-template-rows: 27px 0;
        grid-gap: 20px;
        align-items: center;
    }

    .nine h1 span:after,
    .nine h1 span:before {
        content: " ";
        display: block;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        height: 5px;
        background-color: #f8f8f8;
    }


    .ten h1 {
        font-size: 34px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .ten h1:before {
        background-color: var(--fgmarkercolor);
        border-radius: 0.25rem;
        content: '';
        display: block;
        height: 0.25rem;
        width: 42px;
        margin-bottom: 1.25rem;
    }


    .eleven h1 {
        font-size: 30px;
        text-align: center;
        line-height: 1.5em;
        padding-bottom: 45px;
        font-family: "Playfair Display", serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #111;
    }


    .eleven h1:before {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 60%;
        left: 50%;
        margin-left: -30%;
        height: 1px;
        content: "";
        background-color: #777;
        z-index: 4;
    }

    .eleven h1:after {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 50%;
        margin-left: -20px;
        bottom: 0px;
        content: '\00a7';
        font-size: 30px;
        line-height: 40px;
        color: var(--fgmarkercolor);
        font-weight: 400;
        z-index: 5;
        display: block;
        background-color: #f8f8f8;
    }


    .twelve h1 {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        width: 160px;
        text-align: center;
        margin: auto;
        white-space: nowrap;
        padding-bottom: 13px;
    }

    .twelve h1:before {
        background-color: var(--fgmarkercolor);
        content: '';
        display: block;
        height: 3px;
        width: 75px;
        margin-bottom: 5px;
    }

    .twelve h1:after {
        background-color: var(--fgmarkercolor);
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 3px;
        width: 75px;
        margin-bottom: 0.25em;
    }



    .thirteen h1 {
        position: relative;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0px;
        text-transform: uppercase;
        width: 150px;
        text-align: center;
        margin: auto;
        white-space: nowrap;
        border: 2px solid #222;
        padding: 5px 11px 3px 11px;
    }

    .thirteen h1:before,
    .thirteen h1:after {
        background-color: var(--fgmarkercolor);
        position: absolute;
        content: '';
        height: 7px;

        width: 7px;
        border-radius: 50%;
        bottom: 12px;
    }

    .thirteen h1:before {
        left: -20px;
    }

    .thirteen h1:after {
        right: -20px;
    }

    .css_title h1:before,
    .css_title h1:after {
        background-color: var(--fgmarkercolor);
    }

    .dropdown-item.btnCssTitleClass {
        min-width: 500px;
        border-bottom: 1px #ccc solid;
        padding: 20px;
    }

    .open>.dropdown-menu {
        height: 500px;
        overflow: auto;
    }

    .h1-title,
    .h1-title h1 {
        display: flex;
        flex-direction: column;
    }

    .html_hiddem {
        display: none;
    }

    /* ============== END::title ============ */
</style>

<style>
    .wmis_readmore {
        justify-content: space-between !important;
    }

    .noprice {
        display: none !important
    }

    .modal-product .card-header {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
    }

    .prod.card-body {
        padding: 0 !important;
        height: 100%;
        width: 100%;
        overflow-y: auto;
    }

    .modal-product .card-footer {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background-color: #000;
        padding: 10px 0;
    }

    .prod-desc-img {
        max-height: 350px;
        overflow: auto;
    }

    img.prod-img {
        height: auto;
        width: 100%;
        margin: 0;
    }

    .product-price {
        color: red;
        font-size: 20px;
        display: inline-block;
        padding-right: 10px;
    }

    #tab-all.nav-tabs {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div#tab-gallery,
    .tab-content {
        min-height: 100vh;
    }

    /*--ruff--*/
    section#gallery {
        margin-bottom: 30px;
    }

    /* .modal-product,
    .wmis_wrap_image {
        min-height: auto;
        background-image: url('https://www.afrothentik.com/wp-content/uploads/2026/01/tablecloth-africa.webp') !important;
        background-size: contain !important;
    } */

    span.title_gallery {
        font-size: 18px !important;
    }

    button.f-button.is-close-btn {
        top: 0 !important;
        left: auto !important;
        right: 0px !important;
        height: 30px !important;
        width: 30px !important;
        background-color: #000 !important;
        color: #fff !important;
        border-radius: 0 !important;
    }

    .prod-ctn {
        max-height: 80vh !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .prod-desc-ctn {
        padding: 10px 0;
        align-items: center;
        width: 100%;
    }

    .prod-title {
        text-transform: uppercase;
        font-weight: bold;
    }

    .prod-desc {
        background-color: transparent !important;
        color: #000;
        font-size: 18px;
        padding: 10px;
    }

    div#productModal {
        display: none;
        align-items: flex-start;
        width: 30%;
        padding: 0 !important;
    }

    .fancybox__container {
        z-index: var(--fancybox-zIndex, 99999999) !important;
    }

    a.wmis_readmore_link,
    a.wmis0_readmore_link,
    a.wmis_readmore_link:hover,
    a.wmis0_readmore_link:hover {
        /* padding: 10px; */
        padding: 1px 15px;
    }

    @media screen and (max-width: 792px) {
        div#productModal {
            width: 90%;
        }

        .wmis_wrap_image {
            min-height: 220px;
        }

        span.title_gallery {
            font-size: 12px !important;
            line-height: 18px !important;
        }
    }
</style>
<div class="modal-product" id="productModal">
    <div class="prod-ctn card">
        <div class="card-header">
            <h2 class="prod-title"></h2>
        </div>

        <div class="prod card-body">
            <div class="prod-desc-img">
                <img class="prod-img" src="" />
            </div>
            <div class="prod-desc-ctn">
                <div class="prod-btns"></div>
                <div class="prod-desc"></div>
            </div>
        </div>

        <div class="prod-footer card-footer"><button type="button" data-no_dropdown_variation="true"
                class="btnBook addToCartBook">Add to Order</button>
            <span class="product-price">$<span class="product-price-value">0</span></span>
        </div>
    </div>
</div>
<script>
    var entity_id = '10684';
    var aftk_url = 'https://www.afrothentik.com/';
    var pricelist_selected = {};
    var pricelist_json = {};
    jQuery(document).ready(function ($) {

        //------------------------- Shopping Cart from Html_sections_pages 
        $("#pricelist").appendTo("#tab-menu");

        $(document).on('append.infiniteScroll', '.wmis_main_container', function (event) {
            // console.log('----infiniteScroll-TTT-', pricelist_json); 
            if (Object.values(pricelist_json)?.length) {
                window.processPrices();
            } else {
                window.loadPrices();
            }
        });

        window.processPrices = () => {
            const data = pricelist_json?.data;
            if (data?.length) {
                $('.wmis_articles').each(function (i, elt) {
                    const slug = $(elt).data('slug');
                    const pid = $(elt).attr('id');
                    let product = data.filter(p => {
                        return p.product_slug === slug;
                    });
                    product = product?.length ? product[0] : false;

                    if (product) {
                        // console.log('----processPrices-', product);
                        const pp = parseFloat(product.price).toFixed(2);
                        $(`.product-price_${pid}`).html((`$ ${pp}`).replace(' ', ''));
                    }

                });
            }
        }

        window.loadPrices = () => {
            $.ajax({
                url: `${aftk_url}z_crm/zp_crm_process.php`,
                type: "POST",
                data: {
                    action: 'get_pricelist',
                    post_id: entity_id
                },
                success: function (html) {
                    try {
                        if (html) {
                            if (window.ajax_clean_response) {
                                html = window.ajax_clean_response(html, '{"result":');
                            }
                            pricelist_json = JSON.parse(html).result;
                            // console.log('--rufin-loadPrices----', pricelist_json);
                            window.processPrices();
                        }

                    } catch (ex) {
                        console.error('--Error-rufin-loadPrices---', ex.message, html);
                    }
                },
                fail: function (error) {
                    console.error('--Error-rufin--loadPrices--', JSON.stringify(error));
                }
            });

        }
        window.loadPrices();

        function loadModal() {
            $('.prod-title').html('');
            $('.prod-desc').html('');
            $('.product-price-value').html('');
            $('.prod-btns').html('');
            $('.prod-footer').addClass('noprice');
            //console.log('-----', imgsrc);
            Fancybox.show([{
                src: `#productModal`,
                type: "inline",
                touch: false,
            }]); //.delay(5000).hide(); 
        } //---loadModal

        // $j(document).on('click', '.wmis_product_link,.ctn-gallery .wmis_readmore_link,.ctn-gallery .wmis_image_link', function (event) {
        $(document).on('click', '.wmis_product_link,.wmis_product_ctn .wmis_readmore_link', function (event) {
            event.preventDefault();
            event.stopPropagation();

            var wmis_articles = $j(this).closest('.wmis_articles');
            wmis_articles = wmis_articles?.length ? wmis_articles : $j(this).closest('.wmis_articles_product');
            const product_id = $j(wmis_articles).attr('id');
            const product_slug = $j(wmis_articles).data('slug');
            const pricejson_id = $j(wmis_articles).data('pricejson_id');
            const imgsrc = $j(wmis_articles).find('.wmis_featured_image').attr('src');
            const post_title = $j(wmis_articles).find('.title_gallery').html();
            const price = $j(wmis_articles).find('.price').html();
            $('.prod-img').attr('src', imgsrc);

            $('.product-price-value').html(0);

            if (product_slug) {
                selected_prod = pricelist_json.data.filter(elt => { return elt.product_slug === product_slug; });
                selected_prod = selected_prod?.length ? selected_prod[0] : false;

                const group_arr = pricelist_json.data.filter(elt => { return elt.group === selected_prod.group; });
                const index = group_arr.findIndex(function (elt) {
                    return elt.product_slug === product_slug;
                });
                selected_prod.id = `${selected_prod.group}_${index}`;
            }

            $.ajax({
                url: `${aftk_url}z_crm/zp_crm_process.php`,
                type: "POST",
                data: {
                    action: 'get_pricelist_product',
                    post_id: entity_id,
                    product_id: product_id,
                    slug: product_slug,
                    pricejson_id: pricejson_id
                },
                success: function (html) {
                    try {

                        // $('.prod-footer').removeClass('noprice');
                        // $('.prod-footer').addClass(item_id);
                        if (html) {
                            if (window.ajax_clean_response) {
                                html = window.ajax_clean_response(html, '{"result":');
                            }
                            var obj = JSON.parse(html)?.result;
                            let prod = obj['products'];
                            let variations_html = obj['variations_html'];
                            prod = prod?.length ? prod[0] : false;
                            if (obj['products_json']?.length) {
                                selected_prod = obj['products_json'];
                                selected_prod = selected_prod?.length ? selected_prod[0] : false;
                            }

                            if (selected_prod) {
                                $('.addToCartBook').attr('data-id', selected_prod.id);
                                // $('.addToCartBook').data('id', selected_prod.id);
                                $('.prod-footer').removeClass('noprice');
                                $('.prod-footer').addClass(selected_prod.id);
                            }

                            $('.prod-title').html('');
                            $('.prod-desc').html('');
                            $('.product-price-value').html('');
                            $('.prod-btns').html('');
                            if (prod) {
                                $('.prod-title').html(prod['post_title']);
                                $('.prod-desc').html(prod['post_content']);
                                $('.product-price-value').html(selected_prod?.price);
                            } else {
                                $('.prod-title').html(selected_prod?.title);
                                $('.product-price-value').html(selected_prod?.price);
                                $('.prod-desc').html(selected_prod?.description);
                            }
                            $('.prod-btns').html(variations_html);
                            console.log('--rufin-get_pricelist_product----', obj);

                        }

                    } catch (ex) {
                        console.error('--Error-rufin----', ex.message, html);
                    }
                },
                fail: function (error) {
                    console.error('--Error-rufin--222--', JSON.stringify(error));
                }
            });

            loadModal();
            return false;
        });
        //------------------------- END::Shopping Cart from Html_sections_pages


    }); //----END
</script>
      <link rel="stylesheet" id="aftkshop_css-css" href="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik_Shop_AFTK/Front/assets/css/aftk_shop.css&t=1788144216<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v27.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Afrothentik | Uplifting Black Culture</title>
	<meta property="og:locale" content="en_US" class="yoast-seo-meta-tag" />
	<meta property="og:type" content="website" class="yoast-seo-meta-tag" />
	<meta property="og:site_name" content="Afrothentik | Uplifting Black Culture" class="yoast-seo-meta-tag" />
	<meta name="twitter:card" content="summary_large_image" class="yoast-seo-meta-tag" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.afrothentik.com\/#website","url":"https:\/\/www.afrothentik.com\/","name":"Afrothentik | Uplifting Black Culture","description":"Uplifting Black Culture","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.afrothentik.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//www.afrothentik.com' />
<link rel='dns-prefetch' href='//ajax.googleapis.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Afrothentik | Uplifting Black Culture &raquo; Feed" href="https://www.afrothentik.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Afrothentik | Uplifting Black Culture &raquo; Comments Feed" href="https://www.afrothentik.com/comments/feed/" />
	<style>
	img.wp-smiley,
	img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
	</style>
	<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>

<link rel='stylesheet' id='dashicons-css' href='https://www.afrothentik.com/wp-includes/css/dashicons.min.css?ver=7.0.4' media='all' />
<style id="dashicons-inline-css">
[data-font="Dashicons"]:before {font-family: 'Dashicons' !important;content: attr(data-icon) !important;speak: none !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;line-height: 1 !important;font-style: normal !important;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale !important;}
/*# sourceURL=dashicons-inline-css */
</style>
<link rel='stylesheet' id='admin-bar-css' href='https://www.afrothentik.com/wp-includes/css/admin-bar.min.css?ver=7.0.4' media='all' />
<style id="admin-bar-inline-css">

		@media screen { html { margin-top: 32px !important; } }
		@media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } }
	
@media print { #wpadminbar { display:none; } }
/*# sourceURL=admin-bar-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='wmis-style-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/css/wmis.css?t=3&#038;ver=7.0.4' media='all' />
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='main_css-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/main.css?t=3&#038;ver=7.0.4' media='all' />
<link rel='stylesheet' id='sticky_toolbar_css-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/sticky_toolbar.css?t=3&#038;ver=7.0.4' media='all' />
<link rel='stylesheet' id='events-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/events.css?t=3&#038;ver=7.0.4' media='all' />
<link rel='stylesheet' id='megamenu-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/megamenu.css?ver=7.0.4' media='all' />
<link rel='stylesheet' id='directories-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/directories.css?t=3&#038;ver=7.0.4' media='all' />
<link rel='stylesheet' id='directories-front-css' href='https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/styles/directoriesfront.css?t=3&#038;ver=7.0.4' media='all' />
<link rel='stylesheet' id='bootstrap_4_css-css' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css?ver=7.0.4' media='all' />
<link rel='stylesheet' id='events-manager-css' href='https://www.afrothentik.com/wp-content/plugins/events-manager/includes/css/events-manager.css?ver=7.2.3.1' media='all' />
<link rel='stylesheet' id='electro-fonts-css' href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&#038;display=swap' media='all' />
<link rel='stylesheet' id='font-electro-css' href='https://www.afrothentik.com/wp-content/themes/electro/assets/css/font-electro.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='fontawesome-css' href='https://www.afrothentik.com/wp-content/themes/electro/assets/vendor/fontawesome/css/all.min.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='animate-css-css' href='https://www.afrothentik.com/wp-content/themes/electro/assets/vendor/animate.css/animate.min.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='electro-style-css' href='https://www.afrothentik.com/wp-content/themes/electro/style.min.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='electro-child-style-css' href='https://www.afrothentik.com/wp-content/themes/electro-child/style.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='electro-color-css' href='https://www.afrothentik.com/wp-content/themes/electro/assets/css/colors/gold.min.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='electro-elementor-style-css' href='https://www.afrothentik.com/wp-content/themes/electro/elementor.css?ver=3.6.2' media='all' />
<link rel='stylesheet' id='jquery-fixedheadertable-style-css' href='https://www.afrothentik.com/wp-content/plugins/yith-woocommerce-compare/assets/css/jquery.dataTables.css?ver=1.10.18' media='all' />
<link rel='stylesheet' id='yith_woocompare_page-css' href='https://www.afrothentik.com/wp-content/plugins/yith-woocommerce-compare/assets/css/compare.css?ver=3.9.0' media='all' />
<link rel='stylesheet' id='yith-woocompare-widget-css' href='https://www.afrothentik.com/wp-content/plugins/yith-woocommerce-compare/assets/css/widget.css?ver=3.9.0' media='all' />
<script id="jquery-core-js" src="https://www.afrothentik.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.afrothentik.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="wmis-jquery-infinitescroll-min-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/infinite-scroll.pkgd.min.js?ver=7.0.4"></script>
<script id="wmis-isotope-pkgd-min-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/isotope.pkgd.min.js?ver=7.0.4"></script>
<script id="wmis-imagesloaded-pkgd-min-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik%20Masonry/js/imagesloaded.pkgd.min.js?ver=7.0.4"></script>
<script data-wp-strategy="defer" id="wc-jquery-blockui-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.7.0"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://www.afrothentik.com/cart-2/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" id="wc-add-to-cart-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.7.0"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.7.0"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.7.0"></script>
<script id="jquery-ui-core-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="jquery-ui-mouse-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3"></script>
<script id="jquery-ui-sortable-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3"></script>
<script id="jquery-ui-datepicker-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3"></script>
<script id="jquery-ui-datepicker-js-after">
jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});});
//# sourceURL=jquery-ui-datepicker-js-after
</script>
<script id="jquery-ui-resizable-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/resizable.min.js?ver=1.13.3"></script>
<script id="jquery-ui-draggable-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/draggable.min.js?ver=1.13.3"></script>
<script id="jquery-ui-controlgroup-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/controlgroup.min.js?ver=1.13.3"></script>
<script id="jquery-ui-checkboxradio-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/checkboxradio.min.js?ver=1.13.3"></script>
<script id="jquery-ui-button-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/button.min.js?ver=1.13.3"></script>
<script id="jquery-ui-dialog-js" src="https://www.afrothentik.com/wp-includes/js/jquery/ui/dialog.min.js?ver=1.13.3"></script>
<script id="events-manager-js-extra">
var EM = {"ajaxurl":"https://www.afrothentik.com/wp-admin/admin-ajax.php","locationajaxurl":"https://www.afrothentik.com/wp-admin/admin-ajax.php?action=locations_search","firstDay":"1","locale":"en","dateFormat":"yy-mm-dd","ui_css":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/css/jquery-ui/build.css","show24hours":"0","is_ssl":"1","autocomplete_limit":"10","calendar":{"breakpoints":{"small":560,"medium":908,"large":false},"month_format":"M Y"},"phone":{"error":"Please enter a valid phone number.","detectJS":true,"options":{"initialCountry":"US","separateDialCode":true,"showFlags":true,"onlyCountries":[],"excludeCountries":[]}},"datepicker":{"format":"Y-m-d"},"search":{"breakpoints":{"small":650,"medium":850,"full":false}},"url":"https://www.afrothentik.com/wp-content/plugins/events-manager","assets":{"input.em-uploader":{"js":{"em-uploader":{"url":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/js/em-uploader.js?v=7.2.3.1","event":"em_uploader_ready","requires":"filepond"},"filepond-validate-size":"filepond/plugins/filepond-plugin-file-validate-size.js?v=7.2.3.1","filepond-validate-type":"filepond/plugins/filepond-plugin-file-validate-type.js?v=7.2.3.1","filepond-image-validate-size":"filepond/plugins/filepond-plugin-image-validate-size.js?v=7.2.3.1","filepond-exif-orientation":"filepond/plugins/filepond-plugin-image-exif-orientation.js?v=7.2.3.1","filepond-get-file":"filepond/plugins/filepond-plugin-get-file.js?v=7.2.3.1","filepond-plugin-image-overlay":"filepond/plugins/filepond-plugin-image-overlay.js?v=7.2.3.1","filepond-plugin-image-thumbnail":"filepond/plugins/filepond-plugin-image-thumbnail.js?v=7.2.3.1","filepond-plugin-pdf-preview-overlay":"filepond/plugins/filepond-plugin-pdf-preview-overlay.js?v=7.2.3.1","filepond-plugin-file-icon":"filepond/plugins/filepond-plugin-file-icon.js?v=7.2.3.1","filepond":{"url":"filepond/filepond.js?v=7.2.3.1","locale":""}},"css":{"em-filepond":"filepond/em-filepond.css?v=7.2.3.1","filepond-preview":"filepond/plugins/filepond-plugin-image-preview.css?v=7.2.3.1","filepond-plugin-image-overlay":"filepond/plugins/filepond-plugin-image-overlay.css?v=7.2.3.1","filepond-get-file":"filepond/plugins/filepond-plugin-get-file.css?v=7.2.3.1"}},".em-event-editor":{"js":{"event-editor":{"url":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/js/events-manager-event-editor.js?v=7.2.3.1","event":"em_event_editor_ready"}},"css":{"event-editor":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/css/events-manager-event-editor.css?v=7.2.3.1"}},".em-recurrence-sets, .em-timezone":{"js":{"luxon":{"url":"luxon/luxon.js?v=7.2.3.1","event":"em_luxon_ready"}}},".em-booking-form, #em-booking-form, .em-booking-recurring, .em-event-booking-form":{"js":{"em-bookings":{"url":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/js/bookingsform.js?v=7.2.3.1","event":"em_booking_form_js_loaded"}}},"#em-opt-archetypes":{"js":{"archetypes":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/js/admin-archetype-editor.js?v=7.2.3.1","archetypes_ms":"https://www.afrothentik.com/wp-content/plugins/events-manager/includes/js/admin-archetypes.js?v=7.2.3.1","qs":"qs/qs.js?v=7.2.3.1"}}},"cached":"1","uploads":{"endpoint":"https://www.afrothentik.com/v1/events-manager/v1/uploads","nonce":"763b01e7d2","delete_confirm":"Are you sure you want to delete this file? It will be deleted upon submission.","images":{"max_file_size":"838860800","image_max_width":"","image_max_height":"","image_min_width":"50","image_min_height":"50"},"files":{"max_file_size":"838860800","types":{"0":"image/gif","1":"image/jpeg","3":"image/png","4":"image/heic"}}},"api_nonce":"5a904f2ca5","google_maps_api":"AIzaSyDh1AAK1BrgChM--WaqShIZHEcQuhJ69Ww","bookingInProgress":"Please wait while the booking is being submitted.","tickets_save":"Save Ticket","bookingajaxurl":"https://www.afrothentik.com/wp-admin/admin-ajax.php","bookings_export_save":"Export Bookings","bookings_settings_save":"Save Settings","booking_delete":"Are you sure you want to delete?","booking_offset":"30","bookings":{"submit_button":{"text":{"default":"Submit Booking","free":"Submit Booking","payment":"Submit Booking - %s","processing":"Processing ..."}},"update_listener":""},"bb_full":"Sold Out","bb_book":"Book Now","bb_booking":"Booking...","bb_booked":"Booking Submitted","bb_error":"Booking Error. Try again?","bb_cancel":"Cancel","bb_canceling":"Canceling...","bb_cancelled":"Cancelled","bb_cancel_error":"Cancellation Error. Try again?","txt_search":"Search","txt_searching":"Searching...","txt_loading":"Loading...","event_post_types":["event","event-recurring"],"event_post_type":"event","location_post_type":"location","option_reset":"Option value has been reverted. Please save your settings for it to take effect.","admin":{"settings":{"option_override_tooltip":"You can override this specific set of formats rather than using the plugin defaults."}}};
//# sourceURL=events-manager-js-extra
</script>
<script id="events-manager-js" src="https://www.afrothentik.com/wp-content/plugins/events-manager/includes/js/events-manager.js?ver=7.2.3.1"></script>
<script id="vc_woocommerce-add-to-cart-js-js" src="https://www.afrothentik.com/wp-content/plugins/js_composer/assets/js/vendors/woocommerce-add-to-cart.js?ver=8.7.2"></script>
<script id="wc-cart-fragments-js-extra">
var wc_cart_fragments_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_3b1d0db4497165102f0b2a5498cd6d8d","fragment_name":"wc_fragments_3b1d0db4497165102f0b2a5498cd6d8d","request_timeout":"5000"};
//# sourceURL=wc-cart-fragments-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-cart-fragments-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=10.7.0"></script>
<script></script><link rel="https://api.w.org/" href="https://www.afrothentik.com/v1/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.afrothentik.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0.4" />
<meta name="generator" content="WooCommerce 10.7.0" />
<meta name="generator" content="Redux 4.5.11" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script>
        jQuery(document).ready(function () {

        });
    </script>
        <script>
        jQuery(document).ready(function () {

                            const old_text = 'https://www.afrothentik.com';
                const new_text = 'https://djenebahairbraiding.com/';
                const cleartxtIn = 'djenebas-hair-braiding-salon';


                // alert('--sadas---')
                // $('a').each(function() {
                // if (!new_text.startsWith(old_text)) {
                const cleartxt = `shop/?${cleartxtIn}`;
                $('a').each(function (index, element) {

                    let oldHref = $(element).attr('href');
                    if (!oldHref) {
                        return true;
                    }
                    var hostname = $('<a>').prop('href', new_text).prop('hostname');


                    const tmp = oldHref;
                    // oldHref = oldHref.replace(cleartxt, '');
                    const newHref = oldHref.replace(old_text, new_text)
                        .replace(/\/\/+/g, '/')
                        .replace('https:/www.', 'https://www.')
                        .replace('http:/www.', 'http://www.')
                        .replace(`http:/${hostname}`, `http://www.${hostname}`)
                        .replace(`https:/${hostname}`, `https://www.${hostname}`)
                        .replace(`${hostname}/${hostname}`, hostname);

//    console.log('---rufin-links-3333-', newHref);

                    $(element).attr('href', newHref);
                });
                
                            const wc_ajax_url = `https://www.afrothentik.com${wc_add_to_cart_params.wc_ajax_url.toString()}`;

            //----ADD
            $(document).on('click', '.aftk_ajax_add_to_cart', function (e) {
                e.preventDefault(); // Prevent the click from going to the link

                const session_id = $(this).data("session_id");
                const product_id = $(this).data("product_id");
                $.ajax({
                    // url: wc_ajax_url,
                    url: "https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik_Shop_AFTK/Admin/zshop_process.php",
                    method: 'POST',
                    data: {
                        action: "add_to_cart",
                        product_id: product_id,
                        quantity: $(this).data('quantity'),
                        session_id: session_id
                    },
                }).done(function (response) {
                    if (!response || response.error)
                        return;
                    location.reload(true);
                    // debugger; //--rufin
                    // console.log('---rufin--ajax_add_to_cart--', JSON.parse(response))
                    // if (response.error != 'undefined' && response.error) {
                    //     //some kind of error processing or just redirect to link
                    //     // might be a good idea to link to the single product page in case JS is disabled
                    //     return true;
                    // } else {
                    //     // window.location.href = SO_TEST_AJAX.checkout_url;
                    // }
                });

            }); //--aftk_ajax_add_to_cart

            $(document).on('click', '.aftksample_ajax_add_to_cart', function (e) {
                e.preventDefault(); // Prevent the click from going to the link

                const session_id = $(this).data("session_id");
                const product_id = $(this).data("product_id");
                $.ajax({
                    // url: wc_ajax_url,
                    url: "https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik_Shop_AFTK/Admin/zshop_process.php",
                    method: 'POST',
                    data: {
                        action: "addsample_to_cart",
                        product_id: product_id,
                        quantity: $(this).data('quantity'),
                        session_id: session_id
                    },
                }).done(function (response) {
                    if (!response || response.error)
                        return;
                    location.reload(true);
                    // // console.log('---rufin--ajax_add_to_cart--', JSON.parse(response))
                    // if (response.error != 'undefined' && response.error) {
                    //     //some kind of error processing or just redirect to link
                    //     // might be a good idea to link to the single product page in case JS is disabled
                    //     return true;
                    // } else {
                    //     window.location.href = window.location.href;
                    //     // window.location.href = SO_TEST_AJAX.checkout_url;
                    // }
                });

            }); //--aftk_ajax_add_to_cart

            // Ajax delete product in the cart
            $(document).on('click', '.mini_cart_item, .aftk_remove', function (e) {
                e.preventDefault();
                e.stopPropagation();
                const product_id = $(this).data("product_id");
                const cart_item_key = $(this).data("cart_item_key");
                const session_id = $(this).data("session_id");

                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik_Shop_AFTK/Admin/zshop_process.php",
                    // url: wc_ajax_url.replace('%%endpoint%%', 'remove_from_cart'),
                    data: {
                        // action: "product_remove",
                        action: "remove_from_cart",
                        product_id: product_id,
                        cart_item_key: cart_item_key,
                        session_id: session_id
                    },
                    success: function (response) {
                        if (!response || response.error)
                            return;

                        if ($('.update').length) {
                            $('.update').trigger('click');
                        } else {
                            location.reload(true);
                        }

                        // var fragments = response.fragments;

                        // // Replace fragments
                        // if (fragments) {
                        //     $.each(fragments, function(key, value) {
                        //         $(key).replaceWith(value);
                        //     });
                        // }
                    }
                });
            }); //--aftk_remove

          

        }); //--END
    </script>
        <script>
        jQuery(document).ready(function() {


        }); //--END
    </script>
    	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<meta name="generator" content="Elementor 4.0.6; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
	<style media="print">#wpadminbar { display:none; }</style>
	<meta name="generator" content="Powered by Slider Revolution 6.7.39 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<link rel="icon" href="https://www.afrothentik.com/wp-content/uploads/2024/10/cropped-afrothentik-icon_trans-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.afrothentik.com/wp-content/uploads/2024/10/cropped-afrothentik-icon_trans-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.afrothentik.com/wp-content/uploads/2024/10/cropped-afrothentik-icon_trans-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.afrothentik.com/wp-content/uploads/2024/10/cropped-afrothentik-icon_trans-1-270x270.png" />
<script>function setREVStartSize(e){
			//window.requestAnimationFrame(function() {
				window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW;
				window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH;
				try {
					var pw = document.getElementById(e.c).parentNode.offsetWidth,
						newh;
					pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw;
					e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw);
					e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw);
					e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh);
					e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh);
					e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide);
					e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide);
					e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0);
					if(e.layout==="fullscreen" || e.l==="fullscreen")
						newh = Math.max(e.mh,window.RSIH);
					else{
						e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
						for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1];
						e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el;
						e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
						for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1];
											
						var nl = new Array(e.rl.length),
							ix = 0,
							sl;
						e.tabw = e.tabhide>=pw ? 0 : e.tabw;
						e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw;
						e.tabh = e.tabhide>=pw ? 0 : e.tabh;
						e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh;
						for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i];
						sl = nl[0];
						for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;}
						var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]);
						newh =  (e.gh[ix] * m) + (e.tabh + e.thumbh);
					}
					var el = document.getElementById(e.c);
					if (el!==null && el) el.style.height = newh+"px";
					el = document.getElementById(e.c+"_wrapper");
					if (el!==null && el) {
						el.style.height = newh+"px";
						el.style.display = "block";
					}
				} catch(e){
					console.log("Failure at Presize of Slider:" + e)
				}
			//});
		  };</script>
<style id="wp-custom-css">
#content {
    background-color: #fff;
}
.owl-item>.product .product-thumbnail>img, .owl-item>.product .wp-post-image, .products>.product .product-thumbnail>img, .products>.product .wp-post-image {
    max-height: 200px;
}
span.woocommerce-Price-amount.amount { 
    color: red; 
    font-weight: 700;
}
.products span.woocommerce-Price-amount.amount {  
    font-size: large; 
}
.products  del span.woocommerce-Price-amount.amount {
    font-weight: 300;
    color: green;
}
.price_free_label {
	color: #09e227; 
	font-size: large;
	font-weight: 700;
}
.owl-item>.product .price, .products>.product .price {
    font-size: 1.0em;
    line-height: 1.1em;
}
.btn_aft {
	  color: #ffffff;
    font-size: 20px;
    padding: 14px;
    width: 250px;
    margin: 5px;
    text-align: center;
}
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-top: var(--divider-border-width) var(--divider-border-style) #00abc5;
}
.elementor-widget:not(:last-child) {
    margin-bottom: 0px;
}
.sku{
	text-transform: uppercase;
	font-weight:bold;
}
img.img-header-logo,
.footer-logo img {
/*     height: 80px;
    width: 80px; */
/* 		height: 30px; */
    width: 150px;
    margin: 20px 0 20px -15px;
}
img.category_banner {
    margin-bottom: 20px;
    width: 100%;
}
img.attachment-full.size-full {
    width: 100%;
}
.cart_model_img img {
    width: 100px;
}
.site-main .products {
    min-height: 18vw;
}
.woocommerce-loop-product__title {
    font-size: 1.5em;
    line-height: 1.28572em;
    /*     height: 1em; */
/*     text-transform: uppercase; */
    padding-bottom: 0px;
    font-weight: 400;
    color: #092b10;
}
.owl-item>.product .product-thumbnail, .products>.product .product-thumbnail { 
    min-height: 210px;
    max-height: 210px;
}
.owl-item > .product .product-thumbnail > img,
.owl-item > .product .wp-post-image,
.products > .product .product-thumbnail > img,
.products > .product .wp-post-image {
    margin-bottom: 15px;
}
.product_subtitle {
    margin-bottom: 0px;
    width: 100%;
}
.product_price_tag {
    color: red;
    font-weight: bold;
    font-size: 20px;
}
.footer-payment-logo .card-item > img {
    height: auto;
    max-width: 50% !important;
}
.btn_readbook {
    padding: 0px !important;
    margin-top: 4px;
}
/* input#search {
    min-width: 400px;
} */
#menu-main-menu a {
    white-space: nowrap;
}

.user-role label {
    padding: 5px;
}
.user-role label:nth-child(2) {
    background-color: red;
    border-color: red;
    /* padding: 15px; */
    color: #fff;
    width: 200px;
    animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground {
    0% {
        background-color: #10c018;
    }
    25% {
        background-color: #1056c0;
    }
    50% {
        background-color: #ef0a1a;
    }
    75% {
        background-color: #254878;
    }
    100% {
        background-color: #04a1d5;
    }
}
#menu-main-menu .yamm-content {
    padding: 0px;
    margin: 0px;
    margin-top: 13px;
}
.btn_vendor {
    font-weight: bold;
    white-space: nowrap;
    background: #f4524d;
    color: #fff !important;
    padding: 10px;
}
.btn_readbook img {
    height: 60px;
}
.single-product.full-width .single-product-wrapper {
    margin-bottom: 20px;
}
.single-product.full-width .wc-tab {
    padding: 10px;
}
.wpss_social_share_buttons {
    margin-left: 6px;
}

.elementor-image-box-img {
    min-width: 100%;
}
span.price_label {
    color: red;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
}
.single-product .electro-wc-product-gallery img,
.single-product .woocommerce-product-gallery img {
/*     max-width: 300px; */
	width: 100%;
}
.product-item__thumbnail img {
    /*     height: 200px !important; */
}
.subcat-title {
    margin-top: 10px;
    font-size: 14px;
    padding: 7px;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */

    background: rgb(76, 76, 76);
    /* Old browsers */

    background: -moz-linear-gradient(
        top,
        rgba(76, 76, 76, 1) 0%,
        rgba(89, 89, 89, 1) 12%,
        rgba(102, 102, 102, 1) 25%,
        rgba(71, 71, 71, 1) 39%,
        rgba(44, 44, 44, 1) 50%,
        rgba(0, 0, 0, 1) 51%,
        rgba(17, 17, 17, 1) 60%,
        rgba(43, 43, 43, 1) 76%,
        rgba(28, 28, 28, 1) 91%,
        rgba(19, 19, 19, 1) 100%
    );
    /* FF3.6-15 */

    background: -webkit-linear-gradient(
        top,
        rgba(76, 76, 76, 1) 0%,
        rgba(89, 89, 89, 1) 12%,
        rgba(102, 102, 102, 1) 25%,
        rgba(71, 71, 71, 1) 39%,
        rgba(44, 44, 44, 1) 50%,
        rgba(0, 0, 0, 1) 51%,
        rgba(17, 17, 17, 1) 60%,
        rgba(43, 43, 43, 1) 76%,
        rgba(28, 28, 28, 1) 91%,
        rgba(19, 19, 19, 1) 100%
    );
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(
        to bottom,
        rgba(76, 76, 76, 1) 0%,
        rgba(89, 89, 89, 1) 12%,
        rgba(102, 102, 102, 1) 25%,
        rgba(71, 71, 71, 1) 39%,
        rgba(44, 44, 44, 1) 50%,
        rgba(0, 0, 0, 1) 51%,
        rgba(17, 17, 17, 1) 60%,
        rgba(43, 43, 43, 1) 76%,
        rgba(28, 28, 28, 1) 91%,
        rgba(19, 19, 19, 1) 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
}

/* ----START Rufin Dokan--------- */
/* @media (min-width: 544px) */
.dokan-elector-style-active.store-v1 .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {
    color: #fff;
    padding: 10px;
    line-height: 0px;
    width: 100%;
    padding-top: 25px;
    background-color: transparent;
    color: #fff;
    display: flex;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    /*     background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.7)));
    background-image: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#b3000000",GradientType=0);
    background-color: transparent; */

    width: 102%;
    position: relative;
    margin-left: calc(-50vw + 50% - 8px);
    padding-left: 250px;
}
.vendor_header_wrapper {
    padding: 10px;
    line-height: 0px;
    width: 100%;
    padding-top: 25px;
    background-color: transparent;
    color: #ffffff;
    display: flex;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    bottom: 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.7)));
    background-image: linear-gradient(180deg, transparent 50%, #000000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#b3000000",GradientType=0);
    background-color: transparent;
    width: 102%;
    position: absolute;
    padding-left: 250px;
    height: 418px;
}
body .site-content-inner {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -10px;
}
ul.dokan-store-info li {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
li.dokan-store-open-close {
    margin-top: 5px !important;
}

.dokan-elector-style-active.store-v1 .electro-dokan-single-store-header-wraper,
.dokan-elector-style-active.store-v2 .electro-dokan-single-store-header-wraper {
    padding-left: 0px;
    padding-right: 0px;
}
.dokan-store-phone,
.dokan-store-email,
.dokan-sold-products,
.dokan-store-address .street_1,
.dokan-user-date,
.dokan-owner-name {
    display: none !important;
}
.dokan-elector-style-active.store-v1 .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img.profile-img-circle {
    width: 100%;
    margin-bottom: -30px;
}
.dokan-store-address {
    max-width: 200px;
    white-space: nowrap;
    /*     line-height: 13px;
    float: right;
    text-align: center; */
}
/* .dokan-elector-style-active.dokan-elector-style-active .dokan-store-info, .dokan-elector-style-active.dokan-elector-style-active .store-social {
    padding-left: 0;
    list-style: none;
    display: grid;
    line-height: 30px;
    text-align: left !important;
} */
.dokan-elector-style-active.dokan-elector-style-active .dokan-store-info,
.dokan-elector-style-active.dokan-elector-style-active .store-social {
    display: grid;
}
.dokan-elector-style-active.dokan-elector-style-active .dokan-store-info li:not(:last-child):after,
.dokan-elector-style-active.dokan-elector-style-active .store-social li:not(:last-child):after {
    display: none;
}
.dokan-elector-style-active.store-v1 .profile-frame .store-name,
.dokan-elector-style-active.store-v1 .profile-frame .dokan-store-rating {
    text-align: left;
}
/* ----END Rufin Dokan--------- */

/*---- START Rufin Menu---*/
.best-selling-menu .nav-item > ul > li.electro-more-menu-item .dropdown-menu,
.departments-menu .menu-item-has-children:hover > .dropdown-menu,
.departments-menu-v2 .departments-menu-v2-title + .dropdown-menu li.menu-item-has-children .dropdown-menu,
.dropdown-menu-mini-cart,
.dropdown-menu-user-account,
.electro-navbar-primary .nav > .menu-item.menu-item-has-children .dropdown-menu,
.header-v5 .electro-navigation .departments-menu-v2 > .dropdown > .dropdown-menu,
.header-v6 .header-logo-area .departments-menu-v2 .departments-menu-v2-title + .dropdown-menu,
.header-v6 .vertical-menu .list-group-item > .dropdown-menu,
.home-v5-slider .tp-tab.selected .tp-tab-title:after,
.home-v5-slider .tp-tab.selected .tp-tab-title:before,
.navbar-primary .navbar-nav > .menu-item .dropdown-menu,
.primary-nav .nav-inline > .menu-item .dropdown-menu,
.primary-nav-menu .nav-inline > .menu-item .dropdown-menu,
.product-categories-list-with-header.v2 header .caption .section-title:after,
.secondary-nav-v6 .secondary-nav-v6-inner .sub-menu,
.secondary-nav-v6 .widget_nav_menu .sub-menu,
.secondary-nav > .dropdown .dropdown-menu,
.top-bar .nav-inline > .menu-item .dropdown-menu,
.vertical-menu .menu-item-has-children > .dropdown-menu {
    border: 1px solid #00abc5;
}
/*---- END Rufin Menu---*/

/* --- Laptop For 1024 Resolution */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    .product_subtitle {
        color: green;
    }
    .owl-item:hover {
        width: 40%;
    }
    .dokan-elector-style-active.store-v1 .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {
        position: absolute;
        padding-left: 40px;
    }
}
.woocommerce-loop-product__title {
    font-size: 1em !important;
}

/*---TLaptop---*/
@media (min-width: 992px) {
    ul.products.columns-3 > li.product {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* --- Mobile */
@media only screen and (max-width: 600px) {
	.owl-item>.product .product-thumbnail, .products>.product .product-thumbnail { 
    min-height: auto;
    max-height: auto;
}
    .dokan-elector-style-active.store-v1 .profile-frame .profile-summery-info-wrapper {
        padding-left: 10px;
    }
    .woocommerce-loop-product__title {
        font-size: 1em;
        line-height: 1em;
    }
    img.img-header-logo,
    .footer-logo img {
			height: 80px; 
			margin: 20px 0 20px -15px;
			width:100%;			
			max-width: 150px;
/*         width: 70px; */
    }
	  img.img-header-logo  {
        margin-left: -25px;
			max-width: 150px !important;
    }
		.footer-logo img  {      
        max-width: inherit;
    }
	.off-canvas-navigation-wrapper.off-canvas-hide-in-desktop.d-xl-none {
    padding: 0 !important;
    margin: 0 !important; 
    max-width: 55px !important;
}
    h3.masonry-title {
        display: none;
    }
    .owl-carousel .owl-item,
    .owl-carousel .owl-item:hover {
        width: 50%;
    }

    .owl-carousel .owl-stage {
        display: flex-end;
    }
    .woocommerce-loop-product__title {
        max-height: 2em;
    }
    .product_subtitle {
        /*     display: none; */
    }

    .dokan-elector-style-active.store-v1 .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {
        position: absolute;
        padding-left: 20px;
    }
    .dokan-elector-style-active.store-v1 .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img.profile-img-circle {
        width: 80px;
        margin-bottom: 20px;
        position: absolute;
        bottom: 120px;
        left: 40%;
    }
	
	.owl-item>.product .price-add-to-cart, .products>.product .price-add-to-cart {
		    height: .571em;
	}
	
	
    .product-item__thumbnail img {
        height: 100px !important;
    }
    .dokan-single-store .seller-items {
        margin-right: -6px;
        margin-left: -25px;
    }
	
	/*-----Rufin-Iphone---*/
		.handheld-header-v2 .header-logo img, .mobile-header-v1 .header-logo img, .mobile-header-v2-inner .header-logo img { 
			height: auto;
	}
	.owl-item>.product .product-outer, .products>.product .product-outer {
			height: auto !important;
	}	

 ul.products>li.product { 
    max-height: 300px;
}
	.masonry-item { 
    min-height: 120px;
}
}

/* --- End Mobile */


/* ----Rufin Yolo--------- */
   .yolo-product-item-wrap img {
        width: 100%;
        min-height: 200px;
    }

.yolo-product-item-wrap .yolo-product-item-inner .yolo-product-info h3 {
    height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.yolo-product-wrap span.price {
    display: inline-block;
    min-height: 25px;
}

.yolo-product-wrap .yolo-product-tabs-wrap .yolo-product-tab-content .yolo-product-inner .yolo-product-item-wrap {
/*     float: inline-start; */
/*     position: relative !important; */
}

.yolo-product-wrap .yolo-product-tabs-wrap .yolo-product-tab-content .yolo-product-inner .yolo-product-item-wrap .yolo-product-item-inner .yolo-product-info { 
    height: 100px;
}
/* ----END:: Rufin Yolo--- */

</style>
<noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><style>
        .navbar-nav { 
            flex-direction: row; 
        }
        .navbar-collapse.collapse {
            display: flex !important; 
            justify-content: center;
        }  
      .top-promotion { 
                display: flex !important; 
            }</style><section id="top" class="top section-block2 scode   ">
    <style>
        .marquee-container {
            padding: 0;
            font-size: 20px;
            line-height: 25px;
            margin: 0 !important;
        }

        .top-promotion {
            background-color:
                #000                 !important;
            display: flex;
            position: fixed;
            top: 0;
            padding-top: 15px;
            background-color: var(--topbg);
            color: var(--topfg);
            width: 100%;
            z-index: 999999;
            align-items: center;
            margin-top: 0px;
            height:
                110px                 !important;
        }

        .img-top-ad {
            height:
                110px             ;
            margin: 0 !important;
            margin-left: -25px !important;
        }

        .promo-inner {
            width: 100%;
            padding: 0 !important;
        }

        .header-area,
        .is-sticky .sticky-elt {
            top:
                110px                 !important;
        }

        #main-container {
            padding-top:
                110px                 !important;
        }

        marquee {
            min-width: 100%;
        }


        /* ----- old carvilla_2 -> hair ---   */

        html {
            margin-top: 0 !important;
        }

        .wrap-sticky nav.navbar.bootsnav.sticked {
            top:
                110px                 !important;
        }

        @media (max-width: 992px) {
            .wsmobileheader {
                top:
                    110px                     !important;
            }

            #main-container {
                padding-top:
                    242px                     ;
            }
        }
    </style>
    <div id="top-promotion" class="top-promotion">
        <div class="promo-inner">
            <!-- <div class="marquee-container"> -->
                    <style>
        .marquee-container {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
        }

        .marquee-content {
            /* display: inline-block; */
            display: flex;
            /* padding-left: 100%; */
            /* Start off-screen */
            animation: marquee 25s linear infinite;
            /* Adjust speed as needed */
        }

        @keyframes marquee {
            0% {
                transform: translate(0, 0);
            }

            100% {
                transform: translate(-100%, 0);
            }

            /* Scroll completely off-screen */
        }
    </style>

    <div class="marquee-container">
        <div class="marquee-content">
            


<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>




<div class="ad-coupon" >
<div class="ad-wrapper" style="height:110px;">
  <div class="add-title"> !! Year End Sale !! </div>
  <div class="ad-desc"><span>On all services of $200 & up</span> <span>Get <span class="price-tag">$10</span> Discount</span></div>
</div></div>

        </div>
    </div>
                <!-- </div> -->
        </div>
    </div>
    <script>
        jQuery(document).ready(function () {
                    })
    </script>
    
</section><section id="fixedbookbtn" class="fixedbookbtn section-block2 scode   ">     <div  class="btnBook btnFixed" type="button"   id="rotate" >Book Now</div>
 </section>
		<script>
			window.RS_MODULES = window.RS_MODULES || {};
			window.RS_MODULES.modules = window.RS_MODULES.modules || {};
			window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
			window.RS_MODULES.defered = true;
			window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
			window.RS_MODULES.type = 'compiled';
		</script>
		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/electro-child/*","/wp-content/themes/electro/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <script>
        window.ajax_clean_response = (resp, prefix) => {
            var index = resp.indexOf(prefix);
            var result = resp;
            if (index !== -1) {
                result = resp.substring(index);
            }
            return result;
        }
    </script>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- CSS -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

    <!-- JavaScript (jQuery is a prerequisite for Select2) -->
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <!-- include summernote css/js -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
    <style>
        .em.em-list.em-grid>div.em-item {
            position: relative;
        }

        img.img-flag {
            width: 25px;
            margin: 2px 0;
        }

        .target-flag-wrapper {
            display: flex;
            position: absolute;
            top: 5px;
            right: 5px;
            flex-direction: column;
        }

        .em-item-image {
            position: relative;
        }

        /* .em-event .em-toolbar {
                                    display: flex;
                                    position: absolute !important; 
                                    top: 82px;
                                    right: 5px !important;
                                    align-items: center;
                                    flex-direction: column;
                                    justify-content: center;
                                    z-index: 999;
                                    background-color: #0000009e;
                                    padding: 10px; 
                                } */
        .em-event .em-toolbar {
            display: flex;
            top: 82px;
            right: 5px !important;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
            z-index: 999;
            background-color: transparent;
            padding: 0 10px;
        }

        .dg-share-button-popup ul {
            margin-bottom: 0 !important;
        }

        .i-gray {
            color: gray;
        }

        .em-event .dg-share-button {
            padding: 0 !important;
            max-width: 80px !important;
            max-height: 40px !important;
            min-height: 40px !important;
            border: 0 !important;
        }

        .em-event .em-toolbar i {
            font-size: 20px;
            color: #61CE70;
        }


    </style>
    <script>
        //---rufinsoh
        var $j = jQuery.noConflict();
        jQuery(document).ready(function ($) {

            const html_share_btn = `
    <style>
        .dg-share-button {
            position: relative;
            z-index: 999;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 3px 0;
            padding: 10px 10px;
            max-width: 120px;
            border: 1px solid #cccccc;
            text-align: center;
            text-decoration: none;
            transition: border 0.3s ease, background 0.3s ease;

            &.fill-space {
                max-width: 100%;
            }

            &.hide-border {
                background: transparent;
                border: 1px solid transparent;

                &:hover {
                    background: transparent;
                    border: 1px solid #cccccc;
                }
            }

            &:hover {
                background: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
            }
        }

        .dg-share-button-icon {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            background-color: #efefef;

            &.icon-left {
                margin-left: 0;
                margin-right: 5px;
            }

            &.icon-right {
                order: 2;
                margin-left: 5px;
                margin-right: 0;
            }

            .svg {
                position: relative;
                top: -3px;
            }
        }

        .dg-share-button-text {
            text-transform: uppercase;
            color: #3a3c3f;
            font-size: 11px;
            letter-spacing: 0.1em;
        }

        .dg-share-button-popup {
            display: block;
            position: absolute;
            z-index: -1;
            padding: 10px 20px;
            background-color: #ffffff;
            border: 1px solid #dcdcdc;
            box-shadow: 0 5px 8px #cccccc;
            box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
            transform: translateY(0);
            opacity: 0;
            transition: opacity 0.4s, transform 0.4s;

            &::before {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0;
                height: 0;
                border-top: 5px solid #ffffff;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 0 solid;
                transform: translate(-50%, 100%);
            }

            &.active {
                transform: translateY(calc(-100% - 10px));
                opacity: 1;
                z-index: 2;
            }

            ul {
                display: flex;
                margin: 0;
                padding: 0;
                align-items: center;
                justify-content: space-around;
            }

            li {
                display: inline;
                margin-right: 10px;

                &:last-child {
                    margin-right: 0;
                }

                span[data-i] {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background-color: #efefef;
                }

                span {
                    display: none;
                }
            }
        }

        @media (max-width: 767px) {}
    </style>
    <a href="javascript:;" class="dg-share-button js-share-button" data-title="Sharing Title"
        data-link="http://desiringgod.org">
        <div class="dg-share-button-text"><i class="fa fa-share-alt"></i></div>
        <div class="dg-share-button-popup">
            <ul style="margin-bottom: 0 !important;">
                <li class="js-social-share" data-id="email" data-href="{{href}}">
                    <i class="fa fa-envelope"></i>
                    <span>Share on Email</span>
                </li>
                <li class="js-social-share" data-id="facebook" data-href="{{href}}">
                    <i class="fa-brands fa-facebook"></i>
                    <span>Share on Facebook</span>
                </li>
                <li class="js-social-share" data-id="twitter" data-href="{{href}}">
                    <i class="fa-brands fa-twitter"></i>
                    <span>Share on Twitter</span>
                </li>
            </ul>
        </div>
    </a>

    `;
            // console.log('--AA---', html_share_btn)


            // $j(document).on('click', '.em-event, .em-item', function (e) {
            //     e.stopPropagation();
            //     e.preventDefault();
            //     alert('---AAAA---');
            //     return false;
            // }); //---.em-event, .em-item

            //---------------------- FL
            function loadEvents() {
                const countryUrl = "https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik_Events/assets/flags/";

                const all_slugs = [];
                $j('.em-item').each(function (index, elt) {
                    const slug_arr = $j(elt).data('href').split('/').filter(item => item);
                    const slug = slug_arr[slug_arr.length - 1];
                    all_slugs.push(slug);
                });

                if (!all_slugs?.length) {
                    return;
                }
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik_Events/Admin/zevents_process.php",
                    data: {
                        action: "get_events_by_slugs",
                        slug_list: all_slugs
                    },
                    success: function (response) {
                        // debugger; //--rufin
                        if (!response || response.error)
                            return;

                        var fragments = response.result;
                        // console.log('---rufin--AAAAA-loadEvents-222-', fragments);

                        // Replace fragments
                        if (fragments) {
                            $.each(fragments, function (key, elt) {
                                const found = $(`[data-href*="${elt.post_name}"]`);
                                const href = $(found).data('href');
                                let flag = elt.meta['aftk_event_community_country']?.toLowerCase();
                                let flag_local = elt.location_country?.toLowerCase();

                                let htm_local = (flag_local && (flag_local !== flag)) ? `
                                        <span class="target-flag"> 
                                            <img class="img-flag" src="${countryUrl}${flag_local}.svg" style="width: 26px;"> 
                                        </span>  
                                    ` : ``;
                                let htm_community = flag ? `
                                        <span class="target-flag"> 
                                            <img class="img-flag" src="${countryUrl}${flag}.svg" style="width: 26px;"> 
                                        </span>  
                                    ` : ``;

                                $(found).append(`
                                        <div class="target-flag-wrapper"> 
                                            ${htm_local} 
                                            ${htm_community}
                                        </div>                                   
                                    `);

                                //------------share  
                                const found_img = $j(found).find('.em-item-image')[0];
                                const found_info = $j(found).find('.em-item-info')[0];


                                $j(found_info).prepend(`
                                <div class="em-toolbar">
                                    <a href="javascript:;" class="btnEventSave">
                                        <i class="i-gray fa fa-heart-o" aria-hidden="true"></i>
                                    </a>
                                     ${html_share_btn.replace(/{{href}}/g, href)}
                                </div>
                                `);
                                //-------------END:: share

                            });
                        }
                    }
                });
            } //---loadEvents


            $j(document).on("ajaxComplete", function (event, jqXHR, ajaxOptions) {
                var requestUrl = ajaxOptions.url;
                // console.log("AJAX request to URL: " + requestUrl + " completed.");

                if (requestUrl.indexOf('admin-ajax.php') !== -1) {
                    setTimeout(() => {
                        loadEvents();
                    }, 100);
                }
            }); //---ajaxComplete
            setTimeout(() => {
                loadEvents();
            }, 100);

            // $j(document).on("ajaxStart", function () {
            //     // console.log('---rufin--AAAAA-ajaxStart--', (new Date()).toLocaleTimeString())
            // });



            // $j(document).on("ajaxStop", function () {
            //     if (!isLocalAjaxActive) {
            //         setTimeout(() => {
            //             loadEvents();
            //         }, 100);
            //     }
            //     // console.log('---rufin--BBBBB-ajaxStop--', (new Date()).toLocaleTimeString())
            // });

            //---------------------END::FL

            //----------------------------share hack
            $j('body').on('click', '.js-share-button', function (e) {
                e.stopPropagation();
                var button = $j(this);
                closeShareButton();
                openShareButton(button);
            });

            $j('body').on('click', function (e) {
                closeShareButton();
            });

            function openShareButton(button) {
                var buttonPopup = button.children('.dg-share-button-popup');
                button.addClass('active');
                buttonPopup.addClass('active');
            }

            function closeShareButton() {
                $j('.dg-share-button').removeClass('active');
                $j('.dg-share-button-popup').removeClass('active');
            }

            $j('body').on('click', '.js-social-share', function (e) {
                e.stopPropagation();

                const id = $j(this).data('id');
                const href = $j(this).data('href') || window.location.href;
                // let url = window.location.href;
                var urlToShare = encodeURIComponent(href); // Or a specific URL
                console.log('---href----', urlToShare);

                let url_share = ``;
                switch (id) {
                    case 'facebook': {
                        url_share = `https://www.facebook.com/sharer/sharer.php?u={{url}}`;
                        break;
                    }
                    default: {
                        break;
                    }
                }
                window.open(url_share.replace('{{url}}', urlToShare), '_blank');
                // https://www.facebook.com/sharer/sharer.php?u=
                // alert('Coming soon --- ' + $j(this).data('id'));
            });

            //----------------------------END::share hack
        });
    </script>
    		<script type="text/javascript">
			(function() {
				let targetObjectName = 'EM';
				if ( typeof window[targetObjectName] === 'object' && window[targetObjectName] !== null ) {
					Object.assign( window[targetObjectName], []);
				} else {
					console.warn( 'Could not merge extra data: window.' + targetObjectName + ' not found or not an object.' );
				}
			})();
		</script>
		<div style="width:100%;text-align:center; font-size:11px; clear:both"><a target="_blank" title="Insert PHP Snippet Wordpress Plugin" href="http://xyzscripts.com/wordpress-plugins/insert-php-code-snippet/">PHP Code Snippets</a> Powered By : <a target="_blank" title="PHP Scripts & Wordpress Plugins" href="http://www.xyzscripts.com" >XYZScripts.com</a></div>    <script>
        var wishlishtVars = {"isProUser":false,"isLogged":false,"defaultWishlistId":"8123"}    </script>
		<script id="wppl-precheck-remember-me">
		(function() {
			'use strict';
			
			var wppl_precheck_remember_me = function() {
				var rememberMeNames = ["rememberme","remember","rcp_user_remember"];
				var processedElements = new Set(); // Track processed elements to avoid duplicates
				
				/**
				 * Check/enable a checkbox element
				 */
				function checkElement(element) {
					if (processedElements.has(element)) return;
					processedElements.add(element);
					
					if (element.type === 'checkbox' && !element.checked) {
						element.checked = true;
					}
				}
				
				/**
				 * Process standard remember me inputs
				 */
				function processRememberMeElements() {
					rememberMeNames.forEach(function(inputName) {
						// Find inputs by exact name match
						var inputs = document.querySelectorAll('input[name="' + inputName + '"]');
						inputs.forEach(function(input) {
							checkElement(input);
						});
						
						// Also find inputs where name contains the input name (partial match)
						var partialInputs = document.querySelectorAll('input[type="checkbox"]');
						partialInputs.forEach(function(input) {
							if (input.name && input.name.includes(inputName)) {
								checkElement(input);
							}
						});
					});
				}
				
				/**
				 * Handle WooCommerce specific elements
				 */
				function processWooCommerce() {
					var wooInputs = document.querySelectorAll('.woocommerce-form-login__rememberme input[type="checkbox"]');
					wooInputs.forEach(function(input) {
						checkElement(input);
					});
				}
				
				/**
				 * Handle Ultimate Member Plugin
				 */
				function processUltimateMember() {
					var umCheckboxLabels = document.querySelectorAll('.um-field-checkbox');
					
					umCheckboxLabels.forEach(function(label) {
						var input = label.querySelector('input');
						if (input && rememberMeNames.includes(input.name)) {
							// Set as active and checked
							checkElement(input);
							label.classList.add('active');
							
							// Update icon classes
							var icon = label.querySelector('.um-icon-android-checkbox-outline-blank');
							if (icon) {
								icon.classList.add('um-icon-android-checkbox-outline');
								icon.classList.remove('um-icon-android-checkbox-outline-blank');
							}
						}
					});
				}
				
				/**
				 * Handle ARMember Forms
				 */
				function processARMember() {
					var armContainers = document.querySelectorAll('.arm_form_input_container_rememberme');
					
					armContainers.forEach(function(container) {
						var checkboxes = container.querySelectorAll('md-checkbox');
						
						checkboxes.forEach(function(checkbox) {
							if (checkbox.classList.contains('ng-empty')) {
								checkbox.click(); // Activate the checkbox
							}
						});
					});
				}
				
				// Execute all processing functions
				processRememberMeElements();
				processWooCommerce();
				processUltimateMember();
				processARMember();
			};
			
			// Run when DOM is ready
			if (document.readyState === 'loading') {
				document.addEventListener('DOMContentLoaded', wppl_precheck_remember_me);
			} else {
				wppl_precheck_remember_me();
			}
			
			// Also run after a short delay to catch dynamically loaded forms
			setTimeout(wppl_precheck_remember_me, 500);
			
		})();
		</script>
		<link rel='stylesheet' id='ppcp-pwc-payment-method-css' href='https://www.afrothentik.com/wp-content/plugins/woocommerce-paypal-payments/assets/ppcp-local-alternative-payment-methods-css-gateway.css?ver=4.0.3' media='all' />
<link rel='stylesheet' id='wc-blocks-style-css' href='https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.7.0' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css' href='//www.afrothentik.com/wp-content/plugins/revslider/sr6/assets/css/rs6.css?ver=6.7.39' media='all' />
<style id="rs-plugin-settings-inline-css">
#rs-demo-id {}
/*# sourceURL=rs-plugin-settings-inline-css */
</style>
<script id="hoverintent-js-js" src="https://www.afrothentik.com/wp-includes/js/hoverintent-js.min.js?ver=2.2.1"></script>
<script id="admin-bar-js" src="https://www.afrothentik.com/wp-includes/js/admin-bar.min.js?ver=7.0.4"></script>
<script id="main-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/scripts/main.js?t=3&#038;ver=1.0"></script>
<script id="vendor-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/scripts/vendor.js?t=3&#038;ver=1.0"></script>
<script id="i18n-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/scripts/i18n.js?t=3&#038;ver=1.0"></script>
<script id="sticky_toolbar-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/scripts/sticky_toolbar.js?t=3&#038;ver=1.0"></script>
<script id="preload-js" src="https://www.afrothentik.com/wp-content/plugins/Z-Afrothentik/Front/assets/scripts/preload.js?t=3&#038;ver=1.0"></script>
<script id="jquery-ui_1_10-js" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js?ver=1.0"></script>
<script id="popper_js-js" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js?ver=1.0"></script>
<script id="bootstrap_4_js-js" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js?ver=1.0"></script>
<script id="tp-tools-js" src="//www.afrothentik.com/wp-content/plugins/revslider/sr6/assets/js/rbtools.min.js?ver=6.7.39"></script>
<script id="revmin-js" src="//www.afrothentik.com/wp-content/plugins/revslider/sr6/assets/js/rs6.min.js?ver=6.7.39"></script>
<script id="bootstrap-js-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/bootstrap.bundle.min.js?ver=3.6.2"></script>
<script id="elementor-waypoints-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/jquery.waypoints.min.js?ver=3.6.2"></script>
<script id="waypoints-sticky-js-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/waypoints-sticky.min.js?ver=3.6.2"></script>
<script id="typeahead-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/typeahead.bundle.min.js?ver=3.6.2"></script>
<script id="handlebars-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/handlebars.min.js?ver=3.6.2"></script>
<script id="electro-js-js-extra">
var electro_options = {"rtl":"0","ajax_url":"https://www.afrothentik.com/wp-admin/admin-ajax.php","ajax_loader_url":"https://www.afrothentik.com/wp-content/themes/electro/assets/images/ajax-loader.gif","enable_sticky_header":"1","enable_hh_sticky_header":"1","enable_live_search":"1","live_search_limit":"10","live_search_template":"\u003Ca href=\"{{url}}\" class=\"media live-search-media\"\u003E\u003Cimg src=\"{{image}}\" class=\"media-left media-object flip float-start\" height=\"60\" width=\"60\"\u003E\u003Cdiv class=\"media-body\"\u003E\u003Cp\u003E{{{value}}}\u003C/p\u003E\u003C/div\u003E\u003C/a\u003E","live_search_empty_msg":"Unable to find any products that match the current query","deal_countdown_text":{"days_text":"Days","hours_text":"Hours","mins_text":"Mins","secs_text":"Secs"},"typeahead_options":{"hint":false,"highlight":true},"offcanvas_mcs_options":{"axis":"y","theme":"minimal-dark","contentTouchScroll":100,"scrollInertia":1500},"compare_page_url":"https://www.afrothentik.com?action=yith-woocompare-view-table&iframe=yes"};
//# sourceURL=electro-js-js-extra
</script>
<script id="electro-js-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/electro.min.js?ver=3.6.2"></script>
<script id="owl-carousel-js-js" src="https://www.afrothentik.com/wp-content/themes/electro/assets/js/owl.carousel.min.js?ver=3.6.2"></script>
<script id="sourcebuster-js-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.7.0"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https://www.afrothentik.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.7.0"></script>
<script id="imagesloaded00-js" src="https://www.afrothentik.com/@assets/masonry/imagesloaded.min.js"></script>
<script id="isotope-js" src="https://www.afrothentik.com/@assets/masonry/isotope.pkgd.min.js"></script>
<script id="infinitescroll-js" src="https://www.afrothentik.com/@assets/masonry/infinite-scroll.pkgd.min.js"></script>
<script id="wp-hooks-js" src="https://www.afrothentik.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://www.afrothentik.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="jetpack-script-data-js-before">
window.JetpackScriptData = {"site":{"admin_url":"https://www.afrothentik.com/wp-admin/","date_format":"F j, Y","icon":"https://www.afrothentik.com/wp-content/uploads/2024/10/cropped-afrothentik-icon_trans-1.png","is_multisite":false,"host":"unknown","is_wpcom_platform":false,"plan":{"product_slug":""},"rest_nonce":"5a904f2ca5","rest_root":"https://www.afrothentik.com/v1/","suffix":"www.afrothentik.com","title":"Afrothentik | Uplifting Black Culture","wp_version":"7.0.4","wpcom":{"blog_id":0}},"user":{"current_user":{"display_name":false,"id":0,"capabilities":{"manage_options":false,"manage_modules":false}}},"connection":{"apiRoot":"https://www.afrothentik.com/v1/","apiNonce":"5a904f2ca5","registrationNonce":"eb6d48daf0","connectionStatus":{"isActive":false,"isStaging":false,"isRegistered":false,"isUserConnected":false,"hasConnectedOwner":false,"offlineMode":{"isActive":false,"constant":false,"url":false,"filter":false,"wpLocalConstant":false,"option":false},"isPublic":true},"userConnectionData":{"currentUser":{"isConnected":false,"isMaster":false,"username":false,"id":0,"blogId":false,"wpcomUser":{"avatar":false},"gravatar":"https://secure.gravatar.com/avatar/?s=96\u0026d=mm\u0026r=g","permissions":{"connect":false,"connect_user":false,"unlink_user":false,"disconnect":false,"manage_options":false},"possibleAccountErrors":[]},"connectionOwner":null,"isRegistered":false},"connectedPlugins":[{"name":"WooCommerce","slug":"woocommerce"},{"name":"WooCommerce Tax","slug":"woocommerce-services"}],"wpVersion":"7.0.4","siteSuffix":"www.afrothentik.com","connectionErrors":[],"isOfflineMode":false,"calypsoEnv":""}};
//# sourceURL=jetpack-script-data-js-before
</script>
<script id="jetpack-script-data-js" src="https://www.afrothentik.com/wp-content/plugins/woocommerce-services/vendor/automattic/jetpack-assets/build/jetpack-script-data.js?minify=false&#038;ver=5a948b03b3e87efc9a59"></script>
<script></script>		<div id="wpadminbar" class="nojq nojs">
						<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar">
				<ul role='menu' id='wp-admin-bar-root-default' class="ab-top-menu"><li role='group' id='wp-admin-bar-menu-toggle'><a class='ab-item' role="menuitem" href='#'><span class="ab-icon" aria-hidden="true"></span><span class="screen-reader-text">Menu</span></a></li><li role='group' id='wp-admin-bar-wp-logo' class="menupop"><div class="ab-item ab-empty-item" tabindex="0" role="menuitem" aria-expanded="false"><span class="ab-icon" aria-hidden="true"></span><span class="screen-reader-text">About WordPress</span></div><div class="ab-sub-wrapper"><ul role='menu' id='wp-admin-bar-wp-logo-external' class="ab-sub-secondary ab-submenu"><li role='group' id='wp-admin-bar-wporg'><a class='ab-item' role="menuitem" href='https://wordpress.org/'>WordPress.org</a></li><li role='group' id='wp-admin-bar-documentation'><a class='ab-item' role="menuitem" href='https://wordpress.org/documentation/'>Documentation</a></li><li role='group' id='wp-admin-bar-learn'><a class='ab-item' role="menuitem" href='https://learn.wordpress.org/'>Learn WordPress</a></li><li role='group' id='wp-admin-bar-support-forums'><a class='ab-item' role="menuitem" href='https://wordpress.org/support/forums/'>Support</a></li><li role='group' id='wp-admin-bar-feedback'><a class='ab-item' role="menuitem" href='https://wordpress.org/support/forum/requests-and-feedback'>Feedback</a></li></ul></div></li></ul>			</div>
		</div>

		    </div>

    <script>
            </script>

    <!--contact start-->
    <footer id="contact" class="contact">
        <div class="container-fluid">
            <div class="footer-top">
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                        <div class="single-footer-widget">
                            <div class="footer-logo">
                                <a href="https://djenebahairbraiding.com/"><img loading="lazy" class="store_img"
                                        src="https://www.afrothentik.com/wp-content/uploads/2024/12/logo-djeneba.webp" /></a>
                            </div>
                            <h1 class="footer-title">about Djeneba's Hair Braiding Salon</h1>
                            <div class="footer-about">
                                                            </div>
                            <div class="footer-contact">

                                <p>(215) 334-1423</p>                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="single-footer-widget">
                                                    </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="single-footer-widget">
                            <h2>newsletter</h2>
                            <div class="footer-newsletter">
                                <p>
                                    Subscribe to get the latest news update and information
                                </p>
                            </div>
                            <div class="hm-foot-email">
                                <div class="foot-email-box">
                                    <input type="text" class="form-control" placeholder="Add Email">
                                </div>
                                <!--/.foot-email-box-->
                                <div class="foot-email-subscribe">
                                    <span><i class="fa fa-arrow-right"></i></span>
                                </div>
                                <!--/.foot-email-icon-->
                            </div>
                            <!--/.hm-foot-email-->
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12 aftk_opening_hours">
                            <style>
        li.sel_day {
            background-color: var(--aftk-primary-color);
        }

        .col-hrs {
            margin-left: -30px;
        }


        @media (min-width: 1200px) {
            .col-hrs ul {
                margin-left: -25px;
            }
        }

        @media (max-width: 767px) {
            .col-hrs-row {
                max-width: 48%;
            }
        }
    </style>
    <div class="single-footer-widget opening-hrs">
        <h1 class="footer-title">Opening hours</h1>
        <div class="row">
            <div class="col-md-7 col-xs-6  col-hrs-row">
                <ul>
                                                    <li class="day day_0"><a
                                        href="javascript:;">Sunday</a>
                                </li>
                                                                <li class="day day_1"><a
                                        href="javascript:;">Monday</a>
                                </li>
                                                                <li class="day day_2"><a
                                        href="javascript:;">Tuesday</a>
                                </li>
                                                                <li class="day day_3"><a
                                        href="javascript:;">Wednesday</a>
                                </li>
                                                                <li class="day day_4"><a
                                        href="javascript:;">Thursday</a>
                                </li>
                                                                <li class="day day_5"><a
                                        href="javascript:;">Friday</a>
                                </li>
                                                                <li class="day day_6"><a
                                        href="javascript:;">Saturday</a>
                                </li>
                                                </ul>
            </div>
            <div class="col-md-5 col-xs-6 col-hrs-row col-hrs">
                <ul>
                                                        <li class="day day_0"><a class="hrs-time"
                                            href="javascript:;">9:00 AM - 5:00 PM</a>
                                    </li>
                                                                        <li class="day day_1"><a class="hrs-time"
                                            href="javascript:;">8:00 AM - 7:00 PM</a>
                                    </li>
                                                                        <li class="day day_2"><a class="hrs-time"
                                            href="javascript:;">8:00 AM - 7:00 PM</a>
                                    </li>
                                                                        <li class="day day_3"><a class="hrs-time"
                                            href="javascript:;">8:00 AM - 7:00 PM</a>
                                    </li>
                                                                        <li class="day day_4"><a class="hrs-time"
                                            href="javascript:;">8:00 AM - 7:00 PM</a>
                                    </li>
                                                                        <li class="day day_5"><a class="hrs-time"
                                            href="javascript:;">8:00 AM - 7:00 PM</a>
                                    </li>
                                                                        <li class="day day_6"><a class="hrs-time"
                                            href="javascript:;">8:00 AM - 7:00 PM</a>
                                    </li>
                                                    </ul>
            </div>
        </div>
    </div>
<script>
    $(document).ready(function () {
        const today = new Date();
        const dayNumber = today.getDay();
        $('.day').removeClass('sel_day');
        $(`.day_${dayNumber}`).addClass('sel_day');
        console.log("Today's day number is: " + dayNumber);
    });//---END
</script>                    </div>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="footer-social">

                                                                <a id="smo-facebook" title="facebook"
                                        class="smo smo-facebook smo_missing_https://www.facebook.com/profile.php?id=100070288756949"
                                        target="_new" href="https://www.facebook.com/profile.php?id=100070288756949"><i
                                            class="fa-brands fa-facebook"></i></a>
                                                            </div>
                    </div>
                    <div class="col-sm-6">
                        <p>
                            &copy;Copyright&nbsp;&nbsp;<a href="https://www.afrothentik.com/">afrothentik.com</a>
                        </p>
                        <!--/p-->
                    </div>
                </div>
            </div>
            <!--/.footer-copyright-->
        </div>
        <!--/.container-->

        <div id="scroll-Top">
            <div class="return-to-top">
                <div class="return-to-top-in">
                    <i class="fa fa-angle-up " id="scroll-top" data-toggle="tooltip" data-placement="top" title=""
                        data-original-title="Back to Top" aria-hidden="true"></i>
                </div>
            </div>
        </div>
        <!--/.scroll-Top-->

    </footer>
    <!--/.contact-->
    <!--contact end-->



    <!-- Include all js compiled plugins (below), or include individual files as needed -->

    <script src="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/js/jquery.js"></script>

    <!--modernizr.min.js-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

    <!--bootstrap.min.js-->
    <script src="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/js/bootstrap.min.js"></script>

    <!-- bootsnav js -->
    <script src="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/js/bootsnav.js"></script>

    <!--owl.carousel.js-->
    <script src="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/js/owl.carousel.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

    <!--Custom JS-->
    <script src="https://www.afrothentik.com/shop/@templates/z_carvilla_2/assets/js/custom.js"></script>

</body>

</html><style>
  .aftk-top-layer {
    position: relative;
    z-index: 99999999;
  }

  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    /* z-index: 99999999; */
  }

  #phoneModal .modal-title {
    text-align: center;
    text-transform: none !important;
    color: #fff;
  }

  #phoneModal {
    background-color: black;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: -1;
    display: flex !important;
  }

  .section-toolbar i {
    font-size: 18px;
    margin-right: 5px;
  }

  #phoneModal .iti {
    min-width: 100% !important;
  }

  #phoneModal .modal-header {
    background: #607D8B;
    color: #fff !important;
    width: 100%;
    display: block !important;
    align-items: center;
  }

  #phoneModal .modal-content {
    height: inherit;
  }

  #phoneModal .modal-body {
    max-height: inherit !important;
    height: inherit;
  }

  .aftk-field {
    height: 50px !important;
    width: 100% !important;
    min-width: 300px !important;
    padding: 0 0 0 5px !important;
    background-color: #607d8b1f;
  }

  #phone_number {
    padding: 0 0 0 50px !important;
  }

  div#alert-success-phone {
    width: 30% !important;
    padding: 20px 10px 20px 60px !important;
  }

  .section-col0 {
    margin-bottom: 5px;
  }

  .section-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 0 0 0;
  }

  .title-form {
    font-size: 15px !important;
    background: #cccccc9c;
    padding: 10px;
    margin: 0 !important;
    text-align: center;
  }

  .aftk-btn-small {
    font-size: 15px;
    margin-left: 5px;
    cursor: pointer !important;
  }



  @media screen and (max-width: 992px) {
    div#alert-success-phone {
      width: 100% !important;
    }
  }
</style>
<!-- 
<div id="alert-success-phone" class="alert alert-success alert-white rounded msg">
  <div class="icon"><i class="fa fa-check"></i></div>
  <strong class="title-form">What is your CALL BACK number<br /> in case we get disconnected</strong>
  <div>
    <section class="section-col0">
      <div class="frm-lbl-wrap">
        <h2 class="frm-lbl">My Name:</h2>
      </div>
      <div class="ph-row">
        <input maxlength="50" placeholder="Firstname, Lastname" class="ctrl-lg fullname aftk-field aftk-fullname aftk-input-required" type="text" id="fullname">
      </div>
    </section>
    <section class="section-col0">
      <div class="frm-lbl-wrap">
        <h2 class="frm-lbl">My Phone:</h2>
      </div>
      <div class="ph-row">
        <input placeholder="Enter your phone" class="ctrl-lg phone aftk-field aftk-phone aftk-input-required" type="tel" id="phone_number">
      </div>
    </section>
    <section class="section-toolbar">
      <a class="btn btn-default noHover  aftk-btn-small  btnPhoneCallClose" href="javascript:;">
        <i class="fa fa-times" aria-hidden="true"></i><span>Close</span>
      </a>
      <a class="btn btn-success noHover aftk-btn-small btnPhoneCallProcess disabled" href="javascript:;">
        <i class="fa fa-phone" aria-hidden="true"></i><span>Call (215) 334-1423</span>
      </a>
    </section>
  </div>
</div> -->
<!-- <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> -->

<div class="container">
  <!-- Modal -->
  <div class="modal fade" id="phoneModal" role="dialog">
    <!-- <div class="modal" id="phoneModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"> -->

    <div class="modal-dialog modal-md modal-dialog-centered ">
      <div class="modal-content">
        <div class="modal-header">
          <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
          <h4 class="modal-title"> What is your best CALL BACK number<br /> in case we get disconnected </h4>
        </div>
        <div class="modal-body">
          <div>
            <section class="section-col0">
              <div class="frm-lbl-wrap">
                <h2 class="frm-lbl">My Name:</h2>
              </div>
              <div class="ph-row">
                <input maxlength="50" placeholder="Firstname, Lastname"
                  class="ctrl-lg fullname aftk-field aftk-fullname aftk-input-required" type="text" id="fullname">
              </div>
            </section>
            <section class="section-col0">
              <div class="frm-lbl-wrap">
                <h2 class="frm-lbl">My Phone:</h2>
              </div>
              <div class="ph-row">
                <input placeholder="Enter your phone"
                  class="ctrl-lg phone_number aftk-field aftk-phone aftk-input-required" type="tel" id="phone_number">
              </div>
            </section>

          </div>
        </div>
        <div class="modal-footer">
          <section class="section-toolbar">
            <button data-dismiss="modal" class="btn btn-default noHover  aftk-btn-small  btnPhoneCallClose">
              <i class="fa fa-times" aria-hidden="true"></i><span>Close</span>
            </button>
            <button class="btn btn-success noHover aftk-btn-small btnPhoneCallProcess disabled">
              <i class="fa fa-phone" aria-hidden="true"></i><span>Call <span
                  class="ph_number">(215) 334-1423</span></span>
            </button>
          </section>
          <!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
        </div>
      </div>
    </div>
  </div>
</div>

<!-- LoadingOverlay  -->
<script defer
  src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>

<link defer rel='stylesheet' href='https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/css/intlTelInput.css'>
<script src='https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/intlTelInput.js'></script>
<script>
  //--------------------
  const input_phone_number = document.querySelector("#phone_number");
  const iti = window.intlTelInput(input_phone_number, {
    // separateDialCode: true,
    initialCountry: "us",
    loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"),
  });
  // store the instance variable so we can access it in the console e.g. window.iti.getNumber()
  window.iti = iti;
  //--------------------


  //-------------------USER INFO ---------------
  function IsEmail(email) {
    var regex =
      /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!regex.test(email)) {
      return false;
    } else {
      return true;
    }
  }

  function IsValidPhone(valIn) {
    var regex =
      /([0-9]{10})|(\([0-9]{3}\)\s+[0-9]{3}\-[0-9]{4})/;
    if (!regex.test(valIn)) {
      return false;
    } else {
      return true;
    }
  }

  function formatPhoneNumber(phoneNumberString) {
    var cleaned = ('' + phoneNumberString).replace(/\D/g, '')
    var match = cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/)
    if (match) {
      var intlCode = (match[1] ? '+1 ' : '')
      return [intlCode, '(', match[2], ') ', match[3], '-', match[4]].join('')
    }
    return null
  }
  //-------------------END:: USER INFO -----------



  // jQuery(document).ready(function($) {
  $(document).ready(function ($) {
    const ph_call = '(215) 334-1423';
    var entity_id = '10684';
    var event_type_selected = 'PHONE_CALL';
    var href_selected = 'tel:' + ph_call;

    function showOverlay(status = 'show', elt = 'body') {
      $(elt).LoadingOverlay(status);
    }

    function openForm() {
      $('#phoneModal').modal('show');
      $('#phoneModal').removeClass('fade');
      $('#phoneModal').css('display', 'flex');

    }
    function closeForm() {
      $('.phone_number').val('');
      $('#fullname').val('');
      $('#phoneModal').modal('hide');
      $('#phoneModal').addClass('fade');
    }
    $(document).on('click', '.btnPhoneCallClose', function (e) {
      closeForm();
    }); //--btnPhoneCallClose


    $(document).on('open:countrydropdown', input_phone_number, function (e) {
      // console.log("The country dropdown was expanded 111.", e);
      $('#phoneModal .modal-body').css('height', '300px');
    }); //--input_phone_number

    $(document).on('close:countrydropdown', input_phone_number, function (e) {
      // console.log("The country dropdown was closed 222.", e);
      $('#phoneModal .modal-body').css('height', 'inherit');
    }); //--input_phone_number

    $(document).on('click', '.btnPhoneCallProcess', function (e) {
      const ph = $('.phone_number').val();
      const fullname = $('#fullname').val();

      if (IsValidPhone(ph) && fullname?.length) {
        saveData();
        return false;
      } else {
        return false;
      }
    }); //--btnPhoneCallClose

    $(document).on('click', '.btnPhoneCall', function (e) {
      e.stopPropagation();
      e.preventDefault();

      openForm();
      // $('#phoneModal').modal('show');
      // $('#phoneModal').removeClass('fade');
      event_type_selected = 'PHONE_CALL';
      href_selected = $(this).attr('href');
      // $('#phoneModal').css('display', 'flex');
      $('.ph_number').html(href_selected.replace('tel:', ''));
      console.log('--btnPhoneCall--', href_selected, event_type_selected)
      return false;
    }); //--btnPhoneCall

    $(document).on('click', '.btnPhoneCallWhatsapp', function (e) {
      e.stopPropagation();
      e.preventDefault();

       openForm();
      // $('#phoneModal').modal('show');
      event_type_selected = 'WHATSAPP_CONTACT';
      // href_selected = $(this).attr('href');
      console.log('--btnPhoneCallWhatsapp--', href_selected, event_type_selected)
      return false;
    }); //--btnPhoneCall

    $('#phoneModal').on('hidden.bs.modal', function () {
      $('#phoneModal.modal').css('z-index', -1);
    })
    $('#phoneModal').on('shown.bs.modal', function (e) {
      $('#phoneModal.modal').css('z-index', 99999999);
    })
    $(document).on('keyup', '.aftk-field', function (e) {
      const ph = $('.phone_number').val();
      const fullname = $('#fullname').val();
      if (IsValidPhone(ph) && fullname?.length) {
        $(".btnPhoneCallProcess").removeClass('disabled');
      } else {
        $(".btnPhoneCallProcess").addClass('disabled');
      }

    }); //--aftk-field



    function saveData() {
      const ph = $('.phone_number').val();
      const fullname = $('#fullname').val();
      const allData = [{
        name: fullname,
        phone: ph,
        date_today: new Date(),
        event_type: event_type_selected
      }];

      var data = {
        post_id: '10684',
        data: allData
      };

      if (data.post_id) {
        showOverlay('show');
        $.ajax({
          url: "https://www.afrothentik.com/z_crm/zp_crm_process.php",
          type: "POST",
          data: {
            action: 'save_contacts_event',
            data: data
          },
          success: function (html) {
            showOverlay('hide');
            try {
              if (html) {
                if (window.ajax_clean_response) {
                  html = window.ajax_clean_response(html, '{"result":');
                }
                var obj = JSON.parse(html);
                console.log('--saveData-rufin-111---', obj);
                if (obj && obj.result) {
                  closeForm();
                  window.location.href = href_selected;
                }
              }
            } catch (ex) {
              console.error('--Error-rufin----', ex.message, html);
              // alert(ex.message);
            }
          },
          fail: function (error) {
            console.error('--Error-rufin--222--', JSON.stringify(error));
            showOverlay('hide');
            // alert("error" + JSON.stringify(error));
          }
        });
      }
    } //---saveData


  }); //----END
</script>
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
    crossorigin="anonymous"></script> -->

<script>
    window.onload = function () {
        document.querySelector(".preloader").style.display = "none";

        var metaTag = $('<meta>');
        metaTag.attr('name', 'viewport');
        metaTag.attr('content', 'width=device-width, initial-scale=1.0');
        $('head').append(metaTag);

    }

    $("a:contains('XYZScripts.com')").parent().remove();

    window.ajax_clean_response = (resp, prefix) => {
        var index = resp.indexOf(prefix);
        var result = resp;
        if (index !== -1) {
            result = resp.substring(index);
        }
        return result;
    }

    $.urlParam = function (name) {
        var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
        return (results?.length) ? results[1] : 0;
    }

    const scrollToElement = (targetId) => {
        // Get the target element's ID from the href attribute
        // var targetId = this.hash;

        // Select the target element using jQuery
        var $targetElement = $(targetId);

        // Animate the scroll to the target element's position
        $('html, body').stop().animate({
            'scrollTop': $targetElement.offset().top
        }, 800, 'swing', function () {
            // Optional: Update the URL hash after the animation completes
            // window.location.hash = targetId;
        });

        $('html, body').animate({
            scrollTop: $(elt).offset().top
        }, 2000);
    }; //--scrollToElement

    $(document).ready(function () {
        // console.log('----rufin--footer-----', $("body .wrapper"));
        // $("body .wrapper").children().unwrap();  
        var link = $("<link>");
        link.attr({
            rel: "shortcut icon",
            type: "image/x-icon",
            href: "?" // Replace with the actual path
        });
        $("head").append(link);

        //----img from digisign 
        const book_img = $.urlParam('p');
        if (book_img) {
            $('.model-img').attr('src', book_img);
            setTimeout(() => {
                // scrollToElement('#appointment');
                $('.btnBook').trigger('click');
            }, 150);
        }
        //----END::img from digisign 

        //---- Book  
        const book_action = $.urlParam('book');
        if (book_action) {
            setTimeout(() => {
                $('.btnBook').trigger('click');
            }, 150);
        }
        //---- END::Book 

        //------ Add to home 
        $(document).on('click', '.btnAddToHome', function (event) {
            //   console.log('----rufin--footer-----', '');
            window.AddToHomeScreenInstance = window.AddToHomeScreen({
                appName: "Djeneba's Hair Braiding Salon", // Name of the app.
                // Required.
                appNameDisplay: 'standalone', // If set to 'standalone' (the default), the app name will be diplayed
                // on it's own, beneath the "Install App" header. If set to 'inline', the
                // app name will be displayed on a single line like "Install MyApp"
                // Optional. Default 'standalone'
                // appIconUrl: 'apple-touch-icon.png', // App icon link (square, at least 40 x 40 pixels).
                appIconUrl: '', // App icon link (square, at least 40 x 40 pixels).

                // Required.
                // assetUrl: '/', // Link to directory of library image assets.
                assetUrl: 'https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/assets/img/', // Link to directory of library image assets.

                maxModalDisplayCount: -1, // If set, the modal will only show this many times.
                // [Optional] Default: -1 (no limit).  (Debugging: Use this.clearModalDisplayCount() to reset the count)
                displayOptions: {
                    showMobile: true,
                    showDesktop: true
                }, // show on mobile/desktop [Optional] Default: show everywhere
                allowClose: true, // allow the user to close the modal by tapping outside of it [Optional. Default: true]
                showArrow: true, // show the bouncing arrow on the modal [Optional. Default: true] (highly recommend leaving at true as drastically affects install rates)
            });

            ret = window.AddToHomeScreenInstance.show('en'); // show "add-to-homescreen" instructions to user, or do nothing if already added to homescreen
            // [optional] language.  If left blank, then language is auto-decided from (1) URL param locale='..' (e.g. /?locale=es) (2) Browser language settings


        }); //---btnAddToHome
        //------ END::Add to home

        $(document).on('click', '.scroll0 a, .aftk-content', function (event) {
            if ($('.navbar-toggle').attr('aria-expanded')?.toString() === 'true') {
                $('.navbar-toggle').trigger('click');
            }
        }); //---body

        // $(document).on('click', 'body', function(event) {
        //     console.log('----rufin--footer-body----', event.target, $(event.target).hasClass('navbar-toggle'), $('navbar-toggle').hasClass('collapsed'));
        //     event.stopPropagation();
        //     if (!$(event.target).hasClass('navbar-header') && !$(event.target).hasClass('navbar-toggle') && $('navbar-toggle').attr('aria-expanded')) {
        //         $('.navbar-toggle').trigger('click'); 
        //     }
        // }); //---body


        //----load #xtz 
        jQuery(window).load(function () {
            // Get the anchor from the URL (e.g., "#mysection")
            var anchor = window.location.hash;

            // Check if an anchor exists in the URL
            if (anchor) {
                // Select the target element using the anchor
                // The anchor variable already includes the '#'
                var $targetElement = $(anchor);

                // Check if the target element actually exists on the page
                if ($targetElement.length) {
                    // Use jQuery's animate() method to add smooth page scroll
                    // The duration (e.g., 1000ms) can be adjusted for speed
                    jQuery('html, body').animate({
                        scrollTop: $targetElement.offset().top + $targetElement.scrollTop()
                    }, 1000); // 'swing' is the default easing
                    // jQuery('html, body').animate({
                    //     scrollTop: $targetElement.offset().top
                    // }, 1000, 'swing'); // 'swing' is the default easing
                }
            }
        });
        //----END:: load #xtz 


    });
</script>

<div class="get_quote">[aftk_get_quote]</div>    <script async defer type="text/javascript"
        src="https://djenebahairbraiding.com/assets/js/script_local.js?t=1788144216"></script>

<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/add-to-homescreen.min.css" />
<style>
    .adhs-container.visible {
        z-index: 99999999;
    }
</style>
<script src="https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/add-to-homescreen_en.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        window.AddToHomeScreenInstance = window.AddToHomeScreen({
            appName: 'Djeneba's Hair Braiding Salon',                                   // Name of the app.
            // Required.
            appNameDisplay: 'standalone',                          // If set to 'standalone' (the default), the app name will be diplayed
            // on it's own, beneath the "Install App" header. If set to 'inline', the
            // app name will be displayed on a single line like "Install MyApp"
            // Optional. Default 'standalone'
            appIconUrl: '',                    // App icon link (square, at least 40 x 40 pixels).
            // Required.
            assetUrl: 'https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/assets/img/',  // Link to directory of library image assets.

            maxModalDisplayCount: -1,                              // If set, the modal will only show this many times.
            // [Optional] Default: -1 (no limit).  (Debugging: Use this.clearModalDisplayCount() to reset the count)
            displayOptions: { showMobile: true, showDesktop: true }, // show on mobile/desktop [Optional] Default: show everywhere
            allowClose: true, // allow the user to close the modal by tapping outside of it [Optional. Default: true]
            showArrow: true, // show the bouncing arrow on the modal [Optional. Default: true] (highly recommend leaving at true as drastically affects install rates)
        });
    });
    document.getElementById('add-to-home').addEventListener('click', function () {
        window.AddToHomeScreenInstance.show('en');
    });
    $(document).ready(function () {
        $(document).on('click', '.add-to-home', function () {
            $('#wsnavtoggle').trigger('click');
            // alert('Dynamic button clicked!');
            // window.AddToHomeScreenInstance.show('en');
        });
    });

</script>