:root {
    --cpe-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.001' height='22' viewBox='0 0 22.001 22'%3E%3Cg id='Group_2679' data-name='Group 2679' transform='translate(-338.079 -348.63)'%3E%3Cpath id='Path_628' data-name='Path 628' d='M349.079,370.63a11,11,0,1,0-11-11A11.013,11.013,0,0,0,349.079,370.63Zm0-20.716h0a9.715,9.715,0,1,1-9.715,9.715A9.727,9.727,0,0,1,349.079,349.914Z' transform='translate(0 0)' fill='%23f17922'/%3E%3Cpath id='Path_629' data-name='Path 629' d='M349.089,353.826l-1.676,3.4-3.77.547a.637.637,0,0,0-.407,1.041l2.782,2.712-.646,3.755a.643.643,0,0,0,.524.743.678.678,0,0,0,.407-.065l3.37-1.773,3.373,1.773a.64.64,0,0,0,.864-.264.653.653,0,0,0,.068-.413l-.644-3.755,2.727-2.658a.639.639,0,0,0-.349-1.1l-3.772-.547-1.7-3.434a.655.655,0,0,0-.4-.289.671.671,0,0,0-.752.321Zm.6,1.722,1.258,2.551a.638.638,0,0,0,.483.351l2.818.41-2.039,1.986a.641.641,0,0,0-.19.568l.481,2.8-2.518-1.326a.66.66,0,0,0-.6,0l-2.519,1.322.479-2.8a.631.631,0,0,0-.183-.569l-2.038-1.987,2.815-.409a.64.64,0,0,0,.486-.349Z' transform='translate(-0.601 -0.582)' fill='%23f17922'/%3E%3C/g%3E%3C/svg%3E%0A");
    --time-icon: url("data:image/svg+xml,%3Csvg id='Group_2674' data-name='Group 2674' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='Group_2669' data-name='Group 2669' transform='translate(10.148 5.104)'%3E%3Cg id='Group_2668' data-name='Group 2668'%3E%3Cpath id='Path_616' data-name='Path 616' d='M240.941,126.618l-3.067-2.3v-4.686a.852.852,0,0,0-1.7,0v5.112a.85.85,0,0,0,.341.682l3.408,2.556a.852.852,0,0,0,1.023-1.363Z' transform='translate(-236.169 -118.779)' fill='%23f17922'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_2671' data-name='Group 2671'%3E%3Cg id='Group_2670' data-name='Group 2670'%3E%3Cpath id='Path_617' data-name='Path 617' d='M11,0A11,11,0,1,0,22,11,11.012,11.012,0,0,0,11,0Zm0,20.3A9.3,9.3,0,1,1,20.3,11,9.307,9.307,0,0,1,11,20.3Z' fill='%23f17922'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    --list-arrow: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.235' height='12.194' viewBox='0 0 17.235 12.194'%3E%3Cg id='_228534408' data-name=' 228534408' transform='translate(-1550.767 -2295.263)'%3E%3Cpath id='_228534648' data-name=' 228534648' d='M3039.98,2305.253l9.774-9.774a.744.744,0,0,1,1.046,0l.944.944a.747.747,0,0,1,0,1.046l-9.774,9.774a.744.744,0,0,1-1.046,0l-.944-.944A.74.74,0,0,1,3039.98,2305.253Z' transform='translate(-1483.956)' fill='%23fff' fill-rule='evenodd'%3E%3C/path%3E%3Cpath id='_228534744' data-name=' 228534744' d='M1552.971,3422.513l5.954,5.954a.745.745,0,0,1,0,1.046l-.944.944a.748.748,0,0,1-1.046,0l-5.954-5.954a.744.744,0,0,1,0-1.046l.943-.944A.741.741,0,0,1,1552.971,3422.513Z' transform='translate(0 -1123.218)' fill='%23fff' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
    --cancel-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.723' height='12.946' viewBox='0 0 10.723 12.946'%3E%3Cpath id='Path_975' data-name='Path 975' d='M40.565,2.023A7.165,7.165,0,0,1,35.233,0,7.164,7.164,0,0,1,29.9,2.023c0,3.624-.75,8.815,5.332,10.923C41.315,10.838,40.565,5.647,40.565,2.023Z' transform='translate(-29.871)' fill='%23535d6e'/%3E%3C/svg%3E%0A");
    --right-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.85' height='11.661' viewBox='0 0 6.85 11.661'%3E%3Cpath d='M6.286,6.665l5.188-5.188a.635.635,0,0,0,0-.9L11.092.192a.639.639,0,0,0-.9,0L5.833,4.548,1.469.187a.635.635,0,0,0-.9,0L.187.569a.635.635,0,0,0,0,.9l5.193,5.2a.647.647,0,0,0,.905,0Z' transform='translate(0 11.661) rotate(-90)'/%3E%3C/svg%3E");
    --btn-icon: url(" data:image/svg+xml, %3Csvg id='Group_2582' data-name='Group 2582' xmlns='http://www.w3.org/2000/svg' width='23.418' height='19.427' viewBox='0 0 23.418 19.427' %3E%3Cg id='Group_160' data-name='Group 160' transform='translate(0 0)' %3E%3Cpath id='Path_323' data-name='Path 323' d='M37.793,25.521l-8.4-8.4a1.331,1.331,0,0,0-.945-.42,1.283,1.283,0,0,0-.945.42l-.735.735a1.331,1.331,0,0,0-.42.945,1.283,1.283,0,0,0,.42.945L31.7,24.681H16.16a1.213,1.213,0,0,0-1.26,1.26v1.05a1.213,1.213,0,0,0,1.26,1.26H31.807l-4.936,4.936a1.3,1.3,0,0,0-.42.84,1.283,1.283,0,0,0,.42.945l.735.735a1.331,1.331,0,0,0,.945.42,1.283,1.283,0,0,0,.945-.42l8.4-8.4a1.331,1.331,0,0,0,.42-.945A5.862,5.862,0,0,1,37.793,25.521Z' transform='translate(-14.9 -16.7)' fill='%23f17a22' /%3E%3C/g%3E%3C/svg%3E%0A");
    --yearly-subcription: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.5' height='24.5' viewBox='0 0 23.5 24.5'%3E%3Cpath id='Path_972' data-name='Path 972' d='M25.032,11.069a1.918,1.918,0,0,0-.786-2.416l-2.188-1.3a.2.2,0,0,1-.1-.137l-.57-2.5a1.928,1.928,0,0,0-2.052-1.493l-2.542.228a.17.17,0,0,1-.16-.046L14.706,1.724a1.938,1.938,0,0,0-2.53,0L10.249,3.41a.17.17,0,0,1-.16.046L7.548,3.228A1.918,1.918,0,0,0,5.5,4.726l-.57,2.5a.2.2,0,0,1-.1.137L2.636,8.653a1.918,1.918,0,0,0-.786,2.416l1.014,2.348a.228.228,0,0,1,0,.171L1.849,15.936a1.908,1.908,0,0,0,.786,2.4l2.2,1.315a.228.228,0,0,1,.091.137l.57,2.5a1.918,1.918,0,0,0,2.052,1.493l2.542-.239a.213.213,0,0,1,.16.057l1.926,1.687a1.947,1.947,0,0,0,2.53,0L16.632,23.6a.213.213,0,0,1,.16-.057l2.542.239a1.918,1.918,0,0,0,2.052-1.493l.57-2.5a.2.2,0,0,1,.1-.137l2.188-1.311a1.908,1.908,0,0,0,.786-2.4l-1.014-2.348a.228.228,0,0,1,0-.171Zm-6.474.137L12.9,17a.9.9,0,0,1-.615.251.843.843,0,0,1-.5-.16L8.437,14.694a.857.857,0,0,1,1-1.39l2.747,1.972,5.152-5.266A.849.849,0,0,1,18.547,10,.859.859,0,0,1,18.558,11.206Z' transform='translate(-1.691 -1.254)' fill='%23f17922'/%3E%3C/svg%3E%0A");
    --monthly-subcription: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.616' height='25' viewBox='0 0 18.616 25'%3E%3Cpath id='Path_971' data-name='Path 971' d='M72.913,17.536a2.144,2.144,0,1,1,3.095,1.92v1a.94.94,0,0,1-.28.671.949.949,0,0,1-1.621-.671v-1a2.164,2.164,0,0,1-.8-.685A2.142,2.142,0,0,1,72.913,17.536Zm6.828-6.245h-11.8a2.195,2.195,0,0,0-2.188,2.19V23.31a2.195,2.195,0,0,0,2.188,2.19H82.175a2.2,2.2,0,0,0,2.19-2.19V13.481a2.206,2.206,0,0,0-1.51-2.082V8.3a7.774,7.774,0,0,0-2.291-5.509,7.859,7.859,0,0,0-2.533-1.7,7.785,7.785,0,0,0-5.95,0,7.862,7.862,0,0,0-4.228,4.231A7.711,7.711,0,0,0,67.259,8.3a1.557,1.557,0,0,0,3.114,0,4.63,4.63,0,0,1,.355-1.785,4.74,4.74,0,0,1,2.545-2.545,4.67,4.67,0,0,1,3.57,0,4.771,4.771,0,0,1,1.522,1.02,4.7,4.7,0,0,1,1.02,1.524A4.632,4.632,0,0,1,79.741,8.3v2.993Z' transform='translate(-65.749 -0.5)' fill='%23535d6e' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    --trial-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.441' height='31.523' viewBox='0 0 31.441 31.523'%3E%3Cg id='Group_3442' data-name='Group 3442' transform='translate(-2.002 -1.919)'%3E%3Cg id='Group_3441' data-name='Group 3441' transform='translate(2.003 1.919)'%3E%3Cpath id='Path_962' data-name='Path 962' d='M28.989,53.794a1.047,1.047,0,0,0,1.788.776L34.1,51.249a9.974,9.974,0,0,0,2.923-7.021,59.5,59.5,0,0,1-7.861,5.178Z' transform='translate(-15.73 -23.442)' fill='%23f17922'/%3E%3Cpath id='Path_963' data-name='Path 963' d='M3.092,30.612l4.387-.172a59.169,59.169,0,0,1,5.178-7.861A9.966,9.966,0,0,0,5.637,25.5L2.311,28.823a1.049,1.049,0,0,0,.781,1.788Z' transform='translate(-2.003 -12.429)' fill='%23f17922'/%3E%3Cpath id='Path_964' data-name='Path 964' d='M22.877,9.793A55.5,55.5,0,0,0,12.633,24.37a1.577,1.577,0,0,0,.334,1.749l3.454,3.454a1.577,1.577,0,0,0,1.749.334A55.615,55.615,0,0,0,32.747,19.663a19.56,19.56,0,0,0,4.269-6.795l-7.345-7.34a19.31,19.31,0,0,0-6.795,4.264Zm8.214,6.456a3.394,3.394,0,1,1,0-4.8A3.419,3.419,0,0,1,31.091,16.249Z' transform='translate(-7.343 -3.755)' fill='%23f17922'/%3E%3Cpath id='Path_965' data-name='Path 965' d='M56.462,1.922a29.534,29.534,0,0,0-6.934,1.4l1.513,1.513,5.174,5.174a29.481,29.481,0,0,0,1.4-6.933,1.072,1.072,0,0,0-1.154-1.154Z' transform='translate(-26.179 -1.919)' fill='%23f17922'/%3E%3Cpath id='Path_966' data-name='Path 966' d='M8.891,55.853,11.043,53.7a.491.491,0,1,0-.695-.695L8.2,55.158a.491.491,0,0,0,.695.695Z' transform='translate(-5.08 -27.834)' fill='%23f17922'/%3E%3Cpath id='Path_967' data-name='Path 967' d='M5.343,51.547a.491.491,0,0,0-.695,0L2.356,53.838a.491.491,0,0,0,.695.695l2.292-2.291A.491.491,0,0,0,5.343,51.547Z' transform='translate(-2.109 -27.092)' fill='%23f17922'/%3E%3Cpath id='Path_968' data-name='Path 968' d='M11.33,58.2,8.372,61.162a.491.491,0,0,0,.695.695L12.024,58.9a.491.491,0,0,0-.695-.695Z' transform='translate(-5.169 -30.479)' fill='%23f17922'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    --full-access: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.225' height='12.127' viewBox='0 0 25.225 12.127'%3E%3Cg id='Group_3440' data-name='Group 3440' transform='translate(0)'%3E%3Cpath id='Path_960' data-name='Path 960' d='M27,22.582H15.79a6.072,6.072,0,1,0-.167,4.507l1.212.8a.45.45,0,0,0,.563-.054l1.776-1.726,1.681,1.717a.463.463,0,0,0,.333.135.439.439,0,0,0,.324-.149l1.528-1.7,1.866,1.731a.461.461,0,0,0,.532.059l3.412-1.942a.4.4,0,0,0,.131-.113A2.244,2.244,0,0,0,27,22.582ZM8.151,26.313a1.69,1.69,0,1,1,1.69-1.69,1.69,1.69,0,0,1-1.69,1.69Z' transform='translate(-4 -18.548)' fill='%23f17922'/%3E%3Cpath id='Path_961' data-name='Path 961' d='M12.247,30.276a.789.789,0,1,0,.789.789.789.789,0,0,0-.789-.789Z' transform='translate(-8.096 -24.989)' fill='%23f17922'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.common-banner.new-banner-design {
    background-image: unset;
    background: #EEF4FB;
    padding: 30px 0 54px 0;
    margin-bottom: 45px;
}

.common-banner.new-banner-design p,
.common-banner.new-banner-design h1 {}

.common-banner.new-banner-design .left-col {
    width: 57%;
    padding: 48px 60px 37px 60px;
    background: #003E7D;


}

.common-banner.new-banner-design .row {
    overflow: hidden;
    box-shadow: 0px 5px 25px #0000003E;
    border: 2px solid #003E7D;
    border-radius: 30px;
    flex-wrap: nowrap;
    position: relative;
    border: 0;
    background: transparent;
}



.common-banner.new-banner-design .course_level p {
    border: 1px solid #4772A2;
    background: #1A518A;
    border: 1px solid #4772A2;
    border-radius: 50px;

    padding: 8px 20px 8px 45px;
}

.common-banner.new-banner-design p.cpe_credits::before {
    background-image: var(--cpe-icon);
}

.common-banner.new-banner-design p.course_length::before {
    background-image: var(--time-icon);
}


.common-banner.new-banner-design .left-col h2 {
    color: #fff;
    font-size: 22px;
    font-family: "Open Sans";
    line-height: 36px;
    font-weight: normal;
    font-weight: bold;
    padding: 0 112px 0 0;
    margin: 40px 0 10px 0;
    letter-spacing: 0;
    width: fit-content;
    position: relative;
}

.common-banner.new-banner-design .left-col h2::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    width: 100px;
    height: 1px;
    background: #F17922;
}

