/* STEPPER */
.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.stepper-container {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 10px 15px;
  border-bottom: 1px solid #F0F0F0;
}

.stepper {
  text-align: center;
}

.stepper .stepper-icon {
}

.stepper .stepper-line {
  margin-top: -10px;
}


.stepper .stepper-title {
  font-size: 12px;
  font-weight: 400;
  color: #ccc;
}

.stepper .stepper-title.active {
  color: #000;
}


/* COUPON */

.stepper-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}



/* start discout v2*/

/*.d-none {
display: none!important
}*/

.w-100 {
width: 100%!important
}
.p-5 {
padding: 3rem!important
}
.p-0 {
padding: 0!important
}

.mb-3 {
margin-bottom: 1rem!important
}

.d-block {
display: block
}

@media(min-width: 768px) {
.col-md-5 {
  flex: 0 0 auto;
  width: 41.66666667% !important
}
.col-md-7 {
  flex: 0 0 auto;
  width: 58.33333333% !important
}
.d-md-block {
  display: block!important
}
}

@media(min-width: 768px) {

.d-md-none {
  display: none!important
}
}

@media screen and (max-width: 900px) and (min-width: 320px) {

.leavepop_all {
  width: 97%;
  top: 25px;
  left: auto;
  margin-left: 6px;
  min-height: 160px;
  top: 15px !important;
  height: auto !important;
  width: 97%!important;
  left: auto !important;
}

}



.button,button,input[type=button] {
border: 0;
width: 100%;
display: block;
cursor: pointer;
position: relative;
outline: 0;
padding: 20px 15px;
background: #2288d0;
color: #fff;
font-size: 20px
}

#leaveFade {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: rgba(0,0,0,.7);
}


.leavepop_all {
width: 800px;
height: auto;
position: fixed;
top: 90px;
left: calc(50% - 400px);
z-index: 1000;
border-radius: 10px;
padding-bottom: 40px;
}

.leavepop_all {
background: #FFD933;
border-radius: 0px;
padding-bottom: 0px;
padding: 0px;
}

.partZero {
width: 100%;
float: left;
background: #000;
padding: 15px;
}

.partZeroMob {
background: #FFD933;
width: 100%;
float: left;
display: none;
}

.partZero h2 {
font-size: 32px;
font-weight: 700;
line-height: 48px;
text-align: center;
color: #fff;
margin-bottom: 0rem;
}

.partZero h2 span {
color: #FFD933;
}

.partOne {
width: 30%;
padding-top: 50px;
float: left;
min-height: 376px;
background: #FFD933;
}

.partOne img {
height: initial;
object-fit: contain;
width: 100%;
margin: auto;
display: block;
}

.partTwo {
width: 70%;
float: left;
min-height: 376px;
background: #FFD933;
}

.innrPrt {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 0px solid #000;
padding: 0 10px;
min-height: initial;
margin-top: 15px;
}

#innerA1 {
font-size: 45px;
line-height: 51px;
}

#innerA2 {
font-size: 30px;
line-height: 40px;
}

#innerE1 #timeCount {
font-family: 'Poppins', sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 78px;
color: #000;
}

.partTwo p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}

.innerButton_all {
border: 1px solid #008824;
box-shadow: 0px 4px 4px 0px #1B16004D;
background: #00AF2E;
width: 382px;
height: 54px;
border-radius: 8px;
}

#leavePop2 {
border: 4px solid #E44613;
padding-bottom: 75px;
}

#innerB1 {
font-size: 67px;
font-weight: 700;
line-height: 51px;
padding-top: 75px;
}

#innerB2 {
font-size: 22px;
font-weight: 400;
line-height: 35px;
padding: 25px 75px 0px 75px;
}

.leaveX_all {
margin-right: -20px;
margin-top: -36px;
padding-top: 20px;
z-index: 1005;
position: relative;
}

@media (max-width: 900px) {
.partOne img {
width: 87%;
}

.leaveX_all {
right: 0px;
top: 0px;
width: 40px;
height: 40px;
}
}

@media (max-width: 768px) {

.product-item-title {
font-size: 16px;
}

.section-title {
font-size: 18px !important;
}

.checkout-title {
font-size: 20px;
}

.mobile-package-container {
display: block;
margin-left: 15px;
margin-top: -10px;
}

.partOne {
width: 40%;
min-height: initial;
}

.partOne img {
width: 95%;
}

.partTwo {
width: 60%;
min-height: initial;
}

.partZeroMob {
display: block;
padding-top: 15px;
}

.partZero h2 {
font-size: 24px;
line-height: 30px;
padding: 0px 50px;
}

#innerA1 {
font-size: 26px;
line-height: 31px;
padding: 0px 50px;
}

#innerA2 {
font-size: 22px;
line-height: 27px;
padding: 0px 15px;
}

#innerE1 #timeCount {
font-size: 45px;
line-height: 67.5px;
}

.partTwo p {
font-size: 16px;
line-height: 24px;
}

.innerButton_all {
font-size: 20px;
width: 300px;
height: 51px;
}

#leavePop2 {
height: initial;
padding-bottom: 25px;
}

#innerB1 {
font-size: 49px;
line-height: 31px;
padding-top: 35px;
}

#innerB2 {
font-size: 18px;
font-weight: 400;
line-height: 29px;
padding: 25px 25px 10px 25px;
}

.leaveX_all {
margin-right: 0;
padding-top: 34px;
padding-right: 5px;
right: -15px;
top: -15px;
width: 40px;
height: 40px;
}

.cart-prod-img {
padding-right: 10px;
}
}


.stepper-popup-text-56 { font-size: 56px !important; line-height: 56px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 700; }
.stepper-popup-text-36 { font-size: 36px !important; line-height: 36px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 700; }
.stepper-popup-text-24 { font-size: 24px !important; line-height: 24px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 400; }
.stepper-popup-text-18 { font-size: 18px !important; line-height: 18px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 400; }


@media (max-width: 768px) {
  .leavepop_all {
    width: 95% !important;
    max-width: 400px;
    max-height: 90vh;
    overflow-y: auto;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin-left: 0;
  }
  
/*.row {
    flex-direction: column;
  }*/
  
  .col-12.col-md-7 {
    padding: 1.5rem !important;
  }
  
  .w-100.d-block.d-md-none {
    height: 200px !important;
    object-fit: contain;
  }

  .stepper-popup-text-56 { font-size: 56px !important; line-height: 36px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 700; }
  .stepper-popup-text-36 { font-size: 36px !important; line-height: 28px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 700; }
  .stepper-popup-text-24 { font-size: 24px !important; line-height: 30px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 400; }
  .stepper-popup-text-18 { font-size: 18px !important; line-height: 18px !important; color: #000; font-family: Inter; font-style: normal; font-weight: 400; }

  #innerButton1mobile {
    font-size: 18px !important;
    padding: 12px 16px !important;
    white-space: normal;
  }

  .col-12.col-md-7 > div {
    max-height: 60vh;
    /* overflow-y: auto; */
    padding-right: 8px;
  }
}
/* end discout v2*/