.hero-bg-gradient.jsx-171f57801c0c4cc0{background-image:url("../images/meta-mob-gradient.webp");-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;background-position:top center;background-color:#ede9e7;background-repeat:no-repeat}@media only screen and (min-width:1279px){.hero-bg-gradient.jsx-171f57801c0c4cc0{background-image:url("../images/grad-desk.png");-webkit-background-size:100%100%;-moz-background-size:100%100%;-o-background-size:100%100%;background-size:100%100%;background-position:center;background-repeat:no-repeat}} .show.jsx-177668469665bc6c{background-blend-mode:overlay}.show.jsx-177668469665bc6c .overlay.jsx-177668469665bc6c{background:black}.show.jsx-177668469665bc6c .card-description.jsx-177668469665bc6c{visibility:visible;opacity:1}.show.jsx-177668469665bc6c .header.jsx-177668469665bc6c{color:#fff!important}.show.jsx-177668469665bc6c .number.jsx-177668469665bc6c{color:rgb(218,217,216)}.btn.jsx-177668469665bc6c{background-color:rgba(124,109,101,.3);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}.show.jsx-177668469665bc6c .btn.jsx-177668469665bc6c{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.cards.jsx-177668469665bc6c{border:1px solid#7c6d65}*.jsx-177668469665bc6c{-webkit-transition:all 50ms ease-in-out;-moz-transition:all 50ms ease-in-out;-o-transition:all 50ms ease-in-out;transition:all 50ms ease-in-out} .blur-bg-testimonial.jsx-32fbd31cf86b4125{background:-webkit-linear-gradient(left,rgba(242,216,86,.1)0%,rgba(255,252,249,.1)100%);background:-moz-linear-gradient(left,rgba(242,216,86,.1)0%,rgba(255,252,249,.1)100%);background:-o-linear-gradient(left,rgba(242,216,86,.1)0%,rgba(255,252,249,.1)100%);background:linear-gradient(90deg,rgba(242,216,86,.1)0%,rgba(255,252,249,.1)100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} .desc-show{display:none}.hidden-me{-webkit-animation:400ms ease-in-out fadeOut;-moz-animation:400ms ease-in-out fadeOut;-o-animation:400ms ease-in-out fadeOut;animation:400ms ease-in-out fadeOut;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}.is-visible-two{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s;-webkit-animation:400ms ease-in-out fadeIn;-moz-animation:400ms ease-in-out fadeIn;-o-animation:400ms ease-in-out fadeIn;animation:400ms ease-in-out fadeIn;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}.desc-toggle{transtion:transform.3s ease-in-out}.toggled-desc{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:-webkit-transform.3s ease-in-out;-moz-transition:-moz-transform.3s ease-in-out;-o-transition:-o-transform.3s ease-in-out;transition:-webkit-transform.3s ease-in-out;transition:-moz-transform.3s ease-in-out;transition:-o-transform.3s ease-in-out;transition:transform.3s ease-in-out}.exit{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform.3s ease-in-out;-moz-transition:-moz-transform.3s ease-in-out;-o-transition:-o-transform.3s ease-in-out;transition:-webkit-transform.3s ease-in-out;transition:-moz-transform.3s ease-in-out;transition:-o-transform.3s ease-in-out;transition:transform.3s ease-in-out}.border-removal:last-child{border:none}@-webkit-keyframes fadeIn{from{-webkit-transform:translatey(-10px);transform:translatey(-10px);opacity:0;display:none;height:0}to{-webkit-transform:translatey(0px) opacity: 1.0;transform:translatey(0px) opacity: 1.0;display:block;height:100%}}@-moz-keyframes fadeIn{from{-moz-transform:translatey(-10px);transform:translatey(-10px);opacity:0;display:none;height:0}to{-moz-transform:translatey(0px) opacity: 1.0;transform:translatey(0px) opacity: 1.0;display:block;height:100%}}@-o-keyframes fadeIn{from{-o-transform:translatey(-10px);transform:translatey(-10px);opacity:0;display:none;height:0}to{-o-transform:translatey(0px) opacity: 1.0;transform:translatey(0px) opacity: 1.0;display:block;height:100%}}@keyframes fadeIn{from{-webkit-transform:translatey(-10px);-moz-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);opacity:0;display:none;height:0}to{-webkit-transform:translatey(0px) opacity: 1.0;-moz-transform:translatey(0px) opacity: 1.0;-o-transform:translatey(0px) opacity: 1.0;transform:translatey(0px) opacity: 1.0;display:block;height:100%}}@-webkit-keyframes fadeOut{0%{-webkit-transform:translatey(0px);transform:translatey(0px);opacity:1;display:block;height:100%}75%{-webkit-transform:translatey(-10px);transform:translatey(-10px);height:50%;opacity:0}100%{-webkit-transform:translatey(-20px);transform:translatey(-20px);display:none;opacity:0;height:0}}@-moz-keyframes fadeOut{0%{-moz-transform:translatey(0px);transform:translatey(0px);opacity:1;display:block;height:100%}75%{-moz-transform:translatey(-10px);transform:translatey(-10px);height:50%;opacity:0}100%{-moz-transform:translatey(-20px);transform:translatey(-20px);display:none;opacity:0;height:0}}@-o-keyframes fadeOut{0%{-o-transform:translatey(0px);transform:translatey(0px);opacity:1;display:block;height:100%}75%{-o-transform:translatey(-10px);transform:translatey(-10px);height:50%;opacity:0}100%{-o-transform:translatey(-20px);transform:translatey(-20px);display:none;opacity:0;height:0}}@keyframes fadeOut{0%{-webkit-transform:translatey(0px);-moz-transform:translatey(0px);-o-transform:translatey(0px);transform:translatey(0px);opacity:1;display:block;height:100%}75%{-webkit-transform:translatey(-10px);-moz-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);height:50%;opacity:0}100%{-webkit-transform:translatey(-20px);-moz-transform:translatey(-20px);-o-transform:translatey(-20px);transform:translatey(-20px);display:none;opacity:0;height:0}}.height-trans{-webkit-transition:all.3s ease-in-out;-moz-transition:all.3s ease-in-out;-o-transition:all.3s ease-in-out;transition:all.3s ease-in-out} .faq-answer{display:none}.faq-wrapper{border-bottom:1px solid#dad9d8}.faq-wrapper:last-child{border-bottom:none;padding-bottom:16px}.is-visible{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.faq-toggle{-webkit-transition:-webkit-transform.1s ease-in-out;-moz-transition:-moz-transform.1s ease-in-out;-o-transition:-o-transform.1s ease-in-out;transition:-webkit-transform.1s ease-in-out;transition:-moz-transform.1s ease-in-out;transition:-o-transform.1s ease-in-out;transition:transform.1s ease-in-out}.white{color:#fff!important}.toggled2{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .nav-bar{display:none}.nav-all{display:none}.marquee{display:none}#tablet-active-nav{display:none}.white{color:#fff}.footer{display:none} .fn-date-picker.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;*zoom:1}.fn-date-picker.pika-single.is-hidden{display:none}.fn-date-picker.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.fn-date-picker.pika-single:after,.fn-date-picker.pika-single:before{content:" ";display:table}.fn-date-picker.pika-single:after{clear:both}.fn-date-picker .pika-lendar{float:left;width:240px;margin:8px}.fn-date-picker .pika-title{position:relative;text-align:center}.fn-date-picker .pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.fn-date-picker .pika-label{display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.fn-date-picker .pika-next,.fn-date-picker .pika-prev{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;opacity:.5;*position:absolute;*top:0}.fn-date-picker .pika-next:hover,.fn-date-picker .pika-prev:hover{opacity:1}.fn-date-picker .pika-next.is-disabled,.fn-date-picker .pika-prev.is-disabled{cursor:default;opacity:.2}.fn-date-picker .is-rtl .pika-next,.fn-date-picker .pika-prev{float:left;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");*left:0}.fn-date-picker .is-rtl .pika-prev,.fn-date-picker .pika-next{float:right;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");*right:0}.fn-date-picker .pika-select{display:inline-block;*display:inline}.fn-date-picker .pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.fn-date-picker .pika-table td,.fn-date-picker .pika-table th{width:14.2857142857%;padding:0}.fn-date-picker .pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.fn-date-picker .pika-table abbr{border-bottom:none;cursor:help}.fn-date-picker .pika-button{cursor:pointer;display:block;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}.fn-date-picker .pika-button:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important;border-radius:3px!important}.fn-date-picker .is-today .pika-button{color:#3af;font-weight:700}.fn-date-picker .is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.fn-date-picker .is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.fn-date-picker .pika-week{font-size:11px;color:#999} .hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list li{vertical-align:top;display:inline-block;word-wrap:break-word;padding-right:16px}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list li:after{clear:both}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list li input{float:left}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list.inline-list-2 li{width:50%}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list.inline-list-2 li:nth-child(2n){padding-right:0}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list.inline-list-3 li{width:33%}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .inputs-list.inline-list.inline-list-3 li:nth-child(3n){width:34%;padding-right:0}.hs-fieldtype-intl-phone.hs-input{padding:0;background:none;border:none;height:auto}.hs-fieldtype-intl-phone.hs-input:after{clear:both;content:" ";display:table}.hs-fieldtype-intl-phone.hs-input .hs-input{margin-bottom:0}.hs-fieldtype-intl-phone.hs-input input{width:68%!important;float:right}.hs-fieldtype-intl-phone.hs-input select{float:left;width:30%!important}@media (max-device-width:480px) and (min-device-width:320px),(max-width:400px){.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015>.hs-phone>.input>.hs-fieldtype-intl-phone.hs-input>input.hs-input{width:68%!important}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015>.hs-phone>.input>.hs-fieldtype-intl-phone.hs-input>select.hs-input{width:30%!important}}.hs-fieldtype-textarea.hs-input{resize:vertical}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .hs-button{white-space:pre-wrap}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .hs-richtext{word-break:break-word}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset{border:0;padding:0;margin:0;max-width:500px}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-1 .hs-input{width:95%}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-1 .input{margin-right:8px}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-1 input[type=checkbox],.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-1 input[type=radio]{width:auto}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-2 .hs-form-field{width:50%;float:left}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-2 .input{margin-right:8px}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-3 .hs-form-field{width:32.7%;float:left}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 fieldset.form-columns-3 .input{margin-right:8px}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 label.hs-hidden{visibility:hidden}.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015 .hs-field-desc{width:100%}.hs-custom-style .hs-input,.hs-custom-style fieldset{max-width:100%}.hs-custom-style>div.form-columns-3 .hs-form-field,.hs-custom-style fieldset.form-columns-3 .hs-form-field{width:33.3%}.hs-custom-style>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]),.hs-custom-style fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]){width:100%;max-width:100%}.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]),.hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]){box-sizing:border-box;padding:0 15px;min-height:27px}.hs-custom-style>div textarea,.hs-custom-style fieldset textarea{padding:10px 15px}.hs-custom-style .hs-dependent-field>div .hs-input:not([type=checkbox]):not([type=radio]){width:100%}@media (max-width:400px),(min-device-width:320px) and (max-device-width:480px){.hs-custom-style .hs-input:not([type=checkbox]):not([type=radio]),.hs-custom-style fieldset{margin-right:0!important;width:100%!important}form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-2 .hs-form-field,form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-3 .hs-form-field{float:none;width:100%}form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input{width:95%}form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-2 .hs-form-field input[type=checkbox],form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-2 .hs-form-field input[type=radio],form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-3 .hs-form-field input[type=checkbox],form.hs-form-0c8432bb-9aa2-464d-8734-aeb8b21268d9_6e4b370f-600b-4d7c-8dd3-41ec51626015:not(.hs-video-form) .form-columns-3 .hs-form-field input[type=radio]{width:auto}}.legal-consent-container .field.hs-form-field{margin-bottom:8px}.legal-consent-container .hs-field-desc.checkbox-desc{margin:-12px 0 0 21px}.legal-consent-container .hs-form-booleancheckbox-display input{float:left}.legal-consent-container .hs-form-booleancheckbox-display>span{display:block;margin-left:20px}.legal-consent-container .hs-form-booleancheckbox-display p{margin:0;display:inline}.legal-consent-container .hs-error-msgs label{color:#f2545b}.legal-consent-container~.hs_recaptcha{margin-top:18px}.cookie-reset-container{font-size:14px;margin-bottom:10px;text-align:right}#hs-outer-captcha-target,#hs-outer-captcha-target *{display:none;height:0;width:0}.hubspot-link__container{font-size:14px;padding-bottom:40px;position:relative;color:#9fa0a2;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hubspot-link-text{color:#00a4bd;font-weight:400}.hubspot-link__container.sproket{color:#9fa0a2}.hubspot-link{color:#9fa0a2}.hubspot-link,.hubspot-link:hover{text-decoration:none}.hubspot-link:hover .hubspot-link-text{text-decoration:underline}.hubspot-link__icon{margin-bottom:-1px;margin-right:5px}.hubspot-link__container.sproket .hubspot-link__icon{width:30px;margin-right:0;float:left;margin-top:-9px;margin-left:-5px} @media(max-width: 1279px){ .forDesk{ display: none; } } @media(max-width: 575px){ } .fallback-logo path.tp-logo__text{ fill: #fff; } .slider-container .ash-gray-bg{ margin: 0 12px; } .slider-container .md\:h-\[400px\] { height: 400px ! IMPORTANT; } .jsx-32fbd31cf86b4125.bg-amber-black.flex.items-center.justify-center.rounded-md.px-4.py-1\.5 { width: 80px; margin: 0px auto; } .slider-container svg.jsx-32fbd31cf86b4125 { width: 142px; margin: 0px auto; } p.jsx-32fbd31cf86b4125.subhead-sm-to-sub.text-paper.text-center { margin: 60px 0 0px; height: 70px; } p.jsx-32fbd31cf86b4125.xs-to-sm.text-off-white.text-center { height: 120px; } .slider-container .slick-list{ overflow: visible; } .tp-stars--4 .tp-star:nth-of-type(-n + 4) .tp-star__canvas, .tp-stars--4 .tp-star:nth-of-type(-n + 4) .tp-star__canvas--half { fill: #73cf11; } .tp-widget-wrapper a { display: block; height: 100%; padding: 1px; } .tp-widget-trustscore { font-size: 18px; color: #fff; margin: 0 12px 8px 0; } .tp-widget-trustscore, .tp-widget-stars { display: inline-block; vertical-align: middle; } .tp-widget-stars { width: 100px; margin: 0 8px 8px 0; } .tp-widget-logo { width: 72px; display: inline-block; margin: 0 0 8px; vertical-align: middle; } .tp-widget-logo .tp-logo__text { fill: #fff; } .slider-container .slick-arrow{ position: absolute; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; font-size: 0; outline: none; z-index: 999; top: 50%; margin-top: -65px; cursor: pointer; } .slider-container .slick-prev{ left: 30px; background: url(../images/leftArrrow.png) center no-repeat rgba(255,255,255,0.1); } .slider-container .slick-next{ right: 30px; background: url(../images/rightArrrow.png) center no-repeat rgba(255,255,255,0.1); } .sliderOutr{ width: 100% !important; min-width: 100% !important; } .footerText{ color: #7c6d65; margin: 20px 0 0; text-align: center; } .infoArea{ text-align: center; color: #7c6d65; line-height: 28px; margin: 25px 0 0; } .listingList li{ margin-bottom: 10px; } /*add css*/ .rightPanel{ position: fixed; right:-480px; top: 0; bottom: 0; padding: 50px; background:#191414; z-index: 999; max-width: 450px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; } .rightPanel h4{ font-size: 1.125rem; color: #fff; text-align: center; } .rightPanel h3{ font-size: 1.5rem; color: #fff; margin: 70px 0 15px; } .frmFldNew{ border: 1px solid #fff; border-radius: 1.0625rem; padding: 12px 15px; font-size: 15px; color: #fff; width: 100%; margin: 0 0 12px; } .forgotText{ text-align: right; display: block; margin-bottom:30px; color: #fff; } .loginBtn{ background: #fff; color: #000; border-radius: 1.0625rem; font-size: 18px; text-align: center; width: 100%; padding: 5px 15px; font-weight: 600; } .crossBtn { position: absolute; left: 20px; top: 20px; background: #fff; color: #000; width: 30px; height: 30px; line-height: 30px; font-size: 18px; font-weight: 700; border-radius: 50%; text-align: center; cursor: pointer; } .overlayNew{ background: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; bottom: 0; position: fixed; z-index: 99; opacity:0; visibility: hidden; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; } .showPop .overlayNew{ opacity: 1; visibility: visible; } .showPop .rightPanel{ right: 0; }