.common-banner.new-banner-design .left-col strong.font-22 {
    font-size: 22px;
    line-height: 36px;
}

.common-banner.new-banner-design .left-col h3 {
    font-size: 22px;
    font-family: "Open Sans";
    line-height: 36px;
    font-weight: bold;
    margin: 0 0 10px 0;
    width: fit-content;
    position: relative;
    padding-bottom: 0;
    letter-spacing: 0;
}


.common-banner.new-banner-design .left-col ul,
.common-banner.new-banner-design .left-col ol {
    margin-top: 22px;
}


.common-banner.new-banner-design .course_level {
    margin-bottom: 0;
    border-bottom: 0;
    gap: 10px;
    padding-bottom: 46px;
}



.common-banner.new-banner-design .course_level p::before {
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}

.common-banner.new-banner-design .right-col {
    background: #fff;
    width: 43.2%;
    border: 2px solid #003E7D;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    border-left: 0;
}

.new-banner-design .subcription-box {
    background: #fff;
    padding: 0;
    border-radius: 0 0 0;
}

.new-banner-design .subcription-box .subcription-content {
    padding: 52px 50px 37px 62px;

}

.unlock-box {
    padding-bottom: 25px;
}

.unlock-box h3 {
    color: #000000;
    letter-spacing: 0;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    position: relative;
    padding-left: 58px;
    padding-bottom: 0;
    margin-bottom: 7px;
}

