*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

  /* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,700;1,100&display=swap'); */


.cus-navbar{
  
        --bs-bg-opacity: 1;
        background-color:#fffffffc;
        position: absolute;
        top: 7%;
        z-index: 1000;
        width: 90%;
        height: 72px;
        left: 6%;
        border-radius:5px;
    }
    .cus-navbar .nav-cus-link{
        color: #555353;
        font-weight: 600;
    }
    .nav-cus-link:hover{
        color:#ed381f;
    }
    .user-dropdown-cus{
        position: absolute;
        top: 100%;
        left:-60px!important
    }
    .navbar-brand img{
        width: 60px;
        /* height: 100px; */
    }


.cus-carousel{
    position: relative;
    width: 100%;
    height:550px;
  }
.cus-carousel img{
  position: relative;
  width: 100%;
  height:550px;
}
.overlay{
    position:absolute ;
    width: 100%;
    height: 100%;
    background-color:#00000054;
    z-index: 1;
}

.carousel-indicators {
   
    /* border-radius: 50px; */
}

.circle-btn-slider{
    width:50px!important;
    height:50px!important;
    border-radius:50%;
    overflow: hidden;
    border: 2px solid  transparent!important;
    transition: all 0.3s;
}
.circle-btn-slider img{
     width: 50px;
    height: 50px;
    border-radius: 50px;
}
.circle-btn-slider.active{
    width:50px!important;
    height:50px!important;
    border-radius:50%;
    overflow: hidden;
    border-color: #fff!important;
    transform: scale(1.1);
    transition: all 0.3s;
}
.user_box{
    width:35px;
    height:35px;
    /* border: 1px solid rgb(180, 180, 180); */
    border: none;
    border-radius: 50%;
    /* border-radius:5px; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
   
    /* box-shadow: 0px 0px 10px 0px  #868686; */
}
.user_box i{
    font-size:20px;
}
.user_box:hover{
   background-color: #ffb551;
    color: #fff;
    /* border-radius:0%; */
    /* box-shadow: 0px 0px 10px 0px  #868686; */
}


.navdropdown{
    margin: 0px 4px;
    padding: 0px ;
    position: absolute;
    top: 60px !important;
    border-radius: 0;
    transition: all 0.5s;
     
}
.user-dropdown-cus{
    border-radius: 0;
    position: absolute;
    top:60px !important;
}

/* megamenu */
.navdropdown li a{
    color: rgb(131, 131, 131);
    font-size: 16px;
    padding: 5px 10px;
}
.navdropdown li {
    
    /* border-bottom: 1px solid rgb(218, 215, 215);  */
}
.navdropdown li a:hover{
 color:#ef4e1a;
 background-color: transparent;
}
.mega-menu-cus{
    /* width: 600px; */
}
.header-log h2{
  font-size:20px;
}
.nav-cus-link i{
    font-size:15px;
}
.heading-box h2{
    font-family: 'Poppins', sans-serif;
    font-size:26px;
    /* font-style: italic; */
}

.abt-section{
    position: relative;
    width: 100%;
   min-height:400px;
   margin-bottom: 10px;

}

.within-caption p:nth-child(1){
    font-size:22px;
}
.within-caption p:nth-child(2){
    font-size:17px;
    line-height: 29PX;
}
/* .captionbox-abt2{

} */

/* .captionbox-abt{
    background-color:#e1f0b9;
    position: relative;
} */


.who-section{
    position: relative;
    width: 100%;
    height:auto;
   margin-bottom: 10px;

}
 /* .captionbox-abt2{
    position:absolute;
    top:0;
    background-color:#ddefb375;
    width:50%;
    height: 100%;
    z-index: -1;

}  */

.slider-bg{
    background-color:#f5f5f5;
    width: 100%;
    height:auto;
}
.slider-card{
    /* width:100%!important; */
    /* height:240px; */
    padding: 10px 0px;
    border:none;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px ;
    overflow: hidden;
    margin:20px 10px;
    background-color: transparent!important;

}
.bp-box{
  /* display: flex; */
}

 .slider-card img{
  width:200px;
  height: 300px;
 }



