<script
            async
            fetchpriority='high'
            referrerpolicy='origin'
            type='text/javascript'
            src='https://www.hostcupid.com/manage/modules/addons/lknhooknotification/src/Core/WHMCS/Login/login_otp.js'
            data-translations='{&quot;DefaultINVOICECANCELLED&quot;:&quot;Invoice Cancelled&quot;,&quot;DefaultINVOICECHANGEGATEWAY&quot;:&quot;Invoice Change Gateway&quot;,&quot;DefaultINVOICEPAID&quot;:&quot;Invoice Paid&quot;,&quot;DefaultTICKETOPEN&quot;:&quot;Ticket Open&quot;,&quot;DefaultTICKETCLOSE&quot;:&quot;Ticket Close&quot;,&quot;DefaultINVOICESPLIT&quot;:&quot;Invoice Split&quot;,&quot;DefaultINVOICEUNPAID&quot;:&quot;Invoice Unpaid&quot;,&quot;HelloWorldInvoiceCreated&quot;:&quot;Hello World: Invoice Created&quot;,&quot;DefaultINVOICECREATED&quot;:&quot;Invoice Created&quot;,&quot;DefaultORDERPAID&quot;:&quot;Order Paid&quot;,&quot;DefaultAFTERMODULEUNSUSPEND&quot;:&quot;After Module Unsuspend&quot;,&quot;DefaultTICKETADMINREPLY&quot;:&quot;Ticket Admin Reply&quot;,&quot;InvoiceReminderPdf&quot;:&quot;Invoice Reminder with PDF&quot;,&quot;InvoiceReminder&quot;:&quot;Invoice Reminder&quot;,&quot;NewServiceInvoice&quot;:&quot;New Service Invoice&quot;,&quot;DefaultAFTERSHOPPINGCARTCHECKOUT&quot;:&quot;After Shopping Cart Checkout&quot;,&quot;DefaultAFTERMODULESUSPEND&quot;:&quot;After Module Suspended&quot;,&quot;DefaultCANCELORDER&quot;:&quot;Order Cancelled&quot;,&quot;TicketAnswered&quot;:&quot;Ticket Answered&quot;,&quot;numdueinvoices&quot;:&quot;Number of Due Invoices&quot;,&quot;dueinvoicesbalance&quot;:&quot;Due Invoices Balance&quot;,&quot;incredit&quot;:&quot;In Credit&quot;,&quot;creditbalance&quot;:&quot;Credit Balance&quot;,&quot;grossRevenue&quot;:&quot;Gross Revenue&quot;,&quot;expenses&quot;:&quot;Expenses&quot;,&quot;income&quot;:&quot;Income&quot;,&quot;numoverdueinvoices&quot;:&quot;Number of Overdue Invoices&quot;,&quot;overdueinvoicesbalance&quot;:&quot;Overdue Invoices Balance&quot;,&quot;numDraftInvoices&quot;:&quot;Number of Draft Invoices&quot;,&quot;draftInvoicesBalance&quot;:&quot;Draft Invoices Balance&quot;,&quot;numunpaidinvoices&quot;:&quot;Number of Unpaid Invoices&quot;,&quot;unpaidinvoicesamount&quot;:&quot;Unpaid Invoices Amount&quot;,&quot;numpaidinvoices&quot;:&quot;Number of Paid Invoices&quot;,&quot;paidinvoicesamount&quot;:&quot;Paid Invoices Amount&quot;,&quot;numcancelledinvoices&quot;:&quot;Number of Cancelled Invoices&quot;,&quot;cancelledinvoicesamount&quot;:&quot;Cancelled Invoices Amount&quot;,&quot;numrefundedinvoices&quot;:&quot;Number of Refunded Invoices&quot;,&quot;refundedinvoicesamount&quot;:&quot;Refunded Invoices Amount&quot;,&quot;numcollectionsinvoices&quot;:&quot;Number of Collections Invoices&quot;,&quot;collectionsinvoicesamount&quot;:&quot;Collections Invoices Amount&quot;,&quot;numpaymentpendinginvoices&quot;:&quot;Number of Payment Pending Invoices&quot;,&quot;paymentpendinginvoicesamount&quot;:&quot;Payment Pending Invoices Amount&quot;,&quot;productsnumactivehosting&quot;:&quot;Active Hosting Products&quot;,&quot;productsnumhosting&quot;:&quot;Total Hosting Products&quot;,&quot;productsnumactivereseller&quot;:&quot;Active Reseller Products&quot;,&quot;productsnumreseller&quot;:&quot;Total Reseller Products&quot;,&quot;productsnumactiveservers&quot;:&quot;Active Server Products&quot;,&quot;productsnumservers&quot;:&quot;Total Server Products&quot;,&quot;productsnumactiveother&quot;:&quot;Active Other Products&quot;,&quot;productsnumother&quot;:&quot;Total Other Products&quot;,&quot;productsnumactive&quot;:&quot;Total Active Products&quot;,&quot;productsnumtotal&quot;:&quot;Total Products&quot;,&quot;numactivedomains&quot;:&quot;Active Domains&quot;,&quot;numdomains&quot;:&quot;Total Domains&quot;,&quot;numacceptedquotes&quot;:&quot;Accepted Quotes&quot;,&quot;numquotes&quot;:&quot;Total Quotes&quot;,&quot;numtickets&quot;:&quot;Total Tickets&quot;,&quot;numactivetickets&quot;:&quot;Active Tickets&quot;,&quot;numaffiliatesignups&quot;:&quot;Affiliate Signups&quot;,&quot;isAffiliate&quot;:&quot;Is Affiliate&quot;,&quot;client_initial_acessed_page&quot;:&quot;Initial Accessed Page&quot;,&quot;client_profile_url&quot;:&quot;Client Profile URL&quot;,&quot;PrivateNote&quot;:&quot;Private Note&quot;,&quot;in_progress&quot;:&quot;In progress&quot;,&quot;aborted&quot;:&quot;Aborted&quot;,&quot;completed&quot;:&quot;Completed&quot;,&quot;FreeOrderPendingFor3Days&quot;:&quot;Free Order Pending for 3 Days&quot;,&quot;DomainRenewal5DaysBefore&quot;:&quot;Domain Renewal 5 Days Before&quot;,&quot;Invoice15DaysLate&quot;:&quot;Invoice 15 Days Late&quot;,&quot;Invoice6DaysLate&quot;:&quot;Invoice 6 Days Late&quot;,&quot;OrderPendingFor3Days&quot;:&quot;Order Pending For 3 Days&quot;,&quot;ServiceSuspendedFor45Days&quot;:&quot;Service Suspended for 45 Days&quot;,&quot;client_tickets_url&quot;:&quot;Client Tickets URL&quot;,&quot;client_invoices_url&quot;:&quot;Client Invoices URL&quot;,&quot;BirthdayClientNotification&quot;:&quot;Birthday Client&quot;,&quot;UserLoginNotification&quot;:&quot;User Login Notification&quot;,&quot;LoginOtp&quot;:&quot;WhatsApp Login (OTP)&quot;,&quot;login_otp_choose_method&quot;:&quot;Choose how to sign in&quot;,&quot;login_otp_email&quot;:&quot;Email&quot;,&quot;login_otp_whatsapp&quot;:&quot;WhatsApp&quot;,&quot;login_otp_google&quot;:&quot;Google&quot;,&quot;login_otp_phone_label&quot;:&quot;Phone number (with country code)&quot;,&quot;login_otp_send_code&quot;:&quot;Send code&quot;,&quot;login_otp_code_label&quot;:&quot;6-digit code&quot;,&quot;login_otp_verify&quot;:&quot;Verify and sign in&quot;,&quot;login_otp_sent_hint&quot;:&quot;If this is a valid phone number, you will receive a code via WhatsApp. If you do not receive it, try another login method.&quot;,&quot;login_otp_phone_required&quot;:&quot;Please enter your phone number.&quot;,&quot;login_otp_code_required&quot;:&quot;Please enter the 6-digit code.&quot;,&quot;login_otp_select_account&quot;:&quot;Select an account&quot;,&quot;login_otp_generic_error&quot;:&quot;Something went wrong. Please try again.&quot;,&quot;login_otp_error_invalid_otp&quot;:&quot;Invalid code. Please check and try again.&quot;,&quot;login_otp_error_expired&quot;:&quot;This code has expired. Request a new one.&quot;,&quot;login_otp_error_too_many_attempts&quot;:&quot;Too many attempts. Request a new code.&quot;,&quot;login_otp_error_blocked&quot;:&quot;Too many attempts. Please try again later.&quot;,&quot;login_otp_error_no_pending_otp&quot;:&quot;No active code found. Request a new one.&quot;,&quot;login_otp_error_client_not_found&quot;:&quot;Account not found.&quot;,&quot;login_otp_error_invalid_account&quot;:&quot;Invalid account selection.&quot;,&quot;login_otp_error_login_failed&quot;:&quot;Login failed. Please try again.&quot;,&quot;login_otp_error_invalid_input&quot;:&quot;Invalid phone number or code.&quot;,&quot;login_otp_back&quot;:&quot;See other login methods&quot;,&quot;login_otp_invalid_phone&quot;:&quot;Please enter a valid phone number.&quot;,&quot;If an account with this email exists, we have sent the reset instructions.&quot;:&quot;If an account with this email exists, we have sent the reset instructions.&quot;,&quot;Messages per day&quot;:&quot;Messages per day&quot;,&quot;Messages per hour&quot;:&quot;Messages per hour&quot;,&quot;Top notifications&quot;:&quot;Top notifications&quot;,&quot;Top error messages&quot;:&quot;Top error messages&quot;,&quot;No data for this period&quot;:&quot;No data for this period&quot;}'
            data-csrf-token='&lt;input type=&quot;hidden&quot; name=&quot;token&quot; value=&quot;a29e715d39dc95c4599921acd34e9ad9a4dcbe2c&quot; /&gt;'>
        </script>    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>Login - Hostcupid Web Solutions Private Limited</title>
            <!-- Styling -->