.common-banner .unlock-box h3 {
    color: #000;
}

.unlock-box h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #FFEDD5;
}

.unlock-box h3::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 16px;
    background-image: var(--full-access);
    width: 25px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
}

.common-banner .right-col .unlock-box p {
    color: #535D6E;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.free-trial-wrapper {
    background: #FFFBF7;
    box-shadow: inset 0px 0px 12px #FFE9CF;
    border: 1px solid #FFE9CF;
    border-radius: 20px;
    padding: 18px 24px 20px 78px;
    position: relative;
    margin-bottom: 26px;
}

.free-trial-wrapper::before {
    content: "";
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
    height: 32px;
    background-image: var(--trial-image);
    background-repeat: no-repeat;
    background-size: contain;
}

.free-trial-wrapper p {
    padding-bottom: 0;
}


.free-trial-wrapper p.free-trial-title {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.free-trial-wrapper p.free-trial-subtitle {
    color: #535D6E;
    font-size: 14px;
    line-height: 20px;
    margin-top: -1px;
}

.common-banner.new-banner-design strong {
    font-weight: 600;
}

.common-banner.new-banner-design .left-col strong {
    font-weight: bold;
}

.common-banner.new-banner-design .right-col ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: #F17922;
    border-radius: 50px;
}

.common-banner.new-banner-design .right-col ul li::before {
    background-image: var(--list-arrow);
    width: 8px;
    height: 6px;
    z-index: 1;
    left: 4px;
    top: 10px;
}



