<>
body {
font-size: 14px !important;
}
#myBtn {
display: none;
position: fixed;
bottom: 90px;
font-weight: 600;
right: 19px;
z-index: 99;
border: none;
outline: none;
background: linear-gradient(to bottom rightvar(--main-bg-color) 0%#ffffff 100%);
color: #fff;
cursor: pointer;
padding: 0.5em;
padding-left: 0.5em !important;
border-radius: 100% !important;
width: 48px;
height: 48px;
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 5px;
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-flag {
margin-left: 5px !important;
}
:root {
--main-bg-color:
#006630 ;
--sec-bg-color:
;
--secondary-bg-color:
#fff ;
}
.g-recaptcha {
margin-top: 15px;
/* Add space between input and reCAPTCHA */
transform: scale(0.9);
/* Adjust scale for mobile */
transform-origin: 0 0;
}
@media (max-width: 768px) {
.g-recaptcha {
transform: scale(0.85);
/* Further reduce scale for smaller devices */
}
}
/* Social login buttons (TrueCaller / WhatsApp) — match Send OTP height */
.wa-social-btn {
padding: 9px 14px !important;
border-radius: 13px !important;
font-size: 16px !important;
font-weight: 600;
align-items: center;
justify-content: center;
gap: 6px;
}
/* Mobile-first login: hide OTP form + Send OTP by default; show method buttons */
@media (max-width: 767px) {
#otpFormSection { display: none; }
#sendOtpBtn { display: none; }
#loginWithOtpBtn:not(.login-otp-hidden) { display: flex !important; }
}
>
<>
@media only screen and (min-width: 768px) {
.change-outlet-des {
position: relative;
}
.change-outlet-des {
margin-left: .7rem !important;
padding-left: .7rem !important;
}
.change-outlet-des:before {
content: "";
position: absolute;
width: 0.5px;
height: 100%;
left: 0px;
top: 0px;
background-image: linear-gradient(to toprgba(255000)rgb(255 255 255)rgba(255000));
}
}
#site-navigation {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
@media only screen and (max-width: 767px) {
.mobileselectcity .row {
padding: 5px 15px;
/* background: #006630; */
border-radius: 0px;
}
.extraspace {
padding-top: 35px;
}
.extraspace #site-navigation {
border-radius: 0px;
}
.new-banner {
border-top: 1px dashed #000;
}
.full-img {
border-radius: 0px 0px 40px 40px;
overflow: hidden;
}
}
>
<>
#updateProfileModal_new.modal.modal-top .modal-body {
max-height: 450px;
}
@media only screen and (max-width: 767px) {
#updateProfileModal_new.modal.modal-top .modal-body {
max-height: 100%;
}
}
>
<>
.cart-btn-secondary {
background: var(--main-bg-color) !important;
border: 1px solid var(--secondary-bg-color) !important;
color: var(--secondary-bg-color) !important;
}
>
X
HURRAY! You are now LoggedIn!
Login and Consent is mandatory to proceed
<>
.mandatoryinfo .xross {
display: none !important;
}
>
Fetch Details...
Verifying mobile number
Login and Consent is mandatory to proceed
<>
.spinner {
position: fixed;
width: 100%;
height: 100%;
background-color: rgb(0000.7);
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 111111;
}
.spinner-inner {
display: flex;
position: fixed;
z-index: 1031;
top: 50%;
right: 50%;
transform: translate(0%-50%);
color: var(--main-bg-color);
width: 47px;
height: 47px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 4px 7px rgb(0 0 0 / 10%);
}
.spinner-border {
width: 42px;
height: 42px;
position: absolute;
border: 0.15em solid currentColor;
border-right-color: transparent;
}
.spinner-inner img {
position: absolute;
width: 32px;
height: 32px;
border-radius: 50%;
}
/* .spinner-inner {
right: 43%;
} */
@media only screen and (max-width: 767px) {
.spinner-inner {
right: 43.5%;
}
}
/* .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 50%;
right: 50%;
margin-top: -..px;
margin-right: -..px;
color: var(--main-bg-color) !important;
width: 4em;
height: 4em;
} */
.iti {
width: 100%;
}
.iti .form-control {
padding-left: 45px !important;
}
.iti__arrow {
display: none;
}
.iti--separate-dial-code .iti__selected-flag>.iti__flag {
display: none !important;
}
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 0px;
}
.iti__selected-flag {
padding: 0 8px 0 8px;
}
>
<>
@media screen and (min-width: 991px) {
#site-navigation .navbar-collapse .nav-link {
background:#006630!important ;
color:
#ffffff !Important
}
}
@media screen and (max-width: 991px) {
#site-navigation .navbar-collapse .nav-link {
background: #fff !important;
color: #000 !important;
}
}
>
<>
@media screen and (max-width: 992px){
.location-bar-scrolled.location-info-bar.location-info-bar {
background:#006630!important;
color: #ffffff !important;
border-top: 1px solid #E6E6E6;
border-radius: 0 0 12px 12px;
}
.location-bar-scrolled.location-info-bar .home--location-change i.las.la-angle-down.location-info-bar .home--location-change i.las,.location-bar-scrolled.location-info-bar .outlet-details--location a{
color: #ffffff !important;
}
}
>
Powered By
<>
@media only screen and (max-width: 767px) {
.height-mm {
height: 100% !important;
}
}
>
Powered By
<>
.away-distance {
display: inline-flex;
width: max-content;
max-width: 100%;
align-items: center;
background-color: #e8f9dd;
padding: 3px 10px;
border-radius: 50px;
border: 1px dashed #333;
font-size: 14px;
}
>
Find La Pino'z Pizza stores near you
La Pino'z Pizza has 619+ restaurants across India
<>
:root{
--footer-text-color: #ffffff!important;
}
.appiconDetect{
display: flex;
line-height: 1.3;
align-items: center;
justify-content: center;
gap: 10px;
}
.footerBottom-links {
border-top: 0.5px solid rgba(2552552550.3);
margin: 0 15px;
/* gap: 60px; */
}
.Fooinner-links {
padding: 15px 0;
display: flex;
justify-content: center;
gap: 10px;
}
.Fooinner-links li {
text-decoration: none;
padding: 0 30px;
position: relative;
line-height: 1.3;
}
.Fooinner-links li a{
font-size: 12px;
color: var(--secondary-bg-color);
}
.Fooinner-links li:after {
background-color: rgba(2552552550.3);
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 0;
bottom: 0;
right: 0;
}
/* Remove line from last link */
.Fooinner-links li:last-child:after {
content: none;
}
.appiconDetect svg{
width: 17px;
}
.footer-top p,
.footer-top a {
color: var(--footer-text-color) !important;
}
@media screen and (max-width: 992px){
.location-bar-scrolled.location-info-bar {
background:#006630!important;
border-radius: 0 0 12px 10px;
}
.location-bar-scrolled.location-info-bar .home--location-change img{
filter: invert(1);
}
.location-bar-scrolled.location-info-bar .location-info-bar-label.location-bar-scrolled.location-info-bar
.location-info-bar-text.location-info-bar .location-info-bar-label.location-info-bar .location-info-bar-text{
color: #ffffff !important;
}
.location-info-bar-change.location-info-bar-content svg path {
fill: transparent !important;
stroke: #ffffff !important;
}
.location-info-bar svg circle.location-bar-scrolled.location-info-bar svg circle{
stroke: #ffffff !important;
}
/* Force info icon SVG fill to theme color when sticky */
.location-info-bar svg path{fill: #ffffff !important;
}
/* Reset info icon SVG fill to original dark when not sticky */
.location-bar-scrolled.location-info-bar:not(.location-bar-scrolled) svg path {
fill: #222222 !important;
}
}
>
<>
.location-modal-theo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 9999;
display: flex;
flex-direction: row;
overflow: hidden;
}
.left-panel-theo {
background: #eaf8f6;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.left-panel-theo img {
max-width: 80%;
height: auto;
}
.right-panel-theo {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 20px;
}
#theoLocationPopup .modal-dialog {
height: 100vh;
margin: 0px;
}
/* Hide theoLocationPopup modal if pId is not 7175 */
#theoLocationPopup {
display: none !important;
visibility: hidden !important;
}
.block-inner #myTabnw {
margin-top: 0px !important;
margin-bottom: 25px;
justify-content: center;
}
.fullmodalenabledhere .modal {
background-color: rgb(0000.7);
}
@media (max-width: 767px) {
.location-modal-theo {
flex-direction: column;
}
.left-panel-theo {
order: 2;
padding: 20px 0;
flex: 0;
height: 10em;
}
.left-panel-theo img {
/* width: 60%; */
width: 75%;
position: relative;
bottom: 100px;
}
.right-panel-theo {
order: 1;
padding: 20px 15px 20px 15px;
justify-content: center;
}
}
@media (max-width: 380px) {
.right-panel-theo {
justify-content: left;
}
.right-panel-theo {
padding-top: 75px;
}
}
>
<>
.anker-list a {
color:
#ffffff !important;
}
.anker-list p {
color:
#ffffff !important;
}
.site-footer h6 {
color:
#ffffff !important;
}
.site-footer h6:after {
background-color:
#ffffff !important;
}
.footer-top p {
color: #ffffff !important;
}
/* Footer icons: use primary brand color on white footer */
/* .site-footer svg *,
.site-footer svg path,
.site-footer svg rect,
.site-footer svg circle,
.site-footer svg polygon,
.site-footer svg line {
fill: var(--main-bg-color) !important;
stroke: var(--main-bg-color) !important;
} */
.spacingbg {
margin-top: 12px;
}
@media only screen and (max-width: 767px) {
.spacingbg {
margin-top: 8px;
}
}
>