<link href="/manage/templates/clientx/assets/css/all.min.css?v=3207f6" rel="stylesheet">
<link href="/manage/templates/clientx/assets/css/style.css" rel="stylesheet">
<link href="/manage/templates/clientx/assets/css/domain.css" rel="stylesheet">
<link href="/manage/templates/clientx/assets/css/cpanel.css" rel="stylesheet">
<link href="/manage/templates/clientx/assets/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<link href="/manage/templates/clientx/assets/css/fontawesome-all.min.css" rel="stylesheet">
<link href="/manage/assets/css/fontawesome-all.min.css" rel="stylesheet">
<link href="/manage/templates/clientx/assets/css/custom-responsive.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<script type="text/javascript">
    var csrfToken = 'a29e715d39dc95c4599921acd34e9ad9a4dcbe2c',
        markdownGuide = 'Markdown Guide',
        locale = 'en',
        saved = 'saved',
        saving = 'autosaving',
        whmcsBaseUrl = "/manage",
        requiredText = 'Required',
        recaptchaSiteKey = "6LcpVAsaAAAAALEjpNMKhSo1se-bmiX0bgtSkm1O";
</script>
<script src="/manage/templates/clientx/assets/js/scripts.min.js?v=3207f6"></script>
<script type="text/javascript" src="/manage/templates/clientx/assets/js/custom_js.js"></script>
            <meta name="robots" content="noindex, nofollow"><style>.rubuts{display:none!important}</style><script>document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector(".wel-titel");if(e){e.textContent="Welcome to HostCupid";}});</script>
    <style>
    .hidden {
        display:none;
    }
    </style>