.cancel-trial-wrapper {
    text-align: center;
    margin-top: 20px;
}

.common-banner.new-banner-design .cancel-trial-wrapper p {
    font-size: 14px;
    line-height: 30px;
    color: #535D6E;
    text-align: center;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
}

.common-banner.new-banner-design .cancel-trial-wrapper p::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 8px;
    width: 11px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--cancel-icon);
}

.plan-details-btn-wrapper {
    text-align: center;
    margin-top: 7px;
}

.common-banner a.custom_button_plan {
    font-weight: 600;
    color: #F17922;
    font-size: 15px;
    line-height: 30px;
    position: relative;
    padding-right: 20px;
}

.common-banner a.custom_button_plan:hover {
    /* color: #000000; */
}

.common-banner a.custom_button_plan::before {
    content: "";
    position: absolute;
    right: 6px;
    top: 7.5px;
    width: 5px;
    height: 8px;
    background-color: #f17922;
    -webkit-mask-image: var(--right-icon);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-image: var(--right-icon);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    transition: all 0.5s ease;
}

.common-banner a.custom_button_plan:hover::before {
    /* background-color: #000; */
    transform: translateX(5px);
}

.common-banner.new-banner-design .subcription-icon.certification-support {
    padding: 55px 0 0;
    margin-bottom: 0;
}
.ondemand-box,
.subscription-wrapper {
    position: relative;
    margin-top: 31px;
}
.ondemand-box .subscription-box input[type="radio"],
.subscription-wrapper .subscription-box input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.ondemand-box label.subscription-box,
.subscription-wrapper label.subscription-box {
    border: 2px solid #E6EBF0;
    border-radius: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    transition: all 0.5s ease;
    padding: 21px 20px 21px 58px;
    position: relative;
    cursor: pointer;
}
.ondemand-box label.subscription-box:nth-child(2),
.subscription-wrapper label.subscription-box:nth-child(2) {
    margin-bottom: 0;
    padding-bottom: 16.42px;
}
/* .subscription-wrapper label.subscription-box::before, */
.ondemand-box label.subscription-box::before {
    /* content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    width: 23px;
    height: 25px;
    background-image: var(--monthly-subcription);
    background-repeat: no-repeat;
    background-size: contain; */
}
/* .subscription-wrapper label.subscription-box.yearly-plan::before */
/* .subscription-wrapper label.subscription-box:nth-child(2)::before */
.ondemand-box label.subscription-box.yearly-plan::before,
.ondemand-box label.subscription-box:nth-child(2)::before
 {
    /* background-image: var(--yearly-subcription); */
}