.service-card {
    margin: 20px 0px;
    padding: 10px 0px;
    text-align:center;
    border: 0
}
.services-icon{
    text-align: center;
}
.services-icon i{
  font-size: 40px;
  color:#ff9568;
}
.service-card h2{
    font-size: 18px;
    
}
.service-card p{
    font-size: 15px;
    
}
.tab-link {
    color: #5a5a5a;
}
.tab-link.active {
    color: #525252!important;
    background-color: transparent!important;
}
.tbox-mainimg img{
    width: 250px;
    height:250px;
    
     transform: scale(1.2);
}
.tbox-mainimg{
/* border: 1px  solid red; */
}

.tab-link img{
    width: 40px;
    margin: 0px 10px;
}


.product-cart{
    margin: 10px auto;
    /* width: 280px; */
     height:400px  ;
     /* border: none; */
     position: relative;
     border-radius:10px;
     overflow: hidden;
     box-shadow: 0px 0px 10px 0px ;
 
}
.product-img{
   width: 100%;
   height:250px;
   border-radius:10px;
}
.product-img img{
    width: 100%;
    height:250px;
    border-radius:10px;
 }
.product-card-body{
 background-color: #f5f5f5;
}
.product-card-body p:nth-child(1){
    color: black ;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
}
.product-card-body p:nth-child(2){
    color: rgb(99, 97, 97) ;
    /* font-weight: 600; */
    font-size: 12px;
    margin-bottom: 0px;
}

/* .captionbox-abt3{
    position:absolute;
    right: 0;
    background-color:#ddefb375;
    width:50%;
    height: 100%;
    z-index: -1;
    padding: 10px;
} */

.iconbox-slider{
    text-align: center;
    margin: 5px 0px;
}
.iconbox-slider i:nth-child(1){
    font-size: 40px;
    color:#ff9568;
}


