@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200&display=swap');
  /* .header-location {
            border: 1px solid #ccc;
            border-radius: 8px;
            padding: 8px 14px;
            background: #fff;
        } */
     
    .header-location {
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 8px 14px;
        cursor: pointer;
        background: #fff;
        position: relative;
        z-index: 9;
    }

    /* DROPDOWN PANEL */
    .location-dropdown {
        position: absolute;
        top: 50px;
        left: 0;
        width: 330px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        display: none;
        padding: 20px;
        box-shadow: 0 12px 25px rgba(0,0,0,0.08);
        z-index: 999999;
    }

    .location-dropdown.show {
        display: block;
    }

    /* SEARCH BOX */
    .location-dropdown input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-bottom: 15px;
        font-size: 15px;
    }

    /* LOCATION LIST */
    .location-item {
        padding: 8px 5px;
        cursor: pointer;
        border-radius: 5px;
    }

    .location-item:hover {
        background: #f5f5f5;
    }
        .search-box {
            border: 1px solid #ccc;
            border-radius: 8px;
            overflow: hidden;
            background: #fff;
        }
        .search-box input {
            border: none !important;
        }
        .search-btn {
            background: #2815B8;
            border: none;
            padding: 0 18px;
            color: #fff;
        }
        .post-ad-btn {
            background: #2815B8 !important;
            color: #fff !important;
            border-radius: 8px;
            padding:8px 20px !important;
            font-weight: 600;
        }
        .nav-link-custom {
            margin-left: 20px;
            font-size: 15px;
        }
        .login-link {
            border-bottom: 2px solid #2815B8;
        }

        /* Mobile view fixes */
        @media (max-width: 768px) {
            /* .location-search-wrap {
                flex-direction: column;
            }
            .header-location {
                width: 100%;
                margin-bottom: 10px;
            } */
            .search-box {
                width: 100%;
            }
            .nav-collapse-content {
                padding: 15px 0;
            }
        }
.navbar2{
     display: flex;
        align-items: center;
        justify-content: between !important;
        position: relative; 
}
header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}
.navbarcover{
    padding: 6px 0;
    border-bottom: 1px solid #dee2e6;
     position: sticky;
    top: 90px; /* height of your top header */
    z-index: 998;
    background: #fff;
}
            .navbar {
        background: #fff;
        padding: 15px 25px;
          display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        /* z-index: 999; */
    }

    .navbar a {
        margin-right: 30px;
        font-size: 16px;
        text-decoration: none;
        color: #333;
        font-weight: 500;
        cursor: pointer;
    }

    .navbar a:hover {
        color: #000;
    }

    /* MEGA MENU MAIN */
   .mega-menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    padding: 40px 60px;
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1);
    z-index: 998;
    animation: dropDown 0.3s ease-in-out;
}

@keyframes dropDown {
    from {opacity: 0; transform: translateY(20px);}
    to {opacity: 1; transform: translateY(0);}
}

/* REMOVE HOVER STYLES AND ADD ACTIVE CLASS */
/* .mega-menu.active {
    display: grid;
} */
.mega-menu {
    display: none;
}
.mega-menu.active {
    display: grid;
}

/* COLUMN HEADINGS */
.mega-menu h4 {
    margin-bottom: 14px;
    color: #000;
    font-size: 15px;
    font-weight: bold; margin-bottom: 20px;
}

/* CATEGORY LINKS */
.mega-menu a {
    display: block;
    margin: 6px 0;
    text-decoration: none;
    color: #333;
    font-size: 15px;
}

.mega-menu a:hover {
    padding-left: 4px;
    transition: 0.2s;
}

/* Add a class for the trigger element to indicate active state */
.menu-item.active > a {
    color: #000;
    /* font-weight: bold; */
}

/* MOBILE */
@media(max-width: 768px) {
    .mega-menu {
        grid-template-columns: 1fr;
        padding: 30px;
    }
}

.mydiv {
    margin-top: 50px;
    margin-bottom: 50px
}
/* 
.cross {
    font-size: 10px
} */

.padding-0 {
    padding-right: 5px;
    padding-left: 5px
}

/* .img-style {
    margin-left: -11px;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    max-width: 104% !important
} */

.m-t-20 {
    margin-top: 20px
}

/* .bbb_background {
    background-color: #E0E0E0 !important
} */

