.subscription-join {
    /* border: 1px solid gray;
        padding: 10px; */
    }
    .subscription-container {
        max-width: 400px;
    }
    .upbutton-container {
        max-width: 400px;
    }
    .upbutton-container .inactive-button {
        color: #003464 !important;
        background: white;
    }
    .upbutton-container .payment-type button {
        width: 100%;
        border-radius: 0 !important;
    }
    button.btn.one-button{
        border-radius: 5px !important;
        margin-right:0 !important;
    }
    .btn-info {
         background-color: #003464 !important;
         border-color: #003464 !important;
    }
    .subscription-onetime-heading {
        background: #F4F5F0;
        padding: 8px 5px;
        border-bottom: 1px solid #cdcdcd;
    }
    
    .subscription-onetime-heading h3 {
        font-size: 17px;
        text-align: center;
        margin: 0;
        padding: 5px 0px;
    }
    .mb-3 {
        margin-bottom: -1.5rem !important;
    }
    .one-p-buttons button {
        width: 95%;
    }
    
    .one-price-row {
        display: flex;
    }
    
    .button-row button {
        width: 100%;
    }
    
    .button-row {
        border-bottom: 1px dotted #a6a6a6;
        padding-bottom: 10px;
        border-width: 2px;
    }
    .month-p-buttons {
        text-align: left !important;
    }
    
    .month-p-buttons:nth-child(2) {
        text-align: center !important;
    }
    .month-p-buttons:last-child {
        text-align: right !important;
    }
    .one-p-buttons {
        text-align: left !important;
    }
    
    .one-p-buttons:nth-child(2) {
        text-align: center !important;
    }
    .one-p-buttons:last-child {
        text-align: right !important;
    }
    
    .month-p-buttons button{
        width: 95%;
    }
    
    .select-subscription-type {
        display: flex;
    }
    
    .payment-type {
        width: 50%;
    }
    
    
    .subscription-container.shadow-lg.p-3.bg-white.rounded button {
        background: #e9eae4;
        border: 1px solid #dfdfd7!important;
        border-radius: 5px !important;
            padding: 10px !important;
            font-size: 14px;
            margin-bottom: 3px;
        
    }
    .upbutton-container .active-payment-type button{
         color: white !important;
            border: 1px solid #003464 !important;
    }
     .active-payment-type button {
        background: #003464 !important;
        color: white !important;
        border: none;
        font-weight: 500;
    }
    
    .active-payment-type button:hover{
        background: #003464;
        color: white;
        border: none;
    }
    
    .inactive-button {
        border: 1px solid gray !important;
    }
    
    .subscription-onetime {
        opacity: 0;
        display: none;
    }
    
    .subscription-monthly {
        opacity: 0;
        display: none;
    }
    
    .active-subscription-onetime .subscription-onetime {
        opacity: 1;
        display: block;
    }
    
    .active-subscription-monthly .subscription-monthly {
        opacity: 1;
        display: block;
    }
    button.btn.btn-info.subscription-join {
        border-radius: 5px !important;
    }
    
    
    /* Chrome, Safari, Edge, Opera */
    .other-amount-second input::-webkit-outer-spin-button,
    .other-amount-second input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    /* Firefox */
    .other-amount-second input[type=number] {
      -moz-appearance: textfield;
    }
    
    
    
    button.btn.stripe-pay-button {
        background: #003464;
        width: 100%;
        color: white;
        font-weight: 600;
    }
    
    .payment-type.monthly-payment button
    {
    border-top-right-radius:5px !important;
    border-bottom-right-radius:5px !important;
    }
    
    .payment-type.onetime-payment button
    {
    border-top-left-radius:5px !important;
    border-bottom-left-radius:5px !important;
    }
    
    .upbutton-container
    {
        max-width:450px !important;
    }
    
    .subscription-container.shadow-lg.p-3.bg-white.rounded 
    {
    padding-top:0px !important;	
    padding-right:0px !important;
    padding-left:0px !important;
        max-width:450px !important;
    }
    
    .subscription-single 
    {
        padding-left:25px;
        padding-right:25px;
    }
    
    .subscription-onetime-heading
    {
        border-top-right-radius:5px;
        border-top-left-radius:5px;
    }
    
    
    
    .btn.btn-info.subscription-join
    {
        margin-top:10px;
        height:60px;
        font-size:120% !important;
    }
    
    .subscription-button-message.text-center.p-2
    {
        padding:20px !important;
    }
    
    .subscription-container.shadow-lg.p-3.bg-white.rounded .other-amount 
    {
        background: #e9eae4;
        border: 1px solid #dfdfd7!important;
        border-radius: 5px !important;
            padding: 7px !important;
    }
    
    .one-p-buttons.other-amount.one-button.sponser-onetime
    {
        border-radius:5px;
        height:55px;
    }
    
    .month-p-buttons.one-button.other-amount.one-active-button
    {
        background-color:transparent !important;
    }
    
    .other-amount 
    {
        border: 1px solid;
        margin-left: 8px;
        padding: 5px;
        cursor: pointer;
        display: flex;
        color: gray;
    }
    
    .other-amount-second input 
    {
        border: none !important;
        cursor: pointer !important;
        border-radius: 5px !important;
        margin-right: 8px !important;
        margin-bottom:0px !important;
        height: 24px !important;
        width: 97% !important;
         box-shadow: none !important;
    }
    
    .other-amount 
    {
        height: 55px;
    }
    
    .other-amount-second input:focus {
        outline: none;
    }
    .month-p-buttons .one-active-button, .one-p-buttons .one-active-button {
        background: #003464 !important;
        color: white !important;
        border: none !important;
    }
    
    .month-p-buttons .btn
    {
        color:#9b9b94;
        font-size:90% !important;
        height:55px;
        border-radius:5px !important;
    }
    
    .month-p-buttons.one-button.other-amount
    {
        height:55px !important;
        border-radius:5px !important;
    }
    
    
    .one-p-buttons .btn
    {
        color:#9b9b94;
        font-size:90% !important;
        height:55px;
        border-radius:5px !important;
    }
    
    .other-amount-second.pl-3 input
    {
        background-color:transparent;
    }
    .btn.inactive-button.one-button.sponser-onetime.one-active-button
    {
        color:#9b9b94;
    }

.subscription-container.active-subscription-monthly.shadow-lg.p-3.bg-white.rounded,
.subscription-container.shadow-lg.p-3.bg-white.rounded.active-subscription-onetime
{
	background-color:white;
}

.upbutton-container
{
	margin-bottom: 40px;
}

.subscription-onetime-heading
{
	margin-bottom:20px !important;
}

.one-price-row
{
	margin-bottom:10px;
}

.btn.btn-info.subscription-join
{
	color:white;
}

@media only screen and (max-width: 400px) {
    .subscription-container .one-button{
	font-size: 11px !important;
}  
}

form#payment-form input {
    position: relative;
    margin-top: 40px;
}

div#card-element {
    /* border: 1px solid #c2c2c2; */
    margin: 36px 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    padding: 10px 7px;
}

.marquee0 img 
{
    padding:0px !important;
    
   min-height:250px !important;
}
.apple-pay-button-black {
        -apple-pay-button-style: black;
     
    }
.apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
      border: 0;
      
    }
    .apple-pay-button.apple-pay-button-black {
        /*background-image: -webkit-named-image(apple-pay-logo-white);*/
        background-color: black !important;
       color: white;
    }