@charset "utf-8";

body.woocommerce-checkout .wc_payment_method .payment_box > div:first-child { display: none; }

body.woocommerce-checkout .wc_payment_method .payment_box.show > div:first-child { display: block; }

body.woocommerce-checkout .view-instructions { display: inline-block; margin: 10px 0px; padding: 5px 10px; background-color: rgb(204, 138, 33); color: black; font-weight: 600; font-size: 14px; border-radius: 0px; text-decoration: none; cursor: pointer; transition: background-color 0.3s, transform 0.2s; }

body.woocommerce-checkout .view-instructions:hover { background-color: rgb(224, 161, 45); transform: translateY(-2px); }

body.woocommerce-checkout .view-instructions:active { background-color: rgb(179, 119, 22); transform: translateY(0px); }

body.woocommerce-checkout .view-instructions::after { content: "▼"; display: inline-block; margin-left: 8px; transition: transform 0.3s; }

body.woocommerce-checkout .view-instructions.show::after { transform: rotate(-180deg); }

body.woocommerce-checkout .wc_payment_method .payment_box > div:first-child { overflow: hidden; transition: max-height 0.4s, opacity 0.4s; max-height: 0px; opacity: 0; }

body.woocommerce-checkout .wc_payment_method .payment_box.show > div:first-child { max-height: 500px; opacity: 1; }

body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method { background-color: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 8px; padding: 16px; margin-bottom: 16px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; transition: box-shadow 0.3s, transform 0.2s; }

body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transform: translateY(-1px); }

body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method input[type="radio"]:checked + label { font-weight: 600; color: rgb(204, 138, 33); }

body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method .payment_box { margin-top: 12px; }

body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method .payment_box > div:first-child { background-color: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 6px; padding: 12px; margin-top: 8px; font-size: 14px; color: rgb(51, 51, 51); line-height: 1.5; overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s, opacity 0.4s; }

body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method .payment_box.show > div:first-child { max-height: 500px; opacity: 1; }

body.woocommerce-checkout .view-instructions { display: inline-block; margin: 8px 0px; padding: 6px 14px; background-color: rgb(204, 138, 33); color: white; font-weight: 600; font-size: 14px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background-color 0.3s, transform 0.2s; }

body.woocommerce-checkout .view-instructions:hover { background-color: rgb(224, 161, 45); transform: translateY(-1px); }

body.woocommerce-checkout .view-instructions:active { background-color: rgb(179, 119, 22); }

body.woocommerce-checkout .view-instructions::after { content: "▼"; display: inline-block; margin-left: 8px; transition: transform 0.3s; }

body.woocommerce-checkout .view-instructions.show::after { transform: rotate(-180deg); }

body.woocommerce-checkout .wc_payment_method .payment_box > div:first-child b { color: rgb(211, 47, 47); }

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 0em !important; }

body.woocommerce-checkout li.payment_method_emt label img { width: 50px; height: auto; vertical-align: middle; margin-left: 10px !important; }