section.banner .banner-title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000078;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkout-form .form-control{
    background: #e3f4ed2e;
    border: 1px solid #243f2f42;
    color: var(--heading-color);
}
.checkout-form .form-control::placeholder{
    color: var(--heading-color);
}
.sub-title h2{
    margin-top: var(--m30);
    text-align: center;
}
.section-9 .cart-summery{
    box-shadow: 0 0.5rem 1rem rgb(255 255 255 / 15%) !important;
}
.section-9 .cart-summery .h6{
    color: var(--heading-color);
}
.section-9 .cart-summery .h5{
    color: var(--heading-color);
}
.order-summ{
    border: 1px solid #cacaca;
    border-radius: 20px;
}
.order-summ label{
    color: var(--heading-color);
}
.order-row .shadow-lg{
    box-shadow: 0 1rem 3rem rgb(255 255 255 / 18%) !important;
    width: 65%;
    border: 1px solid #cacaca;
    border-radius: 20px;
}
.order-row{
    justify-content: space-between;
}
.input-group{
    /*padding: 0 20px;*/
    background: transparent;
    color: var(--heading-color);
}
.input-group::placeholder{
    color: var(--heading-color);
}
.btn-dark{
    background: var(--btn-color);
}
.checkout-form select option{
    color: var(--black-color);
}
.checkout-form select{
    background: transparent;
    border: 1px solid var(--heading-color);
    color: var(--heading-color);
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.section-9 .cart-summery .h6 {
    color: var(--heading-color);
    font-family: var(--primary-font);
}
.section-9 .cart-summery .h5{
    font-family: var(--primary-font);   
}
.order-summ label{
    font-family: var(--primary-font);
}
.delivery{
    height: 500px;
    object-fit: cover;
}



.coupon-card{
      width: 100%;
      background:#fff;
      border-radius:18px;
      display:flex;
      overflow:hidden;
      box-shadow:0 2px 10px rgba(0,0,0,0.08);
      position:relative;
    }

    /* Left Ribbon */
    .coupon-left{
      width: 58px;
      background:#ff6a00;
      position:relative;
      display:flex;
      justify-content:center;
      align-items:center;
    }

    .coupon-left::before,
    .coupon-left::after{
      content:"";
      position:absolute;
      width:22px;
      height:22px;
      background:#f3f3f3;
      border-radius:50%;
      right:-11px;
    }

    .coupon-left::before{
      top:-11px;
    }

    .coupon-left::after{
      bottom:-11px;
    }

    .coupon-left span{
      color:#fff;
      font-size: 19px;
      font-weight:bold;
      transform:rotate(-90deg);
      letter-spacing:1px;
    }

    /* Content */
    .coupon-content{
      flex:1;
      padding: 12px 14px;
    }

    .top-row{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      margin-bottom:10px;
    }

    .coupon-title{
      font-size: 19px;
      font-weight:700;
      color:#222;
      font-family: var(--secondary-font);
    }

    .apply-btn{
      color:#ff6a00;
      font-weight:700;
      font-size:20px;
      cursor:pointer;
    }

    .save-text{
      color:#18a76d;
      font-size: 13px;
      font-weight:600;
      margin-bottom: 5px;
      font-family: var(--secondary-font);
    }

    .divider{
      border-top:1px dashed #ddd;
      margin-bottom: 5px;
    }

    .description{
      color:#666;
      font-size: 14px;
      line-height:1.5;
      font-family: var(--secondary-font);
    }

    .more{
      margin-top:10px;
      font-weight:700;
      color:#444;
      display:inline-block;
      cursor:pointer;
    }

    /* Responsive */
    @media(max-width:650px){
      .coupon-card{
        width:95%;
      }
    }





@media (max-width: 980px){

    section.banner{
        height: 350px;
        margin-top: 36px;
    }
    section.banner img{
        height: 100%;
    }
    section.section-9 .col-md-8{
        width: 100%;
        margin-bottom: var(--m40);
    }
    section.section-9 .col-md-4{
        width: 100%;
    }
    .order-summ {
        border: 1px solid #fcfcfc70;
    }
    .delivery{
        height: auto;
    }
    .section-9 .cart-summery .h6 {
        color: var(--heading-color);
        font-family: var(--primary-font);
    }
    .section-9 .cart-summery .h5{
        font-family: var(--primary-font);   
    }
    .order-summ label{
        font-family: var(--primary-font);
    }
}
@media (max-width: 540px){
    .checkout-form{
        padding: 10px;
    }
    .section-9 .container{
        padding: 0;
    }
    section.common_banner img{
        height: 280px;
    }
    section.common_banner .banner-title{
        height: 280px;
    }
    section.common_banner .banner-title span{
        margin-top: 50px;
    }
}