.st-main-header{
  height: 200px;
}
.st-top-header .SPECIAL_PROMOTIONS{
    padding-left: 250px;
    color: #fff;
}

.st-top-header  a{
font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-right: 10px;
}
.btnfirst {
  margin-top: 14px !important;
  padding: 5px 34px;
  border: none;
  background: #c71257;
  color: #fff;
}
.btnfirst h3{
  color: #fff;
}
.online_text {
  margin-bottom: 2px;
  color: #fff;
  text-align: right;
}

.social_media li{
  float: left;
  padding: 0px 8px;
  list-style: none;
  margin-right: 8px;
}
.text_box{
  margin-top: -15px;
  position: relative;
  right: -34%;
}

.social_media li .fas {
  font-weight: 900;
  border: 1px solid #fff;
  padding: 10px;
}

.btnsec {
  margin-top: 0px;
  background-color: transparent;
}
.btnsec p {
  /* padding-bottom: 0; */
  margin-bottom: 0;
  color: var(--yellow);
  font-size: 16px;
  font-weight: 500;
}
.btnsec h3 {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.online_text {
  text-align: left;
}

.right_18per{
  position: relative;
  right: -10%;
}
.offer_box {
  margin-top: -3%;
  position: relative;
}
@media screen and (max-width: 789px){
  .btnfirst{
    margin: 0px;
    width: 100%;
  }
  .st-main-header {
    height: 90px;
}
.text_box{
  position: relative;
  right: 0%;
}
.btnsec {
  width: fit-content;
  display: block;
}
}
@media screen and (max-width: 789px){
.btnsec{
  background-color: transparent;
  margin-top: 4px !important;
  margin-right: 0px;
  }
  .online_text{
    font-size: 12px;
  }
  .btnfirst {
    margin: 0px;
    width: max-content;
}
.st-top-header .login_btn{
  font-size: 12px;
  position: absolute;
  right: 0px;
}
}
@media screen and (max-width: 789px) {
  .st-main-header {
      height: 90px;
  }
}

.circle{
padding: 38px 21px;
}
pt-3{
  padding-top: 1.5rem;
}

.top_sec .top_video_sec{
  top: 0%;
  max-width: 340px;
}


.top_sec .price_logo{
  top: -30px;
  text-align: center;
  /* border-right: 1px solid var(--danger);
  border-left: 1px solid var(--danger) */
}
.QUALITY_sec .card-title {
  margin-bottom: 0.75rem;
  font-size: 20px;
  color: #dd0807;
}
.QUALITY_sec .card-body {

  padding: 0.99rem .70rem;
  color: #100f0f;
  font-size: 16px;
  padding-bottom: 0rem;
  background-image: linear-gradient(180deg, #f6ca44, #cc981a);
  margin-bottom: 5px;
  height: 150px;
  border-radius: 8px;
  text-align: center;
}
.QUALITY_sec .card-body span{
color: #122a64;
font-size: larger;
font-weight: 500;
font-family: 'Inter';
}
.QUALITY_sec  .card-img-top {
  border: 10px solid #c31010;
  border-bottom: 14px solid #c31010;
  height: 280px;
  width: -webkit-fill-available;
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(.90rem - 1px);
  border-top-right-radius: calc(.90rem - 1px);
}
.QUALITY_sec .carousel-indicators{
    bottom: -40px;
  }

  .QUALITY_sec .carousel-inner {
    padding: 0px 0px;
}
/* @media (min-width: 992px){
.col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 20%;
}

} */
.what_different{
background-color: #020816;
border-width: 0px;
border-color:#8e8b84;
border-top-width: 3px;
border-style: solid;
padding: 20px;
margin: 20px 40px;
box-shadow: 0 17px 10px rgba(61, 60, 60, 0.6);
}

.what_different h4{
  color:#dd0807;
  font-weight: 500;
}

.what_different ul li img{
  height: 16px;
  padding-right: 8px;
}

.what_different ul li{
  font-size: 14px;
  list-style: none;
  padding-bottom: 4px;
}


.card{
   background-color: transparent;
border: none;
margin-top: 10px;
margin-bottom: 10px;
}


/* other-sec */
.banner_sec{
  background: linear-gradient(180deg, #f6ca44, #ad7d0a);
  color: #fff;
  text-align: center;
  height: 125px;
  position: relative;
}
.banner_sec .heading h4{
  padding: 28px;
  font-size: 60px;
  font-weight: 800;
  font-family: "Yantramanav";
}
.banner_sec .right_box {
  position: absolute;
  right: 0px;
  top: 0px;
}
.banner_sec .right_box img{
  height: 60px;

}

.brand-border-btn{

  position: relative;
  top: 10px;
  padding: 1px 25px;
}

.brand-border-btn h3{
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
}
.bg_8a06d9{
background: linear-gradient(to right, #39025a, #8a06d9);
color: #fff;
padding: inherit;
}
.border_8a06d9{
  border: 4px solid #8a06d9;
}

.bg_green{
  background: linear-gradient(to right, #4dc7a3, #09936a);
  color: #fff;
  }
  .border_green{
    border: 4px solid #4dc7a3;
  }
.m100{
  margin: 100px 0px;
}

.red {
  background-image: linear-gradient(to right, #c42964, #8f0539);
}

@media screen and (max-width: 600px) {
  .brand-border-btn h3{
    font-size: 12px;
    text-align: center;
  }
  .what_different{
    margin: 20px 0px;
  }
  .brand-border-btn{
    padding: 0px 8px;
  }
.brand_sec .offset-4 {
  margin-left: 0%;
}
.banner_sec .heading h4{
  padding: 60px;
  font-size: 40px;
  font-weight: 800;
  font-family: "Yantramanav";
}
}
.bg{
    margin-top: 0px !important;
    padding: 8px 30px;
    border: none;
    background-image: linear-gradient(180deg, #f6ca44, #cc981a);
    width: fit-content;;
    color: #101624;
    font-weight: 600;
    position: relative;
    right: 0%;
    border-radius: 4px;
}
.border{
  color: #fff;
  border: 1px solid #ffc107 !important;
  text-align: center;
  width: fit-content;
  padding: 6px 20px;
  position: relative;
  right: 0%;
  border-radius: 4px;
}

.bg_red_btn_offer{
  background:linear-gradient(180deg, #f6ca44, #cc981a);
  padding: inherit;
}
.bg_red_btn_offer h3{
  color: #070d1b;
  font-weight: 800;
}
.brand_items .slick-arrow{
  top: 45%;
}

/* .brand_items img{
  height: 320px;
} */

.selcet_btn{
  top: 22%;
  position: relative;
  background: #c42964;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
}

.brand_items{
  border: 2px solid #ffc107;
    border-radius: 29px;
    padding: 20px 20px;
}

.brand_items a{
  color: #fff !important;
    font-size: x-large;
    text-transform: uppercase;
    text-align: center !important;
}
.logo_sm {
  width: 250px !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
}


.carousel-control-next{
  right: -29px;
}
.carousel-control-prev{
    left: -29px;
}
@media screen and (max-width: 789px){
  .header_first_row li{
    display: none !important;
  }

  .logo_sm {
    width: 150px !important;
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
  }
  .selcet_btn {
    top: 0%;
    position: relative;
    background: #c42964;
    padding: 0px;

  }
  .selcet_btn a{
    font-size: 16px;
  }
  .carousel-control-prev {
    left: -10px;
  }
  .carousel-control-next{
    right: -10px;
  }
}

.carousel-inner{
  padding: 0px 10px;
}



.demo-gallery #lightgallery img{
  width: fit-content;
  height: -webkit-fill-available;
  border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 20px;
 }
 .brand_items #brand61 img, .brand_items #brand62 img, .brand_items #brand63 img, .brand_items #brand5 img{
  height:440px !important;
}
 @media screen and (max-width: 789px){
  .demo-gallery #lightgallery img{
    width: 100%;
    height: auto;
    margin: auto;
   }
   .brand_items img{
    height:auto;
  }

.login_btn{
    color: #000;
}
 }
 .st-nav {
    position: static;
    width: auto;
    margin: auto;
}

.bg_orange{
  background: linear-gradient(to right, #ea8b13, #fc6a03);
  color:#fff;
  padding: inherit;
}
.border_orange{
  border:4px solid #ea8b13
}

.bg_red_btn{
  background: linear-gradient(to right, #800808, #d70505);
  color:#fff;
  padding: inherit;
}

.border_bg_red{
border:4px solid #d70505;
}
.brand_sec .brand_items .carousel .carousel-inner .carousel-item img{
  width: inherit !important;
}
.top38per{
position: relative;
top:30%
}

.bg_light_orange{
  color:#fff;
  padding: inherit;
  background:linear-gradient(to right, #b97f06, #f3b807)
}
.border_bg_light_orange{
  border:4px solid #f3b807;
  }

  .bg_yellow{
    background: linear-gradient(to right, #d1d119, #FFEA00);
    color:#333;
    padding: inherit;
  }

  .bg_yellow_border{
    border:4px solid #FFEA00;
  }

  .bg_grey{
    color:#fff;
    padding: inherit;
    background:linear-gradient(to right, #454d54, #d1dae3)
  }

  .border_grey{
    border:4px solid #d1dae3;
  }
  .bg_brand6{
    background: linear-gradient(to right, #56033a, #e83ed3);
    padding: inherit;
    color: #fff;
  }
 .border_brand6 {
    border: 4px solid #e83ed3;
}
  .nav-pills .nav-link{
    border-radius: 0px !important;
  }
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    border-radius: 0px !important;
  }

  .bg_Magenta{
    padding: inherit;
    color: #fff;
    background:linear-gradient(to right, #8f0539, #ef4b89)
  }

  .border_megenta{
    border: 4px solid #8f0539;
  }

.online_factory_tab  .kitchen img{
width: 100%;
height: auto;
border-radius: 30px;
padding: 10px;
}
  .gallery_sec h2{

    font-weight: 300;
    font-size: 66px;
  }

  .width_30pr{
      width: 30%;
  }
  .brand_sec .offset-4 img,  .brand_sec .offset-3 img{
    width: 280px;
    height: 100px;
    padding-bottom: 10px;
  }

  .mt_18{
    margin-top:18px
  }

  .mt_34{
    margin-top:34px
  }

  .mt_24{
    margin-top:24px
  }

  .mt_100{
    margin-top: 100px;
  }
  .mb_100{
    margin-bottom: 100px;
  }
  .brand_items img{
    width:240px !important
  }
  .brand_items{
    position: relative;
  }
  .PERCENTAGE_logo img{
    max-width: 300px;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

.st-nav {
    margin-top: 40px !important;
    width: 100%;
}