@font-face {
    font-display: swap;
    font-family: romanget;
    font-style: normal;
    font-weight: 400;
    src: url(https://romanget.ir/wp-content/themes/romanget/assets/romanget.woff2) format("woff2")
}
*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
body{direction:rtl;color: #101010;overflow-x:hidden;cursor:default;font-size:14px;background: #f7f7f7;}
body,input,button,textarea,h1,h2,h3,h4,h5,h6{font-family:romanget}
input,button,textarea{font-size:14px;background:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
a{text-decoration:none;color:#161125;transition:all 300ms ease-out}
a:hover{text-decoration:none;color: #60b7ff;}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
strong,b{font-weight:400}
.background__svg{transform:scaley(-1);position:absolute;z-index:-1;fill: #00a39980;top: 0;left:0;right:0;}
.deli_width{max-width:1024px;margin:0 auto;width:95%}
.deli_flex{display:flex;flex-wrap:wrap;align-items:center}
.deli_home{justify-content:space-between;align-items:stretch;margin-top:1.3em}
.deli_center{width: 70%;order:2}
.deli_right{width:18%;order:1}
.deli_left{width:29%;order:3}
.site_header nav{border: #ff8ccb 1px solid;border-radius:1em;justify-content:space-between;padding:.7em 1em;background: #f7f7f7;box-shadow:0 0 10px rgb(22 17 37 / 10%);}
.site_header > div{justify-content:space-between}
.deli_logo{display:inline-flex;overflow:hidden;justify-content:center;align-items:center;font-size: 20px;margin:.8em 0}
.deli_logo a{font-weight: 900;color: rgb(49 150 200);display:flex;align-items:center}
.deli_logo a:hover {color:black}
.site_header li,.hm_fodr li{margin:.5em;font-size:16px;display:flex}
.site_header li:first-child,.hm_fodr li:first-child{margin-right:0}
.site_header li:last-child,.hm_fodr li:last-child{margin-left:0}
.site_header li a,.hm_fodr li a{display:flex;align-items:center;color: #19aeee;}
.site_header form{background: #ffffff;position:relative;border-radius:1em;height:50px;width:400px;overflow:hidden}
.site_header form input{padding:1em;width:100%;height:50px;color:#fff}
.site_header form input::placeholder{color:#ccc}
.site_header form button{position:absolute;background: #a2a2a2;color:#fff;height:40px;left:.4em;top:50%;transform:translate(0,-50%);border-radius:1em;display:flex;justify-content:center;align-items:center;padding:0 1em}
.aho_vpp{margin-top:1em}
.aho_vpp ul{align-items:stretch;justify-content:space-between;display: flex;}
.aho_vpp li{width:14.6%}
.edd_purchase_submit_wrapper {background-color: #38bd66;padding:10px;border-radius: 5px;}
.edd-add-to-cart-label {color: #ffffff;font-weight: 600;}
.aho_vpp.hm_vpha li{width:23%;margin:0 0 1em}
.aho_vpp li a{display:flex;flex-direction:column;align-items:center}
.aho_vpp li img{display:block;width:100%;border-radius:1em}
.aho_vpp li a span{background: #ffffff;border-radius:1em;margin: 5px;padding: 5px;width: 98%;font-size: 12px;display: flex;align-items: center;justify-content: center;}
.aho_vpp li a span svg {position:relative;bottom: 4px;left: 5px;}
.site_box{background:#fff;box-shadow:0 0 10px rgb(22 17 37 / 10%);border-radius:1em;margin:0 0 1em;padding:1em}
.site_box header,.hm_vpha header{border-bottom:1px solid #e2ebf0;padding:0 0 1em;margin:0 0 1em}
.site_box header:before,.hm_vpha header:before{content:"";background: #00ae7c;width:6px;height:15px;float:right;margin:4px 0 0 7px;border-radius:1em}
aside .site_box header:before{background: #00ff7e;}
.site_box header h1,.site_box header h2{font-size:17px}
aside .site_box ul{line-height:1.8}
aside .site_box li{margin:0 0 1em}
aside .site_box li a:before{content:"";background: #ea8eff;width:4px;height:10px;float:right;margin:9px 0 0 7px;border-radius:1em}
aside .site_box li:last-child{margin:0}
aside .site_box{border-bottom:3px solid #575757}
.site_box header div{margin:.5em 0 0}
.site_box header div span{margin:.5em 0 0 .5em;display:inline-block;color:#575757}
.site_box header div span a{color:#575757}
.site_box header div span:before{content:"";background:#cfd9df;width:7px;height:7px;float:right;margin:6px 0 0 6px;border-radius:2px}
.deli_content{text-align:center;line-height:2}
.deli_content img{margin:.8em auto;border-radius:1em;display:block}
.deli__dl{text-align:center;width:70%;margin:0 auto 1em}
.deli_content audio,.deli_content video{width:100%;display:flex;margin:1.2em 0 0}
.deli__dl a{background: #2db158;color:#fff;display:flex;justify-content:center;align-items:center;margin:1.2em 0 0;padding:.7em;border-radius:1em}
.deli__dl a:before{content:"";width:15px;height:19px;margin-left:.6em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 400'%3E%3Cpath d='M400,520.7,286.88,407.58l28.28-28.28L380,444.14V200h40V444.14l64.84-64.84,28.29,28.28ZM240,560v40H560V560Z' transform='translate(-240 -200)' fill='%23fff'/%3E%3C/svg%3E")}
.deli__dl a:hover{background: #21e07c;box-shadow:0 5px 10px rgb(0 0 0 / 30%)}
.site_box footer{display:flex;justify-content:center;align-items:center;margin:1.3em 0 .3em}
.site_box footer a{justify-content: center;width: 99%;background: #64ffc0;color:#fff;padding:.8em 2em;display:inline-flex;border-radius:1em;align-items: center;}
.site_box footer a svg {position:relative; right:10px}
.site_box footer a:hover{box-shadow:none;background:#161125}
.hm_pnmbr{justify-content:center;margin:0 0 1.2em}
.hm_pnmbr a,.hm_pnmbr span{height:35px;width:35px;display:flex;justify-content:center;align-items:center;margin:5px;border-radius:1em;background:#575757;color:#fff}
.hm_pnmbr a:hover,.hm_pnmbr .current{color:#fff;background:#60b7ff}
.hm_pnmbr .next,.hm_pnmbr .prev{width:auto;padding:0 1em;background:#161125}
.hm_pnmbr .dots{padding:0 .8em}
.hm_hdng{padding:0 0 1em;line-height:2;display: none;}
.hm_hdng h1{border-bottom:1px solid rgb(255 255 255 / 40%);padding:0 0 .2em;margin:0 0 .2em;display:inline-flex}
.hm_hdng h1,.hm_hdng h1 a{font-size:18px}
.hm_hdng h2,.hm_hdng p{font-size:14px;color:#575757}
.sb__404 svg{width:50%;margin:1.5em auto;display:flex}
.sb__404 div{color:#575757}
.sbox.commentsfrom header::before{background-position:-162px -16px}
.commentsfrom .holder{justify-content:space-between;margin-bottom:1em}
.commentsfrom input,.commentsfrom textarea{background:#e2ebf0;padding:7px 10px;border-radius:8px}
.commentsfrom input{width:49%}
.commentsfrom textarea{width:100%;resize:none}
.commentsfrom button{background: #2db158;padding:7px 15px;border-radius:8px;color:#fff;font-size:15px;margin-top:.5em}
.answer li{background:#fff;box-shadow:0 0 10px rgb(22 17 37 / 10%);margin-bottom:1em;padding:.5em;border-radius:5px;background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1);margin-bottom:1em;padding:.5em;border-radius:5px}
.answer .chdr{background:#e2ebf0;justify-content:space-between;padding:.5em;border-radius:5px}
.answer .chdr strong{color:RGBA(0,0,0,0.7);display:flex;align-items:center}
.answer .chdr strong b{color:#fff;background:#e51c5a;font-weight:400;padding:0 5px;border-radius:5px;margin:0 5px;font-size:12px}
.answer .chdr span{color:RGBA(0,0,0,0.25);font-size:12px}
.answer li p{padding:1em .5em .5em;color:RGBA(0,0,0,0.5)}
.answer ul{margin-right:1em}
.hm_fodr {padding:1em 1.2em;background: #fff;box-shadow:0 -5px 10px rgb(22 17 37 / 10%);border-radius:1em 1em 0 0;display: none}
.hm_fodr ul{padding:0 0 .8em;border-bottom:1px solid #e2ebf0;margin:0 0 .8em}
.hm_fodrc{color:#575757;display: none;}
.vebeetpre,.vebeetnext{position:fixed;height:85px;top:50%;z-index:9;transform:translate(0,-50%);width:36px;right:0;border-radius:10px 0 0 10px;color:#fff!important;background: #444444;}
.vebeetpre{right:initial;left:0;border-radius:0 10px 10px 0}
.vebeetnext span,.vebeetpre span{transform:rotate(-90deg) translate(-50%,0);position:absolute;width:67px;text-align:center}
.vebeetnext span{left:-1.15em}
.vebeetpre span{right:-.9em}
@media screen and (max-width:1024px) {.deli_width{width:98%}}
@media screen and (max-width:900px) {
.deli_center{width:100%;order:1}
.deli_right{width:100%;order:2}
.deli_left{width:100%;order:3}
.aho_vpp li{width:15.5%}
.deli_right .site_box ul{display:flex;flex-wrap:wrap}
aside .site_box li{margin:0 0 10px 10px}
.hm_fodr ul,.site_header ul{justify-content:center}
.site_header ul{margin:0 0 1em}
.hm_fodrc{text-align:center}
.deli_logo{display:flex;margin:.8em auto}
.site_header nav{flex-direction:column}
.site_header form{width:100%}
}
@media screen and (max-width:720px) {
.aho_vpp li{width:32%;margin:0 0 1em}
.aho_vpp{margin-bottom:-1em}
.aho_vpp.hm_vpha{margin-bottom:0}
.deli__dl{width:100%;margin:0 auto .5em}
.databook {width:100% !important}
.onvan {width: 40% !important;}

}
@media screen and (max-width:365px) {.aho_vpp.hm_vpha li{width:48%}}
.databook {padding: 2px;display: block;background: #56a5e6;color: white;width: 70%;margin: auto;justify-content: center;border-radius: 10px;}
.databook li {margin: 3px;padding: 3px;border-radius: 10px;}
.onvan {display:flex;align-items: center;background: #444444;width: 15%;padding: 5px;border-radius: 5px 5px 0 0;}
.onvan h5 {margin: auto;font-size: 13px;color: white;}
.bor1 {border-bottom: 2px solid #444444;margin-bottom: 10px;}
#whats a {
    width: 140px;
    height: 40px;
    position: fixed;
    right: 1em;
    padding: 10px 20px;
    background: #40c351;
    color: #fff;
    border-radius: 65px;
    display: flex;
    align-items: center;
    bottom: 60px;
}
#whats a:hover {background:#00ff0a}
#whats a svg{
    margin-right: .5em;
}
.mcnotice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    gap: 2%;
    background-color: #f8f9fa;
    padding: 12px 16px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    box-sizing: border-box;
}

.mcnotice a {
    flex: 1;
    width: 49%;
    text-align: center;
    padding: 12px 0;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.rubika-link {
    background-color: #c32aa3;
    color: white;
}

.ble-link {
    background-color: #1e88e5;
    color: white;
}

/* اختیاری: افکت هاور (hover) */
.rubika-link:hover {
    background-color: #a02285;
}

.ble-link:hover {
    background-color: #1565c0;
}

/* برای موبایل (اختیاری) */
@media (max-width: 768px) {
    .mcnotice a {
        padding: 10px 0;
        font-size: 14px;
    }
}
.edd_form {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
    font-family: romanget;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Ø§Ø³ØªØ§ÛŒÙ„ ÙÛŒÙ„Ø¯Ø³Øªâ€ŒÙ‡Ø§ */
.edd_form fieldset {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.edd_form legend {
    font-weight: bold;
    color: #333;
    padding: 0 10px;
    font-size: 1.2em;
}

/* Ø§Ø³ØªØ§ÛŒÙ„ Ø¹Ù†Ø§ØµØ± ÙØ±Ù… */
.edd_form p {
    margin-bottom: 15px;
    text-align: right;
}

.edd_form label.edd-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #444;
}

.edd_form .edd-description {
    display: block;
    font-size: 0.85em;
    color: #666;
    margin-bottom: 8px;
    font-style: italic;
}

.edd_form .edd-input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1em;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.edd_form .edd-input:focus {
    border-color: #4a90e2;
    outline: none;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

.edd_form .edd-required-indicator {
    color: #e74c3c;
}

/* Ø§Ø³ØªØ§ÛŒÙ„ Ø¯Ú©Ù…Ù‡ Ø®Ø±ÛŒØ¯ */
.edd_form .edd-submit {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
}

.edd_form .edd-submit:hover {
    background-color: #2980b9;
}

.edd_form .edd-submit:active {
    background-color: #1a6ea0;
}

/* Ø§Ø³ØªØ§ÛŒÙ„ Ù…Ø¨Ù„Øº Ú©Ù„ */
#edd_final_total_wrap {
    text-align: center;
    margin: 20px 0;
    font-size: 1.2em;
    padding: 10px;
    background-color: #f0f7ff;
    border-radius: 4px;
    border-left: 4px solid #3498db;
}

#edd_final_total_wrap strong {
    color: #333;
}

.edd_cart_amount {
    color: #27ae60;
    font-weight: bold;
}

/* Ø±Ø³Ù¾Ø§Ù†Ø³ÛŒÙˆ Ø¨Ø±Ø§ÛŒ Ù…ÙˆØ¨Ø§ÛŒÙ„ */
@media (max-width: 768px) {
    .edd_form {
        padding: 15px;
    }
    
    .edd_form fieldset {
        padding: 15px;
    }
}
/* EDD Checkout Cart */
#edd_checkout_cart_wrap{
    margin:20px 0;
    overflow-x:auto;
}

#edd_checkout_cart{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    font-size:14px;
}

#edd_checkout_cart thead{
    background:#f5f6f8;
}

#edd_checkout_cart th,
#edd_checkout_cart td{
    padding:12px 14px;
    text-align:right;
    border-bottom:1px solid #eee;
    vertical-align:middle;
}

#edd_checkout_cart th{
    font-weight:600;
    color:#333;
}

#edd_checkout_cart tbody tr:last-child td{
    border-bottom:none;
}

/* Ù†Ø§Ù… Ù…Ø­ØµÙˆÙ„ */
#edd_checkout_cart .edd_cart_item_name{
    width:50%;
}

#edd_checkout_cart .edd_checkout_cart_item_title{
    font-weight:500;
    color:#222;
}

/* Ù‚ÛŒÙ…Øª */
#edd_checkout_cart .edd_cart_item_price{
    white-space:nowrap;
    color:#0a7c5a;
    font-weight:600;
}

/* Ø¯Ú©Ù…Ù‡ Ø­Ø°Ù */
#edd_checkout_cart .edd_cart_actions{
    width:90px;
    text-align:center;
}

#edd_checkout_cart .edd_cart_remove_item_btn{
    display:inline-block;
    padding:6px 10px;
    background:#ffe9e9;
    color:#c0392b;
    border-radius:6px;
    font-size:13px;
    text-decoration:none;
    transition:.2s;
}

#edd_checkout_cart .edd_cart_remove_item_btn:hover{
    background:#c0392b;
    color:#fff;
}

/* ÙÙˆØªØ± Ùˆ Ø¬Ù…Ø¹ Ú©Ù„ */
#edd_checkout_cart tfoot th{
    background:#fafafa;
    border-top:1px solid #eee;
    font-size:15px;
}

#edd_checkout_cart .edd_cart_total{
    text-align:left;
    color:#111;
}

#edd_checkout_cart .edd_cart_amount{
    font-weight:700;
    color:#0a7c5a;
    margin-right:6px;
}


/* Ù…ÙˆØ¨Ø§ÛŒÙ„ */
@media (max-width:600px){

    #edd_checkout_cart th,
    #edd_checkout_cart td{
        padding:10px 10px;
        font-size:13px;
    }

    #edd_checkout_cart .edd_cart_item_name{
        width:auto;
    }

    #edd_checkout_cart .edd_cart_actions{
        width:auto;
    }
}
.special-posts-wrap{
    width:100%;
    margin:15px 0 25px 0;
}

/* Ø¯Ø³Ú©ØªØ§Ù¾ â€“ ÙÙ‚Ø· ÛŒÚ© Ø³Ø·Ø± */
.special-posts-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:220px;
    gap:12px;
    overflow-x:auto;
    padding-bottom:5px;
}

.special-post-item{
    border-radius: 10px;
    padding: 15px 5px 5px 5px;
    display:block;
    text-decoration:none;
    color: #4f4f4f;
    background: #ffffff;
}
.special-section-title {margin: 5px;border-radius: 10px;text-align: center;border: #ff00a5 solid 1px;padding: 10px;background-color: #ffffff;color: #12a8e9;}
.special-thumb{
    width:100%;
    aspect-ratio:3/4;
    overflow:hidden;
    border-radius:10px;
}

.special-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.special-label{
    margin-top:6px;
    font-size:13px;
    text-align:center;
    color: #4e4e4e;
}

/* Ù…ÙˆØ¨Ø§ÛŒÙ„ â€“ 2 Ø³ØªÙˆÙ† Ùˆ 3 Ø³Ø·Ø± */
@media(max-width:768px){

    .special-posts-grid{
        grid-auto-flow:unset;
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:repeat(3,auto);
        overflow-x:unset;
    }

}
.deli_content {
    max-width: 700px;
    margin: 30px auto;
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(0,0,0,0.08);
    color: #333;
}

.deli_content h3 {
    margin-top: 35px;
    font-size: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #eee;
}

.edd-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 10px;
}

.edd-table thead tr {
    background: #f5f5f5;
}

.edd-table th {
    text-align: left;
    padding: 12px 15px;
    font-size: 15px;
    color: #444;
}

.edd-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.edd_receipt_payment_status.complete {
    color: #0b8f37;
    font-weight: bold;
}

.edd_purchase_receipt_product_name {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.edd_purchase_receipt_files a {
    display: inline-block;
    background: #28a745; 
    color: #fff;
    padding: 10px 14px;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    transition: 0.25s;
}

.edd_purchase_receipt_files a:hover {
    background: #1e8c39; 
}

.edd-table tbody tr:hover {
    background: #fafafa;
}

@media (max-width: 600px) {
    .deli_content {
        padding: 18px;
    }
    .edd-table th, .edd-table td {
        padding: 10px;
        font-size: 13px;
    }
}.vip-plans{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:20px 0;
}

.vip-plan{
    background:#fff;
    border-radius:12px;
    padding:20px;
    text-align:center;
    box-shadow:0 0 10px rgba(0,0,0,.08);
}

.vip-title{
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px;
}

.vip-desc{
    font-size:14px;
    color:#777;
    margin-bottom:15px;
    line-height:1.9;
}

.vip-price{
    font-size:26px;
    font-weight:bold;
    color:#e91e63;
    margin-bottom:10px;
}

.vip-duration{
    margin-bottom:20px;
    color:#666;
}

.vip-btn{
    display:inline-block;
    background:#6c5ce7;
    color:#fff;
    padding:10px 20px;
    border-radius:8px;
    text-decoration:none;
}

.vip-btn:hover{
    opacity:.9;
}

/* دسکتاپ */
@media(max-width:768px){

    .vip-plans{
        grid-template-columns:1fr;
    }

}
.vip-plans{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:20px 0;
}

.vip-plan{
    background:#fff;
    border-radius:12px;
    padding:20px;
    text-align:center;
    box-shadow:0 0 10px rgba(0,0,0,.08);
}

.vip-title{
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px;
}

.vip-desc{
    font-size:14px;
    color:#777;
    margin-bottom:15px;
    line-height:1.9;
}

.vip-price{
    font-size:26px;
    font-weight:bold;
    color:#e91e63;
    margin-bottom:10px;
}

.vip-duration{
    margin-bottom:20px;
    color:#666;
}

.vip-btn{
    display:inline-block;
    background:#6c5ce7;
    color:#fff;
    padding:10px 20px;
    border-radius:8px;
    text-decoration:none;
}

.vip-btn:hover{
    opacity:.9;
}

/* دسکتاپ */
@media(max-width:768px){

    .vip-plans{
        grid-template-columns:1fr;
    }

}

/* ===== RCP REGISTER FORM ===== */

#rcp_registration_form{
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 5px 30px rgba(0,0,0,.07);
    margin-top:20px;
}

/* title */

.rcp_header{
    text-align:center;
    font-size:28px;
    margin-bottom:25px;
    font-weight:700;
}

/* inputs */

#rcp_registration_form input[type=text],
#rcp_registration_form input[type=password],
#rcp_registration_form input[type=email]{
    width:100%;
    height:52px;
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:0 15px;
    background:#fafafa;
    transition:.2s;
    font-size:15px;
}

#rcp_registration_form input:focus{
    border-color:#7c4dff;
    background:#fff;
    outline:none;
    box-shadow:0 0 0 4px rgba(124,77,255,.08);
}

/* labels */

#rcp_registration_form label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#333;
}

/* spacing */

#rcp_registration_form p{
    margin-bottom:18px;
}

/* grid form */

.rcp_user_fieldset{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

#rcp_user_login_wrap,
#rcp_user_email_wrap{
    grid-column:span 2;
}

/* membership cards */

#rcp_subscription_levels{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:20px 0;
    padding:0;
    list-style:none;
}

#rcp_subscription_levels li{
    position:relative;
}

#rcp_subscription_levels input[type=radio]{
    display:none;
}

#rcp_subscription_levels label{
    display:block;
    background:#fff;
    border:2px solid #eee;
    border-radius:18px;
    padding:20px;
    cursor:pointer;
    transition:.25s;
    height:100%;
}

#rcp_subscription_levels label:hover{
    transform:translateY(-3px);
    border-color:#7c4dff;
}

#rcp_subscription_levels input[type=radio]:checked + label{
    border-color:#7c4dff;
    background:#f6f1ff;
    box-shadow:0 5px 20px rgba(124,77,255,.15);
}

/* plan title */

.rcp_subscription_level_name{
    display:block;
    font-size:22px;
    font-weight:700;
    margin-bottom:10px;
    color:#222;
}

/* price */

.rcp_price{
    display:block;
    font-size:28px;
    font-weight:800;
    color:#7c4dff;
    margin:12px 0;
}

/* duration */

.rcp_level_duration{
    display:block;
    color:#666;
    margin-bottom:10px;
}

/* desc */

.rcp_level_description{
    font-size:14px;
    line-height:1.9;
    color:#777;
}

/* hide separators */

.rcp_separator{
    display:none;
}

/* total table */

.rcp_registration_total{
    margin-top:25px;
}

.rcp_registration_total table{
    width:100%;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:14px;
    background:#fafafa;
}

.rcp_registration_total td,
.rcp_registration_total th{
    padding:15px;
    border-bottom:1px solid #eee;
}

.rcp_registration_total th{
    background:#7c4dff;
    color:#fff;
}

/* button */

#rcp_submit{
    width:100%;
    height:58px;
    border:none;
    border-radius:14px;
    background:#7c4dff;
    color:#fff;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.2s;
}

#rcp_submit:hover{
    transform:translateY(-2px);
    opacity:.95;
}

/* login box */

.rcp_login_link{
    background:#f8f8f8;
    border-radius:12px;
    padding:15px;
    margin-bottom:25px;
    text-align:center;
}

.rcp_login_link a{
    color:#7c4dff;
    font-weight:700;
}

/* mobile */

@media(max-width:768px){

    .rcp_user_fieldset{
        grid-template-columns:1fr;
    }

    #rcp_user_login_wrap,
    #rcp_user_email_wrap{
        grid-column:span 1;
    }

    #rcp_subscription_levels{
        grid-template-columns:1fr;
    }

}