/* Remove horizontal scroll globally */
body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background-color: silver;
  }
  
  /* Navbar */
  .b {
    margin-right: 5px;
  }
  
  .logo {
    width: 114px;
  }
  
  /* Search bar styling */
  .input-div {
    display: flex;
    align-items: center;
    flex-grow: 1;
    max-width: 100%;
    border-radius: 5px;
    overflow: hidden;
    transition: border 0.3s ease;
  }
  
  
  #border:hover{border:1px solid white;
border-radius: 2px;}
  .input-div:hover {
    border: 2px solid rgb(255, 196, 0);
    border-radius: 9px;
  }
  
  #sel {
    width: 52px;
    height: 40px;
    background-color: #e6e6e6;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  
  .input-div input {
    flex-grow: 1;
    height: 40px;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
  }
  
  .search {
    width: 45px;
    height: 40px;
    background-color: rgb(255, 208, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  /* Secondary navbar */
  #menu {
    display: flex;
    align-items: center;
  }
  
  .cart {
    display: flex;
    align-items: center;
  }
  
  /* Responsive fixes */
  @media (max-width: 500px) {
    .input-div input {
      width: 180px;
    }
  
    .deliver {
      margin-left: -40px;
    }
  }
  
  /* carousel */
  #img{height: 400px;}
  /* home */
  /* #row{display: flex;
 
  
}
#see-more{text-decoration: none;}
.home{background-color: rgb(143, 225, 250);
}

#col{margin-top: 20px;}
  #row img{width:100%;
    
  }
  .box{background-color:white;
  padding-top: 20px;}
  .card{background: transparent;
  border:none;
}

.card-body p{font-size: 12px;
color:#0f1111;}

.box h2{font-size: 21px;
color:#0f1111;}
.home .row{display: flex !important;} */
/* home */

.home{
margin-top: 20px;
height: 800px;}
.row{padding-top: 10px;
}
.row-1,.row-2{display: flex;}

.box{background-color:white;
padding-bottom: 20px;
height: 380px;}
.box img{width: 90%;}
.box h2{padding-top: 20px;
padding-left: 15px;}

#col-2-row-2{margin-top: -23px;}

.row-1{padding-left: 15px;
padding-top: 10px;}

.row-2{padding-left: 15px;
padding-top: 20px;}

.box h2{font-size: 21px;
color:#0f1111;}

.box p{font-size: 12px;
color: #0f1111;}

.box a{font-size: 16px;
color:#2162a1;
text-decoration: none;
font-weight: bold;
padding-left: 15px;
}
/* home 2 */
#anchor{position: relative;
  top:13px;
}

#anchor-2{position: relative;
  top:32px;
}

/* -----------------carousel 2------------------ */
/* Scrollable row with scrollbar */
.carousel-scroll {
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  margin-top: 20px;
}

/* 8 equal images in one row (100 / 8 = 12.5%) */
.w-12_5 {
  width: 12.5%;
  flex: 0 0 auto;
  margin-right: 5px;
/* optional spacing */
}

/* img setting */
.image-image{width: 200px;
height: 250px;}
.carousel-scroll{padding-bottom: 70px;
gap:20px;
}

.carousel-item{padding-top: 20px;
background-color:white;
margin-top: 40px;}
.carousel-control-prev-icon,.carousel-control-next-icon{background-color: black;
color: black !important;}

.carousel-2{margin-top: 40px;
  height: 82vh;
 }
@media(max-width:600px){.carousel-2{position: relative;
top:2200px;}
.image-image{width: 100px;
height: 150px;}
.carousel-2{height: 60vh;}
.carousel.item{padding-right:30px;
padding-left: 30px;}
.carousel-2-heading{padding-left: 17px;}
.home-second{position: relative;
top:2160px;

background-color: transparent;}
.carousel-3{margin-top:-40px;}}
/* =============customer-view==================== */
.customer-view{background-color: white;
margin-top: 40px;
border:1px solid black;
margin-left: 10px;
margin-right: 10px;
}

.page{display: flex;
justify-content: space-between;
padding-top: 20px;}
.first-anchor{text-decoration: none;
color:#2162a1;
font-size: 14px;
font-weight: bold;}
/* ======rating====== */
.rating i{color:rgb(255, 102, 0);}
/* ===========rating-span=========== */
.rating-span{color:#2162a1;
font-weight: bold;}
/* =========rating=========== */
.rating{margin-top: -14px;}
/* =========rating-p-1========== */
.rating-p-1{color:#565959;
font-size: 12px;}
/* =======p-span=========== */
.p-span{background-color:rgb(255, 102, 0) ;
color:white;
padding:0 5px;
font-weight: bold;}
/* ========second-anchor========== */
.second-anchor{color:#2162a1;
font-size: 12px;
font-weight: 700;
text-decoration: none;}
/* ========rating-p-2========= */
.rating-p2{margin-top: -12px;}
/* ============p-numbering============= */
.p-numbering{font-size: 17px;
margin-top: -15px;}
/* ============p-span2============== */
.p-span2{font-size: 12px;}
/* =============p-date=========== */
.p-date{margin-top: -19px;}
/* ===========shipping========== */
.shipping{font-size: 12px;
margin-top: -14px;}
/* ------hr------------- */
.hr{margin-bottom: ;}

.custom-btn{
width: 170px;
background-color: #ffd814;
text-align: center;
border-radius: 20px;}

.custom-pp{font-size: 12px;
margin-top: 10px;}
#btn{display: flex;
justify-content: center;
margin-top: 10px;}