label.subscription-box.active {
    border: 2px solid #F17922;
    background: linear-gradient(111deg, #fff, #FEF7EF);
    border: 2px solid #f17922;
    box-shadow: 0px 5px 15px #00000027;
}

.page-id-42787 label.subscription-box.active.yearly-plan {
    margin-bottom: 0;
}
.ondemand-box label.subscription-box:nth-child(2),
.subscription-wrapper label.subscription-box:nth-child(2) {
    margin-bottom: 0;
}
.ondemand-box label.subscription-box:hover,
.subscription-wrapper label.subscription-box:hover {
    border-color: #F17922;
    box-shadow: 0px 5px 15px #00000027;

}
.ondemand-box  label.subscription-box .content,
.subscription-wrapper label.subscription-box .content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
}
.ondemand-box .product_des,
.subscription-wrapper .product_des {
    width: calc(100% - 130px);
    display: block;
    padding-right: 5px;
}
.ondemand-box .product_des {
    width: calc(100% - 100px);
}

.ondemand-box .price,
.subscription-wrapper .price {
    width: 125px;
    text-align: right;
    padding: 0;
    display: block;
}

.ondemand-box .price {
    width: 100px;
}
.ondemand-box label.subscription-box:nth-child(2) .price,
.subscription-wrapper label.subscription-box:nth-child(2) .price {
    position: relative;
    top: 6px;
    height: 63px;
}




