/* login css */
.log-a-tag{
    text-decoration: underline !important;
}
.create-para{
    color: #707070;
}
.color-20{
    color: #202020;
}
.login-font{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.input-hover:hover{
    border: 1px solid #c0c0c0;
}
.log-check{
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.form-width{
    width: 341px;
    margin: 0 auto;
}
.email-input2{
    height: 40px; 
    border: 1px solid #EAEAEA;
    padding: 0px 8px;
}
/*Media queries*/
@media only screen and (max-width: 580px){
.log-check{
    align-items: baseline;
    margin-top: 16px;
}
.form-width{
    width: 90%;
}
.form-width_contact{
    padding: 0px 24px;
}
.email-input2{
    height: 32px;
    padding: 0px 8px;
 }
.rsp-gap32{
    gap: 32px;
}
.login-font{
    font-size: 10px;
}
.rsp-mt35{
    margin-top: 35px;
}
}
/* thanks css */
.span-font600{
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.02em;
}
.para-color{
    color: #404040;
}
.para-font-color{
    color: #000000;
}
@media only screen and (max-width: 580px){
    .rsp-tick{
        width: 33px;
        height: 30px;
    }
    .mb-0{
        margin-bottom: 0px;
    }
    .span-font600{
        font-size: 14px;
    }
}
/* register css */
@media only screen and (max-width: 580px){
    .rsp-mt8{
        margin-top: 8px;
    }
}
/* checkout css */
.checkout-header{
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.02em;
    margin-top: 64px;
}
.checkout-border1{
    border: 1px solid #F4F4F4;
    width: 1240px;
    height: 0px;
}
.address-font{
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #000000;
}
.checkout-new-address{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
}
.label-font{
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: 0.02em;
}
.label-form-color{
    color: #000000;
}
.label-font-color{
    color: #696969;
}
.label-color{
    color: #14142d;
}
.th-color{
    color: #808080;
  }
  .color-a4{
    color: #6b6b6b;
  }
  .check-a16{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
  }
  
  .align-form{
    align-items: flex-start;
  }
  .check-a4{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px;
    line-height: 24px;
    letter-spacing: 0.02em;
  }
  @media only screen and (max-width: 580px){
    .address-font{
        font-size: 12px !important;
        font-weight: 500 !important;
    }
    .align-form{
        align-items: center;
    }
    .res-mb24{
        margin-bottom: 24px !important;
    }
    .res-mb300{
        margin-bottom: 300px;
    }
    .check-a4{
        font-size: 12px;
    }
    .res-font16{
        font-size: 16px !important;
    }
    .label-form-color{
        color: #202020;
    }
    .res-ml32{
        margin-left: 0px;
        gap: 32px;
    }
    .rsp-gap8{
        gap: 8px;
    }
    .res-gap24{
        gap: 24px;
    }
    .check-a16{
        font-size: 14px;
        font-weight: 600;
    }
  }
  /* wishlist css */
  .border-ea{
    border: 1px solid #EAEAEA;
}
.h4_wishlist{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
}
@media only screen and (max-width: 580px){
    .wish-res-m{
        margin-top: 3px;
        gap: 0px;
    }
    .checkout-new-address{
        font-size: 12px !important;
        letter-spacing: 0em !important;
     }
     .label-font{
         font-size: 12px !important;
         line-height: 16px !important;
     }
     .h4_wishlist{
        font-size: 14px;
        margin-top: 0px;
    }
    .sec-gap{
        gap: 35px;
    }
    .checkout-header{
        margin-top: 24px !important;
        font-size: 16px !important;
    }
    .rsp-m16{
        margin-bottom: 16px;
    }
    .rsp-flex{
        display: flex;
        flex-direction: column;
    }
    .rsp-gap{
        gap: 4px;
    }
    .rsp-mt16{
        margin-top: 16px;
    }
    .rsp-mt12{
        margin-top: 12px;
    }
    .rsp-weight{
        font-weight: 400 !important;
    }
}
  