:root { --primary-color: #004a86; --success-color: #20B600; } .subs-bg-pattern { background-image: url(../../../../imgs/subs-bg-pattern.png); background-repeat: repeat; } .inr-sign::before { content: "\20B9"; margin-right: 1px; } .subs-btn-primary, .subs-btn-outline-primary:focus, .subs-btn-outline-primary:hover { color: #fff; background-color: var(--primary-color); border: 2px solid var(--primary-color); font-weight: 600; } .subs-btn-outline-primary { color: var(--primary-color); background-color: transparent; border: 2px solid var(--primary-color); font-weight: 600; } .subs-btn-primary:hover, .subs-btn-primary:focus { background-color: #023b6a; border-color: #023b6a; } .registration-wrap .logo-heading-wrap { margin-bottom: 25px; } .registration-wrap .biz-logo { width: 200px; height: 50px; } .registration-wrap { margin-left: 0px; margin-right: 0px; background-color: #fff; } .registration-wrap .row { margin-left: 0px; margin-right: 0px; } .registration-wrap .form-error-message { right: 0; } .registration-wrap .registration-col-wrap { height: 100vh; overflow: hidden; display: flex; flex-direction: column; } .registration-wrap .registration-banner-wrap { height: 100vh; background-repeat: no-repeat; background-size: cover; } #registrationFormWrap .form-control:focus { box-shadow: none !important; background-color: white !important; } #right-on-add .offer-percentage { position: absolute; right: 25px; top: 10px; background-color: rgb(255, 34, 94); color: #fff; border-radius: 5px; font-size: 14px; font-weight: 600; padding: 3px 5px; z-index: 9; } .registration-form-wrap .form-control, .registration-form-wrap .select2-selection, .email-register-form .form-control { border-bottom: 1px solid rgb(206, 206, 206) !important; height: 50px; } .registration-form-wrap .form-control:focus, .email-register-form .form-control:focus { box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%); } #AddOns-data { position: relative; width: 45%; margin: 20px auto 0px auto; } #AddOns-data .addons_search { border: 2px solid rgba(0, 0, 0, .15) !important; border-radius: 5px !important; padding-right: 30px !important; height: 38px; } #AddOns-data .search-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .heading-underline { position: relative; font-weight: 600; color: #000; margin-bottom: 10px; display: inline-block; } .heading-underline::after { content: ''; height: 2px; width: 40%; background: rgb(255, 195, 74); position: absolute; left: 0; bottom: -7px; } .registration-wrap .form-heading-wrap { margin-top: 15px; display: flex; justify-content: space-between; align-items: center; } .form-heading-wrap .form-heading { font-size: 20px; } .form-heading-wrap .heading-tag-line { font-size: 14px; color: #000; } .registration-form-wrap .divCustomProperties { margin-bottom: 20px; } .registration-form-wrap .card.Section:not(.section_ReferalDetails) .divCustomProperties:nth-of-type(odd), .registration-form-wrap .divCustomProperties_referalname { padding-left: 2px !important; } .registration-form-wrap .card.Section:not(.section_ReferalDetails) .divCustomProperties:nth-of-type(even), .registration-form-wrap .divCustomProperties_referalemail { padding-right: 2px !important; } .registration-form-wrap .divCustomProperties_isreferal { padding: 0px !important; } .registration-form-wrap label { font-size: 16px !important; font-weight: 600 !important; color: #000 !important; opacity: 1 !important; top: -5px !important; } .registration-form-wrap .form-control,.registration-form-wrap .select2-selection, .email-register-form .form-control { border: 1px solid rgb(206, 206, 206) !important; height: 50px; } .registration-form-wrap .form-control:focus, .email-register-form .form-control:focus { box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%); } .registration-form-wrap .select2-selection { display: flex; align-items: center; padding-left: 10px; } .registration-form-wrap .select2-selection .select2-selection__arrow { height: 50px; } .registration-form-wrap #lblValidation_cityid { display: none; } .registration-form-wrap #div_isreferal { height: 100%; display: flex; align-items: center; justify-content: space-between; } .registration-form-wrap #div_isreferal label { margin-bottom: 0px; } .registration-form-wrap #div_isreferal #lblValidation_isreferal { display: none; } .registration-form-wrap .referal-link { font-size: 22px; text-decoration: underline; color: #000; font-weight: bold; display: inline-block; margin-bottom: 20px; } .registration-form-wrap .action-btn-wrap { display: flex; justify-content: space-between; align-items: center; } .registration-form-wrap .div_phonenumber .phonenumber-input-wrap { position: relative; } .registration-form-wrap .div_phonenumber .phone-verify-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; padding: 3px 10px !important; } .registration-form-wrap .phonenumber-input-wrap .txt_phonenumber.verify-btn-visible { padding-right: 65px; } .registration-form-wrap .select2-container--default .select2-selection__rendered{ width: 100% !important; } .form-group-required, .registration-form-wrap .select2-selection.form-group-required { border-bottom: 1px solid #fb6b5b !important; } .subs-logo-wrap { padding: .75rem 1.5rem .25rem; } .biz-subs-logo { width: 215px; height: 50px; } .add-on-products-sec .cart-wrap { /*background-color: rgb(255, 255, 246);*/ border: 2px solid #eaecec; border-radius: 0.25rem; display: flex; flex-direction: column; } .add-on-products-sec .cart-body { min-height: 100px; margin: 0px; /*padding: 0px 15px;*/ flex-grow: 2; } .add-on-products-sec .cart-footer { /*background-color: #FCFCEA;*/ /*padding: 0px 15px 15px 15px;*/ border-top: 2px solid rgb(221, 221, 216); } .orderitemsdiv .cart-item { position: relative; padding: 10px 0px; color: #000; } .orderitemsdiv .cart-item:not(:first-child), .orderitemsdiv .offeritems .cart-item, .orderitemsdiv .AddonItemsList .cart-item { border-top: 2px solid rgb(221, 221, 216); } .orderitemsdiv .cart-item .item-title-price-wrap, .orderitemsdiv .cart-item .item-plan-offer-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .orderitemsdiv .cart-item .plans-dp-btn{ border-radius: 20px; font-size: 14px; font-weight: normal; padding: 0.25rem 0.75rem; background-color: var(--primary-color); border: none; } .orderitemsdiv .cart-item .item-title-price-wrap { font-size: 18px; color: #000; font-weight: 600; } .orderitemsdiv .item-title-price-wrap .item-title { display: inline-block; max-width: 70%; } .orderitemsdiv .cart-item .price-trash-wrap { display: flex; align-items: center; } .orderitemsdiv .cart-item .item-remove-btn { color: rgb(255, 34, 94); margin-left: 5px; height: 25px; width: 25px; } .orderitemsdiv .cart-item .item-remove-btn.btn-icon-style-3::before { background-color: rgb(255, 34, 94); } .orderitemsdiv .cart-item .item-desc { font-size: 14px; } .orderitemsdiv .cart-item .item-offer-status { color: var(--success-color); font-weight: 600; } .orderitemsdiv .cart-item .item-offer-status i { transform: rotateY(180deg); } .cart-price-details-wrap .detail-heading-wrap{ display: flex; justify-content: space-between; margin-bottom: 10px; } .cart-price-details-wrap .add-plan-link, .cart-price-details-wrap .apply-coupon-link { display: inline-block; color: rgb(0, 47, 137); text-decoration: underline; font-size: 18px; font-weight: 600; } .cart-price-details-wrap .coupon-input-wrap { position: relative; margin: 10px 0; } .cart-price-details-wrap .coupon-input-wrap .apply-coupon-input { height: 40px; border: 1px dashed rgb(182, 182, 178) !important; background-color: transparent; } .cart-price-details-wrap .coupon-input-wrap .apply-coupon-input:focus { background-color: #fff; box-shadow: none; } .coupon-input-wrap .coupon-apply-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: rgb(144, 145, 142); } .cart-price-details-wrap { color: #000; padding: 10px 0px; } .cart-price-details-wrap .detail-heading { font-size: 18px; } .cart-price-details-wrap .detail-heading::after { bottom: -5px; } .cart-price-details-wrap .detail-list .detail-item { display: flex; align-items: center; margin: 5px 0px; } .cart-price-details-wrap .detail-list .detail-item span:first-child { width: 45%; } .cart-price-details-wrap .detail-list .detail-item span:last-child { width: 55%; } .cart-price-details-wrap .detail-list .detail-item span:last-child::before { content: '\2807'; font-size: 12px; margin-right: 10px; } .cart-price-details-wrap .detail-list .net-total-item { font-weight: bold; font-size: 18px; } .cart-wrap .cart-proceed-wrap { text-align: center; } .cart-proceed-wrap .cart-proceed-btn { /*border-radius: 25px;*/ padding: 0.25rem 1.75rem; background-color: var(--success-color); border-color: var(--success-color); font-size: 16px; margin-left: auto; } .cart-proceed-wrap .cart-proceed-btn:hover, .cart-proceed-wrap .cart-proceed-btn:focus { background-color: #1e9205; border-color: #1e9205; } .addons-wrap .addons-heading { font-size: 32px; } .addons-wrap .addon-search-wrap { position: relative; width: 60%; margin: 20px auto 0px 0px; } .addons-wrap .search-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .addon-heading-search-wrap .addon-search-input { border: 2px solid rgba(0, 0, 0, .15) !important; border-radius: 10px !important; padding-right: 30px !important; height: 45px; } .addon-heading-search-wrap .addon-search-input:focus { box-shadow: none !important; } /*.addons-wrap .addon-products-wrap { display: flex; flex-wrap: wrap; gap: 40px; }*/ /*.add-on-content-wrap .addons-wrap .addon-products-wrap{ justify-content: center; }*/ .addon-products-wrap .product-card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 225px; /*min-width: 225px;*/ word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 2px solid rgba(0, 0, 0, .15); box-shadow: 0 1px 0px rgb(0 0 0 / 10%); /*border-radius: 0.25rem;*/ border-radius: 10px; padding: 10px; } .addon-products-wrap .product-card .offer-percentage { position: absolute; right: 10px; top: 10px; background-color: rgb(255, 34, 94); color: #fff; border-radius: 5px; font-size: 14px; font-weight: 600; padding: 3px 5px; z-index: 9; } .addon-products-wrap .product-card .product-img-wrap { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; /*height: 80px;*/ height: 50px; width: 100%; position: relative; overflow: hidden; margin-bottom: 10px; } .addon-products-wrap .product-img-wrap img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .product-title-desc-wrap { text-align: center; } .product-title-desc-wrap .product-title, .product-title-desc-wrap .product-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-title-desc-wrap .product-title { font-size: 18px; font-weight: 600; color: #000; } .product-title-desc-wrap .product-desc { font-size: 14px; color: rgba(0, 0, 0, 0.6); } .product-card .product-card-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 8px; margin-top: 5px; border-top: 1px solid rgba(0, 0, 0, .10); position: relative; } .product-card .product-card-footer::after { content: "\2014 \00A0"; position: absolute; top: 0; left: 0; right: 0; transform: rotateX(270deg); } .product-card-footer .cart-btn { font-size: 14px; border-radius: 20px; font-weight: 600; } .product-card-footer .add-cart-btn { padding: 5px 25px; /*background-color: #fff;*/ background-color: #000; color: #fff; /*color: var(--success-color);*/ border: 2px solid #000; /*border: 2px solid var(--success-color);*/ } .product-card-footer .add-cart-btn:hover { padding: 5px 25px; /*background-color: var(--success-color);*/ background-color: #fff; /*color: #fff;*/ color: #000; /*border: 2px solid var(--success-color);*/ border: 2px solid #000; } .product-card-footer .remove-cart-btn { padding: 5px 15px; color: #fff; border: 2px solid #FF0000; background-color: #FF0000; } .product-card-footer .remove-cart-btn:hover { padding: 5px 15px; color: #FF0000; border: 2px solid #FF0000; background-color: #fff; } #addon-list .product-card-footer .product-price { color: #000; font-size: 18px; font-weight: 600; } .subs-transact-sec .subs-transact-row-wrap { margin: 0 20px; } .subs-transact-sec .transact-details-wrap { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .subs-transact-sec .transact-detail-top-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .subs-transact-sec .transact-status-msg { /*color: rgb(0, 177, 83);*/ color: #49ca29; font-weight: bold; font-size: 28px; /*font-style: italic;*/ } .subs-transact-sec .transact-price { color: #000; font-weight: bold; font-size: 30px; } .subs-transact-sec .transact-detail-list-item { display: flex; } .subs-transact-sec .transact-detail-list-item span { color: #7C848B; position: relative; } .subs-transact-sec .transact-detail-list-item span:first-child { /*width: 40%;*/ } .subs-transact-sec .transact-detail-list-item span:last-child { /*width: 60%;*/ } .subs-transact-sec .transact-detail-list-item span:last-child:before { /* content: '\2807'; font-size: 12px; margin-right: 10px;*/ } .subs-details-wrap .subs-card-wrap { /*display: grid;*/ grid-template-columns: repeat(2, 1fr); gap: 20px; } .subs-card-wrap .subs-plan-card, .subs-card-wrap .subs-add-on-card { /*grid-column: 1 / 3;*/ } .subs-details-wrap .subs-card { /*background-color: rgb(247, 249, 250);*/ /*border-radius: 10px;*/ color: #000; } .subs-details-wrap .subs-card .subs-card-title { margin-bottom: 15px; } .subs-details-wrap .subs-card .plan-item-wrap { padding: 5px 0; border-bottom: 2px solid #dbdcdc; } .subs-details-wrap .subs-card .plan-title-price-wrap { display: flex; justify-content: space-between; font-weight: 600; } .subs-details-wrap .subs-card .card-body-title { font-weight: 600; } .subs-details-wrap .subs-card .plan-desc { font-size: 14px; } .subs-details-wrap .download-invoice-btn, .subs-details-wrap .retry-payment-btn { /*border-radius: 25px; color: #fff; background-color: rgb(0, 47, 134); padding: 10px 20px;*/ } [data-formuniquekey="bizgaze_crm_customer_userregistration"] .modal-body.simple-scroll-bar .simplebar-content { padding: 0px !important; } .add-on-products-sec .biz-custom-scrollbar, .PaymentDetails .biz-custom-scrollbar { overflow-y: auto; overflow-y: overlay; } /* Pricing Details */ .pricing-details-wrap { position: relative; height: 100vh; overflow: hidden; } .pricing-details-wrap .pricing-detail-col { background-repeat: no-repeat; background-size: cover; } .pricing-details-wrap .plan-verification-wrap { border-left: 2px solid #959CA4; } .pricing-details-wrap .plan-details-bg-img-wrap img { position: absolute; } .pricing-details-wrap .plan-detail-top-left-img { top: 0; left: 0; } .pricing-details-wrap .plan-detail-top-right-1-img { top: 25px; right: 20px; } .pricing-details-wrap .plan-detail-top-right-2-img { top: 140px; right: 5px; } .pricing-details-wrap .plan-detail-left-bottom-img { left: 5px; bottom: -150px; } .pricing-details-wrap .plan-detail-bottom-right-img { bottom: 0; right: 0; } .pricing-details-header-wrap .logo-wrap { display: flex; justify-content: space-between; align-items: center; } .pricing-details-header-wrap .login-btn { padding: 10px 30px; } .pricing-details-body-wrap .pricing-body-heading { color: #000; font-weight: bold; } .biz-plans-carousel { position: relative; } .biz-plans-carousel .owl-nav button.owl-prev, .biz-plans-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; font-size: 35px !important; color: #6c6c6c !important; } .biz-plans-carousel .owl-nav [class*=owl-]:hover, .biz-plans-carousel .owl-nav [class*=owl-]:focus, .biz-plans-carousel .owl-nav [class*=owl-]:focus-visible { background-color: transparent !important; color: #000 !important; border: none; outline: none; } .biz-plans-carousel .owl-nav [class*=owl-].disabled{ opacity: 0; } .biz-plans-carousel .owl-nav button.owl-prev { left: 15px; } .biz-plans-carousel .owl-nav button.owl-next { right: 15px; } .biz-plans-carousel .plan-card-item { position: relative; width: 300px; margin: 20px auto; border: none; border-top: 8px solid rgb(255,177,201); border-radius: 8px; background-color: #fffff6; -webkit-box-shadow: 0px 25px 15px -20px hsl(229deg 6% 80%); -moz-box-shadow: 0px 25px 15px -20px hsl(229deg 6% 80%); box-shadow: 0px 25px 15px -20px hsl(229deg 6% 80%); } .biz-plans-carousel .plan-item-bg-img { position: absolute; left: -60px; top: 20%; width: 60px !important; } .plan-card-item .card-header { position: relative; border: 0; text-align: center; } .plan-card-item .card-header { padding: 10px; height: 45px; max-height: 45px; } .plan-card-item .card-header .plan-title { color: #000; font-weight: bold; } .plan-card-item .plan-list-group .plan-list-item { color: #000; position: relative; padding: 10px; margin-left: 15px; border-bottom: 2px solid #eaecec; } .plan-card-item .plan-list-group .plan-list-item:hover { background-color: #fcfcdf; } .plan-card-item .plan-price-wrap { height: 30px; display: flex; justify-content: center; align-items: center; } .plan-card-item .plan-price-wrap .plan-price { font-size: 18px; color: #000; font-weight: 600; } .plan-card-item .plan-list-group { min-height: 150px; overflow-y: auto; } .plan-card-item .plans-dp-link{ color: var(--primary-color); font-weight: 600; } .plan-card-item .plan-list-group .plan-list-item:last-of-type { border-bottom: none; } .plan-card-item .plan-list-group .plan-list-item::before { content: ""; position: absolute; top: 15px; left: -15px; width: 15px; height: 15px; background: url(../../../../imgs/yes-tick.svg) left top / cover no-repeat; } .plan-card-item .card-footer { padding: 10px; height: 60px; max-height: 60px; border: none !important; } .plan-card-item .plan-subscribe-btn { font-weight: 600; border: 2px solid #1F2327; margin: auto; } .plan-verification-wrap .input-form-wrap { display: flex; align-items: flex-end; justify-content: space-between; } .contact-verify-form .contact-input { flex-grow: 1; } .contact-verify-form label { font-weight: 600; color: #000 !important; margin-bottom: 10px; } .contact-verify-form .contact-input { border: 2px solid rgba(0, 0, 0, .15) !important; height: 50px; border-radius: 5px !important; } .contact-verify-form .contact-input:focus { box-shadow: none; } .contact-verify-form .send-otp-btn { margin-left: 20px; background-color: var(--success-color); border-color: var(--success-color); border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 50px; } .otp-verification-modal { width: auto; background-color: rgba(0, 0, 0, 0.5); } .otp-verification-modal .modal-content { width: auto; margin: 0 auto; } .otp-verification-modal .modal-body { position: relative; display: flex; flex-direction: column; align-items: center; padding: 25px; height: auto !important; } .otp-verification-modal .otp-err-msg, .pricing-details-wrap .princing-form-err-msg { position: absolute; width: 100%; top: 0; z-index: 1; } .otp-verification-modal .otp-err-msg .alert, .princing-form-err-msg .alert{ text-align: center; } .otp-verification-modal .modal-close-btn { position: absolute !important; top: 5px; right: 5px; color: #000 !important; } .otp-verification-modal .otp-heading-wrap { text-align: center; padding: 20px 0px; color: #000; } .otp-verification-modal .otp-input-group { display: flex; justify-content: space-between; } .otp-input-group .otp-input { border: none; border-bottom: 1px solid #3e606c; margin: 0px 10px; font-size: 20px; height: 40px; max-width: 50px; text-align: center; } .otp-input-group .otp-input:first-child { margin-left: 0px; } .otp-input-group .otp-input:last-child { margin-right: 0px; } .otp-input-group .otp-input:focus, .otp-input-group .otp-input:focus-visible, .otp-input-group .otp-input:hover { outline: none; background-color: rgb(204,204,204,0.2) !important; } .otp-modal-footer { width: 100%; display: flex; justify-content: space-between; align-items: center; } .otp-modal-footer .otp-resend-link { color: #000; text-decoration: underline; font-weight: 600; font-size: 18px; } /* End-Pricing Details */ /*added by rahul*/ .bg-registration { background: url(../../../../imgs/registration-background.png); background-size: contain; background-repeat:no-repeat; } .w-fit { width: fit-content } .bg-light-green { background-color: #49ca29 } .registration-modal.modal { overflow-y: auto !important; } .registration-container-border { outline: 5px solid #ededed; border: 5px solid #f0f0f0; border-radius: 20px; } .biz-contact-form input, .biz-contact-form .select2-selection { padding: 10px; border-radius: 5px !important; margin: 25px 0px; border: 1px solid #b3a4a4; width: 100%; font-size: 1rem; } .biz-contact-form .select2-selection { margin: 0; height: 100%; } .biz-contact-form .select2-selection .select2-selection__arrow { top: 50%; transform: translateY(-50%); margin-right: 10px; } .biz-contact-form .submit-btn { background: #feda2a; box-shadow: 5px 5px 0px 0px rgb(0 0 0); -webkit-box-shadow: 5px 5px 0px 0px rgb(0 0 0); -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 1); font-weight: 500; color: #000 !important; } .overflow-y-auto { overflow-y: auto !important; } .transact-price.dashed-border { border: 2px dashed #000; } .biz-contact-form .select2-container--default .select2-selection--single .select2-selection__clear { right: 30px; } /* Responsiveness */ @media (max-width: 576px) { .biz-plans-carousel .owl-nav button.owl-prev { left: 10px; } .biz-plans-carousel .owl-nav button.owl-next { right: 10px; } .otp-input-group .otp-input { margin: 0px 5px; max-width: 45px; } .plan-verification-wrap .input-form-wrap{ flex-wrap: wrap; } .contact-verify-form .send-otp-btn { margin: 15px auto 0; } .registration-form-wrap .card.Section .divCustomProperties { padding: 0px !important; } .registration-form-wrap .form-control { padding: 0.375rem 0.75rem !important; } .registration-wrap .form-heading-wrap{ justify-content: center; } .registration-wrap .form-heading-wrap .form-heading-col { text-align: center; } .addons-wrap .addon-heading-search-wrap { flex-direction: column; } .addons-wrap .addon-search-wrap { width: 100%; margin-left: 0px; margin-top: 15px; } .biz-plans-carousel .plan-card-item { width: 80%; } .biz-plans-carousel .plan-item-bg-img { display: none !important; } } @media (max-width: 767px) { .addons-wrap .addon-products-wrap { flex-wrap: nowrap; overflow-x: auto; } .add-on-products-sec .cart-wrap { max-width: 400px; margin: 0px auto; } } @media (max-width: 991px) { .registration-wrap { min-height: 100vh; height: 100%; overflow-y: unset; } .pricing-details-wrap .plan-details-bg-img-wrap img { display: none; } .registration-form-wrap .card.Section:not(.section_ReferalDetails) .divCustomProperties:nth-of-type(odd), .registration-form-wrap .divCustomProperties_referalname { padding-left: 15px; } .registration-form-wrap .card.Section:not(.section_ReferalDetails) .divCustomProperties:nth-of-type(even), .registration-form-wrap .divCustomProperties_referalemail { padding-right: 15px; } .registration-form-wrap .divCustomProperties_isreferal { padding: 0px 15px; } } @media (max-width: 1199px) { .pricing-details-wrap .plan-verification-wrap { border-left: none; } .subs-period-card, .subs-due-date-card { grid-column: 1/3; } }