.checkout .form-group input.form-control,
.plan,
section.checkout textarea.form-control {
    background: #fff;
}
.plan,
.upload-wrapper {
    width: 100%;
    cursor: pointer;
}
.radio-btn {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.inputWithIcon input {
    padding-left: 21px;
    margin-bottom: 19px;
}
.address-check .custom-radio {
    display: inline-block;
}
.address-check .custom-radio input[type="radio"],
.checkbox-main-wrapper input[type="checkbox"],
.custom-radio1 input[type="radio"],
.shipping,
.yesno .custom-radio input {
    display: none;
}
.address-check .custom-radio input[type="radio"] + label,
.checkbox-main-wrapper label {
    display: flex;
    align-items: center;
}
.address-check .radio-btn .custom-radio p {
    margin: 0;
}
.address-check .cart-address .form-group-checkbox {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: none !important;
}
.address-check .custom-radio input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 9px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: url(../images/green-tick.webp) center 50px no-repeat;
}
.address-check .custom-radio input[type="radio"]:checked + label span {
    background: url(https://cdn1.iconfinder.com/data/icons/user-interface-elements/154/selected-radiobutton-128.webp)
        center/cover no-repeat;
}
.address-check .custom-radio input[type="radio"] + label span,
.address-check .custom-radio input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
.checkbox-main-wrapper .custom-checkbox {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #393939;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 10px;
}
.checkbox-main-wrapper .custom-checkbox::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 9px;
    height: 15px;
    border: solid #393939;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    display: none;
}
.checkbox-main-wrapper
    input[type="checkbox"]:checked
    + .custom-checkbox::after {
    display: block;
}
.plan {
    padding: 27px;
    border: 2px solid #a0a0a0;
    transition: border-color 0.3s;
}
.custom-radio1 label,
.upload-wrapper,
.yesno .checkmark {
    background-color: transparent;
}
.custom-radio1 input[type="radio"]:checked + label,
.plan.selected {
    border-color: #084138;
}
label.position-wrapper-checkradio h4 {
    padding-left: 30px;
}
.custom-radio1 {
    position: absolute;
    margin-right: 15px;
    right: 80px;
}
.custom-radio1 label {
    display: block;
    width: 24px;
    height: 24px;
    border: 3px solid #084138;
    border-radius: 50%;
    cursor: pointer;
}
.custom-radio1 input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    top: 4.5px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #084138;
}
.custom-radio1 h4 {
    color: #393939;
    text-transform: capitalize;
    font-size: 18px;
}
.address___label {
    right: 20px;
}
.yesno {
    display: flex;
    gap: 50px;
}
.yesno .custom-radio {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
}
.yesno .checkmark {
    position: absolute;
    top: 3px;
    left: -30px;
    height: 20px;
    width: 20px;
    border: 2px solid #393939;
    border-radius: 50%;
}
.yesno .custom-radio input:checked + .checkmark::after {
    content: "";
    position: absolute;
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #393939;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.upload-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.pdf.file,
.upload-wrapper {
    align-items: center;
    display: flex;
}
.upload-wrapper {
    padding: 10px;
    border: 2px solid #084138;
    border-radius: 5px;
    transition: background-color 0.3s;
    justify-content: center;
    color: #084138;
    font-family: ClashGrotesk-Medium;
}
.upload-wrapper:hover {
    background-color: #e0e0e0;
}
.pdf.file {
    margin-top: 10px;
    padding: 15px;
    background: #fff;
    gap: 10px;
}
.pdf.file h5#file-name {
    color: #212622;
}
.pdf.file img {
    width: 24px;
    margin-right: 10px;
}
.delivery-option p,
.pdf.file h5 {
    margin: 0;
    font-size: 16px;
}
.pdf.file i {
    margin-left: auto;
    cursor: pointer;
}
.yesno h4 {
    color: #393939;
    font-size: 21px;
}
.total-wrapper {
    background: #fff;
    padding: 29px;
    clip-path: polygon(10% 0, 91% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
    margin-top: 22px;
}
.total-wrapper input.form-control {
    border: 1px solid #a0a0a0;
    height: 52px;
}
.special-pallet-heading h6 {
    background: #f6ede3;
    padding: 10px 19px;
    border-radius: 50px;
    font-size: 11px;
}
.special-pallet-heading {
    display: flex;
    align-items: center;
    gap: 5px;
}
.special-pallet-heading h5 {
    font-size: 14px;
    font-family: ClashGrotesk-Semibold;
}
.table-total-wrapper {
    display: flex;
    align-items: start;
    gap: 12px;
    margin-top: 28px;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 40px;
    height: 350px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
}
.pallet-toatl-content h4 {
    font-size: 14px;
}
.delivery-options {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    align-items: center;
}
.pallet-toatl-content {
    margin-top: 9px;
}
.delivery-option {
    border: 2px solid #ccc;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block;
    color: #212622;
    font-family: ClashGrotesk-Regular;
    text-align: center;
}
.delivery-option span {
    font-size: 12px;
}
.shipping:checked + .delivery-option {
    border-color: #000;
    background-color: #f5f5f5;
    font-weight: 600;
}
.delivery-option:hover {
    border-color: #888;
}
.radius-0 {
    border-radius: 0;
}
@media (max-width: 1280px) {
    .custom-radio1 h4 {
        font-size: 15px;
    }
}
@media (max-width: 576px) {
    .total-wrapper {
        padding: 19px;
        clip-path: polygon(10% 0, 91% 0, 100% 6%, 100% 100%, 0 100%, 0 0);
        margin-top: 15px;
    }
    .yesno h4 {
        color: #393939;
        font-size: 16px;
    }
    .yesno .checkmark {
        top: 0;
    }
    .address___label {
        right: 0;
    }
    .custom-radio1 h4 {
        font-size: 15px;
    }
    .pdf.file h5 {
        margin: 0;
        font-size: 13px;
    }
}