body::-webkit-scrollbar {
      width: 5px;               /* width of the entire scrollbar */
    }
   body::-webkit-scrollbar-thumb {
      border-radius: 20px;       /* roundness of the scroll thumb */
      border: 3px solid #EECC46;  /* creates padding around scroll thumb */
   }

      body{
         margin: 0;
         font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
         color: #212529;
      }

      body{
         background-color: #fefff9;
         /* background-image: url(../pages/static-img/home/WEBSITE_FULimg.jpg); */
         background-position: left top;
         background-size: auto;
         background-repeat: repeat;
         background-attachment: scroll;
      }

      .sticky-top {
         background-color: #ffffffeb;
      }

      /* navbar bar css start*/

         .nav-top-sm-box{
            width: 100%;
            background:#e0b23f;
            height:21px;
            text-align: center;
            padding: 0px 0px 0px 0px;
            vertical-align: middle;
         }


         .nav-top-sm-box-p{
            font-family: "Actor", Sans-serif;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.1px;
            font-weight: 400;
         }

         .container-nev{
            box-shadow: 0 2px 10px 0 rgb(36 50 66 / 8%);
         }

         #connect_us_view{
            cursor: pointer;
         }

         .social_icon_cont{
            float:left;
            overflow: hidden;
         }

         .social_icon_cont{
            display:none;
         }

         .nev-search{
            color: #848687;
            border-style: solid!important;
            border-color: #767676!important;
            height: 1.985rem!important;
            line-height: 7rem!important;
            font-family: Trebuchet MS, Helvetica, sans-serif!important;
            font-size: 13px!important;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 4px 10px 4px 10px;
            border-width: 2px 2px 2px 2px!important;
            border-radius: 5px 5px 5px 5px!important;
            background-color: #ffffff03;
         }

         .has-search .form-control-feedback {
            position: absolute;
            z-index: 2;
            display: block;
            width: 2.375rem;
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            pointer-events: none;
            color: #aaa;
            font-weight: 100;
            font-size: 14px;
         }

         #product-search-result{
            /* min-height: 25px; */
            max-height:  350px;
            position: absolute;
            overflow-y: auto;
            z-index: 10000;
         }
         #product-search-result::-webkit-scrollbar {
            width: 5px;               /* width of the entire scrollbar */
         }
         #product-search-result::-webkit-scrollbar-thumb {
            border-radius: 20px;       /* roundness of the scroll thumb */
            border: 3px solid #EECC46;  /* creates padding around scroll thumb */
         }

         .static-link{
            font-family: "Roboto", Sans-serif;
            font-size : 15.5px;
            color: #343a40!important;
            text-decoration:none;
         }
         a:link {
            text-decoration: none;
         }

         a:visited {
            text-decoration: none;
         }

         a:hover {
            text-decoration: underline;
         }

         .social-m-icons i{
            background-color: #ffffff;
            border-radius: 100px;
            padding: 5px 5px 5px 5px;
            box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
         }

         a{
            color: #353739;
         }

         ul.menu-items {
            margin: 0px auto;
            padding: 0px;
         }

         .count-bage{
            color: #e0b23f;
            font-weight: 700;
            font-size: 15px;

            text-decoration: underline;
            z-index: 1199;
            position: relative;
            top: 0px;
            right: auto;
         }

         .menu-items a {
            color: #353739!important;
            text-decoration: none!important;
            letter-spacing: 0.2px;
            display: inline-block;
            padding: 10px 15px 0px 15px ;
            position: relative;
            font-family: Trebuchet MS, Helvetica, sans-serif!important;
            font-size: 13.5px;
            background: rgba(255, 255, 255, 0.1);
            font-weight: normal;
            line-height: 20px;
            text-decoration: none;
            text-transform: none;
         }

         .menu-items a.active:after{
            background: none repeat scroll 0 0 transparent;
            content: "";
            display: block;
            height: 2px;
            position: absolute;
            left:0px;
            background-image: linear-gradient(to right, #fff9db,#d9b40e,#fff9db);
            border-radius : 50%;
            width: 100%;
         }

         .menu-items a:after {
            background: none repeat scroll 0 0 transparent;
            content: "";
            display: block;
            height: 2px;
            left: 50%;
            position: absolute;
            background-image: linear-gradient(to right, #fff9db,#d9b40e,#fff9db);
            border-radius : 50%;
            transition: width 0.9s ease 0s, left 0.9s ease 0s;
            width: 0;
         }

         .menu-items a:hover:after {
            width: 100%;
            left: 0%;
         }

         a.dropdown-item{
            font-family: Trebuchet MS, Helvetica, sans-serif!important;
            font-size: 13.8px;
            font-weight: 500;
            padding: 5px 20px 5px 20px;
         }

         a.dropdown-item:hover{
            background-color: #ffffff!important;
         }

         a.dropdown-item:focus{
            /* background-color:#fcdd4b !important; */
         }

         a.dropdown-item:active{
            /* background-color:#fcdd4b!important; */
         }

         .navbar .megamenu{
            padding: 1rem;
            border:none;
            font-size: 13.8px;
            background-color: rgba(255, 255, 255, 0.965);
            border: 1px solid #00000033;
            border-radius: 5px;
         }

         .dropdown-menu, .megamenu{
            background-color:rgba(255, 255, 255, 0.965) ;
         }

         .mega-title{
            color: #555;
            font-family: Trebuchet MS, Helvetica, sans-serif;
            font-size: 13px;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: bold;
            text-align: left;
            margin: 0px 0px 0px 0px;
            padding: 10px 15px 5px 15px;
            display: block;
            border: 0;
         }

         .dropdown-icons{
            font-size: 8px;
         }

         nav.navbar.navbar-expand-lg.navbar-light.container-fluid-navbar{
            padding-top:0px;
            padding-bottom:5px;
         }


         /* ============ desktop view ============ */
            @media all and (min-width: 992px) {

               .nev-search{
                  padding-left: 2.375rem;
                  width:85%!important;
               }
               .nav-col-md-4-1{
                  width: 32.33333333%!important;
               }
               .nav-col-md-4-2{
                  width: 32.33333333%!important;
               }
               .nav-col-md-4-3{
                  width: 34.66666666%!important;
               }

               #product-search-result{
                  width: 24%!important;
               }

               .navbar .dropdown-menu{
                  /* background-color:transparent; */
                  border: none!important;
                  margin-top:5px;
               }

               .dropdown-menu li{
                  position: relative;
               }

               .navbar-expand-lg .navbar-nav .dropdown-menu {
                  position: absolute;
                  top: 28px!important;

               }

               .dropdown-menu.megamenu{
                  top:38px!important;
               }

               .dropdown-menu.submenu{
                  display: none;
                  position: absolute!important;
                  left:100%!important;
                  top:-5px !important;
                  border:1px solid #fff;
                  border: 1px solid rgba(0,0,0,.15);
                  border-radius: 0.25rem;
                  font-size: 13.8px;
               }

               .dropdown-menu .submenu-left{
                  right:100%;
                  left:auto;
               }
               .navbar-nav li:hover>.dropdown-menu{
                  display: block;
                  color: #ffffff;
               }

               .dropdown-menu > li:hover > .submenu{
                  display: block;
               }

               .navbar .has-megamenu{
                  position:static!important;
               }
               .navbar .megamenu{
                  left:0;
                  right:0;
                  width:85%;
                  margin-left: auto;
                  margin-right: auto;
               }

               .nav-lg-box-container{
                  max-width: 1320px;
                  /* min-width: 1260px; */
               }

               .col-md-2-1{
                  width: 20%!important;
               }

            }
         /* ============ desktop view .end// ============ */


         /* ============ mobile view ============ */
            @media(max-width: 991px){
               .nev-search{
                  padding-left: 1.8rem;
               }
               .container-fluid-navbar{
                  padding-top: 0px;
                  padding-bottom: 0px;
               }
               .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
                  overflow-y: auto;
                  max-height: 90vh;
                  margin-top:10px;
               }

               .dropdown-menu .dropdown-menu{
                  margin-left:0.7rem;
                  margin-right:0.7rem;
                  margin-bottom: .5rem;
               }
               .dropdown-menu.submenu{
                  border:1px solid #fff;
               }
               .nev-search{
                  width:100%;
               }



            }
         /*======== small devices.end//==========*/

      /* navbar bar css end*/



      /* footer css start */
         .container-footer{
            max-width: 1150px;
         }

         .india-01{
            color: #FFFFFF;
            font-family: "Raleway", Sans-serif;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
         }

         .india-01-d{
            color: #FFFFFF;
            font-family: "Raleway", Sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 1.5px;
         }

         .bd-footer{
            color: #fff;
         }

         .footer-title{
            color: #F2F2F2;
            font-family: "Raleway", Sans-serif;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0.5px;
         }

         .divider_white{
            width:22%;
            height:5px;
            background-color:#e6e6e6;
            margin-bottom: 20px;
            margin-top: 20px;
         }

         .copy-right {
            box-shadow: 0 2px 10px 0 #24324221;
         }

         .footer-text{
            color: #E6E6E6 !important;
            font-family: "Raleway", Sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 1.5px;
         }

         .footer-text-2{
            color: #adacac!important;
            font-family: "Raleway", Sans-serif!important;
            font-size: 12px!important;
            font-weight: 300!important;
            line-height: 20px!important;
            letter-spacing: 1.5px!important;
         }

         .footer-link{
            color: #E6E6E6 !important;
            font-family: "Raleway", Sans-serif!important;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 1px;
            padding: 2px 0px 2px 0px;
         }

         .footer-link a{
            color: #E6E6E6 !important;
            text-decoration: none;
         }

         .contact-link{
            color: #F2F2F2;
            font-family: "Raleway", Sans-serif;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.5px;
         }

         .contact-link a{
            color: #E6E6E6 !important;
            text-decoration: none;
         }

         .has-search .form-control-feedback {
            position: absolute;
            z-index: 2;
            display: block;
            width: 2.375rem;
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            pointer-events: none;
            color: #4B4A4A;
            font-weight: 100;
            font-size: 14px;
         }

         .footer-search{
            border:none;
            height: 2.0rem;
            width: 230px;
            padding-left: 1.888rem;
            line-height: 7rem;
            border-radius: 0.482rem!important;
            font-family: "Raleway", Sans-serif;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1.5px;
            color: #4B4A4A;
         }

         .subscribe-btn{
            font-family: "Raleway", Sans-serif;
            font-size: 11px;
            font-weight: 600;
            height:35px;
            letter-spacing: 1.5px;
            color: #000000;
            background-color: #E0B23F;
            padding: 5px 10px 5px 10px;
            border-radius:5px;
         }


      /* footer css end */


   .card-title{
      font-family: Raleway, sans-serif;
      Font-size: 22px;
      Font-weight: 600;
   }

   .form-header{
      color: #000000;
      font-family: "Raleway", Sans-serif;
      font-size: 22px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1.5px;
   }

   .card-body{
      background-color: #f1f0f0;
   }

   .form-group{
      font-family: Raleway, sans-serif;
      Font-size: 14px;
      Font-weight: 400;
      padding: 10px 0 0 0px;
   }

   .label{
      font-family: Raleway, sans-serif;
      color:#000000;
      Font-size: 16px;
      Font-weight: 400;
      Line-height: 24px;
   }

   .ffo-select{
      font-family: "Raleway", Sans-serif;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      fill: #101010;
      color: rgb(33, 33, 33);
      border-color: rgb(33, 33, 33);
      background-color: #FFFFFF;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      padding: 7px 10px 7px 10px;
      border-radius: 3px;
      min-height: unset;
      z-index: 0!important;
      position: relative!important;
   }

   .btn.ffo-select{
      border-radius: 3px;
      box-shadow: 0px 0px 0px 0px;
      font-family: "Raleway", Sans-serif;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      border-style: solid;
      border-color: rgb(33, 33, 33);
      border-width: 1px 1px 1px 1px;
      padding: 7px 10px 7px 10px;
      min-height: unset;
      white-space: nowrap;
   }

   .ffo-select:hover{
      outline: #ced4da!important;
   }
   .ffo-select:focus {
      outline: #ced4da!important;
      box-shadow: 0 0 2px #ced4da!important;
   }
   .btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.dropdown-toggle.show, .btn:active {
      color:#EECC46;
      background-color: #101010;
      border-color: #EECC46;
   }
   .btn.focus, .btn:focus {
      box-shadow: 0 0 0 0;
   }


   .form-control{
      font-family: "Raleway", Sans-serif;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 1.5px;
      fill: #4B4A4A;
      color: #4B4A4A;
      background-color: #FFFFFF;
      height: 2.690rem!important;
      margin-bottom: 5px;
      border-radius: 5px 5px 5px 5px!important;
   }

   .form-control:focus {
      outline: none!important;
      box-shadow: 0 0 2px #000000!important;
   }

   .form-control-textarea{
      font-family: "Raleway", Sans-serif;
      font-size: 15px;
      font-weight: 500;
      width: 100%;
      letter-spacing: 1.5px;
      fill: #4B4A4A;
      color: #4B4A4A;
      padding: 0.375rem 0.75rem;
      background-color: #FFFFFF;
      margin-bottom: 5px;
      border-radius: 5px 5px 5px 5px!important;
      border-color:#f1f0f0;
   }

   .form-control-textarea:focus {
      outline: none!important;
      box-shadow: 0 0 2px #000000!important;
   }

   .form-select option:checked,
   .form-select option:hover {
      box-shadow: 0 0 10px 100px #000 inset;
      background: #e0b23f!important;
   }

   .form-select:focus>.form-select option:checked {
      background: #e0b23f!important;
   }

   .has-search .form-icons-ins{
      position: absolute;
      z-index: 2;
      /*display: block;*/
      width: 2.375rem;
      height: 2rem;
      line-height: 2.875rem;
      text-align: center;
      pointer-events: none;
      color: #aaa;
      font-weight: 100;
      font-size: 14px;
   }

   .form-icons-space{
      padding-left: 2.175rem!important;
   }

   .table{
      font-family: Raleway, sans-serif;
      Font-size: 14px;
      Font-weight: 400;
      Line-height: 21px;
   }

   .button-orange{
      background-color: #e0b23f;
      border: 1px #e0b23f;
      font-family: "Raleway", sans-serif;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 10px 12px 10px 12px;
      font-size: 13px;
      border-radius: 2px;
      line-height: 1px;
      color: #fff;
      text-align: center;
      transition: all .3s;
   }

   .button-orange:hover{
      color: #fff;
      background-color: #e0b23f;
   }
   a:hover{
      color: #121212;
   }

   .button-black{
      font-family: "Raleway", Sans-serif!important;
      font-weight: 500!important;
      letter-spacing: 1.5px!important;
      color: #D9B53E!important;
      line-height:10px!important;
      background-color: #121212!important;
      padding: 15px 25px 15px 25px!important;
      border-radius: 5px!important;
   }

   .button-black:hover{
      color: #D9B53E!important;
      background-color: #121212!important;
   }

   .btn-small-yellow{
      background-color: #e0b23f;
      border: 1px #e0b23f;
      font-family: "Raleway", sans-serif;
      font-weight: 800;
      width:100%!important;
      height: 1.985rem!important;
      letter-spacing: 1px;
      font-size: 13px;
      border-radius: 5px!important;
      vertical-align: middle;
      color: #121212;
      text-align: center;
      transition: all .3s;
   }
   .btn-small-yellow:hover{
      background-color: #e0b23f;
      text-decoration: underline;
   }

   .btn-small-black{
      background-color: #121212!important;
      border: 1px #121212;
      font-family: "Raleway", sans-serif;
      font-weight: 800;
      width:100%!important;
      height: 1.985rem!important;
      letter-spacing: 1px;
      font-size: 13px;
      border-radius: 5px!important;
      vertical-align: middle;
      color: #e0b23f;
      text-align: center;
      transition: all .3s;
   }

   .btn-small-black:hover{
      background-color: #e0b23f;
      text-decoration: underline;
   }

   .a-decorate{
      line-height: inherit;
      color: #303030;
      font-family: "Raleway", Sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 1.4px;
      text-decoration: none;
   }

   .card-title{
      line-height: inherit;
      color: #212121;
      font-family: "Raleway", Sans-serif!important;
      font-size: 17px!important;
      font-weight: 800!important;
      letter-spacing: 1.4px!important;
      text-decoration: none;
   }
   .form-check-input:checked {
      background-color: #e0b23f;
      border-color: #e0b23f;
   }
   .breadcrumbs{
      color: #000000;
      font-family: "Raleway", Sans-serif;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 1.4px;
   }

   .breadcrumbs .bread:last-child {
      color:#eecc44!important;
      pointer-events: none;
      cursor: default;
      font-weight: 700;
   }
   .url-event-none{
      pointer-events: none!important;
   }



   .badge {
      background-color: #212121!important;
      color: #e0b23f;
   }

   .form-open:after {
      color: #212121;
      font-weight: bold;
      float: right;
      margin-right:20px;
      content: '\002B';
   }

   .form-open:not(.collapsed):after{
      content: "\2212";
      color: #212155;
   }

   .input-group-text{
      font-family: "Raleway", Sans-serif;
      display: flex;
      align-items: center;
      padding: 0.375rem 0.75rem;
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
      color: #212529;
      text-align: center;
      white-space: nowrap;
      background-color: #FFFFFF;
      border: 1px solid #f1f0f0;
      border-radius: 5px 5px 5px 0px!important;
      margin-bottom: 5px;
   }
   .input-group-text:focus {
      outline: none!important;
      box-shadow: 0 0 2px #000000!important;
   }

   .border-light{
      border-color:#b9b9b9!important;
   }


   /***********pagination start***********/
      .page-item .page-link{
         font-family: "Actor", Sans-serif;
         font-size: 16px;
         font-weight: 400;
         letter-spacing: 0.7px;
         color: #54595F;
         line-height: 1!important;
         align-self: center;
         padding-left:15px;
         cursor: pointer;
      }

      .active>.page-link, .page-link.active {
         z-index: 3000;
         color: #212529;
         background-color: #e0b23f;
         border-color: #e0b23f;
      }
   /***********pagination close***********/

   .scroll-hight::-webkit-scrollbar {
      width: 5px; /* width of the entire scrollbar */
   }
   .scroll-hight::-webkit-scrollbar-thumb {
      border-radius: 20px; /* roundness of the scroll thumb */
      border: 3px solid #EECC46;  /* creates padding around scroll thumb */
   }


   .notification-toast{
      position: fixed;
      right: 0px;
      top: 5px;
      z-index: 1000;
   }
   .toast{
      /* background-color: #e0b23f96; */
      color:black;
   }


   .card-zoom:hover {
      transform: scale(1.07);
      border:none;
   }
   .card-zoom{
     transition: all .4s ease;
   }
   @media (max-width: 767.98px) {
  	img.\7th-b {
  	  width: 186px !important;
   	  height: 147px;
  	}
img.w-100.img-fluid.\31 1th-b.ls-is-cached.lazyloaded {
    width: 151px !important;
	height: 202px;
}
img.\brand-logo{
	 width: auto !important;
   	 height: auto;



img.h-full-banner{
	 width: 465px !important;
   	 height: 201px;

}
	}
@media only screen and (max-width: 600px) {
    img.\7th-b {
        width: 186px !important;
        height: 147px;
    }
img.w-100.img-fluid.\31 1th-b.ls-is-cached.lazyloaded {
    width: 151px !important;
	height: 202px;
}
img.h-full-banner{
	 width: 465px !important;
   	 height: 201px;

}
img.brand-logo{
	 width: auto !important;
   	 height: auto;

}

}

.category-content h1 {
    color: #FFFFFF;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.category-content p {
    color: #FFFFFF;
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.5px;
}