/* =============media-query================ */
@media(max-width:600px){.page{flex-direction: column;}
.customer-view{padding:0 10px;}}


/* ============================footer====================== */
footer{background-color: #565959;}



.footer-back{color:white;
font-size: 13px;
padding:15px 0;
background-color: #565959;}

footer .row{margin-top: 12px;
background-color:#232f3e;
color: white;
padding-top:40px;
padding-left: 80px;
padding-right: 80px;
padding-bottom: 20px;}



footer .row ul li{font-size: 14px;
color:#dddddd;
list-style: none;
}
footer .row ul{display: flex;
flex-direction: column;
gap:10px;}

.li-heading{font-size: 16px !important;
color:#ffffff !important;
font-weight: bold !important;
}

#hr{width: ;}

@media(max-width:600px){ footer .row{padding-left: 20px;
padding-right: 20px;
gap:40px;}
.sub-row{flex-direction: column;}
.second-foot{flex-direction: column;}}

@media(max-width:1000px){.sub-row{flex-direction: column;}
.second-foot{margin-top: -100px;}}
/* ==============footer second part============ */
.second-foot{display: flex;
gap:20px;}

#foot-second-row{margin-top: -30px;}

.sub-row{display: flex !important;
justify-content: center;
align-items: center;
gap:80px;

}

#foot-logo{height: 100px;}

.main-english{display: flex;
}

.second-foot .main-english ul{display: flex !important;
  flex-direction: row;
gap:10px;
border:1px solid white;
padding-top: 13px;
padding-bottom: 13px;
padding-right: 35px;
border-radius: 10px;}




.usa-flg{width: 80%;
height: 17px;}

/* ==================footer-third-section================ */
.third-foot{background-color:#131a22;
}

.third-foot .row{display: flex;
justify-content: center;
padding-top: 30px;}

.col-foot{flex-basis:12%;}
.col-foot ul li{list-style: none;
color:#999999;
font-size: 12px;}
.foot-li{font-size: 14px !important;
color:rgb(255, 255, 255);
font-weight: bold;}

.row-f{margin-top: -30px;}
/* ===========end=============== */
.end{display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 40px;
  color:#dddddd;
  background-color: #131a22;
  
}
.end ul li{list-style: none;}

.end ul{display: flex;
gap:30px;}
.end p{margin-top: -10px;}

.main{overflow-x: hidden;}
@media(max-width:576px){.end ul{flex-direction: column;}
.third-foot{padding-left: 10px;
padding-right: 10px;}}