:root {
      --brand-dark: #0f2420;
      --brand-green: #28a745;
    }

    body {
/*        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;*/
        font-family: kalpurush;
        background-color: #f8f9fa;
        color: #000;
        line-height: 1.55;
        font-size: 1rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    h1{
      font-size: 22px;
    }
    h2{
      font-size: 18px;
    }

/* nav bg for white logo ##9f0000 final color:#2d8100   */
    .bg-custom-dark { background-color: #000F06 !important; }
    .navbartop-custom-bg { background-color: #67020b !important; }
    .navbar-custom-bg{ background-color: #8a0e19; }
    .navbar-bg { background-color: var(--brand-dark); }
    .bgsub-mobilemenu{background-color:#67020b !important;}
    .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: rgb(89 106 120 / 62%) !important;
    }
    .div_gray_bg{ background:#edf6ff !important; }
    .breadcumb_bg{ background-color: #67020b2b; }
    .category_bg{ background-color: rgb(138, 14, 25); }
    .bg-secondary{ background-color: rgb(138, 14, 25) !important; }

    /*only for category start*/
    .category_carousel_item .row{ padding:45px 20px 25px 5px !important; }
    .category_carousel_item a{ font-size:12px !important; }
    /*only for category end*/

    /*Category home page carousel start*/
    .carousel-item .row{ padding:5px 20px 5px 5px; }
    .carousel-item a{ font-size:12px !important; }
    /*Category home page carousel end*/

    .custom_sm_text{
      font-size: 11px;
    }

    /*Product hover*/
    .product_hover:hover{
      box-shadow: 2px -19px 6px 0px rgb(200 199 199 / 95%) !important;
    }

    .hover_view_more:hover{
      background:#e10518;
      color:#fff !important;
    }

    /* ============================= */
    /* MODERN DROPDOWN MENU STYLING */
    /* ============================= */
    @media (min-width: 992px) { /* শুধু ডেস্কটপে হোভার কাজ করবে */
      .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
      }
      .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        top: 0;
        left: 102%;
        margin-left: 5px;
      }
      .custom_sm_text{
        font-size: 14px;
      }
    }

    @media (min-width: 576px) {
      .custom-dropdown-mobile .dropdown-item:hover {
        background: #0f6408;

      }
      .custom_sm_text{
        font-size: 14px;
      }
    }  

    .ul_list{
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
    }
    .ul_list > li{
        display: inline-block; /* Or use 'inline' or the flex method above */
        margin: 0 10px;        /* Adds some space between items */
    }
    a{
      text-decoration:none;
    }

    /*.custom-dropdown {
      border: none;
      border-radius: 16px;
      box-shadow: 0 15px 35px rgba(0,0,0,0.15);
      padding: 12px;
      min-width: 250px;
      background: #005000;
      margin-top: 0px !important;
      animation: fadeInDown 0.3s ease;
    }*/
    .custom-dropdown {
      border: none;
      box-shadow: 0 15px 35px rgba(0,0,0,0.15);
      padding: 4px;
      min-width: 220px;
      background: #8a0e19;
      margin-top: 0px !important;
      animation: fadeInDown 0.3s ease;
    }

    .custom-dropdown .dropdown-item {
      border-radius: 10px;
      padding: 10px 16px;
      font-weight: 500;
      color: #333;
      transition: all 0.25s ease;
      display: flex;
      align-items: center;
      margin: 3px 0;
    }

    .custom-dropdown .dropdown-item i {
      margin-right: 12px;
      color: var(--brand-green);
      font-size: 1.1rem;
    }

    .custom-dropdown .dropdown-item:hover {
      background: #67020b;
      color: var(--brand-dark);
/*      transform: translateX(8px);*/
    }

    /* Submenu Arrow */
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu > .dropdown-toggle::after {
      content: "";
      float: right;
      margin-top: 8px;
      font-size: 1.4rem;
      color: #666;
    }

    /* Animation */
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Footer css start */
    footer {
      background-color: #67020b;
      color: #fff;
    }
    /* Footer css end */

    /* Category Badge Styling */
    .category-badge {
      background: #f8f9fa;
      border: 1px solid #e9ecef;
      border-radius: 50px;
      /*padding: 15px 10px;*/
      font-size: 1rem;
      font-weight: 600;
      color: var(--brand-dark);
      display: block;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s ease;
      text-decoration: none;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    }

    .category-badge:hover {
      background-color: var(--bs-success);
      color: white;
      transform: translateY(-3px);
      box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);
      border-color: var(--bs-success);
    }

    .category-badge i {
      display: block;
      font-size: 1.5rem;
      margin-bottom: 5px;
    }
    .category-badge:hover{
      background-color: #8f002ab5 !important;
      border-color:red !important;
    }
    .h4_categories{
      font-size:26px;
    }

    /* ========================== */
    /* Carousel Arrows Styling */
    /* ========================== */
    .carousel-control-prev,
    .carousel-control-next {
      width: 3rem;
      height: 3rem;
      top: 50%;
      transform: translateY(-50%);
      opacity: 1;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: var(--brand-dark);
      border-radius: 50%;
      background-size: 50%;
    }

    /* Category Carousel arrows */
    #categoryCarousel .carousel-control-prev { left: -2%; }
    #categoryCarousel .carousel-control-next { right: -2%; }

    /* Product Carousel arrows */
    #productCarousel .carousel-control-prev { left: -2%; }
    #productCarousel .carousel-control-next { right: -2%; }