.content .product_des .desc {
    color: #535D6E;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.ondemand-box .price span.price-text,
.subscription-wrapper .price span.price-text {
    color: #535D6E;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;

}
.ondemand-box .price span.price-text .br,
.subscription-wrapper .price span.price-text .br {
    display: block;
}
.ondemand-box .price .price-nmber,
.subscription-wrapper .price .price-nmber {
    color: #000;
    font-size: 31px;
    line-height: 30px;
    font-weight: bold;

}
.ondemand-box  .subscription-box.active .price .price-nmber,
.subscription-wrapper .subscription-box.active .price .price-nmber {
    font-weight: 800;
    font-size: 35px;
}


.product_des p {
    color: #000000;
    font-size: 21px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0;
}

.common-banner.new-banner-design .add-to-cart-loading::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.common-banner.new-banner-design button#sub-add-to-cart {
    width: 100%;
    padding: 17.5px 42.5px 17.5px 42.5px !important;
    border: 1px solid #F17922 !important;
    background: #F17922;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    border-radius: 50px;
    text-transform: capitalize;
    transition: all 0.5s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-family: 'Montserrat';
    margin-top: 32px;
    cursor: pointer;
    letter-spacing: 0.2px;
    box-shadow: 0px 10px 20px #F5CAAB;
}

span.btn-icon {
    display: flex;
    /* display: none; */
}

span.add-btn-text {
    /* display: inline-block;
    position: relative;
    padding-right: 40px; */
    letter-spacing: 0.2px;

}

span.add-btn-text:before {
    /* content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 19px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath id='Path_973' data-name='Path 973' d='M22.707,11.293l-7-7a1,1,0,1,0-1.414,1.414L19.586,11H5a1,1,0,0,0,0,2H19.586l-5.293,5.293a1,1,0,1,0,1.414,1.414l7-7a1,1,0,0,0,0-1.414Z' transform='translate(-4 -4)' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain; */
}

.common-banner.new-banner-design span.btn-icon svg path {
    fill: #fff;
    transition: all 0.5s ease;

}


.common-banner.new-banner-design button#sub-add-to-cart:hover {
    background: #fff;
    border-color: #F17922 !important;
    color: #F17922;
}

.common-banner.new-banner-design button#sub-add-to-cart:hover span.btn-icon svg path {
    fill: #F17922;
}

span.subscription-error {
    color: #842029;
    background-color: #f8d7da;
    position: relative;
    padding: 5px 10px;
    margin-top: 10px;
    border: 1px solid #f5c2c7;
    ;
    border-radius: .25rem;
    display: inline-block;
}
.subscription-box .best-value {
    display: none;
}

.ondemand-box label.subscription-box .best-value,
.subscription-wrapper label.subscription-box:nth-child(2) .best-value {
    display: block;
    font-size: 14px;
    line-height: 10px;
    background: #f17922;
    color: #fff;
    font-weight: bold;
    width: fit-content;
    border-radius: 0 16px 0 10px;
    position: absolute;
    top: -2px;
    right: -1px;
    padding: 6px 14px;
    text-transform: uppercase;
}

span.sale-price {
    color: #535D6E;
    font-size: 16px;
    line-height: normal;
    text-decoration: line-through;
    font-weight: bold;
    padding-right: 6px;
}


.page-template-copy-testing-all-access-subscription .subcription_faq {
    margin-bottom: 70px;
}

/*  */

