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


.main-search {
    width: 100%!important;
    max-width: 500px!important; /* আপনার প্রয়োজন মতো বাড়িয়ে কমিয়ে নিন */
    margin: 0 auto!important;
}

.search-form .input-group {
    display: flex!important;
align-items: center!important;
    background: #f1f1f1!important; /* হালকা ধূসর ব্যাকগ্রাউন্ড */
    border: 1px solid #ff4d6d!important; /* ছবির মতো গোলাপি/লাল বর্ডার */
    border-radius: 50px!important; /* সম্পূর্ণ গোলাকার করার জন্য */
    padding: 5px 20px!important;
    transition: all 0.3s ease!important;
}

.search-form .input-group:focus-within {
    background: #fff;
    box-shadow: 0 0 10px rgba(255, 77, 109, 0.2);
}

.search-icon {
    color: #777;
    margin-right: 10px;
}

.search-icon svg {
    width: 18px;
    height: 18px;
}

.search_keyword {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    width: 100%;
    padding: 8px 0;
    font-size: 15px;
    color: #333;
}

/* প্লেসহোল্ডার স্টাইল */
.search_keyword::placeholder {
    color: #888;
    transition: opacity 0.3s ease;
}



/* My Custom CSS Code */

.track_btn{
    border: 1px solid #013477!important;
    padding: 7px 14px!important;
    border-radius: 40px!important;
    background-color: #013477!important;
}




/* Custom menu css */


/* মেইন নেভিগেশন সেটিংস */
.main-nav {
    position: relative !important;
}

.nav-item.has-mega {
    position: static !important;
}

.nav-link {
    display: block !important;
    padding: 15px 12px !important;
    color: #333 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* শেষ ৪টি স্পেশাল বাটন স্টাইল */
.special-btn {
    border-radius: 50px !important; /* গোল করার জন্য */
    padding: 8px 18px !important;
    margin: 5px 6px !important;
    color: #ffffff !important; /* লিখা সাদা হবে */
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    transition: transform 0.2s ease !important;
}

.special-btn:hover {
    transform: scale(1.05) !important;
    color: #fff !important;
}

/* বাটনগুলোর আলাদা আলাদা ব্যাকগ্রাউন্ড কালার (ছবির মতো) */

/* ৪ নম্বর (একদম শেষ আইটেম - উদা: MEN) */
.btn-color-0 {
    background-color: #2b5e4c !important; /* গাঢ় সবুজ */
}

/* ৩ নম্বর (উদা: CLEARANCE SALE) */
.btn-color-1 {
    background-color: #11b0c8 !important; /* সায়ান নীল */
}

/* ২ নম্বর (উদা: JEWELLERY) */
.btn-color-2 {
    background-color: #a35fb1 !important; /* বেগুনি */
}

/* ১ নম্বর (উদা: COMBO) */
.btn-color-3 {
    background-color: #e6007e !important; /* গোলাপি/ম্যাজেন্টা */
}

/* মেগা মেনু ডিজাইন */
/* মেগা মেনু পজিশন ও ডিজাইন */
.nav-item.has-mega {
    position: static !important;
}

.mega-wrapper {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    z-index: 9999 !important;
    display: none !important; /* হোভার না করলে দেখাবে না */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    border-top: 2px solid #ff4d6d !important;
    padding: 20px 0 !important;
}

.nav-item.has-mega:hover .mega-wrapper {
    display: block !important; /* হোভার করলে পপ-আপ হবে */
}

/* শেষ ৪টি বাটন (Shajgoj স্টাইল) */
.special-btn {
    border-radius: 50px !important;
    padding: 8px 18px !important;
    margin: 5px 6px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

.btn-color-0 { background-color: #2b5e4c !important; } /* MEN */
.btn-color-1 { background-color: #11b0c8 !important; } /* CLEARANCE */
.btn-color-2 { background-color: #a35fb1 !important; } /* JEWELLERY */
.btn-color-3 { background-color: #e6007e !important; } /* COMBO */
/* কলামের ভেতরের সাব-ক্যাটাগরি টাইটেল */
.subcat-title a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* চাইল্ড ক্যাটাগরি লিস্ট */
.child-list li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.child-list li a {
    font-size: 13px !important;
    color: #666 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 5px 0 !important;
    transition: 0.2s !important;
}

.child-list li a:hover {
    color: #ff4d6d !important;
    padding-left: 5px !important;
}

/* কলাম ও টেক্সট স্টাইল */
.mega-col {
    margin-bottom: 25px !important;
    text-align: left !important;
}

.subcat-title {
    margin-bottom: 12px !important;
}

.subcat-title a {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.child-list li a {
    color: #666 !important;
    font-size: 12.5px !important;
    text-decoration: none !important;
    display: block !important;
    padding: 4px 0 !important;
    transition: 0.2s !important;
}

.child-list li a:hover {
    color: #ff4d6d !important;
    padding-left: 5px !important;
}



/* cart css */

.cart-dialog{

    border: 1px solid #013477!important;
    padding: 7px 14px!important;
    border-radius: 40px!important;
    background-color: #013477!important;
    width: 20%!important;

}

.margin-shopping {
  margin-top: 5px !important;
}

.fa-solid.fa-cart-shopping {
  color: #fff !important;
}