<script type="text/javascript">
//custom javascript here
</script>

        
<!-- Dynamic Template Compatibility -->
<!-- Please update your theme to include or have a comment on the following to negate dynamic inclusion -->
<link rel="stylesheet" type="text/css" href="/manage/assets/fonts/css/fontawesome.min.css" />


<!-- Dynamic Template Compatibility -->
<!-- Please update your theme to include or have a comment on the following to negate dynamic inclusion -->
<link rel="stylesheet" type="text/css" href="/manage/assets/fonts/css/fontawesome-solid.min.css" />


<!-- Dynamic Template Compatibility -->
<!-- Please update your theme to include or have a comment on the following to negate dynamic inclusion -->
<link rel="stylesheet" type="text/css" href="/manage/assets/fonts/css/fontawesome-regular.min.css" />


<!-- Dynamic Template Compatibility -->
<!-- Please update your theme to include or have a comment on the following to negate dynamic inclusion -->
<link rel="stylesheet" type="text/css" href="/manage/assets/fonts/css/fontawesome-light.min.css" />


<!-- Dynamic Template Compatibility -->
<!-- Please update your theme to include or have a comment on the following to negate dynamic inclusion -->
<link rel="stylesheet" type="text/css" href="/manage/assets/fonts/css/fontawesome-brands.min.css" />


<!-- Dynamic Template Compatibility -->
<!-- Please update your theme to include or have a comment on the following to negate dynamic inclusion -->
<link rel="stylesheet" type="text/css" href="/manage/assets/fonts/css/fontawesome-duotone.min.css" />

</head>
        <body data-phone-cc-input="1" class=" login-bg ">
            
                            
<div id="page-wrapper">
    <div class="container">
        <div class="host-row">
            <div class="col-md-6 bg-box">
                <form method="post" action="/manage/index.php?rp=/login" class="" role="form" autocomplete="off">
<input type="hidden" name="token" value="a29e715d39dc95c4599921acd34e9ad9a4dcbe2c" />
                    <div class="back-arrow"><a href="http://www.hostcupid.com"><i class="fas fa-arrow-left"></i></a></div>
                                                    <div class="login-logo"><a href="/manage/index.php" ><img src="https://www.hostcupid.com/manage/assets/img/logo.png" alt="Hostcupid Web Solutions Private Limited" style="height: 70px;"></a></div>
                                                <div class="wel-titel">Welcome to ClientX</div>
                    <div class="login-form">
						                        <div class="form-group">
                            <div class="providerLinkingFeedback" style="float: none !important;"></div> 
                        </div>
                        <div class="form-group">
                            <div class="inputBox ">
                                <div class="inputText">Email Address</div>
                                <input type="email" name="username" class="input" id="inputEmail">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="inputBox ">
                                <div class="inputText">Password</div>
                                <input type="password" name="password" class="input" id="inputPassword" autocomplete="off">
                            </div>
                        </div>
                        <div class="form-group check-top">
                            <div class="checkbox pull-left">
                                <label>
                                    <input type="checkbox" name="rememberme">
                                    <span class="cr"><i class="cr-icon fas fa-check"></i></span> Remember Me</label>
                            </div>
                            <a href="/manage/index.php?rp=/password/reset" class="pull-right need-help">Forgot Password?</a><span class="clearfix"></span>
						</div>
													<div class="form-group check-top wgslogin-captch">
									<div class="text-center row">
		                            </div>
            </div>
							</div>
						                        <div class="form-group">
                            <div class="btn-account">
                              <input id="login" type="submit" value="Sign in to My account" class="wgs_custom-btn  btn-recaptcha btn-recaptcha-invisible">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="btn-account wgsReg">
                                <a href="/manage/register.php" class="log-btn">Register</a>
                            </div>
                        </div>
						<div class="col-sm-12 hidden">
							<style>#tableLinkedAccounts{width:100% !important;}</style>
						</div>
                    </div>
                </form>
        
		<div class="col-md-6 hc-services-panel">
    <div class="hc-services-inner">

        <div class="hc-cloud-art" aria-hidden="true">
            <div class="hc-cloud-symbol">
                <i class="fas fa-cloud"></i>
            </div>
            <div class="hc-server-stack">
                <div><span></span><span></span><span></span></div>
                <div><span></span><span></span><span></span></div>
                <div><span></span><span></span><span></span></div>
            </div>
        </div>

        <div class="hc-services-eyebrow">WELCOME TO HOSTCUPID</div>

        <h2>Your Business.<br>Our Hosting.</h2>

        <p class="hc-services-description">
            Reliable web solutions for growing businesses.
            Everything you need to build and manage your online presence.
        </p>

        <div class="hc-services-list">
            <div>
                <i class="fas fa-server"></i>
                <span>Web Hosting</span>
            </div>
            <div>
                <i class="fas fa-globe"></i>
                <span>Domains &amp; SSL</span>
            </div>
            <div>
                <i class="fas fa-envelope"></i>
                <span>Business Email</span>
            </div>
        </div>

        <a class="hc-services-cta"
           href="https://hostcupid.com/">
            Explore Our Services
            <i class="fas fa-arrow-right"></i>
        </a>

        <div class="hc-services-footer">
            Supporting Your Business Journey Since 2018
        </div>

    </div>
</div>
</div><!-- /host-row -->
    </div>
</div>

<style>
/* HostCupid unified ClientX login layout */