.subscription-wrapper .subscription-box input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* label base */
.subscription-wrapper .subscription-box {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

/* outer circle */
.ondemand-box label.subscription-box::before,
.subscription-wrapper .subscription-box::before {
     content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background: transparent;
    transition: 0.3s;
}

/* ✔ check icon (hidden by default) */
.ondemand-box label.subscription-box::after,
.subscription-wrapper .subscription-box::after {
     content: "";
    position: absolute;
    left: 22px;
    top: 51%;
    transform: translateY(-50%) scale(0);
    width: 15px;
    height: 12px;
    -webkit-mask-image: var(--list-arrow);
    mask-image: var(--list-arrow);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    transition: 0.3s;
}

/* ✅ checked state */
.ondemand-box .subscription-box.active::before,
.subscription-wrapper .subscription-box.active::before {
     border-color: green;
    background: green;
}

.ondemand-box .subscription-box.active::after,
.subscription-wrapper .subscription-box.active::after {
  transform: translateY(-50%) scale(1);
}



@media (max-width:1439px) {
    .product_des p {
        font-size: 18px;
        line-height: 28px;
    }
    .ondemand-box .price .price-nmber,
    .subscription-wrapper .price .price-nmber {
        font-size: 28px;
        line-height: 28px;
    }
    .ondemand-box .subscription-box.active .price .price-nmber,
    .subscription-wrapper .subscription-box.active .price .price-nmber {
        font-size: 30px;
    }

    .content .product_des .desc {
        font-size: 13px;
        line-height: 24px;
        margin-top: 0;
    }

    .common-banner.new-banner-design button#sub-add-to-cart {
        font-size: 18px;
    }

    span.add-btn-text {
        /* padding-right: 35px; */
    }

    .ondemand-box label.subscription-box:nth-child(2) .price,
    .subscription-wrapper label.subscription-box:nth-child(2) .price {
        height: auto;
    }


}

@media (max-width:1199px) {

    .common-banner.new-banner-design .left-col,
    .new-banner-design .subcription-box .subcription-content {
        padding: 40px 30px;
    }

    .common-banner.new-banner-design h1 {
        padding-bottom: 15px;
    }

    .unlock-box h3 {
        font-size: 26px;
        line-height: 36px;
        padding-left: 50px;
    }

    .unlock-box h3::after {
        width: 18px;
        height: 10px;
        top: 14px;
    }

    .free-trial-wrapper::before {
        left: 15px;
        width: 25px;
        height: 25px;
    }

    .unlock-box h3::before {
        width: 36px;
        height: 36px;
    }

    .unlock-box {
        padding-bottom: 20px;
    }


    .common-banner.new-banner-design .course_level {
        padding-bottom: 30px;
    }

    .common-banner.new-banner-design .course_level p {
        padding: 4px 16px 4px 40px;
    }

    .common-banner.new-banner-design p::before {
        left: 10px;
        width: 20px;
        height: 20px;
    }

    .common-banner.new-banner-design .left-col h2 {
        font-size: 20px;
        line-height: 30px;
        padding: 0 100px 0 0;
        margin: 20px 0 0px 0;
    }

    .common-banner.new-banner-design .left-col strong.font-22 {
        font-size: 20px;
        line-height: 30px;
    }

    .common-banner.new-banner-design .left-col h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .common-banner.new-banner-design .left-col h2::after {
        width: 80px;
        top: 16px;
    }

    .common-banner .right-col .unlock-box p,
    .free-trial-wrapper p.free-trial-title {
        font-size: 16px;
        line-height: 28px;
    }

    .free-trial-wrapper p.free-trial-subtitle {
        font-size: 13px;
        margin-top: 0;
    }

    .common-banner.new-banner-design .cancel-trial-wrapper p::before {
        top: 7px;
    }

    .free-trial-wrapper {
        padding: 15px 20px 15px 60px;
        margin-bottom: 20px;
    }

    .common-banner.new-banner-design .cancel-trial-wrapper p {
        font-size: 13px;
        line-height: 26px;
    }

    .common-banner.new-banner-design .left-col ul,
    .common-banner.new-banner-design .left-col ol {
        margin-top: 16px;
    }

    .common-banner.new-banner-design button#sub-add-to-cart {
        padding: 11px 20px 11px 20px !important;
        gap: 15px;
        margin-top: 25px;
    }

    span.btn-icon svg {
        width: 15px;
        height: 15px;
    }

    span.add-btn-text:before {
        /* top: 8px;
        width: 16px;
        height: 14px; */
    }

    span.add-btn-text {
        /* padding-right: 30px; */
    }





}

@media (max-width:980px) {
    .common-banner.new-banner-design .left-col {
        width: 100%;
    }

    .common-banner.new-banner-design .right-col {
        width: 100%;
        margin-top: 0;
        border-left: 2px solid #003E7D;
        border-radius: 0 0px 30px 30px;
    }

    .free-trial-wrapper {
        width: fit-content;
    }

    .subcription-icon.certification-support .customer-support-row .customer-support-col::after {
        height: 100%;
    }

    .common-banner.new-banner-design .row {
        flex-wrap: wrap;
    }


}

