@import "bootstrap/variables";
@import "bootstrap/mixins";
.padding-sec{
    padding: 25px 5%;
}
.border-outer{
   border: 1px solid #e4e4e4; 
}
.payment{
    .tick{
            font-size: 30px;
            color: $brand-primary;
    }
    h2{
        font-weight: $font-weight-rglr ;
        font-size: 20px;
        margin: 0;
         padding-bottom: 35px;
    }
    .left-block{
        font-size: 13px;
        color: lighten($gray-base, 33.5%);
        padding-right: 4%;
        .slip{
            font-size: 14px;
            position: relative;
            padding-left: 25px;
        }
        .icon-right:before{
           color: $brand-primary;
            font-size: 19px;
            position: absolute;
            left: 0; 
        }
    }
    .right-block{
         padding-left: 4%;
    }
    .shipping-ad{
        h4{
            margin: 0px;
            font-size: 14px;
            text-transform: capitalize;
            color:  lighten($gray-base, 20%);
            font-weight: $font-weight-semibold;
        }
        .address{
        margin: 0;
        }
        .deliver{
        font-size: 14px; 
            
        }
        .icon-truck{
            &:before {
                font-size: 17px;
                margin-right: 5px;
                color:  lighten($gray-base, 39.5%) ;
            }
        } 
    }
}
.strip-one {
    background-color: #f0f0f0;
}
.yoursummary{
    h2{
        font-size: 18px;
        margin: 0;
        padding: 10px 5%;
        background-color: lighten($gray-base, 93.5%);
        border-bottom: 1px solid #e4e4e4;
        font-weight: $font-weight-semibold;
    }
    .img-tag{
       img{
          max-width: 100px;
           height: auto;
       }
    }
    .img-desc{
        font-size: 14px;
        .total{
            font-size: 15px;
            font-weight: $font-weight-rglr;
        }
    }
    .item-list{
     border-bottom: 1px solid #e4e4e4;
    }
    .grnd-total{
        border-bottom: 1px solid #e4e4e4;
        .amt-text{
            font-size: 14px;
            font-weight: $font-weight-rglr;
        }
        .amount{
           min-width: 80px;
            font-size: 17px;
            display: inline-block;
        }
        .main{
             
           .amt-text{
                font-weight: $font-weight-semibold;
                font-size: 17px;
               color:$gray-base !important;
           } 
            .amount{
                font-weight: $font-weight-semibold;
            }
        }
        .total{
            margin: 0px;
        }
    }
}