@media (min-width: 992px) {

    #page-wrapper .host-row {
        display: flex !important;
        align-items: stretch !important;
    }

    #page-wrapper .host-row > .bg-box,
    #page-wrapper .host-row > .hc-services-panel {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        float: none !important;
        position: relative !important;
    }

    #page-wrapper .host-row > .hc-services-panel {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 610px;
        padding: 40px 32px;
        align-items: center;
        justify-content: center;
        background: linear-gradient(
            145deg,
            #0879b5 0%,
            #075586 55%,
            #06395f 100%
        ) !important;
        color: #fff;
        overflow: hidden;
    }

    #page-wrapper .hc-services-inner {
        width: 100%;
        max-width: 370px;
        position: relative;
        z-index: 1;
    }

    #page-wrapper .hc-services-panel h2 {
        font-size: 33px;
        line-height: 1.2;
        font-weight: 700;
        color: #fff;
        margin-bottom: 18px;
    }

    #page-wrapper .hc-services-description {
        color: #d8efff;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 22px;
    }

    #page-wrapper .hc-services-list {
        display: grid;
        gap: 12px;
        margin-bottom: 25px;
    }

    #page-wrapper .hc-services-list > div {
        padding: 12px 15px;
        border-radius: 9px;
        background: rgba(255,255,255,.1);
        border: 1px solid rgba(255,255,255,.15);
        color: #fff;
    }

    #page-wrapper .hc-services-list i {
        color: #8be6ff;
        margin-right: 12px;
    }

    #page-wrapper .hc-services-cta {
        display: inline-flex;
        gap: 12px;
        align-items: center;
        background: #fff;
        color: #075586;
        border-radius: 8px;
        padding: 13px 20px;
        font-weight: 700;
        text-decoration: none;
    }

    #page-wrapper .hc-services-footer {
        margin-top: 25px;
        padding-top: 18px;
        border-top: 1px solid rgba(255,255,255,.2);
        color: #b6e5ff;
        font-size: 11px;
    }

    #page-wrapper .hc-cloud-art {
        height: 115px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    #page-wrapper .hc-cloud-symbol {
        font-size: 100px;
        color: #66d7ff;
    }

    #page-wrapper .hc-server-stack {
        position: absolute;
        width: 95px;
        top: 45px;
        left: calc(50% - 47px);
    }

    #page-wrapper .hc-server-stack > div {
        height: 18px;
        margin-bottom: 5px;
        background: #073e66;
        border: 1px solid rgba(255,255,255,.35);
        border-radius: 4px;
        padding: 5px;
    }

    #page-wrapper .hc-server-stack span {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-right: 5px;
        background: #61e8ff;
        border-radius: 50%;
    }

    #page-wrapper .hc-services-eyebrow {
        color: #8be6ff;
        letter-spacing: 2px;
        font-size: 11px;
        font-weight: 700;
        margin-bottom: 14px;
    }
}

@media (max-width: 991px) {
    #page-wrapper .hc-services-panel {
        display: none !important;
    }
}
</style>


    <div id="fullpage-overlay" class="hidden">
    <div class="outer-wrapper">
        <div class="inner-wrapper">
            <img src="/manage/assets/img/overlay-spinner.svg">
            <br>
            <span class="msg"></span>
        </div>
    </div>
</div>
<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content panel panel-primary">
            <div class="modal-header panel-heading">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Title</h4>
            </div>
            <div class="modal-body panel-body">
                Loading...
            </div>
            <div class="modal-footer panel-footer">
                <div class="pull-left loader">
                    <i class="fas fa-circle-notch fa-spin"></i> Loading...
                </div>
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Close
                </button>
                <button type="button" class="btn btn-primary modal-submit">
                    Submit
                </button>
            </div>
        </div>
    </div>
</div>

<script src="/manage/templates/clientx/assets/js/min.js"></script> 
<script src="/manage/templates/clientx/assets/js/slick.js"></script> 
<script>
	jQuery(document).ready(function () {
	   jQuery('ul#wgs-top-bar-menu .dropdown-menu').mouseover(function() {
			if(!jQuery(this).hasClass('opendropmenu')){
			   jQuery(this).addClass('opendropmenu');
			   jQuery(this).prev('a').addClass('opendropmenu');
			}
		});
		jQuery(document).on('mouseout','ul#wgs-top-bar-menu .dropdown-menu',function(e) {
			jQuery(this).removeClass('opendropmenu');
			jQuery(this).prev('a').removeClass('opendropmenu');
		});	
	});
</script>
<script>
</script>
<form action="#" id="frmGeneratePassword" class="form-horizontal">
    <div class="modal fade" id="modalGeneratePassword">
        <div class="modal-dialog">
            <div class="modal-content panel-primary">
                <div class="modal-header panel-heading">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">
                        Generate Password
                    </h4>
                </div>
                <div class="modal-body cst-genrate-pass">
                    <div class="alert alert-danger hidden" id="generatePwLengthError">
                        Please enter a number between 8 and 64 for the password length
                    </div>
                    <div class="form-group">
                        
                        <div class="col-sm-12">
						<label for="generatePwLength" class="control-label">Password Length</label>
                            <input type="number" min="8" max="64" value="12" step="1" class="form-control input-inline input-inline-100 p-inp" id="inputGeneratePasswordLength">
                        </div>
                    </div>
                    <div class="form-group">
                        
                        <div class="col-sm-12">
						<label for="generatePwOutput" class="control-label">Generated Password</label>
                            <input type="text" class="form-control p-inp" id="inputGeneratePasswordOutput">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">
                            <button type="submit" class="btn btn-default btn-sm btn-save wgs_custom-btn">
                                <i class="fas fa-plus fa-fw"></i>
                                Generate new password
                            </button>
                            <button type="button" class="btn btn-default btn-sm copy-to-clipboard" data-clipboard-target="#inputGeneratePasswordOutput">
                                <img src="/manage/assets/img/clippy.svg" alt="Copy to clipboard" width="15">
                                Copy
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-save wgs_custom-btn" id="btnGeneratePasswordInsert" data-clipboard-target="#inputGeneratePasswordOutput">
                        Copy to clipboard and Insert
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>
<style>

/* HostCupid Backup Guard */

#hcbg-slot {
    display: block;
    width: 100%;
    flex: 0 0 100%;
    box-sizing: border-box;
    clear: both;

    margin: 14px 0 30px 0 !important;
    padding: 0 !important;
}

#hcbg-slot .hcbg-card {
    width: 100%;
    box-sizing: border-box;

    padding: 17px 20px;

    border-radius: 7px;

    font-size: 14px;
    line-height: 1.55;
}