/* reting */
.rattingbox{
     position: relative;
     top: 0;
     left: 10px;

}
.rattingbox span{
 color: goldenrod;
 font-size: 12px;
}
/* .rattingbox span:nth-child(2){
    color: goldenrod;
   }
   .rattingbox span:nth-child(3){
    color: goldenrod;
   }
   .rattingbox span:nth-child(4){
    color: goldenrod;
   } */


    /* footer */
    ul {
        margin: 0px;
        padding: 0px;
    }
    .footer-section {
      background: #151414;
      position: relative;
    }
    .footer-cta {
      border-bottom: 1px solid #373636;
    }
    .single-cta i {
      color:#ff9568;
      font-size: 30px;
      float: left;
      margin-top: 8px;
    }
    .cta-text {
      padding-left: 15px;
      display: inline-block;
    }
    .cta-text h4 {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 2px;
    }
    .cta-text span {
      color: #757575;
      font-size: 15px;
    }
    .footer-content {
      position: relative;
      z-index: 2;
    }
    .footer-pattern img {
      position: absolute;
      top: 0;
      left: 0;
      height: 330px;
      background-size: cover;
      background-position: 100% 100%;
    }
    .footer-logo {
      margin-bottom: 30px;
      background-color: #fff;
      display: inline-block;
    }
    .footer-logo img {
        max-width: 200px;
    }
    .footer-text p {
      margin-bottom: 14px;
      font-size: 14px;
          color: #7e7e7e;
      line-height: 28px;
    }
    .footer-social-icon span {
      color: #fff;
      display: block;
      font-size: 20px;
      font-weight: 700;
      font-family: 'Poppins', sans-serif;
      margin-bottom: 20px;
    }
    .footer-social-icon a {
      color: #fff;
      font-size: 16px;
      margin-right: 15px;
    }
    .footer-social-icon i {
      height: 40px;
      width: 40px;
      text-align: center;
      line-height: 38px;
      border-radius: 50%;
    }
    .facebook-bg{
      background: #3B5998;
    }
    .twitter-bg{
      background: #55ACEE;
    }
    .google-bg{
      background: #DD4B39;
    }
    .footer-widget-heading h3 {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 40px;
      position: relative;
    }
    .footer-widget-heading h3::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -15px;
      height: 2px;
      width: 50px;
      background:#ff9568;
    }
    .footer-widget ul li {
      display: inline-block;
      float: left;
      width: 50%;
      margin-bottom: 12px;
    }
    .footer-widget ul li a:hover{
      color: #ff9568;
    }
    .footer-widget ul li a {
      color: #878787;
      text-transform: capitalize;
    }
    .subscribe-form {
      position: relative;
      overflow: hidden;
    }
    .subscribe-form input {
      width: 100%;
      padding: 14px 28px;
      background: #2E2E2E;
      border: 1px solid #2E2E2E;
      color: #fff;
    }
    .subscribe-form button {
        position: absolute;
        right: 0;
        background: #ff9568;
        padding: 13px 20px;
        border: 1px solid #ff9568;
        top: 0;
    }
    .subscribe-form button i {
      color: #fff;
      font-size: 22px;
      transform: rotate(-6deg);
    }
    .copyright-area{
      background: #202020;
      padding: 25px 0;
    }
    .copyright-text p {
      margin: 0;
      font-size: 14px;
      color: #878787;
    }
    .copyright-text p a{
      color:#ff9568;
    }
    .footer-menu li {
      display: inline-block;
      margin-left: 20px;
    }
    .footer-menu li:hover a{
      color:#ff9568;
    }
    .footer-menu li a {
      font-size: 14px;
      color: #878787;
     
    }
      /* footer */


      .bredcrumbox{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
.bredcrumbox li a{
    color: rgb(246, 246, 246);
    text-decoration: none;
    color: rgb(194, 192, 192);
    font-weight: 600;
    font-style: italic;
    font-family: 'bootstrap-icons';
    text-transform: capitalize;
}



.breadcrumb li:nth-child(2){
  color: rgb(194, 192, 192);
  font-weight: 600;
  font-style: italic;
  font-family: 'bootstrap-icons';
  text-transform: capitalize;
}








      /* product [page] */
      .product-banner{
        position: relative;
        width: 100%;
        height: 500px;
        background-color:#5e083c;
      }

      .cusselect{
        width: 130px;
        border-color: #abaaaa!important;
        border-radius:5px;
        font-size: 14px;
        /* padding: 10px; */
      }
      .cusselect:focus{
        box-shadow: none
      }

      .search-box{
        width: 400px;
        margin-left: auto;
      }
      .search-btn{
        padding: 5px 10px;
        background: #0a9547 !important;;
        color: #fff !important;
      }
      .search-btn:focus{
        box-shadow: none;
      }

       .cus-formcontrol{
        border-color: #abaaaa!important;
       }
      .cus-formcontrol:focus{
   box-shadow: none;
      }
/* 
   login */
      .login-bg{
        background-color: #2e56ad;
      }

      .loginbox-mainbox{
        width: 400px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px;
        

      }
      .register-mainbox{
        width: 500px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px;
      }
      .login-logo{
        text-align: center;
        margin: 30px 0px;
      }
      .login-logo img{
     width:150px;
      }
      .botton-link{
        font-size:16px;
      }
      .botton-link a{
        color: #ff9568;
        text-decoration: none;

      }
      .logbtn{
        padding: 5px 20px;
        background-color:#ff9568;
        color: #fff!important;
        border-radius:2PPX;
      }
      .logbtn:focus{
        box-shadow: none;
      }
      /* end */
 @media screen and (max-width:600px){
    .cus-carousel{
        position: relative;
        width: 100%;
        height:350px;
      }
    .cus-carousel img{
      position: relative;
      width: 100%;
      height:350px;
    }
    .cus-navbar {
        --bs-bg-opacity: 1;
        background-color:#ffffff;
        position: absolute;
        top: -1%;
        z-index: 1000;
        width: 100%;
         height:auto; 
        left:0;
        border-radius: 5px;
    }

.tbox-mainimg{
    text-align: center;
    margin: 10px 0px;
}
    .tbox-mainimg img {
     
        height:100%;
         width:300px; 

        
        /* transform: scale(1.2); */
    }



    .search-box {
        width: 100%;
        /* width: 400px; */
        margin-left: auto;
    }



    /* LOGIN */

    .loginbox-mainbox {
        width: 350px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px;
    }

    .register-mainbox{
        width:350px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px;
      }
      .user-dropdown-cus {
        position: absolute;
        top: 100%;
        left:0px!important;
    }
 }