.cart-outer{padding-top:60px; color:var(--PrimaryClr);}
.cart-outer .container{max-width:1015px;}
.cart-header{color:currentColor;}
.cart-header figure{width:32px; height:32px; margin:15px 25px 0px 0px;}
.cart-header h1{font-size:48px; font-weight:700;}
.cart-header p{font-size:18px; font-weight:500; line-height:60px; margin-bottom:0px;}
.cart-body{display:grid; grid-template-columns:55% 1fr; column-gap:80px;}
.cart-items-outer{display:flex; flex-direction:column; row-gap:10px; margin-top:20px;}
.cart-card-outer{border:1px solid #AFEAE9; border-radius:25px; padding:11px; display:grid; grid-template-columns:98px 1fr; column-gap:15px; margin-left:30px;}
.cart-card-outer figure{border-radius:20px;}
.cart-card-outer h3{font-size:16px;}
.cart-card-outer h3 a{color:#173954;}
.cart-card-outer h6{font-size:18px; color:#173954; font-weight:700;}
.cart-fields-outer{ border-radius:15px; background:#fff; box-shadow:0 4px 25px 0 rgba(0, 0, 0, .1); padding:30px; }
.gift-wraper{row-gap:20px;}
.cf-col-1 h3{color:var(--PrimaryClr); font-size:18px; font-weight:600;}
.cf-col-1 span{font-size:12px; font-weight:400;}
.cf-price{color:#00A5AA;font-size:24px; font-weight:700;}
.help-box{font-size:12px; color:#173954;}
.help-box .form-check-input{margin-top:2px; background-color:#00A5AA; border-radius:3px;}
.rcp-email{margin-bottom: 20px;}
.cgift {position:relative; padding-left:25px; cursor:pointer; font-size:12px;  color:#173954; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.cgift input {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.cgift-checkmark {position:absolute; top:1px; left:0; height:16px; width:16px; border-radius:3px; border:solid 1px var(--gry); }
.cgift input:checked ~ .cgift-checkmark {background-color:#00A5AA; border:solid 1px #00A5AA;}
.cgift-checkmark:after {content:""; position:absolute; display:none;}
.cgift input:checked ~ .cgift-checkmark:after {display:block;}
.cgift .cgift-checkmark:after {left:5px; top:2px; width:5px; height:8px; border:solid white; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.cart-fields-outer .form-control{border:solid 1px #173954; border-radius:10px; padding:14px 16px; font-size:12px; font-weight:600; color:#173954; height:auto;}
.cart-fields-outer textarea.form-control{height:96px; resize:none;}
.gc-info{margin-bottom: 20px;}
.gc-info p{font-size:13px; color:#173954; line-height:20px;}
.gift-msg{row-gap:15px; margin-top:5px;}
.gift-msg h3{color:var(--PrimaryClr); font-size:18px; font-weight:600;}

/* cart page */
@media(max-width:776px) {
    .cart-body {grid-template-columns: 1fr;}
    .cart-header h1{font-size: 24px;}
    .cart-header p{font-size: 16px;}
    .cart-header{flex-direction: column;}
    .cart-header figure {margin: 0px 0px 20px 0px;}
    .cart-card-outer{margin-left: 0px;border-radius: 10px;padding: 10px;grid-template-columns: 48px 1fr;}
    .cart-card-outer figure {border-radius: 10px;max-height: 48px;}
    .cart-card-outer h3 {font-size: 12px;}
    .cart-card-outer h6{margin-bottom: 0px;}
    .cart-fields-outer {border-radius: 0;box-shadow: none;padding: 0; margin-bottom: 220px;}
    .gift-wraper{position: fixed;bottom: 0px;left: 0;width: 100%;height:180px;background: #ffffff;padding: 1rem;z-index: 99;box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1);}
    .dd-md-none{display: none;}
    .gift-wraper{row-gap: 0px;}
    .apl-mb-code{display: block!important; font-size: 12px; color:#173954;}
    #gift-form{margin-top: 20px;}
    .add-height{max-height: calc(100vh - 100px); overflow-y: auto; height: auto;}

    .redeem-heading h1{font-size: 32px;}
    .redeem-heading p{font-size: 16px; max-width: 80%;}
    .redeem-heading img,
    .rs4-image img{width:100%;}
    .rs-card{grid-template-columns: 1fr; border: 0px; max-width:260px; margin: 0 auto; row-gap:25px; column-gap: 0; padding-bottom: 0px;}
    .rs-step-3 .rs-card,
    .rs-step-4 .rs-card{grid-template-columns: 1fr;}
    .rs-left{flex-direction: column; text-align: center;}
    .rs-left span{margin-right: 0px; margin-bottom: 10px;}
    .rs-left p {font-size: 16px; line-height: 24px;}
    .sign-in-btns{flex-direction: column; row-gap: 16px;}
    .redeem-field{flex-direction: column; row-gap: 16px; max-width: 250px; width: 100%; margin: 0 auto;}
    .btn-redeem, .dapp-btn{max-width: 100%;}
    .rs2-image img{margin-top: 0;}
    .scan-download{justify-content: center;}
    .rs-step-2 {padding:30px 0px 0px 0px;}
    .rs-step-2 .rs-card{padding-bottom: 30px;}
    .rs-step-3 .rs-card {padding:50px 0px 0px 0px;}
    .rs-step-4 .rs-card {padding: 80px 0px 0px 0px;}
    .region-popup { left: 0px; max-width: calc(100% - 20px); margin: 10px;}

}