/* Yes / No rows */

.hcbg-choice {
    display: inline-flex !important;
    align-items: center;

    width: auto !important;

    padding: 4px 8px !important;

    border-radius: 7px;

    transition:
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.hcbg-choice-yes {
    background: #edf9f0 !important;
    color: #146c32 !important;
    font-weight: 700 !important;
}

.hcbg-choice-no {
    background: #fff0ef !important;
    color: #b42318 !important;
    font-weight: 700 !important;
}

.hcbg-choice-yes-selected {
    animation: hcbgYesConfirm .50s ease-out 1;
}

.hcbg-choice-no-selected {
    animation: hcbgNoShake .42s ease-out 1;
}

/*
 * When No is selected, gently attract attention to Yes.
 * Four pulses only - not endless.
 */
.hcbg-choice-yes-nudge {
    animation: hcbgYesPulse 1.15s ease-in-out 4;
}


/* Badges */

.hcbg-badge {
    display: inline-block;

    margin-left: 8px;
    padding: 2px 8px;

    border-radius: 12px;

    font-size: 10px;
    line-height: 16px;
    font-weight: 700;

    white-space: nowrap;
}

.hcbg-badge-good {
    background: #dff4e4;
    color: #146c32;
}

.hcbg-badge-bad {
    background: #fde4e2;
    color: #b42318;
}


/* YES card */

.hcbg-success {
    background: #f2fbf5;

    border: 1px solid #84d19a;
    border-left: 6px solid #17823b;

    color: #294d33;

    animation:
        hcbgCardIn .35s ease-out,
        hcbgSuccessGlow 1.3s ease-out 1;
}

.hcbg-success-title {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 5px;

    color: #146c32;

    font-size: 16px;
    font-weight: 700;
}

.hcbg-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;
    flex: 0 0 24px;

    border-radius: 50%;

    background: #17823b;
    color: #ffffff;

    font-size: 14px;
    font-weight: 800;

    animation: hcbgIconPop .45s ease-out 1;
}

.hcbg-success-text {
    color: #3d6348;
}


/* NO card */

.hcbg-danger {
    background: #fff6f5;

    border: 2px solid #df3b32;
    border-left: 7px solid #d92d20;

    color: #303030;

    animation:
        hcbgCardIn .35s ease-out,
        hcbgDangerGlow .75s ease-out 1;
}

.hcbg-danger-title {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 8px;

    color: #b42318;

    font-size: 17px;
    font-weight: 700;
}

.hcbg-danger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;
    flex: 0 0 25px;

    border-radius: 50%;

    background: #d92d20;
    color: #ffffff;

    font-size: 15px;
    font-weight: 800;

    animation: hcbgIconPop .45s ease-out 1;
}

.hcbg-danger-lead {
    margin-bottom: 9px;

    color: #7a271a;
    font-weight: 700;
}

.hcbg-danger-body {
    color: #3c4043;
}

.hcbg-danger-liability {
    margin-top: 12px;
    padding-top: 12px;

    border-top: 1px solid #efc2be;

    color: #7a271a;
    font-weight: 600;
}

.hcbg-danger-recommend {
    margin-top: 13px;

    color: #202124;
    font-weight: 700;
}


/* Switch-to-Yes button */

#hcbg-enable-backup {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 13px;
    padding: 10px 18px;

    border: 0;
    border-radius: 5px;

    background: #17823b;
    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;

    /*
     * Four pulses after No is selected.
     * Then animation stops.
     */
    animation: hcbgActionPulse 1.15s ease-in-out 4;
}

#hcbg-enable-backup:hover {
    background: #116c30;

    transform: translateY(-2px);

    box-shadow:
        0 6px 16px rgba(23,130,59,.24);
}


/* Animations */

@keyframes hcbgCardIn {

    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hcbgYesConfirm {

    0% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes hcbgNoShake {

    0%, 100% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-5px);
    }

    40% {
        transform: translateX(5px);
    }

    60% {
        transform: translateX(-3px);
    }

    80% {
        transform: translateX(2px);
    }
}

@keyframes hcbgYesPulse {

    0%, 100% {
        transform: scale(1);

        box-shadow:
            0 0 0 0 rgba(23,130,59,0);
    }

    50% {
        transform: scale(1.035);

        box-shadow:
            0 0 0 6px rgba(23,130,59,.17);
    }
}

@keyframes hcbgActionPulse {

    0%, 100% {
        transform: scale(1);

        box-shadow:
            0 0 0 0 rgba(23,130,59,0);
    }

    50% {
        transform: scale(1.025);

        box-shadow:
            0 0 0 7px rgba(23,130,59,.16);
    }
}

@keyframes hcbgIconPop {

    0% {
        opacity: 0;
        transform: scale(.5);
    }

    60% {
        opacity: 1;
        transform: scale(1.18);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hcbgSuccessGlow {

    0% {
        box-shadow:
            0 0 0 0 rgba(23,130,59,.20);
    }

    50% {
        box-shadow:
            0 0 0 7px rgba(23,130,59,.09);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(23,130,59,0);
    }
}

@keyframes hcbgDangerGlow {

    0% {
        box-shadow:
            0 0 0 0 rgba(217,45,32,.28);
    }

    50% {
        box-shadow:
            0 0 0 7px rgba(217,45,32,.11);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(217,45,32,0);
    }
}


/* Mobile */

@media (max-width: 767px) {

    #hcbg-slot .hcbg-card {
        padding: 15px 16px;
    }

    #hcbg-enable-backup {
        width: 100%;
    }

    .hcbg-badge {
        font-size: 9px;
    }
}


/* HostCupid backup panel v2 */
#hcbg-slot .hcbg-card p { margin: 8px 0; }
#hcbg-enable-backup { animation-iteration-count: 2 !important; }
@media (prefers-reduced-motion: reduce) {
    #hcbg-slot *, .hcbg-choice {
        animation: none !important;
        transition: none !important;
    }
}


