:root{
  height: 100%;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}


nav{
  padding: 0!important;
}
.navbar-brand{
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
padding: 0;
}

.navbar-brand img{
  height: 100px;
}

a{
  text-decoration: none;
  color: #000;
}
p{
  margin-bottom: 0;
}

a.theme-btn{
  background-color: #046bd2;
  color: #ffffff;
  font-family: inherit;
  font-weight: 500;
  line-height: 1em;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  border-radius: 30px;
  display: inline-block;
}
a.nav-link{
  font-size: 16px;
  display: inline-block;
  padding: 20px 30px!important;
  font-weight: 600;
}

.banner {
  background-image: url(../images/banner.jpg);
  background-size: cover;
  background-position: right;
  height: 600px; /* Adjust the height as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  min-height: 435px;
  margin-top: 102px;
}
.banner .banner-content{
  text-align: left;
}
.banner .banner-content h4{}
.banner .banner-content h1{
  margin: 20px 0;
}
.banner .banner-content p{
  margin-bottom: 20px;
}
.category {
  padding: 50px 0;
}

body{
  display: flex!important;
  flex-direction: column!important;
}



/* ============================== design_week ======================= */
.design_week{
  padding: 60px 0;
  border-bottom:1px solid #d2d2d2 ;
}
.design_week .box{
  text-align: center;
}
.design_week .box .image{}
.design_week .box .image img{
  max-width: 100%;
}
.design_week .box h3{
  font-size: 16px;
  margin-top: 20px;
}
.design_week .box p{
  font-size: 16px;
}


  /* ============================== design_week ======================= */
  .products{
      padding: 60px 0;
      border-bottom:1px solid #d2d2d2 ;
    }
    .products .heading{
      text-align: center;
      margin-bottom: 40px;
    }
    .products .heading h2{}
    .products .box{
      text-align: left;
    }
    .products .box .image{
    height: 300px;
    text-align: center;
}
    .products .box .image img{
      max-width: 100%;
      height: 92%;
      width: auto;
    }
    .products .box span{
          color: gray;
          margin: 10px 0;
          display: inline-block;
      }
          .products .box h5{
          margin: 10px 0;
      }
    .products .box h3{
      font-size: 16px;
    }
    .products .box p{
      font-size: 16px;
    }



  /* ============================== design_week ======================= */

    .hero {
      background-image: url(../images/banner-02.jpg);
      background-size: cover;
      background-position: 0px 106px;
      height: 400px; /* Adjust the height as needed */
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000;
      text-align: center;
      min-height: 500px;
      background-attachment: fixed;
    }
    .hero .hero-content{
      text-align: left;
  }
    .hero .hero-content h4{}
    .hero .hero-content h1{
      margin: 20px 0;
  }
    .hero .hero-content p{
      margin-bottom: 20px;
    }
    .category {
      padding: 50px 0;
    }


    /* =============================== testimonials ========================= */

    .testimonials{
      margin: 60px 0;
    }
    .testimonials .heading{
      text-align: center;
      margin-bottom: 40px;
    }
    .testimonials .heading h2{}
    .testimonials .box{
      background-color:whitesmoke;
      padding: 20px;
      border-radius: 20px;
    }
    .testimonials .box .profile{
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .testimonials .box img{
      margin-top: 30px;
    }
    .testimonials .box .profile img{}
    .testimonials .box .profile h5{
      margin-top: 30px;
    }


    .featured{}
    .featured {}
    .featured img{
      max-width: 100%;
    }


    /* ======================cart======================= */
    .cart-table{}
    .cart_totals{
      float: right;
      border: 1px solid #f1f1f1;
      padding: 20px;
      /* margin-bottom: 60px; */
    }
    .cart_totals table{
      border: 1px solid #f1f1f1;
    }
    .cart-table table{
      border: 1px solid #f1f1f1;
    }
    .cart-table table input{
      width: 70px;
      text-align: center;
    }
    .cart-table table{
      vertical-align: middle;
    }
    .cart-table img{
      width: 70px;
    }

    form{
      border: 1px solid #f1f1f1;
      padding: 20px;
    }
    /* ======================about======================= */

    .about{
      text-align: center;
      margin-bottom: 40px;
      width: 60%;
      margin: 160px auto 60px;
    }
    .about h2{
      margin-bottom: 30px;
    }
    .about p{}




    footer{
      margin-top: 50px;
      display: block;
      /* position: fixed; */
      background: whitesmoke;
      z-index: 9;
      bottom: 0;
      width: 100%;
      left: 0;
      /* position: absolute; */
    }

    .navbar-brand img{
      width: 80%;
    }

    .navbar{
      position: fixed;
      top: 0;
      width: 100%;
      left: 0;
      background: 100%;
    }


    @media only screen and (max-width: 600px) {
      .navbar-brand{
        position: unset;
      }
      .about-grid-box{
       margin-top: 0!important; 
      }

       .featured { padding-bottom: 100px;}
      footer {
     position: fixed; 
    background: whitesmoke;
    z-index: 9;
    bottom: 0;
    width: 100%;
    left: 0;
    /* position: absolute; */
}
      .cart-table table{
        width: 600px;
      }
      .hero {
    background-image: url(../images/banner-02.jpg);
    background-size: cover;
    background-position: 611px 0px;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-align: center;
    min-height: 500px;
    background-attachment: fixed;
}
      .banner{
        height: unset;
        min-height: 180px!important;
        margin-top: 75px;
        background-position-x: 90%;
      }
      .navbar-brand img{
        width: 200px;
        height: auto;
      }
      .about{
        width: 90%;
        margin: 60px auto;
        padding: 60px 0;
      }
      .cart-table {
        overflow-x: auto;
    }
    .cart_totals{
      width: 100%;
    }
      .products .row{
      flex-wrap: nowrap;
      overflow-x: auto;
    }
    .testimonials .row{
      flex-wrap: nowrap;
      overflow-x: auto;
    }


    .featured .row{
      flex-wrap: nowrap;
      overflow-x: auto;
    }
    .design_week .row{
       flex-wrap: nowrap;
      overflow-x: auto;
    }
    .featured .row .col-md-2{
      width: 50%;
    }
    .about-grid-box .col-md-6{
      margin-bottom: 40px;
    }
    .secure .content-box{
      margin-bottom: 30px;
    }
    .middle .content{
      flex-direction: column;
      gap: 30px;
    }
    }


    .middle{
    background: #ff5151;
    padding: 40px 0;
}
    .middle .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .middle .content h5{
    margin: 0;
    color: #fff;
}
    .middle .content a{
    border: 2px solid blue;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
}

.team{}
.team .team-box{
  text-align: center;
}
.team .team-box img{
  max-width: 100%;
}
.team .team-box h4{}
.team .team-box p{}

.about-grid-box {}
.about-grid-box h4{}
.about-grid-box p{}
.about-grid-box ul{
  column-count: 2;
  margin-top:20px ;
}
.about-grid-box ul li{}


.secure{
  padding: 40px;
  background:#f6f7f8;
  border-bottom: 1px solid #d2d2d2;
}
.secure .content-box{
  text-align: center;
}
.secure .content-box img{
  width: 50px;
}
.secure .content-box h4{
  font-size: 20px;
}
.secure .content-box p{}