/* Main css--------------------------- */
/* html {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
line-height: 1.15;
-webkit-text-size-adjust: 100%
nobroker
} */
body {
margin: 0;
font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}
hr {
height: 0;
color: inherit
}
b,strong {
font-weight: bolder
}
code,pre {
font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit
}
button,input,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,select {
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
progress {
vertical-align: baseline
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
summary {
display: list-item
}
dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
margin: 0
}
button {
background-color: transparent;
background-image: none
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
fieldset,ol,ul {
margin: 0;
padding: 0
}
ol,ul {
list-style: none
}
html {
font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
line-height: 1.5
}
body {
font-family: inherit;
line-height: inherit
}
*,:after,:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0 solid #e5e7eb
}
hr {
border-top-width: 1px
}
img {
border-style: solid
}
textarea {
resize: vertical
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
opacity: 1;
color: #9ca3af
}
input::-moz-placeholder,textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder,textarea::placeholder {
opacity: 1;
color: #9ca3af
}
[role=button],button {
cursor: pointer
}
table {
border-collapse: collapse
}
h1,h2,h3,h4,h5,h6 {
font-size: inherit;
font-weight: inherit
}
/* a {
color: inherit;
text-decoration: inherit
} */
button,input,select,textarea {
padding: 0;
line-height: inherit;
color: inherit
}
code,pre {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
canvas,iframe,img,object,svg,video {
display: block;
vertical-align: middle
}
img,video {
max-width: 100%;
height: auto
}
img {
display: inline-block
}
ol,ul {
padding: revert
}
html {
-webkit-tap-highlight-color: transparent
}
.without-ring:focus:not(:focus-visible) {
outline: none!important
}
.without-ring:focus:not(:focus-visible):focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
--tw-ring-offset-width: 0px
}
.without-ring:focus-visible,.without-ring:focus:not(:focus-visible):focus {
-webkit-box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}
.without-ring:focus-visible {
outline: none!important;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
--tw-ring-offset-width: 2px
}
.accent-color-green {
accent-color: #159588
}
.space-y-4>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0!important;
margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))!important;
margin-bottom: calc(1rem*var(--tw-space-y-reverse))!important
}
.space-x-4>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0!important;
margin-right: calc(1rem*var(--tw-space-x-reverse))!important;
margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))!important
}
.space-x-5>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0!important;
margin-right: calc(1.25rem*var(--tw-space-x-reverse))!important;
margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)))!important
}
.bg-clip-padding {
background-clip: padding-box!important
}
.bg-transparent {
background-color: transparent!important
}
.bg-black {
--tw-bg-opacity: 1!important;
background-color: rgba(0,0,0,var(--tw-bg-opacity))!important
}
.bg-white {
background-color: var(--white)!important
}
.bg-gray-100 {
background-color: rgba(243,244,246,var(--tw-bg-opacity))!important
}
.bg-gray-100,.bg-gray-200 {
--tw-bg-opacity: 1!important
}
.bg-gray-200 {
background-color: rgba(229,231,235,var(--tw-bg-opacity))!important
}
.bg-gray-300 {
background-color: rgba(209,213,219,var(--tw-bg-opacity))!important
}
.bg-gray-300,.bg-gray-400 {
--tw-bg-opacity: 1!important
}
.bg-gray-400 {
background-color: rgba(156,163,175,var(--tw-bg-opacity))!important
}
.bg-red-600 {
background-color: rgba(220,38,38,var(--tw-bg-opacity))!important
}
.bg-red-600,.bg-yellow-50 {
--tw-bg-opacity: 1!important
}
.bg-yellow-50 {
background-color: rgba(255,251,235,var(--tw-bg-opacity))!important
}
.bg-blue {
background-color: rgba(33,150,243,var(--tw-bg-opacity))!important
}
.bg-blue,.bg-indigo-500 {
--tw-bg-opacity: 1!important
}
.bg-indigo-500 {
background-color: rgba(99,102,241,var(--tw-bg-opacity))!important
}
.bg-pink {
--tw-bg-opacity: 1!important;
background-color: rgba(186,104,200,var(--tw-bg-opacity))!important
}
.bg-sticky-header-bg-color {
background-color: var(--sticky-header-bg-color)!important
}
.bg-secondary-color {
--tw-bg-opacity: 1!important;
background-color: rgba(0,149,135,var(--tw-bg-opacity))!important
}
.bg-primary-color {
--tw-bg-opacity: 1!important;
background-color: rgba(253,55,82,var(--tw-bg-opacity))!important
}
.bg-green-approve-button {
--tw-bg-opacity: 1!important;
background-color: rgba(21,149,136,var(--tw-bg-opacity))!important
}
.bg-grayDark {
--tw-bg-opacity: 1!important;
background-color: rgba(68,68,68,var(--tw-bg-opacity))!important
}
.bg-gray-lighter {
--tw-bg-opacity: 1!important;
background-color: rgba(153,153,153,var(--tw-bg-opacity))!important
}
.bg-property-views-border-color {
--tw-bg-opacity: 1!important;
background-color: rgba(225,225,225,var(--tw-bg-opacity))!important
}
.bg-seo-footer-header-color {
--tw-bg-opacity: 1!important;
background-color: rgba(63,73,80,var(--tw-bg-opacity))!important
}
.bg-seo-footer-content-color {
--tw-bg-opacity: 1!important;
background-color: rgba(48,59,67,var(--tw-bg-opacity))!important
}
.bg-error-color {
--tw-bg-opacity: 1!important;
background-color: rgba(213,0,0,var(--tw-bg-opacity))!important
}
.bg-ls-primary-green {
background-color: var(--ls-primary-green)!important
}
.bg-background-color {
--tw-bg-opacity: 1!important;
background-color: rgba(242,242,242,var(--tw-bg-opacity))!important
}
.bg-background-gray-light {
--tw-bg-opacity: 1!important;
background-color: rgba(248,248,248,var(--tw-bg-opacity))!important
}
.bg-back-to-top-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(144,148,150,var(--tw-bg-opacity))!important
}
.bg-nbtip-border-color {
--tw-bg-opacity: 1!important;
background-color: rgba(32,149,135,var(--tw-bg-opacity))!important
}
.bg-nbtip-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(235,255,253,var(--tw-bg-opacity))!important
}
.bg-payment-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(233,248,241,var(--tw-bg-opacity))!important
}
.bg-bill-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(244,244,244,var(--tw-bg-opacity))!important
}
.bg-fees-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(234,235,248,var(--tw-bg-opacity))!important
}
.bg-nbselected-bg-color {
background-color: rgba(0,149,135,.1)!important
}
.bg-alert-bar-back-color {
--tw-bg-opacity: 1!important;
background-color: rgba(243,243,243,var(--tw-bg-opacity))!important
}
.bg-new-background-color {
--tw-bg-opacity: 1!important;
background-color: rgba(77,82,160,var(--tw-bg-opacity))!important
}
.bg-new-background-secondary-color {
--tw-bg-opacity: 1!important;
background-color: rgba(240,244,252,var(--tw-bg-opacity))!important
}
.bg-assist-plans-bg {
--tw-bg-opacity: 1!important;
background-color: rgba(234,233,245,var(--tw-bg-opacity))!important
}
.bg-bluish-grey {
--tw-bg-opacity: 1!important;
background-color: rgba(51,74,92,var(--tw-bg-opacity))!important
}
.bg-res-yellow {
--tw-bg-opacity: 1!important;
background-color: rgba(252,240,185,var(--tw-bg-opacity))!important
}
.bg-nb-teel {
background-color: rgba(0,149,136,.9)!important
}
.bg-btn-green {
--tw-bg-opacity: 1!important;
background-color: rgba(0,122,111,var(--tw-bg-opacity))!important
}
.bg-basic-plan-color {
--tw-bg-opacity: 1!important;
background-color: rgba(83,141,209,var(--tw-bg-opacity))!important
}
.bg-moneyback-plan-color {
--tw-bg-opacity: 1!important;
background-color: rgba(242,95,92,var(--tw-bg-opacity))!important
}
.bg-payment-type-filter {
--tw-bg-opacity: 1!important;
background-color: rgba(21,147,134,var(--tw-bg-opacity))!important
}
.bg-back-container {
--tw-bg-opacity: 1!important;
background-color: rgba(240,246,246,var(--tw-bg-opacity))!important
}
.bg-paining-card-block {
--tw-bg-opacity: 1!important;
background-color: rgba(245,251,255,var(--tw-bg-opacity))!important
}
.bg-pyp-explore-clr {
--tw-bg-opacity: 1!important;
background-color: rgba(6,168,139,var(--tw-bg-opacity))!important
}
.bg-dark-secondary {
--tw-bg-opacity: 1!important;
background-color: rgba(234,234,234,var(--tw-bg-opacity))!important
}
.bg-popular-card {
--tw-bg-opacity: 1!important;
background-color: rgba(233,236,248,var(--tw-bg-opacity))!important
}
.bg-loader-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(237,237,237,var(--tw-bg-opacity))!important
}
.bg-loader-fg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(211,211,211,var(--tw-bg-opacity))!important
}
.bg-modal-title-bg-color {
--tw-bg-opacity: 1!important;
background-color: rgba(238,245,241,var(--tw-bg-opacity))!important
}
.hover\:bg-card-overview-border-color:hover {
--tw-bg-opacity: 1!important;
background-color: rgba(235,235,235,var(--tw-bg-opacity))!important
}
.active\:bg-secondary-color:active {
--tw-bg-opacity: 1!important;
background-color: rgba(0,149,135,var(--tw-bg-opacity))!important
}
.bg-none {
background-image: none!important
}
.bg-bolt {
background-image: url(/hs-new/public/List-Page/bolt.png)!important
}
.bg-center {
background-position: 50%!important
}
.bg-right {
background-position: 100%!important
}
.bg-init {
background-position: 0 0!important
}
.bg-shortListIcon {
background-position: -21px -32px!important
}
.bg-shortlistps {
background-position: -34px -86px!important
}
.bg-contacts {
background-position: -25px -63px!important
}
.bg-15p {
background-position: 15px!important
}
.bg-no-repeat {
background-repeat: no-repeat!important
}
.bg-auto {
background-size: auto!important
}
.bg-cover {
background-size: cover!important
}
.bg-shortiistbs {
background-size: 101px 407px!important
}
.bg-shortlisticons {
background-size: 133px 448px!important
}
.bg-contact {
background-size: 104px 458px!important
}
.bg-20p {
background-size: 20px!important
}
.border-white {
border-color: var(--white)!important
}
.border-gray-200 {
--tw-border-opacity: 1!important;
border-color: rgba(229,231,235,var(--tw-border-opacity))!important
}
.border-gray-300 {
--tw-border-opacity: 1!important;
border-color: rgba(209,213,219,var(--tw-border-opacity))!important
}
.border-gray-400 {
--tw-border-opacity: 1!important;
border-color: rgba(156,163,175,var(--tw-border-opacity))!important
}
.border-gray-900 {
--tw-border-opacity: 1!important;
border-color: rgba(17,24,39,var(--tw-border-opacity))!important
}
.border-secondary-color {
--tw-border-opacity: 1!important;
border-color: rgba(0,149,135,var(--tw-border-opacity))!important
}
.border-border-color {
border-color: var(--border-color)!important
}
.border-background-gray {
--tw-border-opacity: 1!important;
border-color: rgba(239,239,239,var(--tw-border-opacity))!important
}
.border-primary-color {
--tw-border-opacity: 1!important;
border-color: rgba(253,55,82,var(--tw-border-opacity))!important
}
.border-green-approve-button {
--tw-border-opacity: 1!important;
border-color: rgba(21,149,136,var(--tw-border-opacity))!important
}
.border-cardbordercolor {
--tw-border-opacity: 1!important;
border-color: rgba(209,209,209,var(--tw-border-opacity))!important
}
.border-border-color-action-icon {
--tw-border-opacity: 1!important;
border-color: rgba(211,211,211,var(--tw-border-opacity))!important
}
.border-property-views-border-color {
--tw-border-opacity: 1!important;
border-color: rgba(225,225,225,var(--tw-border-opacity))!important
}
.border-card-border-dark {
--tw-border-opacity: 1!important;
border-color: rgba(226,226,226,var(--tw-border-opacity))!important
}
.border-card-overview-border-color {
--tw-border-opacity: 1!important;
border-color: rgba(235,235,235,var(--tw-border-opacity))!important
}
.border-focus-border-color {
--tw-border-opacity: 1!important;
border-color: rgba(120,120,120,var(--tw-border-opacity))!important
}
.border-error-color {
--tw-border-opacity: 1!important;
border-color: rgba(213,0,0,var(--tw-border-opacity))!important
}
.border-header-grey {
border-color: rgba(0,0,0,.11)!important
}
.border-gray-lightest {
border-color: var(--gray-lightest)!important
}
.border-nbtip-border-color {
--tw-border-opacity: 1!important;
border-color: rgba(32,149,135,var(--tw-border-opacity))!important
}
.border-new-background-color {
--tw-border-opacity: 1!important;
border-color: rgba(77,82,160,var(--tw-border-opacity))!important
}
.border-nb-home-card-border {
--tw-border-opacity: 1!important;
border-color: rgba(241,241,241,var(--tw-border-opacity))!important
}
.border-chip-border-color {
--tw-border-opacity: 1!important;
border-color: rgba(227,224,224,var(--tw-border-opacity))!important
}
.border-hs-green {
--tw-border-opacity: 1!important;
border-color: rgba(219,242,237,var(--tw-border-opacity))!important
}
.border-btn-green {
--tw-border-opacity: 1!important;
border-color: rgba(0,122,111,var(--tw-border-opacity))!important
}
.border-plan-box-border {
--tw-border-opacity: 1!important;
border-color: rgba(184,211,205,var(--tw-border-opacity))!important
}
.border-moneyback-plan-color {
--tw-border-opacity: 1!important;
border-color: rgba(242,95,92,var(--tw-border-opacity))!important
}
.border-last-search-border {
--tw-border-opacity: 1!important;
border-color: rgba(221,221,221,var(--tw-border-opacity))!important
}
.border-exit-inter-border {
--tw-border-opacity: 1!important;
border-color: rgba(219,219,219,var(--tw-border-opacity))!important
}
.border-dark-secondary {
--tw-border-opacity: 1!important;
border-color: rgba(234,234,234,var(--tw-border-opacity))!important
}
.border-border-grey {
--tw-border-opacity: 1!important;
border-color: rgba(204,230,225,var(--tw-border-opacity))!important
}
.hover\:border-secondary-color:hover {
--tw-border-opacity: 1!important;
border-color: rgba(0,149,135,var(--tw-border-opacity))!important
}
.border-opacity-50 {
--tw-border-opacity: 0.5!important
}
.rounded-2 {
border-radius: 2px!important
}
.rounded-4 {
border-radius: 4px!important
}
.rounded-5 {
border-radius: 5px!important
}
.rounded-10 {
border-radius: 10px!important
}
.rounded-15 {
border-radius: 15px!important
}
.rounded-20 {
border-radius: 20px!important
}
.rounded-100 {
border-radius: 100px!important
}
.rounded-none {
border-radius: 0!important
}
.rounded-sm {
border-radius: .125rem!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-md {
border-radius: .375rem!important
}
.rounded-lg {
border-radius: .5rem!important
}
.rounded-xl {
border-radius: .75rem!important
}
.rounded-2xl {
border-radius: 1rem!important
}
.rounded-3xl {
border-radius: 1.5rem!important
}
.rounded-full {
border-radius: 9999px!important
}
.rounded-0\.8p {
border-radius: 8px!important
}
.rounded-24p {
border-radius: 24px!important
}
.rounded-1\.5rem {
border-radius: 1.5rem!important
}
.rounded-50pe {
border-radius: 50%!important
}
.rounded-100pe {
border-radius: 100%!important
}
.rounded-t-2 {
border-top-left-radius: 2px!important;
border-top-right-radius: 2px!important
}
.rounded-t {
border-top-left-radius: .25rem!important
}
.rounded-r,.rounded-t {
border-top-right-radius: .25rem!important
}
.rounded-b,.rounded-r {
border-bottom-right-radius: .25rem!important
}
.rounded-b {
border-bottom-left-radius: .25rem!important
}
.rounded-t-md {
border-top-left-radius: .375rem!important
}
.rounded-r-md,.rounded-t-md {
border-top-right-radius: .375rem!important
}
.rounded-b-md,.rounded-r-md {
border-bottom-right-radius: .375rem!important
}
.rounded-b-md {
border-bottom-left-radius: .375rem!important
}
.rounded-b-lg {
border-bottom-right-radius: .5rem!important;
border-bottom-left-radius: .5rem!important
}
.rounded-t-xl {
border-top-left-radius: .75rem!important;
border-top-right-radius: .75rem!important
}
.rounded-b-xl {
border-bottom-right-radius: .75rem!important;
border-bottom-left-radius: .75rem!important
}
.rounded-t-2xl {
border-top-left-radius: 1rem!important;
border-top-right-radius: 1rem!important
}
.rounded-t-3xl {
border-top-left-radius: 1.5rem!important;
border-top-right-radius: 1.5rem!important
}
.rounded-b-3xl {
border-bottom-right-radius: 1.5rem!important;
border-bottom-left-radius: 1.5rem!important
}
.rounded-tl-3xl {
border-top-left-radius: 1.5rem!important
}
.rounded-bl-3xl {
border-bottom-left-radius: 1.5rem!important
}
.border-solid {
border-style: solid!important
}
.border-dashed {
border-style: dashed!important
}
.border-dotted {
border-style: dotted!important
}
.border-double {
border-style: double!important
}
.border-none {
border-style: none!important
}
.border-0 {
border-width: 0!important
}
.border-1 {
border-width: 1px!important
}
.border-2 {
border-width: 2px!important
}
.border-3 {
border-width: 3px!important
}
.border {
border-width: 1px!important
}
.border-r-0 {
border-right-width: 0!important
}
.border-t-1 {
border-top-width: 1px!important
}
.border-r-1 {
border-right-width: 1px!important
}
.border-b-1 {
border-bottom-width: 1px!important
}
.border-l-1 {
border-left-width: 1px!important
}
.border-t-2 {
border-top-width: 2px!important
}
.border-r-2 {
border-right-width: 2px!important
}
.border-b-3 {
border-bottom-width: 3px!important
}
.border-t {
border-top-width: 1px!important
}
.border-r {
border-right-width: 1px!important
}
.border-b {
border-bottom-width: 1px!important
}
.border-l {
border-left-width: 1px!important
}
.box-border {
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important
}
.cursor-auto {
cursor: auto!important
}
.cursor-default {
cursor: default!important
}
.cursor-pointer {
cursor: pointer!important
}
.block {
display: block!important
}
.inline-block {
display: inline-block!important
}
.inline {
display: inline!important
}
.flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.inline-flex {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
.table {
display: table!important
}
.grid {
display: grid!important
}
.contents {
display: contents!important
}
.hidden {
display: none!important
}
.flex-row {
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-row,.flex-row-reverse {
-webkit-box-orient: horizontal!important
}
.flex-row-reverse {
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-col {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.place-content-center {
place-content: center!important
}
.items-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.items-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important
}
.items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.items-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.justify-items-start {
justify-items: start!important
}
.justify-items-center {
justify-items: center!important
}
.justify-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.justify-evenly {
-webkit-box-pack: space-evenly!important;
-ms-flex-pack: space-evenly!important;
justify-content: space-evenly!important
}
.flex-1 {
-webkit-box-flex: 1!important;
-ms-flex: 1 1 0%!important;
flex: 1 1!important
}
.flex-2 {
-webkit-box-flex: 2!important;
-ms-flex: 2 1 0%!important;
flex: 2 1!important
}
.flex-3 {
-webkit-box-flex: 3!important;
-ms-flex: 3 1 0%!important;
flex: 3 1!important
}
.flex-grow {
-webkit-box-flex: 1!important;
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.float-right {
float: right!important
}
.float-left {
float: left!important
}
.font-sans {
font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important
}
.font-light {
font-weight: 300!important
}
.font-normal {
font-weight: 400!important
}
.font-medium {
font-weight: 500!important
}
.font-semibold {
font-weight: 600!important
}
.font-bold {
font-weight: 700!important
}
.font-extrabold {
font-weight: 800!important
}
.font-black {
font-weight: 900!important
}
.h-0 {
height: 0!important
}
.h-1 {
height: .25rem!important
}
.h-2 {
height: .5rem!important
}
.h-3 {
height: .75rem!important
}
.h-4 {
height: 1rem!important
}
.h-5 {
height: 1.25rem!important
}
.h-6 {
height: 1.5rem!important
}
.h-7 {
height: 1.75rem!important
}
.h-8 {
height: 2rem!important
}
.h-9 {
height: 2.25rem!important
}
.h-10 {
height: 2.5rem!important
}
.h-11 {
height: 2.75rem!important
}
.h-12 {
height: 3rem!important
}
.h-14 {
height: 3.5rem!important
}
.h-16 {
height: 4rem!important
}
.h-18 {
height: 72px!important
}
.h-20 {
height: 5rem!important
}
.h-24 {
height: 6rem!important
}
.h-25 {
height: 100px!important
}
.h-28 {
height: 7rem!important
}
.h-32 {
height: 128px!important
}
.h-40 {
height: 10rem!important
}
.h-48 {
height: 12rem!important
}
.h-56 {
height: 14rem!important
}
.h-80 {
height: 20rem!important
}
.h-auto {
height: auto!important
}
.h-px {
height: 1px!important
}
.h-1\.5 {
height: .375rem!important
}
.h-2\.5 {
height: .625rem!important
}
.h-15\.2p {
height: 152px!important
}
.h-28p {
height: 280px!important
}
.h-49vh {
height: 49vh!important
}
.h-51vh {
height: 51vh!important
}
.h-0\.1p {
height: 1px!important
}
.h-0\.2p {
height: 2px!important
}
.h-0\.3p {
height: 3px!important
}
.h-0\.5p {
height: 5px!important
}
.h-0\.8p {
height: 8px!important
}
.h-0\.9p {
height: 9px!important
}
.h-1p {
height: 10px!important
}
.h-1\.1p {
height: 11px!important
}
.h-1\.4p {
height: 14px!important
}
.h-1\.6p {
height: 16px!important
}
.h-1\.7p {
height: 17px!important
}
.h-1\.8 {
height: 18px!important
}
.h-2p {
height: 20px!important
}
.h-2\.1p {
height: 21px!important
}
.h-2\.2p {
height: 22px!important
}
.h-2\.4p {
height: 24px!important
}
.h-2\.5p {
height: 25px!important
}
.h-2\.6 {
height: 26px!important
}
.h-2\.8p {
height: 28px!important
}
.h-3p {
height: 30px!important
}
.h-3\.4p {
height: 34px!important
}
.h-3\.5p {
height: 35px!important
}
.h-4p {
height: 40px!important
}
.h-4\.2p {
height: 42px!important
}
.h-4\.5p {
height: 45px!important
}
.h-4\.6p {
height: 46px!important
}
.h-4\.8p {
height: 48px!important
}
.h-5p {
height: 50px!important
}
.h-5\.5p {
height: 55px!important
}
.h-6p {
height: 60px!important
}
.h-6\.1p {
height: 61px!important
}
.h-6\.5p {
height: 65px!important
}
.h-8p {
height: 80px!important
}
.h-9p {
height: 90px!important
}
.h-10p {
height: 100px!important
}
.h-12p {
height: 120px!important
}
.h-14p {
height: 140px!important
}
.h-16p {
height: 160px!important
}
.h-15p {
height: 150px!important
}
.h-18p {
height: 180px!important
}
.h-35p {
height: 350px!important
}
.h-45pe {
height: 45%!important
}
.h-80pe {
height: 80%!important
}
.h-85pe {
height: 85%!important
}
.h-100pe {
height: 100%!important
}
.h-8\.8p {
height: 88px!important
}
.h-55pe {
height: 55%!important
}
.h-45vh {
height: 45vh!important
}
.h-15px {
height: 15px!important
}
.h-3\/5 {
height: 60%!important
}
.h-full {
height: 100%!important
}
.h-screen {
height: 100vh!important
}
.h-19\.5 {
height: 78px!important
}
.h-fit {
height: -webkit-fit-content!important;
height: -moz-fit-content!important;
height: fit-content!important
}
.h-19\.6p {
height: 196px!important
}
.h-9\.4p {
height: 94px!important
}
.h-7\.8p {
height: 78px!important
}
.h-15\.5p {
height: 155px!important
}
.h-32p {
height: 320px!important
}
.h-48vh {
height: 48vh!important
}
.h-90v {
height: 90vh!important
}
.h-29p {
height: 290px!important
}
.h-1\.8p {
height: 18px!important
}
.text-8 {
font-size: 8px!important
}
.text-10 {
font-size: 10px!important
}
.text-11 {
font-size: 11px!important
}
.text-12 {
font-size: 12px!important
}
.text-13 {
font-size: 13px!important
}
.text-14 {
font-size: 14px!important
}
.text-15 {
font-size: 15px!important
}
.text-16 {
font-size: 16px!important
}
.text-17 {
font-size: 17px!important
}
.text-18 {
font-size: 18px!important
}
.text-20 {
font-size: 20px!important
}
.text-22 {
font-size: 22px!important
}
.text-24 {
font-size: 24px!important
}
.text-26 {
font-size: 26px!important
}
.text-30 {
font-size: 30px!important
}
.text-32 {
font-size: 32px!important
}
.text-xs {
font-size: .75rem!important;
line-height: 1rem!important
}
.text-sm {
font-size: .875rem!important;
line-height: 1.25rem!important
}
.text-base {
font-size: 1rem!important;
line-height: 1.5rem!important
}
.text-lg {
font-size: 1.125rem!important
}
.text-lg,.text-xl {
line-height: 1.75rem!important
}
.text-xl {
font-size: 1.25rem!important
}
.text-2xl {
font-size: 1.5rem!important;
line-height: 2rem!important
}
.text-3xl {
font-size: 1.875rem!important;
line-height: 2.25rem!important
}
.text-5xl {
font-size: 3rem!important;
line-height: 1!important
}
.leading-3 {
line-height: .75rem!important
}
.leading-4 {
line-height: 1rem!important
}
.leading-5 {
line-height: 1.25rem!important
}
.leading-6 {
line-height: 1.5rem!important
}
.leading-7 {
line-height: 1.75rem!important
}
.leading-10 {
line-height: 2.5rem!important
}
.leading-none {
line-height: 1!important
}
.leading-tight {
line-height: 1.25!important
}
.leading-snug {
line-height: 1.375!important
}
.leading-normal {
line-height: 1.5!important
}
.leading-relaxed {
line-height: 1.625!important
}
.leading-24p {
line-height: 24px!important
}
.leading-32p {
line-height: 32px!important
}
.list-disc {
list-style-type: disc!important
}
.list-decimal {
list-style-type: decimal!important
}
.m-0 {
margin: 0!important
}
.m-1 {
margin: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.m-3 {
margin: .75rem!important
}
.m-5 {
margin: 1.25rem!important
}
.m-auto {
margin: auto!important
}
.m-0\.5 {
margin: .125rem!important
}
.m-2\.5 {
margin: .625rem!important
}
.m-0\.3p {
margin: 3px!important
}
.m-0\.4p {
margin: 4px!important
}
.m-0\.5p {
margin: 5px!important
}
.m-0\.6 {
margin: 6px!important
}
.m-0\.8p {
margin: 8px!important
}
.m-1p {
margin: 10px!important
}
.m-1\.5p {
margin: 15px!important
}
.m-4pe {
margin: 4%!important
}
.m-5p {
margin: 50px!important
}
.my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.mx-0 {
margin-left: 0!important;
margin-right: 0!important
}
.my-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.mx-1 {
margin-left: .25rem!important;
margin-right: .25rem!important
}
.my-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.mx-2 {
margin-left: .5rem!important;
margin-right: .5rem!important
}
.my-3 {
margin-top: .75rem!important;
margin-bottom: .75rem!important
}
.mx-3 {
margin-left: .75rem!important;
margin-right: .75rem!important
}
.my-5 {
margin-top: 1.25rem!important;
margin-bottom: 1.25rem!important
}
.mx-5 {
margin-left: 1.25rem!important;
margin-right: 1.25rem!important
}
.my-10 {
margin-top: 2.5rem!important;
margin-bottom: 2.5rem!important
}
.my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mx-auto {
margin-left: auto!important;
margin-right: auto!important
}
.mx-0\.5 {
margin-left: .125rem!important;
margin-right: .125rem!important
}
.mx-1\.5 {
margin-left: .375rem!important;
margin-right: .375rem!important
}
.my-2\.5 {
margin-top: .625rem!important;
margin-bottom: .625rem!important
}
.mx-3\.5 {
margin-left: .875rem!important;
margin-right: .875rem!important
}
.mx-0\.4p {
margin-left: 4px!important;
margin-right: 4px!important
}
.my-0\.5p {
margin-top: 5px!important;
margin-bottom: 5px!important
}
.mx-0\.5p {
margin-left: 5px!important;
margin-right: 5px!important
}
.my-0\.6 {
margin-top: 6px!important;
margin-bottom: 6px!important
}
.mx-0\.6 {
margin-left: 6px!important;
margin-right: 6px!important
}
.my-0\.7p {
margin-top: 7px!important;
margin-bottom: 7px!important
}
.my-0\.8p {
margin-top: 8px!important;
margin-bottom: 8px!important
}
.my-1p {
margin-top: 10px!important;
margin-bottom: 10px!important
}
.my-1\.2p {
margin-top: 12px!important;
margin-bottom: 12px!important
}
.my-1\.5p {
margin-top: 15px!important;
margin-bottom: 15px!important
}
.mx-1\.5p {
margin-left: 15px!important;
margin-right: 15px!important
}
.my-2p {
margin-top: 20px!important;
margin-bottom: 20px!important
}
.mx-2p {
margin-left: 20px!important;
margin-right: 20px!important
}
.mx-2\.2p {
margin-left: 22px!important;
margin-right: 22px!important
}
.mx-2\.4p {
margin-left: 24px!important;
margin-right: 24px!important
}
.mx-2\.5p {
margin-left: 25px!important;
margin-right: 25px!important
}
.my-3p {
margin-top: 30px!important;
margin-bottom: 30px!important
}
.my-3pe {
margin-top: 3%!important;
margin-bottom: 3%!important
}
.mx-3\.5p {
margin-left: 35px!important;
margin-right: 35px!important
}
.mt-0 {
margin-top: 0!important
}
.mr-0 {
margin-right: 0!important
}
.mb-0 {
margin-bottom: 0!important
}
.ml-0 {
margin-left: 0!important
}
.mt-1 {
margin-top: .25rem!important
}
.mr-1 {
margin-right: .25rem!important
}
.mb-1 {
margin-bottom: .25rem!important
}
.ml-1 {
margin-left: .25rem!important
}
.mt-2 {
margin-top: .5rem!important
}
.mr-2 {
margin-right: .5rem!important
}
.mb-2 {
margin-bottom: .5rem!important
}
.ml-2 {
margin-left: .5rem!important
}
.mt-3 {
margin-top: .75rem!important
}
.mr-3 {
margin-right: .75rem!important
}
.mb-3 {
margin-bottom: .75rem!important
}
.ml-3 {
margin-left: .75rem!important
}
.mt-4 {
margin-top: 1rem!important
}
.mr-4 {
margin-right: 1rem!important
}
.mb-4 {
margin-bottom: 1rem!important
}
.ml-4 {
margin-left: 1rem!important
}
.mt-5 {
margin-top: 1.25rem!important
}
.mb-5 {
margin-bottom: 1.25rem!important
}
.ml-5 {
margin-left: 1.25rem!important
}
.mt-6 {
margin-top: 1.5rem!important
}
.mb-6 {
margin-bottom: 1.5rem!important
}
.ml-6 {
margin-left: 1.5rem!important
}
.mt-7 {
margin-top: 1.75rem!important
}
.mt-8 {
margin-top: 2rem!important
}
.mb-8 {
margin-bottom: 2rem!important
}
.mt-9 {
margin-top: 2.25rem!important
}
.mb-10 {
margin-bottom: 2.5rem!important
}
.mt-11 {
margin-top: 2.75rem!important
}
.mt-12 {
margin-top: 3rem!important
}
.mb-32 {
margin-bottom: 8rem!important
}
.mt-auto {
margin-top: auto!important
}
.mb-auto {
margin-bottom: auto!important
}
.ml-auto {
margin-left: auto!important
}
.mt-0\.5 {
margin-top: .125rem!important
}
.mb-0\.5 {
margin-bottom: .125rem!important
}
.ml-0\.5 {
margin-left: .125rem!important
}
.mt-1\.5 {
margin-top: .375rem!important
}
.mr-1\.5 {
margin-right: .375rem!important
}
.mb-1\.5 {
margin-bottom: .375rem!important
}
.ml-1\.5 {
margin-left: .375rem!important
}
.mt-2\.5 {
margin-top: .625rem!important
}
.mr-2\.5 {
margin-right: .625rem!important
}
.mb-2\.5 {
margin-bottom: .625rem!important
}
.ml-2\.5 {
margin-left: .625rem!important
}
.mt-3\.5 {
margin-top: .875rem!important
}
.ml-0\.1p {
margin-left: 1px!important
}
.mt-0\.2p {
margin-top: 2px!important
}
.mr-0\.2p {
margin-right: 2px!important
}
.mb-0\.2p {
margin-bottom: 2px!important
}
.ml-0\.2p {
margin-left: 2px!important
}
.mt-0\.3p {
margin-top: 3px!important
}
.mr-0\.3p {
margin-right: 3px!important
}
.mb-0\.3p {
margin-bottom: 3px!important
}
.ml-0\.3p {
margin-left: 3px!important
}
.mt-0\.4p {
margin-top: 4px!important
}
.mr-0\.4p {
margin-right: 4px!important
}
.mb-0\.4p {
margin-bottom: 4px!important
}
.ml-0\.4p {
margin-left: 4px!important
}
.mt-0\.4p- {
margin-top: -4px!important
}
.mt-0\.5p {
margin-top: 5px!important
}
.mr-0\.5p {
margin-right: 5px!important
}
.mb-0\.5p {
margin-bottom: 5px!important
}
.ml-0\.5p {
margin-left: 5px!important
}
.mt-0\.6 {
margin-top: 6px!important
}
.mb-0\.6 {
margin-bottom: 6px!important
}
.ml-0\.6 {
margin-left: 6px!important
}
.mb-8vh {
margin-bottom: 8vh!important
}
.mb-0\.6vh {
margin-bottom: 6vh!important
}
.mt-0\.7p {
margin-top: 7px!important
}
.mr-0\.7p {
margin-right: 7px!important
}
.mt-0\.8p {
margin-top: 8px!important
}
.mr-0\.8p {
margin-right: 8px!important
}
.mb-0\.8p {
margin-bottom: 8px!important
}
.mb-0\.9p {
margin-bottom: 9px!important
}
.mt-1p {
margin-top: 10px!important
}
.mr-1p {
margin-right: 10px!important
}
.mb-1p {
margin-bottom: 10px!important
}
.ml-1p {
margin-left: 10px!important
}
.mt-1\.2p {
margin-top: 12px!important
}
.mr-1\.2p {
margin-right: 12px!important
}
.mb-1\.2p {
margin-bottom: 12px!important
}
.mt-1\.3p {
margin-top: 13px!important
}
.mb-1\.3p {
margin-bottom: 13px!important
}
.mt-1\.3p- {
margin-top: -13px!important
}
.mt-1\.4p {
margin-top: 14px!important
}
.mb-1\.4p {
margin-bottom: 14px!important
}
.ml-1\.4p {
margin-left: 14px!important
}
.mt-1\.5p {
margin-top: 15px!important
}
.mr-1\.5p {
margin-right: 15px!important
}
.mb-1\.5p {
margin-bottom: 15px!important
}
.ml-1\.5p {
margin-left: 15px!important
}
.mt-1\.6p {
margin-top: 16px!important
}
.mb-1\.6p {
margin-bottom: 16px!important
}
.mt-1\.7p {
margin-top: 17px!important
}
.mb-1\.7p {
margin-bottom: 17px!important
}
.mb-1\.8 {
margin-bottom: 18px!important
}
.mt-2p {
margin-top: 20px!important
}
.mr-2p {
margin-right: 20px!important
}
.mb-2p {
margin-bottom: 20px!important
}
.ml-2p {
margin-left: 20px!important
}
.mt-2\.2p {
margin-top: 22px!important
}
.mb-2\.2p {
margin-bottom: 22px!important
}
.ml-2\.2p {
margin-left: 22px!important
}
.mt-2\.4p {
margin-top: 24px!important
}
.mb-2\.4p {
margin-bottom: 24px!important
}
.ml-2\.4p {
margin-left: 24px!important
}
.mt-2\.5p {
margin-top: 25px!important
}
.mb-2\.5p {
margin-bottom: 25px!important
}
.mb-3p {
margin-bottom: 30px!important
}
.mt-3pe {
margin-top: 3%!important
}
.mr-3pe {
margin-right: 3%!important
}
.mb-3pe {
margin-bottom: 3%!important
}
.ml-3pe {
margin-left: 3%!important
}
.mt-3\.4p {
margin-top: 34px!important
}
.mb-3\.4p {
margin-bottom: 34px!important
}
.mt-3\.5p {
margin-top: 35px!important
}
.mt-4p {
margin-top: 40px!important
}
.ml-4p {
margin-left: 40px!important
}
.ml-4pe {
margin-left: 4%!important
}
.mt-5p {
margin-top: 50px!important
}
.mb-5p {
margin-bottom: 50px!important
}
.ml-5p {
margin-left: 50px!important
}
.mt-5pe {
margin-top: 5%!important
}
.mr-5pe {
margin-right: 5%!important
}
.ml-5pe {
margin-left: 5%!important
}
.mb-6\.5p {
margin-bottom: 65px!important
}
.mt-6\.6p {
margin-top: 66px!important
}
.mt-7p {
margin-top: 70px!important
}
.mb-7p {
margin-bottom: 70px!important
}
.mt-11\.7p {
margin-top: 117px!important
}
.mt-30pe {
margin-top: 30%!important
}
.mt-10pe {
margin-top: 10%!important
}
.ml-10pe {
margin-left: 10%!important
}
.mt-10p- {
margin-top: -10px!important
}
.mr-15px {
margin-right: 15px!important
}
.mb-8\.3p {
margin-bottom: 83px!important
}
.mb-2pe {
margin-bottom: 2%!important
}
.ml-2pe {
margin-left: 2%!important
}
.-mt-0 {
margin-top: 0!important
}
.-mb-0 {
margin-bottom: 0!important
}
.-ml-0 {
margin-left: 0!important
}
.-mr-1 {
margin-right: -.25rem!important
}
.-ml-1 {
margin-left: -.25rem!important
}
.-mt-2 {
margin-top: -.5rem!important
}
.-mt-6 {
margin-top: -1.5rem!important
}
.-ml-0\.5 {
margin-left: -.125rem!important
}
.-mt-0\.1pe- {
margin-top: 1%!important
}
.-mb-0\.1pe- {
margin-bottom: 1%!important
}
.-mt-0\.2p {
margin-top: -2px!important
}
.-mt-0\.3p {
margin-top: -3px!important
}
.-mt-0\.5p {
margin-top: -5px!important
}
.-mt-1p {
margin-top: -10px!important
}
.-mr-1\.5p {
margin-right: -15px!important
}
.-mt-2p {
margin-top: -20px!important
}
.-ml-3p {
margin-left: -30px!important
}
.-ml-6p {
margin-left: -60px!important
}
.-ml-8p {
margin-left: -80px!important
}
.-mt-10p- {
margin-top: 10px!important
}
.max-h-0 {
max-height: 0!important
}
.max-h-12 {
max-height: 3rem!important
}
.max-h-full {
max-height: 100%!important
}
.max-h-60vh {
max-height: 60vh!important
}
.max-h-10vh {
max-height: 10vh!important
}
.max-h-500p {
max-height: 500px!important
}
.max-w-70 {
max-width: 70%!important
}
.max-w-lg {
max-width: 32rem!important
}
.max-w-7xl {
max-width: 80rem!important
}
.max-w-80pe {
max-width: 80%!important
}
.max-w-10p {
max-width: 100px!important
}
.max-w-25p {
max-width: 250px!important
}
.max-w-40p {
max-width: 400px!important
}
.max-w-55p {
max-width: 682px!important
}
.max-w-68\.5p {
max-width: 685px!important
}
.max-w-fit {
max-width: -webkit-fit-content!important;
max-width: -moz-fit-content!important;
max-width: fit-content!important
}
.min-h-0 {
min-height: 0!important
}
.min-h-screen {
min-height: 100vh!important
}
.min-h-40\.2m {
min-height: 402px!important
}
.min-h-30p {
min-height: 30px!important
}
.min-h-0\.1p {
min-height: 1px!important
}
.min-w-0 {
min-width: 0!important
}
.min-w-20p {
min-width: 200px!important
}
.min-w-30p {
min-width: 30px!important
}
.object-contain {
-o-object-fit: contain!important;
object-fit: contain!important
}
.object-cover {
-o-object-fit: cover!important;
object-fit: cover!important
}
.object-fill {
-o-object-fit: fill!important;
object-fit: fill!important
}
.object-center {
-o-object-position: center!important;
object-position: center!important
}
.opacity-0 {
opacity: 0!important
}
.opacity-25 {
opacity: .25!important
}
.opacity-40 {
opacity: .4!important
}
.opacity-50 {
opacity: .5!important
}
.opacity-60 {
opacity: .6!important
}
.opacity-70 {
opacity: .7!important
}
.opacity-75 {
opacity: .75!important
}
.opacity-80 {
opacity: .8!important
}
.opacity-90 {
opacity: .9!important
}
.group:hover .group-hover\:opacity-100,.hover\:opacity-100:hover,.opacity-100 {
opacity: 1!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.overflow-scroll {
overflow: scroll!important
}
.overflow-y-auto {
overflow-y: auto!important
}
.overflow-x-hidden {
overflow-x: hidden!important
}
.overflow-y-hidden {
overflow-y: hidden!important
}
.overflow-x-scroll {
overflow-x: scroll!important
}
.overflow-y-scroll {
overflow-y: scroll!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.p-3 {
padding: .75rem!important
}
.p-4 {
padding: 1rem!important
}
.p-5 {
padding: 1.25rem!important
}
.p-6 {
padding: 1.5rem!important
}
.p-8 {
padding: 2rem!important
}
.p-px {
padding: 1px!important
}
.p-0\.5 {
padding: .125rem!important
}
.p-2\.5 {
padding: .625rem!important
}
.p-3\.5 {
padding: .875rem!important
}
.p-0\.1p {
padding: 1px!important
}
.p-0\.2p {
padding: 2px!important
}
.p-0\.3p {
padding: 3px!important
}
.p-0\.4p {
padding: 4px!important
}
.p-0\.5p {
padding: 5px!important
}
.p-0\.7p {
padding: 7px!important
}
.p-0\.7pe {
padding: 7%!important
}
.p-0\.9p {
padding: 9px!important
}
.p-1p {
padding: 10px!important
}
.p-1\.2p {
padding: 12px!important
}
.p-1\.3p {
padding: 13px!important
}
.p-1\.4p {
padding: 14px!important
}
.p-1\.5p {
padding: 15px!important
}
.p-1\.6p {
padding: 16px!important
}
.p-2p {
padding: 20px!important
}
.p-2\.5p {
padding: 25px!important
}
.p-3p {
padding: 30px!important
}
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.px-0 {
padding-left: 0!important;
padding-right: 0!important
}
.py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.px-1 {
padding-left: .25rem!important;
padding-right: .25rem!important
}
.py-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.px-2 {
padding-left: .5rem!important;
padding-right: .5rem!important
}
.py-3 {
padding-top: .75rem!important;
padding-bottom: .75rem!important
}
.px-3 {
padding-left: .75rem!important;
padding-right: .75rem!important
}
.py-4 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.px-4 {
padding-left: 1rem!important;
padding-right: 1rem!important
}
.py-5 {
padding-top: 1.25rem!important;
padding-bottom: 1.25rem!important
}
.px-5 {
padding-left: 1.25rem!important;
padding-right: 1.25rem!important
}
.py-6 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.px-6 {
padding-left: 1.5rem!important;
padding-right: 1.5rem!important
}
.px-7 {
padding-left: 1.75rem!important;
padding-right: 1.75rem!important
}
.py-8 {
padding-top: 2rem!important;
padding-bottom: 2rem!important
}
.px-8 {
padding-left: 2rem!important;
padding-right: 2rem!important
}
.px-9 {
padding-left: 2.25rem!important;
padding-right: 2.25rem!important
}
.py-12 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.py-px {
padding-top: 1px!important;
padding-bottom: 1px!important
}
.py-0\.5 {
padding-top: .125rem!important;
padding-bottom: .125rem!important
}
.py-1\.5 {
padding-top: .375rem!important;
padding-bottom: .375rem!important
}
.px-1\.5 {
padding-left: .375rem!important;
padding-right: .375rem!important
}
.py-2\.5 {
padding-top: .625rem!important;
padding-bottom: .625rem!important
}
.px-2\.5 {
padding-left: .625rem!important;
padding-right: .625rem!important
}
.px-12vw {
padding-left: 12vw!important;
padding-right: 12vw!important
}
.py-0\.1p {
padding-top: 1px!important;
padding-bottom: 1px!important
}
.py-0\.2p {
padding-top: 2px!important;
padding-bottom: 2px!important
}
.px-0\.2p {
padding-left: 2px!important;
padding-right: 2px!important
}
.py-0\.3p {
padding-top: 3px!important;
padding-bottom: 3px!important
}
.py-0\.4p {
padding-top: 4px!important;
padding-bottom: 4px!important
}
.py-0\.5p {
padding-top: 5px!important;
padding-bottom: 5px!important
}
.px-0\.5p {
padding-left: 5px!important;
padding-right: 5px!important
}
.px-0\.6 {
padding-left: 6px!important;
padding-right: 6px!important
}
.py-0\.7p {
padding-top: 7px!important;
padding-bottom: 7px!important
}
.px-0\.7p {
padding-left: 7px!important;
padding-right: 7px!important
}
.py-0\.8p {
padding-top: 8px!important;
padding-bottom: 8px!important
}
.px-0\.8p {
padding-left: 8px!important;
padding-right: 8px!important
}
.py-0\.9p {
padding-top: 9px!important;
padding-bottom: 9px!important
}
.py-1p {
padding-top: 10px!important;
padding-bottom: 10px!important
}
.px-1p {
padding-left: 10px!important;
padding-right: 10px!important
}
.py-1\.3p {
padding-top: 13px!important;
padding-bottom: 13px!important
}
.px-1\.4p {
padding-left: 14px!important;
padding-right: 14px!important
}
.py-1\.5p {
padding-top: 15px!important;
padding-bottom: 15px!important
}
.px-1\.5p {
padding-left: 15px!important;
padding-right: 15px!important
}
.py-1\.6p {
padding-top: 16px!important;
padding-bottom: 16px!important
}
.px-1\.6p {
padding-left: 16px!important;
padding-right: 16px!important
}
.py-2p {
padding-top: 20px!important;
padding-bottom: 20px!important
}
.px-2p {
padding-left: 20px!important;
padding-right: 20px!important
}
.px-20pe {
padding-left: 20%!important;
padding-right: 20%!important
}
.px-2\.2p {
padding-left: 22px!important;
padding-right: 22px!important
}
.px-2\.3p {
padding-left: 23px!important;
padding-right: 23px!important
}
.px-2\.5p {
padding-left: 25px!important;
padding-right: 25px!important
}
.px-3p {
padding-left: 30px!important;
padding-right: 30px!important
}
.px-4p {
padding-left: 40px!important;
padding-right: 40px!important
}
.py-5pe {
padding-top: 5%!important;
padding-bottom: 5%!important
}
.py-10p {
padding-top: 100px!important;
padding-bottom: 100px!important
}
.px-14p {
padding-left: 140px!important;
padding-right: 140px!important
}
.px-15pe {
padding-left: 15%!important;
padding-right: 15%!important
}
.px-10pe {
padding-left: 10%!important;
padding-right: 10%!important
}
.pt-0 {
padding-top: 0!important
}
.pr-0 {
padding-right: 0!important
}
.pb-0 {
padding-bottom: 0!important
}
.pl-0 {
padding-left: 0!important
}
.pt-1 {
padding-top: .25rem!important
}
.pr-1 {
padding-right: .25rem!important
}
.pb-1 {
padding-bottom: .25rem!important
}
.pl-1 {
padding-left: .25rem!important
}
.pt-2 {
padding-top: .5rem!important
}
.pr-2 {
padding-right: .5rem!important
}
.pb-2 {
padding-bottom: .5rem!important
}
.pl-2 {
padding-left: .5rem!important
}
.pt-3 {
padding-top: .75rem!important
}
.pr-3 {
padding-right: .75rem!important
}
.pb-3 {
padding-bottom: .75rem!important
}
.pl-3 {
padding-left: .75rem!important
}
.pt-4 {
padding-top: 1rem!important
}
.pr-4 {
padding-right: 1rem!important
}
.pb-4 {
padding-bottom: 1rem!important
}
.pl-4 {
padding-left: 1rem!important
}
.pt-5 {
padding-top: 1.25rem!important
}
.pr-5 {
padding-right: 1.25rem!important
}
.pb-5 {
padding-bottom: 1.25rem!important
}
.pl-5 {
padding-left: 1.25rem!important
}
.pt-6 {
padding-top: 1.5rem!important
}
.pr-6 {
padding-right: 1.5rem!important
}
.pb-6 {
padding-bottom: 1.5rem!important
}
.pl-6 {
padding-left: 1.5rem!important
}
.pb-8 {
padding-bottom: 2rem!important
}
.pb-9 {
padding-bottom: 2.25rem!important
}
.pt-11 {
padding-top: 2.75rem!important
}
.pl-12 {
padding-left: 3rem!important
}
.pr-16 {
padding-right: 4rem!important
}
.pt-20 {
padding-top: 5rem!important
}
.pl-28 {
padding-left: 7rem!important
}
.pt-px {
padding-top: 1px!important
}
.pb-px {
padding-bottom: 1px!important
}
.pt-0\.5 {
padding-top: .125rem!important
}
.pb-0\.5 {
padding-bottom: .125rem!important
}
.pl-0\.5 {
padding-left: .125rem!important
}
.pt-1\.5 {
padding-top: .375rem!important
}
.pr-1\.5 {
padding-right: .375rem!important
}
.pb-1\.5 {
padding-bottom: .375rem!important
}
.pt-2\.5 {
padding-top: .625rem!important
}
.pr-2\.5 {
padding-right: .625rem!important
}
.pb-2\.5 {
padding-bottom: .625rem!important
}
.pb-3\.5 {
padding-bottom: .875rem!important
}
.pt-4\.5re {
padding-top: 4.5rem!important
}
.pt-0\.1p {
padding-top: 1px!important
}
.pt-0\.3p {
padding-top: 3px!important
}
.pt-0\.4p {
padding-top: 4px!important
}
.pt-0\.5p {
padding-top: 5px!important
}
.pr-0\.5p {
padding-right: 5px!important
}
.pb-0\.5p {
padding-bottom: 5px!important
}
.pl-0\.5p {
padding-left: 5px!important
}
.pt-0\.6 {
padding-top: 6px!important
}
.pr-0\.6 {
padding-right: 6px!important
}
.pb-0\.6 {
padding-bottom: 6px!important
}
.pl-0\.6 {
padding-left: 6px!important
}
.pb-0\.7p {
padding-bottom: 7px!important
}
.pb-0\.8p {
padding-bottom: 8px!important
}
.pl-0\.8p {
padding-left: 8px!important
}
.pt-0\.9p {
padding-top: 9px!important
}
.pl-0\.9p {
padding-left: 9px!important
}
.pt-1p {
padding-top: 10px!important
}
.pr-1p {
padding-right: 10px!important
}
.pb-1p {
padding-bottom: 10px!important
}
.pl-1p {
padding-left: 10px!important
}
.pr-1\.1p {
padding-right: 11px!important
}
.pl-1\.2p {
padding-left: 12px!important
}
.pt-1\.5p {
padding-top: 15px!important
}
.pr-1\.5p {
padding-right: 15px!important
}
.pb-1\.5p {
padding-bottom: 15px!important
}
.pl-1\.5p {
padding-left: 15px!important
}
.pl-1\.6p {
padding-left: 16px!important
}
.pt-1\.8 {
padding-top: 18px!important
}
.pb-1\.8 {
padding-bottom: 18px!important
}
.pt-2p {
padding-top: 20px!important
}
.pr-2p {
padding-right: 20px!important
}
.pb-2p {
padding-bottom: 20px!important
}
.pl-2p {
padding-left: 20px!important
}
.pb-2\.2p {
padding-bottom: 22px!important
}
.pl-2\.4p {
padding-left: 24px!important
}
.pt-2\.9p {
padding-top: 29px!important
}
.pl-3p {
padding-left: 30px!important
}
.pl-3\.5p {
padding-left: 35px!important
}
.pl-3\.9p {
padding-left: 39px!important
}
.pb-4p {
padding-bottom: 40px!important
}
.pb-5p {
padding-bottom: 50px!important
}
.pt-6p {
padding-top: 60px!important
}
.pb-6p {
padding-bottom: 60px!important
}
.pb-9p {
padding-bottom: 90px!important
}
.pr-10pe {
padding-right: 10%!important
}
.pl-1\.2rm {
padding-left: 1.2rem!important
}
.pointer-events-none {
pointer-events: none!important
}
.static {
position: static!important
}
.fixed {
position: fixed!important
}
.absolute {
position: absolute!important
}
.relative {
position: relative!important
}
.sticky {
position: sticky!important
}
.inset-0 {
right: 0!important;
bottom: 0!important;
left: 0!important
}
.inset-0,.top-0 {
top: 0!important
}
.right-0 {
right: 0!important
}
.bottom-0 {
bottom: 0!important
}
.left-0 {
left: 0!important
}
.top-1 {
top: .25rem!important
}
.right-1 {
right: .25rem!important
}
.bottom-1 {
bottom: .25rem!important
}
.left-1 {
left: .25rem!important
}
.top-2 {
top: .5rem!important
}
.right-2 {
right: .5rem!important
}
.bottom-2 {
bottom: .5rem!important
}
.left-2 {
left: .5rem!important
}
.top-3 {
top: .75rem!important
}
.bottom-3 {
bottom: .75rem!important
}
.left-3 {
left: .75rem!important
}
.top-4 {
top: 1rem!important
}
.right-4 {
right: 1rem!important
}
.bottom-4 {
bottom: 1rem!important
}
.left-4 {
left: 1rem!important
}
.top-5 {
top: 1.25rem!important
}
.bottom-5 {
bottom: 1.25rem!important
}
.left-5 {
left: 1.25rem!important
}
.top-6 {
top: 1.5rem!important
}
.top-8 {
top: 2rem!important
}
.right-8 {
right: 2rem!important
}
.left-8 {
left: 2rem!important
}
.top-10 {
top: 2.5rem!important
}
.left-10 {
left: 2.5rem!important
}
.bottom-12 {
bottom: 3rem!important
}
.left-12 {
left: 3rem!important
}
.bottom-16 {
bottom: 4rem!important
}
.top-20 {
top: 5rem!important
}
.left-auto {
left: auto!important
}
.bottom-px {
bottom: 1px!important
}
.top-0\.5 {
top: .125rem!important
}
.left-1\.5 {
left: .375rem!important
}
.right-2\.5 {
right: .625rem!important
}
.bottom-2\.5 {
bottom: .625rem!important
}
.right-0\.1p {
right: 1px!important
}
.bottom-0\.1p {
bottom: 1px!important
}
.top-0\.8p- {
top: -8px!important
}
.top-0\.2p {
top: 2px!important
}
.right-0\.2p {
right: 2px!important
}
.bottom-0\.2p {
bottom: 2px!important
}
.bottom-0\.3p {
bottom: 3px!important
}
.top-0\.4p {
top: 4px!important
}
.right-0\.4pe- {
right: -4%!important
}
.left-0\.4pe- {
left: -4%!important
}
.right-0\.4p- {
right: -4px!important
}
.top-0\.5p {
top: 5px!important
}
.left-0\.5p {
left: 5px!important
}
.left-0\.5pe {
left: 5%!important
}
.top-0\.6 {
top: 6px!important
}
.top-0\.7p {
top: 7px!important
}
.right-0\.8p {
right: 8px!important
}
.left-0\.8p {
left: 8px!important
}
.bottom-0\.9p {
bottom: 9px!important
}
.top-1p {
top: 10px!important
}
.bottom-1p {
bottom: 10px!important
}
.left-1p {
left: 10px!important
}
.left-1\.1p {
left: 11px!important
}
.right-1\.2p {
right: 12px!important
}
.top-1\.3p {
top: 13px!important
}
.top-1\.4p- {
top: -14px!important
}
.right-1\.5p {
right: 15px!important
}
.left-1\.5p {
left: 15px!important
}
.bottom-1\.5p- {
bottom: -15px!important
}
.top-1\.8pe- {
top: -18%!important
}
.top-2p {
top: 20px!important
}
.bottom-2p {
bottom: 20px!important
}
.left-2p {
left: 20px!important
}
.top-20pe {
top: 20%!important
}
.top-2\.1p- {
top: -21px!important
}
.right-2\.1p- {
right: -21px!important
}
.bottom-2\.1p- {
bottom: -21px!important
}
.right-2\.2p {
right: 22px!important
}
.right-2\.4p {
right: 24px!important
}
.top-2\.7p {
top: 27px!important
}
.top-3p {
top: 30px!important
}
.top-3p- {
top: -30px!important
}
.top-3\.5p {
top: 35px!important
}
.top-4p {
top: 40px!important
}
.top-4\.2p {
top: 42px!important
}
.bottom-4\.5p {
bottom: 45px!important
}
.top-5\.2p {
top: 52px!important
}
.left-5\.5p {
left: 55px!important
}
.top-6\.1p {
top: 61px!important
}
.bottom-7pe {
bottom: 7%!important
}
.top-9p {
top: 90px!important
}
.right-10p {
right: 100px!important
}
.bottom-15pe {
bottom: 15%!important
}
.top-30pe {
top: 30%!important
}
.top-28pe {
top: 28%!important
}
.top-45pe {
top: 45%!important
}
.right-45pe {
right: 45%!important
}
.left-45pe {
left: 45%!important
}
.top-50pe {
top: 50%!important
}
.left-50pe {
left: 50%!important
}
.top-10\.8p {
top: 108px!important
}
.top-0\.8pe- {
top: -8%!important
}
.bottom-0\.8pe- {
bottom: -8%!important
}
.top-17\.8p {
top: 178px!important
}
.top-5pp- {
top: -5%!important
}
.bottom-1vh {
bottom: 1vh!important
}
.right-2pe {
right: 2%!important
}
.-top-2 {
top: -.5rem!important
}
.top-1\/2 {
top: 50%!important
}
.left-1\/2 {
left: 50%!important
}
.resize {
resize: both!important
}
* {
--tw-shadow: 0 0 transparent
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)!important
}
.shadow,.shadow-md {
-webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)!important
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)!important
}
.shadow-defaultCardShadow,.shadow-lg {
-webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.shadow-defaultCardShadow {
--tw-shadow: 0 1px 3px rgba(0,0,0,0.15),0 1px 3px rgba(0,0,0,0.15)!important
}
.shadow-viewsshadow {
--tw-shadow: 0 0 1px #e1e1e1!important
}
.shadow-propertyCardShadow,.shadow-viewsshadow {
-webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.shadow-propertyCardShadow {
--tw-shadow: 3px 2px 10px rgba(0,0,0,0.15)!important
}
.shadow-hs-highlighter-shadow {
--tw-shadow: rgb(46 46 46/12%) 0px -3px 36px!important;
-webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
* {
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59,130,246,0.5);
--tw-ring-offset-shadow: 0 0 transparent;
--tw-ring-shadow: 0 0 transparent
}
.ring-focus-border-color {
--tw-ring-opacity: 1!important;
--tw-ring-color: rgba(120,120,120,var(--tw-ring-opacity))!important
}
.fill-current {
fill: currentColor!important
}
.stroke-current {
stroke: currentColor!important
}
.stroke-2 {
stroke-width: 2!important
}
.text-left {
text-align: left!important
}
.text-center {
text-align: center!important
}
.text-right {
text-align: right!important
}
.text-justify {
text-align: justify!important
}
.text-black {
--tw-text-opacity: 1!important;
color: rgba(0,0,0,var(--tw-text-opacity))!important
}
.text-white {
color: var(--white)!important
}
.text-gray-100 {
--tw-text-opacity: 1!important;
color: rgba(243,244,246,var(--tw-text-opacity))!important
}
.text-gray-300 {
--tw-text-opacity: 1!important;
color: rgba(209,213,219,var(--tw-text-opacity))!important
}
.text-gray-400 {
--tw-text-opacity: 1!important;
color: rgba(156,163,175,var(--tw-text-opacity))!important
}
.text-gray-500 {
--tw-text-opacity: 1!important;
color: rgba(107,114,128,var(--tw-text-opacity))!important
}
.text-gray-600 {
--tw-text-opacity: 1!important;
color: rgba(75,85,99,var(--tw-text-opacity))!important
}
.text-gray-700 {
--tw-text-opacity: 1!important;
color: rgba(55,65,81,var(--tw-text-opacity))!important
}
.text-gray-800 {
--tw-text-opacity: 1!important;
color: rgba(31,41,55,var(--tw-text-opacity))!important
}
.text-gray-900 {
color: rgba(17,24,39,var(--tw-text-opacity))!important
}
.text-gray-900,.text-red-700 {
--tw-text-opacity: 1!important
}
.text-red-700 {
color: rgba(185,28,28,var(--tw-text-opacity))!important
}
.text-green-500 {
--tw-text-opacity: 1!important;
color: rgba(16,185,129,var(--tw-text-opacity))!important
}
.text-green-600 {
--tw-text-opacity: 1!important;
color: rgba(5,150,105,var(--tw-text-opacity))!important
}
.text-indigo-800 {
--tw-text-opacity: 1!important;
color: rgba(55,48,163,var(--tw-text-opacity))!important
}
.text-indigo-900 {
--tw-text-opacity: 1!important;
color: rgba(49,46,129,var(--tw-text-opacity))!important
}
.text-save-search-color {
color: var(--save-search-color)!important
}
.text-default-color {
color: var(--default-color)!important
}
.text-secondary-color {
--tw-text-opacity: 1!important;
color: rgba(0,149,135,var(--tw-text-opacity))!important
}
.text-border-color {
color: var(--border-color)!important
}
.text-primary-color {
--tw-text-opacity: 1!important;
color: rgba(253,55,82,var(--tw-text-opacity))!important
}
.text-green-approve-button {
--tw-text-opacity: 1!important;
color: rgba(21,149,136,var(--tw-text-opacity))!important
}
.text-grayDark {
--tw-text-opacity: 1!important;
color: rgba(68,68,68,var(--tw-text-opacity))!important
}
.text-gray-light {
--tw-text-opacity: 1!important;
color: rgba(120,118,118,var(--tw-text-opacity))!important
}
.text-gray-lighter {
--tw-text-opacity: 1!important;
color: rgba(153,153,153,var(--tw-text-opacity))!important
}
.text-error-color {
--tw-text-opacity: 1!important;
color: rgba(213,0,0,var(--tw-text-opacity))!important
}
.text-header-item-color {
--tw-text-opacity: 1!important;
color: rgba(85,85,85,var(--tw-text-opacity))!important
}
.text-appointment-status-background {
color: var(--appointment-status-background)!important
}
.text-usp-star-icon-color {
--tw-text-opacity: 1!important;
color: rgba(252,178,68,var(--tw-text-opacity))!important
}
.text-back-to-top-bg-color {
--tw-text-opacity: 1!important;
color: rgba(144,148,150,var(--tw-text-opacity))!important
}
.text-nb-home-text {
--tw-text-opacity: 1!important;
color: rgba(172,175,188,var(--tw-text-opacity))!important
}
.text-plan-detail-unselected {
--tw-text-opacity: 1!important;
color: rgba(174,172,172,var(--tw-text-opacity))!important
}
.text-card-action-color {
--tw-text-opacity: 1!important;
color: rgba(32,149,134,var(--tw-text-opacity))!important
}
.text-bluish-grey {
--tw-text-opacity: 1!important;
color: rgba(51,74,92,var(--tw-text-opacity))!important
}
.text-nb-grey {
--tw-text-opacity: 1!important;
color: rgba(120,118,118,var(--tw-text-opacity))!important
}
.text-nb-nav-highlight {
--tw-text-opacity: 1!important;
color: rgba(250,58,87,var(--tw-text-opacity))!important
}
.text-btn-green {
--tw-text-opacity: 1!important;
color: rgba(0,122,111,var(--tw-text-opacity))!important
}
.text-basic-header {
--tw-text-opacity: 1!important;
color: rgba(71,72,74,var(--tw-text-opacity))!important
}
.text-moneyback-plan-color {
--tw-text-opacity: 1!important;
color: rgba(242,95,92,var(--tw-text-opacity))!important
}
.text-tnc {
color: rgba(170,170,170,var(--tw-text-opacity))!important
}
.text-bg-valid,.text-tnc {
--tw-text-opacity: 1!important
}
.text-bg-valid {
color: rgba(123,160,160,var(--tw-text-opacity))!important
}
.text-rent-card-label {
--tw-text-opacity: 1!important;
color: rgba(173,117,40,var(--tw-text-opacity))!important
}
.text-sale-card-label {
--tw-text-opacity: 1!important;
color: rgba(56,101,152,var(--tw-text-opacity))!important
}
.text-bg-faild {
--tw-text-opacity: 1!important;
color: rgba(249,55,83,var(--tw-text-opacity))!important
}
.text-pyp-explore-clr {
--tw-text-opacity: 1!important;
color: rgba(6,168,139,var(--tw-text-opacity))!important
}
.text-pyp-text-clr {
--tw-text-opacity: 1!important;
color: rgba(179,179,179,var(--tw-text-opacity))!important
}
.text-pyp-other-text-clr {
--tw-text-opacity: 1!important;
color: rgba(124,124,124,var(--tw-text-opacity))!important
}
.text-defaultcolor {
--tw-text-opacity: 1!important;
color: rgba(70,70,70,var(--tw-text-opacity))!important
}
.hover\:text-secondary-color:hover {
--tw-text-opacity: 1!important;
color: rgba(0,149,135,var(--tw-text-opacity))!important
}
.hover\:text-primary-color:hover {
--tw-text-opacity: 1!important;
color: rgba(253,55,82,var(--tw-text-opacity))!important
}
.text-opacity-80 {
--tw-text-opacity: 0.8!important
}
.truncate {
overflow: hidden!important;
white-space: nowrap!important
}
.overflow-ellipsis,.truncate {
text-overflow: ellipsis!important
}
.italic {
font-style: italic!important
}
.uppercase {
text-transform: uppercase!important
}
.capitalize {
text-transform: capitalize!important
}
.underline {
text-decoration: underline!important
}
.line-through {
text-decoration: line-through!important
}
.no-underline {
text-decoration: none!important
}
.antialiased {
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important
}
.ordinal {
--tw-ordinal: var(--tw-empty,/*!*/ /*!*/)!important;
--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/)!important;
--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/)!important;
--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/)!important;
--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/)!important;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important;
--tw-ordinal: ordinal!important
}
.tracking-normal {
letter-spacing: 0!important
}
.tracking-wide {
letter-spacing: .3px!important
}
.select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important
}
.align-top {
vertical-align: top!important
}
.align-middle {
vertical-align: middle!important
}
.align-bottom {
vertical-align: bottom!important
}
.visible {
visibility: visible!important
}
.whitespace-normal {
white-space: normal!important
}
.whitespace-nowrap {
white-space: nowrap!important
}
.whitespace-pre-line {
white-space: pre-line!important
}
.break-words {
overflow-wrap: break-word!important
}
.break-all {
word-break: break-all!important
}
.w-0 {
width: 0!important
}
.w-1 {
width: .25rem!important
}
.w-2 {
width: .5rem!important
}
.w-3 {
width: .75rem!important
}
.w-4 {
width: 1rem!important
}
.w-5 {
width: 1.25rem!important
}
.w-6 {
width: 1.5rem!important
}
.w-7 {
width: 1.75rem!important
}
.w-8 {
width: 2rem!important
}
.w-9 {
width: 2.25rem!important
}
.w-10 {
width: 2.5rem!important
}
.w-11 {
width: 2.75rem!important
}
.w-12 {
width: 3rem!important
}
.w-14 {
width: 3.5rem!important
}
.w-16 {
width: 4rem!important
}
.w-18 {
width: 72px!important
}
.w-24 {
width: 6rem!important
}
.w-28 {
width: 7rem!important
}
.w-32 {
width: 32px!important
}
.w-44 {
width: 176px!important
}
.w-72 {
width: 18rem!important
}
.w-75 {
width: 75px!important
}
.w-80 {
width: 20rem!important
}
.w-auto {
width: auto!important
}
.w-2\.5 {
width: .625rem!important
}
.w-0\.1p {
width: 1px!important
}
.w-0\.2p {
width: 2px!important
}
.w-0\.8p {
width: 8px!important
}
.w-0\.9p {
width: 9px!important
}
.w-1p {
width: 10px!important
}
.w-1\.3p {
width: 13px!important
}
.w-1\.4p {
width: 14px!important
}
.w-1\.5p {
width: 15px!important
}
.w-1\.6p {
width: 16px!important
}
.w-1\.8 {
width: 18px!important
}
.w-2p {
width: 20px!important
}
.w-20pe {
width: 20%!important
}
.w-2\.2p {
width: 22px!important
}
.w-2\.4p {
width: 24px!important
}
.w-2\.5p {
width: 25px!important
}
.w-2\.8p {
width: 28px!important
}
.w-3p {
width: 30px!important
}
.w-3\.5p {
width: 35px!important
}
.w-4p {
width: 40px!important
}
.w-4\.2p {
width: 42px!important
}
.w-4\.5p {
width: 45px!important
}
.w-4\.6p {
width: 46px!important
}
.w-4\.8p {
width: 48px!important
}
.w-5p {
width: 50px!important
}
.w-6p {
width: 60px!important
}
.w-6\.6p {
width: 66px!important
}
.w-7p {
width: 70px!important
}
.w-8p {
width: 80px!important
}
.w-9p {
width: 90px!important
}
.w-10p {
width: 100px!important
}
.w-12p {
width: 120px!important
}
.w-14p {
width: 140px!important
}
.w-15p {
width: 150px!important
}
.w-18p {
width: 180px!important
}
.w-15pe {
width: 15%!important
}
.w-30pe {
width: 30%!important
}
.w-70pe {
width: 70%!important
}
.w-20p {
width: 200px!important
}
.w-24p {
width: 240px!important
}
.w-25p {
width: 250px!important
}
.w-26p {
width: 260px!important
}
.w-30p {
width: 300px!important
}
.w-35p {
width: 350px!important
}
.w-40p {
width: 400px!important
}
.w-25pe {
width: 25%!important
}
.w-28pe {
width: 28%!important
}
.w-33pe {
width: 33%!important
}
.w-35pe {
width: 35%!important
}
.w-40pe {
width: 40%!important
}
.w-45pe {
width: 45%!important
}
.w-60pe {
width: 60%!important
}
.w-50pe {
width: 50%!important
}
.w-65pe {
width: 65%!important
}
.w-67pe {
width: 67%!important
}
.w-74pe {
width: 74%!important
}
.w-80pe {
width: 80%!important
}
.w-90pe {
width: 90%!important
}
.w-95pe {
width: 95%!important
}
.w-100pe {
width: 100%!important
}
.w-8\.8p {
width: 88px!important
}
.w-55pe {
width: 55%!important
}
.w-28vw {
width: 28vw!important
}
.w-90vw {
width: 90vw!important
}
.w-15px {
width: 15px!important
}
.w-1\/2 {
width: 50%!important
}
.w-1\/3 {
width: 33.333333%!important
}
.w-2\/3 {
width: 66.666667%!important
}
.w-1\/4 {
width: 25%!important
}
.w-2\/4 {
width: 50%!important
}
.w-3\/4 {
width: 75%!important
}
.w-3\/5 {
width: 60%!important
}
.w-4\/5 {
width: 80%!important
}
.w-1\/6 {
width: 16.666667%!important
}
.w-2\/6 {
width: 33.333333%!important
}
.w-3\/12 {
width: 25%!important
}
.w-6\/12 {
width: 50%!important
}
.w-8\/12 {
width: 66.666667%!important
}
.w-10\/12 {
width: 83.333333%!important
}
.w-11\/12 {
width: 91.666667%!important
}
.w-full {
width: 100%!important
}
.w-screen {
width: 100vw!important
}
.w-min {
width: -webkit-min-content!important;
width: -moz-min-content!important;
width: min-content!important
}
.w-max {
width: -webkit-max-content!important;
width: -moz-max-content!important;
width: max-content!important
}
.w-80p {
width: 80px!important
}
.w-9\/10 {
width: 90%!important
}
.w-53p {
width: 530px!important
}
.w-3\.6p {
width: 36px!important
}
.w-13p {
width: 130px!important
}
.w-5\.0p {
width: 50px!important
}
.w-11\.5p {
width: 115px!important
}
.w-52pe {
width: 52%!important
}
.w-43pe {
width: 43%!important
}
.w-21\.5p {
width: 215px!important
}
.w-21\.8p {
width: 218px!important
}
.w-85p {
width: 850px!important
}
.w-100v {
width: 100vw!important
}
.w-6\.8p {
width: 68px!important
}
.w-97pe {
width: 97%!important
}
.z-0 {
z-index: 0!important
}
.z-1 {
z-index: 1!important
}
.z-2 {
z-index: 2!important
}
.z-3 {
z-index: 3!important
}
.z-4 {
z-index: 4!important
}
.z-10 {
z-index: 10!important
}
.z-11 {
z-index: 11!important
}
.z-12 {
z-index: 12!important
}
.z-13 {
z-index: 13!important
}
.z-20 {
z-index: 20!important
}
.z-30 {
z-index: 30!important
}
.z-40 {
z-index: 40!important
}
.z-50 {
z-index: 50!important
}
.z-1000 {
z-index: 1000!important
}
.z-minus {
z-index: -1!important
}
.gap-0 {
gap: 0!important
}
.gap-1 {
gap: .25rem!important
}
.gap-2 {
gap: .5rem!important
}
.gap-3 {
gap: .75rem!important
}
.gap-4 {
gap: 1rem!important
}
.gap-5 {
gap: 1.25rem!important
}
.gap-6 {
gap: 1.5rem!important
}
.gap-8 {
gap: 2rem!important
}
.gap-12 {
gap: 3rem!important
}
.gap-0\.5 {
gap: .125rem!important
}
.gap-1\.5 {
gap: .375rem!important
}
.gap-2\.5 {
gap: .625rem!important
}
.gap-3\.5 {
gap: .875rem!important
}
.gap-x-4 {
-webkit-column-gap: 1rem!important;
-moz-column-gap: 1rem!important;
column-gap: 1rem!important
}
.gap-x-5 {
-webkit-column-gap: 1.25rem!important;
-moz-column-gap: 1.25rem!important;
column-gap: 1.25rem!important
}
.gap-y-1 {
row-gap: .25rem!important
}
.gap-y-2 {
row-gap: .5rem!important
}
.gap-y-4 {
row-gap: 1rem!important
}
.gap-y-2\.5 {
row-gap: .625rem!important
}
.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))!important
}
.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))!important
}
.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))!important
}
.grid-cols-7 {
grid-template-columns: repeat(7,minmax(0,1fr))!important
}
.grid-cols-9 {
grid-template-columns: repeat(9,minmax(0,1fr))!important
}
.grid-cols-10 {
grid-template-columns: repeat(10,minmax(0,1fr))!important
}
.col-span-2 {
grid-column: span 2/span 2!important
}
.col-span-4 {
grid-column: span 4/span 4!important
}
.col-span-5 {
grid-column: span 5/span 5!important
}
.col-span-6 {
grid-column: span 6/span 6!important
}
.row-span-5 {
grid-row: span 5/span 5!important
}
.transform {
--tw-translate-x: 0!important;
--tw-translate-y: 0!important;
--tw-rotate: 0!important;
--tw-skew-x: 0!important;
--tw-skew-y: 0!important;
--tw-scale-x: 1!important;
--tw-scale-y: 1!important;
-webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}
.origin-center {
-webkit-transform-origin: center!important;
transform-origin: center!important
}
.origin-top-left {
-webkit-transform-origin: top left!important;
transform-origin: top left!important
}
.origin-cards {
-webkit-transform-origin: 5px 8px!important;
transform-origin: 5px 8px!important
}
.scale-50 {
--tw-scale-x: .5!important;
--tw-scale-y: .5!important
}
.scale-65 {
--tw-scale-x: 0.65!important;
--tw-scale-y: 0.65!important
}
.scale-110 {
--tw-scale-x: 1.1!important;
--tw-scale-y: 1.1!important
}
.scale-x-75 {
--tw-scale-x: .75!important
}
.scale-y-75 {
--tw-scale-y: .75!important
}
.rotate-45 {
--tw-rotate: 45deg!important
}
.rotate-180 {
--tw-rotate: 180deg!important
}
.-rotate-90 {
--tw-rotate: -90deg!important
}
.-rotate-45 {
--tw-rotate: -45deg!important
}
.-translate-x-50pe {
--tw-translate-x: -50%!important
}
.translate-x-1\/2 {
--tw-translate-x: 50%!important
}
.translate-y-0 {
--tw-translate-y: 0px!important
}
.translate-y-1 {
--tw-translate-y: 0.25rem!important
}
.translate-y-0\.6 {
--tw-translate-y: 6px!important
}
.translate-y-0\.8p {
--tw-translate-y: 8px!important
}
.translate-y-1\.3p {
--tw-translate-y: 13px!important
}
.-translate-y-0 {
--tw-translate-y: 0px!important
}
.-translate-y-0\.8p {
--tw-translate-y: -8px!important
}
.-translate-y-50pe {
--tw-translate-y: -50%!important
}
.translate-y-1\/2 {
--tw-translate-y: 50%!important
}
.transition-all {
-webkit-transition-property: all!important;
transition-property: all!important;
-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
-webkit-transition-duration: .15s!important;
transition-duration: .15s!important
}
.transition {
-webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform!important;
transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform!important;
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform!important;
-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
-webkit-transition-duration: .15s!important;
transition-duration: .15s!important
}
.transition-opacity {
-webkit-transition-property: opacity!important;
transition-property: opacity!important;
-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
-webkit-transition-duration: .15s!important;
transition-duration: .15s!important
}
.transition-bgColor {
-webkit-transition-property: background-color!important;
transition-property: background-color!important;
-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
-webkit-transition-duration: .15s!important;
transition-duration: .15s!important
}
.ease-linear {
-webkit-transition-timing-function: linear!important;
transition-timing-function: linear!important
}
.ease-in {
-webkit-transition-timing-function: cubic-bezier(.4,0,1,1)!important;
transition-timing-function: cubic-bezier(.4,0,1,1)!important
}
.ease-out {
-webkit-transition-timing-function: cubic-bezier(0,0,.2,1)!important;
transition-timing-function: cubic-bezier(0,0,.2,1)!important
}
.ease-in-out {
-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}
.duration-100 {
-webkit-transition-duration: .1s!important;
transition-duration: .1s!important
}
.duration-200 {
-webkit-transition-duration: .2s!important;
transition-duration: .2s!important
}
.duration-300 {
-webkit-transition-duration: .3s!important;
transition-duration: .3s!important
}
.duration-500 {
-webkit-transition-duration: .5s!important;
transition-duration: .5s!important
}
.duration-700 {
-webkit-transition-duration: .7s!important;
transition-duration: .7s!important
}
.duration-1000 {
-webkit-transition-duration: 1s!important;
transition-duration: 1s!important
}
.delay-100 {
-webkit-transition-delay: .1s!important;
transition-delay: .1s!important
}
.delay-150 {
-webkit-transition-delay: .15s!important;
transition-delay: .15s!important
}
.delay-500 {
-webkit-transition-delay: .5s!important;
transition-delay: .5s!important
}
.delay-700 {
-webkit-transition-delay: .7s!important;
transition-delay: .7s!important
}
@-webkit-keyframes nb__2eGUm {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes nb__2eGUm {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes nb__2LEel {
75%,to {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
@keyframes nb__2LEel {
75%,to {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
@-webkit-keyframes nb__3c3Ud {
50% {
opacity: .5
}
}
@keyframes nb__3c3Ud {
50% {
opacity: .5
}
}
@-webkit-keyframes nb__2tcMD {
0%,to {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
animation-timing-function: cubic-bezier(.8,0,1,1)
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
animation-timing-function: cubic-bezier(0,0,.2,1)
}
}
@keyframes nb__2tcMD {
0%,to {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
animation-timing-function: cubic-bezier(.8,0,1,1)
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
animation-timing-function: cubic-bezier(0,0,.2,1)
}
}
@-webkit-keyframes nb__2hJCl {
0% {
background-color: #ff0
}
to {
background-color: #fff
}
}
@keyframes nb__2hJCl {
0% {
background-color: #ff0
}
to {
background-color: #fff
}
}
.animate-spin {
-webkit-animation: spin 1s linear infinite!important;
animation: spin 1s linear infinite!important
}
:root {
--hello: #2bcadf;
--save-search-size: 13px;
--save-search-color: #555;
--property-dropdown-menu-shadow: rgba(0,0,0,0.1);
--dropdown-menu-border-color: #ddd;
--sticky-header-bg-color: #fafafa;
--sticky-header-border-color: #c5c5c5;
--ls-primary-green: #169b6a;
--appointment-status-background: #4d84ff;
--card-border: #dae6f0;
--background-color: #f2f2f2;
--gray-dark: #444;
--back-to-top-shadow-color: rgba(0,0,0,0.05);
--gray-lightest: #ccc;
--default-color: #464646;
--border-color: #707070;
--primary-color: #fd3752
}
@media (min-width: 768px) {
.md\:bg-transparent {
background-color:transparent!important
}
.md\:bg-white {
background-color: var(--white)!important
}
.md\:bg-new-background-secondary-color {
--tw-bg-opacity: 1!important;
background-color: rgba(240,244,252,var(--tw-bg-opacity))!important
}
.md\:bg-contain {
background-size: contain!important
}
.md\:border-card-border-dark {
--tw-border-opacity: 1!important;
border-color: rgba(226,226,226,var(--tw-border-opacity))!important
}
.md\:rounded-10 {
border-radius: 10px!important
}
.md\:rounded-20 {
border-radius: 20px!important
}
.md\:rounded-lg {
border-radius: .5rem!important
}
.md\:rounded-xl {
border-radius: .75rem!important
}
.md\:border-solid {
border-style: solid!important
}
.md\:border-1 {
border-width: 1px!important
}
.md\:block {
display: block!important
}
.md\:flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.md\:contents {
display: contents!important
}
.md\:hidden {
display: none!important
}
.md\:flex-row {
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.md\:flex-row,.md\:flex-row-reverse {
-webkit-box-orient: horizontal!important
}
.md\:flex-row-reverse {
-webkit-box-direction: reverse!important;
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.md\:flex-col {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.md\:flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.md\:items-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.md\:items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.md\:items-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.md\:justify-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.md\:justify-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.md\:h-8vh {
height: 80vh!important
}
.md\:h-20p {
height: 200px!important
}
.md\:h-57p {
height: 570px!important
}
.md\:h-40pe {
height: 40%!important
}
.md\:h-50pe {
height: 50%!important
}
.md\:h-630p {
height: 630px!important
}
.md\:h-55p {
height: 550px!important
}
.md\:h-full {
height: 100%!important
}
.md\:text-12 {
font-size: 12px!important
}
.md\:text-15 {
font-size: 15px!important
}
.md\:text-32 {
font-size: 32px!important
}
.md\:m-auto {
margin: auto!important
}
.md\:mb-0 {
margin-bottom: 0!important
}
.md\:ml-0 {
margin-left: 0!important
}
.md\:mb-3 {
margin-bottom: .75rem!important
}
.md\:mt-4 {
margin-top: 1rem!important
}
.md\:mt-6 {
margin-top: 1.5rem!important
}
.md\:max-h-50pe {
max-height: 50%!important
}
.md\:max-h-80pe {
max-height: 80%!important
}
.md\:max-w-7xl {
max-width: 80rem!important
}
.md\:min-w-64p {
min-width: 646px!important
}
.md\:overflow-auto {
overflow: auto!important
}
.md\:overflow-hidden {
overflow: hidden!important
}
.md\:p-3 {
padding: .75rem!important
}
.md\:p-5 {
padding: 1.25rem!important
}
.md\:p-6 {
padding: 1.5rem!important
}
.md\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.md\:px-36 {
padding-left: 9rem!important;
padding-right: 9rem!important
}
.md\:px-4p {
padding-left: 40px!important;
padding-right: 40px!important
}
.md\:pt-0 {
padding-top: 0!important
}
.md\:pb-0 {
padding-bottom: 0!important
}
.md\:pb-1 {
padding-bottom: .25rem!important
}
.md\:pb-3 {
padding-bottom: .75rem!important
}
.md\:pt-5 {
padding-top: 1.25rem!important
}
.md\:pt-6 {
padding-top: 1.5rem!important
}
.md\:pt-9 {
padding-top: 2.25rem!important
}
.md\:pl-12 {
padding-left: 3rem!important
}
.md\:pl-26 {
padding-left: 26%!important
}
.md\:pb-3\.5 {
padding-bottom: .875rem!important
}
.md\:pb-1\.3p {
padding-bottom: 13px!important
}
.md\:pb-1\.8 {
padding-bottom: 18px!important
}
.md\:sticky {
position: sticky!important
}
.md\:top-0 {
top: 0!important
}
.md\:bottom-0 {
bottom: 0!important
}
.md\:right-20 {
right: 5rem!important
}
.md\:top-auto {
top: auto!important
}
.md\:bottom-6p {
bottom: 60px!important
}
.md\:text-black {
--tw-text-opacity: 1!important;
color: rgba(0,0,0,var(--tw-text-opacity))!important
}
.md\:invisible {
visibility: hidden!important
}
.md\:w-40 {
width: 10rem!important
}
.md\:w-auto {
width: auto!important
}
.md\:w-15\.2p {
width: 152px!important
}
.md\:w-35p {
width: 350px!important
}
.md\:w-40p {
width: 400px!important
}
.md\:w-40\.2p {
width: 402px!important
}
.md\:w-57p {
width: 570px!important
}
.md\:w-50pe {
width: 50%!important
}
.md\:w-80pe {
width: 80%!important
}
.md\:w-full {
width: 100%!important
}
.md\:w-17p {
width: 170px!important
}
.md\:w-49p {
width: 490px!important
}
.md\:z-20 {
z-index: 20!important
}
.md\:z-1000 {
z-index: 1000!important
}
.md\:gap-3 {
gap: .75rem!important
}
.md\:gap-5 {
gap: 1.25rem!important
}
}
@media (min-width: 1024px) {
.lg\:z-20 {
z-index:20!important
}
}
@media (max-width: 415px) {
.poStory\:flex {
display:-webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media (min-width: 361px) {
.poxs\:block {
display:block!important
}
.poxs\:hidden {
display: none!important
}
.poxs\:flex-col {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.poxs\:flex-2 {
-webkit-box-flex: 2!important;
-ms-flex: 2 1 0%!important;
flex: 2 1!important
}
.poxs\:text-12 {
font-size: 12px!important
}
.poxs\:text-16 {
font-size: 16px!important
}
.poxs\:text-22 {
font-size: 22px!important
}
.poxs\:text-24 {
font-size: 24px!important
}
.poxs\:mx-3p {
margin-left: 30px!important;
margin-right: 30px!important
}
.poxs\:mt-0 {
margin-top: 0!important
}
.poxs\:mt-2 {
margin-top: .5rem!important
}
.poxs\:mt-3 {
margin-top: .75rem!important
}
.poxs\:mb-5 {
margin-bottom: 1.25rem!important
}
.poxs\:mb-1p {
margin-bottom: 10px!important
}
.poxs\:mt-2\.6 {
margin-top: 26px!important
}
.poxs\:mt-3\.2p {
margin-top: 32px!important
}
.poxs\:max-w-none {
max-width: none!important
}
}
@media (max-width: 767px) {
.po\:bg-background-gray {
--tw-bg-opacity:1!important;
background-color: rgba(239,239,239,var(--tw-bg-opacity))!important
}
.po\:bg-primary-color {
--tw-bg-opacity: 1!important;
background-color: rgba(253,55,82,var(--tw-bg-opacity))!important
}
.po\:rounded-2 {
border-radius: 2px!important
}
.po\:block {
display: block!important
}
.po\:flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.po\:hidden {
display: none!important
}
.po\:flex-col {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.po\:flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.po\:items-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.po\:items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.po\:justify-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.po\:justify-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.po\:font-normal {
font-weight: 400!important
}
.po\:h-3 {
height: .75rem!important
}
.po\:h-6 {
height: 1.5rem!important
}
.po\:h-3p {
height: 30px!important
}
.po\:h-3\.5p {
height: 35px!important
}
.po\:h-13\.6p {
height: 136px!important
}
.po\:h-120vh {
height: 120vh!important
}
.po\:h-screen {
height: 100vh!important
}
.po\:h-6\.4p {
height: 64px!important
}
.po\:text-12 {
font-size: 12px!important
}
.po\:text-14 {
font-size: 14px!important
}
.po\:text-16 {
font-size: 16px!important
}
.po\:m-0 {
margin: 0!important
}
.po\:mx-0 {
margin-left: 0!important;
margin-right: 0!important
}
.po\:mx-0\.5p {
margin-left: 5px!important;
margin-right: 5px!important
}
.po\:my-3p {
margin-top: 30px!important;
margin-bottom: 30px!important
}
.po\:mt-0 {
margin-top: 0!important
}
.po\:mb-0 {
margin-bottom: 0!important
}
.po\:mr-1 {
margin-right: .25rem!important
}
.po\:mb-1 {
margin-bottom: .25rem!important
}
.po\:mt-2 {
margin-top: .5rem!important
}
.po\:mb-2 {
margin-bottom: .5rem!important
}
.po\:ml-2 {
margin-left: .5rem!important
}
.po\:mr-1\.5 {
margin-right: .375rem!important
}
.po\:mb-1\.5 {
margin-bottom: .375rem!important
}
.po\:mb-0\.1p {
margin-bottom: 1px!important
}
.po\:mb-0\.5p {
margin-bottom: 5px!important
}
.po\:mb-2p {
margin-bottom: 20px!important
}
.po\:mb-2\.5p {
margin-bottom: 25px!important
}
.po\:max-h-full {
max-height: 100%!important
}
.po\:max-w-95 {
max-width: 95%!important
}
.po\:max-w-full {
max-width: 100%!important
}
.po\:min-h-28\.5m {
min-height: 285px!important
}
.po\:overflow-hidden {
overflow: hidden!important
}
.po\:overflow-x-scroll {
overflow-x: scroll!important
}
.po\:p-0 {
padding: 0!important
}
.po\:p-1p {
padding: 10px!important
}
.po\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.po\:py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.po\:px-1 {
padding-left: .25rem!important;
padding-right: .25rem!important
}
.po\:px-4 {
padding-left: 1rem!important;
padding-right: 1rem!important
}
.po\:px-5 {
padding-left: 1.25rem!important;
padding-right: 1.25rem!important
}
.po\:py-12 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.po\:px-24 {
padding-left: 6rem!important;
padding-right: 6rem!important
}
.po\:py-0\.5p {
padding-top: 5px!important;
padding-bottom: 5px!important
}
.po\:py-1p {
padding-top: 10px!important;
padding-bottom: 10px!important
}
.po\:py-1\.2p {
padding-top: 12px!important;
padding-bottom: 12px!important
}
.po\:px-1\.5p {
padding-left: 15px!important;
padding-right: 15px!important
}
.po\:px-2p {
padding-left: 20px!important;
padding-right: 20px!important
}
.po\:py-50pe {
padding-top: 50%!important;
padding-bottom: 50%!important
}
.po\:pt-0 {
padding-top: 0!important
}
.po\:pl-0 {
padding-left: 0!important
}
.po\:pr-1 {
padding-right: .25rem!important
}
.po\:pl-1 {
padding-left: .25rem!important
}
.po\:pr-5 {
padding-right: 1.25rem!important
}
.po\:pl-1p {
padding-left: 10px!important
}
.po\:pr-1\.5p {
padding-right: 15px!important
}
.po\:pl-1\.5p {
padding-left: 15px!important
}
.po\:pt-2p {
padding-top: 20px!important
}
.po\:fixed {
position: fixed!important
}
.po\:absolute {
position: absolute!important
}
.po\:relative {
position: relative!important
}
.po\:top-0 {
top: 0!important
}
.po\:right-0 {
right: 0!important
}
.po\:bottom-0 {
bottom: 0!important
}
.po\:left-0 {
left: 0!important
}
.po\:right-1 {
right: .25rem!important
}
.po\:right-2 {
right: .5rem!important
}
.po\:left-3 {
left: .75rem!important
}
.po\:bottom-6 {
bottom: 1.5rem!important
}
.po\:bottom-20 {
bottom: 5rem!important
}
.po\:left-auto {
left: auto!important
}
.po\:left-3\.5 {
left: .875rem!important
}
.po\:top-0\.5p {
top: 5px!important
}
.po\:right-0\.6 {
right: 6px!important
}
.po\:right-1\.5p {
right: 15px!important
}
.po\:left-3\.5p {
left: 35px!important
}
.po\:left-5p {
left: 50px!important
}
.po\:top-80pe {
top: 80%!important
}
.po\:text-center {
text-align: center!important
}
.po\:text-white {
color: var(--white)!important
}
.po\:overflow-ellipsis {
text-overflow: ellipsis!important
}
.po\:whitespace-nowrap {
white-space: nowrap!important
}
.po\:w-6 {
width: 1.5rem!important
}
.po\:w-16 {
width: 4rem!important
}
.po\:w-3p {
width: 30px!important
}
.po\:w-85pe {
width: 85%!important
}
.po\:w-full {
width: 100%!important
}
.po\:w-screen {
width: 100vw!important
}
.po\:w-6\.4p {
width: 64px!important
}
.po\:z-10 {
z-index: 10!important
}
.po\:z-30 {
z-index: 30!important
}
.po\:z-50 {
z-index: 50!important
}
.po\:grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))!important
}
}
@media (max-width: 991px) {
.tp\:bg-white {
background-color:var(--white)!important
}
.tp\:bg-secondary-color {
--tw-bg-opacity: 1!important;
background-color: rgba(0,149,135,var(--tw-bg-opacity))!important
}
.tp\:rounded {
border-radius: .25rem!important
}
.tp\:border-t-0 {
border-top-width: 0!important
}
.tp\:border-b-0 {
border-bottom-width: 0!important
}
.tp\:block {
display: block!important
}
.tp\:flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.tp\:hidden {
display: none!important
}
.tp\:flex-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important
}
.tp\:items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important
}
.tp\:justify-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
.tp\:font-semibold {
font-weight: 600!important
}
.tp\:h-2 {
height: .5rem!important
}
.tp\:h-auto {
height: auto!important
}
.tp\:h-2\.4p {
height: 24px!important
}
.tp\:h-4p {
height: 40px!important
}
.tp\:h-5p {
height: 50px!important
}
.tp\:h-7p {
height: 70px!important
}
.tp\:h-21p {
height: 210px!important
}
.tp\:text-10 {
font-size: 10px!important
}
.tp\:text-12 {
font-size: 12px!important
}
.tp\:mx-0 {
margin-left: 0!important;
margin-right: 0!important
}
.tp\:mt-0 {
margin-top: 0!important
}
.tp\:mr-0 {
margin-right: 0!important
}
.tp\:mb-0 {
margin-bottom: 0!important
}
.tp\:ml-0 {
margin-left: 0!important
}
.tp\:mt-0\.5p {
margin-top: 5px!important
}
.tp\:ml-0\.5p {
margin-left: 5px!important
}
.tp\:-mt-0 {
margin-top: 0!important
}
.tp\:-mb-0 {
margin-bottom: 0!important
}
.tp\:-mt-px {
margin-top: -1px!important
}
.tp\:-mt-0\.3p {
margin-top: -3px!important
}
.tp\:-mb-0\.7p {
margin-bottom: -7px!important
}
.tp\:-mt-1p {
margin-top: -10px!important
}
.tp\:max-h-410p {
max-height: 410px!important
}
.tp\:overflow-auto {
overflow: auto!important
}
.tp\:overflow-hidden {
overflow: hidden!important
}
.tp\:overflow-y-hidden {
overflow-y: hidden!important
}
.tp\:overflow-x-scroll {
overflow-x: scroll!important
}
.tp\:p-0 {
padding: 0!important
}
.tp\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.tp\:px-0 {
padding-left: 0!important;
padding-right: 0!important
}
.tp\:px-1 {
padding-left: .25rem!important;
padding-right: .25rem!important
}
.tp\:py-0\.3p {
padding-top: 3px!important;
padding-bottom: 3px!important
}
.tp\:px-0\.4p {
padding-left: 4px!important;
padding-right: 4px!important
}
.tp\:py-1p {
padding-top: 10px!important;
padding-bottom: 10px!important
}
.tp\:px-1\.5p {
padding-left: 15px!important;
padding-right: 15px!important
}
.tp\:pl-0 {
padding-left: 0!important
}
.tp\:pl-0\.3p {
padding-left: 3px!important
}
.tp\:absolute {
position: absolute!important
}
.tp\:relative {
position: relative!important
}
.tp\:bottom-0 {
bottom: 0!important
}
.tp\:right-1 {
right: .25rem!important
}
.tp\:left-auto {
left: auto!important
}
.tp\:bottom-0\.8p {
bottom: 8px!important
}
.tp\:right-1\.2p {
right: 12px!important
}
.tp\:top-5p {
top: 50px!important
}
.tp\:shadow-none {
--tw-shadow: 0 0 transparent!important
}
.tp\:shadow-cardShadow,.tp\:shadow-none {
-webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
}
.tp\:shadow-cardShadow {
--tw-shadow: 0 1px 1px rgba(0,0,0,0.15)!important
}
.tp\:text-white {
color: var(--white)!important
}
.tp\:whitespace-nowrap {
white-space: nowrap!important
}
.tp\:w-2 {
width: .5rem!important
}
.tp\:w-auto {
width: auto!important
}
.tp\:w-2\.4p {
width: 24px!important
}
.tp\:w-full {
width: 100%!important
}
}
@media (min-width: 992px) {
.group:hover .cd\:group-hover\:text-primary-color {
--tw-text-opacity:1!important;
color: rgba(253,55,82,var(--tw-text-opacity))!important
}
}
@media (min-width: 1200px) {
.ld\:block {
display:block!important
}
}
@media (min-width: 768px) {
.tpu\:block {
display:block!important
}
.tpu\:h-4p {
height: 40px!important
}
.tpu\:mr-0 {
margin-right: 0!important
}
.tpu\:pl-3pe {
padding-left: 3%!important
}
.tpu\:w-5p {
width: 50px!important
}
}
@media (max-width: 480px) {
.tab\:border-card-border-dark {
--tw-border-opacity:1!important;
border-color: rgba(226,226,226,var(--tw-border-opacity))!important
}
.tab\:border-solid {
border-style: solid!important
}
.tab\:border-r {
border-right-width: 1px!important
}
.tab\:block {
display: block!important
}
.tab\:inline-block {
display: inline-block!important
}
.tab\:h-28 {
height: 7rem!important
}
.tab\:h-28\.5p {
height: 285px!important
}
.tab\:text-12 {
font-size: 12px!important
}
.tab\:text-18 {
font-size: 18px!important
}
.tab\:mt-0 {
margin-top: 0!important
}
.tab\:mb-0 {
margin-bottom: 0!important
}
.tab\:ml-1 {
margin-left: .25rem!important
}
.tab\:mt-0\.5p {
margin-top: 5px!important
}
.tab\:ml-1\.5p {
margin-left: 15px!important
}
.tab\:mt-2p {
margin-top: 20px!important
}
.tab\:overflow-hidden {
overflow: hidden!important
}
.tab\:p-1p {
padding: 10px!important
}
.tab\:py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.tab\:pr-0 {
padding-right: 0!important
}
.tab\:pl-0 {
padding-left: 0!important
}
.tab\:pr-0\.5p {
padding-right: 5px!important
}
.tab\:w-auto {
width: auto!important
}
.tab\:w-70pe {
width: 70%!important
}
.tab\:w-full {
width: 100%!important
}
}
.heading-0 {
font-size: 36px
}
.heading-1 {
font-size: 32px
}
.heading-2 {
font-size: 30px
}
.heading-3 {
font-size: 26px
}
.heading-4 {
font-size: 22px
}
.heading-5 {
font-size: 18px
}
.heading-6 {
font-size: 16px
}
.heading-7 {
font-size: 12px
}
.heading-8 {
font-size: 10px
}
.text-muted {
color: #787676
}
.text-danger {
color: #d50000
}
.text-muted-light {
color: #999
}
.text-primary {
color: #fd3752
}
.text-secondary {
color: #009587
}
.text-tertiary {
color: #376ca8
}
.text-default {
color: #464646
}
.font-light {
font-weight: 300
}
.font-semi-bold {
font-weight: 600
}
.font-bold {
font-weight: 700
}
.font-weight-default {
font-weight: 400
}
.text-capitalize {
text-transform: capitalize
}
:root {
--white: #fff
}
.hide-scroll-bar {
scrollbar-width: none;
-ms-overflow-style: none
}
.hide-scroll-bar::-webkit-scrollbar {
display: none
}
body,html {
height: 100%;
width: 100%;
color: #464646;
font-size: 14px;
font-family: Source Sans Pro,sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
margin: 0
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
body,html {
-webkit-overflow-scrolling:touch!important;
overflow: auto!important;
height: 100%!important
}
body#hoodExplorerWithNotch,html#hoodExplorerWithNotch {
margin-top: 45px
}
body#hoodExplorerWithNotch #navheaderContainer,html#hoodExplorerWithNotch #navheaderContainer {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
body#hoodExplorerWithNotchRentoPay,html#hoodExplorerWithNotchRentoPay {
margin-top: 34px
}
body#hoodExplorerWithNotchRentoPay #navheaderContainer,html#hoodExplorerWithNotchRentoPay #navheaderContainer {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
}
#app {
min-height: 100%;
min-width: 100%;
background-color: #f2f2f2
}
@media only screen and (max-width: 767px) {
#app {
overflow:hidden
}
}
p {
margin: 0 0 10px
}
.clear {
clear: both
}
.hide-scrollbar::-webkit-scrollbar {
display: none
}
.app-wrapper {
margin: 0 auto;
background: #fff;
position: relative
}
.app-wrapper.is-ls {
max-width: 1280px;
padding-bottom: 30px;
background-color: #f0f0f0
}
:target:before {
content: "";
display: inline-block;
padding-top: 150px;
margin: -150px 0 0;
visibility: hidden
}
@media only screen and (max-width: 767px) {
:target:before {
padding-top:0;
margin: 0
}
}
audio,canvas,iframe,img,svg,video {
vertical-align: middle
}
.fs-16 {
font-size: 16px
}
.jx_ui_Widget,.zopim {
display: block
}
@media only screen and (max-width: 991px) {
.jx_ui_Widget,.zopim {
display:none!important
}
}
.homeservices-map .gm-style .gm-style-iw-c {
padding: 0!important;
opacity: .9
}
.homeservices-map .gm-style .gm-style-iw-c button {
display: none!important
}
.homeservices-map .gm-style .gm-style-iw-c a {
display: none
}
.homeservices-map .gm-style .gm-style-iw-t:after {
background: #333;
opacity: .9
}
.homeservices-map .gm-style .gm-style-iw-d {
overflow: unset!important
}
.homeservices-map .gm-style .gm-style-iw-d div div div {
margin-top: 0!important
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.hs-loading {
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite
}
@-webkit-keyframes bounce {
0%,to {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
animation-timing-function: cubic-bezier(.8,0,1,1)
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
animation-timing-function: cubic-bezier(0,0,.2,1)
}
}
@keyframes bounce {
0%,to {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
animation-timing-function: cubic-bezier(.8,0,1,1)
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
animation-timing-function: cubic-bezier(0,0,.2,1)
}
}
.hs-bounce {
-webkit-animation: bounce 1s infinite;
animation: bounce 1s infinite
}
/* category css------------------->> */
#alertMessageBox {
position: fixed;
right: -1000px;
top: 100px;
min-width: 275px;
max-width: 350px;
padding-left: 80px;
z-index: 19999;
border-radius: 5px;
-webkit-box-shadow: 0 0 1px 1px #d1d1d1;
box-shadow: 0 0 1px 1px #d1d1d1;
-webkit-transition: right .5s ease;
transition: right .5s ease
}
#alertMessageBox .messageText {
position: relative;
height: inherit;
padding: 20px 25px 20px 35px;
min-height: 80px;
border-radius: 0 5px 5px 0;
overflow: auto
}
@media only screen and (min-width: 768px) {
#alertMessageBox .messageText {
background-color:#fff
}
}
@media only screen and (max-width: 767px) {
#alertMessageBox {
padding-left:0;
border-radius: 0;
min-width: 100%;
max-width: 100%;
top: 50px;
-webkit-box-shadow: none;
box-shadow: none
}
#alertMessageBox.extra-top-margin {
top: 70px
}
#alertMessageBox .messageText {
border-radius: 0;
padding: 5px 0;
color: #fff;
height: auto;
min-height: auto;
text-align: center;
background-color: unset
}
}
#alertMessageBox.alert-msg-success {
background: #009587 url(/hs-new/public/Packers-And-Movers/success.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-success {
color:#fff;
background: unset;
background-color: #009587
}
}
#alertMessageBox.alert-msg-success-gray {
background: #616968 url(/hs-new/public/Packers-And-Movers/success.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-success-gray {
color:#fff;
background: unset;
background-color: #616968
}
}
#alertMessageBox.alert-msg-error {
background: #e9707f url(/hs-new/public/Packers-And-Movers/error.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-error {
color:#fff;
background: unset;
background-color: #e9707f
}
}
#alertMessageBox.show-msg {
right: 30px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.show-msg {
right:0
}
}
#alertMessageBox.hide-msg {
right: -1000px;
-webkit-transition: right .5s ease;
transition: right .5s ease
}
button,input,optgroup,select,textarea {
margin: 0;
font: inherit;
color: inherit
}
.btn {
display: inline-block;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
position: relative;
border-radius: 2px;
font-weight: 600;
color: #fff;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
overflow: hidden;
font-size: 16px;
padding: 7px 25px
}
.btn :active:focus,.btn:focus {
outline: none!important;
color: #fff;
border-color: transparent
}
.btn:active {
-webkit-box-shadow: none;
box-shadow: none
}
.btn:hover {
color: #fff;
cursor: pointer
}
.btn.btn-lg {
height: 50px;
padding: 12px 20px;
font-size: 18px
}
.btn.btn-sm {
height: 36px;
padding: 7px 12px;
font-size: 14px
}
.btn.btn-xs {
height: 26px;
padding: 3px 6px;
font-size: 12px
}
.btn[disabled] {
cursor: not-allowed;
opacity: .5
}
.btn.btn-default {
background: #007a6f -webkit-gradient(linear,left top,right top,from(#009587),to(#009587));
background: #007a6f linear-gradient(90deg,#009587,#009587);
border-color: #009587;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-default:hover {
color: #fff;
background: #007a6f radial-gradient(circle,transparent 1%,#007a6f 0) 50%/15000%
}
.btn.btn-default:active {
background-color: #009587;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-default:active:focus {
border-color: #009587
}
.btn.btn-default[disabled]:hover {
background: #007a6f -webkit-gradient(linear,left top,right top,from(#009587),to(#009587));
background: #007a6f linear-gradient(90deg,#009587,#009587);
border-color: #009587
}
.btn.btn-primary {
background: #e3324a -webkit-gradient(linear,left top,right top,from(#fd3752),to(#fd3752));
background: #e3324a linear-gradient(90deg,#fd3752,#fd3752);
border-color: #fd3752;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-primary:hover {
background: #e3324a radial-gradient(circle,transparent 1%,#e3324a 0) 50%/15000%
}
.btn.btn-primary:active {
background-color: #fd3752;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-primary:active:focus {
border-color: #fd3752
}
.btn.btn-primary[disabled]:hover {
background: #e3324a -webkit-gradient(linear,left top,right top,from(#fd3752),to(#fd3752));
background: #e3324a linear-gradient(90deg,#fd3752,#fd3752);
border-color: #fd3752
}
.btn.btn-info {
color: #009587;
background: #f6fbfb -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #f6fbfb linear-gradient(90deg,#fff,#fff);
border-color: #009587;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-info:hover {
background: #ebf7f6 radial-gradient(circle,transparent 1%,#f6fbfb 0) 50%/15000%;
color: #009587
}
.btn.btn-info:active {
color: #009587;
background-color: #ebf7f6;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-info:active:focus {
border-color: #009587
}
.btn.btn-info[disabled]:hover {
background: #f6fbfb -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #f6fbfb linear-gradient(90deg,#fff,#fff);
border-color: #009587
}
.btn.btn-grey {
background: #787676;
border-color: #787676;
color: #fff
}
.btn.btn-mute {
background: #bfbfbf -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #bfbfbf linear-gradient(90deg,#fff,#fff);
border-color: #ccc;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s;
color: #333
}
.btn.btn-mute:hover {
color: #333;
background: #f2f2f2 radial-gradient(circle,transparent 1%,#f2f2f2 0) 50%/15000%
}
.btn.btn-mute:active:focus {
border-color: #ccc
}
.btn.btn-mute[disabled]:hover {
background: #bfbfbf -webkit-gradient(linear,left top,right top,from(#ccc),to(#ccc));
background: #bfbfbf linear-gradient(90deg,#ccc,#ccc);
border-color: #ccc
}
.btn.btn-block {
display: block;
width: 100%
}
.nb-carousel-progress-section {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb-carousel-progress-section-point {
width: 18px;
height: 2px;
border-radius: 20px;
background: #fff;
margin-right: 5px;
opacity: .5;
-webkit-transition: .3s;
transition: .3s
}
.nb-carousel-progress-section-point.active {
opacity: 1!important
}
.nb-autocarousel-progress-section {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.imageHolder {
-webkit-transition: 2s;
transition: 2s
}
.imageHolder,.slider {
width: 100%;
height: auto;
white-space: nowrap
}
.slider {
-webkit-transition: none;
transition: none
}
.or-devider {
position: relative;
margin: 15px 0
}
.or-devider:after,.or-devider:before {
content: "";
position: absolute;
width: 50%;
top: 12px;
height: 1px;
background-color: #ddd
}
.or-devider:before {
left: 1px
}
.or-devider span {
padding: 6px;
border-radius: 100%;
background-color: #dadada;
font-size: 10px;
color: #fff;
position: relative
}
.login-signup {
overflow: hidden;
height: 100vh;
width: 100vw;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
opacity: 1;
color: #2e2e2e
}
@media only screen and (max-width: 767px) {
.login-signup.overflow {
overflow-y:auto!important
}
}
@media only screen and (max-height: 400px) {
.login-signup {
overflow-y:auto
}
}
.login-signup .login-signup__backdrop {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: -1;
background-color: #000;
opacity: .5
}
.login-signup .login-signup__modal {
max-height: 550px;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
width: 670px;
margin: auto;
left: 0;
max-width: 670px;
right: 0
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal {
max-height:calc(100vh + 125px);
height: calc(100vh + 125px);
min-height: 600px;
margin: 0;
max-width: 100vw;
width: 100vw
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog {
position: relative;
height: 100%
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-close-icon {
right: 12px;
top: 12px;
z-index: 2;
cursor: pointer;
position: absolute
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-close-icon {
top:10px;
right: 5px
}
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-close-icon svg {
height:25px!important;
width: 25px!important
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left {
width: 40%;
min-height: 125px;
background-color: #f8f8f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left {
-webkit-box-orient:horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0 20px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 10%
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img {
-ms-flex-item-align:end;
align-self: flex-end;
position: relative;
margin-left: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img.pnmInter,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img.pnmIntra {
top: 15px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img img {
height: 100px;
min-height: 84px;
width: 100px
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img img {
height:80px;
width: 80px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content {
margin-top: 10px;
max-width: 80%;
width: 80%
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content {
max-width:60%;
min-height: 115px;
padding-top: 25px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content .left-content-heading {
margin-bottom: 8px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content b {
font-weight: 600
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content .sub-title {
color: #2e2e2e
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content .sub-title {
display:none
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist {
padding: 0;
margin: 0;
list-style: none;
color: #2e2e2e
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li {
position: relative;
padding-left: 15px;
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: #2e2e2e;
opacity: .8
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li:before {
content: "";
position: absolute;
border-color: #7b7b7b;
border-style: solid;
border-width: 0 2px 2px 0;
top: 5px;
left: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
height: 10px;
width: 5px
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li {
padding-left:0;
white-space: normal;
display: inline;
padding-right: 2px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li:before {
display: none
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right {
padding: 20px;
margin-top: 30px;
width: 60%;
height: calc(100% - 30px);
position: relative
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right {
margin-top:0;
width: 100%;
height: auto;
min-height: 100vh
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer {
position: absolute;
bottom: 30px;
height: 30px;
left: 0;
right: 0;
text-align: center;
font-size: 12px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer span {
color: #000;
font-weight: 600
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer span:hover {
text-decoration: underline
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer {
position:fixed;
bottom: 10px;
font-size: 10px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer .mail-label-block {
color: #000;
font-weight: 600;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form {
padding: 0 20px;
position: relative;
height: calc(100% - 30px);
overflow-y: auto
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form {
padding:0;
height: calc(100% + 36px);
overflow-y: hidden
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__top-label {
line-height: 23px;
margin-bottom: 20px;
color: #2e2e2e
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group {
position: relative
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .help-block {
color: #d50000
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step2,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step3,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step4 {
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity .6s ease-out,max-height .3s ease-out;
transition: opacity .6s ease-out,max-height .3s ease-out
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step2.show,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step3.show,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step4.show {
margin-top: 25px;
max-height: 100%;
opacity: 1
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step2.show.whatsAppNotOpen,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step3.show.whatsAppNotOpen,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step4.show.whatsAppNotOpen {
margin-top: 0;
margin-bottom: 25px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .email-otp-input {
margin-top: 30px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form-authentication-input {
margin-top: 20px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form-authentication-input #login-signup-form__password-input {
border-radius: 4px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number-error {
top: -40px;
position: relative
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number-error.whatsAppOpen {
top: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .intl-tel-input .selected-flag {
z-index: 2
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-input {
border-radius: 4px;
z-index: 1;
border: 1px solid #ddd;
-webkit-transition: border-bottom-left-radius .3s ease-out,border-bottom-right-radius .3s ease-out;
transition: border-bottom-left-radius .3s ease-out,border-bottom-right-radius .3s ease-out
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-input.error {
border-color: #d50000
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-input.whatsAppOpen {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-read-only {
background: #f8f8f8;
height: 40px;
border-radius: 4px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 12px;
border: 1px solid #ddd;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-read-only.whatsAppOpen {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-read-only .login-signup-form__phone-number-read-only-action {
cursor: pointer;
color: #009587;
font-size: 12px;
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__whatsApp-notification {
background: #f8f8f8;
height: 40px;
border-radius: 4px;
position: relative;
top: -40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: .9;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 12px;
border: 1px solid #ddd;
border-top: 0;
width: 100%;
z-index: -1;
opacity: 0;
-webkit-transition: top .3s ease-out,opacity .3s ease-out,z-index .3s ease-out;
transition: top .3s ease-out,opacity .3s ease-out,z-index .3s ease-out;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__whatsApp-notification.whatsAppOpen {
z-index: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
top: 0;
opacity: 1
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .phone-verification-content {
margin: 20px 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .update-phone-cta-container {
margin-top: 20px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .update-phone-cta-container .text-center {
margin-top: 10px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .update-phone-cta-container .text-center .update-phone-go-back {
cursor: pointer;
color: #009587;
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .otp-email-toast-message-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 6%
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email-read-only {
background: #f8f8f8;
height: 40px;
border-radius: 4px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 12px;
border: 1px solid #ddd;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email-read-only .login-signup-form__email-read-only-action {
cursor: pointer;
color: #009587;
font-size: 12px;
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email .email-otp-trigger {
color: #009587;
cursor: pointer
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email .email-otp-trigger:hover {
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email .email-exist-error-message {
background: #f8f8f8;
min-height: 52px;
border-radius: 4px;
padding: 11px 25px 11px 15px;
color: #6c6c6c;
font-size: 12px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button {
position: relative;
top: -10px;
-webkit-transition: top .3s ease-out;
transition: top .3s ease-out;
height: 70px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button.whatsAppOpen {
top: 30px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button.whatsAppOpen.step-2 {
top: 15px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button .login-signup-create-account-text {
text-align: center;
margin-top: 6px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button .login-signup-create-account-text span {
font-weight: 600;
cursor: pointer
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button .login-signup-create-account-text span:hover {
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button button {
width: 100%;
border-radius: 4px
}
.nb-modal.modal.email-otp-popup-message,.nb-modal.modal.email-otp-popup-message .otp-email-popup-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb-modal.modal.email-otp-popup-message .otp-email-popup-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
font-size: 16px
}
.nb-modal.modal.email-otp-popup-message .otp-email-popup-block .otp-email-label {
font-weight: 600;
padding: 6% 11%;
font-size: 18px;
text-align: center
}
.nb-modal.modal.email-otp-popup-message .otp-email-popup-block .confirm-label {
border-top: 1px solid #ccc;
width: 100%;
text-align: center;
padding: 5%;
color: #009587;
cursor: pointer
}
.nb-modal.modal.email-otp-popup-message div.modal-content {
height: auto;
border-radius: 21px;
width: 83%;
margin: auto
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:focus,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.intl-tel-input {
position: relative;
display: inline-block
}
.intl-tel-input * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.intl-tel-input .hide {
display: none
}
.intl-tel-input .v-hide {
visibility: hidden
}
.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
position: relative;
z-index: 0;
margin-top: 0!important;
margin-bottom: 0!important;
padding-right: 36px;
margin-right: 0
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.intl-tel-input .selected-flag {
position: relative;
z-index: 1;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 11px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2);
box-shadow: 1px 1px 4px rgba(0,0,0,.2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc
}
.intl-tel-input .country-list .country {
padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
color: #999
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0,0,0,.05)
}
.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box {
vertical-align: middle
}
.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box {
margin-right: 6px
}
.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0
}
.intl-tel-input.allow-dropdown .flag-container {
right: auto;
left: 0;
width: 100%
}
.intl-tel-input.allow-dropdown .selected-flag {
width: 46px
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0,0,0,.05)
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
cursor: default
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
background-color: transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
background-color: rgba(0,0,0,.05);
display: table
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text] {
padding-left: 76px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
width: 70px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input {
padding-left: 84px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
width: 78px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text] {
padding-left: 92px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
width: 86px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text] {
padding-left: 100px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
width: 94px
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px
}
.intl-tel-input.iti-container:hover {
cursor: pointer
}
@media (max-width: 500px) {
.intl-tel-input .country-list {
white-space:normal
}
}
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%;
-webkit-overflow-scrolling: touch
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px;
line-height: 1.5em
}
.iti-flag {
width: 20px;
height: 15px;
-webkit-box-shadow: 0 0 1px 0 #888;
box-shadow: 0 0 1px 0 #888;
background-image: url(https://assets.nobroker.in/hs-new/public/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0
}
.iti-flag.be {
width: 18px
}
.iti-flag.ch {
width: 15px
}
.iti-flag.mc {
width: 19px
}
.iti-flag.ne {
width: 18px
}
.iti-flag.np {
width: 13px
}
.iti-flag.va {
width: 15px
}
.iti-flag.ac {
height: 10px;
background-position: 0 0
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0
}
.iti-flag.af {
height: 14px;
background-position: -66px 0
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0
}
.iti-flag.al {
height: 15px;
background-position: -132px 0
}
.iti-flag.am {
height: 10px;
background-position: -154px 0
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0
}
.iti-flag.as {
height: 10px;
background-position: -242px 0
}
.iti-flag.at {
height: 14px;
background-position: -264px 0
}
.iti-flag.au {
height: 10px;
background-position: -286px 0
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0
}
.iti-flag.az {
height: 10px;
background-position: -352px 0
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0
}
.iti-flag.be {
height: 15px;
background-position: -440px 0
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0
}
.iti-flag.br {
height: 14px;
background-position: -680px 0
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0
}
.iti-flag.by {
height: 10px;
background-position: -790px 0
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0
}
.iti-flag.cy {
height: 14px;
background-position: -1225px 0
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0
}
.iti-flag.hk {
height: 14px;
background-position: -2171px 0
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0
}
.iti-flag.tw {
height: 14px;
background-position: -5131px 0
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0
}
.iti-flag.np {
background-color: transparent
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
.iti-flag {
background-size:5630px 15px;
background-image: url(https://assets.nobroker.in/hs-new/public/flags@2x.png)
}
}
.intl-custom {
position: relative
}
.intl-custom .intl-tel-input {
width: 100%
}
.intl-custom .intl-tel-input .has-error {
border: 1px solid #d50000
}
.intl-custom .intl-tel-input .input-lg {
height: 50px!important
}
.intl-custom .help-block {
position: absolute;
color: #d50000;
margin-bottom: 0;
display: block;
margin-top: 5px
}
.intl-custom .right-input-icon svg {
font-size: 15px;
position: absolute;
right: 13px;
top: 0;
bottom: 0;
margin: auto 0
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text] {
padding-left: 84px;
height: 40px;
border-radius: 2px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:focus,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:focus {
border: 1px solid #787878;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-webkit-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-webkit-input-placeholder {
color: #8a8a8a;
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-moz-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-moz-placeholder {
color: #8a8a8a;
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:-ms-input-placeholder {
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-ms-input-placeholder {
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::placeholder {
color: #8a8a8a;
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:-ms-input-placeholder {
color: #8a8a8a
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-ms-input-placeholder {
color: #8a8a8a
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag,.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag:hover {
background-color: transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag:focus {
border: 0;
outline: 0
}
.form-control {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.form-control:focus {
border-color: #787878
}
.custom-hs {
height: 50px!important;
font-size: 18px!important
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0745098);
box-shadow: inset 0 1px 1px rgba(0,0,0,.0745098);
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.form-group {
position: relative;
margin-bottom: 15px
}
.form-group.has-error {
padding-bottom: 20px
}
.form-group .control-label {
font-weight: 600;
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
.form-group .left-input-image {
position: absolute;
width: 16px;
height: 16px;
top: 37px;
left: 13px;
z-index: 1
}
.form-group .left-input-icon {
position: absolute;
top: 35px;
left: 10px;
z-index: 1
}
.form-group .left-input-icon svg {
width: 22px;
height: 22px
}
.form-group .right-input-image {
position: absolute;
width: 16px;
height: 16px;
top: 37px;
right: 13px;
z-index: 1
}
.form-group .right-input-icon {
position: absolute;
top: 35px;
right: 13px;
z-index: 1
}
.form-group .right-input-icon svg {
width: 15px;
height: 15px
}
.form-group .left-input-text {
position: absolute;
top: 34px;
left: 13px;
z-index: 1
}
.form-group .right-input-text {
position: absolute;
top: 34px;
right: 13px;
z-index: 1
}
.form-group .form-control {
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #ccc;
height: 40px;
padding: 8px;
-webkit-box-shadow: none;
box-shadow: none;
word-break: normal
}
.form-group .form-control:focus {
outline: none;
border: 1px solid #787878;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.form-group .form-control::-webkit-input-placeholder {
color: #8a8a8a;
opacity: 1
}
.form-group .form-control::-moz-placeholder {
color: #8a8a8a;
opacity: 1
}
.form-group .form-control:-ms-input-placeholder {
opacity: 1
}
.form-group .form-control::-ms-input-placeholder {
opacity: 1
}
.form-group .form-control::placeholder {
color: #8a8a8a;
opacity: 1
}
.form-group .form-control:-ms-input-placeholder {
color: #8a8a8a
}
.form-group .form-control::-ms-input-placeholder {
color: #8a8a8a
}
.form-group .input-clear {
color: #000;
cursor: pointer
}
.form-group .input-clear:hover {
color: #009587
}
.form-group textarea {
resize: none;
height: 100%
}
.form-group input[type=number] {
-moz-appearance: textfield
}
.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.form-group.has-error .control-label {
color: #d50000
}
.form-group.has-error .form-control {
border: 1px solid #d50000;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.form-group.has-error .form-control:focus {
border-color: #d50000;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d50000;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d50000
}
.form-group.has-error .help-block {
position: absolute;
color: #d50000;
margin-bottom: 0;
display: block;
margin-top: 5px
}
.form-group.has-error .checkbox,.form-group.has-error .checkbox-inline,.form-group.has-error .control-label,.form-group.has-error .help-block,.form-group.has-error .radio,.form-group.has-error .radio-inline {
color: #d50000
}
.form-group.location-icon .form-control {
padding-left: 35px;
font-size: 16px
}
.form-group.left-icon-form-group .form-control {
padding-left: 40px
}
.form-group.left-text-form-group .form-control {
padding-left: 55px
}
.form-group.right-text-form-group .form-control {
padding-right: 60px
}
.form-group.right-icon-form-group .form-control {
padding-right: 30px
}
.form-group.form-group-lg .form-control {
height: 50px;
font-size: 16px
}
.form-group.form-group-lg .left-input-image {
width: 20px;
height: 20px;
top: 40px;
left: 11px
}
.form-group.form-group-lg .left-input-icon {
top: 38px;
left: 11px
}
.form-group.form-group-lg .left-input-icon svg {
width: 22px;
height: 22px
}
.form-group.form-group-lg .right-input-image {
width: 20px;
height: 20px;
top: 40px;
right: 11px
}
.form-group.form-group-lg .right-input-icon {
top: 38px;
right: 11px
}
.form-group.form-group-lg .right-input-icon svg {
width: 20px;
height: 20px
}
.form-group.form-group-lg .left-input-text,.form-group.form-group-lg .right-input-text {
top: 37px;
font-size: 16px
}
.form-group.form-group-lg.left-text-form-group .form-control {
padding-left: 60px
}
.form-group.no-label .left-location-image {
position: absolute;
height: 32px;
width: 36px;
top: 9px
}
.form-group.no-label .left-input-image {
top: 16px
}
.form-group.no-label .right-input-icon,.form-group.no-label .right-input-image {
top: 9px
}
.form-group.no-label .custom-hs-right-icon {
top: 14px!important
}
.form-group.no-label .left-input-icon {
top: 9px
}
.form-group.no-label .left-input-text,.form-group.no-label .right-input-text {
top: 11px
}
.form-group.no-label.form-group-lg .right-input-icon,.form-group.no-label.form-group-lg .right-input-image {
top: 14px
}
.tooltip-input .tooltip-trigger-text {
height: 100%;
position: absolute;
left: 20%;
top: 0;
width: 0
}
.nb-switch {
cursor: pointer;
display: inline-block
}
.nb-switch-toggle {
display: inline-block;
background: #ccc;
border-radius: 16px;
width: 40px;
height: 22px;
position: relative;
vertical-align: middle;
-webkit-transition: background .25s;
transition: background .25s
}
.nb-switch-toggle:after,.nb-switch-toggle:before {
content: ""
}
.nb-switch-toggle:before {
display: block;
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
background: linear-gradient(180deg,#fff 0,#fff);
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute;
top: 4px;
left: 4px;
-webkit-transition: left .25s;
transition: left .25s
}
.nb-switch-toggle.xs {
width: 28px;
height: 16px
}
.nb-switch-toggle.xs:before {
width: 12px;
height: 12px;
top: 2px;
left: 2px
}
.nb-switch-toggle.lg {
width: 58px;
height: 32px
}
.nb-switch-toggle.lg:before {
width: 24px;
height: 24px
}
.nb__3R-A1:hover .nb-switch-toggle:before {
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
background: linear-gradient(180deg,#fff 0,#fff)
}
.nb-switch-checkbox:checked+.nb-switch-toggle {
background: #009587
}
.nb-switch-checkbox:checked+.nb-switch-toggle:before {
left: 21px
}
.nb-switch-checkbox:checked+.nb-switch-toggle.xs:before {
left: 13px
}
.nb-switch-checkbox:checked+.nb-switch-toggle.lg:before {
left: 30px
}
.nb-switch-checkbox {
position: absolute;
visibility: hidden
}
.nb-switch-label {
margin-left: 5px;
position: relative;
top: 2px
}
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.busy-holder.backdrop {
background: rgba(0,0,0,.85);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 9999
}
.busy-holder .busy {
position: absolute;
left: 0;
top: calc(50% - 60px);
z-index: 9999;
right: 0;
text-align: center
}
.busy-holder .busy img {
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite
}
.busy-holder .busy .loading-text {
color: #fff;
margin: 10px auto;
font-weight: 300;
font-size: 16px
}
.radio {
position: relative;
display: block;
margin-top: 10px
}
.radio,.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.radio label {
display: inline-block;
max-width: 100%
}
.nb-radio input[type=radio] {
-webkit-appearance: none;
padding: 6px;
border: 2px solid #ccc;
border-radius: 100px;
margin-top: 2px
}
.nb-radio input[type=radio]:hover {
cursor: pointer;
border: 2px solid #787878
}
.nb-radio input[type=radio]:focus {
outline: none
}
.nb-radio input[type=radio]:checked {
outline: none;
border: 2px solid #009587
}
.nb-radio input[type=radio]:checked:before {
content: "";
position: absolute;
background: #009587;
opacity: 1;
border-radius: 50px;
top: 2px;
left: 2px;
width: 8px;
height: 8px
}
.nb-radio.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer
}
.nb-radio.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px
}
.nb-radio.radio-inline:not(:last-child) {
margin-right: 15px
}
.nb-radio.has-error {
color: #d50000
}
.nb-radio.has-error input[type=radio] {
border-color: #d50000
}
.nb-radio.has-error input[type=radio]:hover {
border: 2px solid #d50000
}
.nb-radio.has-error.radio-inline label,.nb-radio.has-error.radio label {
color: #d50000
}
.nb-radio.read-only {
cursor: default;
pointer-events: none
}
.nb-radio.disabled {
color: #ccc
}
.nb-radio.disabled input[type=radio] {
border-color: #ebebeb;
pointer-events: none
}
.nb-radio.disabled input[type=radio]:hover {
cursor: not-allowed;
border: 2px solid #ebebeb
}
.nb__kV6hd {
overflow-x: auto
}
.nb__kV6hd .nb-otp__input-label {
margin-bottom: 10px
}
.nb__kV6hd.nb__2AnaN input {
width: 100%;
text-align: left;
font-size: 16px
}
.nb__kV6hd input {
border: 0;
border-bottom: 1px solid #ddd;
width: 36px;
min-width: 25px;
font-weight: 600;
margin-right: 15px;
padding-bottom: 10px;
font-size: 16px;
text-align: center
}
.nb__kV6hd input:focus {
outline: none
}
.nb__kV6hd input.nb__3n_u- {
border-color: #d50000
}
.nb__kV6hd input[type=number] {
-moz-appearance: textfield
}
.nb__kV6hd input[type=number]::-webkit-inner-spin-button,.nb__kV6hd input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.nb__kV6hd .nb__G_7wy {
color: #009587;
font-size: 12px;
font-weight: 600;
line-height: 15px;
cursor: pointer;
float: right
}
.nb__kV6hd .nb__1ZaHg {
padding-top: 10px;
padding-right: 15px
}
.nb__kV6hd .nb__VGsdd {
color: #009587;
font-weight: 600;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 83px)
}
.nb__kV6hd .nb__VGsdd .nb__1ZaHg {
color: #2e2e2e
}
.nb__kV6hd .nb__1Qij4 {
float: left
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.modal-backdrop {
background-color: #000;
opacity: .5
}
.modal-backdrop,.nb-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.nb-modal {
font-size: 14px;
z-index: 1050;
margin: auto;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
opacity: 1;
-webkit-transition: top .3s ease-in-out,right .3s ease-in-out,bottom .3s ease-in-out,left .3s ease-in-out;
transition: top .3s ease-in-out,right .3s ease-in-out,bottom .3s ease-in-out,left .3s ease-in-out
}
.nb-modal.modal {
display: block
}
@media (min-width: 768px) {
.nb-modal.modal {
overflow:auto;
width: auto;
margin-right: -15px;
margin-left: -15px
}
}
.nb-modal .modal-dialog {
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
position: relative;
width: auto;
margin: 10px;
z-index: 1050
}
@media (min-width: 768px) {
.nb-modal .modal-dialog {
width:600px;
margin: 30px auto
}
}
@media (min-width: 992px) {
.nb-modal .modal-large,.nb-modal .modal-lg {
width:900px
}
}
@media (min-width: 768px) {
.nb-modal .modal-sm,.nb-modal .modal-small {
width:300px
}
}
.nb-modal .modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.160784);
box-shadow: 0 3px 9px rgba(0,0,0,.160784)
}
.nb-modal .modal-body {
position: relative
}
.nb-modal .overflow-body {
overflow: auto
}
.nb-modal .modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
display: table;
content: " ";
width: 100%
}
.nb-modal .modal-dialog {
margin-top: 2vh
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-dialog {
margin:0
}
}
.nb-modal .modal-content {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-content {
height:100vh
}
}
.nb-modal .modal-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body {
overflow-y:scroll;
height: calc(100% - 71px)
}
}
.nb-modal .modal-body .popup-bodyPNM {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
height: 400px;
padding: 20px
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body .popup-bodyPNM {
height:100vh;
width: 100vw
}
}
.nb-modal .modal-body .popup-headPNM {
margin-top: 28px;
font-weight: 600;
font-size: 24px;
line-height: 30px;
text-align: center;
color: #222
}
.nb-modal .modal-body .popup-textPNM {
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #828282;
margin-bottom: 20px
}
.nb-modal .modal-body .overflow-body {
overflow: auto
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body .container {
margin:0;
width: 100%
}
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body-overflow-none {
overflow-y:unset
}
}
.nb-modal .modal-footer {
background-color: #fff;
position: relative;
padding: 15px 20px 15px 15px
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-footer {
-webkit-box-shadow:0 0 15px #ccc;
box-shadow: 0 0 15px #ccc;
position: sticky;
left: 0;
bottom: 0;
right: 0
}
}
.nb-modal .modal-footer .close-container {
cursor: pointer;
display: inline-block;
margin-top: 7px
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-footer .close-container {
margin-top:8px;
float: left
}
}
.nb-modal .modal-footer .close-container .arrow-back {
display: inline-block;
margin-top: 10px
}
.nb-modal .modal-footer .close-container .arrow-icon {
font-size: 16px;
position: relative;
top: -2px;
color: #999
}
.nb-modal .modal-footer .close-container .back-link {
color: #999;
text-decoration: none;
font-weight: 600;
font-size: 18px
}
.nb-modal .modal-footer .next-button {
float: right
}
.nb__12s7I {
margin-bottom: 0
}
.nb__12s7I .nb__14Cth {
padding: 20px 15px;
border-top: 1px solid #e0e0e0;
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
text-align: left
}
@media only screen and (min-width: 991px) {
.nb__12s7I .nb__14Cth {
padding:20px 0;
border: none;
border-bottom: 1px solid #e0e0e0
}
}
.nb__12s7I .nb__14Cth .nb__1aa1A {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 600
}
.nb__12s7I .nb__14Cth .nb__1aa1A .nb__22OmC {
display: inline-block;
vertical-align: middle;
width: 100%;
cursor: pointer
}
.nb__12s7I .nb__14Cth .nb__1aa1A .nb__160Vn {
width: 28px;
height: 28px;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .15s ease-in;
transition: .15s ease-in;
cursor: pointer
}
.nb__12s7I .nb__14Cth .nb__3U-Ey {
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: .13s ease-out;
transition: .13s ease-out;
line-height: 18px
}
.nb__12s7I .nb__14Cth.active .nb__3U-Ey {
max-height: 100%;
padding: 15px 0
}
.nb__12s7I .nb__14Cth.active .nb__1aa1A {
color: #009587
}
.nb__12s7I .nb__14Cth.active .nb__1aa1A .nb__160Vn {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(1.3);
opacity: 0
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(1.3);
opacity: 0
}
}
.BarOne {
-webkit-animation: animate 1.1s ease-in-out infinite;
animation: animate 1.1s ease-in-out infinite
}
.BarOne,.BarTwo {
border-radius: 8px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
background: rgba(5,113,255,.4)
}
.BarTwo {
-webkit-animation: animate 1.2s ease-in-out infinite;
animation: animate 1.2s ease-in-out infinite;
margin-left: 17px
}
.BarThree {
-webkit-animation: animate 1.3s ease-in-out infinite;
animation: animate 1.3s ease-in-out infinite;
margin-left: 35px
}
.BarFour,.BarThree {
border-radius: 8px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
background: rgba(5,113,255,.4)
}
.BarFour {
-webkit-animation: animate 1.4s ease-in-out infinite;
animation: animate 1.4s ease-in-out infinite;
margin-left: 52px
}
.BarFive {
-webkit-animation: animate 1.5s ease-in-out infinite;
animation: animate 1.5s ease-in-out infinite;
margin-left: 69px
}
.BarFive,.BarSix {
border-radius: 8px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
background: rgba(5,113,255,.4)
}
.BarSix {
margin-left: 86px;
-webkit-animation: animate 1.6s ease-in-out infinite;
animation: animate 1.6s ease-in-out infinite
}
.dropdown-content {
-webkit-box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);
box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12)
}
.pulse-ring {
-webkit-animation: pulsate 1.5s infinite;
animation: pulsate 1.5s infinite
}
.caret {
-webkit-animation: "caret 1s steps(1) infinite";
animation: "caret 1s steps(1) infinite"
}
@-webkit-keyframes caret {
50% {
border-color: "transparent"
}
}
@keyframes caret {
50% {
border-color: "transparent"
}
}
@-webkit-keyframes animate {
0% {
width: 8px;
height: 30px
}
50% {
width: 8px;
height: 10px
}
to {
width: 8px;
height: 30px
}
}
@keyframes animate {
0% {
width: 8px;
height: 30px
}
50% {
width: 8px;
height: 10px
}
to {
width: 8px;
height: 30px
}
}
:focus {
outline: none
}
.hs-box-dimension {
height: 100%;
padding: 14px 8px
}
.hs-box-dimension .hs-box-bg-clr {
background-color: #f0f4fc
}
.hs-box-dimension .hs-icon-clr {
color: #192b47
}
.hs-box-dimension .hs-service-name-clr {
color: #4d4b4b;
line-height: 12px;
font-size: 12px;
font-weight: 600
}
.nb__22mT8 {
height: 120px;
-webkit-transition: height .1s ease;
transition: height .1s ease
}
.nb__3eX5i {
height: 250px!important
}
.horizontal-slider-wrapper {
overflow-y: hidden;
position: relative
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper {
padding: 0;
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
width: 100%;
white-space: nowrap;
margin-bottom: -15px;
position: relative
}
@media only screen and (max-width: 767px) {
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper {
margin-bottom:-10px
}
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element {
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element.is-single {
margin: 0 auto
}
@media only screen and (max-width: 767px) {
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element {
width:85%
}
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element .horizontal-slider-item {
display: inline-block
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element .horizontal-slider-item.hs-banner {
max-width: 730px
}
@media only screen and (max-width: 767px) {
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element .horizontal-slider-item:last-child {
margin-right:20px
}
}
.slider-navigation-arrow-prev {
position: absolute;
top: 52%;
z-index: 1;
left: 0;
cursor: pointer
}
.slider-navigation-arrow-prev svg {
width: 30px;
height: 30px
}
.slider-navigation-arrow-prev .navigation-arrow {
padding: 4px;
color: #464646;
-webkit-box-shadow: 0 3px 6px #ccc;
box-shadow: 0 3px 6px #ccc;
border-radius: 100px;
z-index: 1;
background-color: #fff;
font-size: 28px
}
.slider-navigation-arrow-next {
position: absolute;
top: 52%;
z-index: 1;
right: 20px;
cursor: pointer
}
.slider-navigation-arrow-next svg {
width: 30px;
height: 30px
}
.slider-navigation-arrow-next .navigation-arrow {
padding: 4px;
color: #464646;
-webkit-box-shadow: 0 3px 6px #ccc;
box-shadow: 0 3px 6px #ccc;
border-radius: 100px;
z-index: 1;
background-color: #fff;
font-size: 28px
}
@media only screen and (max-width: 767px) {
.banner-hs {
max-width:100vw
}
}
.horizontal-slider-dots-wrapper {
gap: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 12px
}
.horizontal-slider-dots-wrapper .horizontal-slider-dots {
height: 10px;
width: 10px;
background-color: #f0f0f0;
border-radius: 50%;
display: inline-block
}
.horizontal-slider-dots-wrapper .horizontal-slider-dot-active {
background-color: rgba(21,149,135,.952941)
}
div.nb__1O9Oy {
background-color: #f3f3f3;
width: 95%;
min-height: 250px;
max-height: 250px;
overflow: auto
}
div.nb__1O9Oy::-webkit-scrollbar {
display: none
}
div.nb__1O9Oy .nb__tBVe8 {
height: 40px
}
@media only screen and (max-width: 991px) {
div.nb__1O9Oy {
max-width:320px
}
}
@media only screen and (max-width: 767px) {
div.nb__1O9Oy {
max-width:320px
}
}
div.nb__1O9Oy .nb__3VjJd {
white-space: pre-wrap;
padding-top: 0
}
video {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
-webkit-transition: all 1s;
transition: all 1s
}
.nb__2tbnv,video {
position: absolute
}
.nb__2tbnv {
left: 20%;
top: 35%
}
@media only screen and (max-width: 767px) {
.nb__2tbnv {
left:25%
}
}
.nb__1GXt7 {
cursor: pointer
}
.nb__1GXt7.nb__2ZPHY {
background: rgba(0,0,0,.5);
top: 0;
right: 0;
bottom: 0;
left: 0
}
.nb-hs-carouselcard {
margin: 20px 10px 10px;
position: relative
}
@media only screen and (max-width: 767px) {
.nb-hs-carouselcard {
margin:0 10px
}
.nb-hs-carouselcard.is-ls {
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.121569);
box-shadow: 0 1px 4px rgba(0,0,0,.121569)
}
}
.nb-hs-carouselcard.is-subhs {
margin: 0 10px
}
.nb-hs-carouselcard .bg-image {
border-radius: 6px;
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
position: absolute;
z-index: -1;
top: 0
}
.nb-hs-carouselcard .content-container {
background-color: #fff
}
.nb-hs-carouselcard .content-container.has-bg {
background-color: transparent
}
.nb-hs-carouselcard .content-container.is-pnm {
background-size: 100% 95%
}
@media only screen and (max-width: 767px) {
.nb-hs-carouselcard .content-container.is-pnm {
height:18vh;
background-size: 100% 100%
}
}
@media only screen and (min-width: 768px) {
.nb-hs-carouselcard .content-container.is-pnm {
height:12vh;
background-size: 100% 100%
}
}
.nb-hs-carouselcard .content-container.is-pnm {
height: 20vh
}
.service-carousel-wrapper {
z-index: 0;
padding: 30px 70px;
position: relative
}
.service-carousel-wrapper.is-hs {
padding-top: 30px;
background-color: #4d52a0
}
.service-carousel-wrapper.is-ls {
background: transparent -webkit-gradient(linear,left top,left bottom,from(#442c7f),to(#684ea9)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(180deg,#442c7f,#684ea9) 0 0 no-repeat padding-box;
opacity: 1
}
.service-carousel-wrapper.is-subhs-testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding: 0;
background: none
}
.service-carousel-wrapper.is-hs-addons {
padding: 10px 0;
background-color: #f8f8f8
}
.service-carousel-wrapper.is-subhs {
background: none;
padding: 0
}
.service-carousel-wrapper.is-subhs .video-card {
position: relative;
width: 100%;
background: #000;
border-radius: "10px";
z-index: 1000;
border-radius: 10px;
-o-object-fit: fill;
object-fit: fill;
cursor: pointer
}
.service-carousel-wrapper.is-subhs .video-card::-webkit-media-controls {
z-index: 2000
}
.service-carousel-wrapper.is-subhs .video-card .mobile-fullscreen-video-container {
position: relative
}
.service-carousel-wrapper.is-subhs .usp-card-image {
background-repeat: no-repeat;
background-position: 100%;
background-size: 40%;
height: 100%;
width: 100%;
margin-left: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.service-carousel-wrapper.is-subhs .usp-card-image .usp-details {
width: 60%;
white-space: pre-line;
padding: 10px
}
.service-carousel-wrapper.is-subhs .usp-card-image .usp-details .usp-details-header {
font-size: 20px;
font-weight: 400;
padding-bottom: 10px
}
.service-carousel-wrapper.is-subhs .usp-card-image .usp-details .usp-details-description {
font-size: 15px;
color: #686868
}
.service-carousel-wrapper.is-subhs .horizontal-slider-item {
padding: 0 25px 20px 0!important;
vertical-align: top
}
.service-carousel-wrapper.is-subhs .slider-navigation-arrow-next {
right: 2%!important
}
.service-carousel-wrapper.is-pnm {
padding: 10px 0
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper.is-pnm {
background:transparent;
padding: 5px 0
}
}
.service-carousel-wrapper .pnm-bg {
height: 17vh
}
.service-carousel-wrapper .pnm-bg:first-child {
margin-left: -3%
}
.service-carousel-wrapper .horizontal-slider-sub-wrapper {
margin-bottom: -20px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .horizontal-slider-element {
width:90%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item {
width: 60%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item:last-child {
margin-right: 50%!important
}
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper .horizontal-slider-element {
width:90%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item {
width: 100%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item:last-child {
margin-right: 5%!important
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .is-subhs .horizontal-slider-element:first-child {
margin:0!important
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .card-wrapper {
margin-right:12px;
margin-bottom: 20px
}
}
.service-carousel-wrapper .card-wrapper .service-detail-list {
padding: 0 0 0 16px;
margin-bottom: 4px
}
.service-carousel-wrapper .card-wrapper .service-detail-list.is-pnm {
padding: 0
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .card-wrapper .service-detail-list {
font-size:13px
}
}
@media only screen and (max-width: 321px) {
.service-carousel-wrapper .card-wrapper .service-detail-list {
font-size:12px
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper {
padding:20px 0
}
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper {
background-color:#f2f2f2
}
}
.service-carousel-wrapper .service-card {
cursor: pointer;
white-space: normal;
padding: 20px;
border-radius: 6px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card {
margin:0;
padding: 0;
border-radius: 4px
}
}
.service-carousel-wrapper .service-card .service-card-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 40px
}
.service-carousel-wrapper .service-card .service-card-details.is-ls {
padding-right: 10px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details.is-ls {
-webkit-box-orient:horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.service-carousel-wrapper .service-card .service-card-details.is-pnm {
padding-right: 50%
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details.is-pnm {
padding-right:5%
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details,.service-carousel-wrapper .service-card .service-card-details.is-ls {
padding-right:0
}
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper {
background-color: #fff1d6;
margin-right: 24px;
margin-top: -40px;
position: relative;
min-width: 160px;
background-size: cover;
height: 160px;
border-radius: 4px;
background-position: 50%
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper.is-subhs {
width: 100%
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper {
width:40%;
margin: 0;
border-radius: 4px 0 0 4px;
height: 174px;
min-width: 100px
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper.is-ls {
border-radius: 0 4px 4px 0;
height: 200px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag {
padding: 6px 20px;
color: #fff;
border-radius: 20px;
position: absolute;
bottom: -15px;
left: 22px;
font-size: 14px
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag.is-hs {
background-color: #4d52a0
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag.is-ls {
font-weight: 600;
background: transparent -webkit-gradient(linear,left top,left bottom,from(#442c7f),to(#684ea9)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(180deg,#442c7f,#684ea9) 0 0 no-repeat padding-box;
opacity: 1
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag {
display:none
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content {
width:60%;
padding: 15px 15px 11px 10px
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content.is-ls {
padding-bottom: 45px
}
}
@media only screen and (max-width: 321px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content {
padding:10px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header {
font-size: 22px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header {
font-size:16px
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header span {
display: block
}
}
@media only screen and (max-width: 321px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header {
font-size:14px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm,.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .service-detail-list {
color: #000
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .service-detail-list .description {
font-size: 12px
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .primary-header {
font-size: 22px
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .primary-header {
font-size:14px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-devider {
height: 2px;
background-color: #fd3752;
width: 50px;
margin: 5px 0
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-content {
font-size: 16px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-content {
font-size:14px
}
}
.service-carousel-wrapper .service-card .book-consultaion-action {
padding-top: 10px;
text-align: right;
color: #fd3752
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .book-consultaion-action.is-ls.no-content {
display:none
}
}
.service-carousel-wrapper .service-card .book-consultaion-action.is-ls button {
padding: 7px 26px;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
line-height: 0
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .book-consultaion-action {
position:absolute;
bottom: 15px;
right: 15px;
font-weight: 600
}
.service-carousel-wrapper .service-card .book-consultaion-action.is-ls {
left: 15px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #fff;
background-color: #fd3752;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 16px
}
}
.service-carousel-wrapper .service-card .book-consultaion-action .hidden-visiblity {
visibility: hidden
}
.service-carousel-wrapper .cursor-auto {
cursor: auto
}
.service-carousel-wrapper .navigation-arrow {
width: 35px;
height: 35px;
padding: 7px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .navigation-arrow {
display:none
}
}
.service-carousel-wrapper .slider-navigation-arrow-next {
top: 50%;
right: 0;
-webkit-transform: translate(-63px,-50%);
transform: translate(-63px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-next.is-pnm {
-webkit-transform: translate(8px,-50%);
transform: translate(8px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-next.is-subhs {
-webkit-transform: translate(5px,-50%);
transform: translate(5px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-next.is-hs-addons {
-webkit-transform: translate(-1px,-50%)!important;
transform: translate(-1px,-50%)!important;
right: -22px
}
.service-carousel-wrapper .slider-navigation-arrow-prev {
top: 50%;
left: 0;
-webkit-transform: translate(-5px,-50%);
transform: translate(-5px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-prev.is-pnm,.service-carousel-wrapper .slider-navigation-arrow-prev.is-subhs {
-webkit-transform: translate(-20px,-50%);
transform: translate(-20px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-prev.is-hs {
left: 4%
}
.service-carousel-wrapper .slider-navigation-arrow-prev.is-hs-addons {
-webkit-transform: translate(-1px,-50%)!important;
transform: translate(-1px,-50%)!important;
left: -20px
}
.service-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.service-item-container .service-item-offer1 {
font-size: 13px;
font-weight: 600;
color: grey
}
.nb__jBKn0 {
padding: 0 24px 20px;
background: #fff;
overflow-x: auto;
position: sticky;
top: 68px;
z-index: 1;
background-color: #fff
}
@media only screen and (max-width: 767px) {
.nb__jBKn0 {
padding:0 16px 12px;
top: 68px
}
}
.nb__jBKn0::-webkit-scrollbar {
display: none
}
.nb__jBKn0>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.nb__jBKn0>div>button {
margin: 0 5px;
padding: 7px 10px
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p {
padding: 0 0 20px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p {
padding:24px 0 20px
}
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__1ZY70 {
top: 15px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__1ZY70 {
top:35px
}
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__32HHH {
top: 15px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__32HHH {
top:35px
}
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__2Ew8q {
top: 15px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__2Ew8q {
top:35px
}
}
.nb__1fmkq>div:last-child>div .nb__1Hd7p {
border-bottom: 0
}
.nb__1fmkq>div>div:first-child {
background-color: #fff;
padding: 0 30px;
border-bottom: 2px solid #f2f2f2
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div>div:first-child {
padding:0 18px
}
}
.nb__1fmkq .nb__2_Zg1 {
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2
}
.cat-expansion-panel:before {
background-color: unset!important
}
.flash-sale-banner {
border-top: 5px solid #f2f2f2!important;
border-bottom: 7px solid #f2f2f2!important
}
.price {
font-weight: 600;
font-size: 18px
}
@media only screen and (max-width: 321px) {
.price {
width:40vw
}
}
.price.price-with-wallet {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%
}
.nb-hsAddons {
height: 70%!important;
margin-top: 30vh!important;
border-top-right-radius: 18px;
border-top-left-radius: 18px
}
.nb-hsAddons .modal-dialog .modal-content .modal-body,.nb-hsAddons .modal-dialog .modal-content .modal-body .container-addon {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .container-addon {
overflow-y: auto!important;
height: 58%;
border-right: 1px solid #363636
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .container-addon.without-mobile-addon {
margin-top: 0 10px!important
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .mobile-addons-footer-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 7px 9px 8px 10px;
border-top: 2px solid #f2f2f2
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .mobile-addons-footer-container .footer-mobile-inner {
font-weight: 600;
font-size: 16px!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .mobile-addons-footer-container .footer-mobile-inner .services-addons-included {
color: rgba(54,54,54,.5);
font-size: 14px
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding: 30px 30px 20px;
background-color: #fff;
z-index: 100000;
border-bottom: 3px solid #f2f2f2;
height: 10%
}
@media only screen and (max-width: 767px) {
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section {
padding:8px 13px 57px
}
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section h6 {
font-size: 22px;
font-weight: 600;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0;
color: #363636
}
@media only screen and (max-width: 767px) {
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section h6 {
font-size:22px;
font: normal normal 600 20px/35px Source Sans Pro;
letter-spacing: 0;
color: #363636;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.addons-carousel-header {
font-size: 18px;
font-weight: 600
}
.nb-hscatalog-selectcontainer-addon {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: grid;
grid-template-columns: repeat(2,1fr);
border-bottom: 2px solid #f2f2f2;
padding: 10px 0 18px 12px;
gap: 16%
}
.nb-hscatalog-selectcontainer-addon,.nb-hscatalog-selectcontainer-addon.no-img-counter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nb-hscatalog-selectcontainer-addon .cat-contentsection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative
}
@media only screen and (max-width: 767px) {
.nb-hscatalog-selectcontainer-addon .cat-contentsection .hs-action-block-mobile {
position:absolute;
top: -52px;
right: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
.addon-titleprice-section {
text-align: left
}
.addon-titleprice-section .nb-hscatalog-addon-title {
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
padding: 12px 0 8px;
color: #363636;
width: 99%
}
.addon-titleprice-section .nb-hscatalog-addon-title.addon-title-mob {
width: 50%
}
.addon-titleprice-section .titleprice-rightcontent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.addon-titleprice-section .titleprice-rightcontent.addon-title-flex {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.addon-titleprice-section .titleprice-rightcontent .price-discount-cointainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 767px) {
.addon-titleprice-section .titleprice-rightcontent .price-discount-cointainer {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.addon-titleprice-section .titleprice-rightcontent .price-discount-cointainer .discount-tag {
background-color: rgba(0,131,135,.1);
color: #008387;
font-size: 12px;
font-weight: 600;
padding: 5px;
border-radius: 4px;
margin-left: 10px
}
@media only screen and (max-width: 767px) {
.addon-titleprice-section .titleprice-rightcontent {
display:block
}
}
.addon-titleprice-section .titleprice-rightcontent .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font: normal normal 600 14px/22px Source Sans Pro;
letter-spacing: 0;
color: #363636;
opacity: 1
}
@media only screen and (max-width: 767px) {
.addon-titleprice-section .titleprice-rightcontent .price {
font-size:16px
}
}
.addon-titleprice-section .titleprice-rightcontent .price .striked {
position: relative;
margin-right: 10px;
color: #787676
}
.addon-titleprice-section .titleprice-rightcontent .price .striked:after {
content: "";
border-bottom: 2px solid #787676;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.addon-titleprice-section .titleprice-rightcontent .offer-section {
position: relative;
margin-top: -2px;
margin-left: 10px
}
.addon-titleprice-section .titleprice-rightcontent .offer-section img {
width: 18px;
height: 18px;
margin-top: 6px;
position: absolute;
left: -10px;
z-index: 1
}
.addon-titleprice-section .titleprice-rightcontent .offer-section .seperator-triangle {
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 8px solid #fff;
position: absolute;
top: 6px;
left: 5px
}
.addon-titleprice-section .titleprice-rightcontent .offer-section .offer-content {
font-size: 12px;
background: #009587;
padding: 0 8px 1px 11px;
color: #fff;
border-radius: 0 8px 8px 0;
margin-left: 6px
}
.nb__1fmkq {
height: calc(100% - 128px);
overflow-y: scroll
}
@media only screen and (max-width: 767px) {
.nb__1fmkq {
height:calc(100% - 70px);
margin: 4px 0 0
}
}
.nb__1fmkq::-webkit-scrollbar {
display: none
}
.nb__1fmkq .nb__1m_Qx {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 16px 0;
border-bottom: 1px solid #f2f2f2;
cursor: pointer
}
.nb__1fmkq .nb__1m_Qx,.nb__1fmkq .nb__1m_Qx .nb__uRnzz {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nb__1fmkq .nb__1m_Qx .nb__uRnzz {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 18px;
font-weight: 600
}
.nb__1fmkq.nb__2yj48 {
height: calc(100% - 128px)
}
@media only screen and (max-width: 767px) {
.nb__1fmkq.nb__2yj48 {
margin:0;
height: calc(100% - 120px)
}
}
.nb__1fmkq .nb__1Hd7p {
width: 100%;
padding: 24px 0 20px;
position: relative
}
.nb__1fmkq .nb__1Hd7p .nb__1ZY70 {
position: absolute;
top: 38px;
left: 14px;
color: #fff;
background: rgba(0,0,0,.7);
padding: 2px 5px;
border-radius: 2px;
font-weight: 600;
font-size: 12px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1ZY70 {
top:35px;
left: 10px
}
}
.nb__1fmkq .nb__1Hd7p img {
width: 100%;
border-radius: 4px
}
.nb__1fmkq .nb__1Hd7p .nb__32HHH,.nb__1fmkq .nb__1Hd7p .nb__DoSMf {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nb__1fmkq .nb__1Hd7p .nb__32HHH {
top: 40px;
width: 65px;
height: 18px;
position: absolute;
color: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb__1fmkq .nb__1Hd7p .nb__2Ew8q {
top: 40px;
left: 62px;
position: absolute;
color: #fff;
width: 5px;
border-right: 10px solid transparent
}
.nb__1fmkq .nb__1Hd7p .nb__2WQbO {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
font-weight: 600
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__2WQbO {
font-size:12px
}
}
.nb__1fmkq .nb__1Hd7p .nb__2XuXp {
color: #fff;
border-radius: 3px;
font-size: 12px;
height: 20px;
padding: 2px 10px 0
}
.nb__1fmkq .nb__1Hd7p .nb__36_zi {
width: 70%
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 18px;
padding: 12px 0 8px;
font-weight: 600;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK,.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 15%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: static
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT .nb__UevFq {
background-color: rgba(0,131,135,.1);
color: #008387;
font-size: 12px;
font-weight: 600;
padding: 5px;
border-radius: 4px;
margin-left: 10px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK {
display:block
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K {
font-size:16px
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K .nb__1r7fA {
position: relative;
margin-right: 10px;
color: #787676
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K .nb__1r7fA:after {
content: "";
border-bottom: 2px solid #787676;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM {
position: relative;
margin-top: -2px;
margin-left: 10px
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM img {
width: 18px;
height: 18px;
margin-top: 6px;
position: absolute;
left: -10px;
z-index: 1
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM .nb__9Xlbg {
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 8px solid #fff;
position: absolute;
top: 6px;
left: 5px
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM .nb__2resz {
font-size: 12px;
background: #009587;
padding: 0 8px 1px 11px;
color: #fff;
border-radius: 0 8px 8px 0;
margin-left: 6px
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
width: 80%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__rUTTn {
width:100%
}
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: rgba(54,54,54,.8)
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi,.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA {
line-height: 10px;
padding: 0 0 2px
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA>div {
max-width: 430px;
line-height: 16px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA>div {
max-width:100%
}
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA svg {
color: #009587;
font-size: 16px;
margin-right: 5px;
margin-top: 2px
}
.nb__1fmkq .nb__30SQV {
position: absolute;
right: 0;
top: 72%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__30SQV {
position:absolute;
right: 0;
top: auto
}
}
.nb__1fmkq .nb__2rwnN {
position: absolute;
right: 0;
top: 50%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__2rwnN {
position:absolute;
right: 0;
top: auto
}
}
.nb__1fmkq .nb__3k2w2 {
width: 100%;
background-color: #f1f5f9;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px;
margin-bottom: 10px;
margin-top: 10px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__3k2w2 {
margin-top:0
}
}
.nb__1fmkq .nb__3k2w2:before {
background-color: unset!important
}
.nb__1fmkq .nb__2lDIY {
height: 20px;
min-height: 34px;
font-weight: 600;
padding: 8px;
font-size: 12px
}
.nb__1fmkq .nb__2yA7d {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px;
font-size: 13px
}
.nb__1fmkq .nb__Io-3z {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px
}
.nb__1fmkq .nb__Io-3z svg {
color: #009587;
font-size: 16px
}
@media only screen and (max-width: 767px) {
.margin-claim {
margin-top:10px;
padding-bottom: 8px
}
}
.hs-catalogview-thumbnailimage {
width: 60px;
height: 60px;
margin-right: 30px;
border-radius: 2px;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 50%
}
.nb-hsbooking-headerbutton {
color: #000!important;
background-color: #fff;
border: 1px solid #999!important;
font-weight: 400;
border-radius: 6px;
height: unset
}
.nb-hsbooking-headerbutton:hover {
color: #000
}
.nb-hsbooking-headerbutton.active {
color: #fff!important;
background-color: #009587
}
.nb-bookingcontainer-initial {
background: #fff
}
.nb-hs-selectbutton {
cursor: pointer;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
color: #009587;
font-weight: 600;
font-size: 16px
}
.nb-hs-selectbutton.selected {
background: #009587;
color: #fff
}
@media only screen and (max-width: 321px) {
.nb-hs-selectbutton.selected {
font-size:14px;
padding: 8px 10px
}
}
.nb-hs-counter {
border: 1px solid #787676;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
padding: 4px 6px;
font-size: 16px;
font-weight: 600;
background-color: #009587;
color: #fff;
cursor: pointer
}
.nb-hs-counter.active {
padding: 4px 0;
color: #009587;
background-color: #fff
}
.nb-hs-counter>div {
padding: 0 8px
}
.web-add-on-img {
width: 120px!important;
height: 120px!important
}
.full-addons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
position: relative
}
.full-addons-container .mob-add-on-img {
width: 140px;
height: 105px;
border-radius: 6px;
border: .6000000238418579px solid #d8d6d7;
-o-object-fit: cover;
object-fit: cover
}
.nb-hs-counter-add-on {
border: 1px solid #009587;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
color: #009587;
background-color: #fff;
right: 35%;
top: 80%;
padding: 4px 20px;
position: absolute;
cursor: pointer
}
.nb-hs-counter-add-on .add-btn-show {
padding: 0
}
.nb-hs-counter-add-on.nb-hs-web-add-on {
position: unset
}
.nb-hs-counter-add-on.active {
padding: 4px 0;
color: #009587;
background-color: #fff;
border: 1px solid #009587
}
.nb-hs-counter-add-on>div {
padding: 0 11px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 15px!important;
white-space: break-spaces
}
.MiniService .nb-hscatalog-selectcontainer-addon-web.height-img {
min-height: 100px;
max-height: 200px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .nb-hscatalog-select-addon-img {
width: 100%;
height: 95px;
border-radius: 4px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px;
padding-top: 5px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .titleprice-rightcontent {
margin-top: 10px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .title-check {
font: normal normal 600 16px/22px Source Sans Pro;
letter-spacing: 0;
color: #363636
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font: normal normal 600 13px/22px Source Sans Pro;
letter-spacing: 0;
color: #363636;
opacity: 1
}
@media only screen and (max-width: 767px) {
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price {
font-size:16px
}
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price .striked {
position: relative;
margin-right: 10px;
color: #787676;
font: normal normal 600 13px/17px Source Sans Pro;
letter-spacing: 0;
color: #363636;
opacity: .6
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price .striked:after {
content: "";
border-bottom: 2px solid #787676;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .cat-contentsection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative
}
@media only screen and (max-width: 767px) {
.MiniService .nb-hscatalog-selectcontainer-addon-web .cat-contentsection .hs-action-block-addon-web {
position:absolute;
top: -52px;
right: 0
}
}
/* home css--------------------->> */
.nb__Ds13s {
background: transparent -webkit-gradient(linear,left top,right top,from(#fdebeb),to(#fff)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(90deg,#fdebeb,#fff) 0 0 no-repeat padding-box
}
.nb__Ds13s .nb__2j_bF {
color: #4c5198
}
.nb__Ds13s .nb__zwiLW {
background-color: #0cb88f;
border: 1px solid #0cb88f
}
.horizontal-slider-wrapper {
overflow-y: hidden;
position: relative
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper {
padding: 0;
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
width: 100%;
white-space: nowrap;
margin-bottom: -15px;
position: relative
}
@media only screen and (max-width: 767px) {
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper {
margin-bottom:-10px
}
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element {
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element.is-single {
margin: 0 auto
}
@media only screen and (max-width: 767px) {
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element {
width:85%
}
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element .horizontal-slider-item {
display: inline-block
}
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element .horizontal-slider-item.hs-banner {
max-width: 730px
}
@media only screen and (max-width: 767px) {
.horizontal-slider-wrapper .horizontal-slider-sub-wrapper .horizontal-slider-element .horizontal-slider-item:last-child {
margin-right:20px
}
}
.slider-navigation-arrow-prev {
position: absolute;
top: 52%;
z-index: 1;
left: 0;
cursor: pointer
}
.slider-navigation-arrow-prev svg {
width: 30px;
height: 30px
}
.slider-navigation-arrow-prev .navigation-arrow {
padding: 4px;
color: #464646;
-webkit-box-shadow: 0 3px 6px #ccc;
box-shadow: 0 3px 6px #ccc;
border-radius: 100px;
z-index: 1;
background-color: #fff;
font-size: 28px
}
.slider-navigation-arrow-next {
position: absolute;
top: 52%;
z-index: 1;
right: 20px;
cursor: pointer
}
.slider-navigation-arrow-next svg {
width: 30px;
height: 30px
}
.slider-navigation-arrow-next .navigation-arrow {
padding: 4px;
color: #464646;
-webkit-box-shadow: 0 3px 6px #ccc;
box-shadow: 0 3px 6px #ccc;
border-radius: 100px;
z-index: 1;
background-color: #fff;
font-size: 28px
}
@media only screen and (max-width: 767px) {
.banner-hs {
max-width:100vw
}
}
.horizontal-slider-dots-wrapper {
gap: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 12px
}
.horizontal-slider-dots-wrapper .horizontal-slider-dots {
height: 10px;
width: 10px;
background-color: #f0f0f0;
border-radius: 50%;
display: inline-block
}
.horizontal-slider-dots-wrapper .horizontal-slider-dot-active {
background-color: rgba(21,149,135,.952941)
}
div.nb__1O9Oy {
background-color: #f3f3f3;
width: 95%;
min-height: 250px;
max-height: 250px;
overflow: auto
}
div.nb__1O9Oy::-webkit-scrollbar {
display: none
}
div.nb__1O9Oy .nb__tBVe8 {
height: 40px
}
@media only screen and (max-width: 991px) {
div.nb__1O9Oy {
max-width:320px
}
}
@media only screen and (max-width: 767px) {
div.nb__1O9Oy {
max-width:320px
}
}
div.nb__1O9Oy .nb__3VjJd {
white-space: pre-wrap;
padding-top: 0
}
video {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
-webkit-transition: all 1s;
transition: all 1s
}
.nb__2tbnv,video {
position: absolute
}
.nb__2tbnv {
left: 20%;
top: 35%
}
@media only screen and (max-width: 767px) {
.nb__2tbnv {
left:25%
}
}
.nb__1GXt7 {
cursor: pointer
}
.nb__1GXt7.nb__2ZPHY {
background: rgba(0,0,0,.5);
top: 0;
right: 0;
bottom: 0;
left: 0
}
.nb-hs-carouselcard {
margin: 20px 10px 10px;
position: relative
}
@media only screen and (max-width: 767px) {
.nb-hs-carouselcard {
margin:0 10px
}
.nb-hs-carouselcard.is-ls {
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.121569);
box-shadow: 0 1px 4px rgba(0,0,0,.121569)
}
}
.nb-hs-carouselcard.is-subhs {
margin: 0 10px
}
.nb-hs-carouselcard .bg-image {
border-radius: 6px;
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
position: absolute;
z-index: -1;
top: 0
}
.nb-hs-carouselcard .content-container {
background-color: #fff
}
.nb-hs-carouselcard .content-container.has-bg {
background-color: transparent
}
.nb-hs-carouselcard .content-container.is-pnm {
background-size: 100% 95%
}
@media only screen and (max-width: 767px) {
.nb-hs-carouselcard .content-container.is-pnm {
height:18vh;
background-size: 100% 100%
}
}
@media only screen and (min-width: 768px) {
.nb-hs-carouselcard .content-container.is-pnm {
height:12vh;
background-size: 100% 100%
}
}
.nb-hs-carouselcard .content-container.is-pnm {
height: 20vh
}
.service-carousel-wrapper {
z-index: 0;
padding: 30px 70px;
position: relative
}
.service-carousel-wrapper.is-hs {
padding-top: 30px;
background-color: #4d52a0
}
.service-carousel-wrapper.is-ls {
background: transparent -webkit-gradient(linear,left top,left bottom,from(#442c7f),to(#684ea9)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(180deg,#442c7f,#684ea9) 0 0 no-repeat padding-box;
opacity: 1
}
.service-carousel-wrapper.is-subhs-testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding: 0;
background: none
}
.service-carousel-wrapper.is-hs-addons {
padding: 10px 0;
background-color: #f8f8f8
}
.service-carousel-wrapper.is-subhs {
background: none;
padding: 0
}
.service-carousel-wrapper.is-subhs .video-card {
position: relative;
width: 100%;
background: #000;
border-radius: "10px";
z-index: 1000;
border-radius: 10px;
-o-object-fit: fill;
object-fit: fill;
cursor: pointer
}
.service-carousel-wrapper.is-subhs .video-card::-webkit-media-controls {
z-index: 2000
}
.service-carousel-wrapper.is-subhs .video-card .mobile-fullscreen-video-container {
position: relative
}
.service-carousel-wrapper.is-subhs .usp-card-image {
background-repeat: no-repeat;
background-position: 100%;
background-size: 40%;
height: 100%;
width: 100%;
margin-left: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.service-carousel-wrapper.is-subhs .usp-card-image .usp-details {
width: 60%;
white-space: pre-line;
padding: 10px
}
.service-carousel-wrapper.is-subhs .usp-card-image .usp-details .usp-details-header {
font-size: 20px;
font-weight: 400;
padding-bottom: 10px
}
.service-carousel-wrapper.is-subhs .usp-card-image .usp-details .usp-details-description {
font-size: 15px;
color: #686868
}
.service-carousel-wrapper.is-subhs .horizontal-slider-item {
padding: 0 25px 20px 0!important;
vertical-align: top
}
.service-carousel-wrapper.is-subhs .slider-navigation-arrow-next {
right: 2%!important
}
.service-carousel-wrapper.is-pnm {
padding: 10px 0
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper.is-pnm {
background:transparent;
padding: 5px 0
}
}
.service-carousel-wrapper .pnm-bg {
height: 17vh
}
.service-carousel-wrapper .pnm-bg:first-child {
margin-left: -3%
}
.service-carousel-wrapper .horizontal-slider-sub-wrapper {
margin-bottom: -20px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .horizontal-slider-element {
width:90%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item {
width: 60%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item:last-child {
margin-right: 50%!important
}
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper .horizontal-slider-element {
width:90%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item {
width: 100%!important
}
.service-carousel-wrapper .horizontal-slider-element.service-painting .horizontal-slider-item:last-child {
margin-right: 5%!important
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .is-subhs .horizontal-slider-element:first-child {
margin:0!important
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .card-wrapper {
margin-right:12px;
margin-bottom: 20px
}
}
.service-carousel-wrapper .card-wrapper .service-detail-list {
padding: 0 0 0 16px;
margin-bottom: 4px
}
.service-carousel-wrapper .card-wrapper .service-detail-list.is-pnm {
padding: 0
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .card-wrapper .service-detail-list {
font-size:13px
}
}
@media only screen and (max-width: 321px) {
.service-carousel-wrapper .card-wrapper .service-detail-list {
font-size:12px
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper {
padding:20px 0
}
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper {
background-color:#f2f2f2
}
}
.service-carousel-wrapper .service-card {
cursor: pointer;
white-space: normal;
padding: 20px;
border-radius: 6px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card {
margin:0;
padding: 0;
border-radius: 4px
}
}
.service-carousel-wrapper .service-card .service-card-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 40px
}
.service-carousel-wrapper .service-card .service-card-details.is-ls {
padding-right: 10px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details.is-ls {
-webkit-box-orient:horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.service-carousel-wrapper .service-card .service-card-details.is-pnm {
padding-right: 50%
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details.is-pnm {
padding-right:5%
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details,.service-carousel-wrapper .service-card .service-card-details.is-ls {
padding-right:0
}
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper {
background-color: #fff1d6;
margin-right: 24px;
margin-top: -40px;
position: relative;
min-width: 160px;
background-size: cover;
height: 160px;
border-radius: 4px;
background-position: 50%
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper.is-subhs {
width: 100%
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper {
width:40%;
margin: 0;
border-radius: 4px 0 0 4px;
height: 174px;
min-width: 100px
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper.is-ls {
border-radius: 0 4px 4px 0;
height: 200px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag {
padding: 6px 20px;
color: #fff;
border-radius: 20px;
position: absolute;
bottom: -15px;
left: 22px;
font-size: 14px
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag.is-hs {
background-color: #4d52a0
}
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag.is-ls {
font-weight: 600;
background: transparent -webkit-gradient(linear,left top,left bottom,from(#442c7f),to(#684ea9)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(180deg,#442c7f,#684ea9) 0 0 no-repeat padding-box;
opacity: 1
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-image-wrapper .special-offer-tag {
display:none
}
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content {
width:60%;
padding: 15px 15px 11px 10px
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content.is-ls {
padding-bottom: 45px
}
}
@media only screen and (max-width: 321px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content {
padding:10px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header {
font-size: 22px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header {
font-size:16px
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header span {
display: block
}
}
@media only screen and (max-width: 321px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-header {
font-size:14px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm,.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .service-detail-list {
color: #000
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .service-detail-list .description {
font-size: 12px
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .primary-header {
font-size: 22px
}
@media only screen and (max-width: 767px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .is-pnm .primary-header {
font-size:14px
}
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-devider {
height: 2px;
background-color: #fd3752;
width: 50px;
margin: 5px 0
}
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-content {
font-size: 16px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .service-card-details .service-card-content .service-details-content {
font-size:14px
}
}
.service-carousel-wrapper .service-card .book-consultaion-action {
padding-top: 10px;
text-align: right;
color: #fd3752
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .book-consultaion-action.is-ls.no-content {
display:none
}
}
.service-carousel-wrapper .service-card .book-consultaion-action.is-ls button {
padding: 7px 26px;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
line-height: 0
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .service-card .book-consultaion-action {
position:absolute;
bottom: 15px;
right: 15px;
font-weight: 600
}
.service-carousel-wrapper .service-card .book-consultaion-action.is-ls {
left: 15px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #fff;
background-color: #fd3752;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 16px
}
}
.service-carousel-wrapper .service-card .book-consultaion-action .hidden-visiblity {
visibility: hidden
}
.service-carousel-wrapper .cursor-auto {
cursor: auto
}
.service-carousel-wrapper .navigation-arrow {
width: 35px;
height: 35px;
padding: 7px
}
@media only screen and (max-width: 991px) {
.service-carousel-wrapper .navigation-arrow {
display:none
}
}
.service-carousel-wrapper .slider-navigation-arrow-next {
top: 50%;
right: 0;
-webkit-transform: translate(-63px,-50%);
transform: translate(-63px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-next.is-pnm {
-webkit-transform: translate(8px,-50%);
transform: translate(8px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-next.is-subhs {
-webkit-transform: translate(5px,-50%);
transform: translate(5px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-next.is-hs-addons {
-webkit-transform: translate(-1px,-50%)!important;
transform: translate(-1px,-50%)!important;
right: -22px
}
.service-carousel-wrapper .slider-navigation-arrow-prev {
top: 50%;
left: 0;
-webkit-transform: translate(-5px,-50%);
transform: translate(-5px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-prev.is-pnm,.service-carousel-wrapper .slider-navigation-arrow-prev.is-subhs {
-webkit-transform: translate(-20px,-50%);
transform: translate(-20px,-50%)
}
.service-carousel-wrapper .slider-navigation-arrow-prev.is-hs {
left: 4%
}
.service-carousel-wrapper .slider-navigation-arrow-prev.is-hs-addons {
-webkit-transform: translate(-1px,-50%)!important;
transform: translate(-1px,-50%)!important;
left: -20px
}
.service-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.service-item-container .service-item-offer1 {
font-size: 13px;
font-weight: 600;
color: grey
}
.nb__jBKn0 {
padding: 0 24px 20px;
background: #fff;
overflow-x: auto;
position: sticky;
top: 68px;
z-index: 1;
background-color: #fff
}
@media only screen and (max-width: 767px) {
.nb__jBKn0 {
padding:0 16px 12px;
top: 68px
}
}
.nb__jBKn0::-webkit-scrollbar {
display: none
}
.nb__jBKn0>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.nb__jBKn0>div>button {
margin: 0 5px;
padding: 7px 10px
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p {
padding: 0 0 20px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p {
padding:24px 0 20px
}
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__1ZY70 {
top: 15px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__1ZY70 {
top:35px
}
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__32HHH {
top: 15px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__32HHH {
top:35px
}
}
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__2Ew8q {
top: 15px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div:first-child>div .nb__1Hd7p .nb__2Ew8q {
top:35px
}
}
.nb__1fmkq>div:last-child>div .nb__1Hd7p {
border-bottom: 0
}
.nb__1fmkq>div>div:first-child {
background-color: #fff;
padding: 0 30px;
border-bottom: 2px solid #f2f2f2
}
@media only screen and (max-width: 767px) {
.nb__1fmkq>div>div:first-child {
padding:0 18px
}
}
.nb__1fmkq .nb__2_Zg1 {
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2
}
.cat-expansion-panel:before {
background-color: unset!important
}
.flash-sale-banner {
border-top: 5px solid #f2f2f2!important;
border-bottom: 7px solid #f2f2f2!important
}
.price {
font-weight: 600;
font-size: 18px
}
@media only screen and (max-width: 321px) {
.price {
width:40vw
}
}
.price.price-with-wallet {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%
}
.nb-hsAddons {
height: 70%!important;
margin-top: 30vh!important;
border-top-right-radius: 18px;
border-top-left-radius: 18px
}
.nb-hsAddons .modal-dialog .modal-content .modal-body,.nb-hsAddons .modal-dialog .modal-content .modal-body .container-addon {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .container-addon {
overflow-y: auto!important;
height: 58%;
border-right: 1px solid #363636
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .container-addon.without-mobile-addon {
margin-top: 0 10px!important
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .mobile-addons-footer-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 7px 9px 8px 10px;
border-top: 2px solid #f2f2f2
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .mobile-addons-footer-container .footer-mobile-inner {
font-weight: 600;
font-size: 16px!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .mobile-addons-footer-container .footer-mobile-inner .services-addons-included {
color: rgba(54,54,54,.5);
font-size: 14px
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding: 30px 30px 20px;
background-color: #fff;
z-index: 100000;
border-bottom: 3px solid #f2f2f2;
height: 10%
}
@media only screen and (max-width: 767px) {
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section {
padding:8px 13px 57px
}
}
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section h6 {
font-size: 22px;
font-weight: 600;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0;
color: #363636
}
@media only screen and (max-width: 767px) {
.nb-hsAddons .modal-dialog .modal-content .modal-body .title-section h6 {
font-size:22px;
font: normal normal 600 20px/35px Source Sans Pro;
letter-spacing: 0;
color: #363636;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.addons-carousel-header {
font-size: 18px;
font-weight: 600
}
.nb-hscatalog-selectcontainer-addon {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: grid;
grid-template-columns: repeat(2,1fr);
border-bottom: 2px solid #f2f2f2;
padding: 10px 0 18px 12px;
gap: 16%
}
.nb-hscatalog-selectcontainer-addon,.nb-hscatalog-selectcontainer-addon.no-img-counter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nb-hscatalog-selectcontainer-addon .cat-contentsection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative
}
@media only screen and (max-width: 767px) {
.nb-hscatalog-selectcontainer-addon .cat-contentsection .hs-action-block-mobile {
position:absolute;
top: -52px;
right: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
.addon-titleprice-section {
text-align: left
}
.addon-titleprice-section .nb-hscatalog-addon-title {
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
padding: 12px 0 8px;
color: #363636;
width: 99%
}
.addon-titleprice-section .nb-hscatalog-addon-title.addon-title-mob {
width: 50%
}
.addon-titleprice-section .titleprice-rightcontent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.addon-titleprice-section .titleprice-rightcontent.addon-title-flex {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.addon-titleprice-section .titleprice-rightcontent .price-discount-cointainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 767px) {
.addon-titleprice-section .titleprice-rightcontent .price-discount-cointainer {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.addon-titleprice-section .titleprice-rightcontent .price-discount-cointainer .discount-tag {
background-color: rgba(0,131,135,.1);
color: #008387;
font-size: 12px;
font-weight: 600;
padding: 5px;
border-radius: 4px;
margin-left: 10px
}
@media only screen and (max-width: 767px) {
.addon-titleprice-section .titleprice-rightcontent {
display:block
}
}
.addon-titleprice-section .titleprice-rightcontent .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font: normal normal 600 14px/22px Source Sans Pro;
letter-spacing: 0;
color: #363636;
opacity: 1
}
@media only screen and (max-width: 767px) {
.addon-titleprice-section .titleprice-rightcontent .price {
font-size:16px
}
}
.addon-titleprice-section .titleprice-rightcontent .price .striked {
position: relative;
margin-right: 10px;
color: #787676
}
.addon-titleprice-section .titleprice-rightcontent .price .striked:after {
content: "";
border-bottom: 2px solid #787676;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.addon-titleprice-section .titleprice-rightcontent .offer-section {
position: relative;
margin-top: -2px;
margin-left: 10px
}
.addon-titleprice-section .titleprice-rightcontent .offer-section img {
width: 18px;
height: 18px;
margin-top: 6px;
position: absolute;
left: -10px;
z-index: 1
}
.addon-titleprice-section .titleprice-rightcontent .offer-section .seperator-triangle {
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 8px solid #fff;
position: absolute;
top: 6px;
left: 5px
}
.addon-titleprice-section .titleprice-rightcontent .offer-section .offer-content {
font-size: 12px;
background: #009587;
padding: 0 8px 1px 11px;
color: #fff;
border-radius: 0 8px 8px 0;
margin-left: 6px
}
.nb__1fmkq {
height: calc(100% - 128px);
overflow-y: scroll
}
@media only screen and (max-width: 767px) {
.nb__1fmkq {
height:calc(100% - 70px);
margin: 4px 0 0
}
}
.nb__1fmkq::-webkit-scrollbar {
display: none
}
.nb__1fmkq .nb__1m_Qx {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 16px 0;
border-bottom: 1px solid #f2f2f2;
cursor: pointer
}
.nb__1fmkq .nb__1m_Qx,.nb__1fmkq .nb__1m_Qx .nb__uRnzz {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nb__1fmkq .nb__1m_Qx .nb__uRnzz {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 18px;
font-weight: 600
}
.nb__1fmkq.nb__2yj48 {
height: calc(100% - 128px)
}
@media only screen and (max-width: 767px) {
.nb__1fmkq.nb__2yj48 {
margin:0;
height: calc(100% - 120px)
}
}
.nb__1fmkq .nb__1Hd7p {
width: 100%;
padding: 24px 0 20px;
position: relative
}
.nb__1fmkq .nb__1Hd7p .nb__1ZY70 {
position: absolute;
top: 38px;
left: 14px;
color: #fff;
background: rgba(0,0,0,.7);
padding: 2px 5px;
border-radius: 2px;
font-weight: 600;
font-size: 12px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1ZY70 {
top:35px;
left: 10px
}
}
.nb__1fmkq .nb__1Hd7p img {
width: 100%;
border-radius: 4px
}
.nb__1fmkq .nb__1Hd7p .nb__32HHH,.nb__1fmkq .nb__1Hd7p .nb__DoSMf {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nb__1fmkq .nb__1Hd7p .nb__32HHH {
top: 40px;
width: 65px;
height: 18px;
position: absolute;
color: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb__1fmkq .nb__1Hd7p .nb__2Ew8q {
top: 40px;
left: 62px;
position: absolute;
color: #fff;
width: 5px;
border-right: 10px solid transparent
}
.nb__1fmkq .nb__1Hd7p .nb__2WQbO {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
font-weight: 600
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__2WQbO {
font-size:12px
}
}
.nb__1fmkq .nb__1Hd7p .nb__2XuXp {
color: #fff;
border-radius: 3px;
font-size: 12px;
height: 20px;
padding: 2px 10px 0
}
.nb__1fmkq .nb__1Hd7p .nb__36_zi {
width: 70%
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 18px;
padding: 12px 0 8px;
font-weight: 600;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK,.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 15%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: static
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__35HAT .nb__UevFq {
background-color: rgba(0,131,135,.1);
color: #008387;
font-size: 12px;
font-weight: 600;
padding: 5px;
border-radius: 4px;
margin-left: 10px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK {
display:block
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K {
font-size:16px
}
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K .nb__1r7fA {
position: relative;
margin-right: 10px;
color: #787676
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__2Z19K .nb__1r7fA:after {
content: "";
border-bottom: 2px solid #787676;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM {
position: relative;
margin-top: -2px;
margin-left: 10px
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM img {
width: 18px;
height: 18px;
margin-top: 6px;
position: absolute;
left: -10px;
z-index: 1
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM .nb__9Xlbg {
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 8px solid #fff;
position: absolute;
top: 6px;
left: 5px
}
.nb__1fmkq .nb__1Hd7p .nb__1bSGq .nb__3CBSK .nb__1_RZM .nb__2resz {
font-size: 12px;
background: #009587;
padding: 0 8px 1px 11px;
color: #fff;
border-radius: 0 8px 8px 0;
margin-left: 6px
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
width: 80%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__rUTTn {
width:100%
}
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: rgba(54,54,54,.8)
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi,.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA {
line-height: 10px;
padding: 0 0 2px
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA>div {
max-width: 430px;
line-height: 16px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA>div {
max-width:100%
}
}
.nb__1fmkq .nb__1Hd7p .nb__rUTTn .nb__7ROJi .nb__2DwoA svg {
color: #009587;
font-size: 16px;
margin-right: 5px;
margin-top: 2px
}
.nb__1fmkq .nb__30SQV {
position: absolute;
right: 0;
top: 72%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__30SQV {
position:absolute;
right: 0;
top: auto
}
}
.nb__1fmkq .nb__2rwnN {
position: absolute;
right: 0;
top: 50%
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__2rwnN {
position:absolute;
right: 0;
top: auto
}
}
.nb__1fmkq .nb__3k2w2 {
width: 100%;
background-color: #f1f5f9;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px;
margin-bottom: 10px;
margin-top: 10px
}
@media only screen and (max-width: 767px) {
.nb__1fmkq .nb__3k2w2 {
margin-top:0
}
}
.nb__1fmkq .nb__3k2w2:before {
background-color: unset!important
}
.nb__1fmkq .nb__2lDIY {
height: 20px;
min-height: 34px;
font-weight: 600;
padding: 8px;
font-size: 12px
}
.nb__1fmkq .nb__2yA7d {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px;
font-size: 13px
}
.nb__1fmkq .nb__Io-3z {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px
}
.nb__1fmkq .nb__Io-3z svg {
color: #009587;
font-size: 16px
}
@media only screen and (max-width: 767px) {
.margin-claim {
margin-top:10px;
padding-bottom: 8px
}
}
.hs-catalogview-thumbnailimage {
width: 60px;
height: 60px;
margin-right: 30px;
border-radius: 2px;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 50%
}
.nb-hsbooking-headerbutton {
color: #000!important;
background-color: #fff;
border: 1px solid #999!important;
font-weight: 400;
border-radius: 6px;
height: unset
}
.nb-hsbooking-headerbutton:hover {
color: #000
}
.nb-hsbooking-headerbutton.active {
color: #fff!important;
background-color: #009587
}
.nb-bookingcontainer-initial {
background: #fff
}
.nb-hs-selectbutton {
cursor: pointer;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
color: #009587;
font-weight: 600;
font-size: 16px
}
.nb-hs-selectbutton.selected {
background: #009587;
color: #fff
}
@media only screen and (max-width: 321px) {
.nb-hs-selectbutton.selected {
font-size:14px;
padding: 8px 10px
}
}
.nb-hs-counter {
border: 1px solid #787676;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
padding: 4px 6px;
font-size: 16px;
font-weight: 600;
background-color: #009587;
color: #fff;
cursor: pointer
}
.nb-hs-counter.active {
padding: 4px 0;
color: #009587;
background-color: #fff
}
.nb-hs-counter>div {
padding: 0 8px
}
.web-add-on-img {
width: 120px!important;
height: 120px!important
}
.full-addons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
position: relative
}
.full-addons-container .mob-add-on-img {
width: 140px;
height: 105px;
border-radius: 6px;
border: .6000000238418579px solid #d8d6d7;
-o-object-fit: cover;
object-fit: cover
}
.nb-hs-counter-add-on {
border: 1px solid #009587;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
color: #009587;
background-color: #fff;
right: 35%;
top: 80%;
padding: 4px 20px;
position: absolute;
cursor: pointer
}
.nb-hs-counter-add-on .add-btn-show {
padding: 0
}
.nb-hs-counter-add-on.nb-hs-web-add-on {
position: unset
}
.nb-hs-counter-add-on.active {
padding: 4px 0;
color: #009587;
background-color: #fff;
border: 1px solid #009587
}
.nb-hs-counter-add-on>div {
padding: 0 11px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 15px!important;
white-space: break-spaces
}
.MiniService .nb-hscatalog-selectcontainer-addon-web.height-img {
min-height: 100px;
max-height: 200px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .nb-hscatalog-select-addon-img {
width: 100%;
height: 95px;
border-radius: 4px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px;
padding-top: 5px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .titleprice-rightcontent {
margin-top: 10px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .title-check {
font: normal normal 600 16px/22px Source Sans Pro;
letter-spacing: 0;
color: #363636
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font: normal normal 600 13px/22px Source Sans Pro;
letter-spacing: 0;
color: #363636;
opacity: 1
}
@media only screen and (max-width: 767px) {
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price {
font-size:16px
}
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price .striked {
position: relative;
margin-right: 10px;
color: #787676;
font: normal normal 600 13px/17px Source Sans Pro;
letter-spacing: 0;
color: #363636;
opacity: .6
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .titleprice-section .price-title-inner .price .striked:after {
content: "";
border-bottom: 2px solid #787676;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.MiniService .nb-hscatalog-selectcontainer-addon-web .cat-contentsection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative
}
@media only screen and (max-width: 767px) {
.MiniService .nb-hscatalog-selectcontainer-addon-web .cat-contentsection .hs-action-block-addon-web {
position:absolute;
top: -52px;
right: 0
}
}
.nb-carousel-progress-section {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb-carousel-progress-section-point {
width: 18px;
height: 2px;
border-radius: 20px;
background: #fff;
margin-right: 5px;
opacity: .5;
-webkit-transition: .3s;
transition: .3s
}
.nb-carousel-progress-section-point.active {
opacity: 1!important
}
.nb-autocarousel-progress-section {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.imageHolder {
-webkit-transition: 2s;
transition: 2s
}
.imageHolder,.slider {
width: 100%;
height: auto;
white-space: nowrap
}
.slider {
-webkit-transition: none;
transition: none
}
.nb__12s7I {
margin-bottom: 0
}
.nb__12s7I .nb__14Cth {
padding: 20px 15px;
border-top: 1px solid #e0e0e0;
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
text-align: left
}
@media only screen and (min-width: 991px) {
.nb__12s7I .nb__14Cth {
padding:20px 0;
border: none;
border-bottom: 1px solid #e0e0e0
}
}
.nb__12s7I .nb__14Cth .nb__1aa1A {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 600
}
.nb__12s7I .nb__14Cth .nb__1aa1A .nb__22OmC {
display: inline-block;
vertical-align: middle;
width: 100%;
cursor: pointer
}
.nb__12s7I .nb__14Cth .nb__1aa1A .nb__160Vn {
width: 28px;
height: 28px;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .15s ease-in;
transition: .15s ease-in;
cursor: pointer
}
.nb__12s7I .nb__14Cth .nb__3U-Ey {
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: .13s ease-out;
transition: .13s ease-out;
line-height: 18px
}
.nb__12s7I .nb__14Cth.active .nb__3U-Ey {
max-height: 100%;
padding: 15px 0
}
.nb__12s7I .nb__14Cth.active .nb__1aa1A {
color: #009587
}
.nb__12s7I .nb__14Cth.active .nb__1aa1A .nb__160Vn {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.hs-box-dimension {
height: 100%;
padding: 14px 8px
}
.hs-box-dimension .hs-box-bg-clr {
background-color: #f0f4fc
}
.hs-box-dimension .hs-icon-clr {
color: #192b47
}
.hs-box-dimension .hs-service-name-clr {
color: #4d4b4b;
line-height: 12px;
font-size: 12px;
font-weight: 600
}
.nb__22mT8 {
height: 120px;
-webkit-transition: height .1s ease;
transition: height .1s ease
}
.nb__3eX5i {
height: 250px!important
}
button,input,optgroup,select,textarea {
margin: 0;
font: inherit;
color: inherit
}
.btn {
display: inline-block;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
position: relative;
border-radius: 2px;
font-weight: 600;
color: #fff;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
overflow: hidden;
font-size: 16px;
padding: 7px 25px
}
.btn :active:focus,.btn:focus {
outline: none!important;
color: #fff;
border-color: transparent
}
.btn:active {
-webkit-box-shadow: none;
box-shadow: none
}
.btn:hover {
color: #fff;
cursor: pointer
}
.btn.btn-lg {
height: 50px;
padding: 12px 20px;
font-size: 18px
}
.btn.btn-sm {
height: 36px;
padding: 7px 12px;
font-size: 14px
}
.btn.btn-xs {
height: 26px;
padding: 3px 6px;
font-size: 12px
}
.btn[disabled] {
cursor: not-allowed;
opacity: .5
}
.btn.btn-default {
background: #007a6f -webkit-gradient(linear,left top,right top,from(#009587),to(#009587));
background: #007a6f linear-gradient(90deg,#009587,#009587);
border-color: #009587;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-default:hover {
color: #fff;
background: #007a6f radial-gradient(circle,transparent 1%,#007a6f 0) 50%/15000%
}
.btn.btn-default:active {
background-color: #009587;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-default:active:focus {
border-color: #009587
}
.btn.btn-default[disabled]:hover {
background: #007a6f -webkit-gradient(linear,left top,right top,from(#009587),to(#009587));
background: #007a6f linear-gradient(90deg,#009587,#009587);
border-color: #009587
}
.btn.btn-primary {
background: #e3324a -webkit-gradient(linear,left top,right top,from(#fd3752),to(#fd3752));
background: #e3324a linear-gradient(90deg,#fd3752,#fd3752);
border-color: #fd3752;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-primary:hover {
background: #e3324a radial-gradient(circle,transparent 1%,#e3324a 0) 50%/15000%
}
.btn.btn-primary:active {
background-color: #fd3752;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-primary:active:focus {
border-color: #fd3752
}
.btn.btn-primary[disabled]:hover {
background: #e3324a -webkit-gradient(linear,left top,right top,from(#fd3752),to(#fd3752));
background: #e3324a linear-gradient(90deg,#fd3752,#fd3752);
border-color: #fd3752
}
.btn.btn-info {
color: #009587;
background: #f6fbfb -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #f6fbfb linear-gradient(90deg,#fff,#fff);
border-color: #009587;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-info:hover {
background: #ebf7f6 radial-gradient(circle,transparent 1%,#f6fbfb 0) 50%/15000%;
color: #009587
}
.btn.btn-info:active {
color: #009587;
background-color: #ebf7f6;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-info:active:focus {
border-color: #009587
}
.btn.btn-info[disabled]:hover {
background: #f6fbfb -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #f6fbfb linear-gradient(90deg,#fff,#fff);
border-color: #009587
}
.btn.btn-grey {
background: #787676;
border-color: #787676;
color: #fff
}
.btn.btn-mute {
background: #bfbfbf -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #bfbfbf linear-gradient(90deg,#fff,#fff);
border-color: #ccc;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s;
color: #333
}
.btn.btn-mute:hover {
color: #333;
background: #f2f2f2 radial-gradient(circle,transparent 1%,#f2f2f2 0) 50%/15000%
}
.btn.btn-mute:active:focus {
border-color: #ccc
}
.btn.btn-mute[disabled]:hover {
background: #bfbfbf -webkit-gradient(linear,left top,right top,from(#ccc),to(#ccc));
background: #bfbfbf linear-gradient(90deg,#ccc,#ccc);
border-color: #ccc
}
.btn.btn-block {
display: block;
width: 100%
}
.nb__3sbMO {
position: fixed;
isolation: isolate;
z-index: 45;
top: 0;
height: 100vh;
width: 100vw;
display: grid;
place-content: center;
padding: 80px 20px
}
.nb__mIRmd {
min-width: 80vw
}
.nb__3iyCV .nb__MN1qo {
border-top: 1px solid rgba(70,70,70,.239216)
}
.nb__3iyCV .nb__MN1qo .nb__3mWmh {
width: 100%;
padding: 32px 40px;
background: hsla(0,0%,92.9%,.4)
}
@media only screen and (max-width: 991px) {
.nb__3iyCV .nb__MN1qo .nb__3mWmh {
padding:20px
}
}
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__3nkps {
margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__3nkps {
font-size:18px
}
}
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__28JtV {
margin-bottom: 16px
}
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__3LUU7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__3LUU7 {
-ms-flex-wrap:unset;
flex-wrap: unset;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__3LUU7 .nb__2E6Uq {
padding: 2px 8px;
background: #e8e8e8;
font-size: 14px;
color: #464646;
margin: 0 15px 15px 0;
border-radius: 4px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.nb__3iyCV .nb__MN1qo .nb__3mWmh .nb__3LUU7 .nb__2E6Uq .nb__2VBdE {
color: #464646;
text-decoration: none;
cursor: pointer
}
.nb__3iyCV .nb__MN1qo .nb__6OXFK {
background: #ededed
}
.nb__3iyCV .nb__CF0_F {
padding: 30px 40px;
border-top: 1px solid rgba(70,70,70,.239216)
}
.nb__3iyCV .nb__CF0_F .nb__1EGBG {
font-weight: 600;
font-size: 22px;
padding: 0 0 20px
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__CF0_F .nb__1EGBG {
font-size:18px
}
}
@media only screen and (max-width: 991px) {
.nb__3iyCV .nb__CF0_F {
padding:20px
}
}
.nb__3iyCV .nb__CF0_F .nb__3hTfc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__CF0_F .nb__3hTfc {
display:block
}
.nb__3iyCV .nb__CF0_F .nb__3hTfc:first-of-type {
margin-bottom: 15px
}
}
.nb__3iyCV .nb__CF0_F .nb__3hTfc .nb__97yZw {
width: 48%
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__CF0_F .nb__3hTfc .nb__97yZw {
width:100%
}
}
.nb__3iyCV .nb__CF0_F .nb__3hTfc .nb__97yZw .nb__3wEAt {
margin-bottom: 15px
}
.nb__3iyCV .nb__CF0_F .nb__3hTfc .nb__97yZw .nb__3VrUU {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.nb__3iyCV .nb__CF0_F .nb__3hTfc .nb__97yZw .nb__3VrUU .nb__1_YgJ {
padding: 2px 8px;
background-color: #e8e8e8;
text-decoration: none;
color: #464646;
border-radius: 4px;
margin: 0 15px 15px 0;
cursor: pointer
}
.nb__3iyCV .nb__2okZP {
background-color: #e8e8e8
}
.nb__3iyCV .nb__3hGae {
background-color: #ededed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px;
border-top: 1px solid rgba(70,70,70,.239216);
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__3hGae {
padding:20px 15px;
border: none
}
}
.nb__3iyCV .nb__3hGae .nb__BXu5L {
width: 50%;
text-align: center
}
.nb__3iyCV .nb__3hGae .nb__BXu5L .nb__25KiK {
font-size: 18px
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__3hGae .nb__BXu5L .nb__25KiK {
font-size:14px
}
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__3hGae .nb__BXu5L .nb__1pa3s {
font-size:12px
}
}
.nb__3iyCV .nb__3hGae .nb__BXu5L .nb__3uzon {
padding: 3px 20px;
border-radius: 4px;
background-color: #464646;
text-decoration: none;
color: #fff;
font-weight: 600;
display: inline-block;
margin-top: 15px
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__3hGae .nb__BXu5L .nb__3uzon {
margin-top:5px;
font-size: 12px
}
}
.nb__3iyCV .nb__3hGae .nb__BXu5L:nth-child(2) {
border-left: 1px solid rgba(70,70,70,.239216)
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__3hGae .nb__BXu5L:nth-child(2) {
margin-top:20px;
padding-top: 15px;
border-left-width: 0;
border-top: 1px solid rgba(70,70,70,.239216)
}
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__3hGae .nb__BXu5L {
width:100%
}
}
.nb__3iyCV .nb__2NgHI {
padding-top: 30px;
border-top: 1px solid rgba(70,70,70,.239216)
}
.nb__3iyCV .nb__2NgHI .nb__axdFT {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__2NgHI .nb__axdFT {
margin-bottom:20px
}
}
.nb__3iyCV .nb__2NgHI .nb__axdFT .nb__3N2G9 {
margin: 0 20px;
font-size: 18px;
color: #464646;
text-decoration: none
}
@media only screen and (max-width: 991px) {
.nb__3iyCV .nb__2NgHI .nb__axdFT .nb__3N2G9 {
margin:0 20px 0 0
}
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__2NgHI .nb__axdFT .nb__3N2G9 {
margin:0 5px 5px;
font-size: 14px
}
}
.nb__3iyCV .nb__2NgHI .nb__axdFT .nb__2WC_s {
cursor: pointer
}
.nb__3iyCV .nb__2NgHI .nb__3CIgp {
margin: 35px 20%
}
@media only screen and (max-width: 991px) {
.nb__3iyCV .nb__2NgHI .nb__3CIgp {
margin:20px 20%
}
}
.nb__3iyCV .nb__2NgHI .nb__3gYAj {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb__3iyCV .nb__2NgHI .nb__3gYAj .nb__v6kev {
margin: 0 20px
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__2NgHI .nb__3gYAj .nb__v6kev {
margin:0 5px
}
}
.nb__3iyCV .nb__2NgHI .nb__1CDMN {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px
}
.nb__3iyCV .nb__2NgHI .nb__1CDMN .nb__10K_d {
background-color: #e8e8e8;
border-radius: 100%;
padding: 7px 9px;
margin: 0 20px
}
@media only screen and (max-width: 767px) {
.nb__3iyCV .nb__2NgHI .nb__1CDMN .nb__10K_d {
margin:0 5px
}
}
.nb__3iyCV .nb__2NgHI .nb__1-A9A {
padding: 20px 0
}
.nb__3iyCV .nb__10Kt1 {
background-color: #e8e8e8
}
.nb__2GFeS {
z-index: 1;
position: relative
}
#alertMessageBox {
position: fixed;
right: -1000px;
top: 100px;
min-width: 275px;
max-width: 350px;
padding-left: 80px;
z-index: 19999;
border-radius: 5px;
-webkit-box-shadow: 0 0 1px 1px #d1d1d1;
box-shadow: 0 0 1px 1px #d1d1d1;
-webkit-transition: right .5s ease;
transition: right .5s ease
}
#alertMessageBox .messageText {
position: relative;
height: inherit;
padding: 20px 25px 20px 35px;
min-height: 80px;
border-radius: 0 5px 5px 0;
overflow: auto
}
@media only screen and (min-width: 768px) {
#alertMessageBox .messageText {
background-color:#fff
}
}
@media only screen and (max-width: 767px) {
#alertMessageBox {
padding-left:0;
border-radius: 0;
min-width: 100%;
max-width: 100%;
top: 50px;
-webkit-box-shadow: none;
box-shadow: none
}
#alertMessageBox.extra-top-margin {
top: 70px
}
#alertMessageBox .messageText {
border-radius: 0;
padding: 5px 0;
color: #fff;
height: auto;
min-height: auto;
text-align: center;
background-color: unset
}
}
#alertMessageBox.alert-msg-success {
background: #009587 url(/hs-new/public/Packers-And-Movers/success.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-success {
color:#fff;
background: unset;
background-color: #009587
}
}
#alertMessageBox.alert-msg-success-gray {
background: #616968 url(/hs-new/public/Packers-And-Movers/success.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-success-gray {
color:#fff;
background: unset;
background-color: #616968
}
}
#alertMessageBox.alert-msg-error {
background: #e9707f url(/hs-new/public/Packers-And-Movers/error.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-error {
color:#fff;
background: unset;
background-color: #e9707f
}
}
#alertMessageBox.show-msg {
right: 30px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.show-msg {
right:0
}
}
#alertMessageBox.hide-msg {
right: -1000px;
-webkit-transition: right .5s ease;
transition: right .5s ease
}
/* service css---------------->> */
#alertMessageBox {
position: fixed;
right: -1000px;
top: 100px;
min-width: 275px;
max-width: 350px;
padding-left: 80px;
z-index: 19999;
border-radius: 5px;
-webkit-box-shadow: 0 0 1px 1px #d1d1d1;
box-shadow: 0 0 1px 1px #d1d1d1;
-webkit-transition: right .5s ease;
transition: right .5s ease
}
#alertMessageBox .messageText {
position: relative;
height: inherit;
padding: 20px 25px 20px 35px;
min-height: 80px;
border-radius: 0 5px 5px 0;
overflow: auto
}
@media only screen and (min-width: 768px) {
#alertMessageBox .messageText {
background-color:#fff
}
}
@media only screen and (max-width: 767px) {
#alertMessageBox {
padding-left:0;
border-radius: 0;
min-width: 100%;
max-width: 100%;
top: 50px;
-webkit-box-shadow: none;
box-shadow: none
}
#alertMessageBox.extra-top-margin {
top: 70px
}
#alertMessageBox .messageText {
border-radius: 0;
padding: 5px 0;
color: #fff;
height: auto;
min-height: auto;
text-align: center;
background-color: unset
}
}
#alertMessageBox.alert-msg-success {
background: #009587 url(/hs-new/public/Packers-And-Movers/success.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-success {
color:#fff;
background: unset;
background-color: #009587
}
}
#alertMessageBox.alert-msg-success-gray {
background: #616968 url(/hs-new/public/Packers-And-Movers/success.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-success-gray {
color:#fff;
background: unset;
background-color: #616968
}
}
#alertMessageBox.alert-msg-error {
background: #e9707f url(/hs-new/public/Packers-And-Movers/error.png) no-repeat 20px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.alert-msg-error {
color:#fff;
background: unset;
background-color: #e9707f
}
}
#alertMessageBox.show-msg {
right: 30px
}
@media only screen and (max-width: 767px) {
#alertMessageBox.show-msg {
right:0
}
}
#alertMessageBox.hide-msg {
right: -1000px;
-webkit-transition: right .5s ease;
transition: right .5s ease
}
button,input,optgroup,select,textarea {
margin: 0;
font: inherit;
color: inherit
}
.btn {
display: inline-block;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
position: relative;
border-radius: 2px;
font-weight: 600;
color: #fff;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
overflow: hidden;
font-size: 16px;
padding: 7px 25px
}
.btn :active:focus,.btn:focus {
outline: none!important;
color: #fff;
border-color: transparent
}
.btn:active {
-webkit-box-shadow: none;
box-shadow: none
}
.btn:hover {
color: #fff;
cursor: pointer
}
.btn.btn-lg {
height: 50px;
padding: 12px 20px;
font-size: 18px
}
.btn.btn-sm {
height: 36px;
padding: 7px 12px;
font-size: 14px
}
.btn.btn-xs {
height: 26px;
padding: 3px 6px;
font-size: 12px
}
.btn[disabled] {
cursor: not-allowed;
opacity: .5
}
.btn.btn-default {
background: #007a6f -webkit-gradient(linear,left top,right top,from(#009587),to(#009587));
background: #007a6f linear-gradient(90deg,#009587,#009587);
border-color: #009587;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-default:hover {
color: #fff;
background: #007a6f radial-gradient(circle,transparent 1%,#007a6f 0) 50%/15000%
}
.btn.btn-default:active {
background-color: #009587;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-default:active:focus {
border-color: #009587
}
.btn.btn-default[disabled]:hover {
background: #007a6f -webkit-gradient(linear,left top,right top,from(#009587),to(#009587));
background: #007a6f linear-gradient(90deg,#009587,#009587);
border-color: #009587
}
.btn.btn-primary {
background: #e3324a -webkit-gradient(linear,left top,right top,from(#fd3752),to(#fd3752));
background: #e3324a linear-gradient(90deg,#fd3752,#fd3752);
border-color: #fd3752;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-primary:hover {
background: #e3324a radial-gradient(circle,transparent 1%,#e3324a 0) 50%/15000%
}
.btn.btn-primary:active {
background-color: #fd3752;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-primary:active:focus {
border-color: #fd3752
}
.btn.btn-primary[disabled]:hover {
background: #e3324a -webkit-gradient(linear,left top,right top,from(#fd3752),to(#fd3752));
background: #e3324a linear-gradient(90deg,#fd3752,#fd3752);
border-color: #fd3752
}
.btn.btn-info {
color: #009587;
background: #f6fbfb -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #f6fbfb linear-gradient(90deg,#fff,#fff);
border-color: #009587;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s
}
.btn.btn-info:hover {
background: #ebf7f6 radial-gradient(circle,transparent 1%,#f6fbfb 0) 50%/15000%;
color: #009587
}
.btn.btn-info:active {
color: #009587;
background-color: #ebf7f6;
background-size: 100%;
-webkit-transition: background 0s;
transition: background 0s
}
.btn.btn-info:active:focus {
border-color: #009587
}
.btn.btn-info[disabled]:hover {
background: #f6fbfb -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #f6fbfb linear-gradient(90deg,#fff,#fff);
border-color: #009587
}
.btn.btn-grey {
background: #787676;
border-color: #787676;
color: #fff
}
.btn.btn-mute {
background: #bfbfbf -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
background: #bfbfbf linear-gradient(90deg,#fff,#fff);
border-color: #ccc;
background-position: 50%;
-webkit-transition: background 3s;
transition: background 3s;
color: #333
}
.btn.btn-mute:hover {
color: #333;
background: #f2f2f2 radial-gradient(circle,transparent 1%,#f2f2f2 0) 50%/15000%
}
.btn.btn-mute:active:focus {
border-color: #ccc
}
.btn.btn-mute[disabled]:hover {
background: #bfbfbf -webkit-gradient(linear,left top,right top,from(#ccc),to(#ccc));
background: #bfbfbf linear-gradient(90deg,#ccc,#ccc);
border-color: #ccc
}
.btn.btn-block {
display: block;
width: 100%
}
.or-devider {
position: relative;
margin: 15px 0
}
.or-devider:after,.or-devider:before {
content: "";
position: absolute;
width: 50%;
top: 12px;
height: 1px;
background-color: #ddd
}
.or-devider:before {
left: 1px
}
.or-devider span {
padding: 6px;
border-radius: 100%;
background-color: #dadada;
font-size: 10px;
color: #fff;
position: relative
}
.login-signup {
overflow: hidden;
height: 100vh;
width: 100vw;
z-index: 9999;
position: fixed;
top: 0;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
opacity: 1;
color: #2e2e2e
}
@media only screen and (max-width: 767px) {
.login-signup.overflow {
overflow-y:auto!important
}
}
@media only screen and (max-height: 400px) {
.login-signup {
overflow-y:auto
}
}
.login-signup .login-signup__backdrop {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: -1;
background-color: #000;
opacity: .5
}
.login-signup .login-signup__modal {
max-height: 550px;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
width: 670px;
margin: auto;
left: 0;
max-width: 670px;
right: 0
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal {
max-height:calc(100vh + 125px);
height: calc(100vh + 125px);
min-height: 600px;
margin: 0;
max-width: 100vw;
width: 100vw
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog {
position: relative;
height: 100%
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-close-icon {
right: 12px;
top: 12px;
z-index: 2;
cursor: pointer;
position: absolute
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-close-icon {
top:10px;
right: 5px
}
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-close-icon svg {
height:25px!important;
width: 25px!important
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left {
width: 40%;
min-height: 125px;
background-color: #f8f8f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left {
-webkit-box-orient:horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0 20px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 10%
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img {
-ms-flex-item-align:end;
align-self: flex-end;
position: relative;
margin-left: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img.pnmInter,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img.pnmIntra {
top: 15px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img img {
height: 100px;
min-height: 84px;
width: 100px
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-img img {
height:80px;
width: 80px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content {
margin-top: 10px;
max-width: 80%;
width: 80%
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content {
max-width:60%;
min-height: 115px;
padding-top: 25px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content .left-content-heading {
margin-bottom: 8px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content b {
font-weight: 600
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content .sub-title {
color: #2e2e2e
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content .sub-title {
display:none
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist {
padding: 0;
margin: 0;
list-style: none;
color: #2e2e2e
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li {
position: relative;
padding-left: 15px;
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: #2e2e2e;
opacity: .8
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li:before {
content: "";
position: absolute;
border-color: #7b7b7b;
border-style: solid;
border-width: 0 2px 2px 0;
top: 5px;
left: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
height: 10px;
width: 5px
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li {
padding-left:0;
white-space: normal;
display: inline;
padding-right: 2px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-left .login-signup__modal-content-left-content ul.checklist li:before {
display: none
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right {
padding: 20px;
margin-top: 30px;
width: 60%;
height: calc(100% - 30px);
position: relative
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right {
margin-top:0;
width: 100%;
height: auto;
min-height: 100vh
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer {
position: absolute;
bottom: 30px;
height: 30px;
left: 0;
right: 0;
text-align: center;
font-size: 12px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer span {
color: #000;
font-weight: 600
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer span:hover {
text-decoration: underline
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer {
position:fixed;
bottom: 10px;
font-size: 10px
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup-modal-footer .mail-label-block {
color: #000;
font-weight: 600;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form {
padding: 0 20px;
position: relative;
height: calc(100% - 30px);
overflow-y: auto
}
@media only screen and (max-width: 767px) {
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form {
padding:0;
height: calc(100% + 36px);
overflow-y: hidden
}
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__top-label {
line-height: 23px;
margin-bottom: 20px;
color: #2e2e2e
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group {
position: relative
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .help-block {
color: #d50000
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step2,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step3,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step4 {
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity .6s ease-out,max-height .3s ease-out;
transition: opacity .6s ease-out,max-height .3s ease-out
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step2.show,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step3.show,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step4.show {
margin-top: 25px;
max-height: 100%;
opacity: 1
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step2.show.whatsAppNotOpen,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step3.show.whatsAppNotOpen,.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step4.show.whatsAppNotOpen {
margin-top: 0;
margin-bottom: 25px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .email-otp-input {
margin-top: 30px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form-authentication-input {
margin-top: 20px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form-authentication-input #login-signup-form__password-input {
border-radius: 4px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number-error {
top: -40px;
position: relative
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number-error.whatsAppOpen {
top: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .intl-tel-input .selected-flag {
z-index: 2
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-input {
border-radius: 4px;
z-index: 1;
border: 1px solid #ddd;
-webkit-transition: border-bottom-left-radius .3s ease-out,border-bottom-right-radius .3s ease-out;
transition: border-bottom-left-radius .3s ease-out,border-bottom-right-radius .3s ease-out
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-input.error {
border-color: #d50000
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-input.whatsAppOpen {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-read-only {
background: #f8f8f8;
height: 40px;
border-radius: 4px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 12px;
border: 1px solid #ddd;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-read-only.whatsAppOpen {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__phone-number .login-signup-form__phone-number-read-only .login-signup-form__phone-number-read-only-action {
cursor: pointer;
color: #009587;
font-size: 12px;
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__whatsApp-notification {
background: #f8f8f8;
height: 40px;
border-radius: 4px;
position: relative;
top: -40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: .9;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 12px;
border: 1px solid #ddd;
border-top: 0;
width: 100%;
z-index: -1;
opacity: 0;
-webkit-transition: top .3s ease-out,opacity .3s ease-out,z-index .3s ease-out;
transition: top .3s ease-out,opacity .3s ease-out,z-index .3s ease-out;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .login-signup-form__whatsApp-notification.whatsAppOpen {
z-index: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
top: 0;
opacity: 1
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .phone-verification-content {
margin: 20px 0
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .update-phone-cta-container {
margin-top: 20px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .update-phone-cta-container .text-center {
margin-top: 10px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group.step5 .update-phone-cta-container .text-center .update-phone-go-back {
cursor: pointer;
color: #009587;
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-group .otp-email-toast-message-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 6%
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email-read-only {
background: #f8f8f8;
height: 40px;
border-radius: 4px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 12px;
border: 1px solid #ddd;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email-read-only .login-signup-form__email-read-only-action {
cursor: pointer;
color: #009587;
font-size: 12px;
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email .email-otp-trigger {
color: #009587;
cursor: pointer
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email .email-otp-trigger:hover {
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form__email .email-exist-error-message {
background: #f8f8f8;
min-height: 52px;
border-radius: 4px;
padding: 11px 25px 11px 15px;
color: #6c6c6c;
font-size: 12px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button {
position: relative;
top: -10px;
-webkit-transition: top .3s ease-out;
transition: top .3s ease-out;
height: 70px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button.whatsAppOpen {
top: 30px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button.whatsAppOpen.step-2 {
top: 15px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button .login-signup-create-account-text {
text-align: center;
margin-top: 6px
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button .login-signup-create-account-text span {
font-weight: 600;
cursor: pointer
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button .login-signup-create-account-text span:hover {
text-decoration: underline
}
.login-signup .login-signup__modal .login-signup__modal-dialog .login-signup__modal-content .login-signup__modal-content-right .login-signup__modal-form .login-signup-form-submit-button button {
width: 100%;
border-radius: 4px
}
.nb-modal.modal.email-otp-popup-message,.nb-modal.modal.email-otp-popup-message .otp-email-popup-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb-modal.modal.email-otp-popup-message .otp-email-popup-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
font-size: 16px
}
.nb-modal.modal.email-otp-popup-message .otp-email-popup-block .otp-email-label {
font-weight: 600;
padding: 6% 11%;
font-size: 18px;
text-align: center
}
.nb-modal.modal.email-otp-popup-message .otp-email-popup-block .confirm-label {
border-top: 1px solid #ccc;
width: 100%;
text-align: center;
padding: 5%;
color: #009587;
cursor: pointer
}
.nb-modal.modal.email-otp-popup-message div.modal-content {
height: auto;
border-radius: 21px;
width: 83%;
margin: auto
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:focus,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.intl-tel-input {
position: relative;
display: inline-block
}
.intl-tel-input * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.intl-tel-input .hide {
display: none
}
.intl-tel-input .v-hide {
visibility: hidden
}
.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
position: relative;
z-index: 0;
margin-top: 0!important;
margin-bottom: 0!important;
padding-right: 36px;
margin-right: 0
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.intl-tel-input .selected-flag {
position: relative;
z-index: 1;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 11px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2);
box-shadow: 1px 1px 4px rgba(0,0,0,.2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc
}
.intl-tel-input .country-list .country {
padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
color: #999
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0,0,0,.05)
}
.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box {
vertical-align: middle
}
.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box {
margin-right: 6px
}
.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0
}
.intl-tel-input.allow-dropdown .flag-container {
right: auto;
left: 0;
width: 100%
}
.intl-tel-input.allow-dropdown .selected-flag {
width: 46px
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0,0,0,.05)
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
cursor: default
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
background-color: transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
background-color: rgba(0,0,0,.05);
display: table
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text] {
padding-left: 76px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
width: 70px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input {
padding-left: 84px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
width: 78px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text] {
padding-left: 92px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
width: 86px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text] {
padding-left: 100px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
width: 94px
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px
}
.intl-tel-input.iti-container:hover {
cursor: pointer
}
@media (max-width: 500px) {
.intl-tel-input .country-list {
white-space:normal
}
}
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%;
-webkit-overflow-scrolling: touch
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px;
line-height: 1.5em
}
.iti-flag {
width: 20px;
height: 15px;
-webkit-box-shadow: 0 0 1px 0 #888;
box-shadow: 0 0 1px 0 #888;
background-image: url(https://assets.nobroker.in/hs-new/public/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0
}
.iti-flag.be {
width: 18px
}
.iti-flag.ch {
width: 15px
}
.iti-flag.mc {
width: 19px
}
.iti-flag.ne {
width: 18px
}
.iti-flag.np {
width: 13px
}
.iti-flag.va {
width: 15px
}
.iti-flag.ac {
height: 10px;
background-position: 0 0
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0
}
.iti-flag.af {
height: 14px;
background-position: -66px 0
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0
}
.iti-flag.al {
height: 15px;
background-position: -132px 0
}
.iti-flag.am {
height: 10px;
background-position: -154px 0
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0
}
.iti-flag.as {
height: 10px;
background-position: -242px 0
}
.iti-flag.at {
height: 14px;
background-position: -264px 0
}
.iti-flag.au {
height: 10px;
background-position: -286px 0
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0
}
.iti-flag.az {
height: 10px;
background-position: -352px 0
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0
}
.iti-flag.be {
height: 15px;
background-position: -440px 0
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0
}
.iti-flag.br {
height: 14px;
background-position: -680px 0
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0
}
.iti-flag.by {
height: 10px;
background-position: -790px 0
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0
}
.iti-flag.cy {
height: 14px;
background-position: -1225px 0
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0
}
.iti-flag.hk {
height: 14px;
background-position: -2171px 0
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0
}
.iti-flag.tw {
height: 14px;
background-position: -5131px 0
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0
}
.iti-flag.np {
background-color: transparent
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
.iti-flag {
background-size:5630px 15px;
background-image: url(https://assets.nobroker.in/hs-new/public/flags@2x.png)
}
}
.intl-custom {
position: relative
}
.intl-custom .intl-tel-input {
width: 100%
}
.intl-custom .intl-tel-input .has-error {
border: 1px solid #d50000
}
.intl-custom .intl-tel-input .input-lg {
height: 50px!important
}
.intl-custom .help-block {
position: absolute;
color: #d50000;
margin-bottom: 0;
display: block;
margin-top: 5px
}
.intl-custom .right-input-icon svg {
font-size: 15px;
position: absolute;
right: 13px;
top: 0;
bottom: 0;
margin: auto 0
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text] {
padding-left: 84px;
height: 40px;
border-radius: 2px
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:focus,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:focus {
border: 1px solid #787878;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-webkit-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-webkit-input-placeholder {
color: #8a8a8a;
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-moz-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-moz-placeholder {
color: #8a8a8a;
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:-ms-input-placeholder {
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-ms-input-placeholder {
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::placeholder {
color: #8a8a8a;
opacity: 1
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]:-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]:-ms-input-placeholder {
color: #8a8a8a
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]::-ms-input-placeholder,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]::-ms-input-placeholder {
color: #8a8a8a
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag,.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag:hover {
background-color: transparent
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag:focus {
border: 0;
outline: 0
}
.form-control {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.form-control:focus {
border-color: #787878
}
.custom-hs {
height: 50px!important;
font-size: 18px!important
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0745098);
box-shadow: inset 0 1px 1px rgba(0,0,0,.0745098);
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.form-group {
position: relative;
margin-bottom: 15px
}
.form-group.has-error {
padding-bottom: 20px
}
.form-group .control-label {
font-weight: 600;
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
.form-group .left-input-image {
position: absolute;
width: 16px;
height: 16px;
top: 37px;
left: 13px;
z-index: 1
}
.form-group .left-input-icon {
position: absolute;
top: 35px;
left: 10px;
z-index: 1
}
.form-group .left-input-icon svg {
width: 22px;
height: 22px
}
.form-group .right-input-image {
position: absolute;
width: 16px;
height: 16px;
top: 37px;
right: 13px;
z-index: 1
}
.form-group .right-input-icon {
position: absolute;
top: 35px;
right: 13px;
z-index: 1
}
.form-group .right-input-icon svg {
width: 15px;
height: 15px
}
.form-group .left-input-text {
position: absolute;
top: 34px;
left: 13px;
z-index: 1
}
.form-group .right-input-text {
position: absolute;
top: 34px;
right: 13px;
z-index: 1
}
.form-group .form-control {
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #ccc;
height: 40px;
padding: 8px;
-webkit-box-shadow: none;
box-shadow: none;
word-break: normal
}
.form-group .form-control:focus {
outline: none;
border: 1px solid #787878;
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.form-group .form-control::-webkit-input-placeholder {
color: #8a8a8a;
opacity: 1
}
.form-group .form-control::-moz-placeholder {
color: #8a8a8a;
opacity: 1
}
.form-group .form-control:-ms-input-placeholder {
opacity: 1
}
.form-group .form-control::-ms-input-placeholder {
opacity: 1
}
.form-group .form-control::placeholder {
color: #8a8a8a;
opacity: 1
}
.form-group .form-control:-ms-input-placeholder {
color: #8a8a8a
}
.form-group .form-control::-ms-input-placeholder {
color: #8a8a8a
}
.form-group .input-clear {
color: #000;
cursor: pointer
}
.form-group .input-clear:hover {
color: #009587
}
.form-group textarea {
resize: none;
height: 100%
}
.form-group input[type=number] {
-moz-appearance: textfield
}
.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.form-group.has-error .control-label {
color: #d50000
}
.form-group.has-error .form-control {
border: 1px solid #d50000;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.form-group.has-error .form-control:focus {
border-color: #d50000;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d50000;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d50000
}
.form-group.has-error .help-block {
position: absolute;
color: #d50000;
margin-bottom: 0;
display: block;
margin-top: 5px
}
.form-group.has-error .checkbox,.form-group.has-error .checkbox-inline,.form-group.has-error .control-label,.form-group.has-error .help-block,.form-group.has-error .radio,.form-group.has-error .radio-inline {
color: #d50000
}
.form-group.location-icon .form-control {
padding-left: 35px;
font-size: 16px
}
.form-group.left-icon-form-group .form-control {
padding-left: 40px
}
.form-group.left-text-form-group .form-control {
padding-left: 55px
}
.form-group.right-text-form-group .form-control {
padding-right: 60px
}
.form-group.right-icon-form-group .form-control {
padding-right: 30px
}
.form-group.form-group-lg .form-control {
height: 50px;
font-size: 16px
}
.form-group.form-group-lg .left-input-image {
width: 20px;
height: 20px;
top: 40px;
left: 11px
}
.form-group.form-group-lg .left-input-icon {
top: 38px;
left: 11px
}
.form-group.form-group-lg .left-input-icon svg {
width: 22px;
height: 22px
}
.form-group.form-group-lg .right-input-image {
width: 20px;
height: 20px;
top: 40px;
right: 11px
}
.form-group.form-group-lg .right-input-icon {
top: 38px;
right: 11px
}
.form-group.form-group-lg .right-input-icon svg {
width: 20px;
height: 20px
}
.form-group.form-group-lg .left-input-text,.form-group.form-group-lg .right-input-text {
top: 37px;
font-size: 16px
}
.form-group.form-group-lg.left-text-form-group .form-control {
padding-left: 60px
}
.form-group.no-label .left-location-image {
position: absolute;
height: 32px;
width: 36px;
top: 9px
}
.form-group.no-label .left-input-image {
top: 16px
}
.form-group.no-label .right-input-icon,.form-group.no-label .right-input-image {
top: 9px
}
.form-group.no-label .custom-hs-right-icon {
top: 14px!important
}
.form-group.no-label .left-input-icon {
top: 9px
}
.form-group.no-label .left-input-text,.form-group.no-label .right-input-text {
top: 11px
}
.form-group.no-label.form-group-lg .right-input-icon,.form-group.no-label.form-group-lg .right-input-image {
top: 14px
}
.tooltip-input .tooltip-trigger-text {
height: 100%;
position: absolute;
left: 20%;
top: 0;
width: 0
}
.nb-switch {
cursor: pointer;
display: inline-block
}
.nb-switch-toggle {
display: inline-block;
background: #ccc;
border-radius: 16px;
width: 40px;
height: 22px;
position: relative;
vertical-align: middle;
-webkit-transition: background .25s;
transition: background .25s
}
.nb-switch-toggle:after,.nb-switch-toggle:before {
content: ""
}
.nb-switch-toggle:before {
display: block;
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
background: linear-gradient(180deg,#fff 0,#fff);
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute;
top: 4px;
left: 4px;
-webkit-transition: left .25s;
transition: left .25s
}
.nb-switch-toggle.xs {
width: 28px;
height: 16px
}
.nb-switch-toggle.xs:before {
width: 12px;
height: 12px;
top: 2px;
left: 2px
}
.nb-switch-toggle.lg {
width: 58px;
height: 32px
}
.nb-switch-toggle.lg:before {
width: 24px;
height: 24px
}
.nb__3R-A1:hover .nb-switch-toggle:before {
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
background: linear-gradient(180deg,#fff 0,#fff)
}
.nb-switch-checkbox:checked+.nb-switch-toggle {
background: #009587
}
.nb-switch-checkbox:checked+.nb-switch-toggle:before {
left: 21px
}
.nb-switch-checkbox:checked+.nb-switch-toggle.xs:before {
left: 13px
}
.nb-switch-checkbox:checked+.nb-switch-toggle.lg:before {
left: 30px
}
.nb-switch-checkbox {
position: absolute;
visibility: hidden
}
.nb-switch-label {
margin-left: 5px;
position: relative;
top: 2px
}
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.busy-holder.backdrop {
background: rgba(0,0,0,.85);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 9999
}
.busy-holder .busy {
position: absolute;
left: 0;
top: calc(50% - 60px);
z-index: 9999;
right: 0;
text-align: center
}
.busy-holder .busy img {
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite
}
.busy-holder .busy .loading-text {
color: #fff;
margin: 10px auto;
font-weight: 300;
font-size: 16px
}
.radio {
position: relative;
display: block;
margin-top: 10px
}
.radio,.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.radio label {
display: inline-block;
max-width: 100%
}
.nb-radio input[type=radio] {
-webkit-appearance: none;
padding: 6px;
border: 2px solid #ccc;
border-radius: 100px;
margin-top: 2px
}
.nb-radio input[type=radio]:hover {
cursor: pointer;
border: 2px solid #787878
}
.nb-radio input[type=radio]:focus {
outline: none
}
.nb-radio input[type=radio]:checked {
outline: none;
border: 2px solid #009587
}
.nb-radio input[type=radio]:checked:before {
content: "";
position: absolute;
background: #009587;
opacity: 1;
border-radius: 50px;
top: 2px;
left: 2px;
width: 8px;
height: 8px
}
.nb-radio.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer
}
.nb-radio.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px
}
.nb-radio.radio-inline:not(:last-child) {
margin-right: 15px
}
.nb-radio.has-error {
color: #d50000
}
.nb-radio.has-error input[type=radio] {
border-color: #d50000
}
.nb-radio.has-error input[type=radio]:hover {
border: 2px solid #d50000
}
.nb-radio.has-error.radio-inline label,.nb-radio.has-error.radio label {
color: #d50000
}
.nb-radio.read-only {
cursor: default;
pointer-events: none
}
.nb-radio.disabled {
color: #ccc
}
.nb-radio.disabled input[type=radio] {
border-color: #ebebeb;
pointer-events: none
}
.nb-radio.disabled input[type=radio]:hover {
cursor: not-allowed;
border: 2px solid #ebebeb
}
.nb__kV6hd {
overflow-x: auto
}
.nb__kV6hd .nb-otp__input-label {
margin-bottom: 10px
}
.nb__kV6hd.nb__2AnaN input {
width: 100%;
text-align: left;
font-size: 16px
}
.nb__kV6hd input {
border: 0;
border-bottom: 1px solid #ddd;
width: 36px;
min-width: 25px;
font-weight: 600;
margin-right: 15px;
padding-bottom: 10px;
font-size: 16px;
text-align: center
}
.nb__kV6hd input:focus {
outline: none
}
.nb__kV6hd input.nb__3n_u- {
border-color: #d50000
}
.nb__kV6hd input[type=number] {
-moz-appearance: textfield
}
.nb__kV6hd input[type=number]::-webkit-inner-spin-button,.nb__kV6hd input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.nb__kV6hd .nb__G_7wy {
color: #009587;
font-size: 12px;
font-weight: 600;
line-height: 15px;
cursor: pointer;
float: right
}
.nb__kV6hd .nb__1ZaHg {
padding-top: 10px;
padding-right: 15px
}
.nb__kV6hd .nb__VGsdd {
color: #009587;
font-weight: 600;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 83px)
}
.nb__kV6hd .nb__VGsdd .nb__1ZaHg {
color: #2e2e2e
}
.nb__kV6hd .nb__1Qij4 {
float: left
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.modal-backdrop {
background-color: #000;
opacity: .5
}
.modal-backdrop,.nb-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.nb-modal {
font-size: 14px;
z-index: 1050;
margin: auto;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
opacity: 1;
-webkit-transition: top .3s ease-in-out,right .3s ease-in-out,bottom .3s ease-in-out,left .3s ease-in-out;
transition: top .3s ease-in-out,right .3s ease-in-out,bottom .3s ease-in-out,left .3s ease-in-out
}
.nb-modal.modal {
display: block
}
@media (min-width: 768px) {
.nb-modal.modal {
overflow:auto;
width: auto;
margin-right: -15px;
margin-left: -15px
}
}
.nb-modal .modal-dialog {
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
position: relative;
width: auto;
margin: 10px;
z-index: 1050
}
@media (min-width: 768px) {
.nb-modal .modal-dialog {
width:600px;
margin: 30px auto
}
}
@media (min-width: 992px) {
.nb-modal .modal-large,.nb-modal .modal-lg {
width:900px
}
}
@media (min-width: 768px) {
.nb-modal .modal-sm,.nb-modal .modal-small {
width:300px
}
}
.nb-modal .modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.160784);
box-shadow: 0 3px 9px rgba(0,0,0,.160784)
}
.nb-modal .modal-body {
position: relative
}
.nb-modal .overflow-body {
overflow: auto
}
.nb-modal .modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
display: table;
content: " ";
width: 100%
}
.nb-modal .modal-dialog {
margin-top: 2vh
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-dialog {
margin:0
}
}
.nb-modal .modal-content {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-content {
height:100vh
}
}
.nb-modal .modal-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body {
overflow-y:scroll;
height: calc(100% - 71px)
}
}
.nb-modal .modal-body .popup-bodyPNM {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
height: 400px;
padding: 20px
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body .popup-bodyPNM {
height:100vh;
width: 100vw
}
}
.nb-modal .modal-body .popup-headPNM {
margin-top: 28px;
font-weight: 600;
font-size: 24px;
line-height: 30px;
text-align: center;
color: #222
}
.nb-modal .modal-body .popup-textPNM {
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #828282;
margin-bottom: 20px
}
.nb-modal .modal-body .overflow-body {
overflow: auto
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body .container {
margin:0;
width: 100%
}
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-body-overflow-none {
overflow-y:unset
}
}
.nb-modal .modal-footer {
background-color: #fff;
position: relative;
padding: 15px 20px 15px 15px
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-footer {
-webkit-box-shadow:0 0 15px #ccc;
box-shadow: 0 0 15px #ccc;
position: sticky;
left: 0;
bottom: 0;
right: 0
}
}
.nb-modal .modal-footer .close-container {
cursor: pointer;
display: inline-block;
margin-top: 7px
}
@media only screen and (max-width: 767px) {
.nb-modal .modal-footer .close-container {
margin-top:8px;
float: left
}
}
.nb-modal .modal-footer .close-container .arrow-back {
display: inline-block;
margin-top: 10px
}
.nb-modal .modal-footer .close-container .arrow-icon {
font-size: 16px;
position: relative;
top: -2px;
color: #999
}
.nb-modal .modal-footer .close-container .back-link {
color: #999;
text-decoration: none;
font-weight: 600;
font-size: 18px
}
.nb-modal .modal-footer .next-button {
float: right
}
.nb__12s7I {
margin-bottom: 0
}
.nb__12s7I .nb__14Cth {
padding: 20px 15px;
border-top: 1px solid #e0e0e0;
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
text-align: left
}
@media only screen and (min-width: 991px) {
.nb__12s7I .nb__14Cth {
padding:20px 0;
border: none;
border-bottom: 1px solid #e0e0e0
}
}
.nb__12s7I .nb__14Cth .nb__1aa1A {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 600
}
.nb__12s7I .nb__14Cth .nb__1aa1A .nb__22OmC {
display: inline-block;
vertical-align: middle;
width: 100%;
cursor: pointer
}
.nb__12s7I .nb__14Cth .nb__1aa1A .nb__160Vn {
width: 28px;
height: 28px;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .15s ease-in;
transition: .15s ease-in;
cursor: pointer
}
.nb__12s7I .nb__14Cth .nb__3U-Ey {
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: .13s ease-out;
transition: .13s ease-out;
line-height: 18px
}
.nb__12s7I .nb__14Cth.active .nb__3U-Ey {
max-height: 100%;
padding: 15px 0
}
.nb__12s7I .nb__14Cth.active .nb__1aa1A {
color: #009587
}
.nb__12s7I .nb__14Cth.active .nb__1aa1A .nb__160Vn {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.nb-carousel-progress-section {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nb-carousel-progress-section-point {
width: 18px;
height: 2px;
border-radius: 20px;
background: #fff;
margin-right: 5px;
opacity: .5;
-webkit-transition: .3s;
transition: .3s
}
.nb-carousel-progress-section-point.active {
opacity: 1!important
}
.nb-autocarousel-progress-section {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.imageHolder {
-webkit-transition: 2s;
transition: 2s
}
.imageHolder,.slider {
width: 100%;
height: auto;
white-space: nowrap
}
.slider {
-webkit-transition: none;
transition: none
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(1.3);
opacity: 0
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(1.3);
opacity: 0
}
}
.BarOne {
-webkit-animation: animate 1.1s ease-in-out infinite;
animation: animate 1.1s ease-in-out infinite
}
.BarOne,.BarTwo {
border-radius: 8px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
background: rgba(5,113,255,.4)
}
.BarTwo {
-webkit-animation: animate 1.2s ease-in-out infinite;
animation: animate 1.2s ease-in-out infinite;
margin-left: 17px
}
.BarThree {
-webkit-animation: animate 1.3s ease-in-out infinite;
animation: animate 1.3s ease-in-out infinite;
margin-left: 35px
}
.BarFour,.BarThree {
border-radius: 8px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
background: rgba(5,113,255,.4)
}
.BarFour {
-webkit-animation: animate 1.4s ease-in-out infinite;
animation: animate 1.4s ease-in-out infinite;
margin-left: 52px
}
.BarFive {
-webkit-animation: animate 1.5s ease-in-out infinite;
animation: animate 1.5s ease-in-out infinite;
margin-left: 69px
}
.BarFive,.BarSix {
border-radius: 8px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
background: rgba(5,113,255,.4)
}
.BarSix {
margin-left: 86px;
-webkit-animation: animate 1.6s ease-in-out infinite;
animation: animate 1.6s ease-in-out infinite
}
.dropdown-content {
-webkit-box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);
box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12)
}
.pulse-ring {
-webkit-animation: pulsate 1.5s infinite;
animation: pulsate 1.5s infinite
}
.caret {
-webkit-animation: "caret 1s steps(1) infinite";
animation: "caret 1s steps(1) infinite"
}
@-webkit-keyframes caret {
50% {
border-color: "transparent"
}
}
@keyframes caret {
50% {
border-color: "transparent"
}
}
@-webkit-keyframes animate {
0% {
width: 8px;
height: 30px
}
50% {
width: 8px;
height: 10px
}
to {
width: 8px;
height: 30px
}
}
@keyframes animate {
0% {
width: 8px;
height: 30px
}
50% {
width: 8px;
height: 10px
}
to {
width: 8px;
height: 30px
}
}
:focus {
outline: none
}