input[type="checkbox"][name="userPolicy"] {
    height: 15px !important;
    width: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    appearance: none !important;
    cursor: pointer !important;
    border: 1px solid #d52b1e !important;
    border-radius: 50% !important;
    display: inline-block !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

input[type="checkbox"][name="userPolicy"]:checked {
    background-color: #d52b1e !important;
}

input[type="checkbox"][name="userPolicy"]:checked::after {
    /*content: "✔" !important;*/
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 14px !important;
    color: #fff !important;
}

.policy_a {
    max-width: 320px !important;
}

.policy_s {
    max-width: 350px !important;
}

@media screen and (max-width: 1260px) {
    .agreement {
        padding: 0 !important;
    }

    .policy_a {
        max-width: 240px !important;
    }

    .policy_s {
        max-width: 325px !important;
    }
}

@media screen and (max-width: 1200px) {

    .policy_s {
        max-width: 240px !important;
    }
}

@media screen and (max-width: 991px) {

    .policy_a {
        max-width: 290px !important;
    }

    .policy_s {
        max-width: 320px !important;
    }
}

@media screen and (max-width: 768px) {
    .agreement {
        padding: 0 !important;
    }

    .policy_a {
        max-width: 320px !important;
    }

    .policy_s {
        max-width: 320px !important;
    }
}

@media screen and (max-width: 540px) {
    .policy_s {
        max-width: 285px !important;
    }
}

@media screen and (max-width: 500px) {
    .policy_s {
        max-width: 267px !important;
    }
}

@media screen and (max-width: 430px) {
    .policy_a {
        max-width: 300px !important;
    }

    .policy_s {
        max-width: 195px !important;
    }
}


@media screen and (max-width: 420px) {
    .policy_s {
        max-width: 230px !important;
    }
}


@media screen and (max-width: 420px) {
    .policy_a {
        max-width: 273px !important;
    }
}

@media screen and (max-width: 380px) {
    .policy_a {
        max-width: 250px !important;
    }

    .policy_s {
        max-width: 210px !important;
    }
}

@media screen and (max-width: 360px) {
    .policy_a {
        max-width: 230px !important;
    }

    .policy_s {
        max-width: 170px !important;
    }
}

@media screen and (max-width: 340px) {
    .policy_a {
        max-width: 170px !important;
    }

    .policy_s {
        max-width: 150px !important;
    }
}