#tooltipAjaxSpin { margin: 30px; font-size: 0px; width: 20px; height: 20px; border-width: 3px; border-color: black rgba(0, 0, 0, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8); border-style: solid; border-radius: 50%; animation: 0.6s linear 0s infinite normal none running mcttSpinner; } #loginpop, #signuppop { overflow-y: auto !important; } @-webkit-keyframes mcttSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lds-ring div, .searchable ul { border-image: initial; } #login, #signup, .resbtn, .skip-btn { cursor: pointer; } .lds-ring div, .lightpick, .lightpick *, .lightpick::after, .lightpick::before, .searchable input { box-sizing: border-box; } #tooltipAjaxSpin { margin: 30px; font-size: 0px; width: 20px; height: 20px; border-width: 3px; border-color: rgb(0, 0, 0) rgba(0, 0, 0, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8); border-style: solid; border-radius: 50%; } @-webkit-keyframes mcttSpinner { 100% { transform: rotate(360deg); } } @media (max-width: 992px) { .verifyotp, .wrongotp { width: 82%; } .loginbtns, .logininputtxt { width: 100%; background: rgb(255, 255, 255); } .login-wl .modal-content { position: fixed; bottom: 0px; height: auto !important; top: auto !important; padding: 0px !important; width: 100% !important; border-radius: 30px 30px 0px 0px !important; } .login-wl .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 1rem 1.125rem; border-bottom: 1px solid rgb(189, 189, 189); } .logininputtxt { border: 1px solid rgb(204, 204, 204); border-radius: 8px; height: auto; margin-bottom: 15px; padding: 10px 15px !important; } .loginbtns { align-items: center; padding: 10px; border-radius: 8px; margin: 0px auto 15px; border: 1px solid rgb(204, 204, 204); font-family: "open sans", Tahoma, Arial, helvetica, sans-serif !important; } .apple-signin, .email-signin, .mob-signin { font-size: 14px; padding: 7px 10px; color: rgb(77, 77, 77) !important; } .apple-signin:focus, .apple-signin:hover, .email-signin:focus, .email-signin:hover, .mob-signin:focus, .mob-signin:hover { color: rgb(77, 77, 77) !important; } .fb-signin { background: rgb(66, 103, 178); color: rgb(255, 255, 255); border: 1px solid rgb(66, 103, 178); } .google-signin { background: rgb(81, 142, 248); color: rgb(255, 255, 255); border: 1px solid rgb(81, 142, 248); } .otp-signin { border: 1px solid rgb(237, 132, 19); } .otp-signin { padding: 9px 10px; background: rgb(237, 132, 19); color: rgb(255, 255, 255); justify-content: center; font-size: 14px; } .login-bg-img { text-align: center; margin: 0px 20px 15px; } .login-bg-img img { width: 130px; } .taglin-login { font-size: 13px; text-align: center; color: rgb(77, 77, 77); margin-bottom: 0px; } .termcondition { text-align: center; font-size: 12px; line-height: 20px; font-weight: 300; margin-top: 10px; margin-bottom: 20px; } .termcondition a { text-decoration: underline; font-weight: 300; } .loginbtns span { width: 190px; text-align: left; margin: 0px auto; display: flex; gap: 6px; align-items: center; font-size: 15px; } #loginpops .loginbtns span { width: 205px; } .loginclosebtn { display: flex; justify-content: flex-end; opacity: 1; position: absolute; right: 22px; margin-top: 7px; color: rgb(77, 77, 77); } .loginclosebtn span { background: rgb(255, 255, 255); font-size: 29px; text-align: center; position: relative; z-index: 999999; } .verifyotp, .wrongotp { border-radius: 30px; color: rgb(255, 255, 255); text-align: left; font-weight: 700; font-size: 14px; display: flex; } .taglin-login p { line-height: 10px; } .loginfom .login-topbg img { border-radius: 10px; width: 200px; } .loginfom .login-bg-img { margin: 20px !important; } button.google-signin.loginbtns span { padding-left: 3px; gap: 8px; } .desktopdflx .modal-body { flex: 1 1 auto; padding: 1.125rem; } a.backtologin { padding: 10px 20px 0px; } .verifyotp { background: rgb(86, 189, 119); padding: 10px; margin: -15px 30px 0px; max-height: 39px; align-items: center; } .wrongotp { background: rgb(247, 87, 87); padding: 7px 20px; margin: -17px 30px 0px; gap: 10px; align-items: center; line-height: 18px; } .desktopdflx { overflow-y: auto; max-height: 600px; } .loginbtns:focus, .loginbtns:hover, .logininputtxt:focus, .logininputtxt:hover { color: rgb(77, 77, 77); box-shadow: rgb(204, 204, 204) 1px 1px 4px; transform: scale(1.01); } .logininputtxtbox:focus .loginmobilenumberinput, .logininputtxtbox:focus .loginmobilenumbersrch, .logininputtxtbox:hover .loginmobilenumberinput, .logininputtxtbox:hover .loginmobilenumbersrch { box-shadow: rgb(211, 211, 211) 3px 1px 3px; } .searchable ul { width: max-content !important; } .lightpick__month-title > .lightpick__select { outline: 0px; appearance: none; padding: 0px 15px 0px 0px; max-height: 100px; height: auto; border: 0px !important; width: min-content !important; color: rgb(77, 77, 77) !important; background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=") 91% 2px / 8px no-repeat !important; } } @media (min-width: 992px) { .verifyotp, .wrongotp { width: fit-content; padding: 7px 20px; border-radius: 30px; color: rgb(255, 255, 255); text-align: left; font-weight: 700; z-index: 9999; gap: 10px; line-height: 1px; min-width: 300px; margin: -20px auto 0px; display: flex; font-size: 14px; } .animate-bottom { position: relative; } .verifyotp { background: rgb(86, 189, 119); max-height: 39px; align-items: center; } .wrongotp { background: rgb(247, 87, 87); align-items: center; } .login-bg-img, .loginfom .modal-header, .taglin-login { text-align: center; } .loginbuttons button span { display: flex; gap: 5px; margin: 0px auto; align-items: center; } .loginbtns span { width: 205px; } button.google-signin.loginbtns span { padding-left: 4px; gap: 8px; } .desktopdflx .modal-body { padding: 30px; } .desktopdflx { display: grid; grid-template-columns: 1fr 1fr; height: auto; } .login-wl .modal-content { padding: 0px !important; top: 0px !important; } .desktopdflx .login-topbg { background: rgb(242, 242, 242); display: flex; align-items: center; justify-content: center; border-radius: 0px 0px 0px 15px; } .modal-wrapper.mdl-lg .modal-content { width: 50% !important; max-width: 900px !important; } .login-wl .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 1rem 1.125rem; border-bottom: 1px solid rgb(189, 189, 189); border-top-left-radius: calc(-1px + 0.75rem); border-top-right-radius: calc(-1px + 0.75rem); } .login-wl .close, .login-wl .loginclosebtn { position: absolute; right: 20px; margin-top: 10px; line-height: 1; color: rgb(77, 77, 77); text-align: end; font-size: 2rem; cursor: pointer; } .logininputtxt { border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); border-radius: 8px; width: 100%; height: auto; margin-bottom: 15px; padding: 10px 15px !important; } .apple-signin, .mob-signin { font-size: 14px; padding: 7px 10px; color: rgb(77, 77, 77) !important; } .apple-signin:focus, .apple-signin:hover, .email-signin:hover, .mob-signin:focus, .mob-signin:hover { color: rgb(77, 77, 77) !important; } .otp-signin { padding: 9px 10px; background: rgb(237, 132, 19); color: rgb(255, 255, 255); border: 1px solid rgb(237, 132, 19); justify-content: center; font-size: 14px; } .login-bg-img { margin: 0px 20px 15px; display: block; } .login-bg-img img { width: 70%; border-radius: 15px; margin-bottom: 10px; } .taglin-login { font-size: 13px; color: rgb(77, 77, 77); margin-bottom: 25px; } } .enotp, .numborange, .timer-box { justify-content: center; gap: 10px; } .logininputtxt::placeholder { color: rgb(184, 184, 188); } .enotp, .numborange { text-align: center; width: 100%; display: flex; align-items: center; } .back-btn, .hover_popup .logininputtxtbox input { text-align: left; } .enotp { margin-top: 40px; font-weight: 600; } .form-content .form-button.verbtn { margin-right: auto; margin-left: auto; margin-top: 25px !important; margin-bottom: 25px !important; max-width: 220px !important; } .loginfom, .otp-signin span, .usr-hd { justify-content: center; } .timer-box #timer { border: 1px solid rgb(237, 132, 19); padding: 0px 5px; border-radius: 5px; } .loginfom .form-content { text-align: center; } .back-btn { position: absolute; } .numborange { color: rgb(237, 132, 19); } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; } .modal { background: rgba(0, 0, 0, 0.8) !important; } .user-verified { margin-top: 0px; margin-bottom: 70px; width: calc(79vw); box-shadow: rgba(16, 66, 97, 0.09) 0px 0px 10px 1px; border-radius: 20px; margin-left: -15px; color: rgb(77, 77, 77); } .usecbtitle, .usr-get-start { text-align: center; width: 100%; } .usr-hd { background: rgb(216, 237, 253); padding: 30px; display: flex; border-radius: 20px 20px 0px 0px; } .usr-hd img { width: 40px; height: 40px; } .usecbtitle { padding: 15px 0px; font-weight: 700; font-size: 14px; } .usr-vrilist { padding: 0px 0px 0px 50px; } .usr-vrilist li { list-style: inside disc; line-height: 2em; } .usr-get-start { margin: 20px auto 0px; display: block; color: rgb(5, 132, 235); padding-bottom: 30px; font-weight: 600; font-size: 16px; } #signpopup, .animate-bottom, .logininputtxtbox.dobcalicon, .orboxsep::before { position: relative; } @keyframes animatebottom { 100% { bottom: 0px; opacity: 1; } } .anibutton .circle { position: absolute; border-radius: 50%; pointer-events: none; background-image: radial-gradient(circle closest-side, rgb(255, 255, 255), rgb(255, 255, 255)); width: 1px; height: 1px; z-index: 3; animation-name: ripple; animation-duration: 0.5s; animation-timing-function: ease-in; } @-webkit-keyframes ripple { 75% { transform: scale(450, 450); opacity: 0.75; } 100% { transform: scale(700, 700); opacity: 0; } } @keyframes ripple { 75% { transform: scale(450, 450); opacity: 0.75; } 100% { transform: scale(700, 700); opacity: 0; } } .searchable { background: rgb(255, 255, 255) !important; } .searchable input { width: 63px; display: block; color: rgb(73, 80, 87); border-right: 0px !important; background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=") right center / 15% no-repeat !important; } .mobilelogin .searchable input { height: 44px; min-width: 75px; } .loginmobilenumbersrch { border-radius: 8px 0px 0px 8px; } .g-recaptcha { margin-top: 5px; display: flex; justify-content: center; } .namefl { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .titlefield { margin-bottom: 10px; } .dobinput, .logininputtxtbox.mobilelogin { margin-bottom: 15px; } .selectnationality { font-size: 0.9rem; height: 41px; width: 100% !important; background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=") 95% 15px / 9px no-repeat !important; } .xdsoft_today_button { display: none !important; } input::-webkit-datetime-edit-day-field:focus { background: 0px 0px; color: grey; } input[type="date"] { align-content: flex-start; min-inline-size: calc(100% - 16px); line-height: 1.4em; width: 100% !important; text-align: left !important; font-family: ubuntu, -apple-system, "segoe ui", roboto, oxygen, cantarell, "fira sans", "droid sans", "helvetica neue", sans-serif !important; } input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button { display: block; appearance: none; opacity: 0; } input[type="date"]::-webkit-calendar-picker-indicator { color: gray; opacity: 0; display: block; width: 100%; height: 20px; position: absolute; left: -5px; border-width: thin; font-family: Ubuntu; } .dobinput { border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); border-radius: 8px; width: 100%; height: auto; padding: 10px 10px 10px 35px !important; } input::-webkit-date-and-time-value { padding-left: 30px; width: 100%; text-align: left !important; } .dobcalicon svg { position: absolute; margin-left: 10px; color: gray; height: 14px; margin-top: 13px; } .modal-wrapper .modal-content, .modal-wrapper.loginfom .modal-content.animate-bottom { overflow: initial !important; } .skip-btn { background: rgba(77, 77, 77, 0.45); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 30px; font-size: 12px; display: flex; align-items: center; gap: 2px; width: fit-content; position: absolute; z-index: 999; right: 20px; top: 15px; line-height: 16px; } .anibutton:focus svg, .anibutton:hover svg { fill: rgb(255, 255, 255) !important; } .loginfom svg { vertical-align: middle; min-width: 17px; max-height: 20px; } .searchable ul { max-width: max-content; width: auto !important; margin-top: 0px !important; } .overflow-hidden { height: auto !important; } span.contmnbox:focus input, span.contmnbox:hover input { box-shadow: rgb(211, 211, 211) 3px 1px 3px; } span.contmnbox, span.mobinpt { border-radius: 5px; border: 1px solid rgba(126, 133, 155, 0.4) !important; } .searchable input { margin-bottom: 0px; border-radius: 5px; border: none !important; box-shadow: none !important; } .contmnbox .searchable { background: 0px 0px !important; } .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; top: 0px; z-index: 9999999; } .hover_popup .taglin-login.headtagline2, .lightpick.is-hidden, .lloader_all { display: none; } .lds-ring div { display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border-width: 8px; border-style: solid; border-radius: 50%; animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite normal none running lds-ring; border-color: rgb(237, 132, 19) transparent transparent; } .lds-ring div:first-child { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 100% { transform: rotate(360deg); } } .lloader_all { z-index: 99999999; left: 50%; top: 45%; position: fixed; } .google-signin img { width: 22px; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(239, 236, 243); border-radius: 0.75rem; box-shadow: rgba(31, 27, 45, 0.08) 0px 0.125rem 0.125rem -0.125rem, rgba(31, 27, 45, 0.08) 0px 0.25rem 0.75rem; outline: 0px; } .lightpick, .lightpick__tooltip { box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; } .modal-wrapper.mdl-lg .modal-content { width: 40%; max-width: 900px; } .modal { z-index: 1055; width: 100%; overflow: hidden auto; outline: 0px; } .modal-wrapper { right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8); z-index: -1; pointer-events: auto; } .modal { padding-top: 0px; background-color: rgb(0, 0, 0); align-items: center; } .verifyotp img, .wrongotp img { width: 25px; } .p-b-20 { padding-bottom: 20px !important; } span#inpemail { border: none !important; } input[type="date"].dobinput { line-height: 1.2em; height: 41px; padding-left: 35px !important; } .taglin-login p { font-size: 13px; } .dobinput, .logininputtxt, .logininputtxt button, .logininputtxt input, .searchable input { font-size: 0.9rem !important; } .capname input { text-transform: capitalize; } @media (max-width: 1025px) { @keyframes animatebottom { 0% { bottom: -600px; opacity: 0; } 100% { bottom: 0px; opacity: 1; } } .animate-bottom { position: relative; } .modal-wrapper .modal-content { height: 100%; } } .fieldsbox input, .logininputtxtbox select { color: rgb(77, 77, 77) !important; } .lightpick { position: absolute; z-index: 99999; padding: 4px; border-radius: 4px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: system-ui, Roboto, Helvetica, Arial, sans-serif; line-height: 1.125em; } .lightpick--inlined { position: relative; display: inline-block; } .lightpick__months { display: grid; background-color: rgb(238, 238, 238); grid-template-columns: auto; gap: 1px; } .lightpick--2-columns .lightpick__months { grid-template-columns: auto auto; } .lightpick--3-columns .lightpick__months { grid-template-columns: auto auto auto; } .lightpick--4-columns .lightpick__months { grid-template-columns: auto auto auto auto; } .lightpick--5-columns .lightpick__months { grid-template-columns: auto auto auto auto auto; } .lightpick__month { padding: 4px; width: 288px; background-color: rgb(255, 255, 255); } .lightpick__month-title-bar { display: flex; margin-bottom: 4px; justify-content: space-between; align-items: center; } .lightpick__month-title { margin-top: 4px; margin-bottom: 4px; margin-left: 4px; font-size: 16px; font-weight: 400; line-height: 24px; cursor: default; padding: 0px 4px; border-radius: 4px; display: flex; } select.lightpick__select option { line-height: 10px; font-size: 13px; padding: 5px 20px; } select.lightpick__select.lightpick__select-months { padding-right: 15px; } .lightpick__month-title > .lightpick__select { outline: 0px; appearance: none; padding: 0px 15px 0px 0px; max-height: 100px; height: auto; border: 0px !important; width: min-content !important; color: rgb(77, 77, 77) !important; background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=") 91% 2px / 8px no-repeat !important; } .lightpick__month-title > .lightpick__select:disabled { color: rgb(51, 51, 51); } .lightpick__month-title > .lightpick__select-months { font-weight: 700; font-size: 1em; margin-right: 0.5em; } .lightpick__toolbar { display: flex; text-align: right; justify-content: flex-end; } .lightpick__close-action, .lightpick__next-action, .lightpick__previous-action { display: flex; margin-left: 6px; width: 32px; height: 32px; outline: 0px; border: 0px; border-radius: 50%; background-color: rgb(221, 221, 221); justify-content: center; align-items: center; } .lightpick__next-action, .lightpick__previous-action { font-size: 12px; } .lightpick__close-action { font-size: 18px; } .lightpick__close-action:active, .lightpick__next-action:active, .lightpick__previous-action:active { color: inherit; } .lightpick__days-of-the-week { display: grid; grid-template-columns: repeat(7, 1fr); } .lightpick__day-of-the-week { display: flex; font-size: 11px; font-weight: 700; justify-content: center; align-items: center; } .lightpick__days { display: grid; grid-template-columns: repeat(7, 1fr); } .lightpick__day { display: flex; height: 40px; background-position: center center; background-size: contain; background-repeat: no-repeat; font-size: 13px; justify-content: center; align-items: center; cursor: default; } .lightpick__day.is-today { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGNpcmNsZSBmaWxsPSdyZ2JhKDIyMCwgNTAsIDQ3LCAuNSknIGN4PScxNicgY3k9JzE2JyByPScxNicvPjwvc3ZnPg=="); background-size: 18.8%; background-position: center bottom; color: rgb(220, 50, 47); } .lightpick__day.is-disabled.is-forward-selected:not(.is-start-date), .lightpick__day.is-in-range { background-color: rgba(38, 139, 210, 0.1); background-image: none; } .lightpick__day:not(.is-disabled):hover { background-size: contain; background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGNpcmNsZSBmaWxsPScjRTBFMEUwJyBjeD0nMTYnIGN5PScxNicgcj0nMTYnLz48L3N2Zz4="); } .lightpick__day.is-disabled { opacity: 0.38; pointer-events: none; } .lightpick__day.disabled-tooltip { pointer-events: auto; } .lightpick__day.is-disabled.is-forward-selected, .lightpick__day.lightpick__day.is-in-range:not(.is-disabled) { opacity: 1; } .lightpick__day.is-next-month, .lightpick__day.is-previous-month { opacity: 0.38; } .lightpick__day.is-in-range { border-radius: 0px; } .lightpick__day.is-in-range:hover { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGNpcmNsZSBmaWxsPSdyZ2JhKDM4LCAxMzksIDIxMCwgMC41KScgY3g9JzE2JyBjeT0nMTYnIHI9JzE2Jy8+PC9zdmc+"); } .lightpick__day.is-end-date.is-in-range.is-flipped, .lightpick__day.is-start-date.is-in-range { border-radius: 50% 0px 0px 50%; background-color: rgb(38, 139, 210); background-image: none; } .lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped { border-radius: 0px 50% 50% 0px; background-color: rgb(38, 139, 210); background-image: none; } .lightpick__day.is-end-date, .lightpick__day.is-end-date:hover, .lightpick__day.is-start-date, .lightpick__day.is-start-date.is-end-date, .lightpick__day.is-start-date:hover { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGNpcmNsZSBmaWxsPScjMjY4QkQyJyBjeD0nMTYnIGN5PScxNicgcj0nMTYnLz48L3N2Zz4="); } .lightpick__day.is-start-date.is-end-date { background-color: transparent; } .lightpick__day.is-end-date, .lightpick__day.is-end-date:hover, .lightpick__day.is-start-date, .lightpick__day.is-start-date:hover { background-size: auto; background-position: center center; color: rgb(255, 255, 255); font-weight: 700; } .lightpick__tooltip { position: absolute; margin-top: -4px; padding: 4px 8px; border-radius: 4px; background-color: rgb(255, 255, 255); white-space: nowrap; font-size: 11px; pointer-events: none; } .lightpick__tooltip::before { position: absolute; bottom: -5px; left: calc(50% - 5px); border-top: 5px solid rgba(0, 0, 0, 0.12); border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; } .lightpick__tooltip::after { position: absolute; bottom: -4px; left: calc(50% - 4px); border-top: 4px solid rgb(255, 255, 255); border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .lightpick__footer { display: flex; justify-content: space-between; } .lightpick__apply-action, .lightpick__reset-action { border-radius: 5px; font-size: 12px; border: 0px; } .lightpick__reset-action { color: rgb(255, 255, 255); background-color: rgb(174, 172, 173); } .lightpick__apply-action { color: rgb(255, 255, 255); background-color: rgb(36, 149, 243); } @media (min-width: 200px) and (max-width: 390px) { .login-wl .modal-content { max-height: 550px !important; } .desktopdflx { overflow-y: auto; max-height: 500px !important; } } @media (min-width: 390px) and (max-width: 995px) { .desktopdflx { overflow-y: auto; max-height: 613px !important; } } #ccpinfo, #ccpp { height: 90px; justify-content: center; display: flex; } #loginpop #ccpinfo { height: 95px; margin-top: 15px; } @media (min-width: 520px) and (max-width: 746px) { .g-recaptcha-bubble-arrow ~ * ~ div { left: -101px !important; } } .logininputtxtbox .searchable ul { max-width: 100%; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-top: 0px; width: 100% !important; margin-top: 0px !important; } .searchable input.loginmobilenumbersrch:focus { color: rgb(237, 132, 19); outline: 0px !important; } .modal.hover_pop_show { display: flex !important; z-index: 9999 !important; background: rgba(0, 0, 0, 0.8) !important; } html:has(.hover_popup.hover_pop_show) { overflow: hidden; } .hover_popup .desktopdflx .login-topbg { flex-direction: column; background: rgb(250, 250, 250); } .hover_popup .modal-header { font-weight: 600; letter-spacing: -0.28px; color: rgb(55, 55, 55); border-color: rgb(238, 238, 238); } .hover_popup .taglin-login { font-size: 14px; color: rgb(55, 55, 55); padding: 0px 15px; margin: 0px auto; max-width: 345px; letter-spacing: -0.28px; line-height: 24px; } .hover_popup .taglin-login p { margin-top: 8px; margin-bottom: 0px; font-size: 14px; line-height: 24px; } .hover_popup .logininputtxtbox, .hover_popup .logininputtxtbox input { margin-bottom: 0px; } .hover_popup .logininputtxtbox .contmnbox, .hover_popup .logininputtxtbox input { border-radius: 8px; border-color: rgb(238, 238, 238) !important; height: 48px !important; transform: none !important; box-shadow: none !important; font-size: 14px !important; } .hover_popup .contmnbox .searchable, .hover_popup .logininputtxtbox input.loginmobilenumberinput, .hover_popup .loginmobilenumberinput, .hover_popup .searchable input { height: 46px !important; font-size: 14px !important; } .hover_popup .loginmobilenumberinput { border-radius: 8px; } .hover_popup .loginmobilenumbersrch { width: 76px !important; font-weight: 400 !important; } .hover_popup .loginbtns, .hover_popup .logininputtxtbox select, .hover_popup .otp-signin { height: 48px; letter-spacing: -0.28px; cursor: pointer; display: block; font-size: 14px !important; box-shadow: none !important; } .hover_popup .orboxsep div, .mobile_app_download .downloadbtn, .mobile_app_download p { letter-spacing: -0.28px; font-size: 14px; } .hover_popup .logininputtxtbox select { background-position: right 12px center !important; border-color: rgb(238, 238, 238) !important; transform: none !important; } .hover_popup .loginbuttons button span { justify-content: center; gap: 8px; } .hover_popup .loginbtns:hover svg { filter: brightness(0) invert(1); } .hover_popup .orboxsep { margin-top: 32px; width: 80%; } .hover_popup .soc_btnwrap { display: flex; gap: 15px; justify-content: center; margin-top: 8px; } .hover_popup .soc_btnwrap .loginbtns { width: 48px; padding: 0px; min-width: 48px; border-radius: 50%; display: inline-flex; margin: 0px; justify-content: center; transform: none !important; border: none !important; } .hover_popup .termcondition { margin-top: 24px; } .hover_popup .soc_btnwrap .loginbtns img, .hover_popup .soc_btnwrap .loginbtns svg { width: 20px; height: 20px; object-fit: contain; } .hover_popup.login-wl .loginclosebtn { background: rgb(242, 242, 242); } .hover_popup.login-wl .loginclosebtn span { height: 26px; color: rgb(55, 55, 55); } .hover_popup .dobcalicon svg { margin-top: 17px; } .hover_popup .titlefield { margin-top: 10px; font-weight: 500; color: rgb(55, 55, 55); letter-spacing: -0.28px; } .hover_popup.hover_pop_show .modal-content.loginmd, html:has(.hover_popup.hover_pop_show) .taglin-login.headtagline2 { display: block; } html:has(.hover_popup.hover_pop_show) .taglin-login.headtagline { display: none; } @media (max-width: 992px) { .hover_popup .desktopdflx .login-topbg { background: rgb(255, 255, 255); } .hover_popup.login-wl .loginclosebtn { width: 25px; height: 25px; } .hover_popup.login-wl .loginclosebtn span { height: 36px; color: rgb(55, 55, 55); } #loginpop .desktopdflx { padding-bottom: 87px; } } .hover_popup .soc_btnwrap .loginbtns.email-signin, .hover_popup .soc_btnwrap .loginbtns.mob-signin, .mobile_app_download a:hover { background: rgb(241, 241, 241); } .mobile_app_download { max-width: 480px; padding: 0px 12px; margin: 24px auto 0px; gap: 4px; flex-wrap: wrap; display: none; text-align: center; } .mobile_app_download .downloadbtn { width: 100%; height: 41px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; } .mobile_app_download p { width: 100%; text-align: center; color: rgb(55, 55, 55); font-weight: 600; } .mobile_app_download a { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin: 6px 6px 0px; border: 1px dashed rgb(204, 204, 204); } .mobile_app_download img { height: 20px; object-fit: contain; object-position: center center; width: 20px !important; border-radius: 0px !important; } @media (max-width: 1024px) { .hover_popup.hover_pop_show .modal-content.loginmd .modal-body, .hover_popup.hover_pop_show .modal-content.loginmd .modal-header { display: none; } .hover_popup.hover_pop_show .mobile_app_download { display: block; } .hover_popup.hover_pop_show#loginpop .desktopdflx { padding-bottom: 32px; display: block; } .hover_popup.hover_pop_show .desktopdflx .login-bg-img { margin-top: 32px; } .hover_popup.hover_pop_show .desktopdflx .login-topbg { background: rgb(255, 255, 255); border-radius: 12px; } } .hover_popup #ccpp, .hover_popup .logininputtxtbox .logininputtxt { margin-top: 12px; } .hover_popup .loginbtns, .hover_popup .logininputtxtbox .contmnbox { margin-top: 8px; } .hover_popup .logininputtxtbox .contmnbox { border: 1px solid rgb(238, 238, 238) !important; } .hover_popup .logininputtxtbox .headingofinput { color: rgb(55, 55, 55); font-weight: 500; letter-spacing: -0.28px; font-size: 14px; } .orboxsep::after, .orboxsep::before { content: ""; display: block; width: 43%; height: 1px; background: rgb(238, 238, 238); top: 12px; } .loginany #signup, .loginany #signup:hover, .loginup-link .link, .sighup #login, .sighup #login:hover { color: rgb(204, 71, 0); text-decoration: underline; } .loginup-link .link, .termcondition a { text-decoration: underline; } .contact-number, .send-sms, .send-whatsapp { text-decoration: none !important; } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; transition: background-color 9999s ease-in-out !important; } .login-pop-heading, .signup-pop-heading { text-align: center; letter-spacing: 0.5px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; line-height: 25px; color: rgb(55, 55, 55); padding: 0px 32px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 32px !important; border-bottom: 0px !important; font-size: 18px !important; justify-content: center !important; display: block !important; } .signup-pop-heading span { background: linear-gradient(to left, rgb(245, 175, 25) 0px, rgb(241, 39, 17) 40%) text; -webkit-text-fill-color: transparent; } #loginpop .modal-body, #signuppop .modal-body { padding: 0px; } #loginpop.modal-wrapper, #signuppop.modal-wrapper { background-color: rgba(0, 0, 0, 0.55); } .login-pop-heading { padding: 0px 16px !important; } .loginclosebtn { top: 0px; cursor: pointer !important; background-color: transparent !important; position: absolute !important; color: rgb(0, 0, 0) !important; opacity: 5 !important; } html body .login-wl .loginclosebtn span { color: rgb(0, 0, 0); font-weight: 600; font-size: 26px !important; } .social-btns { display: flex; justify-content: center; align-items: center; margin-bottom: 32px; padding: 0px !important; } .sign-w-whatsapp { margin-bottom: 16px; } .orboxsep { margin-bottom: 24px; } .otp-login { margin-bottom: 32px; } #email_id, .otp-signin, .sign-w-number { margin-bottom: 32px; } .social-btns button:first-child { margin-left: 0px; } .otp-box input:last-child, .social-btns button:last-child { margin-right: 0px; } .not-show { visibility: hidden; display: none; } #email_id { border: 1px solid rgb(204, 204, 204); border-radius: 8px; width: 100%; height: 48px; padding: 18px 16px; font-size: 18px !important; } .orboxsep { text-align: center; position: relative; } #loginpop .termcondition i { margin-top: 16px; } .orboxsep::after { position: absolute; right: 0px; } .social-btns button { padding: 12px 10px; border: 1px solid rgb(238, 238, 238); border-radius: 12px; width: 100%; display: flex; justify-content: center; align-items: center; margin: 0px; background-color: transparent; } button.google-signin.loginbtns.anibutton.gog { margin-left: 8px; margin-right: 8px; } .fb-signin.loginbtns.anibutton.fac { margin-left: 8px; } .loginany, .sighup { font-size: 17px; font-weight: 600; color: rgb(55, 55, 55); letter-spacing: 1px; } .sign-w-whatsapp img { filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(102%) contrast(103%); margin-right: 8px; } .sign-w-number img { margin-right: 8px; } .sign-w-number, .sign-w-whatsapp { font-size: 16px; font-weight: 600; display: flex; justify-content: center; align-items: center; } .loginup-link { margin-bottom: 56px; } .loginup-link .link { margin-left: 1px; } #loginpop .modal-content, #signuppop .modal-content { padding: 32px 24px 30px !important; } .termcondition, .termcondition a { color: rgb(119, 119, 119); } .termcondition { display: flex; justify-content: center; gap: 4px; } .loginmobilenumbersrch, .loginmobilenumbersrch:focus { padding: 14px 12px; } .loginmobilenumberinput, .loginmobilenumberinput:focus { padding: 16px 14px; } #loginpop .searchable input, #signuppop .searchable input { box-sizing: border-box; min-width: 120px; margin-bottom: 0px; cursor: pointer; height: 48px; letter-spacing: 1px; width: 120px !important; display: block !important; border-radius: 8px 0px 0px 8px !important; background-color: #f3f3f3 !important; background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3e%3c/svg%3e") 91px center / 12px no-repeat rgb(243, 243, 243) !important; font-size: 16px !important; color: rgb(0, 0, 0) !important; border-right: 0px !important; border: 1px solid #eeeeee !important; } .searchable ul { display: none; list-style-type: none; background-color: rgb(255, 255, 255); border-radius: 0px 0px 5px 5px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(204, 204, 204); max-height: 180px; margin: 0px; overflow-y: scroll; padding: 0px; z-index: 999; position: absolute; } .country.selected { background-color: rgb(204, 71, 0); color: rgb(255, 255, 255); } .searchable ul, body { overflow-x: hidden; } .searchable ul li { font-size: 14px; border-bottom: 1px solid rgb(225, 225, 225); font-family: "open sans", Tahoma, Arial, helvetica, sans-serif !important; } .searchable ul li, .searchable_emirate ul li { padding: 7px 9px; color: rgb(110, 110, 110); cursor: pointer; } .otp-login, .otp-signin { font-weight: 700; letter-spacing: 1px; font-size: 16px !important; display: flex; align-items: center; justify-content: center; } .loginmobilenumberinput:focus, .loginmobilenumberinput:hover { appearance: none; border-left: 0px !important; outline: unset !important; } .loginbuttons .searchable input:focus { border-top-right-radius: 0px; border-bottom-right-radius: 0px; outline: 0px !important; } .loginmobilenumberinput { margin-bottom: 0px; border-radius: 0px 8px 8px 0px; width: 100%; border-width: 1px 1px 1px 0px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-top-color: rgb(238, 238, 238) !important; border-right-color: rgb(238, 238, 238) !important; border-bottom-color: rgb(238, 238, 238) !important; border-image: initial !important; box-shadow: none !important; border-left-style: initial !important; border-left-color: initial !important; } .cardcontinfo, .contactinfobtnmn, .contmnbox, .dflex, .disply-flex, .fomdt { display: -webkit-flex; } .logininputtxtbox .contmnbox { position: relative; height: 48px; margin-bottom: 24px; border-radius: 0px; border: 0px !important; } .g-recaptcha div { height: 72px !important; } .g-recaptcha { margin-bottom: 24px !important; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .contact-number, .num-change { font-weight: 600; } .otp-send-resend:hover, .termcondition a:hover, .vermsg span { color: rgb(204, 71, 0); } .termcondition span { margin-top: 26px; font-size: 12px; font-weight: 400; letter-spacing: 1px; } #loginpop .termcondition span { margin-top: 24px; font-size: 12px; font-weight: 400; letter-spacing: 1px; } #email_id::placeholder, .loginmobilenumberinput::placeholder { color: rgb(123, 123, 123); font-size: 16px !important; font-weight: 500 !important; } .termcondition p { margin-top: 16px; margin-bottom: 30px; font-size: 16px; font-weight: 400; } .otp-box input { width: 64px; height: auto; margin-right: 0px; background: rgb(255, 255, 255); margin-bottom: 0px; border-top: 0px; border-left: 0px; border-right: 0px; color: rgb(0, 0, 0); border-radius: 8px; font-size: 22px !important; border-bottom: 2px solid rgb(221, 221, 221) !important; padding: 2px 5px !important; } .otp-box input:focus, .otp-box input:hover { border-color: rgb(71, 71, 71) !important; outline: unset !important; } .otp-box .errorshow { margin-left: -2px; } #loginpop .searchable ul li:hover, #signuppop .searchable ul li:hover { background-color: rgb(247, 247, 247); } html body #loginpop .modal-content, html body #signuppop .modal-content { width: 400px !important; max-width: 400px !important; border-radius: 16px !important; margin-top: 64px !important; top: 0px !important; } .searchable ul::-webkit-scrollbar:hover { width: 10px; height: 8px; } .searchable ul::-webkit-scrollbar { width: 5px; height: 8px; } .searchable ul::-webkit-scrollbar-thumb { background: rgba(136, 136, 136, 0.61); border-radius: 10px; } html body #loginpop .modal-content.logotpmd, html body #signuppop .modal-content.signotpmd { width: 320px !important; max-width: 320px !important; border-radius: 8px !important; padding: 24px 16px 16px !important; border: 0px !important; } .contact-number, .send-whatsapp { color: rgb(0, 0, 0) !important; } .otp-title { font-size: 22px; font-weight: 700; color: rgb(71, 71, 71); } .vermsg { margin: 24px 0px; font-size: 14px; font-weight: 400; color: rgb(71, 71, 71); } .send-sms { color: rgb(71, 71, 71) !important; } .very-otp, .very-otp:hover { color: rgb(255, 255, 255); } .otp-send-resend, .vermsg span { text-decoration: underline; cursor: pointer; } .vermsg img { width: 16px; height: 16px; margin-top: -3px; } .very-otp { margin-top: 32px; margin-bottom: 28px; width: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); font-size: 16px; font-weight: 600; } .very-otp.active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .timer-box { color: rgb(71, 71, 71); font-size: 12px; font-weight: 400; display: flex; justify-content: space-between; } .errorshow, .send-email, .send-sms { display: none; } .otp-send-resend { color: rgb(204, 71, 0); font-size: 12px; font-weight: 400; border: 0px; background-color: transparent; } html body #loginpop .modal-content.login-successfull, html body #signuppop .modal-content.login-successfull { border-radius: 8px; padding: 57px 20px; top: 0px; font-size: 16px; color: rgb(123, 123, 123); font-weight: 400; width: 304px !important; max-width: 304px !important; margin: 112px auto auto !important; } .login-successfull .main--heading { font-size: 18px; font-weight: 700; color: rgb(71, 71, 71); margin: 16px 0px 8px; text-align: center; } .login-successfull img { width: 72px; height: 72px; display: flex; justify-content: center; margin: 0px auto; } .success-mini-text { font-size: 16px; font-weight: 400; margin: 0px; text-align: center; } .errorshow { color: rgb(242, 27, 27); font-size: 11px; margin-top: 8px; text-align: left; } .otp-box #otp .otp-error-border { border-bottom: 2px solid rgb(242, 27, 27) !important; } #email_id.errorshow, .loginmobilenumberinput.errorshow { margin-top: 0px; display: block; } .loginmd::before, .signnmd::before { position: absolute; content: ""; background: url("../images/backvictor.svg?ver2") 0px 0px / contain no-repeat; width: 75px; height: 75px; left: 0px; border-top-left-radius: 16px; top: -2px; z-index: 0; } .loginmd::before { width: 80px; height: 80px; } .otp-box { width: 100%; text-align: center; } #otp, #otp1 { display: flex; justify-content: space-between; } @media (max-width: 391px) { .termcondition span { position: absolute !important; bottom: auto !important; } } #loginpop .modal-content.loginmd { padding: 32px 24px 19px !important; } @media (max-width: 767px) { .login-pop-heading br, .loginmd::before, .signnmd::before, .signup-pop-heading br, .vermsg br { display: none; } .login-pop-heading, .signup-pop-heading { font-size: 20px; } #loginpop .mob-com-logo, #signuppop .mob-com-logo { display: flex; } .logotpmd .loginclosebtn, .signotpmd .loginclosebtn { margin-top: 16px !important; } .backarrow { display: block !important; } .close { display: none !important; } .login-pop-heading, .signup-pop-heading { width: 100%; text-align: left; margin-top: 0px !important; padding: 0px !important; } .login-pop-heading { margin-bottom: 24px; } html body #loginpop.modal-wrapper.mdl-lg .modal-content.loginmd, html body #signuppop.modal-wrapper.mdl-lg .modal-content.signnmd { position: relative; padding: 32px 24px !important; width: 100% !important; max-width: 100% !important; min-height: 100% !important; height: 100% !important; top: 0px !important; border-radius: 0px !important; margin: 0px !important; overflow-y: scroll !important; } html body #loginpop.modal-wrapper.mdl-lg .modal-content.logotpmd, html body #signuppop.modal-wrapper.mdl-lg .modal-content.signotpmd { position: relative; height: auto !important; border-radius: 16px !important; top: 0px !important; margin-top: 112px !important; width: calc(100% - 16px) !important; max-width: calc(100% - 16px) !important; } html body #loginpop .modal-content.login-successfull, html body #signuppop .modal-content.login-successfull { position: relative; height: auto !important; width: calc(100% - 57px) !important; border-radius: 16px !important; top: 86px !important; bottom: auto !important; margin: 86px auto auto !important; } #loginpop .modal-header.h4-sm-bold, #signuppop .modal-header.h4-sm-bold { font-size: 20px; font-weight: 700; } .vermsg { margin: 24px 0px; } .very-otp { margin: 32px 0px 39px; } .otp-title, .vermsg { text-align: left; } .termcondition span { position: fixed; padding-bottom: 56px; margin-top: 77px; bottom: 0px; top: auto; } .loginmd .loginclosebtn, .signnmd .loginclosebtn { margin-top: 56px !important; } #email_id::placeholder, .loginmobilenumberinput::placeholder { font-size: 14px !important; letter-spacing: 0px; } .loginmobilenumberinput, .loginmobilenumbersrch { letter-spacing: 0px; width: 100%; } .logininputtxtbox .contmnbox, .otp-login, .otp-login .orboxsep { margin-bottom: 32px; } .backarrow.loginclosebtn { left: 24px; right: auto; margin-top: 24px !important; } .login-popup-clogo { width: 200px; height: auto; } .mob-com-logo { margin-top: 0px; display: flex; justify-content: center; } .mob-long-image { display: flex; justify-content: center; margin-top: 12px; margin-bottom: 38px; } .mob-long-image img { width: 276px; height: 216px; } .otp-signin { margin-bottom: 48px; } } @media (min-width: 767px) { .backarrow { display: none !important; } .close { display: block !important; } .mob-long-image { display: none; } #loginpop .mob-com-logo, #signuppop .mob-com-logo { display: none; } #loginpop .modal-content, #signuppop .modal-content { height: auto !important; min-height: auto !important; } .mobileopenpop .loginclosebtn { display: none !important; } } .loginbtn { padding: 8px 0px; color: rgb(55, 55, 55); margin-left: 32px; cursor: pointer; min-height: 35px; align-items: center; } .loginbtn, .signupbtn { letter-spacing: -0.28px; font-size: 14px !important; font-weight: 500 !important; line-height: 14px !important; display: inline-flex !important; } header .btn.signupbtn:hover { background: linear-gradient(293deg, rgb(237, 132, 19), rgb(237, 132, 19)) !important; box-shadow: none !important; } .signupbtn { min-width: 100px; height: 35px; align-items: center; justify-content: center; letter-spacing: -0.28px; margin-left: 16px; color: rgb(255, 255, 255) !important; box-shadow: none !important; border-radius: 8px !important; background: linear-gradient(293deg, rgb(204, 71, 0), rgb(237, 132, 19)) !important; } @media (max-width: 1200px) { .loginbtn, .signupbtn { display: none !important; } .loginbtn.mob, .signupbtn.mob { display: flex !important; } span.nvbar-tool-icon-box.mr-2.fromheader.hjax { font-size: 12px; margin-right: 6px; font-weight: 700; margin-top: -2px !important; } .new-myaccbtn { padding: 0px 15px; width: 100%; } .new-myaccbtn .btn { border: 1px solid rgb(204, 71, 0); margin-left: 0px; box-shadow: none !important; background: linear-gradient(293deg, rgb(204, 71, 0), rgb(237, 132, 19)) !important; border-radius: 30px !important; } .accpop-btns { display: flex; justify-content: center; align-items: center; } } .new-myaccbtn:first-child { padding-right: 0px; } @media (min-width: 767px) and (max-width: 992px) { .login-pop-heading, .signup-pop-heading { padding: 0px 10px 0px 0px !important; } .loginany, .sighup { padding: 0px 10px; } } .new-myaccbtn .loginbtn.mob.btn { color: rgb(204, 71, 0); border-color: rgb(204, 71, 0); background: rgb(255, 255, 255) !important; } @media (max-width: 767px) { .mobileopenpop { display: none; } .mobileopenpop input#phone_code { background-position: 59px center !important; } html body .mobileopenpop .searchable input { width: 80px !important; font-weight: 500 !important; display: block; color: #495057; border-radius: 8px 0 0 8px; height: 48px !important; font-size: 14px !important; border-right: 0px !important; border: 1px solid #eee !important; background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3e%3c/svg%3e") 59px center/12px no-repeat #f2f2f2 !important; box-shadow: unset !important; } .mobileopenpop .loginmobilenumberinput { font-weight: 500; font-size: 16px !important; } .mobileopenpop .loginany, .mobileopenpop .sighup { font-size: 15px; font-weight: 600; } .mobileopenpop #login_f { color: #cc4700; } .mobileopenpop .loginclosebtn { display: block !important; right: 16px !important; top: 0; } .mobileopenpop .modal-body { padding: 0; } .mobileopenpop .loginbtns, .mobileopenpop .logininputtxtbox .contmnbox { margin-bottom: 24px; border-color: #ddd !important; } .mobileopenpop.openshow { display: flex; justify-content: center; } .mobileopenpop .signnmd::before, .mobileopenpop .signotpmd::before, .mobileopenpop .successlog::before { position: absolute; content: ""; background: url(../images/backvictor.svg?ver2) 0 0 / contain no-repeat; width: 75px; height: 75px; left: 0; border-top-left-radius: 16px; top: -2px; z-index: 0; display: block; } .mobileopenpop .otp-title, .mobileopenpop .vermsg { text-align: center; display: inline-block; } .mobileopenpop .otp-title { font-size: 22px; font-weight: 700; color: #474747; } .mobileopenpop .signnmd { padding: 32px 24px; position: fixed; bottom: -2px; background-color: #fff; height: 258px; z-index: 9999; width: 100%; border-radius: 24px 24px 0 0; box-shadow: #00000024 2px 4px 35px 0; overflow-y: scroll; } .mobileopenpop .signotpmd, .mobileopenpop .successlog { position: fixed; bottom: -2px; height: 296px; z-index: 9999; border-radius: 24px 24px 0 0; box-shadow: #00000024 2px 4px 35px 0; overflow-y: scroll; overflow-x: hidden !important; width: 100%; background-color: #fff; } .mobileopenpop .otp-box { width: 100%; text-align: center; } .mobileopenpop #otp_f { display: flex; justify-content: space-between; } .mobileopenpop .otp-box input { width: 64px !important; height: auto !important; margin-right: 0; background: #fff; margin-bottom: 0; border-top: 0 !important; border-left: 0 !important; border-right: 0px !important; color: #000; border-radius: 8px; font-size: 22px !important; border-bottom: 2px solid #ddd !important; padding: 2px 5px !important; margin-left: 0; } .mobileopenpop .errorshow { text-align: left !important; margin-top: 8px; margin-bottom: 0 !important; color: #f21b1b !important; } .mobileopenpop .signotpmd { padding: 24px 24px 20px; } .mobileopenpop .successlog { padding: 56px 24px 20px; } .mobileopenpop .successlog img { display: flex; justify-content: center; margin: 0 auto; } .mobileopenpop .success-mini-text { font-size: 20px; font-weight: 600; margin-top: 12px; text-align: center; } .mobileopenpop .otp-box input:last-child { margin-right: 0; } .mobileopenpop .otp-box input:focus { border-color: transparent !important; border-bottom: 2px solid #000 !important; outline: 0 !important; } .mobileopenpop .spinner { left: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; -webkit-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0; } .mobileopenpop .signnmd:has(.spinner.d-none) { overflow-y: scroll !important; } .mobileopenpop .signnmd:has(.spinner) { overflow-y: hidden; } .mobileopenpop .verifyotp, .mobileopenpop .wrongotp { margin: -12px auto 20px; width: 75% !important; line-height: 20px !important; text-align: center !important; } .mobileopenpop .spinner img { margin: 80px auto 0; display: flex; justify-content: center; align-items: center; width: 88px; height: 88px; } .mobileopenpop .bg-grey { background: #0006; } .mobileopenpop .vermsg { margin: 16px 0 32px; } .mobileopenpop .otpsec { padding: 24px 24px 32px; } .mobileopenpop .very-otp { margin: 24px 0; display: flex; justify-content: center; align-items: center; background-color: #0006; font-size: 16px; font-weight: 600; color: #fff; } .mobileopenpop .timer-box { color: #474747; font-size: 12px; font-weight: 400; display: block; padding-top: 0; text-align: left; } .mobileopenpop .timer-box article span { display: flex; } .mobileopenpop #timer_f { padding-left: 5px; } .mobileopenpop .send-sms { display: none; color: #474747 !important; text-decoration: none !important; font-weight: 600; } .mobileopenpop .contact-number, .mobileopenpop .send-whatsapp { color: #000 !important; font-weight: 600; text-decoration: none !important; } .mobileopenpop .otp-send-resend, .mobileopenpop .sighup #login, .mobileopenpop .sighup #login:hover { text-decoration: underline; color: #cc4700; } .mobileopenpop .num-change { font-weight: 600; color: #cc4700; } .mobileopenpop .otp-send-resend { background-color: #fff0; margin-top: 12px; cursor: pointer; font-size: 12px; font-weight: 400; border: 0; background-color: #fff0; } .mobileopenpop .signup-pop-heading { font-size: 16px !important; font-weight: 700 !important; text-align: center !important; margin-bottom: 24px !important; justify-content: center; padding: 0 !important; border: 0 !important; } .mobileopenpop .signnmd .loginclosebtn { margin-top: 16px !important; } .mobileopenpop .otp-signin { margin-bottom: 40px; } .mobileopenpop .termcondition span { margin-top: 32px; position: absolute !important; bottom: auto !important; } .mobileopenpop .loginclosebtn span { display: block; height: 16px !important; width: 16px !important; } .mobileopenpop .logininputtxtbox .contmnbox.error_border { border-color: #f21b1b !important; } .mobileopenpop .logininputtxtbox .contmnbox.error_border .loginmobilenumberinput, .mobileopenpop .logininputtxtbox .contmnbox.error_border .loginmobilenumberinput::placeholder, .mobileopenpop .logininputtxtbox .contmnbox.error_border .loginmobilenumbersrch { color: #f21b1b !important; } .mobileopenpop .loginmobilenumberinput:focus, .mobileopenpop .loginmobilenumbersrch:focus { outline: unset !important; } }