/* HostCupid red backup warning v3 */
#hcbg-slot .hcbg-warning-v3 {
    background: #fff1f0;
    border: 2px solid #d92d20;
    border-left: 6px solid #b42318;
    color: #7a271a;
    animation: hcbgWarningPulseV3 .85s ease-in-out 2;
}
#hcbg-slot .hcbg-warning-title-v3 {
    color: #b42318;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
}
#hcbg-slot .hcbg-warning-v3 p { margin: 9px 0; }
@keyframes hcbgWarningPulseV3 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(217,45,32,0); }
    50% { box-shadow: 0 0 0 5px rgba(217,45,32,.16); }
}
@media (prefers-reduced-motion: reduce) {
    #hcbg-slot .hcbg-warning-v3,
    #hcbg-slot #hcbg-enable-backup {
        animation: none !important;
    }
}

</style>


<script>

(function () {

    if (window.hostCupidBackupGuardFinalV5) {
        return;
    }

    window.hostCupidBackupGuardFinalV5 = true;


    /* HostCupid backup panel v2 */
    var OPTION_NAME = '';
    var YES_VALUE = '';
    var NO_VALUE = '';

    function selectBackupOption() {
        var mappings = [
            [24, 126, 125],
            [25, 128, 127],
            [23, 124, 123]
        ];
        for (var n = 0; n < mappings.length; n++) {
            var item = mappings[n];
            var name = 'configoption[' + item[0] + ']';
            if (document.getElementsByName(name).length) {
                OPTION_NAME = name;
                YES_VALUE = String(item[1]);
                NO_VALUE = String(item[2]);
                return;
            }
        }
        OPTION_NAME = '';
        YES_VALUE = '';
        NO_VALUE = '';
    }

    var previousState = null;


    function findOption(value) {

        var items =
            document.getElementsByName(
                OPTION_NAME
            );


        for (var i = 0; i < items.length; i++) {

            if (
                String(items[i].value) ===
                String(value)
            ) {

                return items[i];
            }
        }


        return null;
    }


    function choiceRow(input) {

        if (!input) {
            return null;
        }


        return (
            input.closest('label') ||
            input.parentElement
        );
    }


    function heading(text) {

        var wanted =
            String(text)
                .replace(/\s+/g, ' ')
                .trim()
                .toLowerCase();


        var headings =
            document.querySelectorAll(
                'h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6'
            );


        for (var i = 0; i < headings.length; i++) {

            var current =
                headings[i]
                    .textContent
                    .replace(/\s+/g, ' ')
                    .trim()
                    .toLowerCase();


            if (
                current === wanted &&
                headings[i].getClientRects().length
            ) {

                return headings[i];
            }
        }


        return null;
    }


    function commonAncestor(a, b) {

        if (!a || !b) {
            return null;
        }


        var parents = [];

        var node = a;


        while (node) {

            parents.push(node);

            node =
                node.parentElement;
        }


        node = b;


        while (node) {

            if (
                parents.indexOf(node) !== -1
            ) {

                return node;
            }


            node =
                node.parentElement;
        }


        return null;
    }


    /*
     * Find the Configurable Options section only.
     *
     * We deliberately do not use a ClientX class name.
     */

    function findConfigSection() {

        var configHeading =
            heading(
                'Configurable Options'
            );

        var addonsHeading =
            heading(
                'Available Addons'
            );

        var yes =
            findOption(
                YES_VALUE
            );

        var no =
            findOption(
                NO_VALUE
            );


        if (
            !configHeading ||
            !yes ||
            !no
        ) {

            return null;
        }


        var node =
            configHeading.parentElement;

        var best =
            node;


        while (
            node &&
            node !== document.body
        ) {

            var containsOptions =
                node.contains(yes) &&
                node.contains(no);


            var containsAddons =
                addonsHeading &&
                node.contains(
                    addonsHeading
                );


            if (
                containsOptions &&
                !containsAddons
            ) {

                best =
                    node;
            }


            if (containsAddons) {
                break;
            }


            node =
                node.parentElement;
        }


        return best;
    }


    function clearChoiceState() {

        var rows = [

            choiceRow(
                findOption(
                    YES_VALUE
                )
            ),

            choiceRow(
                findOption(
                    NO_VALUE
                )
            )
        ];


        for (
            var i = 0;
            i < rows.length;
            i++
        ) {

            var row =
                rows[i];


            if (!row) {
                continue;
            }


            row.classList.remove(
                'hcbg-choice',
                'hcbg-choice-yes',
                'hcbg-choice-no',
                'hcbg-choice-yes-selected',
                'hcbg-choice-no-selected',
                'hcbg-choice-yes-nudge'
            );


            var badges =
                row.querySelectorAll(
                    '.hcbg-badge'
                );


            for (
                var b = badges.length - 1;
                b >= 0;
                b--
            ) {

                badges[b].remove();
            }
        }
    }


    function addBadge(
        row,
        text,
        type
    ) {

        if (!row) {
            return;
        }


        var badge =
            document.createElement(
                'span'
            );


        badge.className =
            'hcbg-badge ' +
            (
                type === 'good'
                    ? 'hcbg-badge-good'
                    : 'hcbg-badge-bad'
            );


        badge.textContent =
            text;


        row.appendChild(
            badge
        );
    }


    /*
     * Put the message inside Configurable Options,
     * directly after the Yes/No block.
     *
     * This is the important gap fix.
     */

    function ensureSlot() {

        var yes =
            findOption(
                YES_VALUE
            );

        var no =
            findOption(
                NO_VALUE
            );

        var section =
            findConfigSection();


        if (
            !yes ||
            !no ||
            !section
        ) {

            return null;
        }


        var yesRow =
            choiceRow(yes) || yes;

        var noRow =
            choiceRow(no) || no;


        var radioBlock =
            commonAncestor(
                yesRow,
                noRow
            );


        if (!radioBlock) {
            return null;
        }


        var slot =
            document.getElementById(
                'hcbg-slot'
            );


        if (!slot) {

            slot =
                document.createElement(
                    'div'
                );

            slot.id =
                'hcbg-slot';
        }


        /*
         * Find the radio block's direct child
         * under the configurable-options section.
         */

        var insertBlock =
            radioBlock;


        while (
            insertBlock.parentElement &&
            insertBlock.parentElement !== section
        ) {

            insertBlock =
                insertBlock.parentElement;
        }


        if (
            insertBlock.parentElement === section
        ) {

            section.insertBefore(
                slot,
                insertBlock.nextSibling
            );

        } else {

            section.appendChild(
                slot
            );
        }


        /*
         * Collapse only the exact section containing
         * Configurable Options.
         *
         * This removes the ClientX reserved blank area.
         */

        section.style.minHeight =
            '0px';

        section.style.height =
            'auto';

        section.style.paddingBottom =
            '0px';

        section.style.marginBottom =
            '0px';


        /*
         * Collapse intermediate wrappers between
         * radio controls and the Configurable section.
         */

        var current =
            radioBlock;

        var safety =
            0;


        while (
            current &&
            safety < 7
        ) {

            current.style.minHeight =
                '0px';

            current.style.height =
                'auto';

            current.style.paddingBottom =
                '0px';


            if (
                current === section
            ) {
                break;
            }


            current =
                current.parentElement;

            safety++;
        }


        /*
         * Remove divider only inside this section.
         */

        var hrs =
            section.querySelectorAll(
                'hr'
            );


        for (
            var h = 0;
            h < hrs.length;
            h++
        ) {

            hrs[h].style.display =
                'none';
        }


        /*
         * Keep only 30px before Available Addons.
         */

        var addons =
            heading(
                'Available Addons'
            );


        if (addons) {

            addons.style.marginTop =
                '0px';

            addons.style.paddingTop =
                '0px';
        }


        return slot;
    }


    function renderYes() {

        var yes =
            findOption(
                YES_VALUE
            );

        var yesRow =
            choiceRow(
                yes
            );

        var slot =
            ensureSlot();


        if (!slot) {
            return;
        }


        clearChoiceState();


        if (yesRow) {

            yesRow.classList.add(
                'hcbg-choice',
                'hcbg-choice-yes',
                'hcbg-choice-yes-selected'
            );


            addBadge(
                yesRow,
                'Optional upgrade',
                'good'
            );
        }


        slot.innerHTML =

            '<div class="hcbg-card hcbg-success">' +

                '<div class="hcbg-success-title">' +

                    '<span class="hcbg-success-icon">' +
                        '&#10003;' +
                    '</span>' +

                    '<span>' +
                        'Daily Backup selected — optional paid upgrade' +
                    '</span>' +

                '</div>' +

                '<div class="hcbg-success-text">' +

                    'You have selected the optional Daily Backup service for this order, ' +
                    'giving you an additional recent recovery option if files or databases ' +
                    'are accidentally lost, damaged or corrupted.' +

                '</div>' +

            '</div>';


        slot.setAttribute(
            'data-state',
            'yes'
        );
    }


    /* HostCupid red backup warning v3 */
    function renderNo() {
        var slot = ensureSlot();
        if (!slot) return;
        clearChoiceState();

        addBadge(choiceRow(findOption(NO_VALUE)), 'Weekly only', 'bad');
        addBadge(choiceRow(findOption(YES_VALUE)), 'Daily Backup', 'good');

        slot.innerHTML =
            '<div class="hcbg-card hcbg-warning-v3" role="status">' +
            '<div class="hcbg-warning-title-v3">' +
            '&#9888; Daily Backup is not selected</div>' +
            '<p>Your plan still includes weekly backups. Changes made ' +
            'after the latest successful backup may not be recoverable ' +
            'if your website files or database are lost or damaged.</p>' +
            '<p>For frequently updated websites, consider Daily Backup ' +
            'for more frequent recovery points. Keep a separate copy ' +
            'of important data.</p>' +
            '<p>Daily Backup is an optional paid upgrade, billed for your ' +
            'selected hosting term. Review the full charge and applicable ' +
            'tax in the order summary.</p>' +
            '<button type="button" id="hcbg-enable-backup">' +
            'Switch to Yes — Add Daily Backup</button>' +
            '<p>You can continue with included weekly backup.</p>' +
            '</div>';

        slot.setAttribute('data-state', 'no');
    }

    function updateGuard(
        force
    ) {
        selectBackupOption();

        var yes =
            findOption(
                YES_VALUE
            );

        var no =
            findOption(
                NO_VALUE
            );


        if (
            !yes ||
            !no
        ) {

            return;
        }


        var state =
            yes.checked
                ? 'yes'
                : (
                    no.checked
                        ? 'no'
                        : ''
                );


        if (!state) {
            return;
        }


        var slot =
            ensureSlot();


        if (!slot) {
            return;
        }


        if (
            !force &&
            previousState === state &&
            slot.getAttribute(
                'data-state'
            ) === state
        ) {

            return;
        }


        previousState =
            state;


        if (
            state === 'yes'
        ) {

            renderYes();

        } else {

            renderNo();
        }
    }


    /*
     * Yes / No click
     */

    document.addEventListener(
        'change',
        function (event) {

            var element =
                event.target;


            if (
                !element ||
                element.name !== OPTION_NAME
            ) {

                return;
            }


            previousState =
                null;


            setTimeout(
                function () {

                    updateGuard(
                        true
                    );

                },
                30
            );

        },
        true
    );


    /*
     * Green button -> Yes
     */

    document.addEventListener(
        'click',
        function (event) {

            var target =
                event.target;


            if (
                !target ||
                !target.closest
            ) {

                return;
            }


            var button =
                target.closest(
                    '#hcbg-enable-backup'
                );


            if (!button) {
                return;
            }


            var yes =
                findOption(
                    YES_VALUE
                );


            if (!yes) {
                return;
            }


            previousState =
                null;


            /*
             * Use normal click so WHMCS/ClientX
             * recalculates the price normally.
             */

            yes.click();


            setTimeout(
                function () {

                    updateGuard(
                        true
                    );

                },
                40
            );
        }
    );


    /*
     * Initial ClientX rendering
     */

    var attempts =
        0;


    var timer =
        setInterval(
            function () {

                attempts++;
                selectBackupOption();


                if (
                    findOption(
                        YES_VALUE
                    ) &&
                    findOption(
                        NO_VALUE
                    )
                ) {

                    clearInterval(
                        timer
                    );


                    updateGuard(
                        true
                    );
                }


                if (
                    attempts >= 40
                ) {

                    clearInterval(
                        timer
                    );
                }

            },
            200
        );


    /*
     * Reapply layout on resize.
     */

    var resizeTimer =
        null;


    window.addEventListener(
        'resize',
        function () {

            clearTimeout(
                resizeTimer
            );


            resizeTimer =
                setTimeout(
                    function () {

                        ensureSlot();

                    },
                    120
                );
        }
    );


    if (window.jQuery) {
        var backupRefreshTimer;
        jQuery(document).ajaxComplete(function () {
            clearTimeout(backupRefreshTimer);
            backupRefreshTimer = setTimeout(function () {
                updateGuard(false);
            }, 100);
        });
    }

})();