@media (max-width:767px) {
    .common-banner.new-banner-design .subcription-icon.certification-support {
        padding: 50px 0 0;
    }

    .common-banner.new-banner-design {
        padding: 30px 0 50px 0;
    }

    .common-banner.new-banner-design .course_level {
        padding-bottom: 20px;
    }

    .common-banner.new-banner-design .left-col h2 {
        font-size: 18px;
        line-height: 28px;
        padding: 0 60px 0 0;
        margin: 18px 0 0px 0;
    }

    .common-banner.new-banner-design .left-col strong.font-22 {
        font-size: 18px;
        line-height: 28px;
    }

    .common-banner.new-banner-design .left-col h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .common-banner.new-banner-design .left-col h2::after {
        width: 45px;
    }

    .common-banner.new-banner-design .left-col ul,
    .common-banner.new-banner-design .left-col ol {
        margin-top: 12px;
    }

    .unlock-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .common-banner.new-banner-design .cancel-trial-wrapper p::before {
        top: 5px;
    }


    .common-banner .right-col .unlock-box p,
    .free-trial-wrapper p.free-trial-title {
        font-size: 15px;
        line-height: 25px;
    }

    .common-banner.new-banner-design .cancel-trial-wrapper p {
        line-height: 23px;
        padding-left: 18px;
    }

    .product_des p {
        font-size: 16px;
        line-height: 26px;
    }

    .content .product_des .desc {
        font-size: 12px;
        line-height: 24px;
    }

    .ondemand-box .price .price-nmber,
    .subscription-wrapper .price .price-nmber {
        font-size: 24px;
        line-height: 25px;
    }

    .ondemand-box .subscription-box.active .price .price-nmber,
    .subscription-wrapper .subscription-box.active .price .price-nmber {
        font-size: 26px;
    }

    .common-banner.new-banner-design button#sub-add-to-cart {
        padding: 10px 20px 10px 20px !important;
        gap: 12px;
        margin-top: 25px;
        font-size: 16px;
        line-height: 25px !important;
    }

    .ondemand-box label.subscription-box .best-value,
    .subscription-wrapper label.subscription-box:nth-child(2) .best-value {
        font-size: 12px;
    }

    span.sale-price {
        font-size: 14px;
    }

    span.add-btn-text:before {
        /* top: 7px; */
    }
}

@media (max-width:576px) {
    .subcription-icon.certification-support .customer-support-row .customer-support-col::after {
        height: 0;
    }

    .common-banner.new-banner-design .left-col ul li {
        margin-bottom: 6px;
    }

    .common-banner.new-banner-design .left-col,
    .new-banner-design .subcription-box .subcription-content {
        padding: 35px 20px;
    }

    .plan-details-btn-wrapper {
        margin-top: 4px;
    }



}

@media (max-width:479px) {
    .ondemand-box label.subscription-box .content,
    .subscription-wrapper label.subscription-box .content {
        flex-direction: column;
        row-gap: 8px;
    }

    .ondemand-box .product_des,
    .subscription-wrapper .product_des {
        width: 100%;
    }
    .ondemand-box label.subscription-box:nth-child(2) .price,
    .subscription-wrapper label.subscription-box:nth-child(2) .price {
        width: 100%;
    }
    .ondemand-box .price,
    .subscription-wrapper .price {
        text-align: left;
        width: 100%;
    }

        /* .subscription-wrapper label.subscription-box::before, */
    .ondemand-box label.subscription-box::before{
        /* top: 22px; */
        /* transform: unset; */
    }

    .content .product_des .desc {
        line-height: 18px;
        margin-top: 2px;
    }

    .ondemand-box label.subscription-box:nth-child(2),
    .subscription-wrapper label.subscription-box:nth-child(2) {
        padding-bottom: 20px;
    }

    .ondemand-box label.subscription-box:nth-child(2) .price,
    .subscription-wrapper label.subscription-box:nth-child(2) .price {
        top: 0;
    }

    .common-banner.new-banner-design button#sub-add-to-cart {
        font-size: 14px;
        line-height: 24px !important;
    }

    .ondemand-box label.subscription-box::before, .subscription-wrapper .subscription-box::before {
           top: 25px;
        transform: unset;
}

.ondemand-box .subscription-box.active::after, .subscription-wrapper .subscription-box.active::after,
.ondemand-box label.subscription-box::after, .subscription-wrapper .subscription-box::after {
           transform: unset;
        top: 34px;
}


}