/* .ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute
}

.ribbon span {
    position: absolute;
    display: block;
    width: 34px;
    border-radius: 50%;
    padding: 8px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 100 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center
}

.ribbon-top-right {
    top: -10px;
    right: -10px
}

.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent
}

.ribbon-top-right::before {
    top: 0;
    left: 17px
}

.ribbon-top-right::after {
    bottom: 17px;
    right: 0
}

.sold_stars i {
    color: orange
}

.ribbon-top-right span {
    right: 17px;
    top: 17px
} */

/* div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
} */

.bbb_deals_featured {
    width: 100%
}

.bbb_deals {
    width: 100%;
    padding-top:20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 34px;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-top: 0px
}
.bbb_deals a{
    text-decoration: none;
}

.prohedings{
    color: #23262a;
    font-size: 1.4rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; margin-bottom: 20px; display: block;
}
.prohedingR{
    color: #2815b8;
    font-size: 1.1rem;
    font-weight: 600;
}
.prohedingR a{
    text-decoration: none;
    color: #2815b8;
}

.bbb_deals_title {
    position: absolute;
    top: 10px;
    left: 22px;
    font-size: 18px;
    font-weight: 500;
    color: #000000
}

.bbb_deals_slider_container {
    width: 100%
}

.bbb_deals_item {
    width: 100% !important
}

.bbb_deals_image {
    height: 150px;
    overflow: hidden;
    margin: 0 auto 10px;
    background: #fff;
    border: 0;
    position: relative;
}

.bbb_deals_image img
 {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}


.bbb_deals_content {
    margin-top: 33px
}

.bbb_deals_item_category a {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5)
}

.prodetail {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}


.bbb_deals_item_name {
    font-size: 24px;
    font-weight: 400;
    color: #000000
}

.proprice {
    font-size: 20px;
    font-weight: bold;
    color: #2815b8
}

.available {
    margin-top: 19px
}

.available_title {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400
}

.available_title span {
    font-weight: 700
}

@media only screen and (max-width: 991px) {
    .bbb_deals {
        width: 100%;
        margin-right: 0px
    }
}

@media only screen and (max-width: 575px) {
    .bbb_deals {
        padding-left: 15px;
        padding-right: 15px
    }

    .bbb_deals_title {
        left: 15px;
        font-size: 16px
    }

    .bbb_deals_slider_nav_container {
        right: 5px
    }

    .bbb_deals_item_name,
    .proprice {
        font-size: 20px
    }
}
.tryapp{
    padding: 50px 0;
    background: #f5f5f5;
}

 .language-dropdown {
      width: 140px;
      position: relative;
      user-select: none;
      left:15px; right:15px
    }

    .selected-lang {
      padding: 10px 14px;
      background: #ffffff;
      border: 1px solid #ddd;
      cursor: pointer;
      border-radius: 6px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    }
    .selected-lang:focus { outline: 2px solid #d6e4ff; }

    .arrow {
      display:inline-block;
      width:10px;
      height:10px;
      transform: rotate(45deg);
      border-right:2px solid #444;
      border-bottom:2px solid #444;
      transition: transform .18s ease;
      margin-left:8px;
    }

    .language-dropdown.open .arrow {
      transform: rotate(-135deg);
    }

    .lang-options {
      list-style: none;
      margin: 8px 0 0 0;
      padding: 6px;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      position: absolute;
      width: 100%;
      top: calc(100% + 6px);
      left: 0;
      display: none;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
      z-index: 1000;
    }

    .language-dropdown.open .lang-options {
      display: block;
    }

    .lang-options li {
      padding: 10px 12px;
      cursor: pointer;
      border-radius: 6px;
      transition: background .12s;
      display:flex;
      justify-content:space-between;
      align-items:center;
      font-size:14px;
    }
    .lang-options li:hover,
    .lang-options li[aria-selected="true"] { background: #f1f5ff; }

    .lang-code {
      font-size: 12px;
      color:#666;
      background:#f0f0f0;
      padding:2px 6px;
      border-radius:4px;
    }

    /* download app  */
    .appsection{
        padding: 30px 0;
        background: #3755a8;
        }
        footer{
            padding: 90px 0;
        }
        footer .social span a{ font-size: 1.3rem; text-decoration: none;}
         footer ul{
            padding-left: 0;
         }
         footer ul li{
            line-height: 2rem;
         }
         footer ul li a{
            text-decoration: none;
            font-weight: 400;
         }