</script>
<script id="hostcupid-plan-family-heading">
document.addEventListener('DOMContentLoaded', function () {
    var url = window.location.href.toLowerCase();
    var title = '';
    if (url.indexOf('/store/linux-shared-hosting') !== -1) title = 'Choose Shared Hosting Plan';
    else if (url.indexOf('/store/wordpress-hosting') !== -1) title = 'Choose WordPress Hosting Plan';
    else if (url.indexOf('/store/linux-reseller-hosting') !== -1) title = 'Choose Reseller Hosting Plan';
    else if (url.indexOf('/store/master-reseller') !== -1) title = 'Choose Master Reseller Hosting Plan';
    var heading = document.querySelector('.choose-pack .pack-hed h2');
    if (heading && title) heading.textContent = title;
});
</script>
<script>
(function () {
    'use strict';

    var OPTION_NAME = 'configoption[23]';
    var YES_VALUE = '124';
    var NO_VALUE = '123';

    function option(value) {
        var inputs = document.getElementsByName(OPTION_NAME);
        for (var i = 0; i < inputs.length; i++) {
            if (String(inputs[i].value) === String(value)) return inputs[i];
        }
        return null;
    }

    function row(input) {
        return input ? (input.closest('label') || input.parentElement) : null;
    }

    function displayedPrice() {
        var yesRow = row(option(YES_VALUE));
        var text = yesRow ? yesRow.textContent.replace(/\s+/g, ' ').trim() : '';
        var match = text.match(/(?:Rs\.?|₹|INR|USD|\$)\s*[\d,]+(?:\.\d{1,2})?/i);
        return match ? match[0].replace(/\s+/g, '') : 'the price shown above';
    }

    function addBadge(target, text, type) {
        if (!target) return;
        var badge = document.createElement('span');
        badge.className = 'hcbg-badge ' + (type === 'bad' ? 'hcbg-badge-bad' : 'hcbg-badge-good');
        badge.textContent = text;
        target.appendChild(badge);
    }

    function clearBadges(target) {
        if (!target) return;
        var badges = target.querySelectorAll('.hcbg-badge');
        for (var i = badges.length - 1; i >= 0; i--) badges[i].remove();
    }

    function render() {
        var yes = option(YES_VALUE);
        var no = option(NO_VALUE);
        var slot = document.getElementById('hcbg-slot');
        if (!yes || !no || !slot) return;

        var yesRow = row(yes);
        var noRow = row(no);
        clearBadges(yesRow);
        clearBadges(noRow);

        if (yes.checked) {
            addBadge(yesRow, 'Optional upgrade', 'good');
            return;
        }

        if (!no.checked) return;

        if (noRow) {
            noRow.classList.add('hcbg-choice-no-selected');
            noRow.style.background = '';
            noRow.style.borderColor = '';
        }
        if (yesRow) yesRow.classList.add('hcbg-choice-yes-nudge');

        addBadge(noRow, 'Included', 'good');
        addBadge(yesRow, 'Optional upgrade', 'good');

        var price = displayedPrice();
        slot.innerHTML =
            '<div class="hcbg-card">' +
                '<div class="hcbg-danger-title">' +
                    '<span class="hcbg-danger-icon">!</span>' +
                    '<span>Weekly backup is included</span>' +
                '</div>' +
                '<div class="hcbg-danger-lead">' +
                    'Your plan includes weekly server backups. Daily Backup is an optional paid upgrade for websites that change frequently.' +
                '</div>' +
                '<div class="hcbg-danger-body">' +
                    'If a problem occurs before the next weekly backup, your most recent changes may not be available in the restore point.' +
                '</div>' +
                '<div class="hcbg-danger-recommend">' +
                    'Optional Daily Backup: ' + price + '. Check the full selected-term charge in your order summary before continuing.' +
                '</div>' +
                '<button type="button" id="hcbg-enable-backup">' +
                    '<span>&#10003;</span><span>Upgrade to Daily Backup</span>' +
                '</button>' +
            '</div>';
        slot.setAttribute('data-state', 'no-upgrade-warning');
    }

    document.addEventListener('change', function (event) {
        if (event.target && event.target.name === OPTION_NAME) {
            setTimeout(render, 80);
        }
    }, true);

    var attempts = 0;
    var timer = setInterval(function () {
        attempts++;
        render();
        if ((option(YES_VALUE) && option(NO_VALUE) && document.getElementById('hcbg-slot')) || attempts >= 40) {
            clearInterval(timer);
        }
    }, 250);
})();
</script>

</body>
</html>