@charset "UTF-8";
/*
Template Name: Pizzer
Template URL: http://angfuzsoft.com/html/pizzer
Description: Pizzer - Fast Food & Restaurant HTML Template
Author: Angfuzsoft
Author URI: https://themeforest.net/user/angfuz_soft
Version: 1.0.0
*/

/*------------------- 1.1. Mixin -------------------*/
@use "sass:math";
/*------------------- 1.2. Function -------------------*/
/* ======================================== 
        1.3 Variable Start
========================================  */
:root {
  --theme-color: #eb0029;
  --theme-color2: #ff9d2d;
  --title-color: #2b4027;
  --light-green: #4c722a;
  --body-color: #374151;
  --smoke-color: rgba(1, 15, 28, 0.06);
  --smoke-color2: #faf7f2;
  --black-color: #000000;
  --gray-color: #bdbdbd;
  --dark-gray: #666;
  --dark-gray-9: #999;
  --new-gray-color: #4f4f4f;
  --light-gray: #b4b4b4;
  --ghost-white: #f8f8f8;
  --white-color: #ffffff;
  --light-color: #72849b;
  --light-white: #d7d7d7;
  --yellow-color: #ffe539;
  --yellow-border: #ffd40d;
  --success-color: #416631;
  --error-color: #dc3545;
  --border-color: #e0e0e0;
  --dark-color: #191818;
  --background: #f5f5f5;
  --pastle-blue: #EDF2FB;
  --grayish-blue: #272A34;
  --bright-gray: #ecf0f1;
  --woo-nav-link: #ddd;
  --white-bg: #ededed;
  --sky-blue: #2196F3;
  --text-color: #6b6b6b;
  --product-text: #7f807e;
  --light-text: #b7b8b7;
  --dash-border: #3e3e3e;
  --tab-border: #adadad;
  --well-done-bg: #f1f1f1;
  --well-done-bg-single: #f6f6f6;
  --track: #ccc;
  --store-hover: #f2f6ee;
  --order-border: #e7e7e7;
  --payment: #585858;
  --address: #949494;
  --save-address: #19191d;
  --select-order-bg: #e5dfd1;
  --qty-btn: #b8c6d0;
  --checkout-td-th: #2c3e50;
  --dark-desaturated-blue: #283752;
  --title-font: "Figtree", sans-serif;
  --style-font: "Lobster Two", cursive;
  --body-font: "Inter", sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1420px;
  --container-gutters: 2.4rem;
  --section-space: 6rem;
  --section-space-mobile: 4rem;
  --section-title-space: 6rem;
  --ripple-ani-duration: 5s;
}
/* ======================================== 
        1.3 Variable End
========================================  */

.homepage_logo_container{padding-top: 10%;}
.homepage_logo_wrapper{text-align: center;}

.password-login{position: relative;}
.password-login .show-pwd-login{top: 5rem;}

/* ======================================== 
        1.4 Typography Start
========================================  */
.font-icon { font-family: var(--icon-font); }
.font-title { font-family: var(--title-font); }
.font-style { font-family: var(--style-font); }
.font-body { font-family: var(--body-font); }
.fw-extralight { font-weight: 100; }
.fw-light { font-weight: 300; }
.fw-normal { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-extrabold { font-weight: 800; }
.fs12 { font-size: 1.2rem; }
.fs14 { font-size: 1.4rem; }
.fs-md { font-size: 1.8rem; }
.fs-xs { font-size: 1.4rem; }
.fs-xs2 { font-size: 1.6rem; }
.fs-28 { font-size: 2.8rem; }
.fs-40 { font-size: 4rem; }
.fs-60 { font-size: 6rem; }

@media (max-width: 1199px) {
  .fs-40 {font-size: 3.4rem;}
}

@media (max-width: 991px) {
  .fs-40 {font-size: 3rem;}
  .fs-40.mt-n3 {margin-top: -1rem;}
  .fs-40.mt-n2 {margin-top: -.4rem;}
}
/* ======================================== 
        1.4 Typography End
========================================  */





/* ======================================== 
        1.5 Common Css Start
========================================  */
html {font-size: 62.5%;}
html,body {scroll-behavior: auto !important;}
body {font-family: var(--body-font);font-size: 1.6rem;font-weight: 400;color: var(--body-color);line-height: 2.6rem;overflow-x: hidden;-webkit-font-smoothing: antialiased;}
iframe {border: none;width: 100%;}
.slick-slide:focus,button:focus,a:focus,a:active,input,input:hover,input:focus,input:active,textarea,textarea:hover,textarea:focus,textarea:active {outline: none;}
input:focus {outline: none;box-shadow: none;}
img:not([draggable]),embed,object,video {max-width: 100%;height: auto;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
table {margin: 0 0 1.5em;width: 100%;border-collapse: collapse;border-spacing: 0;border: .1rem solid var(--border-color);}
th {font-weight: 700;color: var(--title-color);}
td,th {border: .1rem solid var(--border-color);padding: .9rem 1.2rem;}
a {color: var(--theme-color);text-decoration: none;outline: 0;-webkit-transition: all ease 0.4s;transition: all ease 0.4s;}
a:hover {color: var(--title-color);}
a:active, a:focus, a:hover, a:visited {text-decoration: none;outline: 0;}
button {-webkit-transition: all ease 0.4s;transition: all ease 0.4s;}
img {border: none;max-width: 100%;}
ins {text-decoration: none;}
.loader{background-image: url('../../../assets/frontend/img/icon/map-indicator-green.svg') !important;}
.preloader{background-color: var(--title-color)91 !important;z-index: 99999 !important;}
.pac-container{z-index: 999999;}
pre {font-family: var(--body-font);background: var(--background);color: var(--dark-gray);font-size: 1.4rem;margin: 2rem 0;overflow: auto;padding: 2rem;white-space: pre-wrap;
word-wrap: break-word;}
span.ajax-loader:empty,p:empty {display: none;}
p {font-family: var(--body-font);margin: 0 0 1.8rem 0;color: var(--body-color);line-height: 1.75;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a,span a {font-size: inherit;font-family: inherit;font-weight: inherit;line-height: inherit;}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {font-family: var(--title-font);color: var(--title-color);text-transform: none;font-weight: 700;line-height: 1.4;margin: 0 0 1.5rem 0;}
.h1,h1 {font-size: 4.8rem;line-height: 1.208;}
.h2,h2 {font-size: 4rem;line-height: 1.25;}
.h3,h3 {font-size: 3.6rem;line-height: 1.278;}
.h4,h4 {font-size: 3rem;line-height: 1.333;}
.h5,h5 {font-size: 2.4rem;line-height: 1.417;}
.h6,h6 {font-size: 2rem;line-height: 1.5;}
.image-scale-hover { overflow: hidden; }
.image-scale-hover img { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1.001); -ms-transform: scale(1.001); transform: scale(1.001); }
.image-scale-hover:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.shape-mockup-wrap { z-index: 2; position: relative;padding-left: 2rem;padding-right: 2rem;}
.shape-mockup { position: absolute; z-index: -1; }
.shape-mockup.z-index-3 { z-index: 3; }
.z-index-step1 { position: relative; z-index: 4 !important; }
.z-index-common { position: relative; z-index: 3; }
.z-index-3 { z-index: 3; }
.z-index-n1 { z-index: -1; }
.media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.badge { position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; text-align: center; 
background-color: var(--theme-color); color: var(--white-color); padding: 0.2em 0.4em; border-radius: 50%; top: 1rem; right: 1rem; font-weight: 400; font-size: 0.7em; }
.as-social a { display: inline-block; width: var(--icon-size, 4rem); height: var(--icon-size, 4rem); line-height: var(--icon-size, 4rem); background-color: var(--white-color); 
color: var(--theme-color); font-size: 1.4rem; text-align: center; margin-right: .5rem; border-radius: 50%; }
.as-social a:last-child { margin-right: 0; }
.as-social a:hover { background-color: var(--theme-color); color: var(--white-color); }
.slider-shadow .slick-list { padding-top: 3rem; padding-bottom: 3rem; margin-bottom: -3rem; margin-top: -3rem; }
.btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; }

@media (max-width: 1399px) {
  .h1,h1 {font-size: 4.4rem;}
  .h2,h2 {font-size: 3.6rem;}
}

@media (max-width: 1199px) {
  .h1,h1 {font-size: 4rem;line-height: 1.3;}
  .h2,h2 {font-size: 3.2rem;line-height: 1.25;}
  .h3,h3 {font-size: 2.8rem;}
  .h4,h4 {font-size: 2.4rem;}
  .h5,h5 {font-size: 2rem;}
  .h6,h6 {font-size: 1.6rem;}
}

@media (max-width: 767px) {
  .h1,h1 {font-size: 3.6rem;}
  .h2,h2 {font-size: 3rem;line-height: 1.3;}
  .h3,h3 {font-size: 2.6rem;}
  .h4,h4 {font-size: 2.2rem;}
  .h5,h5 {font-size: 1.8rem;}
  .h6,h6 {font-size: 1.6rem;}
}

@media (max-width: 575px) {
  .h1,h1 {font-size: 3.4rem;line-height: 1.35;}
  .h2,h2 {font-size: 2.8rem;}
}

@media (max-width: 375px) {
  .h1,h1 {font-size: 3rem;}
}

@media (max-width: 340px) {
  .h1,h1 {font-size: 2.7rem;}
}
/* ======================================== 
        1.5 Common Css End
========================================  */





/* ======================================== 
        1.5 Background Start
========================================  */
.bg-theme { background-color: var(--theme-color) !important; }
.bg-theme2 { background-color: var(--theme-color2) !important; }
.bg-smoke { background-color: var(--smoke-color) !important; }
.bg-smoke2 { background-color: var(--ghost-white); }
.bg-white { background-color: var(--white-color) !important; }
.bg-black { background-color: var(--black-color) !important; }
.bg-title { background-color: var(--title-color) !important; }
.gr-bg1 { background-image: -webkit-linear-gradient(194.6deg, rgba(146, 184, 253, 0.15) 5.09%, var(--smoke-color) 63%); 
background-image: linear-gradient(255.4deg, rgba(146, 184, 253, 0.15) 5.09%, var(--smoke-color) 63%); }
.gr-bg2 { background-image: -webkit-linear-gradient(right, var(--pastle-blue) 0%, var(--white-color)FFF 100%); 
background-image: linear-gradient(270deg, var(--pastle-blue) 0%, var(--white-color)FFF 100%); }
.background-image, [data-bg-src] { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.bg-fluid { background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
.bg-auto { background-size: auto auto; }
.bg-bottom-right { background-size: auto; background-position: bottom right; }
.bg-top-right { background-size: auto; background-position: top right; }
.bg-top-center { background-size: auto; background-position: top center; }
.bg-top-left { background-size: auto; background-position: top left; }
.bg-repeat { background-size: auto; background-repeat: repeat; }
.bg-contain-repeat { background-size: contain; background-repeat: repeat; background-position: center left; }

@media (max-width: 1199px) {
  .bg-contain-repeat {background-position: bottom left;}
}
/* ======================================== 
        1.5 Background End
========================================  */





/* ======================================== 
        1.5 Text Color Start
========================================  */
.text-theme { color: var(--theme-color) !important; }
.text-theme2 { color: var(--theme-color2) !important; }
.text-title { color: var(--title-color) !important; }
.text-body { color: var(--body-color) !important; }
.text-white { color: var(--white-color) !important; }
.text-border { color: var(--border-color) !important; }
.text-light { color: var(--light-color) !important; }
.text-yellow { color: var(--yellow-color) !important; }
.text-success { color: var(--success-color) !important; }
.text-error { color: var(--error-color) !important; }
.text-inherit { color: inherit; }
.text-inherit:hover { color: var(--theme-color); }
a.text-theme:hover, .text-reset:hover { text-decoration: underline; }
/* ======================================== 
        1.5 Text Color Start
========================================  */





/* ======================================== 
        1.5 Overlay Start
========================================  */
.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.position-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
[data-overlay] { position: relative; z-index: 2; }
[data-overlay] [class^="col-"], [data-overlay] [class*="col-"] { z-index: 1; }
[data-overlay]:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
[data-overlay="theme"]:before { background-color: var(--theme-color); }
[data-overlay="theme2"]:before { background-color: var(--theme-color2); }
[data-overlay="title"]:before { background-color: var(--title-color); }
[data-overlay="white"]:before { background-color: var(--white-color); }
[data-overlay="black"]:before { background-color: var(--black-color); }
[data-overlay="overlay1"]:before { background-color: var(--black-color); }
[data-opacity="1"]:before { opacity: 0.1; }
[data-opacity="2"]:before { opacity: 0.2; }
[data-opacity="3"]:before { opacity: 0.3; }
[data-opacity="4"]:before { opacity: 0.4; }
[data-opacity="5"]:before { opacity: 0.5; }
[data-opacity="6"]:before { opacity: 0.6; }
[data-opacity="7"]:before { opacity: 0.7; }
[data-opacity="8"]:before { opacity: 0.8; }
[data-opacity="9"]:before { opacity: 0.9; }
[data-opacity="10"]:before { opacity: 1; }
/* ======================================== 
        1.5 Overlay End
========================================  */





/* ======================================== 
        1.5 Animation Start
========================================  */
.ripple-animation, .play-btn:after, .play-btn:before {-webkit-animation-duration: var(--ripple-ani-duration);animation-duration: var(--ripple-ani-duration);
-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
-webkit-animation-name: ripple;animation-name: ripple;}

@-webkit-keyframes ripple {
  0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
  30% {opacity: 0.4;}
  100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
}

@keyframes ripple {
  0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
  30% {opacity: 0.4;}
  100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}
}

.movingX {-webkit-animation: movingX 8s linear infinite;animation: movingX 8s linear infinite;}

@-webkit-keyframes movingX {
  0% { -webkit-transform: translateX(0); transform: translateX(0); } 
  50% { -webkit-transform: translateX(5rem); transform: translateX(5rem); } 
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes movingX {
  0% { -webkit-transform: translateX(0); transform: translateX(0); } 
  50% { -webkit-transform: translateX(5rem); transform: translateX(5rem); } 
  100% { -webkit-transform: translateX(0); transform: translateX(0);}
}

.moving {-webkit-animation: moving 8s linear infinite;animation: moving 8s linear infinite;}

@-webkit-keyframes moving {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-5rem); transform: translateX(-5rem); } 
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moving {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-5rem); transform: translateX(-5rem); } 
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

.jump {-webkit-animation: jumpAni 7s linear infinite;animation: jumpAni 7s linear infinite;}

@-webkit-keyframes jumpAni {
  0% { -webkit-transform: translateY(0); transform: translateY(0); } 
  40% { -webkit-transform: translateY(-3rem); transform: translateY(-3rem); } 
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes jumpAni {
  0%{-webkit-transform:translateY(0);transform:translateY(0);}
  40%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}

.jump-reverse {-webkit-animation: jumpReverseAni 7s linear infinite;animation: jumpReverseAni 7s linear infinite;}

@-webkit-keyframes jumpReverseAni {
  0%{-webkit-transform:translateY(0);transform:translateY(0);}
  50%{-webkit-transform:translateY(3rem);transform:translateY(3rem);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}

@keyframes jumpReverseAni {
  0%{-webkit-transform:translateY(0);transform:translateY(0);}
  50%{-webkit-transform:translateY(3rem);transform:translateY(3rem);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}

.spin {-webkit-animation: spin 15s linear infinite;animation: spin 15s linear infinite;}

@-webkit-keyframes spin {
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

@keyframes spin {
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

@-webkit-keyframes rotate {
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  50%{-webkit-transform:rotate(40deg);transform:rotate(40deg);}
  100%{-webkit-transform:rotate(0);transform:rotate(0);}
}

@keyframes rotate {
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  50%{-webkit-transform:rotate(40deg);transform:rotate(40deg);}
  100%{-webkit-transform:rotate(0);transform:rotate(0);}
}

@-webkit-keyframes animate-positive {
  0% {width: 0;}
}

@keyframes animate-positive {
  0% {width: 0;}
}

.scalein.as-animated{--animation-name:scalein;}.slidetopleft.as-animated{--animation-name:slidetopleft;}
.slidebottomright.as-animated{--animation-name:slidebottomright;}
.slideinleft.as-animated{--animation-name:slideinleft;}
.slideinright.as-animated{--animation-name:slideinright;}
.slideinup.as-animated{--animation-name:slideinup;}
.slideindown.as-animated{--animation-name:slideindown;}
.rollinleft.as-animated{--animation-name:rollinleft;}
.rollinright.as-animated{--animation-name:rollinright;}
.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {opacity: 0;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-name: var(--animation-name);
animation-name: var(--animation-name);}
.as-animated {opacity: 1;}

@-webkit-keyframes slideinup {
  0%{opacity:0;-webkit-transform:translateY(7rem);transform:translateY(7rem);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}

@keyframes slideinup {
  0% { opacity: 0; -webkit-transform: translateY(7rem); transform: translateY(7rem); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideinright {
  0% { opacity: 0; -webkit-transform: translateX(7rem); transform: translateX(7rem); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideinright {
  0% { opacity: 0; -webkit-transform: translateX(7rem); transform: translateX(7rem); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slideindown {
  0% { opacity: 0; -webkit-transform: translateY(-7rem); transform: translateY(-7rem); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }  
}

@keyframes slideindown {
  0% { opacity: 0; -webkit-transform: translateY(-7rem); transform: translateY(-7rem); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideinleft {
  0% { opacity: 0; -webkit-transform: translateX(-7rem); transform: translateX(-7rem); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideinleft { 
  0% { opacity: 0; -webkit-transform: translateX(-7rem); transform: translateX(-7rem); } 
  100% { -webkit-transform: translateX(0); transform: translateX(0); } 
}

@-webkit-keyframes slidebottomright { 
  0% { opacity: 0; -webkit-transform: translateX(10rem) translateY(10rem); transform: translateX(10rem) translateY(10rem); } 
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 
}

@keyframes slidebottomright { 
  0% { opacity: 0; -webkit-transform: translateX(10rem) translateY(10rem); transform: translateX(10rem) translateY(10rem); } 
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 
}

@-webkit-keyframes slidetopleft { 
  0% { opacity: 0; -webkit-transform: translateX(-10rem) translateY(-10rem); transform: translateX(-10rem) translateY(-10rem); } 
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 
}

@keyframes slidetopleft { 
  0% { opacity: 0; -webkit-transform: translateX(-10rem) translateY(-10rem); transform: translateX(-10rem) translateY(-10rem); } 
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 
}

@-webkit-keyframes scalein { 
  0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 
  100% { -webkit-transform: scale(1); transform: scale(1); } 
}

@keyframes scalein { 
  0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); } 
}

@-webkit-keyframes rollinleft { 
  0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 
}

@keyframes rollinleft { 
  0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 
}

@-webkit-keyframes rollinright { 
  0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } 
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 
}

@keyframes rollinright { 
  0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } 
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 
}
/* ======================================== 
        1.5 Animation End
========================================  */





/* ======================================== 
        2.1 Container Start
========================================  */
/* Medium Large devices */
@media (max-width: 1399px) {
  :root {--main-container: 1250px;}
}

@media (min-width: 1560px) {
  .as-container2 {max-width: 1620px;margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0;}
  .as-container2 .container {--main-container: 1220px;}
}

@media only screen and (min-width: 1300px) {
  .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {max-width: calc(var(--main-container) + var(--container-gutters));
  padding-left: calc(var(--container-gutters) / 2);padding-right: calc(var(--container-gutters) / 2);}
  .container-xxl.px-0,.container-xl.px-0,.container-lg.px-0,.container-md.px-0,.container-sm.px-0,.container.px-0 {max-width: var(--main-container);}
}

@media only screen and (min-width: 1300px) {
  .as-container {--main-container: 1720px;}
}

@media only screen and (max-width: 1600px) {
  .container-fluid.px-0 {padding-left: 1.5rem !important;padding-right: 1.5rem !important;}
  .container-fluid.px-0 .row {margin-left: 0 !important;margin-right: 0 !important;}
}

/*------------------- 2.2. Grid -------------------*/
.slick-track > [class*=col] {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);margin-top: var(--bs-gutter-y);}
.gy-30 {--bs-gutter-y: 3rem;}
.gy-40 {--bs-gutter-y: 4rem;}
.gy-50 {--bs-gutter-y: 5rem;}
.gx-10 {--bs-gutter-x: 1rem;}

@media (min-width: 1299px) {
  .gx-60 {--bs-gutter-x: 6rem;}
}

@media (min-width: 1399px) {
  .gx-30 {--bs-gutter-x: 3rem;}
  .gx-25 {--bs-gutter-x: 2.5rem;}
  .gx-40 {--bs-gutter-x: 4rem;}
}

/* Medium devices */
@media (max-width: 991px) {
  .gy-50 {--bs-gutter-y: 4rem;}
}
/* ======================================== 
          2.1 Container End
========================================  */





/* ======================================== 
          2.3. Input Start
========================================  */
select,
.form-control,
.form-select,
textarea,input {
 height: 5.5rem;padding: 0 2.5rem;padding-right: 4.5rem;border: .1rem solid var(--border-color);color: var(--body-color);background-color: var(--smoke-color);border-radius: 2.8rem;
 font-size: 1.6rem;width: 100%;font-family: var(--body-font);-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;
}
select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
 outline: 0;box-shadow: none;border-color: var(--theme-color);background-color: var(--smoke-color);
}
select.style2,
.form-control.style2,
.form-select.style2,
textarea.style2,
input.style2 {
  border: .1rem solid transparent;padding-left: 5.2rem;background-image: none;
}
select.style2 ~ i,
.form-control.style2 ~ i,
.form-select.style2 ~ i,
textarea.style2 ~ i,
input.style2 ~ i {
  color: var(--theme-color);font-weight: 400;left: 2.5rem;max-width: 1.6rem;
}
select.style3,
.form-control.style3,
.form-select.style3,
textarea.style3,
input.style3 {
  background-color: var(--white-color);border: none;
}
.form-select,
select {
  display: block;width: 100%;line-height: 1.5;vertical-align: middle;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
background-position: right 2.6rem center;background-repeat: no-repeat;background-size: 1.6rem 1.2rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;
}
textarea.form-control,
textarea {
  min-height: 15rem;padding-top: 1.6rem;padding-bottom: 1.7rem;border-radius: 2rem;
}
.form-group {margin-bottom: var(--bs-gutter-x);position: relative;}
.form-group > i {display: inline-block;position: absolute;right: 2.5rem;top: 1.9rem;font-size: 1.6rem;color: var(--body-color);}
.form-group > i.fa-envelope {padding-top: .1rem;}
.form-group > i.fa-comment {margin-top: -.2rem;}
.form-group > i.fa-chevron-down {width: 1.7rem;background-color: var(--background);}
.form-group.has-label > i {top: 5rem;}
[class*="col-"].form-group > i {right: calc((var(--bs-gutter-x) / 2) + 2.5rem);}
[class*="col-"].form-group .style2 ~ i {left: calc((var(--bs-gutter-x) / 2) + 2.5rem);}
option:checked, 
option:focus, 
option:hover {
  background-color: var(--theme-color);color: var(--white-color);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
input[type="checkbox"] {visibility: hidden;opacity: 0;display: inline-block;vertical-align: middle;width: 0;height: 0;display: none;}
input[type="checkbox"]:checked ~ label:before {content: "\f00c";color: var(--white-color);background-color: var(--success-color);border-color: var(--success-color);}
input[type="checkbox"] ~ label {position: relative;padding-left: 3rem;cursor: pointer;display: block;}
input[type="checkbox"] ~ label:before {content: "";font-family: var(--icon-font);font-weight: 700;position: absolute;left: 0;top: .35rem;background-color: var(--white-color);
border: .1rem solid var(--border-color);height: 1.8rem;width: 1.8rem;line-height: 1.8rem;text-align: center;font-size: 1.2rem;}
input[type="radio"] {visibility: hidden;opacity: 0;display: inline-block;vertical-align: middle;width: 0;height: 0;display: none;}
input[type="radio"] ~ label {position: relative;padding-left: 3rem;cursor: pointer;line-height: 1;display: inline-block;font-weight: 600;margin-bottom: 0;}
input[type="radio"] ~ label::before {content: "\f111";position: absolute;font-family: var(--icon-font);left: 0;top: -.2rem;width: 2rem;height: 2rem;padding-left: 0;font-size: 0.6em;
line-height: 1.9rem;text-align: center;border: .1rem solid var(--success-color);border-radius: 100%;font-weight: 700;background: var(--white-color);color: transparent;
-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
input[type="radio"]:checked ~ label::before {border-color: var(--success-color);background-color: var(--success-color);color: var(--white-color);}
label {margin-bottom: 0.5em;margin-top: -0.3em;display: block;color: var(--title-color);font-family: var(--body-font);font-size: 1.6rem;}
textarea.is-invalid,select.is-invalid,input.is-invalid,.was-validated input:invalid {border: .1rem solid var(--error-color) !important;
background-position: right calc(0.375em + 1.42rem) center;background-image: none;}
textarea.is-invalid:focus,select.is-invalid:focus,input.is-invalid:focus,.was-validated input:invalid:focus {outline: 0;box-shadow: none;}
textarea.is-invalid {background-position: top calc(0.375em + .94rem) right calc(0.375em + 1.42rem);}
.row.no-gutters > .form-group {margin-bottom: 0;}
.form-messages {display: none;}
.form-messages.mb-0 * {margin-bottom: 0;}
.form-messages.success {color: var(--success-color);display: block;}
.form-messages.error {color: var(--error-color);display: block;}
.form-messages pre {padding: 0;background-color: transparent;color: inherit;}
/* ======================================== 
          2.3. Input End
========================================  */





/* ======================================== 
          2.4. Preloader Start
========================================  */
.preloader {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;background-color: var(--title-color);}
.preloader .as-btn {padding: 1.5rem 2rem;border-radius: 0;font-size: 1.4rem;}
.preloader-inner {text-align: center;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%);text-align: center;line-height: 1;}
.preloader-inner img {display: block;margin: 0 auto 1rem auto;}
.loader {width: 4.8rem;height: 4.8rem;display: inline-block;position: relative;background: var(--success-color);box-sizing: border-box;-webkit-animation: flipX 1s linear infinite;
animation: flipX 1s linear infinite;}

@-webkit-keyframes flipX {
  0% {-webkit-transform: perspective(20rem) rotateX(0deg) rotateY(0deg);transform: perspective(20rem) rotateX(0deg) rotateY(0deg);}
  50% {-webkit-transform: perspective(20rem) rotateX(-180deg) rotateY(0deg);transform: perspective(20rem) rotateX(-180deg) rotateY(0deg);}
  100% {-webkit-transform: perspective(20rem) rotateX(-180deg) rotateY(-180deg);transform: perspective(20rem) rotateX(-180deg) rotateY(-180deg);}
}

@keyframes flipX {
  0% {-webkit-transform: perspective(20rem) rotateX(0deg) rotateY(0deg);transform: perspective(20rem) rotateX(0deg) rotateY(0deg);}
  50% {-webkit-transform: perspective(20rem) rotateX(-180deg) rotateY(0deg);transform: perspective(20rem) rotateX(-180deg) rotateY(0deg);}
  100% {-webkit-transform: perspective(20rem) rotateX(-180deg) rotateY(-180deg);transform: perspective(20rem) rotateX(-180deg) rotateY(-180deg);}
}
/* ======================================== 
          2.4. Preloader End
========================================  */





/* ======================================== 
          2.5. Buttons Start
========================================  */
.as-btn {position: relative;z-index: 2;overflow: hidden;vertical-align: middle;text-align: center;padding: 1rem 2.4rem;display: flex;align-items: center;justify-content: center;
padding-left: 2.4rem;padding-right: 2.4rem;color: var(--white-color);height: 5.6rem !important;background: var(--light-green);border-radius: 9999px;margin-right: 1.6rem;
border: none;font-family: var(--title-font);font-size: 1.4rem;font-weight: 700;text-transform: uppercase;line-height: 1.6rem;letter-spacing: .07em;
transition: background-color 0.25s linear, color 0.4s ease-in-out;}
.as-btn:before {content: "";position: absolute;height: 100%;bottom: 0;left: 0;width: 0;background-color: var(--title-color);z-index: -1;-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;border-radius: inherit;}
.as-btn:hover, .as-btn.active {color: var(--white-color);background-color: var(--title-color);}
.as-btn:hover::before, .as-btn.active::before {width: 100%;}
.book-table-submit{margin: 0;padding: 1rem 2.4rem !important;}
.as-btn.style2 {background-color: transparent;color: var(--white-color);border: .1rem solid var(--white-color);padding: 2rem 2.7rem 1.9rem 2.7rem;box-shadow: none;}
.as-btn.style2:hover {color: var(--title-color);background-color: var(--white-color);}
.as-btn.style2:hover:before {background-color: var(--white-color);}
.as-btn.style3:hover {color: var(--title-color);background-color: var(--white-color);}
.as-btn.style3:hover:before {background-color: var(--white-color);}
.as-btn.style4 {background-color: var(--white-color);color: var(--theme-color);}
.as-btn.style4:hover {color: var(--white-color);background-color: var(--theme-color);}
.as-btn.style4:hover:before {background-color: var(--theme-color);}
.as-btn.style5 {background-color: var(--title-color);color: var(--white-color);}
.as-btn.style5:hover {color: var(--title-color);background-color: var(--white-color);}
.as-btn.style5:hover:before {background-color: var(--white-color);}
.as-btn.style6 {background-color: var(--theme-color);color: var(--white-color);}
.as-btn.style6:hover {color: var(--white-color); background-color: var(--title-color);}
.as-btn.style6:hover:before {background-color: var(--title-color);}
.icon-btn {display: inline-block; width: var(--btn-size, 5.6rem);height: var(--btn-size, 5.6rem); line-height: var(--btn-size, 5.6rem); font-size: var(--btn-font-size, 1.6rem); 
background: transparent; color: var(--title-color); text-align: center; border-radius: 50%; border: none; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.icon-btn:hover {background-color: var(--theme-color); color: var(--white-color);}
.play-btn {display: inline-block; position: relative; z-index: 1;}
.play-btn > i {display: inline-block; width: var(--icon-size, 6rem); height: var(--icon-size, 6rem); line-height: var(--icon-size, 6rem); text-align: center; 
background-color: var(--white-color); color: var(--theme-color); font-size: var(--icon-font-size, 1.1em); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; 
transition: all ease 0.4s;}
.play-btn .fa-play {padding-left: 0.16em;}
.play-btn:after, .play-btn:before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--white-color); z-index: -1; 
border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s;}
.play-btn:after {-webkit-animation-delay: 2s; animation-delay: 2s;}
.play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i {background-color: var(--theme-color); color: var(--white-color);}
.play-btn.style2:before, .play-btn.style2:after {background-color: transparent; border: .1rem solid var(--white-color);}
.play-btn.style3 > i {background-color: var(--theme-color); color: var(--white-color); font-size: 2.4rem;}
.play-btn.style3:before, .play-btn.style3:after {background-color: var(--theme-color);}
.play-btn.style3:hover > i {background-color: var(--white-color); color: var(--theme-color);}
.play-btn.style3:hover:before, .play-btn.style3:hover:after {background-color: var(--white-color);}
.link-btn {font-weight: 600; font-size: 1.4rem; display: inline-block; line-height: 0.8; position: relative; padding-bottom: .2rem; margin-bottom: -.2rem; 
text-transform: uppercase; color: var(--theme-color);}
.link-btn i {margin-left: .5rem; font-size: 1.5rem;}
.link-btn:before {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: .2rem; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; 
transition: all ease 0.4s;}
.link-btn:hover {color: var(--theme-color);}
.link-btn:hover::before {width: 100%;}
.line-btn {font-size: 1.4rem; font-weight: 600; display: inline-block; line-height: 1; position: relative; padding-bottom: .5rem; margin-bottom: -.1rem; text-transform: uppercase; 
color: var(--body-color);}
.line-btn i {margin-left: .5rem; font-size: 1.5rem;}
.line-btn:before {content: ""; position: absolute; left: 0; bottom: 0; width: 4rem; height: .1rem; background-color: var(--body-color); -webkit-transition: all ease 0.4s; 
transition: all ease 0.4s;}
.line-btn:hover {color: var(--theme-color);}
.line-btn:hover::before {background-color: var(--theme-color); width: 100%;}
.scroll-btn {position: fixed; bottom: 10rem; right: 5rem; z-index: 94; opacity: 0; visibility: hidden; display: inline-block; 
-webkit-clip-path: polygon(53% 0, 100% 2rem, 100% 100%, 0 100%, 0% 2rem); clip-path: polygon(53% 0, 100% 2rem, 100% 100%, 0 100%, 0% 2rem);}
.scroll-btn i {display: inline-block; background-color: var(--success-color); color: var(--white-color); text-align: center; font-size: 2rem; width: var(--btn-size, 4rem); 
height: var(--btn-size, 6rem); line-height: var(--btn-size, 7rem); z-index: 2; border-radius: inherit; position: relative; -webkit-transition: all ease 0.8s; 
transition: all ease 0.8s;}

@media (max-width: 767px) {
  .scroll-btn i {font-size: 1.6rem;width: var(--btn-size, 4rem);height: var(--btn-size, 6rem);line-height: var(--btn-size, 7rem);}
}

.scroll-btn:focus i, .scroll-btn:hover i {background-color: var(--title-color); color: var(--white-color);}
.scroll-btn.show {bottom: 0; opacity: 1; visibility: visible;}

@media (max-width: 767px) {
  .scroll-btn {right: 1.5rem;bottom: 1.5rem;}
  .scroll-btn.show {bottom: 0;}
}

.scrollToTop {position: fixed; right: 5rem; bottom: 10rem; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; z-index: 96;}
.scrollToTop.show {bottom: 0; opacity: 1; visibility: visible;}

@media (max-width: 767px) {
  .play-btn {--icon-size: 6rem;}
  .scrollToTop {right: 1.5rem;}
  .scrollToTop.show {bottom: 0;}
}
/* ======================================== 
          2.5. Buttons End
========================================  */





/* ======================================== 
          2.6. Slick Slider Start
========================================  */
.slick-track > [class*=col] {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); 
padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y);} 
.slick-track {min-width: 100%;} 
.slick-slide img {display: inline-block;} 
.slick-dots {list-style-type: none; padding: 0 0; margin: 4rem 0 0 0; line-height: 0; text-align: center; height: -webkit-max-content; height: -moz-max-content; height: max-content;} 
.slick-dots li {display: inline-block; margin-right: .8rem;} 
.slick-dots li:last-child {margin-right: 0;} 
.slick-dots button {font-size: 0; padding: 0; background-color: transparent; width: 2rem; height: .6rem; line-height: 0; border-radius: 9999px; border: none; 
background-color: var(--gray-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s;} 
.slick-dots button:hover {border-color: var(--theme-color);} 
.slick-dots .slick-active button {width: 4rem; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: var(--theme-color);} 
.number-dots {text-align: center;} 
.number-dots .dots-wrapper {text-align: center;} 
.number-dots ul {margin-top: 5rem; position: relative; display: inline-block; width: auto;} 
.number-dots ul:before, .number-dots ul:after {content: ''; height: .2rem; width: 10rem; position: absolute; top: 50%; margin-top: -.1rem;} 
.number-dots ul:before {background: -webkit-linear-gradient(right, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); 
background: linear-gradient(to left, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); right: calc(100% + 1rem);} 
.number-dots ul:after {background: -webkit-linear-gradient(left, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); 
background: linear-gradient(to right, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); left: calc(100% + 1rem);} 
.number-dots li {margin-right: 1.5rem;} 
.number-dots li:last-child {margin-right: 0;}
.number-dots button { height: 2rem; width: 2rem; background-color: var(--body-color); font-size: 1.2rem; color: var(--white-color); font-weight: 500; 
font-family: var(--title-font); position: relative; margin: .5rem; }
.number-dots button:before { content: ''; width: 3rem; height: 3rem; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.769298 11.7782C1.32317 11.9273 1.8955 11.5965 2.04782 11.0374C2.16782 10.5948 1.9832 10.1429 1.62318 9.89595C3.70482 4.35161 9.05892 0.563752 14.9992 0.563752C20.9349 0.563752 26.289 4.35161 28.3752 9.89595C28.0152 10.1429 27.8306 10.5902 27.9506 11.0374C28.0983 11.5965 28.6706 11.932 29.2291 11.7782C29.783 11.6291 30.1153 11.0514 29.963 10.4877C29.8338 9.99845 29.3814 9.68163 28.8968 9.70958C26.7367 3.94626 21.1703 0 14.9992 0C8.82814 0 3.26172 3.94161 1.10162 9.70958C0.621592 9.68163 0.169264 9.99845 0.0354115 10.4877C-0.112288 11.0514 0.215425 11.6245 0.769298 11.7782Z' fill='%234D5765'/%3E%3Cpath d='M29.2017 18.3336C28.6478 18.1799 28.0708 18.506 27.9185 19.0651C27.7985 19.5077 27.9785 19.9643 28.3339 20.2112C26.2154 25.7742 20.9813 29.4409 14.9948 29.4409C9.0084 29.4409 3.7743 25.7695 1.65574 20.2112C2.01114 19.9643 2.19576 19.5124 2.07114 19.0651C1.91883 18.506 1.34188 18.1752 0.788003 18.3336C0.23413 18.4874 -0.0935812 19.0697 0.0633494 19.6288C0.197202 20.118 0.649535 20.4302 1.13417 20.3976C3.3312 26.1842 8.773 30 14.9948 30C21.2167 30 26.6585 26.1795 28.8555 20.3976C29.3355 20.4302 29.7925 20.118 29.9263 19.6288C30.0833 19.0697 29.7555 18.492 29.2017 18.3336Z' fill='%234D5765'/%3E%3C/svg%3E"); position: absolute; top: -.5rem; left: -.5rem; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.number-dots button:hover:before { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.number-dots .slick-active button { background-color: var(--theme-color); width: 2rem; }
.number-dots .slick-active button:before { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23852 11.9122C1.77421 12.0551 2.32776 11.7381 2.47508 11.2024C2.59114 10.7783 2.41258 10.3453 2.06438 10.1087C4.07769 4.79642 9.25605 1.16711 15.0013 1.16711C20.7466 1.16711 25.9205 4.79642 27.9383 10.1087C27.5901 10.3453 27.4115 10.7739 27.5276 11.2024C27.6705 11.7381 28.224 12.0595 28.7642 11.9122C29.2999 11.7693 29.6213 11.2158 29.474 10.6756C29.349 10.2069 28.9115 9.90335 28.4428 9.93014C26.3536 4.40805 20.9698 0.626953 15.0013 0.626953C9.03284 0.626953 3.64467 4.40805 1.55547 9.93014C1.09121 9.90335 0.653723 10.2069 0.524264 10.6756C0.381412 11.2158 0.702828 11.7649 1.23852 11.9122Z' fill='%23EB0029'/%3E%3Cpath d='M28.7373 18.1933C28.2016 18.046 27.6436 18.3584 27.4963 18.8941C27.3803 19.3182 27.5543 19.7557 27.8981 19.9923C25.8491 25.3224 20.7868 28.8357 14.9968 28.8357C9.20689 28.8357 4.14461 25.318 2.09558 19.9923C2.43932 19.7557 2.61788 19.3227 2.49735 18.8941C2.35004 18.3584 1.79202 18.0415 1.25633 18.1933C0.720641 18.3406 0.403689 18.8986 0.555468 19.4343C0.684927 19.903 1.12241 20.2021 1.59114 20.1709C3.71605 25.7153 8.97923 29.3758 15.0013 29.3758C21.0189 29.3758 26.2821 25.7153 28.407 20.1753C28.8713 20.2066 29.3132 19.9075 29.4427 19.4388C29.5855 18.8986 29.273 18.345 28.7373 18.1933Z' fill='%23EB0029'/%3E%3C/svg%3E"); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.slick-arrow { display: inline-block; padding: 0; background-color: var(--white-color); color: var(--theme-color); position: absolute; top: 50%; 
border: .1rem solid var(--white-color); box-shadow: 0 .2rem 1.5rem rgba(1, 15, 28, 0.1); left: var(--pos-x, -14rem); width: var(--icon-size, 5.6rem); 
height: var(--icon-size, 5.6rem); line-height: var(--icon-size, 5.6rem); font-size: var(--icon-font-size, 1.6rem); margin-top: calc(var(--icon-size, 5.6rem) / -2); 
z-index: 2; border-radius: 999px; }
.slick-arrow.default { position: relative; --pos-x: 0; margin-top: 0; }
.slick-arrow.slick-next { right: var(--pos-x, -14rem); left: auto; }
.slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color); }
.arrow-margin .slick-arrow { top: calc(50% - 3rem); }
.arrow-wrap .slick-arrow { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.arrow-wrap:hover .slick-arrow { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

@media (max-width: 1500px) {
  .slick-arrow {--arrow-horizontal: -2rem;--pos-x: -7rem;}
}

@media (max-width: 1399px) {
  .slick-arrow {--arrow-horizontal: 4rem;--pos-x: -1.7rem;}
}

@media (max-width: 991px) {
  .slick-arrow {--icon-size: 4rem;margin-right: 4rem;font-size: 1.4rem;}
  .slick-arrow.slick-next {margin-right: 0;margin-left: 4rem;}
  .slick-dots {margin: 4rem 0 0 0;}
  .icon-box .slick-arrow {margin-right: 0;}
}
/* ======================================== 
          2.6. Slick Slider End
========================================  */





/* ======================================== 
          2.7. Titles Start
========================================  */
.sec-title { margin-bottom: calc(var(--section-title-space) - 1.2rem); margin-top: -0.23em; color: var(--title-color); text-transform: uppercase; }
.sub-title { display: inline-block; font-size: 2rem; line-height: 1.5; font-weight: 500; color: var(--theme-color); font-family: var(--style-font); 
text-transform: capitalize; padding-top: .5rem; position: relative; }
.sub-title .icon { margin: -1.3rem .3rem 0 0; }
.title-area { margin-bottom: calc(var(--section-title-space) - 1.2rem); position: relative; z-index: 2; }
.title-area .sec-title { margin-bottom: 1.5rem; }
.title-area.mb-0 .sec-title { margin-bottom: -0.41em; }
.title-border { border-bottom: .1rem dashed var(--gray-color); margin-bottom: var(--section-title-space); }
.divider-title { position: relative; z-index: 2; margin: 3.5rem 0; text-align: center; font-size: 2.5rem; font-weight: 600; }
.divider-title .text { display: inline-block; background-color: var(--white-color); padding: 0 1rem; position: relative; z-index: 2; }
.divider-title:after { content: ''; width: 100%; height: .2rem; position: absolute; top: 50%; left: 0; background-color: var(--success-color); }
.sec-text { max-width: 56rem; margin-bottom: 2.3rem; }
.sec-btn { margin-bottom: var(--section-title-space); }
.box-title { font-size: 2rem; margin-top: -0.3em; line-height: 1.417; font-weight: 500; }
.box-title a { color: inherit; }
.box-title a:hover { color: var(--theme-color); }

@media (max-width: 1199px) {
  .sub-title {margin-bottom: 1.7rem;}
  .title-area,.sec-title {--section-title-space: 6rem;}
  .title-area.mb-30,.sec-title.mb-30 {margin-bottom: 2.5rem;}
  .title-area.mb-40,.sec-title.mb-40 {margin-bottom: 3rem;}
  .title-area.mb-45,.sec-title.mb-45 {margin-bottom: 3.2rem;}
  .title-area.mb-50,.sec-title.mb-50 {margin-bottom: 3.5rem;}
  .title-area.mb-25,.sec-title.mb-25 {margin-bottom: 1.5rem;}
  .title-area.mb-35,.sec-title.mb-35 {margin-bottom: 2.5rem;}
  .sec-btn {--section-title-space: 6.5rem;}
}

@media (max-width: 991px) {
  .title-area,.sec-title {--section-title-space: 4.5rem;}
  .title-area.mb-40,.sec-title.mb-40 {margin-bottom: 2.5rem;}
  .title-area.mb-45,.sec-title.mb-45 {margin-bottom: 2.7rem;}
  .title-area.mb-50,.sec-title.mb-50 {margin-bottom: 2.8rem;}
  .sec-btn,.title-border {--section-title-space: 4.5rem;}
  .divider-title {font-size: 2.6rem;}
}
/* ======================================== 
          2.7. Titles End
========================================  */





/* ======================================== 
          2.7. Template Style Widget Start
========================================  */
.widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul { list-style: none; padding: 0; margin: 0 0 0 0; }
.widget_nav_menu > ul, .widget_meta > ul, .widget_pages > ul, .widget_archive > ul, .widget_categories > ul { margin: 0 0 -1rem 0; }
.widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a { display: block; background-color: var(--smoke-color2); 
border: .1rem solid var(--border-color); margin: 0 0 1rem 0; padding: 1.8rem 4.5rem 1.8rem 5.7rem; font-size: 1.2rem; line-height: 1.313; color: var(--white-color); 
border-radius: 2.8rem; }
.widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover { color: var(--theme-color); }
.widget_nav_menu .icon, .widget_meta .icon, .widget_pages .icon, .widget_archive .icon, .widget_categories .icon { position: absolute; top: 50%; left: 2.5rem; width: 2.4rem; 
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; 
-webkit-filter: brightness(0) invert(0.3); filter: brightness(0) invert(0.3); }
.widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li { display: block; position: relative; }
.widget_nav_menu li > span, .widget_meta li > span, .widget_pages li > span, .widget_archive li > span, .widget_categories li > span { font-size: 1.4rem; position: absolute; 
right: 2.5rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.4s; 
transition: all ease 0.4s; }
.widget_nav_menu li:hover > span, .widget_meta li:hover > span, .widget_pages li:hover > span, .widget_archive li:hover > span, .widget_categories li:hover > span { 
color: var(--theme-color); }
.widget_nav_menu li:hover .icon, .widget_meta li:hover .icon, .widget_pages li:hover .icon, .widget_archive li:hover .icon, .widget_categories li:hover .icon { 
-webkit-filter: none; filter: none; }
.widget_nav_menu .children, .widget_meta .children, .widget_pages .children, .widget_archive .children, .widget_categories .children { margin-left: 1rem; }
.widget_nav_menu a, .widget_meta a, .widget_pages a { padding-right: 2rem; }
.widget_nav_menu .sub-menu { margin-left: 1rem; }
.wp-block-archives { list-style: none; margin: 0; padding: 0; margin-bottom: 2rem; }
.wp-block-archives a:not(:hover) { color: inherit; }
.as-blog ul.wp-block-archives li { margin: .5rem 0; }
.widget { padding: var(--widget-padding-y, 4rem) var(--widget-padding-x, 4rem); background-color: var(--white-color); margin-bottom: 4rem; 
box-shadow: 0 1rem 3rem rgba(1, 15, 28, 0.08); border-radius: 2rem; position: relative; }
.widget select, .widget input { background-color: var(--smoke-color2); }
.widget[data-overlay]:before { z-index: -1; }
.widget_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
align-items: center; gap: .7rem; position: relative; font-size: 2rem; font-weight: 600; font-family: var(--title-font); line-height: 1em; margin: -0.1em 0 3rem 0; }
.widget_title:after { content: ''; height: .1rem; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: .1rem dashed var(--gray-color); }
.widget .search-form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.widget .search-form input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.widget .search-form button { position: absolute; right: 1rem; top: 1rem; border: none; font-size: 1.4rem; width: 3.6rem; height: 3.6rem; line-height: 3.3rem; 
background-color: var(--theme-color); color: var(--white-color); display: inline-block; border-radius: 9.9rem; }
.widget .search-form button:hover { background-color: var(--title-color); color: var(--white-color); }
.wp-block-tag-cloud a, .tagcloud a { display: inline-block; border: .1rem solid var(--border-color); font-size: 1.4rem; font-weight: 400; font-family: var(--title-font); 
text-transform: uppercase; line-height: 1; padding: 1.4rem 1.7rem; margin-right: .5rem; margin-bottom: 1rem; color: var(--body-color); background-color: transparent; 
border-radius: 9.9rem; }
.wp-block-tag-cloud a:hover, .tagcloud a:hover { background-color: var(--theme-color); color: var(--white-color) !important; border-color: var(--theme-color); }
.wp-block-tag-cloud, .tagcloud { margin-right: -1rem; margin-bottom: -1rem; }
.recent-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 
align-items: center; margin-bottom: 2rem; }
.recent-post:last-child { margin-bottom: 0; }
.recent-post .media-img { margin-right: 1.5rem; width: 8rem; overflow: hidden; border-radius: .8rem; }
.recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.recent-post .post-title { font-weight: 600; font-size: 1.6rem; line-height: 2.6rem; margin: 0 0 .6rem 0; font-family: var(--title-font); text-transform: capitalize; }
.recent-post .recent-post-meta a { text-transform: capitalize; font-size: 1.4rem; font-weight: 400; color: var(--body-color); }
.recent-post .recent-post-meta a i { margin-right: .6rem; color: var(--theme-color); }
.recent-post .recent-post-meta a:hover { color: var(--theme-color); }
.recent-post:hover .media-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.sidemenu-content .widget, .sidemenu-content .widget_shopping_cart { box-shadow: none; }
.widget_shopping_cart .widget_title { margin-bottom: 3rem; border-bottom: none; }
.widget_shopping_cart ul { margin: 0; padding: 0; }
.widget_shopping_cart ul li { list-style-type: none; }
.widget_shopping_cart .mini_cart_item { position: relative; padding: 3rem 1rem 3rem 9rem; border-bottom: .1rem solid rgba(0, 0, 0, 0.1); margin-bottom: 0; text-align: left; }
.widget_shopping_cart .mini_cart_item:first-child { border-top: .1rem solid rgba(0, 0, 0, 0.1); }
.widget_shopping_cart .cart_list a:not(.remove) {display: block;color: var(--body-color);font-size: 1.6rem;font-weight: 500;font-family: var(--title-font);font-weight: 600;
color: var(--title-color);}
.widget_shopping_cart .cart_list a:not(.remove):hover {color: var(--theme-color);}
.widget_shopping_cart .cart_list a.remove {position: absolute;top: 50%;left: 95%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
color: var(--body-color);}
.widget_shopping_cart .cart_list a.remove:hover { color: var(--theme-color); }
.widget_shopping_cart .cart_list img { width: 7.5rem; height: 7.5rem; position: absolute; left: 0; top: 2.3rem; }
.widget_shopping_cart .quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; 
vertical-align: top; margin-right: 2rem; font-size: 1.4rem; font-weight: 500; }
.widget_shopping_cart .total { margin-top: 2rem; font-size: 1.8rem; color: var(--title-color); font-family: var(--body-font); }
.widget_shopping_cart .amount { padding-left: .5rem; }
.widget_shopping_cart .as-btn { margin-right: 1.5rem; }
.widget_shopping_cart .as-btn:last-child { margin-right: 0; }
.sidebar-area .widget_shopping_cart .as-btn { margin-right: 1rem; padding: .8rem 2.2rem; font-size: 1.4rem; }
.sidebar-area { margin-bottom: -1rem; }
.sidebar-area ul.wp-block-latest-posts { margin-bottom: 0; }
.sidebar-area ul.wp-block-latest-posts li:last-child { margin-bottom: 0; }
.sidebar-area .widget .wp-block-search { margin-bottom: 0; }
.sidebar-area .wp-block-group__inner-container h2 { font-size: 2rem; line-height: 1em; margin-bottom: 2rem; margin-top: -0.07em; }
.sidebar-area ol.wp-block-latest-comments { padding: 0; margin: 0; }
.sidebar-area ol.wp-block-latest-comments li { line-height: 1.5; margin: 0 0 2rem 0; border-bottom: .1rem solid rgba(0, 0, 0, 0.1); padding-bottom: 2rem; }
.sidebar-area ol.wp-block-latest-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.recent-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.recent-product .product-title { font-size: 1.6rem; }
.author-widget-wrap { text-align: center; }
.author-widget-wrap .avater { margin-bottom: 2rem; }
.author-widget-wrap .avater img { border-radius: 50%; }
.author-widget-wrap .name { font-size: 2.4rem; margin-bottom: 1.5rem; }
.author-widget-wrap .name a { color: inherit; }
.author-widget-wrap .name a:hover { color: var(--theme-color); }
.author-widget-wrap .author-bio { margin-bottom: 2.3rem; }
.author-widget-wrap .author-social { display: block; }
.author-widget-wrap .author-social a { font-size: 1.6rem; color: var(--body-color); position: relative; border-right: .1rem solid var(--gray-color); padding: .6rem 1.5rem .6rem 0;
margin-right: 1.2rem; }
.author-widget-wrap .author-social a:last-child { padding: .6rem 0 .6rem 0; margin-right: 0; border-right: none; }
.author-widget-wrap .author-social a:hover { color: var(--theme-color); }
.donwload-widget-wrap .as-btn { width: 100%; background-color: rgba(255, 255, 255, 0.1); }
.donwload-widget-wrap .as-btn:not(:last-child) { margin-bottom: 1rem; }
.donwload-widget-wrap .as-btn:before, .donwload-widget-wrap .as-btn:after {background-color: var(--theme-color);}
.widget_banner {text-align: center;}
.widget_banner .widget_title:before, .widget_banner .widget_title:after {background-color: var(--white-color);left: calc(50% - 3.5rem);}
.widget_banner .widget_title:after {left: calc(50% + 3rem);}
.widget-banner .banner-text {color: var(--white-color);margin-bottom: 2.3rem;}
.widget-banner .banner-link { color: var(--white-color); display: block; font-weight: 500; margin-bottom: .5rem; }
.widget-banner .banner-link:last-child { margin-bottom: -0.4em; }
.widget-banner .banner-link i { margin-right: .4rem; }
.info-list ul { margin: 0; padding: 0; list-style: none; }
.info-list li { color: var(--white-color); border-bottom: .1rem solid rgba(255, 255, 255, 0.1); padding-bottom: 1.4rem; padding-top: 1.4rem; }
.info-list li:first-child { padding-top: 0; }
.info-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: -0.4em; }
.info-list strong { font-weight: bold; color: var(--theme-color); margin-right: 1rem; }
.widget-form select,.widget-form .form-control,.widget-form .form-select,.widget-form textarea,.widget-form input {background-color: rgba(255, 255, 255, 0.1);
color: var(--white-color);}
.widget-form select::-moz-placeholder,.widget-form .form-control::-moz-placeholder,.widget-form .form-select::-moz-placeholder,.widget-form textarea::-moz-placeholder,
.widget-form input::-moz-placeholder {color: var(--white-color);}
.widget-form select::-webkit-input-placeholder,.widget-form .form-control::-webkit-input-placeholder,.widget-form .form-select::-webkit-input-placeholder,
.widget-form textarea::-webkit-input-placeholder,.widget-form input::-webkit-input-placeholder {color: var(--white-color);}
.widget-form select:-ms-input-placeholder,.widget-form .form-control:-ms-input-placeholder,.widget-form .form-select:-ms-input-placeholder,
.widget-form textarea:-ms-input-placeholder,.widget-form input:-ms-input-placeholder {color: var(--white-color);}
.widget-form select::-webkit-input-placeholder, .widget-form .form-control::-webkit-input-placeholder, .widget-form .form-select::-webkit-input-placeholder, 
.widget-form textarea::-webkit-input-placeholder, .widget-form input::-webkit-input-placeholder {color: var(--white-color);}
.widget-form select::-moz-placeholder, .widget-form .form-control::-moz-placeholder, .widget-form .form-select::-moz-placeholder, .widget-form textarea::-moz-placeholder, 
.widget-form input::-moz-placeholder {color: var(--white-color);}
.widget-form select:-ms-input-placeholder, .widget-form .form-control:-ms-input-placeholder, .widget-form .form-select:-ms-input-placeholder, 
.widget-form textarea:-ms-input-placeholder, .widget-form input:-ms-input-placeholder {color: var(--white-color);}
.widget-form select::-ms-input-placeholder, .widget-form .form-control::-ms-input-placeholder, .widget-form .form-select::-ms-input-placeholder, 
.widget-form textarea::-ms-input-placeholder, .widget-form input::-ms-input-placeholder {color: var(--white-color);}
.widget-form select::placeholder,.widget-form .form-control::placeholder,.widget-form .form-select::placeholder,.widget-form textarea::placeholder,
.widget-form input::placeholder {color: var(--white-color);}
.widget-form textarea.form-control,.widget-form textarea {min-height: 13rem;}
.widget-form option { background-color: var(--grayish-blue); }
.widget-form .form-group { margin-bottom: 1rem; }
.widget-form .form-group > i { color: var(--white-color); background-color: var(--grayish-blue); }

@media (max-width: 1199px) {
  .widget {--widget-padding-y: 3rem;--widget-padding-x: 3rem;border-radius: 1.5rem;}
  .widget_title {font-size: 2.2rem;}
  .author-widget-wrap .name {font-size: 2.2rem;}
  .widget_offer {padding-top: 4rem;padding-bottom: 4rem;}
}

@media (max-width: 991px) {
  .sidebar-area {padding-top: 3rem;}
  .widget {--widget-padding-y: 4rem;--widget-padding-x: 4rem;}
  .wp-block-tag-cloud a,.tagcloud a {padding: 1.05rem 1.8rem;}
}

@media (max-width: 767px) {
  .widget {padding: 3.5rem 2rem;}
}

@media (max-width: 330px) {
  .recent-post .post-title {font-size: 1.2rem;line-height: 2.4rem;}
  .recent-post .recent-post-meta a {font-size: 1.2rem;}
}
/* ======================================== 
          2.7. Template Style Widget End
========================================  */



/* ======================================== 
          Header Start
========================================  */
.as-header {position: relative;z-index: 41;}
.as-header .icon-btn:hover {border-color: var(--theme-color);}
.will-sticky .sticky-active {position: fixed;top: -100%;right: 0;left: 0;background-color: var(--white-color);-webkit-transition: all ease 0.8s;
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.07);transition: all ease 0.8s;}
.will-sticky .sticky-active.active {top: 0;}
.main-menu a {display: block;position: relative;font-weight: 700;font-size: 1.6rem;line-height: 2rem;color: var(--white-color);text-transform: uppercase;padding: 3.15rem 0;}
.main-menu a:hover {color: var(--theme-color);}
.main-menu a.active {color: var(--theme-color);}
.main-menu > ul > li {margin: 0 .6rem;font-family: var(--title-font);}
.main-menu ul {margin: 0;padding: 0;}
.main-menu ul li {list-style-type: none;display: inline-block;position: relative;}
.main-menu ul li.menu-item-has-children > a:after {content: "\2b";position: relative;font-family: var(--icon-font);margin-left: .5rem;top: 0;color: var(--theme-color);}
.main-menu ul li:last-child {margin-right: 0 !important;}
.main-menu ul li:first-child {margin-left: 0 !important;}
.main-menu ul li:hover > ul.sub-menu {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);visibility: visible;opacity: 1;z-index: 9;}
.main-menu ul li:hover ul.mega-menu {visibility: visible;opacity: 1;z-index: 9;-webkit-transform: scaleY(1) translateX(-50%);-ms-transform: scaleY(1) translateX(-50%);
transform: scaleY(1) translateX(-50%);}
.main-menu ul.sub-menu, .main-menu ul.mega-menu {position: absolute;text-align: left;top: 100%;left: 0;background-color: var(--white-color);visibility: hidden;min-width: 19rem;
width: -webkit-max-content;width: -moz-max-content;width: max-content;padding: .7rem;left: -1.4rem;opacity: 0;z-index: -1;border: 0;border-radius: 0;-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;
-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.main-menu ul.sub-menu a, .main-menu ul.mega-menu a {font-size: 1.6rem;line-height: 3rem;}
.main-menu ul.sub-menu {padding: 1.8rem 2rem;left: -2.7rem;}
.main-menu ul.sub-menu li {display: block;margin: 0 0;padding: 0 .9rem;}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {content: "\f105";float: right;top: .1rem;}
.main-menu ul.sub-menu li a {position: relative;padding-left: 2.3rem;text-transform: capitalize;}
.main-menu ul.sub-menu li a:before {content: "\f2e6";position: absolute;top: .8rem;left: 0;font-family: var(--icon-font);width: 1.1rem;height: 1.1rem;text-align: center;
  border-radius: 50%;display: inline-block;font-size: 0.9em;line-height: 1;color: var(--theme-color);font-weight: 700;}
.main-menu ul.sub-menu li ul.sub-menu {left: 100%;right: auto;top: 0;margin: 0 0;margin-left: 2rem;}
.main-menu ul.sub-menu li ul.sub-menu li ul {left: 100%;right: auto;}
.main-menu .mega-menu-wrap {position: static;}
.main-menu ul.mega-menu {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;
-ms-flex-pack: justify;justify-content: space-between;text-align: left;width: 100%;max-width: var(--main-container);padding: 2rem 1.5rem 2.3rem 1.5rem;left: 50%;
-webkit-transform: scaleY(0) translateX(-50%);-ms-transform: scaleY(0) translateX(-50%);transform: scaleY(0) translateX(-50%);}
.main-menu ul.mega-menu li {display: block;width: 100%;padding: 0 1.5rem;}
.main-menu ul.mega-menu li li {padding: .2rem 0;}
.main-menu ul.mega-menu li a {display: inline-block;text-transform: capitalize;}
.main-menu ul.mega-menu > li > a {display: block;padding: 0;padding-bottom: 1.5rem;margin-bottom: 1rem;text-transform: capitalize;letter-spacing: .1rem;font-weight: 700;
color: var(--title-color);border-color: var(--theme-color);}
.main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before {content: "";position: absolute;bottom: 0;left: 0;width: 1.5rem;height: .1rem;
background-color: var(--theme-color);}
.main-menu ul.mega-menu > li > a::after {width: calc(100% - 2rem);left: 2rem;}
.main-menu ul.mega-menu > li > a:hover {padding-left: 0;}
.dropdown-toggle::after {content: "\f107";border: none;font-family: var(--icon-font);vertical-align: middle;font-weight: 400;margin-left: .6rem;}
.dropdown-menu {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: auto;top: calc(100% + 2rem) !important;left: calc(50% - 1rem) !important;
-webkit-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;transform: translateX(-50%) !important;padding: .8rem 2rem !important;text-align: center;
border-color: var(--border-color);}
.dropdown-menu li {padding-right: 0;margin-right: 0;}
.dropdown-menu li:after{display:none;}
.dropdown-menu li a{display:block;}
.dropdown-menu a{color:var(--body-color);}
.dropdown-menu a:hover{color:var(--theme-color);}
.dropdown-menu:before{content:"";position:absolute;left:50%;top:-.7rem;width:1.4rem;height:1.4rem;margin-left:-.7rem;background-color:var(--white-color);z-index:-1;
transform:rotate(45deg);border-top:.1rem solid var(--border-color);border-left:.1rem solid var(--border-color);}
.simple-icon{border:none;background-color:transparent;padding:0;color:var(--white-color);}
.simple-icon:hover{color:var(--theme-color);}
.header-button{height:100%;align-items:center;gap:1.5rem;}
.header-button .icon-btn{position:relative;}
.header-links ul{margin:0;padding:0;list-style-type:none;}
.header-links li{display:inline-block;position:relative;font-size:1.3rem;font-weight:400;}
.header-links li:not(:last-child){padding:0 2rem 0 0;margin:0 1.7rem 0 0;}
.header-links li:not(:last-child):before{content:"";position:absolute;right:0;top:50%;background-color:var(--body-color);width:.1rem;height:1.8rem;transform:translateY(-50%);
opacity:0.5;}
.header-links li > i{margin-right:1rem;color:var(--theme-color);}
.header-links li, .header-links span, .header-links p, .header-links a{font-family:var(--body-font);color:var(--body-color);}
.header-links i{color:var(--body-color);padding-right:.5rem;}
.header-links b, .header-links strong{font-weight:600;}
.header-social .social-title{font-weight:400;font-size:1.6rem;display:inline-block;margin:0 1rem 0 0;}
.header-social a{font-size:1.4rem;display:inline-block;color:var(--body-color);margin:0 1rem 0 0;}
.header-social a:last-child{margin-right:0;}
.header-social a:hover{color:var(--theme-color);}
.link-box{align-items:center;gap:2rem;position:relative;z-index:2;float:right;}
.link-box span{color:var(--yellow-color);}
.link-box p{width:100%;color:var(--white-color);font-size:2rem;font-weight:700;margin:0;}
.link-box_icon i{font-size:4rem;color:var(--white-color);}
.link-box_text{color:var(--white-color);margin-bottom:.3rem;}
.link-box_link{color:var(--title-color);font-size:2rem;font-weight:bold;}
.link-box_link:hover{color:var(--theme-color);}
.header-logo{padding-top:1.2rem;padding-bottom:1.2rem;}
.header-notice{margin-bottom:0;display:inline-block;}
.icon-btn:hover .badge{background-color:var(--title-color);}
/* ======================================== 
          Header 1
========================================  */
.header-layout1{position: sticky;width: 100%;z-index: 51;transform-origin: top;transition: all .5s cubic-bezier(.4,0,.2,1);top: 0;}
.header-layout1.sticky-active-header{top: -100%;}
.header-layout1:before, .header-layout1:after{content:'';height:0;width:18%;position:absolute;bottom:0;z-index:0;background-color:var(--white-color);}
.header-layout1:before{left:0;}
.header-layout1 .header-top{--body-color:var(--white-color);background-color:var(--black-color);}
.header-layout1 .header-top a:hover{color:var(--theme-color);}
.header-layout1 .menu-area{background-color:var(--success-color);padding:1rem 0;}
.header-layout1 .header-button{position:relative;z-index:2;}
.logo-style1{position:relative;z-index:2;background-color:var(--white-color);}
.header-top-container{display:flex;justify-content:space-between;}
.main-header-container{display:flex;justify-content:space-between;align-items:center;}
.main-header-center{display:flex;justify-content:space-between;align-items:center;gap: 2rem;}

@media (min-width: 1922px) {
  .header-layout1:before, .header-layout1:after {width: 26%;}
}

@media (max-width: 1700px) {
  .header-layout1:before, .header-layout1:after {width: 14%;}
}

@media (max-width: 1399px) {
  .header-layout1::before, .header-layout1:after {width: 17%;}
  .header-layout1 .header-button .as-btn {display: none;}
}

@media (max-width: 1199px) {
  .header-layout1:before, .header-layout1:after {display: none;}
  .header-layout1 .header-button {display: none;}
  .logo-style1 img {height: 7rem;}
}

@media (max-width: 575px) {
  .logo-style1 img {height: 6rem;}
}

/* ======================================== 
          Header 2
========================================  */
.header-info {display: inline-block; margin-bottom: 0; color: var(--body-color); margin-right: 2.5rem; font-weight: 500;}
.header-info:last-child {margin-right: 0;}
.header-info i {height: 3rem; width: 3rem; line-height: 3.1rem; background-color: rgba(255,255,255,0.3); color: var(--body-color); text-align: center; margin-right: .6rem; 
font-size: 1.3rem; border-radius: 9.9rem;}
.header-info a {color: inherit;}
.header-top .as-social a {--icon-size: 3rem; line-height: 3.1rem; background-color: rgba(255,255,255,0.3); color: var(--body-color); font-size: 1.3rem; margin-right: .2rem;}
.header-top .as-social a:last-child {margin-right: 0;}
.header-shape1 {width: 100%; max-width: 168rem; height: 12.4rem; background-color: var(--theme-color); position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); 
-ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z"); clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z"); z-index: -1;}

@media (max-width: 1680px) {
  .header-shape1 {-webkit-clip-path: none;clip-path: none;border-radius: 0 0 130% 130% / 0 0 99.9rem 99.9rem;}
}

.header-layout2 {position: absolute; top: 0; left: 0; width: 100%; z-index: 40;}
.header-layout2 .header-top {--body-color: var(--white-color); padding: 1.5rem 0;}
.header-layout2 .menu-area {padding: 0 3rem; border-radius: 99.9rem; box-shadow: 0 1.5rem 2rem rgba(1,15,28,0.1); background-color: var(--white-color);}
.header-layout2 .main-menu > ul > li > a {padding: 4.7rem 0;}
.header-layout2 .will-sticky .sticky-active {background-color: transparent; box-shadow: none;}

@media (max-width: 1199px) {
  .header-layout2 .header-top {display: none;}
  .header-layout2 .main-menu > ul > li > a {padding: 4.2rem 0;}
  .header-shape1 {height: 6rem;}
}

@media (max-width: 991px) {
  .header-shape1 {height: 4.7rem;}
  .header-layout2 .header-top {padding: 1rem 0;}
  .header-layout2 .menu-area {border-radius: .8rem;padding: 0 2rem;}
  .header-logo img {height: 7rem;}
}

/* ======================================== 
          Header 3
========================================  */
.header-layout3 .main-menu > ul > li > a {padding: 4.65rem 0;}
/* ======================================== 
          Header End
========================================  */





/* ======================================== 
          Footer Start
========================================  */
.footer-wrapper {position: relative; z-index: 2;}
.footer-wrapper .newsletter-title {color: var(--white-color);}
.footer-wrapper .as-social a {background-color: var(--black-color); color: var(--white-color); border: .1rem solid var(--white-color);}
.footer-wrapper .as-social a:hover {background-color: var(--theme-color); border-color: var(--theme-color); color: var(--white-color);}
.widget-area {padding-top: var(--section-space); padding-bottom: 7.5rem;}
.copyright-wrap {padding: 2.9rem 0;}
.copyright-text {margin: 0; color: var(--white-color);}
.copyright-text a {color: inherit;}
.copyright-text a:hover {color: var(--theme-color);}

@media (max-width: 1399px) {
  .as-social a {margin-right: .3rem;}
  .as-social a:last-child {margin-right: 0;}
}

.footer-links ul {padding: 0; margin: 0;}
.footer-links li {font-family: var(--body-font); display: inline-block; padding-right: 1.5rem; margin-right: 1rem; position: relative;}
.footer-links li:after {content: ''; height: 2rem; width: .1rem; background-color: var(--body-color); position: absolute; top: 50%; right: 0; margin: -1rem 0;}
.footer-links li:last-child {margin-right: 0; padding-right: 0;}
.footer-links li:last-child:after {display: none;}
.footer-links a {font-family: inherit; color: var(--body-color);}
.footer-links a:hover {color: var(--theme-color);}
.as-widget-contact {max-width: 28rem;}
.info-box {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 2rem; align-items: center;}
.info-box:last-child {margin-bottom: -.5rem;}
.info-box_icon {width: 3rem; height: 3rem; min-width: 3rem; font-size: 1.4rem; color: var(--white-color); border-radius: 99.9rem; text-align: center; margin-right: 1rem;}
.info-box_text {display: block; color: var(--white-color); margin-top: -0.45em; margin-bottom: 0;}
.info-box_link {display: inline-block; color: var(--white-color);}
.info-box_link:hover {color: var(--error-color);}
.footer-layout1 .widget-area {padding-top: var(--section-space); padding-bottom: 6rem;}
.footer-layout1 .copyright-wrap {padding: 2.6rem 0; border-top: .2rem solid var(--yellow-border);}
.footer-top {padding: 8rem 0; border-bottom: .1rem solid var(--border-color);}
.footer-top .footer-logo {border-right: .1rem solid var(--white-color);}
.subscribe-box {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 
align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-left: 1.6rem;}
.subscribe-box_text {color: var(--white-color); margin-bottom: 0;}
.subscribe-box_title {color: var(--white-color); margin-bottom: .5rem; font-weight: 600;}
.newsletter-form {width: 100%; max-width: 46rem; gap: 1rem;}
.newsletter-form .form-control {border: .1rem solid transparent; color: var(--body-color);}
.newsletter-form .form-control::-moz-placeholder {color: var(--body-color);}
.newsletter-form .form-control::-webkit-input-placeholder {color: var(--body-color);}
.newsletter-form .form-control:-ms-input-placeholder {color: var(--body-color);}
.newsletter-form .form-control::-ms-input-placeholder {color: var(--body-color);}
.newsletter-form .form-control::placeholder {color: var(--body-color);}
.newsletter-form .as-btn {min-width: 14rem; padding: 2.05rem 2rem;}
.footer-widget { margin-bottom: 4rem; } 
.footer-widget, .footer-widget .widget { padding: 0; border: none; padding-bottom: 0; background-color: transparent; box-shadow: none; } 
.footer-widget input, .footer-widget select { height: 5.5rem; background-color: transparent; border: .1rem solid var(--dark-desaturated-blue); } 
.footer-widget input:focus, .footer-widget select:focus { border-color: var(--theme-color); background-color: transparent; } 
.footer-widget .form-group > i { color: var(--theme-color); top: 1.8rem; } 
.footer-widget .widget_title { font-weight: 400; max-width: 27.5rem; margin-bottom: 3rem !important; padding-bottom: .4rem; border-bottom: solid .2rem var(--yellow-border); } 
.footer-widget .widget_title:after { border-top: 0; }
.footer-widget.widget_meta, .footer-widget.widget_pages, .footer-widget.widget_archive, .footer-widget.widget_categories, .footer-widget.widget_nav_menu {margin-bottom: 4rem;}
.footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul {
margin-top: -.3rem;}
.footer-widget.widget_meta .menu,
.footer-widget.widget_meta > ul, .footer-widget.widget_pages .menu,
.footer-widget.widget_pages > ul, .footer-widget.widget_archive .menu,
.footer-widget.widget_archive > ul, .footer-widget.widget_categories .menu,
.footer-widget.widget_categories > ul, .footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu > ul {margin-bottom: -.6rem;}
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { 
font-size: 1.6rem; font-weight: 400; padding: 0 0 0 2.3rem; margin-bottom: 1.9rem; border: none; display: block; max-width: 100%; width: -webkit-max-content; 
width: -moz-max-content; width: max-content; padding-right: 0; background-color: transparent; position: relative; }
.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, 
.footer-widget.widget_nav_menu a:before {content: "\276F";font-weight: 500;left: 0;top: .1rem;background-color: transparent;font-family: var(--icon-font);border: none;
color: var(--white-color);-webkit-transition: 0.4s -webkit-transform;transition: 0.4s -webkit-transform;transition: 0.4s transform;
transition: 0.4s transform, 0.4s -webkit-transform;position: absolute;left: 0;}
.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, 
.footer-widget.widget_nav_menu a:hover {background-color: transparent;color: var(--theme-color);}
.footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, 
.footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before {
color: var(--theme-color);-webkit-transform: translateX(.3rem);-ms-transform: translateX(.3rem);transform: translateX(.3rem);}
.footer-widget.widget_meta li > span, .footer-widget.widget_pages li > span, .footer-widget.widget_archive li > span, .footer-widget.widget_categories li > span, 
.footer-widget.widget_nav_menu li > span {width: auto;height: auto;position: relative;background-color: transparent;color: var(--body-color);line-height: 1;}
.footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, 
.footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a {margin-bottom: 0;}
.footer-widget .recent-post { max-width: 33rem; margin-top: -0.3em; }
.footer-widget .recent-post .post-title { line-height: 1.5; margin-bottom: .7rem; }
.footer-widget .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.footer-widget .recent-post .recent-post-meta i { color: var(--theme-color); -webkit-transition: 0.3s; transition: 0.3s; }
.footer-widget .recent-post .recent-post-meta a:hover i { color: var(--theme-color); }
.as-widget-about .about-logo { margin-bottom: 3.5rem; }
.as-widget-about .about-text { margin-bottom: 2.5rem; margin-top: -0.38em; }
.footer-text { margin-top: -0.38em; margin-bottom: 3rem; }
.newsletter-widget { max-width: 28rem; }
.newsletter-widget .newsletter-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; 
flex-direction: column;}
.newsletter-widget .as-btn:hover { color: var(--theme-color); }
.newsletter-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.newsletter-form .form-control { background-color: var(--white-color); border: .1rem solid var(--white-color); color: var(--title-color); }
.newsletter-form .form-control::-moz-placeholder { color: var(--title-color); }
.newsletter-form .form-control::-webkit-input-placeholder { color: var(--title-color); }
.newsletter-form .form-control:-ms-input-placeholder { color: var(--title-color); }
.newsletter-form .form-control::-ms-input-placeholder { color: var(--title-color); }
.newsletter-form .form-control::placeholder { color: var(--title-color); }
.newsletter-form .form-control:focus { background-color: var(--white-color); border-color: var(--title-color); }
.newsletter-form .icon-btn { min-width: 5.5rem; height: 5.5rem; border-radius: 0; background-color: var(--title-color); color: var(--white-color); }

@media (max-width: 1199px) {
  .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {margin-bottom: 1.6rem;}
  .newsletter-widget {padding-top: 4rem;}
  .newsletter-widget .bg-shape {height: 100%;}
}

@media (max-width: 1299px) {
  .subscribe-box .newsletter-form {max-width: 43rem;}
}

@media (max-width: 1199px) {
  .footer-top .footer-logo {text-align: center;border-right: none;padding: 0 0 3rem 0;}
  .subscribe-box {padding-left: 0;}
}

@media (max-width: 991px) {
  .footer-layout1 .widget-area {padding-top: 8rem; padding-bottom: 4rem;}
  .footer-layout1 .copyright-text {text-align: center;}
  .subscribe-box {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: 2rem;}
  .newsletter-form {max-width: 50rem; width: 100%;}
}

@media (max-width: 575px) {
  .newsletter-form {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
}

.newsletter-wrap {position: relative; z-index: 3; border-radius: 2rem; text-align: center; padding-left: 1.5rem; padding-right: 1.5rem;}
.newsletter-wrap .newsletter-form {margin-left: auto; margin-right: auto;}
.contact-card {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 1.5rem;}
.contact-card-wrap {display: grid; grid-template-columns: auto auto auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 
justify-content: space-between; padding: 5rem 0 5rem 7rem; border-left: .1rem solid var(--border-color);}
.contact-card_title {font-size: 2rem; font-weight: 600; margin-bottom: 1rem; margin-top: -0.35em;}
.contact-card .icon-btn {background-color: var(--theme-color) !important; color: var(--white-color) !important; font-size: 2.2rem;}
.contact-card_text {margin-bottom: -0.5em;}
.contact-card_text a {display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: inherit;}
.contact-card_text a:hover {color: var(--theme-color);}

@media (max-width: 1199px) {
  .footer-logo2 {padding: 3.5rem 0; text-align: center;}
  .contact-card-wrap {padding: 3.5rem 0; border-left: none; border-top: .1rem solid var(--border-color);}
}

@media (max-width: 991px) {
  .contact-card-wrap {grid-template-columns: auto auto;gap: 3rem 5rem;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
}

@media (max-width: 767px) {
  .contact-card {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center;} 
  .contact-card-wrap {-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} 
  .contact-card_text a {margin-left: auto; margin-right: auto;}
}

@media (max-width: 575px) {
  .contact-card-wrap {grid-template-columns: auto;}
}
/* ======================================== 
          Footer End
========================================  */





/* ======================================== 
          Breadcumb Start
========================================  */
.breadcumb-menu {max-width: 100%; padding: 0; margin: 2.6rem 0 -0.5em 0; list-style-type: none; position: relative;}
.breadcumb-menu li {display: inline-block; margin-right: .3rem; padding-right: .5rem; list-style: none; position: relative;}
.breadcumb-menu li:after {content: '\f054'; position: relative; margin-left: 1rem; font-weight: 600; font-size: 1.5rem; color: var(--white-color); font-family: var(--icon-font);}
.breadcumb-menu li:last-child {padding-right: 0; margin-right: 0;}
.breadcumb-menu li:last-child:after {display: none;}
.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {white-space: normal; color: inherit; word-break: break-word; font-weight: 400; font-size: 1.8rem; 
color: var(--white-color);}
.breadcumb-title {font-size: 4.8rem; font-weight: 700; line-height: 1.18; text-transform: uppercase; color: var(--white-color); margin: -0.2em 0 -0.22em 0;}
.breadcumb-wrapper {background-color: var(--title-color); padding: 18rem 0; overflow: hidden;}
.breadcumb-wrapper2 {background-color: var(--title-color); padding: 8rem 0; overflow: hidden;}
.breadcumb-shape {position: absolute; top: 0; right: 0; z-index: 1; height: 100%; width: 40%;}
.breadcumb-shape img {width: 100%; height: 100%; object-fit: cover; object-position: left center;}

@media (max-width: 1199px) {
  .breadcumb-title {font-size: 4.2rem;}
  .breadcumb-wrapper {padding: 14rem 0;}
}

@media (max-width: 991px) {
  .breadcumb-wrapper {padding: 12rem 0;}
  .breadcumb-shape {width: 25%;}
  .breadcumb-menu {margin: 2rem 0 -0.5em 0;}
  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {font-size: 1.6rem;}
  .breadcumb-title {font-size: 3.8rem;}  
}

@media (max-width: 767px) {
  .breadcumb-wrapper {padding: 10rem 0;}
  .breadcumb-title {font-size: 3.4rem;}
}
/* ======================================== 
          Breadcumb End
========================================  */





/* ======================================== 
          Pagination Start
========================================  */
.as-pagination {margin-bottom: 3rem;}
.as-pagination ul {margin: 0; padding: 0;}
.as-pagination li {display: inline-block; margin: 0 .3rem; list-style-type: none;}
.as-pagination li:last-child {margin-right: 0;}
.as-pagination li:first-child {margin-left: 0;}
.as-pagination span,
.as-pagination a {display: inline-block;text-align: center;position: relative;border: none;color: var(--title-color);background-color: var(--smoke-color);width: 5rem;height: 5rem;
line-height: 5rem;z-index: 1;font-size: 1.6rem;font-weight: 500;border-radius: .7rem;}
.as-pagination span.active, .as-pagination span:hover,.as-pagination a.active,.as-pagination a:hover {color: var(--white-color);background-color: var(--theme-color);
box-shadow: none;}

@media (max-width: 767px) {
  .as-pagination span,.as-pagination a {width: 4rem;height: 4rem;line-height: 4rem;font-size: 1.4rem;}
}
/* ======================================== 
          Pagination End
========================================  */





/* ======================================== 
          Single Product Start
========================================  */
.single-product .count-toppings{display: flex;justify-content: space-between;gap: 1rem;}
.single-product .count-toppings button{border: none;background: none;margin: 0;padding: 0;}
.single-product .count-toppings button svg path{fill: var(--light-white);cursor: pointer;transition: all 500ms ease;}
.single-product .count-toppings label img{opacity: 0.2;cursor: pointer;transition: all 500ms ease;}
.single-product .count-toppings label input{position: absolute;width: 100%;height: 100%;}
.single-product .count-toppings input[type="radio"]:checked + img {opacity: 1;}
.single-product .count-toppings .right-shape img{transform: rotate(180deg);}
.single-product .count-toppings label{position: relative;border: .1rem solid var(--light-white);border-radius: 100%;width: 4rem;height: 4rem;}
.single-product .increment-topping{display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;}
.single-product .increment-topping button{width: 4rem;height: 4rem;background: var(--white-color);}
.single-product .increment-topping .increment-topping-label-value{margin: 0;}
.increment-topping .increment-topping-value{height: auto;border: none;width: 2rem;background: transparent;padding: 0;}
.single-product .toppings-content h5{font-size: 1.6rem;line-height: 2.4rem;font-weight: 700;cursor: pointer;font-family: var(--body-font);color: var(--title-color);margin: 0;}
.single-product .toppings-content p{color: var(--black-color);margin-bottom: 0;font-size: 1.4rem;margin-top: .8rem;}
/* ======================================== 
          Single Product Start
========================================  */


/* ======================================== 
          Mobile Menu Start
========================================  */
.as-menu-wrapper {position: fixed;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 999999;width: 100%;height: 100%;-webkit-transition: all ease 0.8s;
transition: all ease 0.8s;opacity: 0;visibility: hidden;}
.as-menu-wrapper .mobile-logo {padding-bottom: 3rem;padding-top: 4rem;display: block;text-align: center;background-color: var(--success-color);}
.as-menu-wrapper .mobile-logo svg {max-width: 18.5rem;}
.as-menu-wrapper .as-menu-toggle {border: none;font-size: 2.2rem;position: absolute;right: -1.65rem;top: 2.5rem;padding: 0;line-height: 1;width: 3.3rem;height: 3.3rem;
line-height: 3.5rem;font-size: 1.8rem;z-index: 1;color: var(--white-color);background-color: var(--theme-color);border-radius: 50%;}
.as-menu-wrapper .as-menu-toggle:hover {background-color: var(--title-color);color: var(--white-color);}
.as-menu-wrapper .as-menu-area {width: 100%;max-width: 40rem;background-color: var(--success-color);border-right: .3rem solid var(--theme-color);height: 100%;position: relative;
left: -110%;opacity: 0;visibility: hidden;-webkit-transition: all ease 1s;transition: all ease 1s;z-index: 1;}
.menu-area-mobile {display: none;}
.as-menu-wrapper.as-body-visible {opacity: 1;visibility: visible;}
.as-menu-wrapper.as-body-visible .as-menu-area {left: 0;opacity: 1;visibility: visible;}
.as-mobile-menu {overflow-y: scroll;max-height: calc(100vh - 20rem);padding-bottom: 4rem;text-align: left;}
.as-mobile-menu ul {margin: 0;padding: 0 0;}
.as-mobile-menu ul li {list-style-type: none;margin-bottom: 2.4rem;}
.as-mobile-menu ul li a {display: block;position: relative;font-size: 1.6rem;text-transform: uppercase;color: var(--white-color);font-weight: 600;line-height: 2.4rem;
letter-spacing: .07rem;}
.as-mobile-menu ul li.as-active > a {color: var(--theme-color);}
.as-mobile-menu ul li.as-active > a:before {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.as-mobile-menu ul li ul li {padding-left: 2rem;}
.as-mobile-menu ul li ul li:last-child {border-bottom: none;}
.as-mobile-menu ul .as-item-has-children > a .as-mean-expand {position: absolute;right: 0;top: 50%;font-weight: 400;font-size: 1.2rem;width: 2.5rem;height: 2.5rem;
line-height: 2.5rem;margin-top: -1.25rem;display: inline-block;text-align: center;background-color: var(--smoke-color);color: var(--title-color);box-shadow: 0 0 2rem -.8rem rgba(173, 136, 88, 0.5);border-radius: 50%;}
.as-mobile-menu ul .as-item-has-children > a .as-mean-expand:before {content: '\f067';font-family: var(--icon-font);}
.as-mobile-menu ul .as-item-has-children > a:after {content: "\f067";font-family: var(--icon-font);width: 2.2rem;height: 2.2rem;line-height: 2.2rem;display: inline-block;
text-align: center;font-size: 1.2rem;border-radius: 5rem;background-color: var(--smoke-color);float: right;margin-top: .1rem;display: none;}
.as-mobile-menu ul .as-item-has-children.as-active > a .as-mean-expand:before {content: '\f068';}
.as-mobile-menu ul .as-item-has-children.as-active > a:after {content: "\f068";}
.as-mobile-menu > ul {padding: 0 1.6rem;}
.as-mobile-menu > ul > li:last-child {border-bottom: none;}
.as-menu-toggle {width: 5rem;height: 5rem;padding: 0;font-size: 2rem;border: none;background-color: var(--theme-color);color: var(--white-color);display: inline-block;
border-radius: .6rem;}
.as-menu-toggle:hover {background-color: var(--title-color);}
.as-menu-toggle.style-text, .as-menu-toggle.style-text-white {width: auto;height: auto;background-color: transparent;color: var(--title-color);font-size: 2rem;}
.as-menu-toggle.style-text i, .as-menu-toggle.style-text-white i {margin-right: 1rem;}
.as-menu-toggle.style-text-white {color: var(--white-color);}
.pizzadepotUser {display: flex;justify-content: space-between;align-items: center;text-transform: uppercase;font-size: 2rem;line-height: 2.8rem;width: 100%;border: none;
background: none;padding: 0;color: var(--white-color);padding-bottom: 2rem;margin-bottom: 1.6rem;font-weight: 600;letter-spacing: .07rem;
border-bottom: .1rem solid var(--white-color);}
.pizzadepotUser img {width: 2rem;filter: brightness(1) invert(1);}
.pizzadepotUserAfter {display: flex;align-items: center;text-transform: uppercase;font-size: 2rem;line-height: 2.8rem;width: 100%;border: none;background: none;padding: 0;
color: var(--white-color);padding-bottom: 2rem;margin-bottom: 1.6rem;font-weight: 600;letter-spacing: .07rem;border-bottom: .1rem solid var(--white-color);display: none;}
.pizzadepotUserAfter img {width: 2rem;filter: brightness(1) invert(1);margin-right: 1.6rem;}
.register-user.active .pizzadepotUserAfter {display: flex;}
.register-user {padding: 0 1.6rem;}
.register-user.active {height: 100%;}
.register-user.active .pizzadepotUser {display: none;}
.register-user.active .pizzadepotUser svg {transform: rotate(90deg);}
.register-user-account-menu {padding: 0;list-style-type: none;text-align: left;}
.register-user-account-menu li {margin-bottom: 2.4rem;}
.register-user-account-menu li a {display: block;position: relative;line-height: 2.4rem;font-size: 1.6rem;text-transform: uppercase;color: var(--white-color);font-weight: 600;}
.register-user-menu {display: none;}
.register-user-menu.active {display: block;transition: all .15s cubic-bezier(.4,0,.2,1);}

@media (max-width: 400px) {
  .as-menu-wrapper .as-menu-area {width: 100%;max-width: 27rem;}
  .as-mobile-menu > ul {padding: 0 2rem;}
}
/* ======================================== 
          Mobile Menu End
========================================  */


.other-options li{display: block;}
.other-options{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));row-gap: 1.2rem;list-style-type: none;padding-left: 0;}
.other-options li b {color: var(--new-gray-color);}
.other-options li {font-size: 1.4rem;line-height: 2rem;color: var(--success-color);font-weight: 500;}
.toastify.error{background: var(--theme-color) !important;color: var(--white-color) !important;}
.toastify.success{background: var(--success-color) !important;color:var(--white-color) !important;}
.reset_time{color: var(--theme-color);font-weight: bold;font-size: 1.3rem;font-family: var(--title-font);cursor: pointer;}
.cart-remove_item{border:none;background: transparent;line-height: 2.4rem;width: 2.4rem;padding: 0;}
.cart-remove_item img{width: 2.4rem;opacity: .5;}
.cart-emtpy{margin: 0 auto;}
.cart-emtpy::before{background-color: currentColor;  content: "";  display: block;height: 5em;  margin: 0 auto 2em;  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=);  mask-position: center;  mask-repeat: no-repeat;  mask-size: 5em;  width: 5em;}
.simple .quantity {width: 100% !important;padding: 0;margin-left: 0 !important;}




/* ======================================== 
          Comments Start
========================================  */
.as-comments-wrap {margin-top: var(--blog-space-y, 4rem);margin-bottom: 3rem;}
.as-comments-wrap .description p:last-child {margin-bottom: -0.5em;}
.as-comments-wrap .comment-respond {margin: 3rem 0;}
.as-comments-wrap pre {background: var(--white-bg);color: var(--dark-gray);font-size: 1.4rem;margin: 2rem 0;overflow: auto;padding: 2rem;white-space: pre-wrap;word-wrap: break-word;}
.as-comments-wrap li {margin: 0;}
.as-comments-wrap .as-post-comment {padding: 0;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-bottom: 3rem;
padding-bottom: 3rem;position: relative;border-bottom: .1rem solid var(--border-color);}
.as-comments-wrap .as-post-comment ol,
.as-comments-wrap .as-post-comment ul,
.as-comments-wrap .as-post-comment dl {margin-bottom: 1.6rem;}
.as-comments-wrap .as-post-comment ol ol,
.as-comments-wrap .as-post-comment ol ul,
.as-comments-wrap .as-post-comment ul ol,
.as-comments-wrap .as-post-comment ul ul {margin-bottom: 0;}
.as-comments-wrap ul.comment-list {list-style: none;margin: 0;padding: 0;margin-bottom: -3rem;}
.as-comments-wrap ul.comment-list ul ul,
.as-comments-wrap ul.comment-list ul ol,
.as-comments-wrap ul.comment-list ol ul,
.as-comments-wrap ul.comment-list ol ol {margin-bottom: 0;}
.as-comments-wrap .comment-avater {width: 8rem;height: 8rem;margin-right: 2rem;overflow: hidden;border-radius: 99.9rem;}
.as-comments-wrap .comment-avater img {width: 100%;}
.as-comments-wrap .comment-content {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;margin-top: -.6rem;position: relative;}
.as-comments-wrap .commented-on {font-size: 1.4rem;display: inline-block;margin-bottom: .2rem;font-weight: 400;color: var(--body-color);}
.as-comments-wrap .commented-on i {margin-right: .7rem;font-size: 1.5rem;}
.as-comments-wrap .name {margin-bottom: 1.2rem;font-size: 2rem;}
.as-comments-wrap .comment-top {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;
-ms-flex-pack: justify;justify-content: space-between;}
.as-comments-wrap .text {margin-bottom: 1rem;}
.as-comments-wrap .children {margin: 0;padding: 0;list-style-type: none;margin-left: 8rem;}
.as-comments-wrap .reply_and_edit {margin-top: 1.2rem;margin-bottom: -0.46em;}
.as-comments-wrap .reply_and_edit a {margin-right: 1rem;}
.as-comments-wrap .reply_and_edit a:last-child {margin-right: 0;}
.as-comments-wrap .reply-btn {font-weight: 600;font-size: 1.6rem;color: var(--theme-color);display: inline-block;}
.as-comments-wrap .reply-btn i {margin-right: .7rem;}
.as-comments-wrap .reply-btn:hover {color: var(--title-color);}
.as-comments-wrap .star-rating {font-size: 1.2rem;margin-bottom: 1rem;position: absolute;top: .5rem;right: 0;width: 8rem;}
ul.comment-list .as-comment-item:last-child > .as-post-comment {border-bottom: none;padding-bottom: 0;}
ul.comment-list .as-comment-item:first-child > .as-post-comment {padding-bottom: 3rem;border-bottom: .1rem solid var(--border-color);}

@media (max-width: 1199px) {
  .as-comments-wrap .children {margin-left: 4rem;}
}

@media (max-width: 767px) {
  .as-comments-wrap .as-post-comment {display: block;}
  .as-comments-wrap .star-rating {position: relative;top: 0;right: 0;}
  .as-comments-wrap .comment-top {display: block;}
  .as-comments-wrap .comment-avater {margin-right: 0;margin-bottom: 2.5rem;}
  .as-comments-wrap .children {margin-left: 4rem;}
  .as-comments-wrap .children {margin-left: 3rem;}
}
/* ======================================== 
          Comments End
========================================  */





/* ======================================== 
          Hero Area Start Hero Global
========================================  */
.as-hero-carousel .icon-btn {width: 5.8rem !important;height: 5.8rem !important;line-height: 5.8rem !important;padding: 0 !important;}
.hero-title .font-style {font-family: var(--style-font) !important;}
.hero-title .text-theme2 {color: var(--theme-color2) !important;}
.hero-title .text-theme {color: var(--theme-color) !important;}
.hero-1.phone {max-height: 55rem !important;}
.hero-2.phone {max-height: 70rem !important;}
.hero-2 h1{font-family: var(--title-font) !important;}

@media (max-width: 1500px) {
  .hero-3 .icon-btn {display: none !important;}
}
/* ======================================== 
          Hero Area End Hero Global
========================================  */





/* ======================================== 
          Error Start
========================================  */
.error-content {text-align: center;margin: 0 auto;}
.error-img {margin-bottom: 4rem;text-align: center;}
.error-title {font-size: 6.4rem;font-family: var(--style-font);margin-bottom: 1.4rem;}
.error-text {margin-bottom: 3rem;font-size: 2.4rem;font-weight: 600;}

@media (max-width: 991px) {
  .error-img {margin-bottom: 2rem;}
  .error-title {font-size: 4.4rem;margin-bottom: 1rem;}
  .error-text {font-size: 2rem;margin-bottom: 2rem;}
}

@media (max-width: 767px) {
  .error-title {font-size: 3.6rem;}
  .error-text {font-size: 1.8rem;font-weight: 500;line-height: 1.5;}
}
/* ======================================== 
          Error End
========================================  */





/* ======================================== 
          Popup Search Start
========================================  */
.popup-search-box {position: fixed;top: 0;left: 50%;background-color: rgba(0, 0, 0, 0.95);height: 0;width: 0;overflow: hidden;z-index: 99999;opacity: 0;visibility: hidden;
border-radius: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all ease 0.4s;transition: all ease 0.4s;}
.popup-search-box button.searchClose {width: 6rem;height: 6rem;position: absolute;top: 4rem;right: 4rem;border-width: .1rem;border-style: solid;border-color: var(--theme-color);
background-color: transparent;font-size: 2.2rem;border-radius: 50%;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);color: var(--theme-color);
-webkit-transition: all ease 0.4s;transition: all ease 0.4s;color: var(--theme-color);}
.popup-search-box button.searchClose:hover {color: var(--body-color);background-color: var(--white-color);border-color: transparent;border-color: transparent;
-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.popup-search-box form {position: absolute;top: 50%;left: 50%;display: inline-block;padding-bottom: 4rem;cursor: auto;width: 100%;max-width: 70rem;
-webkit-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform ease 0.4s;transition: -webkit-transform ease 0.4s;transition: transform ease 0.4s;transition: transform ease 0.4s, -webkit-transform ease 0.4s;}

@media (max-width: 1199px) {
  .popup-search-box form {max-width: 60rem;}
}

.popup-search-box form input {font-size: 1.8rem;height: 7rem;width: 100%;border: .2rem solid var(--theme-color);background-color: transparent;padding-left: 3rem;
color: var(--white-color);border-radius: 5rem;}
.popup-search-box form input::-moz-placeholder {color: var(--white-color);}
.popup-search-box form input::-webkit-input-placeholder {color: var(--white-color);}
.popup-search-box form input:-ms-input-placeholder {color: var(--white-color);}
.popup-search-box form input::-ms-input-placeholder {color: var(--white-color);}
.popup-search-box form input::placeholder {color: var(--white-color);}
.popup-search-box form button {position: absolute;top: 0;background-color: transparent;border: none;color: var(--white-color);font-size: 2.4rem;right: 1.2rem;
color: var(--white-color);cursor: pointer;width: 7rem;height: 7rem;-webkit-transition: all ease 0.4s;transition: all ease 0.4s;-webkit-transform: scale(1.001);
-ms-transform: scale(1.001);transform: scale(1.001);}
.popup-search-box form button:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.popup-search-box.show {opacity: 1;visibility: visible;width: 100.1%;height: 100%;-webkit-transition: all ease 0.4s;transition: all ease 0.4s;border-radius: 0;}
.popup-search-box.show form {-webkit-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);}
/* ======================================== 
          Popup Search End
========================================  */





/* ======================================== 
          Sidemenu Start
========================================  */
.sidemenu-wrapper {position: fixed;z-index: 99999;right: 0;top: 0;height: 100%;width: 0;background-color: rgba(0, 0, 0, 0.75);opacity: 0;visibility: hidden;
-webkit-transition: all ease 0.8s;transition: all ease 0.8s;}
.sidemenu-wrapper .closeButton {display: inline-block;border: .2rem solid;width: 5rem;height: 5rem;line-height: 5rem;font-size: 2.4rem;padding: 0;position: absolute;top: 2rem;
right: 2rem;background-color: var(--white-color);border-radius: 50%;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;}
.sidemenu-wrapper .closeButton:hover {color: var(--theme-color);border-color: var(--theme-color);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);
transform: rotate(90deg);}
.sidemenu-wrapper .sidemenu-content {background-color: var(--white-color);width: 45rem;margin-left: auto;padding: 12rem 3rem 8rem 3rem;height: 100%;overflow: scroll;
position: relative;right: -50rem;cursor: auto;-webkit-transition-delay: 1s;transition-delay: 1s;-webkit-transition: right ease 1s;transition: right ease 1s;}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {box-shadow: inset 0 0 .1rem rgba(0, 0, 0, 0.1);background-color: var(--background);}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {width: .2rem;background-color: var(--background);}
.sidemenu-wrapper .widget {padding: 0;border: none;background-color: transparent;}
.sidemenu-wrapper.show {opacity: 1;visibility: visible;width: 100%;-webkit-transition: all ease 0.8s;transition: all ease 0.8s;}
.sidemenu-wrapper.show .sidemenu-content {right: 0;opacity: 1;visibility: visible;}
/* ======================================== 
          Sidemenu End
========================================  */





/* ======================================== 
          Wocommerce Start
========================================  */
table.variations {width: -webkit-max-content;width: -moz-max-content;width: max-content;position: relative;}
table.variations td {padding: 0;}
table.variations td.label {padding-right: 1rem;width: -webkit-max-content;width: -moz-max-content;width: max-content;}
table.variations select {width: -webkit-max-content;width: -moz-max-content;width: max-content;font-weight: 400;line-height: 1.5;vertical-align: middle;margin: 0;
padding-right: 5.4rem;padding-left: 2rem;height: 5rem;}
table.variations .reset_variations {margin-left: 1.6rem;display: inline-block;position: absolute;left: 100%;bottom: 2.5rem;}
.wooscp-table-items a.added_to_cart.wc-forward {margin-left: 1.5rem;text-decoration: underline;}
.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open {z-index: 1111;}
#woosq-popup .product_meta {margin-top: 2rem;}
#woosq-popup .product_title {font-size: 2.4rem;margin-bottom: .5rem;}
#woosq-popup .single-product .product .actions {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;
display: -webkit-flex;display: -ms-flexbox;display: flex;gap: 2rem;}
#woosq-popup .single-product .product .actions > div {height: auto;overflow: visible;width: -webkit-max-content;width: -moz-max-content;width: max-content;}
.login-tab {margin-bottom: 3rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.login-tab button.nav-link {background-color: var(--smoke-color);color: var(--title-color);padding: 1.1rem 3.9rem;font-size: 1.8rem;font-weight: 500;border-radius: 1.5rem ​1.5rem 0;}
.login-tab button.nav-link.active {background-color: var(--theme-color);color: var(--white-color);}
.star-rating {overflow: hidden;position: relative;width: 10rem;height: 1.2em;line-height: 1.2em;display: block;font-family: var(--icon-font);font-weight: 700;font-size: 1.4rem;}
.star-rating:before {content: "\e28b\e28b\e28b\e28b\e28b";color: var(--yellow-color);float: left;top: 0;left: 0;position: absolute;letter-spacing: .3rem;font-weight: 400;}
.star-rating span {overflow: hidden;float: left;top: 0;left: 0;position: absolute;padding-top: 1.5em;}
.star-rating span:before {content: "\e28b\e28b\e28b\e28b\e28b";top: 0;position: absolute;left: 0;color: var(--yellow-color);letter-spacing: .3rem;}
/* ======================================== 
          Wocommerce End
========================================  */





/* ======================================== 
          Products Start
========================================  */
.as-product {-webkit-transition: all ease 0.4s;transition: all ease 0.4s;border-radius: 1rem;box-shadow: 0 .6rem 1.5rem rgba(1, 15, 28, 0.06);
border: .1rem solid rgb(213, 212, 212);}
.as-product:hover {border-color: rgb(76 114 42 / var(--tw-border-opacity));}
.as-product .product-title {font-size: 2rem; font-family: var(--title-font);margin: 1.6rem 0 0; text-transform: uppercase;font-weight: 600; color: var(--title-color);}
.as-product .product-content p{line-height:1.8rem; font-size: 1.4rem;}
.as-product .product-title a {color: inherit;}
.as-product .product-title a:hover {color: var(--title-color);}
.as-product .price {display: block;color: var(--theme-color);font-weight: 700;margin-bottom: -0.45em;font-family: var(--title-font);}
.as-product .price del {margin-left: 1rem;color: var(--body-color);}
.as-product .product-img {text-align: center;z-index: 3;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.as-product .product-img img {-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.as-product .product-content:after {content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;border-radius: inherit;-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;z-index: -2;}
.as-product .category {display: block;color: var(--body-color);margin: -0.5em 0 .5rem 0;}
.as-product .category:hover {color: var(--theme-color);}
.as-product .product-rating {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;gap: .4rem;-webkit-box-align: center;
-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-weight: 500;font-size: 1.5rem;}
.as-product .star-rating {margin: 0 auto .2rem auto;width: 9.3rem;}
.as-product .actions {--btn-size: 4.6rem;text-align: center;margin-top: 3rem;justify-content: space-between;}
.as-product .actions .icon-btn {box-shadow: 0 .4rem 2rem rgba(0, 0, 0, 0.05);background-color: var(--theme-color);color: var(--white-color);}
.as-product .actions .icon-btn:hover {background-color: var(--title-color);}
.as-product .actions > * {margin: 0 var(--icon-gap-x, .3rem);}
.as-product .actions > * > a {margin: 0;}
.as-product .icon-btn:nth-child(1), .as-product .icon-btn:nth-child(3) {background-color: var(--title-color);-webkit-transform: translateY(3rem);-ms-transform: translateY(3rem);
transform: translateY(3rem);visibility: hidden;opacity: 0;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.as-product .icon-btn:nth-child(1):hover, .as-product .icon-btn:nth-child(3):hover {background-color: var(--theme-color);}
.as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {width: 4.6rem;height: 4.6rem;line-height: 4.6rem;display: inline-block;}
.as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {position: relative;top: 0;left: 0;line-height: inherit;margin: 0;font-size: 2.4rem;}
.as-product .tinv-wishlist a {display: inline-block;width: 4.6rem;height: 4.6rem;line-height: 4.6rem;background-color: var(--white-color);color: var(--title-color);
border-radius: 50%;}
.as-product .tinv-wishlist a:hover {background-color: var(--theme-color);color: var(--white-color);}
.as-product .add_to_cart_button.added {display: none;}
.as-product .added_to_cart {width: 4.6rem;height: 4.6rem;line-height: 4.6rem;background-color: var(--white-color);color: var(--title-color);font-size: 0;text-align: center;
border-radius: 50%;}
.as-product .added_to_cart:after {content: "\f07a";position: relative;font-family: var(--icon-font);font-size: 1.6rem;font-weight: 700;}
.as-product .added_to_cart:hover {background-color: var(--title-color);color: var(--white-color);}
.as-product:hover .icon-btn {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.as-product.list-view {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;text-align: left;height: 100%;background-color: var(--smoke-color2);
border: .1rem solid var(--gray-color);border-radius: 1rem;}
.as-product.list-view .product-img {width: 100%;max-width: 13rem;margin: 0;background-color: rgba(255, 157, 45, 0.2);border-radius: 1rem;overflow: hidden;display: -webkit-box;
display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.as-product.list-view .star-rating {margin: 0 auto 1rem 0;width: 8rem;position: absolute;top: 2.7rem;right: 2.5rem;font-size: 1.2rem;}
.as-product.list-view .star-rating:before {letter-spacing: .4rem;}
.as-product.list-view .star-rating span:before {letter-spacing: .4rem;}
.as-product.list-view .product-content {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 2.6rem;position: relative;background-color: transparent;border-radius: 0;
box-shadow: none;}
.as-product.list-view .product-content:after {display: none;}
.as-product.list-view .product-text {font-size: 1.4rem;margin-bottom: 1rem;max-width: 38rem;}
.as-product.list-view .icon-btn:nth-child(1),
.as-product.list-view .icon-btn:nth-child(3) {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.as-product.list-view .actions {--btn-size: 3rem;--btn-font-size: 1.2rem;--icon-gap-x: 0;position: absolute;bottom: 2rem;right: 2rem;margin-top: 1.8rem;}
.as-product.list-view .actions .as-btn {height: 4rem;padding: 1.4rem 1.9rem;}
.as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {width: 3.5rem;height: 3.5rem;line-height: 3.5rem;}
.as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {font-size: 2rem;}
.as-product.list-view .tinv-wishlist a {width: 3.5rem;height: 3.5rem;line-height: 3.5rem;}
.as-product.list-view .added_to_cart {width: 3.5rem;height: 3.5rem;line-height: 3.5rem;}
.as-product.list-view .added_to_cart:after {font-size: 1.6rem;}
.as-product.list-view .action-btn {padding: .8rem 1.5rem;}
.as-product.list-view .tag {top: .8rem;right: .8rem;padding: 0 1.5rem;}
.as-product.list-view .product-title {font-size: 1.4rem;margin: -0.24em 0 1rem 0;}
.as-product.list-view .product-title.active {color: var(--yellow-color) !important;}
.as-product.list-view .product-price {font-size: 1.4rem;}
.as-product.list-view:hover .product-img {background-color: var(--theme-color2);}
.as-product.list-view:hover .product-img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product_style1 {padding: 2.7rem 0 4.5rem 0;background-color: var(--white-color);box-shadow: 0 .6rem 3rem rgba(1, 15, 28, 0.08);border-radius: 99.9rem;}
.product_style1 .product-content {background-color: transparent;padding: 0;box-shadow: none;}
.product_style1 .product-content:after {display: none;}
.product_style1 .product-img {margin-bottom: 0;}
.mfp-content {margin: 2.4rem auto;}
.mfp-content .product-details-img {padding-top: 1.5rem;}
.mfp-content .product-about {padding-top: 4rem;padding-bottom: 4rem;}
.mfp-content .container {position: relative;border-radius: 1rem;}
.mfp-content .product-big-img {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
.woosq-popup {max-height: 60rem;max-width: 1220px;}
.woosq-popup .product_meta > span > a:after,
.woosq-popup .product_meta > span > span:after {display: none;}
.woosq-product > .product > div {max-height: 60rem;min-height: 46rem;height: auto;}
.as-sort-bar {background-color: var(--smoke-color);padding: 1.5rem 3rem;margin: 0 0 4rem 0;border-radius: .5rem;}
.as-sort-bar .row {--bs-gutter-x: 0;--bs-gutter-y: 1.5rem;}
.as-sort-bar select {height: 5rem;border: none;background-color: var(--white-color);width: fit-content;min-width: 25rem;font-size: 1.6rem;margin: 0;border-radius: .5rem;}
.as-sort-bar .woocommerce-result-count {margin-bottom: 0;}
.as-sort-bar .nav a {display: inline-block;position: relative;font-family: var(--title-font);font-weight: 600;font-size: 1.6rem;text-transform: capitalize;color: var(--body-color);
margin: 0 0 0 2rem;}
.as-sort-bar .nav a.active, .as-sort-bar .nav a:hover {color: var(--theme-color);}
.product-thumb-area {position: relative;}
.product-thumb-area .product-thumb-tab {position: absolute;top: 0;left: 0;}
.product-thumb-tab {max-width: 10rem;position: relative;}
.product-thumb-tab .tab-btn {height: 10rem;width: 10rem;background-color: var(--smoke-color2);border-radius: 1rem;padding: 1.8rem 1.3rem 1.3rem 1.3rem;cursor: pointer;}
.product-thumb-tab .tab-btn:not(:last-of-type) {margin-bottom: 2.4rem;}
.product-thumb-tab .indicator {position: absolute;top: var(--pos-y);left: var(--pos-x);width: var(--width-set);height: var(--height-set);border: .2rem solid var(--theme-color);
border-radius: 1rem;pointer-events: none;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.product-big-img {background-color: var(--smoke-color2);text-align: center;max-width: calc(100% - 12.4rem);height: 59.6rem;margin-left: 12.4rem;padding: 8rem 3.3rem 3.3rem 3.3rem;
border-radius: 2rem;}
.product-big-img .img {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;
align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 100%;}
.quantity {position: relative;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle;}
.quantity > .screen-reader-text {display: inline-block;font-weight: 600;color: var(--title-color);font-family: var(--title-font);margin: 0;-webkit-align-self: center;
-ms-flex-item-align: center;align-self: center;margin-right: 1rem;}
.quantity .qty-btn,
.quantity .qty-input {display: inline-block;width: 5rem;height: 5rem;border: none;border-right: none;background-color: transparent;padding: 0;border-radius: 0;text-align: center;
color: var(--body-color);font-size: 1.8rem;font-weight: 600;}
.quantity .qty-btn:last-child,
.quantity .qty-input:last-child {border-right: none;}
.quantity .qty-btn {font-size: 1.6rem;}
.product_meta {font-weight: 700;font-size: 1.6rem;font-family: var(--body-font);margin: 3.5rem 0 0 0;}
.product_meta > span {display: block;margin-bottom: .5rem;color: var(--title-color);font-weight: bold;}
.product_meta > span:last-child {margin-bottom: 0;}
.product_meta > span a {color: inherit;}
.product_meta > span a:hover {color: var(--theme-color);}
.product_meta > span > a,
.product_meta > span > span {position: relative;color: var(--body-color);font-weight: 400;}
.product_meta > span > a:after,
.product_meta > span > span:after {content: ",";margin-right: .5rem;}
.product_meta > span > a:last-child:after,
.product_meta > span > span:last-child:after {display: none;}
.product_meta > span > a:first-child,
.product_meta > span > span:first-child {margin-left: .7rem;}
.product-tab-style1 {border-bottom: .1rem solid var(--border-color);margin: 9.5rem auto 4rem auto;padding-bottom: 4rem;-webkit-box-pack: center;-webkit-justify-content: center;
-ms-flex-pack: center;justify-content: center;gap: 2.4rem;}
.product-tab-style1 .as-btn {background-color: var(--smoke-color2);border: .1rem solid var(--border-color);color: var(--title-color);}
.product-tab-style1 .as-btn:before {background-color: var(--theme-color);}
.product-tab-style1 .as-btn:hover, .product-tab-style1 .as-btn.active {color: var(--white-color);border-color: var(--theme-color);}
#productTabContent {margin-bottom: -1rem;}
#additional_information {margin-bottom: 4rem;}
.product-inner-list > ul {margin: 0;padding: 0;list-style-type: none;}
.product-inner-list li {position: relative;padding-left: 1.5rem;}
.product-inner-list li:before {content: "-";position: absolute;left: 0;}
.summary-content .product-title,
.product-about .product-title {margin: 0 0 1rem 0;}
.summary-content > .price,
.product-about > .price {font-family: var(--body-font);font-size: 2rem;font-weight: 700;color: var(--theme-color);display: inline-block;margin-bottom: 2rem;}
.summary-content > .price del,
.product-about > .price del {color: var(--body-color);font-weight: 500;margin-left: 1.5rem;}
.summary-content .product-rating,
.product-about .product-rating {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;gap: .5rem;-webkit-box-align: center;
-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;top: .2rem;font-size: 1.6rem;line-height: 2rem;padding: 0 0 0 0;margin: 0 0 0 0;
margin-bottom: 2rem;}
.summary-content .product-rating .star-rating,
.product-about .product-rating .star-rating {width: 8rem;font-size: 1.2rem;margin-right: .8rem;}
.summary-content .checklist,
.product-about .checklist {margin: 3rem 0 4rem 0;}
.summary-content .checklist li,
.product-about .checklist li {font-weight: 400;}
.summary-content .actions,
.product-about .actions {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
gap: 1.5rem 2.4rem;margin: 3rem 0 3rem 0;}
.summary-content .actions .as-btn,
.product-about .actions .as-btn {border-radius: 10rem;}
.summary-content .actions .as-btn .btn-icon,
.product-about .actions .as-btn .btn-icon {padding: 1.05rem 1.5rem 1.05rem 1.5rem;}
.summary-content .actions .icon-btn,
.product-about .actions .icon-btn {border-radius: 1rem;background-color: var(--title-color);color: var(--white-color);}
.summary-content .actions .icon-btn:hover,
.product-about .actions .icon-btn:hover {background-color: var(--theme-color);}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {width: 5.6rem;height: 5.6rem;line-height: 5.6rem;display: inline-block;border-radius: 0;}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {position: relative;top: 0;left: 0;line-height: inherit;margin: 0;font-size: 2.4rem;}
.summary-content .tinv-wishlist a,
.product-about .tinv-wishlist a {display: inline-block;width: 5.6rem;height: 5.6rem;line-height: 5.6rem;border-radius: 0;}
.summary-content .tinv-wishlist a:hover,
.product-about .tinv-wishlist a:hover {background-color: var(--theme-color);color: var(--white-color);}
.summary-content .quantity,
.product-about .quantity {border: .2rem solid var(--border-color);border-radius: 1rem;width: 12rem;}
.summary-content .quantity .qty-input,
.product-about .quantity .qty-input {width: 6.2rem;height: 5.2rem;border: none;background-color: transparent;color: var(--title-color);padding: 0 2.5rem;text-align: left;
font-weight: 500;border-right: .2rem solid var(--border-color);}
.summary-content .quantity .qty-btn,
.product-about .quantity .qty-btn {color: var(--title-color);background-color: transparent;position: absolute;right: 2.2rem;height: auto;width: auto;border: none;}
.summary-content .quantity .quantity-minus,
.product-about .quantity .quantity-minus {bottom: .7rem;}
.summary-content .quantity .quantity-plus,
.product-about .quantity .quantity-plus {top: .8rem;}
.summary-content .share,
.product-about .share {margin-top: 2.4rem;}
.summary-content .share-title,
.product-about .share-title {margin-bottom: .8rem;font-weight: 500;color: var(--title-color);}
.summary-content .share-title i,
.product-about .share-title i {color: var(--theme-color);}
.summary-content .as-social a,
.product-about .as-social a {background-color: var(--border-color);color: var(--body-color);border-radius: .5rem;}
.summary-content .as-social a:hover,
.product-about .as-social a:hover {background-color: var(--theme-color);color: var(--white-color);}
#description {margin-bottom: 3rem;}
.product-details .as-comments-wrap {margin-top: 0;}
.product-details .border-title {position: relative;padding-bottom: 2rem;margin-bottom: 4rem;}
.product-details .border-title:before {content: "";position: absolute;left: 0;bottom: 0;height: .2rem;width: 8rem;background-color: var(--theme-color);}
.product-inner-title {font-size: 3.2rem;border-bottom: .1rem solid var(--border-color);padding: 0 0 .7rem 0;margin: 0 0 3rem 0;}
.related-product-wrapper {padding-top: 11.5rem;}

@media (max-width: 1399px) {
  .as-product.list-view .product-img {max-width: 15rem;}
}

@media (max-width: 1299px) {
  .summary-content,
  .product-about {padding-left: 0;}
}

@media (max-width: 1199px) {
  .as-sort-bar select {min-width: auto;}
  .product-big-img {padding: 13rem .8rem .8rem .8rem;}
  .summary-content .actions, .product-about .actions {gap: 1.6rem;}
  .product-tab-style1 {margin: 5.5rem 0 4rem 0;}
}

@media (max-width: 991px) {
  .product-big-img {margin-bottom: 4rem;padding: 8rem .8rem .8rem .8rem;}
  .as-product.list-view .product-img {max-width: 18rem;}
  .as-sort-bar {padding: 1.5rem;}
  .as-sort-bar .row {--bs-gutter-x: 2rem;}
  .as-sort-bar .nav a:last-child {margin-right: 0;padding-right: 0;}
  .as-sort-bar .nav a:last-child:before {display: none;}
  .woosq-product > .product .thumbnails {max-height: 40rem;min-height: 20rem;padding: 1rem;}  
}

@media (max-width: 767px) {
  .as-sort-bar {text-align: center;}
  .as-sort-bar .nav {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
  .as-sort-bar select {margin: 0 auto;}
  .product-thumb-tab .tab-btn {height: 7.5rem;width: 7.5rem;padding: 1rem .6rem .6rem .6rem;}
  .product-thumb-tab .tab-btn:not(:last-of-type) {margin-bottom: 1.5rem;}
  .product-big-img {max-width: calc(100% - 9rem);margin-left: 9rem;height: 43.5rem;padding: 5rem .8rem .8rem .8rem;border-radius: 1rem;}
  .as-product.list-view .product-img {max-width: 13rem;}
}

@media (max-width: 575px) {
  .as-product {max-width: 32rem;margin-left: auto;margin-right: auto;}
  .product_style1 {max-width: 28.7rem;}
  .product-about .actions {gap: 1.5rem;}
  .as-product.list-view {max-width: 100%;}
  .as-product.list-view .product-img {max-width: 14rem;}
  .as-product.list-view .product-text {display: none;}
  .as-product.list-view .star-rating {position: relative;top: unset;right: unset;margin-bottom: 1.5rem;}
  .as-product.list-view .actions{position: relative;right: unset;bottom: unset;text-align: left;}
}

@media (max-width: 450px) {
  .product-thumb-tab .tab-btn {height: 6rem;width: 6rem;padding: .6rem .3rem .3rem .3rem;border-radius: .5rem;}
  .product-thumb-tab .tab-btn:not(:last-of-type) {margin-bottom: .8rem;}
  .product-thumb-tab .indicator {border-radius: .5rem;border: .1rem solid var(--theme-color);}
  .product-big-img {max-width: calc(100% - 6.8rem);margin-left: 6.8rem;height: 33.2rem;padding: 4rem .8rem .8rem .8rem;border-radius: 1rem;}
}

@media (max-width: 375px) {
  .product-big-img {padding: 7rem .8rem .8rem .8rem;}
}

@media (max-width: 370px) {
  .as-product.list-view {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .as-product.list-view .product-img {max-width: 100%;width: 100%;min-height: 18rem;}
}
/* ======================================== 
          Products End
========================================  */





/* ======================================== 
          Cart Start
========================================  */
.cart_table {border: .1rem solid var(--bright-gray);margin-bottom: 4.5rem;}
.cart_table thead {background-color: var(--bright-gray);}
.cart_table thead th {border: none !important;}
.cart_table td:before,
.cart_table th {font-family: var(--title-font);color: var(--title-color);font-weight: 600;border: none;padding: 2.7rem 1.5rem;}
.cart_table td:before {content: attr(data-title);position: absolute;left: 1.5rem;top: 50%;vertical-align: top;padding: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: none;}
.cart_table td {border: none;border-bottom: .1rem solid var(--white-bg);color: var(--white-bg);padding: 2rem 1rem;position: relative;vertical-align: middle;}
.cart_table .product-quantity {color: var(--title-color);}
.cart_table .product-quantity input {position: relative;top: -.2rem;}
.cart_table .cart-productname {font-weight: 400;font-family: var(--body-font);color: var(--body-color);}
.cart_table .cart-productimage {display: inline-block;border: .1rem solid var(--smoke-color);padding: .8rem .4rem 0 0;border-radius: .5rem;}
.cart_table .remove {color: var(--theme-color);font-size: 1.8rem;}
.cart_table .quantity {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.cart_table .qty-btn {border: .2rem solid var(--smoke-color) !important;background-color: transparent;color: var(--qty-btn);padding: 0;width: 3rem;height: 3rem;line-height: 2.8rem;font-size: 1.6rem;border-radius: .4rem;}
.cart_table .qty-btn:hover {background-color: var(--theme-color);color: var(--white-color);}
.cart_table .qty-input {vertical-align: middle;border: .2rem solid var(--smoke-color);width: 7rem;height: 3rem;font-size: 1.4rem;text-align: center;color: var(--title-color);font-weight: 700;margin: 0 1rem;border-radius: .4rem;padding: 0;}
.cart_table .qty-input::-moz-placeholder {color: var(--title-color);}
.cart_table .qty-input::-webkit-input-placeholder {color: var(--title-color);}
.cart_table .qty-input:-ms-input-placeholder {color: var(--title-color);}
.cart_table .qty-input::-ms-input-placeholder {color: var(--title-color);}
.cart_table .qty-input::placeholder {color: var(--title-color);}
.cart_table .qty-input::-webkit-outer-spin-button, .cart_table .qty-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.cart_table .qty-input[type=number] {-moz-appearance: textfield;}
.cart_table .actions {text-align: right;vertical-align: middle;}
.cart_table .actions > .as-btn {font-size: 1.4rem;padding: 1.7rem 2.8rem;margin-right: 1.5rem;}
.cart_table .actions > .as-btn:last-child {margin-right: 0;}
.cart_table .as-cart-coupon {float: left;margin: 0;width: 45.5rem;max-width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.cart_table .as-cart-coupon input {height: 5rem;width: calc(100% - 20rem);margin-right: 1rem;}
.cart_table .as-cart-coupon .as-btn {font-size: 1.4rem;padding: 1.7rem 2.2rem;width: -webkit-max-content;width: -moz-max-content;width: max-content;}
.cart_totals {border: .1rem solid var(--bright-gray);}
.cart_totals th,
.cart_totals td {vertical-align: top;padding: 2rem 2rem;border: none;border-bottom: .1rem solid var(--bright-gray);font-size: 1.4rem;color: var(--title-color);width: 55%;}
.cart_totals th:first-child,
.cart_totals td:first-child {width: 45%;background-color: var(--white-bg);font-weight: 700;font-size: 1.4rem;color: var(--black-color);}
.cart_totals .shipping-calculator-form {display: none;}
.cart_totals .shipping-calculator-form p:first-child {margin-top: 2rem;}
.cart_totals .shipping-calculator-form p:last-child {margin-bottom: 0;}
.cart_totals .shipping-calculator-form .as-btn {padding: .5rem 3rem;}
.cart_totals .amount {font-weight: 700;}
.cart_totals .order-total .amount {color: var(--theme-color);}

@media (max-width: 991px) {
  .cart_table th {padding: 2.3rem .8rem;font-size: 1.4rem;}
  .cart_table .cart-productname {font-size: 1.4rem;}
  .cart_table .as-cart-coupon {width: 100%;margin-bottom: 2rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
  .cart_table .actions {text-align: center;}
}

@media (max-width: 767px) {
  .cart_table {text-align: left;min-width: auto;border-collapse: separate;border-spacing: 0 2rem;border: none;}
  .cart_table thead {display: none;}
  .cart_table td {padding: 1.5rem;display: block;width: 100%;padding-left: 25%;text-align: right;border: .1rem solid var(--white-bg);border-bottom: none;}
  .cart_table td::before {display: block;}
  .cart_table td:last-child {border-bottom: .1rem solid var(--white-bg);}
  .cart_table td.actions {padding-left: 1.5rem;text-align: center;}
  .cart_table td.actions > .as-btn {margin-top: 1rem;margin-right: 0;display: block;width: -webkit-max-content;width: -moz-max-content;width: max-content;margin-left: auto;margin-right: auto;}
  .cart_table td.actions > .as-btn:last-child {margin-right: auto;}
  .cart_table .as-cart-coupon {width: 100%;text-align: center;float: none;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;display: block;padding-bottom: 1rem;}
  .cart_table .as-cart-coupon input {width: 100%;margin-bottom: 1rem;}
  .cart_totals th,.cart_totals td {padding: 1.5rem 1rem;}
  .cart_totals th:first-child,.cart_totals td:first-child {width: 17%;line-height: 1.4;}
}
/* ======================================== 
          Cart End
========================================  */





/* ======================================== 
          Checkout Start
========================================  */
.select2-container--default .select2-search--dropdown .select2-search__field {border: .1rem solid var(--white-bg);padding: 0;}
#ship-to-different-address {margin-top: 1.5rem;}
.select2-container--default .select2-selection--single {height: 6rem;border: .1rem solid var(--white-bg);}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 6rem;padding-left: 3rem;padding-right: 2.5rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {content: '\f107';font-family: var(--icon-font);}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin: 0;border: none;top: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 6rem;line-height: 6rem;margin-right: 3rem;}
span.select2-selection.select2-selection--single:focus {outline: none;}
.shipping-calculator-form .form-select,
.shipping-calculator-form .form-control {height: 4rem;padding-left: 1.5rem;font-size: 1.6rem;border-radius: 0;background-position: right 1.3rem center;}
.shipping-calculator-form .as-btn {font-size: 1.4rem;padding: 0 2rem;width: -webkit-max-content;width: -moz-max-content;width: max-content;height: 4rem;}
.checkout-ordertable th,
.checkout-ordertable td {border: none;vertical-align: top;padding: .5rem 0;font-size: 1.4rem;font-weight: 700;color: var(--checkout-td-th);}
.checkout-ordertable ul {margin: 0;padding: 0;}
.checkout-ordertable .order-total .amount {color: var(--theme-color);}
.checkout-ordertable input[type="hidden"] ~ label {color: var(--theme-color);}
.checkout-ordertable th,
.checkout-ordertable td {border: .1rem solid var(--white-bg);text-align: right;padding: .5rem 2rem;}
.checkout-ordertable th {text-align: left;}

@media (max-width: 767px) {
  tfoot.checkout-ordertable th {display: none;}
  .checkout-ordertable th,
  .checkout-ordertable td {padding: .5rem 2rem .5rem 6rem;}
}
/* ======================================== 
          Checkout End
========================================  */





/* ======================================== 
          Wishlist Start
========================================  */
.tinv-wishlist input[type=checkbox] {display: inline-block;opacity: 1;visibility: visible;vertical-align: middle;width: auto;height: auto;}
.tinv-wishlist .tinv-header {margin-top: -1.3rem;}
.tinv-wishlist .cart-empty {padding: 1.2rem 2.5rem;background-color: var(--white-bg);border-radius: .5rem;font-weight: 700;font-size: 1.4rem;}
.tinv-wishlist p.return-to-shop .button {display: inline-block;background-color: var(--theme-color);color: var(--white-color);font-size: 1.4rem;padding: 1rem 2.5rem;margin-top: 1rem;font-weight: 700;}
.tinv-wishlist p.return-to-shop .button:Hover {background-color: var(--title-color);color: var(--white-color);}
.tinv-wishlist table {border: none;}
.tinv-wishlist table th {color: var(--title-color);}
.tinv-wishlist table td, .tinv-wishlist table th {padding: 1.53rem 1rem;border-bottom: .1rem solid var(--border-color);text-align: center;}
.tinv-wishlist table thead {background-color: var(--smoke-color);}
.tinv-wishlist .product-cb,
.tinv-wishlist .product-remove {width: 4rem;text-align: center;}
.tinv-wishlist .product-thumbnail {width: 11rem;}
.tinv-wishlist .product-thumbnail img {padding-top: .6rem;padding-right: .4rem;}
.tinv-wishlist .stock.in-stock {margin-bottom: 0;}
.tinv-wishlist ins {text-decoration: none;}
.tinv-wishlist .product-remove button {border: none;height: 2.2rem;width: 2.2rem;text-align: center;font-size: 1.2rem;line-height: 2.2rem;border-radius: 0;padding-top: 0;}
.tinv-wishlist .product-remove button i {line-height: 2.2rem;font-size: 1.6rem;}
.tinv-wishlist .tinvwl-mobile {display: none;}
.tinv-wishlist .social-buttons {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;max-width: 29.5rem;margin-left: auto;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.tinv-wishlist .social-buttons ul {padding-left: 0;margin-bottom: 0;margin-left: auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;gap: .6rem;}
.tinv-wishlist table.tinvwl-table-manage-list {font-size: 1.6rem;}
.tinv-wishlist .product-stock .stock {display: block;}
.tinv-wishlist .product-stock span {display: inline;}
.tinv-wishlist .product-stock i {margin-right: .5rem;}
.tinv-wishlist .tinv-modal .icon_big_times {margin-bottom: .5rem;color: var(--theme-color);}
.tinv-wishlist button.button {border: none;height: 4rem;line-height: 4rem;font-size: 1.4rem;font-weight: 600;background-color: var(--theme-color);color: var(--white-color);padding: .1rem 1.5rem;min-width: 14rem;}
.tinv-wishlist button.button.mask-btn {padding: 0;}
.tinv-wishlist button.button .btn-text-mask {padding: 0.05rem 2.1rem;}
.tinv-wishlist button.button:hover {background-color: var(--title-color);color: var(--white-color);}
.tinv-wishlist button.button i {font-size: 1em !important;margin-right: .3rem !important;}
.tinv-wishlist th,
.tinv-wishlist td.product-name {font-size: 1.6rem;font-weight: 600;font-family: var(--title-font);}
.tinv-wishlist td.product-name a {color: var(--body-color);}
.tinv-wishlist td.product-name a:hover {color: var(--theme-color);}
.tinv-wishlist td.product-price del {margin-left: .8rem;font-size: 0.9em;}
.tinv-wishlist .social-buttons > span {font-weight: 700;margin-right: 1rem;font-family: var(--title-font);color: var(--title-color);}
.tinv-wishlist .social-buttons li {display: inline-block;margin-right: 0;}
.tinv-wishlist .social-buttons li a.social {background-color: var(--theme-color);color: var(--white-color);width: 3rem;height: 3rem;line-height: 3rem;font-size: 1.4rem;display: inline-block;text-align: center;border-radius: 5rem;margin-left: .3rem;}
.tinv-wishlist .social-buttons li a.social:first-child {margin-left: 0;}
.tinv-wishlist .social-buttons li a.social i {line-height: inherit;}
.tinv-wishlist .social-buttons li a.social:hover {background-color: var(--title-color);color: var(--white-color);}

@media (max-width: 991px) {
  .tinvwl-full {display: none;}
  .tinv-wishlist .tinvwl-mobile {display: block;}
  .tinvwl-txt {display: block;}
  .tinv-wishlist .product-stock {width: 4rem;text-align: center;}
  .tinv-wishlist .product-stock .tinvwl-txt {display: none;}  
}

@media (max-width: 767px) {
  .tinv-wishlist table {table-layout: fixed;border-bottom: .1rem solid var(--border-color);}
  .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove, .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) {display: none;}
  .tinv-wishlist table td, .tinv-wishlist table th {border: .1rem solid var(--border-color);}
  .tinv-wishlist table.tinvwl-table-manage-list tbody td {display: block;width: 100% !important;text-align: center;}
  .product-name {text-align: center;}
  .cart-summary .product-name {text-align: left;}
  .tinv-wishlist table td, .tinv-wishlist table th {border-bottom: none;}
  .tinv-wishlist table tfoot {border-bottom: .1rem solid var(--border-color);}
  .tinv-wishlist .social-buttons {max-width: 100%;margin-left: unset;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
  .tinv-wishlist .social-buttons ul {margin-left: unset;margin-top: .5rem;}
  .tinvwl-txt {display: inline-block;}
  .tinv-wishlist .product-stock .tinvwl-txt {display: inline;}
}
/* ======================================== 
          Wishlist End
========================================  */





/* ======================================== 
          Contact Start
========================================  */
.quote-form {padding: 4rem;border-top: .5rem solid var(--theme-color);background-color: var(--white-color);box-shadow: 0 1rem 5rem rgba(7, 36, 95, 0.1);}
.quote-form .form-title {margin-top: -0.26em;margin-bottom: 2.6rem;}
.quote-form.style2 {padding: 3rem;border-top: none;}
.call-btn {color: var(--theme-color);font-size: 3rem;font-weight: bold;font-family: var(--title-font);display: inline-block;}
.call-btn .play-btn {--icon-size: 4.5rem;font-size: 1.4rem;margin-right: 1.5rem;}
.call-btn .play-btn > i {background-color: var(--theme-color);color: var(--white-color);}
.call-btn .play-btn:after, .call-btn .play-btn:before {background-color: var(--theme-color);}
.call-btn .fa-phone {font-size: 2.2rem;}
.call-btn .btn-title {font-size: 1.8rem;margin-bottom: .2rem;font-weight: bold;}
.call-btn .btn-text {font-size: 2.2rem;}
.call-btn.style2 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;gap: 1rem;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.call-btn.style3 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.call-btn.style3 .btn-title {font-size: 1.6rem;font-weight: 500;color: var(--white-color);margin-bottom: 0;}
.call-btn.style3 .btn-text {font-size: 2rem;color: var(--white-color);}
.call-btn.style3 .play-btn > i {background-color: var(--white-color);color: var(--theme-color);}
.call-btn.style3 .play-btn:after, .call-btn.style3 .play-btn:before {background-color: var(--white-color);}
.call-btn:hover .icon-btn {background-color: var(--title-color);}
.call-btn:hover .play-btn > i {background-color: var(--title-color);}
.call-btn:hover .play-btn:after, .call-btn:hover .play-btn:before {background-color: var(--title-color);}

@media (max-width: 767px) {
  .call-btn {font-size: 2.4rem;}
}

@media (max-width: 375px) {
  .quote-form {padding: 4rem 1.5rem;}
  .quote-form.style2 {padding: 3rem 1.5rem;}
}

.box-wrap1 {padding: 3rem 2.2rem 3rem 3rem;height: 100%;}
.contact-info {background-color: var(--white-color);background-size: 100% 100%;padding: 5rem 1.5rem;text-align: center;box-shadow: 0 -.4rem 3rem rgba(1, 15, 28, 0.08);
border-radius: 1rem;}
.contact-info_title {margin-bottom: .6rem;}
.contact-info_icon {display: inline-block;width: 8rem;height: 8rem;line-height: 8.3rem;background-color: var(--theme-color);color: var(--white-color);text-align: center;
font-size: 3.2rem;border-radius: 99.9rem;margin: 0 auto 3rem auto;position: relative;z-index: 2;}
.contact-info_icon:before, .contact-info_icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: var(--theme-color);opacity: 0.2;
border-radius: inherit;z-index: -2;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.contact-info_icon:before {left: -1rem;top: -.5rem;}
.contact-info_icon:after {right: -1rem;top: .5rem;}
.contact-info_text {display: block;margin-bottom: -0.5em;}
.contact-info_text span,
.contact-info_text a {display: block;max-width: -webkit-fit-content;max-width: -moz-fit-content;max-width: fit-content;margin-left: auto;margin-right: auto;}
.contact-info_text a {color: var(--body-color);}
.contact-info_text a:hover {color: var(--theme-color);}
.contact-info:hover .contact-info_icon:before {left: 0;top: 0;}
.contact-info:hover .contact-info_icon:after {right: 0;top: 0;}
.contact-form {background-color: var(--white-color);box-shadow: 0 .6rem 5rem rgba(1, 15, 28, 0.05);border-radius: 2rem;padding-top: 5rem;}
.contact-form .form-title {margin: -0.24em auto 3rem auto;}
.contact-form select,
.contact-form .form-control,
.contact-form .form-select,
.contact-form textarea,
.contact-form input {border: none;}
.contact-map {line-height: 0.001rem;}
.contact-map iframe {border-radius: 2rem;width: 100%;height: 55rem;}

@media (max-width: 1399px) {
  .contact-map iframe {height: 40rem;}
}

@media (max-width: 991px) {
  .contact-form {padding: 4rem;border-radius: 1rem;}
  .contact-map iframe {border-radius: 1rem;height: 25rem;}
}

@media (max-width: 575px) {
  .contact-form {padding: 4rem 2rem;}
}
/* ======================================== 
          Contact End
========================================  */





/* ======================================== 
          About Start
========================================  */
.checklist-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;gap: 3rem;margin-bottom: 3rem;padding-bottom: 3rem;border-bottom: .1rem solid var(--border-color);}
.profile-box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;gap: 1.6rem;}
.profile-box .avater {border-radius: 9.9rem;overflow: hidden;width: 5.6rem;height: 5.6rem;}
.profile-box .title {font-size: 1.6rem;text-transform: uppercase;font-weight: bold;margin-bottom: .4rem;}
.profile-box .desig {margin-bottom: 0;}

@media (min-width: 1922px) {
  .about-shape1 {width: 40%;height: 100%;}
  .about-shape1 img {width: 100%;height: 82%;}
}

@media (max-width: 1500px) {
  .about-shape1 {width: 30%;height: 100%;}
  .about-shape1 img {width: 100%;height: 82%;}
}

@media (max-width: 1199px) {
  .about-shape1 {width: 70%;}
  .about-shape1 img {height: 47%;}
}

@media (max-width: 767px) {
  .about-shape1 {width: 60%;}
  .about-shape1 img {height: 40%;}
}

@media (max-width: 575px) {
  .about-shape1 {display: none;}
}

@media (max-width: 500px) {
  .checklist-wrap {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 2rem;}
}

.img-box2 {position: relative;z-index: 2;}
.img-box2 .img1 {text-align: right;}
.img-box2 .shape1 {position: absolute;top: 0;left: 0;z-index: -1;}
.img-box2 .discount_style1 {position: absolute;top: 7.5rem;right: 0;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.img-box2 .discount_style1 .percentage {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.img-box2 .order-btn {position: absolute;bottom: 6rem;right: 4rem;}
.order-btn {display: inline-block;font-size: 1.8rem;line-height: 1;font-weight: 600;color: var(--title-color);border-bottom: .3rem solid var(--theme-color2);width: 8.5rem;
text-align: center;background-image: url("data:image/svg+xml,%3Csvg width='85' height='23' viewBox='0 0 85 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.36428 12.7547L0.180133 12.0501C0.0705612 12.0402 -0.00912041 11.9509 0.000840704 11.8418C0.0108018 11.7425 0.0805223 11.6731 0.180133 11.6632L9.36428 10.9586C9.86234 10.9189 10.2907 11.2861 10.3305 11.7822C10.3704 12.2784 10.0018 12.7051 9.50375 12.7448C9.45394 12.7547 9.40412 12.7547 9.36428 12.7547Z' fill='%23EB0029'/%3E%3Cpath d='M8.77666 3.85389L3.23829 0.936582C3.13868 0.886968 3.09883 0.757993 3.14864 0.648842C3.19845 0.559536 3.29805 0.519829 3.3877 0.539675L9.4341 2.18687C9.91223 2.31586 10.2011 2.81202 10.0617 3.28831C9.93216 3.76461 9.43409 4.05235 8.95596 3.91343C8.89619 3.91343 8.83643 3.88366 8.77666 3.85389Z' fill='%23EB0029'/%3E%3Cpath d='M8.77666 19.6807L3.23829 22.5981C3.13868 22.6477 3.09883 22.7767 3.14864 22.8858C3.19845 22.9751 3.29805 23.0148 3.3877 22.995L9.4341 21.3478C9.91223 21.2188 10.2011 20.7226 10.0617 20.2464C9.93216 19.7701 9.43409 19.4823 8.95596 19.6212C8.89619 19.6311 8.83643 19.6609 8.77666 19.6807Z' fill='%23EB0029'/%3E%3Cpath d='M75.6357 10.79L84.8198 11.4945C84.9294 11.5044 85.0091 11.5937 84.9992 11.7029C84.9892 11.8021 84.9194 11.8716 84.8198 11.8815L75.6357 12.586C75.1376 12.6257 74.7093 12.2585 74.6695 11.7624C74.6296 11.2662 74.9982 10.8396 75.4962 10.7999C75.5361 10.78 75.5859 10.78 75.6357 10.79Z' fill='%23EB0029'/%3E%3Cpath d='M76.2132 19.6807L81.7516 22.5981C81.8512 22.6477 81.891 22.7767 81.8412 22.8858C81.7914 22.9751 81.6918 23.0148 81.6022 22.995L75.5558 21.3478C75.0776 21.2188 74.7888 20.7226 74.9282 20.2464C75.0577 19.7701 75.5558 19.4823 76.0339 19.6212C76.0937 19.6311 76.1634 19.6609 76.2132 19.6807Z' fill='%23EB0029'/%3E%3Cpath d='M76.2132 3.85389L81.7516 0.936582C81.8512 0.886968 81.891 0.757993 81.8412 0.648842C81.7914 0.559536 81.6918 0.519829 81.6022 0.539675L75.5558 2.18687C75.0776 2.31586 74.7888 2.81202 74.9282 3.28831C75.0577 3.76461 75.5558 4.05235 76.0339 3.91343C76.0937 3.91343 76.1634 3.88366 76.2132 3.85389Z' fill='%23EB0029'/%3E%3C/svg%3E");
background-repeat: no-repeat;background-position: bottom .8rem center;-webkit-transition: 0.4s;transition: 0.4s;}
.order-btn .font-style {display: block;}
.order-btn:hover {-webkit-animation: bgPulse 0.8s linear infinite;animation: bgPulse 0.8s linear infinite;}

@-webkit-keyframes bgPulse {
  0% {background-size: 100% 100%;}
  50% {background-size: 85% 85%;background-position: bottom center;}
  100% {background-size: 100% 100%;}
}

@keyframes bgPulse {
  0% {background-size: 100% 100%;}
  50% {background-size: 85% 85%;background-position: bottom center;}
  100% {background-size: 100% 100%;}
}

.about-counter1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 
align-items: center; gap: 1.5rem; } 
.about-counter1 .counter-title { font-size: 5.2rem; color: var(--theme-color); font-weight: bold; line-height: 1; margin-bottom: 0; } 
.about-counter1 .counter-info { margin-bottom: -0.3em; text-transform: uppercase; font-size: 1.4rem; font-weight: 500; } 
.about-counter1 .counter-text { font-size: 2.2rem; margin-bottom: 0; font-weight: 600; text-transform: uppercase; } 
.btn-wrap.style1 { border-top: .1rem solid var(--border-color); padding-top: 3.3rem; }

@media (max-width: 1199px) {
  .space-top.space-xl {padding-top: 4rem;}
}

@media (max-width: 991px) {
  .space-top.space-xl {padding-top: 1rem;}
  .about-shape2 {right: 0;bottom: 16rem;}
}

@media (max-width: 575px) {
  .img-box2 .order-btn {bottom: 1rem;right: 1rem;}
  .img-box2 .discount_style1 {top: 0;}
}

.img-box3 { position: relative; display: inline-block; } 
.img-box3 .about-counter1 { position: absolute; bottom: 2rem; left: 62%; } 
.about-feature-wrap { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 3.5rem; } 
.about-feature_icon { margin-bottom: 1rem; } 
.about-feature_text { font-weight: 600; color: var(--title-color); text-transform: uppercase; margin-bottom: -0.5em; }

@media (max-width: 767px) {
  .img-box3 .about-counter1 {bottom: 0;}
}

@media (max-width: 575px) {
  .img-box3 .about-counter1 {left: unset;right: 0;background-color: var(--white-color);}
}

.img-box2.style2 {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.img-box2.style2 .discount_style1 .percentage { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 
.img-box2.style2 .order-btn { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 
.about-line { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: auto 100%; pointer-events: none; z-index: 1; }

@media (max-width: 1600px) {
  .about-line {background-size: 100% 100%;}
}

@media (max-width: 1199px) {
  .about-line {display: none;}
}
/* ======================================== 
          About End
========================================  */





/* ======================================== 
          Team Start
========================================  */
.team-card { position: relative; text-align: center; }
.team-card .team-img { overflow: hidden; border-radius: 99.9rem; width: 23.8rem; margin: 0 auto -11.4rem auto; padding: 1rem; position: relative; z-index: 3; }
.team-card .team-img:before { content: ''; width: 100%; height: 100%; border: .1rem solid var(--theme-color); position: absolute; top: 0; left: 0; border-radius: inherit; }
.team-card .team-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-radius: inherit; }
.team-card .team-title { margin-bottom: .4rem; font-weight: 600; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
.team-card .team-title a:hover { color: var(--smoke-color2); }
.team-card .team-desig { display: block; padding-bottom: 1.3rem; margin-bottom: 2rem; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-bottom: .1rem solid var(--border-color); }
.team-card .team-content { border-radius: 2rem; background-color: var(--white-color); text-align: center; padding: 14.2rem 3rem 3rem 3rem; box-shadow: 0 .6rem 1.5rem rgba(1, 15, 28, 0.06); position: relative; z-index: 2; }
.team-card .team-content:after, .team-card .team-content:before { content: ''; width: 100%; height: 0; background-color: var(--theme-color); position: absolute; bottom: 0; left: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; border-radius: inherit; }
.team-card .team-content:after { z-index: -2; }
.team-card .team-content:before { bottom: unset; height: 4.4rem; top: -.1rem; max-width: calc(100% - 4.8rem); left: 2.4rem; background-color: var(--white-color); -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); border-radius: 0; }
.team-card .as-social a { background-color: transparent; border: .1rem solid var(--gray-color); color: var(--body-color); }
.team-card:hover .team-content:after { height: 100%; }
.team-card:hover .team-title { color: var(--white-color); }
.team-card:hover .team-desig { color: var(--white-color); border-color: var(--white-color); }
.team-card:hover .as-social a { border-color: var(--white-color); color: var(--white-color); }
.team-card:hover .as-social a:hover { background-color: var(--white-color); border-color: var(--white-color); color: var(--theme-color); }

@media (max-width: 575px) {
  .team-card {max-width: 30rem;margin-left: auto;margin-right: auto;}
}
/* ======================================== 
          Team End
========================================  */





/* ======================================== 
          Team Details Start
========================================  */
.about-card {padding-left: 1.6rem;}
.about-card_img {border-radius: 2rem; overflow: hidden;}
.about-card_title {margin-top: -0.2em; margin-bottom: 1.4rem;}
.about-card_text {margin-bottom: 2.5rem;}
.about-card .as-social a {background-color: transparent; color: var(--body-color); border: .1rem solid;}
.about-card .as-social a:hover {background-color: var(--theme-color); border-color: var(--theme-color); color: var(--white-color);}
.about-card .as-social a:not(:last-child) {margin-right: .3rem;}
.info-table {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: .5rem; overflow: hidden; margin-bottom: 2rem;}
.info-table .table-col {width: 38.5%;}
.info-table .table-col:first-child {width: 23%;}
.info-table .table-col:not(:last-child) {border-right: .1rem solid var(--gray-color);}
.info-table .th, .info-table .td {padding: 1.2rem 1.5rem; text-align: center;}
.info-table .th {background-color: var(--border-color); color: var(--title-color); font-weight: 500;}
.info-table .td {background-color: var(--smoke-color); margin-bottom: 0;}
.social-box {margin-top: 2.5rem;}
.social-box_title {font-size: 2rem; margin-bottom: .8rem;}

@media (max-width: 1199px) {
  .about-card {padding-left: 0;margin-top: 3.5rem;}
}

@media (max-width: 575px) {
  .info-table {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
  .info-table .table-col {width: 100% !important;}
  .info-table .table-col:not(:last-child) {border-right: none;}
}
/* ======================================== 
          Team Details Start
========================================  */





/* ======================================== 
          Testimonial Start
========================================  */
.testi-box { overflow: hidden; background-color: var(--white-color); border-radius: 2rem; padding: 4rem; position: relative; z-index: 2; box-shadow: 0 .3rem 1.5rem rgba(1, 15, 28, 0.08); text-align: left; }
.testi-box_icon { margin-bottom: 2.1rem; }
.testi-box_img { position: absolute; bottom: 0; right: 0; z-index: -1; pointer-events: none; }
.testi-box_review { margin-bottom: 2.3rem; }
.testi-box_review i { font-size: 1.4rem; margin-right: .3rem; color: var(--yellow-color); }
.testi-box_profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; }
.testi-box_avater { width: 6rem; border-radius: 9.9rem; overflow: hidden; }
.testi-box_name { font-size: 2rem; margin-bottom: .2rem; font-weight: 600; }
.testi-box_desig { font-size: 1.4rem; margin-bottom: -0.3em; display: block; }
.testi-box_text { margin-bottom: 1.6rem; }

@media (max-width: 1299px) {
  .testi-box_img {bottom: -2.5rem;right: -2.5rem;}
}

@media (max-width: 1199px) {
  .testi-box_img {bottom: 0;right: 0;}
}

@media (max-width: 400px) {
  .testi-box {padding: 4rem 2rem;border-radius: 1.5rem;}
  .testi-box_img {bottom: -2.5rem;right: -2.5rem;}
}

@media (max-width: 350px) {
  .testi-box_img {bottom: 0;right: 0;max-width: 11rem;}
}

.testi-slide-wrap {max-width: 39.1rem;position: relative;}

@media (max-width: 1199px) {
  .testi-slide-wrap {max-width: 100%;}
}

.testi-slide-wrap .number-dots ul { position: absolute; top: 47%; left: -12rem; -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); 
transform: rotate(90deg) translateY(-50%); margin-top: 0; }
.testi-slide-wrap .number-dots li { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

@media (max-width: 1399px) {
  .testi-slide-wrap .number-dots ul { position: relative; top: unset; left: unset; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: 4rem; }
  .testi-slide-wrap .number-dots li { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }  
}
/* ======================================== 
          Testimonial End
========================================  */





/* ======================================== 
          Counter Start
========================================  */
.counter-sec1 {margin-top: -5rem;position: relative;z-index: -1;}

@media (max-width: 767px) {
  .counter-sec1 {margin-top: -6rem;}
}

.counter-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; }
.counter-card_icon { padding-left: 2.4rem; padding-top: 2rem; text-align: right; position: relative; z-index: 2; }
.counter-card_icon:before { content: ''; width: 6rem; height: 6rem; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.15); border-radius: 9.9rem; z-index: -1; }
.counter-card_icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.counter-card_number { color: var(--white-color); margin-bottom: .5rem; margin-top: -0.24em; }
.counter-card_text { color: var(--gray-color); display: block; font-weight: 500; margin-bottom: -0.45em; }
.counter-card .plus { font-size: 2.4rem; }
.counter-card:hover .counter-card_icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.counter-card.style2 .counter-card_icon { border: none; }

@media (max-width: 1399px) {
  .counter-card_number {max-width: 11rem;}
}

@media (max-width: 1199px) {
  .counter-card_number {font-size: 4rem;}
}

@media (max-width: 767px) {
  .counter-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 2rem; text-align: center; }
  .counter-card_number { max-width: 100%; }  
}

@media (max-width: 375px) {
  .counter-card-wrap {padding: 6.5rem 2rem;}
}
/* ======================================== 
          Counter End
========================================  */





/* ======================================== 
          Feature Start
========================================  */
.feature-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.5rem;flex:1;justify-content:center}
.feature-card-wrap:first-child .feature-card{border-right:.1rem dashed var(--gray-color)}
.feature-card-wrap:last-child .feature-card{border-left:.1rem dashed var(--gray-color);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;
justify-content:flex-end}
.feature-card-wrap:nth-child(2) .feature-card{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.feature-card_icon{width: 8rem;height: 8rem;line-height: 8rem;min-width: 8rem;background-color: var(--smoke-color2);border-radius: 50%;-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;text-align: center;}
.feature-card_icon img{-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.feature-card_title{font-size: 2rem;font-weight: 600;margin-bottom: 1rem;margin-top: -0.24em;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.feature-card_text{margin-bottom: -0.45em;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;max-width: 25.8rem;}
.feature-card:hover .feature-card_icon{background-color: var(--theme-color);}
.feature-card:hover .feature-card_icon img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.feature-card-container{display: flex;justify-content: space-between;align-items: center;gap: 3rem;}
.feature-card-container .feature-card:nth-child(1){border-right: .1rem dashed var(--gray-color);}
.feature-card-container .feature-card:nth-child(3){border-left: .1rem dashed var(--gray-color);}

@media (max-width: 1199px) {
  .feature-card-wrap:last-child .feature-card {padding-left: 1rem;}
}

@media (max-width: 991px) {
  .feature-card{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;
  justify-content: center;text-align: center;padding: 0 .7rem !important;}
  .feature-card-wrap:first-child .feature-card{border-right: none;}
  .feature-card-wrap:last-child .feature-card{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;border-left: none;}
}

.feature-grid{text-align: center;padding: 0 1rem;}
.feature-grid-wrap{display: grid;grid-template-columns: repeat(3, 1fr);margin-bottom: 3rem;}
.feature-grid:not(:last-child){border-right: .1rem dashed var(--gray-color);}
.feature-grid_img{margin-bottom: 2.8rem;}
.feature-grid_img img{-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.feature-grid_title{font-weight: 600;}
.feature-grid_text{max-width: 33.5rem;margin: 0 auto -0.5em auto;}
.feature-grid:hover .feature-grid_img img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.feature-box{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;gap: 1.5rem;margin-bottom: 3.3rem;}
.feature-box-wrap{margin-bottom: 3.3rem;border-bottom: .1rem solid var(--body-color);}
.feature-box_icon{width: 7.8rem;height: 7rem;line-height: 7rem;text-align: center;}
.feature-box_title{color: var(--white-color);margin-bottom: .8rem;font-weight: 600;}
.feature-box_text{color: var(--white-color);margin-bottom: -0.5em;max-width: 37.5rem;}

@media (max-width: 767px) {
  .feature-grid-wrap {grid-template-columns: repeat(1, 1fr);gap: 4rem;}
  .feature-grid:not(:last-child) {border-right: none;}
}
/* ======================================== 
          Feature End
========================================  */





/* ======================================== 
          Simple Sections Start
========================================  */
.checklist ul {padding-left: 0; list-style: none; text-align: left; margin-bottom: 0;}
.checklist li {color: var(--title-color); margin-bottom: 1.1rem; font-weight: 500; position: relative; padding-left: 2.4rem;}
.checklist li:before {content: "\f336"; font-family: var(--icon-font); font-weight: 900; color: var(--theme-color); position: absolute; left: 0; 
-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.checklist li:last-child {margin-bottom: 0;}
.checklist.style2 li {font-weight: 400; color: var(--body-color); margin-bottom: .5rem;}
.checklist.style2 li:before {content: "\f336";}
.checklist.style2 li:last-child {margin-bottom: 0;}

@media (max-width: 1199px) {
  .checklist.mb-40 {margin-bottom: 3.2rem;}
}

@media (max-width: 1199px) {
  .checklist.mb-45 {margin-bottom: 3.5rem;}
}

.bg-img {position: absolute;inset: 0;height: 100%;width: 100%;background-size: 100% 100%;}
.img-left {position: absolute;top: 0;left: 0;z-index: 2;height: 100%;width: 48%;}
.img-left img {height: 100%;width: 100%;object-fit: cover;object-position: top right;}

@media (max-width: 1199px) {
  .img-left {position: relative;width: 100%;}
}

.xdsoft_datetimepicker {background-color: var(--white-color); z-index: 10;}
.as-video {position: relative; border-radius: 1rem;}
.as-video > img {border-radius: inherit; min-height: 17.5rem; object-fit: cover;}
.as-video .play-btn {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.as-video .play-btn > i {background-color: var(--theme-color); color: var(--white-color);}
.video-box1 {position: relative; z-index: 3; text-align: center;}
.video-box1 > img {min-height: 29rem; object-fit: cover;}
.video-box1 .video-content {width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.icon-box .slick-arrow:first-child {margin-right: .5rem;}
.btn-wrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.5rem 3rem;}

@media (max-width: 1399px) {
  .chili {max-width: 26rem;}
  .leaf {max-width: 18rem;}
  .leaf-group {max-width: 50%;top: 35% !important;}
}

@media (max-width: 1199px) {
  p.mb-30 {margin-bottom: 2.5rem;}
  p.mb-35 {margin-bottom: 2.8rem;}
  p.mb-40 {margin-bottom: 3.2rem;}
  p.mb-45 {margin-bottom: 3.5rem;}
}

@media (max-width: 991px) {
  .chili {max-width: 16rem;}
  .leaf {max-width: 10rem;}
}

@media (max-width: 767px) {
  .bg-img.shape_style1 {background-size: 180% 100%;}
}
/* ======================================== 
          Simple Sections End
========================================  */





/* ======================================== 
          Why Start
========================================  */
/* Why 1 ---------------------------------- */
.img-box1 {position: relative; text-align: right;}
.img-box1 .img1 {display: inline-block;}
.img-box1 .shape1 {position: absolute; top: 0; left: 0;}
.img-box1 .discount_style1 {position: absolute; bottom: 2rem; left: 2rem;}
.img-box1:hover .shape1,
.img-box1:hover .discount_style1 {-webkit-animation: pluse1 2s ease-in-out infinite;animation: pluse1 2s ease-in-out infinite;}

@-webkit-keyframes pluse1 {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(0.9);transform: scale(0.9);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes pluse1 {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(0.9);transform: scale(0.9);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

.video-btn .play-btn{--icon-size: 5rem;font-size: 1.4rem;margin-right: 1.5rem;}
.video-btn .play-btn > i{background-color: var(--theme-color);color: var(--white-color);}
.video-btn .play-btn:after, .video-btn .play-btn:before{background-color: var(--theme-color);}
.video-btn .btn-text{color: var(--white-color);border-bottom: .1rem solid;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.video-btn:hover .btn-text{color: var(--theme-color);}
.video-btn:hover .play-btn > i{background-color: var(--white-color);color: var(--theme-color);}
.video-btn:hover .play-btn:after, .video-btn:hover .play-btn:before {background-color: var(--white-color);}
.discount_style1{height: 12.3rem;width: 11.2rem;text-align: center;padding: 6rem 1.4rem 6rem 0;}
.discount_style1 .percentage{color: var(--white-color);margin-bottom: 0;font-size: 3rem;}
.discount_style1 .small-text{font-weight: 500;line-height: 0.5;font-size: 0.6em;text-transform: uppercase;display: inline-block;text-align: left;margin-left: -.5rem;}
.discount_style1 .small-text .text{font-size: 0.6em;font-weight: 400;}

@media (max-width: 767px) {
  .img-box1 .discount_style1 {bottom: 0;left: 0;}
}

@media (max-width: 575px) {
  .feature-box {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
}

/* Why 2 ---------------------------------- */
.progress{position: relative;height: .6rem;background-color: var(--white-color);overflow: visible;border-radius: 9.9rem;}
.progress-bar{background-color: var(--theme-color);border-radius: inherit;position: relative;overflow: visible;}
.skill-feature{margin-bottom: 3.5rem;}
.skill-feature-wrap{position: relative;padding: 5rem 5rem 5rem 0;z-index: 2;background-color: var(--title-color);}
.skill-feature-wrap:before{content: "";height: 100%;width: calc(100% + 13rem);background-color: var(--title-color);position: absolute;bottom: 0;right: 0;-webkit-clip-path: polygon(8rem 0%, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(8rem 0%, 100% 0, 100% 100%, 0% 100%);z-index: -1;}
.skill-feature.style2{margin-bottom: 2.5rem;}
.skill-feature:last-child{margin-bottom: 0 !important;}
.skill-feature_title,.skill-feature .progress-value{font-family: var(--title-font);margin-top: -0.3em;font-size: 1.6rem;font-weight: 500;margin-bottom: 1.2rem;color: var(--white-color);}
.skill-feature .progress-value{margin-bottom: 0;position: absolute;top: -3.5rem;right: 0;}
/* ======================================== 
          Why End
========================================  */





/* ======================================== 
          Tab Start 
========================================  */
/* Tab Menu 1 ---------------------------------- */
.tab-menu1{display: flex;justify-content: center;gap: 2.4rem;margin-bottom: var(--section-title-space);border-bottom:.1rem solid var(--tab-border);width: 100%;
scroll-behavior: smooth;overflow-y: hidden;overflow-x: auto;flex-wrap: nowrap !important;}
.tab-menu1::-webkit-scrollbar{display: none;}
.tab-menu1 button{color: var(--title-color);text-align: center;padding: .9rem 0;border: none;background-color: transparent;font-family: var(--title-font);font-size: 1.6rem;
font-weight: 700;text-transform: uppercase;flex-shrink: 0;transition: 0.4s ease-in-out;}
.mixitup-control-active{color: var(--theme-color) !important;border-bottom:.1rem solid var(--theme-color) !important;}

/* Tab Menu 2 ---------------------------------- */
.tab-menu2{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-bottom: 30;box-shadow: 0 1rem 3rem rgba(1, 15, 28, 0.06);border-radius: 1rem;
background-color: var(--white-color);overflow: hidden;margin-bottom: 3rem;position: relative;}
.tab-menu2 button{font-size: 1.4rem;line-height: 0.8;color: var(--title-color);text-transform: uppercase;font-weight: 600;text-align: center;padding: 3rem 1rem;
-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;border: none;background-color: transparent;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;
position: relative;z-index: 2;}
.tab-menu2 button:before{content: '';height: 100%;width: 100%;background-color: var(--theme-color);position: absolute;top: 0;left: 0;-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);transform: scale(0.3);visibility: hidden;opacity: 0;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;z-index: -1;}
.tab-menu2 button img{text-align: center;display: block;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;margin: 0 auto 2rem auto;}
.tab-menu2 button.active{color: var(--white-color);}
.tab-menu2 button.active:before{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);visibility: visible;opacity: 1;}
.tab-menu2 button.active img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

@media (max-width: 767px) {
  .tab-menu2{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
  .tab-menu2 button{min-width: 12.5rem;padding: 1.5rem 1rem;}
  .tab-menu2 button img{margin-bottom: 1.4rem;}
}

@media (max-width: 575px) {
  .tab-menu2 button {min-width: 11rem;}
}

/* Tab Menu 2 ---------------------------------- */
.food-menu-tab{border-bottom: .2rem solid var(--gray-color);max-width: 38rem;margin: -0.5em auto 2rem auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
display: flex;position: relative;}
.food-menu-tab button{background-color: transparent;color: var(--title-color);font-size: 1.4rem;font-weight: 600;font-family: var(--title-color);text-transform: uppercase;
border: none;padding: 0;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;width: 50%;}
.food-menu-tab .indicator{position: absolute;top: 100% !important;left: 0;height: .2rem !important;width: 100%;background-color: var(--theme-color);
-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.food-menu-tab .indicator:after{content: '';border-style: solid;border-width: 1rem .8rem 0 .8rem;border-color: var(--theme-color) transparent transparent transparent;
position: absolute;top: 100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
/* ======================================== 
          Tab End 
========================================  */





/* ======================================== 
          Faq Start 
========================================  */
/* Faq 1 ---------------------------------- */
.accordion-card { margin-bottom: 2.4rem; transition: 0.4s ease-in-out; }
.accordion-card .accordion-button { font-size: 1.8rem; font-weight: 500; font-family: var(--title-font); border: solid .1rem var(--border-color); color: var(--title-color); 
background-color: var(--white-color); border-radius: .5rem; padding: 1.5rem 5rem 1.5rem 3rem; min-height: 5rem; margin-bottom: 0; text-align: left;position: relative; 
transition: 0.3s; }
.accordion-card .accordion-button:after { content: "\f063"; height: 3rem; width: 3rem; line-height: 3rem; background-color: var(--white-color); font-family: var(--icon-font); 
color: var(--success-color); font-weight: 700; font-size: 1.6rem; text-align: center; position: absolute; top: 50%; margin-top: -1.5rem; right: 1rem; border-radius: .5rem; 
transition: 0.3s ease-in-out; }
.accordion-card .accordion-button:focus { outline: none; box-shadow: none; }
.accordion-card .accordion-button:not(.collapsed) { color: var(--white-color); background-color: var(--success-color); box-shadow: none; border-radius: .5rem .5rem 0 0; }
.accordion-card .accordion-button:not(.collapsed):after { content: '\f062'; transform: rotate(0); }
.accordion-card .accordion-collapse { border: none; }
.accordion-card .accordion-body { box-shadow: 0 .5rem 1.5rem rgba(42, 77, 113, 0.04); background-color: var(--white-color); border: .1rem solid var(--border-color); 
border-top: none; padding: 2.3rem 2rem; border-radius: 0 0 .5rem .5rem; }
.accordion-card .faq-text { margin-bottom: -0.48em; }
.accordion-card:last-child { margin-bottom: 0; }
.faq-area { padding: 5rem; box-shadow: 0 1rem 5rem rgba(1, 15, 28, 0.08); }
.faq-area .faq-img img { max-width: fit-content; }

@media (max-width: 1199px) {
  .faq-area .faq-img {margin-top: 3rem;}
  .faq-area .faq-img img {max-width: 100%;}
}

@media (max-width: 767px) {
  .faq-area {padding: 1.5rem;}
  .accordion-card .accordion-button {font-size: 1.6rem;padding: 1rem 5rem 1rem 2rem;line-height: 1.4;}
  .accordion-card .accordion-body {padding: 2.3rem 2rem 3rem 2rem;}
}

@media (max-width: 575px) {
  .accordion-card .accordion-button {font-size: 1.6rem;}
}
/* ======================================== 
          Faq End 
========================================  */





/* ======================================== 
          Category Start
========================================  */
.category-card { position: relative; margin-left: 5.3rem; margin-top: 2.6rem; }
.category-card_content { background-color: var(--white-color); padding: 3.3rem 2.6rem 3.3rem 5.5rem; box-shadow: 0 .6rem 3rem rgba(1, 15, 28, 0.05); border-radius: 2rem; 
position: relative; overflow: hidden; }
.category-card_img { position: absolute; top: -2.6rem; left: -6.3rem; z-index: 2; }
.category-card_content { margin-bottom: -0.45em; }
.category-card_title { font-size: 2rem; font-weight: 600; margin-top: -0.23em; margin-bottom: .5rem; }
.category-card_title a { color: inherit; }
.category-card_title a:hover { color: var(--theme-color); }
.category-card_text { margin-bottom: -0.45em; }
.category-card .icon-btn { --btn-size: 7.2rem; line-height: 6rem; padding-right: 1.5rem; background-color: var(--theme-color2); color: var(--white-color); position: absolute; 
bottom: -1.7rem; right: -2rem; }
.category-card .icon-btn:hover { background-color: var(--theme-color); }
.category-card:hover .category-card_icon { background-color: var(--theme-color); }
.category-card:hover .category-card_icon img { filter: brightness(0) invert(1); }
.category-list { text-align: center; }
.category-list_icon img { height: 5.8rem; }
.category-list_name { margin-top: 1.2rem; font-size: 1.6rem; font-weight: 500; color: var(--title-color); display: inline-block; }
.category-list_name:hover { color: var(--theme-color); }
.top-shape1 { position: absolute; bottom: 100%; width: 100%; height: 42.5rem; background-color: inherit; }
.menu-title1 { font-size: 1.6rem; font-weight: 500; text-align: center; position: absolute; left: 0; top: -1.5rem; width: 100%; }

@media (max-width: 1299px) {
  .top-shape1 {height: 10rem;}
}

@media (max-width: 1199px) {
  .menu-title1 {top: 1rem;}
}

@media (max-width: 375px) {
  .category-list_name {font-size: 1.4rem;}
}
/* ======================================== 
          Category End
========================================  */





/* ======================================== 
          Menu Start
========================================  */
/* Menu 1 ---------------------------------- */
.menu-card { text-align: center; border:.1rem solid var(--black-color); border-radius: 1rem; height: 100%; }
.menu-card_img { position: relative; z-index: 3; }
.menu-card_content { background-color: var(--white-color); border-radius: 2rem; padding: 2rem 1rem 3rem 1rem; position: relative; z-index: 2; }
.menu-card_content:before { content: ''; height: 0; width: 100%; background-color:none; position: absolute; bottom: 0; left: 0; border-radius: inherit; 
-webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; }
.menu-card_title { -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
.menu-card_title a:hover { color: var(--gray-color); }
.menu-card_text { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; max-width: 23rem; margin: 0 auto 2rem auto; }
.menu-card:hover .menu-card_content:before { height: 100%; }
.menu-card:hover .menu-card_title, .menu-card:hover .menu-card_text {color: var(--dark-color);}
.menu-card:hover .as-btn { background-color: var(--title-color); color: var(--white-color); -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; 
-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.menu-card:hover .as-btn:hover { color: var(--white-color); background-color: var(--title-color); }

@media (max-width: 575px) {
  .menu-card {margin: 0 auto;}
}

/* Menu 2 ---------------------------------- */
.board-wrap { border-radius: 1rem; padding: 4rem; }
.board-wrap .row { --bs-gutter-x: 4rem; --bs-gutter-y: 4rem; }
.menu-board { border: .1rem dashed var(--gray-color); border-radius: 1rem; padding: 4rem; }
.menu-board_title { font-size: 3rem; font-weight: 600; margin-top: -0.22em; color: var(--white-color); text-align: center; display: -webkit-box; display: -webkit-flex; 
display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; white-space: nowrap; 
gap: 1.5rem; }
.menu-board_title:before, .menu-board_title:after {content: '';height: .2rem;width: 100%;background-color: var(--theme-color);display: inline-block;}
.board-list {margin-bottom: 2.5rem;}
.board-list:last-of-type {margin-bottom: 0;}
.board-list_title, .board-list_price {font-size: 2rem;font-weight: 500;margin-bottom: .4rem;}
.board-list_title {color: var(--title-color);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;gap: 1.5rem;white-space: nowrap;}
.board-list_title:after {content: '';width: 100%;border-bottom: .2rem dashed var(--title-color);display: inline-block;position: relative;top: -.6rem;}
.board-list_price {color: var(--theme-color);}
.board-list_info {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;
-ms-flex-pack: justify;justify-content: space-between;gap: .5rem 1.5rem;}
.board-list_text {color: var(--body-color);font-size: 1.4rem;margin-bottom: -0.55em;}
.menu-board .board-list_title {color: var(--white-color);}
.menu-board .board-list_title:after {border-bottom: .2rem dashed var(--gray-color);}
.menu-board .board-list_text {color: var(--gray-color);}

@media (max-width: 575px) {
  .board-wrap {padding: 4rem 1.5rem;}
  .menu-board {padding: 4rem 2rem;}
  .menu-board_title {font-size: 2.6rem;}
  .board-list_title, .board-list_price {font-size: 1.8rem;}
}

@media (max-width: 420px) {
  .menu-board_title {font-size: 2.2rem;}
  .board-list_title, .board-list_price {font-size: 1.6rem;}
  .board-list_title {white-space: initial;}
  .board-list_title:after {display: none;}
}

/* Menu 2 style2 ---------------------------------- */
.board-wrap2 { background-color: var(--smoke-color2); padding: 4rem; border-radius: 1rem; } 
.menu-list-img { margin-left: 3.1rem; } 
.menu-list-img.left { margin-left: unset; margin-right: 3.1rem; } 
.menu-list-img img { width: 100%; border-radius: 1rem; } 
.menu-list_title { font-size: 3rem; margin-top: -0.24em; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; position: relative; } 
.menu-list_title:after { content: ''; height: .2rem; width: 14.6rem; background-color: var(--theme-color); position: absolute; bottom: 1rem; left: calc(100% + 1rem); } 
.menu-list-divider { margin: 4rem 0; display: block; text-align: center; position: relative; background-color: inherit; z-index: 2; } 
.menu-list-divider img { padding: 0 1.8rem; background-color: inherit; } 
.menu-list-divider:after { content: ''; height: .1rem; width: 100%; background-color: var(--theme-color); position: absolute; top: 50%; left: 0; z-index: -1; }

@media (max-width: 1299px) {
  .menu-list-img {margin-left: 0;}
  .menu-list-img.left {margin-right: 0;}
}

@media (max-width: 1299px) {
  .menu-list-img {margin-bottom: 3.5rem;}
}

@media (max-width: 575px) {
  .board-wrap2 {padding: 2rem;}
  .menu-list-img {margin-bottom: 3rem;}
  .menu-list-divider {margin: 3rem 0;}
}

@media (max-width: 420px) {
  .menu-list_title {font-size: 2.4rem;}
}
/* ======================================== 
          Menu End
========================================  */





/* ======================================== 
          Offer Start
========================================  */
/* Offer 1 ---------------------------------- */
.price_style1 { color: var(--white-color); font-weight: 600; margin-bottom: 0; font-size: 2.4rem; } 
.price_style1 del { font-size: 0.75em; margin-left: .3rem; vertical-align: middle; color: var(--smoke-color2); } 
.discount_counter1 { margin: 0; padding: 0; } 
.discount_counter1 li { list-style: none; width: 6rem; height: 6rem; background-color: var(--white-color); border-radius: 1rem; margin: 0 0 .5rem 0; padding: 1rem .5rem; 
text-align: center; } 
.discount_counter1 li:last-child { margin: 0; } 
.discount_counter1 .count-number { font-size: 2.2rem; margin-bottom: -.2rem; line-height: 1; font-weight: bold; font-family: var(--title-font); color: var(--title-color); } 
.discount_counter1 .count-name { font-weight: 500; font-size: 1.4rem; text-transform: uppercase; margin-top: -.4rem; } 
.discount_style2 { position: absolute; top: var(--section-space); right: 6%; text-align: center; padding: 5.5rem 4rem 5rem 7rem; height: 24.2rem; width: 23.4rem; } 
.discount_style2 .percentage { font-size: 4rem; font-weight: bold; color: var(--theme-color); margin-bottom: 0; }
.discount_style2 .small-text1,
.discount_style2 .small-text2 {font-family: var(--title-font);font-weight: 600;text-transform: uppercase;color: var(--title-color);margin-bottom: 0;line-height: 1.1;}
.position-relative:hover .discount_style2 {-webkit-animation: pluse1 2s ease-in-out infinite;animation: pluse1 2s ease-in-out infinite;}

@media (max-width: 991px) {
  .discount_style2 {top: var(--section-space);right: 1%;}
}

@media (max-width: 767px) {
  .discount_counter1 {display: inline-block;}
  .discount_counter1 li {display: inline-block;}
  .discount_style2 {position: relative;margin-top: -4rem;top: 0;right: 0;}
}

/* Offer 2 ---------------------------------- */
.offer-card { padding: 4rem; border-radius: 1rem; background-position: left center; } 
.offer-card .offer-title { color: var(--white-color); margin-bottom: .8rem; } 
.offer-card .offer-text { color: var(--white-color); max-width: 14.5rem; margin-bottom: .8rem; } 
.offer-card .line-btn { color: var(--white-color); } 
.offer-card .line-btn:before { background-color: var(--white-color); width: 100%; } 
.offer-card .line-btn:hover:before { width: 3.5rem; }
/* ======================================== 
          Offer End
========================================  */





/* ======================================== 
          Download Start
========================================  */
.download-area { border-radius: 2rem; padding: 8rem; } 
.download-btn { background-color: var(--theme-color); padding: 1.2rem 3rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; 
display: inline-flex; gap: .8rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--white-color); 
border-radius: 99.9rem; } 
.download-btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } 
.download-btn i { font-size: 3.2rem; } 
.download-btn .small-text { font-size: 1rem; text-transform: uppercase; line-height: 1; display: block; margin-bottom: .4rem; } 
.download-btn .big-text { font-size: 1.6rem; font-weight: 500; margin-bottom: 0; line-height: 1; color: inherit; } 
.download-btn:hover { background-color: var(--title-color); color: var(--white-color); } 
.download-btn.bg-theme2:hover { background-color: var(--title-color) !important; }

@media (max-width: 991px) {
  .download-area {padding: 6rem;background-position: top left -8rem;}
}

@media (max-width: 575px) {
  .download-area {padding: 4rem 3rem;border-radius: 1.5rem;}
  .download-btn {padding: 1.2rem 1.9rem;}
}

@media (max-width: 375px) {
  .download-area {padding: 4rem 1.5rem;}
}
/* ======================================== 
          Download End
========================================  */





/* ======================================== 
          Booking Start
========================================  */
/* Booking 1 ---------------------------------- */
.booking-form { position: relative; z-index: 3; } 
.booking-form .form-control { background-color: var(--title-color); border-color: var(--dark-gray); color: var(--white-color); } 
.booking-form .form-control::-moz-placeholder { color: var(--white-color); } 
.booking-form .form-control::-webkit-input-placeholder { color: var(--white-color); } 
.booking-form .form-control:-ms-input-placeholder { color: var(--white-color); } 
.booking-form .form-control::-ms-input-placeholder { color: var(--white-color); } 
.booking-form .form-control::placeholder { color: var(--white-color); } 
.booking-form .form-group i { color: var(--white-color); }

/* Booking 2 ---------------------------------- */
.available-table { background-color: var(--white-color); padding: 4.5rem 5rem; border-radius: 2rem; width: 50rem; text-align: center; position: relative; z-index: 2; } 
.available-table_title { font-family: var(--style-font); font-size: 3rem; border-bottom: .1rem solid var(--theme-color); padding-bottom: 1.6rem; margin-bottom: 3rem; 
margin-top: -0.3em; } .available-table_title.style2 { border-bottom: none; margin-bottom: 0; padding-bottom: .8rem; margin-top: 2.5rem; } 
.available-table_info { display: flex; justify-content: space-between; border-bottom: .1rem dashed var(--gray-color); padding-bottom: .8rem; margin-bottom: .8rem; } 
.available-table_info span { display: inline-block; } 
.available-table_call { font-size: 2.4rem; font-weight: 700; font-family: var(--title-font); padding-top: 1rem; display: block; max-width: -webkit-fit-content; 
max-width: -moz-fit-content; max-width: fit-content; border-top: .1rem soliD var(--theme-color); margin: 0 auto -0.2em auto; } 
.available-table.style2 { width: 100%; box-shadow: 0 0 2.5rem rgba(1, 15, 28, 0.09) !important; } 
.available-table-bg { position: absolute; top: 0; left: 0; height: 100%; width: 39%; } 
.booking-form.style2 { max-width: 94rem; }

@media (max-width: 1500px) {
  .booking-form.style2 {max-width: 76rem;}
  .available-table {width: 47rem;}
}

@media (max-width: 1299px) {
  .booking-form.style2 {max-width: 70rem;}
  .available-table {width: 39rem;}
}

@media only screen and (min-width:1200px) and (max-width:1299px){
  .booking-form.style2 {padding-left: 3rem;}
}

@media (max-width: 1199px) {
  .available-table-bg {display: none;}
  .available-table {width: 55rem;margin: 0 auto 4.5rem auto;}
  .booking-form.style2 {max-width: 100%;}
}

@media (max-width: 575px) {
  .available-table {width: 100%;padding: 4.5rem 2rem;}
}
/* ======================================== 
          Booking End
========================================  */





/* ======================================== 
          Gallery Start
========================================  */
.gallery-card { --box-space: 4rem; position: relative; text-align: center; } 
.gallery-card .gallery-img { overflow: hidden; } 
.gallery-card .gallery-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } 
.gallery-card .gallery-content { position: absolute; top: var(--box-space); left: var(--box-space); width: calc(100% - var(--box-space)*2); height: calc(100% - var(--box-space)*2); 
z-index: 2; background-color: rgba(1, 15, 28, 0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; 
-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; 
align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
visibility: hidden; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.gallery-card .gallery-title { color: var(--white-color); font-weight: 500; margin-bottom: .5rem; } 
.gallery-card .gallery-chef { display: block; margin-bottom: 2.3rem; color: var(--border-color); } 
.gallery-card .icon-btn { background-color: var(--theme-color); color: var(--white-color); } 
.gallery-card .icon-btn:hover { background-color: var(--theme-color2); } 
.gallery-card:hover .gallery-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.gallery-card:hover .gallery-content { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

@media (max-width: 1199px) {
  .gallery-card {--box-space: 2.5rem;}
}

@media (max-width: 767px) {
  .gallery-card {--box-space: 1.5rem;}
}
/* ======================================== 
          Gallery End
========================================  */





/* ======================================== 
          Spacing Start
========================================  */
.px-5 {padding-right: .5rem;padding-left: .5rem;}
.px-10 {padding-right: 1rem;padding-left: 1rem;}
.px-15 {padding-right: 1.5rem; padding-left: 1.5rem;}
.px-20 {padding-right: 2rem; padding-left: 2rem;}
.px-25 {padding-right: 2.5rem; padding-left: 2.5rem;}
.px-30 {padding-right: 3rem; padding-left: 3rem;}
.px-35 {padding-right: 3.5rem; padding-left: 3.5rem;}
.px-40 {padding-right: 4rem; padding-left: 4rem;}
.px-45 {padding-right: 4.5rem; padding-left: 4.5rem;}
.px-50 {padding-right: 5rem; padding-left: 5rem;}
.py-5 {padding-top: .5rem; padding-bottom: .5rem;}
.py-10 {padding-top: 1rem; padding-bottom: 1rem;}
.py-15 {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.py-20 {padding-top: 2rem; padding-bottom: 2rem;}
.py-25 {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.py-30 {padding-top: 3rem; padding-bottom: 3rem;}
.py-35 {padding-top: 3.5rem; padding-bottom: 3.5rem;}
.py-40 {padding-top: 4rem; padding-bottom: 4rem;}
.py-45 {padding-top: 4.5rem; padding-bottom: 4.5rem;}
.py-50 {padding-top: 5rem; padding-bottom: 5rem;}
.pt-5 {padding-top: .5rem;}
.pt-10 {padding-top: 1rem;}
.pt-15 {padding-top: 1.5rem;}
.pt-20 {padding-top: 2rem;}
.pt-25 {padding-top: 2.5rem;}
.pt-30 {padding-top: 3rem;}
.pt-35 {padding-top: 3.5rem;}
.pt-40 {padding-top: 4rem;}
.pt-45 {padding-top: 4.5rem;}
.pt-50 {padding-top: 5rem;}
.pb-5 {padding-bottom: .5rem;}
.pb-10 {padding-bottom: 1rem;}
.pb-15 {padding-bottom: 1.5rem;}
.pb-20 {padding-bottom: 2rem;}
.pb-25 {padding-bottom: 2.5rem;}
.pb-30 {padding-bottom: 3rem;}
.pb-35 {padding-bottom: 3.5rem;}
.pb-40 {padding-bottom: 4rem;}
.pb-45 {padding-bottom: 4.5rem;}
.pb-50 {padding-bottom: 5rem;}
.pl-5 {padding-left: .5rem;}
.pl-10 {padding-left: 1rem;}
.pl-15 {padding-left: 1.5rem;}
.pl-20 {padding-left: 2rem;}
.pl-25 {padding-left: 2.5rem;}
.pl-30 {padding-left: 3rem;}
.pl-35 {padding-left: 3.5rem;}
.pl-40 {padding-left: 4rem;}
.pl-45 {padding-left: 4.5rem;}
.pl-50 {padding-left: 5rem;}
.pr-5 {padding-right: .5rem;}
.pr-10 {padding-right: 1rem;}
.pr-15 {padding-right: 1.5rem;}
.pr-20 {padding-right: 2rem;}
.pr-25 {padding-right: 2.5rem;}
.pr-30 {padding-right: 3rem;}
.pr-35 {padding-right: 3.5rem;}
.pr-40 {padding-right: 4rem;}
.pr-45 {padding-right: 4.5rem;}
.pr-50 {padding-right: 5rem;}
.mx-5 {margin-right: .5rem; margin-left: .5rem;}
.mx-10 {margin-right: 1rem; margin-left: 1rem;}
.mx-15 {margin-right: 1.5rem; margin-left: 1.5rem;}
.mx-20 {margin-right: 2rem; margin-left: 2rem;}
.mx-25 {margin-right: 2.5rem; margin-left: 2.5rem;}
.mx-30 {margin-right: 3rem; margin-left: 3rem;}
.mx-35 {margin-right: 3.5rem; margin-left: 3.5rem;}
.mx-40 {margin-right: 4rem; margin-left: 4rem;}
.mx-45 {margin-right: 4.5rem; margin-left: 4.5rem;}
.mx-50 {margin-right: 5rem; margin-left: 5rem;}
.my-5 {margin-top: .5rem; margin-bottom: .5rem;}
.my-10 {margin-top: 1rem; margin-bottom: 1rem;}
.my-15 {margin-top: 1.5rem; margin-bottom: 1.5rem;}
.my-20 {margin-top: 2rem; margin-bottom: 2rem;}
.my-25 {margin-top: 2.5rem; margin-bottom: 2.5rem;}
.my-30 {margin-top: 3rem; margin-bottom: 3rem;}
.my-35 {margin-top: 3.5rem; margin-bottom: 3.5rem;}
.my-40 {margin-top: 4rem; margin-bottom: 4rem;}
.my-45 {margin-top: 4.5rem; margin-bottom: 4.5rem;}
.my-50 {margin-top: 5rem; margin-bottom: 5rem;}
.mt-5 {margin-top: .5rem;}
.mt-10 {margin-top: 1rem;}
.mt-15 {margin-top: 1.5rem;}
.mt-20 {margin-top: 2rem;}
.mt-25 {margin-top: 2.5rem;}
.mt-30 {margin-top: 3rem;}
.mt-35 {margin-top: 3.5rem;}
.mt-40 {margin-top: 4rem;}
.mt-45 {margin-top: 4.5rem;}
.mt-50 {margin-top: 5rem;}
.mb-5 {margin-bottom: .5rem;}
.mb-10 {margin-bottom: 1rem;}
.mb-15 {margin-bottom: 1.5rem;}
.mb-20 {margin-bottom: 2rem;}
.mb-25 {margin-bottom: 2.5rem;}
.mb-30 {margin-bottom: 3rem;}
.mb-35 {margin-bottom: 3.5rem;}
.mb-40 {margin-bottom: 4rem;}
.mb-45 {margin-bottom: 4.5rem;}
.mb-50 {margin-bottom: 5rem;}
.ml-5 {margin-left: .5rem;}
.ml-10 {margin-left: 1rem;}
.ml-15 {margin-left: 1.5rem;}
.ml-20 {margin-left: 2rem;}
.ml-25 {margin-left: 2.5rem;}
.ml-30 {margin-left: 3rem;}
.ml-35 {margin-left: 3.5rem;}
.ml-40 {margin-left: 4rem;}
.ml-45 {margin-left: 4.5rem;}
.ml-50 {margin-left: 5rem;}
.mr-5 {margin-right: .5rem;}
.mr-10 {margin-right: 1rem;}
.mr-15 {margin-right: 1.5rem;}
.mr-20 {margin-right: 2rem;}
.mr-25 {margin-right: 2.5rem;}
.mr-30 {margin-right: 3rem;}
.mr-35 {margin-right: 3.5rem;}
.mr-40 {margin-right: 4rem;}
.mr-45 {margin-right: 4.5rem;}
.mr-50 {margin-right: 5rem;}
.mb-60 {margin-bottom: 6rem;}
.mt-n1 {margin-top: -.4rem;}
.mt-n2 {margin-top: -.8rem;}
.mt-n3 {margin-top: -1.6rem;}
.mt-n4 {margin-top: -2.4rem;}
.mt-n5 {margin-top: -4.8rem;}
.mb-n1 {margin-bottom: -.4rem;}
.mb-n2 {margin-bottom: -.8rem;}
.mb-n3 {margin-bottom: -1.6rem;}
.mb-n4 {margin-bottom: -2.4rem;}
.mb-n5 {margin-bottom: -4.8rem;}
.space,
.space-top {padding-top: var(--section-space);}
.space,
.space-bottom {padding-bottom: var(--section-space);}
.space-extra,
.space-extra-top {padding-top: calc(var(--section-space) - 3rem);}
.space-extra,
.space-extra-bottom {padding-bottom: calc(var(--section-space) - 3rem);}
.space-extra2,
.space-extra2-top {padding-top: calc(var(--section-space) - 4rem);}
.space-extra2,
.space-extra2-bottom {padding-bottom: calc(var(--section-space) - 4rem);}

@media (min-width: 1199px) {
  .space-lg-top {padding-top: var(--section-space);}
}

@media (max-width: 991px) {
  .space, .space-top { padding-top: var(--section-space-mobile); } 
  .space, .space-bottom { padding-bottom: var(--section-space-mobile); } 
  .space-extra, .space-extra-top { padding-top: calc(var(--section-space-mobile) - 3rem); } 
  .space-extra, .space-extra-bottom { padding-bottom: calc(var(--section-space-mobile) - 3rem); } 
  .space-top-md-none { padding-top: 0; } 
  .space-extra2, .space-extra2-top { padding-top: 7rem; } 
  .space-extra2, .space-extra2-bottom { padding-bottom: 7rem; }
}
/* ======================================== 
          Spacing End
========================================  */


.sub-div{background:var(--theme-color);}
.dashed-bor-btm{border-bottom:dashed .1rem var(--dash-border);}
.dashed-bor-btm .header-links a{font-size: 1.4rem;}
.solid-bor-btm-w{border-bottom:solid .1rem var(--white-color);}
.solid-bor-btm-g{border-bottom:solid .1rem var(--white-bg);}
.text-color-danger{color: var(--theme-color) !important;}
.text-grey{color: var(--gray-color) !important;}

.pull-left{float:left !important;}
.pull-right{float:right !important;}
.w-100{width:100% !important;}
.w20{width:2rem;}
.h20{height:2rem;}
.font-200{font-weight:200;}
.font-w-600{font-weight:600;}
.h40{height:4rem !important;}
.borrad5{border-radius:.5rem !important;}
.green-bg{background:var(--success-color) !important;}
.img-zoom { overflow: hidden; } 
.img-zoom { display: inline-block; box-sizing: border-box; } 
.inner-img { transition: 0.3s; } 
.inner-img:hover { transform: scale(1.2); } 
.toppings { display: flex; justify-content: space-between; padding-bottom: .5rem; padding-top: .5rem; } 
.toppings p { width: 50%; } 
.toppings p { margin-bottom: 0; font-weight: 600; } 
.toppings_box { text-align: center; padding-top: 0; padding-bottom: 0; display: block; } 
.toppings_box span:first-child { margin: .5rem; } 
.toppings_box span:last-child { font-size: 1.5rem; font-weight: bold; padding: .5rem; border-radius: 2.2rem; } 
.toppings_box input { visibility: hidden; }
.topping_click input:checked + label img.empty {filter: none;}
.topping_click input:checked + label img {box-sizing: border-box;filter: unset;}
.toppings_box img.right_half {transform: rotate(180deg);}
.toppings_box img {cursor: pointer;width: 2.3rem;margin-right: 0;filter: invert(1) drop-shadow(0 0 .1rem black) grayscale(90%);}
.toppings_box input[type="checkbox"] ~ label {padding-left: 0;}
.toppings_box input[type="checkbox"] ~ label:before {content: none;position: absolute;left: 0;top: 0.35rem;background-color: var(--white-color);border: 0 solid var(--border-color);
height: 0;width: 0;line-height: 0;text-align: center;font-size: 1.2rem;}
.tdr-popup-content img {max-width: 35rem;width: 100%;border-radius: 1.5rem;}
img.empty {filter: grayscale(1);}
.topping_click input[type="radio"] ~ label::before{content:none !important;}
.topping_click input[type="radio"] ~ label{padding-left:0;}
.form_group input {width: 1.7rem;position: absolute !important;right: 0;top: .7rem;}
.topping_click input[type="checkbox"]:checked + label span {background-color: var(--theme-color);color: var(--white-color);}
.foot-img{background:url(../img/foot-img.png) bottom right no-repeat var(--black-color);}
.foottimebg{background:var(--success-color); border-radius:3rem; padding:3rem 3rem 5rem 3rem;}
.menudetail-border {border-radius: 1rem;padding: 1rem;border: .1rem solid var(--woo-nav-link);}
.flex-wrap {flex-wrap: wrap;}
.flex {display: flex;}
.border {border-width: .1rem;}
.border-grey-300 {--tw-border-opacity: 1;border-color: rgb(215 215 215 / var(--tw-border-opacity));}
.rounded-full {border-radius: 9999px;}
.items-center {align-items: center;}

@media (min-width: 1024px) {
  .md\:w-10 {width: 4rem;}
}
@media (min-width: 1024px) {
  .md\:h-10 {height: 4rem;}
}

@media (max-width: 524px) {
  .w-6 {width: 3.2rem;}
  .h-6 {height: 3.2rem;}
}

.bg-primary-green{ --tw-bg-opacity: 1; background-color: rgb(76 114 42 / var(--tw-bg-opacity)); } 
.single-product { padding: 4.8rem 0 1.6rem; position: relative; } 
.single-product .single-product-main-content { padding-right: 3.6rem; flex: 1 1 0%; } 
.single-product .single-product-main-card { flex: 1 1 0%; } 
.single-product .col-lg-6 { position: relative; } 
.single-product .slt { margin-bottom: 3.2rem; } 
.single-product .size { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 6.4rem; padding-left:0; } 
.single-product .slt li a.active { background: var(--white-bg); } 
.single-product .size li { display: flex; justify-content: center; align-items: center; border: .1rem solid var(--woo-nav-link); transition: all 500ms ease; } 
.single-product .slt li { display: inline-block; } 
.single-product .slt li a { display: block; border: .1rem solid var(--woo-nav-link); border-radius: .8rem; font-size: 1.4rem; color: var(--black-color); padding: 2.4rem; 
margin: 0 .3rem; text-align: center; font-weight: 500; } 
.single-product .slt li a svg { margin-bottom: 1.2rem; } 
.single-product .slt li a span:nth-child(2) { color: var(--black-color); } 
.single-product .slt li a span { display: block; color: var(--success-color); } 
.single-product .slt li a span { display: block; }

@media (min-width: 1024px) {
  .md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

.grid {display: grid;}
.locatioview {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;text-align: left;height: 100%;background-color: var(--success-color);
border: .1rem solid var(--gray-color);border-radius: 1rem;}
.solid hr{background:var(--white-color)fff; height: .1rem;}
a.text-hover-white:hover{color:var(--white-color)fff !important;}

/* menu 2nd tab */
.menu-tablistgrid-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem; } 
#filterTitleHeading { margin: 0; } 
.shop-tablist { gap: 1.6rem; } 
.shop-tablist li span.active { background-color: rgb(225, 232, 210); } 
.shop-tablist li span { display: block; height: 3rem; width: 3rem; color: var(--success-color); text-align: center; padding: .4rem; border-radius: .6rem; display: flex; 
justify-content: center; align-items: center; cursor: pointer; } 
.shop-tablist li span img { width: 100%; } 
.as-product .price { display: block; font-family: var(--title-font); color: rgb(42, 64, 38); font-weight: 700; padding:.6rem 0; line-height: 2.8rem; } 
.quick-span { font-size: 1.3rem !important; font-weight: 700; color: rgb(124, 125, 122); } 
.featured-product { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; padding-left: 0; } 
.featured-product.product-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } 
.featured-product.product-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } 
.featured-product .flickity-button { top: -5rem; opacity:1; background:transparent; z-index: 100; } 
.featured-product .flickity-button svg path { fill:var(--white-color); } 
.featured-product .flickity-prev-next-button.previous { left:0; } 
.featured-product .flickity-prev-next-button.next { right:0; } 
.featured-product .flickity-page-dots .dot { background: var(--white-color); } 
.featured-product-container { border: .1rem solid var(--light-white); padding: 1.2rem; border-radius: .8rem; background: var(--white-color); } 
.featured-product-container:hover { border: .1rem solid var(--light-green); } 
.featured-product-container { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 0%; position: inherit !important; } 
.featured-product-image-title { display: flex; flex-direction: column; flex: 1 1 0%; width: 100%; } 
.featured-product-selection { display: flex; flex-direction: column; } 
.featured-product-img-card { border-radius: .8rem; } 
.featured-product-content { display: flex; flex-direction: column; margin-top: 1.6rem; } 
.featured-product-name { margin-bottom: .8rem; font-size: 2rem; line-height: 2.4rem; text-align: left; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; 
color: var(--title-color); } 
.featured-product-price { margin-bottom: .8rem; display: flex; } 
.featured-product-price p { font-family: var(--title-font); font-size: 1.8rem; line-height: 2.4rem; font-weight: 700; color: var(--title-color); text-align: left; margin-bottom: 0;} 
.featured-product-price p .slice { font-size: 1.3rem !important; padding-left: .8rem; color: var(--product-text); line-height: 2rem; white-space: nowrap; } 
.featured-product-description { text-align: left; font-size: 1.4rem; line-height: 2rem; color: var(--new-gray-color); margin-bottom: 1.6rem; } 
.featured-product-selection .pizza-quantity { display: flex; justify-content: space-between; flex-wrap: wrap; }
.featured-product-selection .pizza-quantity .select.slices {width: 11.2rem; flex: 1 1 0%; margin-bottom: 1.6rem;}
.featured-product-selection .pizza-quantity .select.quantity {margin-left: 1.2rem; width: 8.8rem; margin-bottom: 1.6rem;}
.featured-product-selection .pizza-quantity .select select {align-items: center; cursor: default; display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 5.4rem;
position: relative; transition: 100ms; background-color: rgb(255, 255, 255); border: .1rem solid rgb(204, 204, 204); border-radius: .8rem; box-sizing: border-box; 
color: black; padding-left: 1.6rem; padding-right: 0; padding-right: 4rem; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; appearance: none; 
background-size: 1.6rem;}
.featured-product-selection .pizza-quantity .select select option {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.featured-product-selection .pizza-quantity .select.dough-type-container {width: 100%; position: relative; margin-bottom: 1.6rem;}
.featured-product-selection .pizza-quantity .select.crust-type-container {width: 100%; position: relative; margin-bottom: 1.6rem;}
.featured-product-selection .pizza-quantity .well-done-container {width: 100%;}
.featured-product-selection .pizza-quantity .well-done-container .well-done-check {display: flex; justify-content: space-between; padding: 1.2rem 1.6rem; margin-bottom: 1.6rem; 
border-radius: .8rem; background: var(--white-bg);}
.featured-product-selection .pizza-quantity .well-done-container .well-done-check label {margin: 0; font-size: 1.4rem; line-height: 2rem; cursor: pointer; 
font-family: var(--title-font); font-weight: 700; text-transform: uppercase; color: var(--title-color);}
.featured-product-selection .pizza-quantity .well-done-container .well-done-check .featured-well-done {height: inherit;}
.featured-product-selection .pizza-quantity .well-done-container input[type="checkbox"] ~ label:before {border-radius: 9999px; border: .2rem solid var(--product-text); 
width: 1.6rem; height: 1.6rem; font-size: 1rem; line-height: 1.3rem; right: 0; left: inherit;}
.featured-product-selection .pizza-quantity .well-done-container input[type="checkbox"]:checked ~ label:before {border: .2rem solid var(--light-green);}
.featured-product-selection .pizza-quantity .selection-label {left: .8rem; top: -.8rem; position: absolute; z-index: 10; color: var(--light-green); padding-left: .8rem; 
padding-right: .8rem; font-size: 1.2rem; line-height: 1.6rem; background: var(--white-color); font-family: var(--title-font); text-transform: uppercase; font-weight: 700;}
.featured-product-selection .add-cart-button {display: flex;}
.featured-product-selection .add-cart-button .cart-btn {display: flex; align-items: center; justify-content: center; padding-left: 2.4rem; padding-right: 2.4rem; 
color: var(--white-color); height: 5.6rem !important; background: var(--light-green); border-radius: 9999px; width: 8rem; margin-right: 1.6rem; border: none; 
font-family: var(--title-font); font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em;}
.featured-product-selection .add-cart-button .cart-btn:hover {background: var(--title-color);}
.featured-product-selection .add-cart-button a {color: var(--white-color);}
.featured-product-selection .add-cart-button .cart-btn.customize {background-color: var(--white-color); border: .2rem solid var(--title-color); flex: 1 1 0%; 
color: var(--title-color); margin-right: 0;}
.featured-product-selection .add-cart-button .cart-btn.customize:hover {background-color: var(--title-color); color: var(--white-color);}





/* ======================================== 
          Single Product Css Start
========================================  */
.product {padding: 8rem 0 1.6rem 0;background: var(--background);position: relative;z-index: 10;}
.product .product-card {position: relative;max-width: 35.5rem;width: 24%;border-radius: 4rem;padding: 3.2rem 4.8rem 4.8rem 4.8rem;background: var(--white-color);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2);cursor: pointer;display: flex;flex-direction: column;transition: .5s all ease-in-out;}
.product .product-card .logo-cart {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 2;}
.product .product-card .logo-cart i {font-size: 3.8rem;color: var(--success-color);cursor: pointer;transition: color 0.3s ease;}
.product .product-card .logo-cart i:hover {color: var(--theme-color);}
.product .pizza-image {position: relative;z-index: 1;}
.product .pizza-image img {width: 100%;transition: .5s all ease-in-out;}
.product .product-card:hover .pizza-image .product-img {transform: scale(1.1);}
.pizza-name-price {padding: 3.2rem 0 1.6rem 0;display: flex;justify-content: space-between;align-items: center;}
.product .pizza_name {font-size: 3.5rem;flex: 0 0 70%;}
.product .pizza_name a {color: var(--text);transition: .5s all ease-in-out;}
.product .pizza_name a:hover {color: var(--theme-color);}
.product .pizza_description {font-size: 2.5rem;font-style: italic;color: var(--light-gray);padding: 1.6rem 0;}
.product .product-card .pizza-details .stars i {margin: 0 -.1rem;color: var(--theme-color);font-size: 2.5rem;}
.product .product-card .pizza-price {font-size: 3.5rem;font-weight: 600;color: var(--theme-color);font-family: var(--title-font);flex: 0 0 30%;}
.product .add-cart-button {position: relative;height: 8rem;width: 100%;border-radius: 4rem;margin-top: 1.6rem;}
.product .product-card .add-cart-button button {font-size: 3.2rem;text-transform: uppercase;border-radius: .5rem;margin: 0 auto;letter-spacing: .2rem;padding: 1rem 3.2rem;
border: .2rem solid var(--theme-color);background: var(--theme-color);width: 100%;display: inline-flex;align-items: center;justify-content: center;transition: .5s all ease-in-out;}
.product .product-card .add-cart-button button a {color: var(--white-color);display: flex;justify-content: center;align-items: center;}
.product .product-card .add-cart-button button:hover {background: var(--success-color);border: .2rem solid var(--success-color);}
.product .product-card .add-cart-button .cart-btn img {margin-right: 1rem;width: 3.2rem;}
.product .product-container {display: flex;gap: 2.7rem;flex-wrap: wrap;}
.product .pizza-quantity {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 2.4rem;padding: 1.6rem 0;border-radius: .8rem;max-width: 64rem;}
.product .customize button {background: var(--success-color) !important;border: .2rem solid var(--success-color) !important;}
.product .customize button:hover {border: .2rem solid var(--theme-color) !important;background: var(--theme-color) !important;}
.product .product-card .customize .cart-btn img {filter: invert(1) !important;}
.product .customize {margin-top: 3.2rem;}
.product .pizza-quantity .select select {position: relative;vertical-align: middle;height: 8rem;background-color: var(--white-color);border: .1rem solid var(--input-border);
font-size: 2.5rem;border-radius: .8rem;padding: 1rem;cursor: pointer;font-family: var(--body-font);-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;
background-image: url("../images/chevron-down.svg");background-repeat: no-repeat;background-position: right 1rem center;background-size: 1.2rem;transition: all 500ms ease;}
.product .pizza-quantity .select select:focus {outline: none !important;box-shadow: none !important;border: .1rem solid var(--theme-color);}
.product .pizza-quantity .slices {width: 70%;}
.product .pizza-quantity .slices select {width: 100%;}
.product .pizza-quantity .quantity {width: 24%;}
.product .pizza-quantity .quantity select {width: 100%;}
.product .pizza-quantity .doug {width: 100%;border-bottom: .1rem dashed var(--white-bg);padding: 0 0 2rem 0;}
.product .pizza-quantity .doug select {width: 100%;}
.product .pizza-quantity .crust {width: 100%;border-bottom: .1rem dashed var(--white-bg);padding: 0 0 2rem 0;}
.product .pizza-quantity .crust select {width: 100%;}
.product .pizza-quantity label {font-size: 2.5rem;padding-bottom: 1.6rem;color: var(--text);font-weight: bold;display: block !important;cursor: pointer;}
.single-product {padding: 4.8rem 0;}
.product-customize-optional {max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.5s ease, opacity 0.5s ease;}
.product-customize-optional.show {max-height: 100%;opacity: 1;margin-bottom: 4.8rem;}
.single-product .product-customize-optional #accordion {display: flex;flex-direction: column;gap: 1.2rem;}
.single-product .pizza-screen-round-checkbox .custom-label {width: 2.4rem;height: 2.4rem;}
.single-product .pizza-screen-round-checkbox input[type="checkbox"]:checked + label::after {top: .4rem;left: 0.7rem;width: .5rem;height: .9rem;}
.single-product-title {font-size: 5.1rem; color: var(--success-color); font-weight: 700; line-height: 6.4rem; text-transform: uppercase; letter-spacing: .1rem; 
margin-bottom: 1.9rem;}
.single-product-price {font-size: 4rem; color: var(--theme-color); font-weight: 700; line-height: 6.4rem; text-transform: uppercase; letter-spacing: .1rem; margin-bottom: 1.9rem;}
.single-product-short-desc {font-size: 2.5rem; color: var(--text); margin-bottom: 3.2rem;}
.title-label {color: var(--text); font-family: var(--title-font); font-weight: 700; text-transform: uppercase; margin-bottom: 1.5rem; font-size: 2.5rem; cursor: pointer;}
.single-product .choose li {display: inline-block;}
.single-product .choose li a {display: block; border: .1rem solid var(--woo-nav-link); font-size: 2.5rem; color: var(--text); margin: 0 .3rem; text-align: center; font-weight: 500;}
.single-product .choose li a span {display: block;}
.single-product .choose li a span:nth-child(1) {margin-bottom: .5rem;}
.single-product .choose li a span:nth-child(2) {color: var(--success-color);}
.single-product .choose li a .attribute-img {height: 8.2rem;}
.single-product .attribute-check {width: 3.2rem; height: 3.2rem; background: var(--light-green); border-radius: 9999px; display: flex; justify-content: center; align-items: center;
opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);}
.pizza-single-size .choose.size li.active .attribute-check {opacity: 1;}
.single-product .attribute-check img {width: 1.9rem; filter: brightness(1) invert(1);}
.single-product .choose li a img {margin-bottom: 1.2rem; opacity: 0.2;}
.single-product .choose li.active a img {opacity: 1;}
.single-product .choose li.active a svg circle,
.single-product .choose li.active a svg rect{fill: var(--theme-color);}
.single-product .choose li.active {background: var(--white-bg);}
.single-product .choose {margin-bottom: 3.2rem;}
.quantity-product {margin-top: 4.8rem; border-bottom: .1rem solid var(--white-bg); padding-bottom: 4.8rem;}
.quantity-product input {width: 8rem; height: 8rem; text-align: center; border: .1rem solid var(--woo-nav-link); border-radius: 0; appearance: none; font-size: 3.2rem; 
color: var(--text); font-weight: 700;}
.add-cart {background: var(--theme-color); color: var(--white-color); border: .1rem solid var(--theme-color); font-size: 3.2rem; text-transform: uppercase; letter-spacing: .1rem;
display: inline-block; padding: .9rem 2.9rem; margin-left: 1.8rem; transition: all 500ms ease;}
.add-cart:hover {color: var(--theme-color); background: transparent;}
.product__carousel {display: block; max-width: 70rem; margin: 1em auto 3em;}
.product__carousel a {display: block; margin-bottom: 2.4rem;}
.product__carousel .gallery-top {border: .2rem solid var(--success-color); border-radius: .3rem; margin-bottom: 3.2rem;}
.product__carousel .gallery-top .swiper-slide {position: relative; overflow: hidden;}
.product__carousel .gallery-top .swiper-slide a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.product__carousel .gallery-top .swiper-slide a img {width: 100%; height: 100%; object-fit: contain;}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {min-width: 100%; min-height: 100%;}
.product__carousel .gallery-thumbs .swiper-slide {position: relative; transition: border .15s linear; border: .2rem solid var(--white-bg); border-radius: .3rem; cursor: pointer; 
overflow: hidden; height: calc(100% - .2rem);}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border-color: var(--success-color);}
.product__carousel .gallery-thumbs .swiper-slide img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.round {position: relative; width: 2.8rem;}
.round label {background-color: var(--white-color); border: .1rem solid var(--white-bg); border-radius: 50%; cursor: pointer; height: 2.8rem; left: 0; position: absolute; top: 0; 
width: 2.8rem;}
.round label:after {border: .2rem solid var(--white-color); border-top: none; border-right: none; content: ""; height: .6rem; left: .7rem; opacity: 0; position: absolute; 
top: .8rem; transform: rotate(-45deg); width: 1.2rem;}
.round input[type="checkbox"] {visibility: hidden;}
.round input[type="checkbox"]:checked+label {background-color: var(--success-color);border-color: var(--success-color);}
.round input[type="checkbox"]:checked+label:after {opacity: 1;}
.well-done-container {width: 100%;}
.well-done-check {display: flex; justify-content: space-between;}
.customize-extra .customize-title {color: var(--success-color); font-weight: 700; text-transform: uppercase; font-size: 3.2rem; margin-bottom: 1.3rem;}
.customize-extra .customize-subtitle {color: var(--text); margin-bottom: .8rem; font-size: 2.5rem;}
.customize-extra .reset {display: flex; justify-content: flex-end;}
.customize-extra .reset .reset-btn {border: none; background: none; color: var(--theme-color); font-weight: 700; text-transform: uppercase; font-size: 2.5rem;}
.dough-regular-select-left img {width: 10.2rem; object-fit: cover; border-radius: .8rem;}
.dough-regular-select-right h5 {color: var(--text); font-weight: 700; font-size: 2.9rem; cursor: pointer;}
.dough-regular-select-right {text-align: left; flex: 1 1 0%;}
.dough-regular-select-right label {color: var(--text); font-weight: 500; font-size: 2.5rem; cursor: pointer; padding-left: 1.9rem;}
.dough-regular-select-right input {width: 2rem; height: 2rem;}
.select-option.selected {background-color: var(--white-bg); border-color: var(--light-green);}
.select-option svg {transform: rotate(180deg);}
.extra {display: flex; flex-direction: column; overflow: hidden; gap: 1.2rem;}
.extra-container {display: flex; justify-content: space-between;}
.extra .select-option-btn {padding: 2rem; background: var(--success-color); color: var(--white-color); border: none; width: 100%;}
.extra .select-option-content {padding: 2rem 0; background: var(--white-color); border: none;}
.select-option-sub-btn {border: .1rem solid var(--woo-nav-link); font-size: 2.5rem; color: var(--text); padding: 2rem 3.8rem; text-align: center; font-weight: 500; 
background: var(--white-color); display: inline-block; margin-top: 2.4rem;}
.extra-sauce {background: var(--white-bg); padding: 2rem; margin: 1.6rem 0;}
.extra-sauce .title-label {margin-bottom: 0 !important;}
.extra .dough-regular-select-left {position: relative;}
.extra .round {position: static;}
.extra .round label {left: .5rem; top: .5rem;}
.topping-extra-btns {display: flex; justify-content: space-between; align-items: center; border-bottom: .1rem solid var(--black-color); padding: 2rem;}
.toppings-btns .select-option-sub-btn {border: none; margin-top: 0; margin-right: 2rem; padding: 0;}
.toppinngs-select-left {display: flex; align-items: flex-start; padding: 0 1.6rem 0 1.6rem; padding-left: 0; width: 100%; overflow: hidden; position: relative;}
.topping-regular-select {display: flex;}
.count-toppings button {border: none; background: none;}
.count-toppings button svg path {fill: var(--light-white); cursor: pointer; transition: all 500ms ease;}
.count-toppings button:focus svg path {fill: var(--success-color);}
.count-toppings button svg circle {fill: var(--light-white); cursor: pointer; transition: all 500ms ease;}
.count-toppings button:focus svg circle {fill: var(--success-color);}
.toppings-content h5 {color: var(--text); font-weight: 700; font-size: 2.9rem; cursor: pointer;}
.toppings-content p {color: var(--text); margin-bottom: 3.2rem; font-size: 2.2rem; margin-top: 1.3rem;}
.topping-extra-btns span.text-right {color: var(--text); font-size: 2.2rem;}
#accordion .card-header {padding: 0; border: none; background: var(--success-color); color: var(--white-color);}
#accordion .card-header .customize-btn {display: flex; justify-content: space-between; width: 100%;}
#accordion .card-header .customize-btn:focus {box-shadow: none; outline: none;}
#accordion .customize-btn .extra-name {font-size: 2.9rem; font-family: var(--title-font); font-weight: 700; color: var(--white-color);}
#accordion .customize-btn .extra-desc {font-size: 2.5rem; color: var(--white-color);}
#accordion .customize-sub-btn {border: .1rem solid var(--woo-nav-link); font-size: 2.5rem; color: var(--text); padding: 2rem 3.2rem; text-align: center; font-weight: 500; 
background: var(--white-color); display: inline-block;}
#accordion .customize-sub-btn:focus {box-shadow: none; outline: none;}
#accordion .dough-regular-select-left {position: relative;}
#accordion .round-check {position: static;}
#accordion .select-option-content {margin: 1.6rem; transition: all 500ms ease;}
#accordion .radio-box {display: flex; align-items: center; margin-bottom: 1.6rem;}
#accordion .cheese-select-box {cursor: pointer;}
#accordion .cheese-select-box .dough-regular-select-right p {margin-bottom: 0 !important;}
.hidden {display: none; transition: all 500ms ease;}
.custom-radio input[type="radio"] {position: absolute; opacity: 0; cursor: pointer;}
.custom-radio label {display: inline-block; position: relative; padding-left: 4rem; cursor: pointer; font-size: 1.6rem; color: var(--black-color);}
.custom-radio label::before {content: ''; position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: .2rem solid var(--dark-gray-9); 
background-color: transparent; transition: background-color 0.3s, border-color 0.3s;}
.custom-radio input[type="radio"]:checked + label::before {background-color: var(--success-color);border-color: var(--success-color);}
.custom-radio label::after {content: '';position: absolute;left: .6rem;top: .6rem;width: 1.3rem;height: 1.3rem;border-radius: 50%;background-color: white;opacity: 0;
transition: opacity 0.3s;}
.custom-radio input[type="radio"]:checked + label::after {opacity: 1;}

@media only screen and (max-width:767px) {
	.container { padding: 0 1.5rem; }
  .header-top { flex-direction: column; text-align: center; }
  .header-top-bar .header-top-left { margin-bottom: 2.4rem; }
  .header-top .header-top-left ul li { margin-right: 0; }
  .header-bottom-bar .logo { width: 15rem; }
  .header-bottom-bar .order-online h6 { font-size: 3.5rem; }
  .hero-banner span { font-size: 4rem; }
  .hero-banner h1 { font-size: 7.2rem; }
  .hero-banner h1 span { font-size: 9.6rem; }
  .about-us-img-box { margin-bottom: 3.2rem; }
  .categories { padding-top: 8rem; }
  .our-menu #productfilterbtn .btn.active::after { display: none; }
  .our-pizzas .icon-box { padding: 4.8rem; }
  .our-quality { text-align: center; }
  .header-bottom-bar .wrapper .btn { display: block; }
  .our-menu .special-tab ul li { margin-bottom: 1.6rem; }
  .our-menu .special-tab .nav-tabs li a.active::before { bottom: 0; }
  .product .product-card { width: 100%; max-width: 100%; }
  .product .pizza-category-name { font-size: 4.8rem; }
}

@media only screen and (max-width:1024px) {
	.header-bottom-bar.sticky {position: inherit !important;} 
  .header-bottom-bar .wrapper .btn {order: 3;display: block;} 
  .header-bottom-bar .order-online {order: 1;padding-left: 0;padding-right: 4.8rem;border: none;} 
  .section-heading {font-size: 6.4rem;} 
  .about-us p {font-size: 2.9rem;} 
  .section-button {font-size: 2.9rem;} 
  .our-menu .special-tab .nav-tabs li a {font-size: 2.9rem;} 
  .our-menu .our-menu-panel .menu-box {padding-top: 3rem;} 
  .our-menu .special-tab .nav-tabs li a {margin-right: 1.6rem;} 
  .our-quality .exlusive-container {position: relative;z-index: 2;} 
  .footer .pizza-depot-timing {margin-bottom: 8rem;} 
  .header-bottom-bar .navbar {width: 100%;height: 100vh;background-image: url(../images/hero-banner-background.png);position: absolute;top: 0;left: 0;display: flex;
  justify-content: center;align-items: center;transform: translateX(100%);transition: all .5s linear;opacity: 0;visibility: hidden;pointer-events: none;} 
  .header {position: relative;} 
  .header-bottom-bar .wrapper .nav-links {position: fixed;height: 100vh;width: 100%;max-width: 30rem;top: 0;right: -100%;background-image: url(../images/hero-banner-background.png);
  display: block;padding: 5rem 0;line-height: 5rem;overflow-y: auto;box-shadow: 0 1.5rem 1.5rem rgba(0, 0, 0, .18);z-index: 99;transition: all .5s ease;} 
  .header-bottom-bar .wrapper .btn.close-btn {display: block;font-size: 1.6rem;right: 2.5rem;line-height: 3rem;width: 2.4rem;cursor: pointer;z-index: 10;} 
  #menu-btn:checked~.nav-links {right: 0;} 
  .header-bottom-bar .nav-links li a {padding: .5rem 2.5rem;margin-right: 0 !important;display: block;}
	::-webkit-scrollbar {width: 1rem}
	::-webkit-scrollbar-track {background: 0 0 !important}
	::-webkit-scrollbar-thumb {background: 0 0 !important}
	.header-bottom-bar .nav-links li {border-top: .1rem solid rgba(255, 255, 255, .1)}
	.header-bottom-bar .nav-links li:last-child {border-bottom: .1rem solid rgba(255, 255, 255, .1)}
	#showDrop:checked~.drop-menu,
	#showMega:checked~.mega-box {max-height: 100%}
	.header-bottom-bar .nav-links .desktop-item {display: none;}
  .header-bottom-bar .nav-links .mobile-item {display: block;color: var(--white-bg);font-size: 2rem;font-weight: 500;padding: .5rem 2.5rem;cursor: pointer;border-radius: .5rem;
  transition: all .3s ease;}
  .header-bottom-bar .drop-menu li {margin: 0;}
  .header-bottom-bar .drop-menu li a {border-radius: .5rem;font-size: 1.8rem;}
  .header-bottom-bar .mega-box {position: static;top: 6.5rem;opacity: 1;visibility: visible;padding: 0;max-height: 0;overflow: hidden;transition: all .3s ease;}
  .header-bottom-bar .mega-box .content {box-shadow: none;flex-direction: column;padding: 1rem 1rem 0 1rem;}
  .header-bottom-bar .mega-box .content .row {width: 100%;margin-bottom: 1.5rem;border-top: .1rem solid rgba(255, 255, 255, .08);}
	.header-bottom-bar .mega-box .content .row:nth-child(1),
	.header-bottom-bar .mega-box .content .row:nth-child(2) {border-top: 0}
  .header-bottom-bar .content .row .mega-links {border-left: 0;padding-left: 2rem;} 
  .header-bottom-bar .row .mega-links li {margin: 0;} 
  .header-bottom-bar .content .row header {font-size: 1.9rem;} 
  .header-bottom-bar .mega-box .mega-links li a {padding: 0;margin-right: 0;} 
  .header-bottom-bar .mobile-logo {display: block;position: relative;padding: 5rem 2.5rem;text-align: left;} 
  .header-bottom-bar .mobile-logo img {width: 20rem;} 
  .featured-product .product-box {margin-bottom: 3.2rem;} 
  .submenu-content {position: absolute !important;top: 25.5rem !important;justify-content: flex-start;flex-wrap: nowrap;list-style: none;padding: 0 !important;margin: 0;
  padding-left: .5rem !important;scrollbar-width: none;background: var(--title-color) !important;width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;
  scrollbar-width: none;} 
  .submenu-content li {flex: 0 0 auto;padding: 1.2rem 0 1.6rem 0;} 
  .submenu-content li a {color: var(--white-color) !important;opacity: .6;} 
  .submenu-content li a:focus {opacity: 1;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
  .submenu-content{justify-content: center;}
}

@media only screen and (max-width:415px){
  .submenu-content{top: 24.8rem !important;}
}

@media only screen and (max-width:1023px){
  .shop-tablist{display:none;} 
  .single-proudct-top-name{font-size:2.4rem !important;line-height:3.2rem !important;} 
  .pizza-screen-single-product-cart-mobile{display:flex !important;} 
  .pizza-screen-single-product-detail{display:none !important;} 
  .pizz-screen-single-product-container hr{display:none !important;} 
  .pizza-screen-single-product-botttom{display:none !important;} 
  .pizz-screen-single-product-container{border-radius:0 !important;padding:0 !important;border:none !important;margin-bottom:1.6rem !important;} 
  .pizza-screen-single-product-img img{border-radius:0 !important;width:100% !important;} 
  .single-product .single-product-main-content{order:2;padding-right:calc(var(--bs-gutter-x) / 2);flex:none;} 
  .single-product .single-product-main-card{order:1;flex:none;} 
  .pizz-screen-single-product-container{position:relative !important;top:initial !important;left:initial !important;width:auto !important;padding:1.2rem;margin-bottom:3.6rem;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.our-quality {text-align: center}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .header-links li:not(:last-child) {padding: 0 1rem 0 0;margin: 0 1rem 0 0;} 
  .header-bottom .header-bottom-right .order-online {order: 1;} 
  .header-bottom-bar .mobile-navbar-btn {order: 2;display: flex;justify-content: center;align-items: center;} 
  .hero-banner span {font-size: 4.5rem;} 
  .hero-banner h1 {color: var(--white-color);font-size: 9rem;} 
  .hero-banner h1 span {font-size: 11.2rem;} 
  .container {padding: 0;} 
  .our-menu .product-box-container {gap: 1.6rem;} 
  .our-pizzas .icon-box {padding: 1.6rem;} 
  .product .product-container{gap: 2.2rem;} 
  .product .product-card{max-width: 100%;width: 49%;} 
  .product .pizza-category-name{font-size: 5.6rem;}
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
  .header-bottom-bar .nav-links li a {margin-right: 3.2rem;} 
  .header-bottom-bar .logo {width: 20rem;} 
  .product .pizza-quantity .slices {width: 69%;} 
  .product .product-card {width: 32%;} 
  .product .product-container {gap: 2.9rem;} 
  .link-box p {font-size: 1.8rem;} 
  .main-menu a {font-size: 1.4rem;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .product .product-container {gap: 2.4rem;}
}

input[type="checkbox"]:checked ~ label:before{display: none;} 
input[type="checkbox"] ~ label:before{display: none;} 
.round input[type="checkbox"] ~ label{padding-left: 0 !important;} 
.pizza-single-size .choose.size{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 3.6rem;} 
.pizza-single-size .choose.size li{height: 15.6rem;display: flex;justify-content: center;flex-direction: column;align-items: center;border: .1rem solid var(--woo-nav-link);
position: relative;z-index: 4;border-radius: .8rem;min-width: 10.4rem;min-height: 19.4rem;padding: 1.2rem;flex: 1 1 0%;transition: all 500ms ease;} 
.pizza-single-size .choose.size li input{position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;z-index: 5;display: block;visibility: visible;cursor: pointer;} 
.pizza-single-size .choose.size li.active{background: var(--store-hover);border: .1rem solid var(--light-green);} 
.pizza-single-size .choose li a{display: block;border: .1rem solid var(--woo-nav-link);font-size: 2.5rem;color: var(--text);margin: 0 .3rem;text-align: center;font-weight: 500;} 
.pizza-single-size .size li a{border: none;}
/* ======================================== 
          Single Product Css End
========================================  */




.featured-screen-product {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4rem;}
.featured-screen-product-container {display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 0%; width: 100%; position: inherit !important; 
border: .1rem solid var(--light-white); padding: 1.2rem; border-radius: .8rem; display: none;}
.featured-screen-product-container:hover {border: .1rem solid var(--light-green);}
.featured-screen-product-container.active {display: flex;}
.featured-screen-product-image-title {display: flex; flex-direction: column; flex: 1 1 0%; width: 100%;}
.featured-screen-product-img-card {border-radius: .8rem; aspect-ratio: 4 / 3; width: 100%;}
.featured-screen-product-content {display: flex; flex-direction: column; margin-top: 1.6rem;}
.featured-screen-product-name {margin-bottom: .8rem; font-size: 2rem; line-height: 2.4rem; text-align: left; font-family: var(--title-font); font-weight: 700; 
text-transform: uppercase; color: var(--title-color);}
.featured-screen-product-price {margin-bottom: .8rem; display: flex;}
.featured-screen-product-price p {font-family: var(--title-font); font-size: 1.8rem; line-height: 2.4rem; font-weight: 700; color: var(--title-color); text-align: left; 
margin-bottom: 0;}
.featured-screen-product-price p .slice {font-size: 1.3rem !important; padding-left: .8rem; color: var(--product-text); line-height: 2rem; white-space: nowrap;}
.featured-screen-product-description {text-align: left; font-size: 1.4rem; line-height: 2rem; color: var(--new-gray-color); margin-bottom: 1.6rem;}
.featured-screen-product-selection {display: flex; flex-direction: column;}
.featured-screen-product-selection .pizza-quantity {display: flex; justify-content: space-between; flex-wrap: wrap;}
.featured-screen-product-selection .pizza-quantity .select.slices {width: 11.2rem; flex: 1 1 0%; margin-bottom: 1.6rem;}
.featured-screen-product-selection .pizza-quantity .select.quantity {margin-left: 1.2rem; width: 7rem; margin-bottom: 1.6rem;}
.featured-screen-product-selection .pizza-quantity .select select {width: 100%; align-items: center; font-size: 1.6rem; cursor: default; display: flex; flex-wrap: wrap; 
justify-content: space-between; min-height: 5.4rem; position: relative; transition: 100ms; background-color: rgb(255, 255, 255); border: .1rem solid rgb(204, 204, 204); 
border-radius: .8rem; box-sizing: border-box; color: black; padding-left: 1.6rem; padding-right: 0; padding-right: 4rem; box-sizing: border-box; white-space: nowrap; 
text-overflow: ellipsis; font-family: var(--body-font); appearance: none; background-image: url('https://sarvadaa.com/demo/pizza/images/screen-chevron-down.svg'); 
background-repeat: no-repeat; background-position: right 1.6rem center; background-size: 1.4rem; cursor: pointer;}
.featured-screen-product-selection .pizza-quantity .select select:focus {border: .2rem solid rgb(204, 204, 204); outline: none;}
.featured-screen-product-selection .pizza-quantity .select select option {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.featured-screen-product-selection .pizza-quantity .select.dough-type-container {width: 100%; position: relative; margin: 1.6rem 0;}
.featured-screen-product-selection .pizza-quantity .select.crust-type-container {width: 100%; position: relative; margin-bottom: 1.6rem;}
.single-product .pizza-screen-welldone-container {background: var(--well-done-bg-single); margin-bottom: 0;}
.single-product .pizza-screen-welldone-container:hover {background: var(--well-done-bg-single); border: .1rem solid var(--well-done-bg-single);}
.pizza-screen-welldone-container {display: flex; justify-content: space-between; align-items: center; background: var(--well-done-bg); padding: 1.2rem 1.6rem; 
border: .1rem solid var(--white-color); margin-bottom: 1.6rem; border-radius: .8rem; cursor: pointer;}
.pizza-screen-welldone-container:hover {background: var(--white-bg); border: .1rem solid var(--light-green);}
.pizza-screen-welldone-container .pizza-screen-welldone-label {font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: var(--title-font); color: var(--title-color); 
text-transform: uppercase; cursor: pointer; margin: 0;}
.pizza-screen-welldone-container input {width: 1.6rem; height: 1.6rem;}
.pizza-screen-welldone-container input[type="checkbox"] {display: none;}
.pizza-screen-round-checkbox .custom-label {display: inline-block; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: .2rem solid var(--product-text); position: relative; 
cursor: pointer; margin: 0; padding-left: 0;}
.pizza-screen-round-checkbox .checked-label {border: .2rem solid var(--light-green) !important; background: var(--light-green) !important;}
.pizza-screen-round-checkbox input[type="checkbox"]:checked + label::after {content: ''; position: absolute; top: .1rem; left: .4rem; width: .4rem; height: .8rem; 
border: solid var(--white-color); border-width: 0 .2rem .2rem 0; transform: rotate(45deg);}
.featured-screen-product-selection .pizza-quantity .selection-label {left: .8rem; top: -.8rem; position: absolute; z-index: 10; color: var(--light-green); padding-left: .8rem; 
padding-right: .8rem; font-size: 1.2rem; line-height: 1.6rem; background: var(--white-color); font-family: var(--title-font); text-transform: uppercase; font-weight: 700;}
.featured-screen-product-selection .add-cart-button {display: flex;}
.featured-screen-product-selection .add-cart-button .cart-btn {display: flex; align-items: center; justify-content: center; padding-left: 2.4rem; padding-right: 2.4rem; 
color: var(--white-color); height: 5.6rem !important; background: var(--light-green); border-radius: 9999px; width: 12.8rem; margin-right: 1.6rem; border: none; 
font-family: var(--body-font); font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em;}
.featured-screen-product-selection .add-cart-button .cart-btn:hover {background: var(--title-color);}
.featured-screen-product-selection .add-cart-button a {color: var(--white-color);}
.featured-screen-product-selection .add-cart-button .cart-btn.customize {background-color: var(--white-color); border: .2rem solid var(--title-color); flex: 1 1 0%; 
color: var(--title-color); margin-right: 0;}
.featured-screen-product-selection .add-cart-button .cart-btn.customize:hover {background-color: var(--title-color); color: var(--white-color);}
.pizza-screen-round-checkbox {line-height: 1;}



/* ======================================== 
          Single Product Css Start
========================================  */
.single-product {padding: 4.8rem 0;} 
.single-product-right {padding-left: 4.8rem;} 
.single-product .choose li a svg {margin-bottom: 1.2rem;} 
.single-product .quantity-product {border-bottom: .1rem solid var(--white-bg); padding-bottom: 4.8rem;} 
.single-product .quantity-product input {width: 8rem; height: 8rem; text-align: center; border: .1rem solid var(--woo-nav-link); border-radius: 0; appearance: none; 
font-size: 3.2rem; color: var(--text); font-weight: 700;} 
.single-product .quantity-product input:focus {box-shadow: none; outline: none; border: .2rem solid var(--success-color); color: var(--success-color);} 
.single-product .add-cart {background: var(--theme-color); color: var(--white-color); border: .1rem solid var(--theme-color); font-size: 3.2rem; text-transform: uppercase; 
letter-spacing: .1rem; display: inline-block; padding: .9rem 2.9rem; margin-left: 1.8rem; transition: all 500ms ease;} 
.single-product .add-cart:hover {color: var(--theme-color); background: transparent;} 
.single-product .round {position: relative; width: 2.8rem;} 
.single-product .round label {background-color: var(--white-color); border: .1rem solid var(--white-bg); border-radius: 50%; cursor: pointer; height: 2.8rem; left: 0; 
position: absolute; top: 0; width: 2.8rem !important; padding: 0; margin: 0;} 
.single-product .round label:before {content: '\f00c'; width: 2.8rem; height: 2.8rem; font-size: 1.6rem; line-height: 2.6rem; top: 0;} 
.single-product .round label:after {border: .2rem solid var(--white-color); border-top: none; border-right: none; content: ""; height: .6rem; left: .7rem; opacity: 0; 
position: absolute; top: .8rem; transform: rotate(-45deg); width: 1.2rem;} 
.single-product .round input[type="checkbox"] {visibility: hidden;} 
.single-product .round input[type="checkbox"]:checked+label {background-color: var(--success-color); border-color: var(--success-color); width: 2.8rem;} 
.single-product .round input[type="checkbox"]:checked+label:after {opacity: 1;} 
.single-product .toppings-name {display: none;} 
.well-done-check label {padding-bottom: 0 !important; background-color: var(--white-color); border: .1rem solid var(--white-bg); border-radius: 50%; cursor: pointer; 
height: 2.8rem; left: 0; position: absolute; top: 0; width: 2.8rem;} 
.well-done-container .round label:after {border: .2rem solid var(--white-color); border-top: none; border-right: none; content: ""; height: .6rem; left: .7rem; opacity: 0; 
position: absolute; top: .8rem; transform: rotate(-45deg); width: 1.2rem;} 
.well-done-container .round {position: relative; width: 2.8rem;} 
.well-done-container .round input[type="checkbox"] {visibility: hidden;}
.single-product .customize-extra .customize-title{font-weight: 700;text-transform: uppercase;margin-bottom: .8rem;font-family: var(--body-font);color: var(--title-color);
font-size: 2rem;line-height: 2.4rem;} 
.single-product .customize-extra .customize-title small{font-size: 1.6rem;line-height: 2rem;margin-left: 1rem;} 
.single-product .customize-extra .customize-subtitle{font-size: 1.4rem;line-height: 2rem;color: var(--new-gray-color);margin-bottom: .4rem;} 
.single-product .customize-extra .reset{display: flex;justify-content: flex-end;margin-bottom: 1.6rem;} 
.single-product .customize-extra .reset .reset-btn{border: none;background: none;color: var(--theme-color);font-weight: 700;text-transform: uppercase;font-size: 1.4rem;
line-height: 2rem;} 
.single-product .regular-select{display: flex;flex-wrap: wrap;} 
.single-product .dough-regular-select-left{width: 10.2rem;margin-right: 1.6rem;} 
.single-product .dough-regular-select-left img{width: 10.2rem;height: 10.2rem;object-fit: cover;border-radius: .8rem;} 
.single-product .dough-regular-select-right h5{color: var(--title-color);font-weight: 700;font-size: 1.6rem;line-height: 2.8rem;cursor: pointer;margin: 0;
font-family: var(--body-font);} 
.single-product .dough-regular-select-right p{color: var(--black-color);font-size: 1.4rem;line-height: 2rem;margin-top: .8rem;margin-bottom: 0;} 
.single-product .dough-regular-select-right{text-align: left;flex: 1 1 0%;} 
.single-product .dough-regular-select-right input{width: 2rem;height: 2rem;} 
.single-product .extra-sauce{background: var(--white-bg);padding: 2rem;margin: 1rem 0;} 
.single-product .extra-sauce .title-label{margin-bottom: 0 !important;} 
.single-product .toppings-img-box{margin-right: 1.6rem;width: 10.2rem;} 
.single-product .toppings-img-box img{width: 10.2rem;border-radius: .8rem;} 
.single-product .toppings-content{flex: 1 1 0%;} 
.single-product .toppinngs-select-right{flex: 1 1 0%;} 
.single-product .drinks-dips .toppings-img-box img{width: 10.2rem;border-radius: .8rem;} 
.single-product .drinks-dips .increment-topping{gap:1rem;} 
.single-product .count-toppings button:focus svg path{fill: var(--success-color);} 
.single-product .count-toppings button svg circle{fill: var(--light-white);cursor: pointer;transition: all 500ms ease;} 
.single-product .count-toppings button:focus svg circle{fill: var(--success-color);} 
.single-product .count-toppings .right-shape svg{transform: rotate(180deg);} 
.card.active .customize-btn img{transform: rotate(-180deg);} 
.single-product #accordion .card{border-radius: .8rem;} 
.single-product #accordion .card.active{border: .1rem solid var(--light-green);border-top: none;} 
.single-product #accordion .card .card-header{padding: 2rem;background: transparent;} 
.single-product #accordion .card.active .card-header{background: var(--light-green);border-radius: .8rem .8rem 0 0;border: .1rem solid var(--light-green);
transition: all .3s cubic-bezier(.4,0,.2,1);} 
.single-product #accordion .card .open-collapse{transition: all .5s cubic-bezier(.4,0,.2,1);} 
.single-product #accordion .card .card-header .customize-btn{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0;} 
.single-product #accordion .customize-btn .single-product #accordion .customize-btn:focus{box-shadow: none;outline: none;}
.single-product #accordion .card-header { padding: 0; border: none; }
.single-product #accordion .card .customize-btn .extra-name { font-size: 1.6rem; line-height: 2.4rem; text-transform: uppercase; font-family: var(--body-font); font-weight: 700; 
color: var(--black-color); }
.single-product #accordion .card.active .customize-btn .extra-name { color: var(--white-color); }
.single-product #accordion .card .customize-btn .extra-desc { font-size: 1.4rem; line-height: 2.4rem; color: var(--product-text); font-family: var(--body-font); }
.single-product #accordion .card.active .customize-btn .extra-desc { color: var(--white-color); }
.single-product #accordion .card .customize-btn img { width: 2.4rem; filter: brightness(1) invert(1); transition: all .3s cubic-bezier(.4,0,.2,1); }
.single-product #accordion .card.active .customize-btn img { filter: brightness(0) invert(1); }
.single-product #accordion .customize-btn .dough-header-title { flex: 1 1 0%; display: flex; justify-content: space-between; margin-right: .4rem; }
.single-product #accordion .customize-sub-btn { border: .1rem solid var(--woo-nav-link); font-size: 2.5rem; color: var(--white-color); padding: 2rem 3.2rem; text-align: center; 
font-weight: 500; background: var(--white-color); display: inline-block; }
.single-product #accordion .customize-sub-btn:focus { box-shadow: none; outline: none; }
.single-product #accordion .dough-regular-select-left { position: relative; }
.single-product #accordion .round-check { position: static; }
.single-product #accordion .select-option-content { display: flex; flex-direction: column; gap: 1.6rem; margin: 1rem; padding: 1.6rem; border: .1rem solid var(--light-white); 
border-radius: .8rem; background: var(--white-color); cursor: pointer; transition: all 500ms ease; }
.single-product #accordion .select-option-content.active { border: .1rem solid var(--success-color); }
.hiddenaccr { display: none; }
.single-product #accordion .radio-group { display: none; }
.single-product #accordion .radio-group.show { display: block; transition: height 0.2s ease-out, opacity 0.2s ease-out !important; }
.single-product #accordion .radio-box { display: flex; align-items: center; margin-bottom: 2.4rem; line-height: 3.2rem; padding-left: 11.5rem; }
.single-product #accordion .radio-box:last-child { margin-bottom: 0; }
.single-product .well-done-check label { position: inherit; width: 100%; }
.single-product #accordion .cheese-select-box { cursor: pointer; }
.single-product #accordion .cheese-select-box .dough-regular-select-right p { margin-bottom: 0 !important; }
.single-product .hidden { display: none; transition: all 500ms ease; }
.single-product .custom-radio input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; }
.single-product .custom-radio label { display: inline-block; position: relative; padding-left: 4.5rem; cursor: pointer; font-size: 1.6rem; line-height: 3.2rem; 
color: var(--title-color); font-weight: 500; }
.single-product .custom-radio label::before { content: ''; position: absolute; left: 0; top: 0; width: 3.2rem; height: 3.2rem; border-radius: 50%; 
border: .2rem solid var(--light-white); background-color: transparent; transition: background-color 0.3s, border-color 0.3s; }
.single-product .custom-radio input[type="radio"]:checked + label::before { background-color: var(--white-color); border-color: var(--success-color); }
.single-product .custom-radio label::after { content: ''; position: absolute; left: .6rem; top: .6rem; width: 2rem; height: 2rem; border-radius: 50%; 
background-color: var(--success-color); opacity: 0; transition: opacity 0.3s; }
.single-product .custom-radio input[type="radio"]:checked + label::after { opacity: 1; }
.single-product .share { display: inline-block; width: 100%; padding-top: 2rem; }
.single-product .share li { display: inline-block; }
.single-product .share li a { color: var(--success-color); font-size: 2rem; padding: .8rem 1.2rem; border: .1rem solid var(--success-color); display: flex; justify-content: center; 
align-items: center; transition: all 500ms ease; }
.single-product .share li a:hover { color: var(--theme-color); border: .1rem solid var(--theme-color); }
.single-product .share label { padding-right: 1rem; }
.single-topping-list .nav-link { font-size: 1.4rem !important; font-weight: 700; line-height: 2rem; font-family: var(--title-font); border: none; padding: 0; padding-bottom: 2rem; 
margin-right: 2rem; border-radius: 0; background-color: transparent !important; text-transform: uppercase; color: var(--address) !important; }
.single-topping-list .nav-link.active { color: var(--dark-color) !important; border-bottom: .4rem solid var(--dark-color); }
.topping-list-container { border-bottom: .1rem solid var(--light-white); display: flex; justify-content: space-between; }
.topping-list-tabs-container { padding: 1rem 1.4rem; }
.topping-list-tabs-container .tab-content { margin-top: 1.6rem; }
.topping-list-tabs-container .tab-content .select-option-content { margin: 0 !important; margin-bottom: 1.6rem !important; }
.premium-topping { line-height: 2.4rem; color: var(--black-color); }
.single-product .product-selected-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.2rem; }
.single-product .product-selected-items li { font-size: 22..4rem; color: var(--success-color); font-weight: 500; }
.single-product .product-selected-items li b { color: var(--text); }
.pizza-screen-single-product-top { display: flex; gap: 2.4rem; }
.pizza-screen-single-product-img img { border-radius: .8rem; width: 23.2rem; object-fit: cover; }
.pizz-screen-single-product-container { padding: 2.4rem; border: .1rem solid var(--light-white); border-radius: .8rem; transition: all 1s ease-in-out; }
.fixed-single-product { z-index: 1000; box-shadow: 0 .5rem 2rem rgba(0,0,0,0.1); transition: all 0.3s ease; }
.pizz-screen-single-product-container.fixed { position: fixed !important; top: 9rem; left: 0; }
.pizza-screen-single-product-price h3 { font-size: 3.2rem; line-height: 4rem; font-weight: 700; font-family: var(--body-font); margin-bottom: .4rem; color: var(--black-color); }
.pizza-screen-single-product-price h5 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; color: var(--product-text); font-family: var(--body-font); margin: 0; }
.add-to-order { background: var(--light-green); color: var(--white-color); border-radius: 9999px; display: flex; align-items: center; justify-content: center; padding: 0 2.4rem; 
font-size: 1.4rem; line-height: 1.6rem; font-weight: 700; text-transform: uppercase; height: 5.2rem; font-family: var(--title-font); transition: all 500ms ease; }
.add-to-order:hover { background: var(--title-color); color: var(--white-color); }
.pizza-screen-single-product-price { display: flex; flex-direction: column; gap: 2rem; }
.pizz-screen-single-product-container .increment-topping { justify-content: flex-start; margin-top: 0; gap: 2.2rem; }
.pizz-screen-single-product-container .pizza-single-increment-container { display: flex; justify-content: center; align-items: center; gap: 1.6rem; }
.pizz-screen-single-product-container .increment-topping button { width: 5.6rem !important; height: 5.6rem !important; border: .1rem solid var(--light-white); background: none; 
color: var(--dark-color); font-size: 2.4rem; line-height: 1; border-radius: 9999px; display: flex; justify-content: center; align-items: center; }
.pizz-screen-single-product-container .increment-topping span { font-size: 1.6rem; line-height: 2.4rem; }
.user-selected-data { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.2rem; list-style-type: none; padding-left: 0; margin: 0; }
.user-selected-data li { font-size: 1.4rem; line-height: 2rem; color: var(--light-green); font-weight: 500; }
.user-selected-data li b { color: var(--new-gray-color); }
.pizz-screen-single-product-container hr { margin: 1.6rem 0; border-bottom-color: var(--light-white); }
.topping-container { display: flex; flex-wrap: wrap; }
.topping-box { display: flex; padding: .8rem; align-items: center; margin-right: 1.6rem; margin-bottom: 1.6rem; border: .1rem solid var(--light-white); border-radius: 9999px; }
.pizza-screen-single-product-botttom h3 { font-size: 1.4rem; font-weight: 700; line-height: 2rem; color: var(--title-color); text-transform: uppercase; margin-bottom: 1.6rem; 
padding: 0; }
.topping-box img { width: 4rem; height: 4rem; margin-right: .8rem; border-radius: 9999px; }
.topping-box span { margin-right: .8rem; line-height: 2.4rem; font-size: 1.6rem; font-weight: 500; }
.topping-green-full-circle { width: 2.4rem; height: 2.4rem; background-image: url(../../../assets/img/svgicon/full-shape.svg); background-repeat: no-repeat; 
background-size: cover; background-color: var(--well-done-bg); border-radius: 9999px; }
.topping-green-half-left-circle{width: 2.4rem;height: 2.4rem;background-image: url(../../../assets/img/svgicon/half-shape.svg);background-repeat: no-repeat;background-size: cover;
background-color: var(--well-done-bg);border-radius: 9999px;} 
.topping-green-half-right-circle{width: 2.4rem;height: 2.4rem;background-image: url(../../../assets/img/svgicon/half-shape.svg);background-repeat: no-repeat;background-size: cover;
transform: rotate(180deg);background-color: var(--well-done-bg);border-radius: 9999px;} 
.tooping-remove{border: none;background: none;} 
.tooping-remove img{width: 2.4rem;} 
.single-product .title-label{background: none !important;border: none !important;font-family: var(--body-font);height: inherit;font-size: 1.6rem;line-height: 2.4rem;
display: flex;justify-content: space-between;align-items: center;} 
.single-product .pizza-size-title .extra-desc{font-size: 1.4rem;line-height: 2.4rem;color: var(--product-text);} 
.single-product .pizza-size-container.active .extra-desc{color: var(--white-color);} 
.single-product .title-label img{width: 2.4rem;} 
.single-product .size li a{font-size: 1.4rem;line-height: 2rem;font-family: var(--body-font);border: none;margin: 0;margin-bottom: 1.2rem;} 
.single-proudct-top-name{font-size: 3.2rem;line-height: 4rem;font-weight: 700;font-family: var(--body-font);margin-bottom: 1.2rem;color: var(--title-color);
text-transform: uppercase;} 
.single-proudct-top-desc{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 0;color: var(--black-color);} 
#productSubmit{margin-top: 3.2rem;} 
.single-product-name-container{margin-bottom: 3.2rem;} 
.single-product .custom-single-size .title-label{margin: 0;} 
.single-product .pizza-size-container{display: flex;justify-content: space-between;align-items: center;padding: 2rem;color: var(--black-color);border-radius: .8rem;
border: .1rem solid rgba(0, 0, 0, .125);background: transparent;transition: all .3s cubic-bezier(.4,0,.2,1);} 
.single-product .pizza-size-container.active{display: flex;justify-content: space-between;align-items: center;padding: 2rem;background: var(--light-green) !important;
border: .1rem solid var(--light-green) !important;color: var(--white-color);border-radius: .8rem .8rem 0 0;} 
.single-product .pizza-size-container img{width: 2.4rem;filter: brightness(1) invert(1);transition: all .3s cubic-bezier(.4,0,.2,1);} 
.single-product .pizza-size-container.active img{filter: brightness(1);transform: rotate(-180deg);} 
.single-product .pizza-size-container .pizza-size-title{flex: 1 1 0%;display: flex;justify-content: space-between;margin-right: .4rem;} 
.single-product .custom-single-size .choose.size{border: .1rem solid var(--light-green) !important;padding: 2rem 2.4rem;border-radius: 0 0 .8rem .8rem;justify-content: center;
display: none;gap: 1rem;transition: all .5s cubic-bezier(.4,0,.2,1);} 
.single-product .custom-single-size .choose.size.show{display: flex;} 
#product-grid .customize{border: .2rem solid var(--light-green) !important;flex: 1 1 0%;display: flex;align-items: center;justify-content: center;padding-left: 2.4rem;
padding-right: 2.4rem;height: 5.6rem !important;background: var(--white-color);border-radius: 9999px;font-family: var(--title-font);font-size: 1.4rem;font-weight: 700;
text-transform: uppercase;line-height: 1;letter-spacing: .07em;transition: all 500ms ease;} 
#product-grid .customize:hover{background: var(--title-color);border: .2rem solid var(--title-color) !important;} 
#product-grid .add{display: flex;align-items: center;justify-content: center;padding-left: 2.4rem;padding-right: 2.4rem;color: var(--white-color);height: 5.6rem !important;
background: var(--light-green);border-radius: 9999px;width: 8rem;margin-right: 1.6rem;border: none;font-family: var(--title-font);font-size: 1.4rem;font-weight: 700;
text-transform: uppercase;line-height: 1.6rem;letter-spacing: .07em;} 
.pizza-screen-single-product-cart-mobile{padding: .8rem 1.6rem;border-top: .1rem solid var(--light-white);background-color: var(--white-color);display: none;
justify-content: center;flex-direction: column;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 50;} 
.pizza-screen-single-product-cart-mobile-price-container{text-align: center;color: var(--product-text);line-height: 2.4rem;margin-bottom: 1.2rem;} 
.pizza-screen-single-product-cart-mobile-price-container .cart_price{font-weight: 700;color: var(--save-address);} 
.pizza-screen-single-product-cart-mobile-increment{display: flex;} 
.pizza-screen-single-product-cart-mobile-increment .pizza-single-increment-container{display: flex;align-items: center;justify-content: space-between;margin-right: 1.6rem;
gap: 1.6rem;} 
.pizza-screen-single-product-cart-mobile-increment .pizza-single-increment-container button{width: 5.6rem;height: 5.6rem;border: .1rem solid var(--light-white);background: none;
color: var(--dark-color);font-size: 2.4rem;line-height: 1;border-radius: 9999px;display: flex;justify-content: center;align-items: center;} 
.pizza-screen-single-product-cart-mobile-increment .pizza-single-increment-container .count-value{font-size: 1.6rem;line-height: 2.4rem;} 
.pizza-screen-single-product-cart-mobile-increment .add-to-order{width: 100%;height: 5.6rem;}
/* ======================================== 
          single product css end
========================================  */





/* ======================================== 
          home featured product slider css start
========================================  */
.featured-slider{display:inherit;}
.featured-slider .swiper-container {width: 100%; height: auto; position: relative; overflow: hidden; padding: 5rem 0;}
.swiper-button-next, .swiper-button-prev {position: absolute; top: 4rem; transform: translateY(-50%); z-index: 10; color: white; background: transparent; padding: 1rem; 
border-radius: 50%;}
.swiper-button-next {right: 0; position: absolute; transform: translateY(-50%); background: none; border: none; z-index: 10; cursor: pointer; width: 3rem; height: 3rem; 
background-image: url('../../../assets/img/svgicon/arrow-right.svg'); background-size: contain; background-repeat: no-repeat;}
.swiper-button-prev {left: 0; position: absolute; transform: translateY(-50%); background: none; border: none; z-index: 10; cursor: pointer; width: 3rem; height: 3rem; 
background-image: url('../../../assets/img/svgicon/arrow-left.svg'); background-size: contain; background-repeat: no-repeat;}
.swiper-pagination {position: absolute; bottom: 1rem; left: 50%; z-index: 10;}
.swiper-pagination-bullet {background: var(--white-color);}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 3rem; display: none;}
/* ======================================== 
          home featured product slider css End
========================================  */





.select-order-location-container {padding: .4rem .4rem .4rem 1.2rem; background: var(--white-color); display: flex; cursor: pointer; align-items: center; border-radius: 9999px;}
.select-order-location-container .map-icon {display: flex; justify-content: center; align-items: center; width: 3.2rem; height: 3.2rem;}
.select-order-location-container .map-icon img {width: 3rem;}
.select-order-location-placeholder {width: 17.6rem; padding-left: .8rem; padding-right: .8rem; color: var(--black-color); margin-bottom: 0; height: 100%; overflow: hidden; 
text-overflow: ellipsis; white-space: nowrap; background-color: transparent; text-align: left; flex: 1 1 0%;}
.select-order-location-order-now {margin-bottom: 0; padding: 1.2rem 1.6rem; height: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: var(--light-green); 
text-align: center; font-family: var(--title-font); font-size: 1.4rem; font-weight: 600; text-transform: uppercase; line-height: 1.6rem; letter-spacing: .05em; 
color: var(--white-color);}
.select-order-location-order-now:hover {background-color: var(--title-color);}
.selectOrderModal {z-index: 25896;}
.selectOrderModal .modal-title {margin: 0 auto; color: var(--black-color); text-transform: uppercase;}
.selectOrderModal .btn-close {margin: 0;}
.selectOrderModal .modal-body {padding: 3.2rem;}
.selectOrderModalLocation .modal-body {height: calc(90vh - 5.7rem - 6.4rem); scrollbar-gutter: stable; overflow-y: scroll;}
.selectOrderModal .modal-body::-webkit-scrollbar {width: .8rem;}
.selectOrderModal .modal-body::-webkit-scrollbar-thumb {background-color: var(--white-bg); border-radius: .4rem;}
.selectOrderModal .modal-body::-webkit-scrollbar-track {background-color: var(--white-bg);}
.asap-future-container {display: flex; justify-content: space-between; align-items: center;}
.asap-future-container .asap {display: flex;}
.asap-future-container .asap img {width: 2.4rem; margin-right: .4rem;}
.asap-future-container .asap svg circle {fill: var(--black-color); stroke: var(--black-color);}
.asap-future-container .asap span {font-weight: 700; color: var(--black-color); font-family: var(--title-font);}
.future button {background: var(--well-done-bg); border: none; padding: .8rem 1.6rem; font-weight: 700; text-transform: uppercase; font-size: 1.4rem; line-height: 2rem; 
font-family: var(--title-font); color: var(--title-color); border-radius: .8rem;}
.delivery-pickup-container {margin: 1.6rem 0;}
.modal .delivery-pickup-container {margin-bottom: 0;}
.delivery-pickup-container .nav-tabs {border: none;}
.delivery-pickup-container .nav-tabs .nav-link {width: 50%; border: .1rem solid var(--new-gray-color); padding: 1.4rem 0; font-family: var(--title-font); font-size: 1.4rem; 
font-weight: 700; text-transform: uppercase; line-height: 2.2rem; letter-spacing: .07em; background: var(--white-color);}
.delivery-pickup-container .nav-tabs .nav-link:nth-child(1) {border-top-left-radius: .6rem; border-bottom-left-radius: .6rem; border-top-right-radius: 0; 
border-bottom-right-radius: 0;}
.delivery-pickup-container .nav-tabs .nav-link:nth-child(2) {border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; border-top-left-radius: 0; 
border-bottom-left-radius: 0;}
.delivery-pickup-container .nav-tabs .nav-link.active {color: var(--white-color); background-color: var(--title-color); border: .1rem solid var(--title-color);}
.saveAddress {padding: 1.6rem 0; width: 100%; margin-top: 2.4rem; border: .2rem solid var(--light-white); background: var(--white-color); font-family: var(--title-font); 
font-size: 1.4rem; line-height: 2rem; font-weight: 700; text-transform: uppercase; color: var(--title-color); border-radius: .6rem; letter-spacing: .098rem;}
.saveAddress:hover {background: var(--well-done-bg);}
.checkout-container .saveAddress {margin-top: 0;}
.saveAddress a {color: var(--title-color);}
#order-method-address .saveAddressText {font-family: var(--title-font); font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; text-transform: uppercase; margin-top: 1.6rem; 
margin-bottom: 1.2rem; color: var(--save-address);}
.saveAddressSignIn {color: var(--product-text); margin-top: 1.6rem; margin-bottom: 0;}
.signIn-Up {margin-top: 2.4rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem;}
.signIn-Up button {padding: 0 2.8rem; height: 5.6rem; display: flex; align-items: center; justify-content: center; width: 100%; color: var(--title-color); 
background: var(--white-color); border-radius: 9999px; border: .2rem solid var(--title-color); font-family: var(--title-font); font-size: 1.4rem; font-weight: 700; 
text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; transition: all 500ms ease;}
.signIn-Up button:hover {color: var(--white-color); background: var(--title-color);}
.signIn-Up button:nth-child(1) {color: var(--white-color); background: var(--light-green); border: .2rem solid var(--light-green);}
.signIn-Up button:nth-child(1):hover {color: var(--white-color); background: var(--title-color); border: .2rem solid var(--title-color);}
.selectOrderModal .pickup-location .search-bar {position: relative; display: inline-flex; align-items: center; border: .1rem solid var(--light-gray); border-radius: 2.5rem; 
padding: 0 2.4rem; width: 100%; background: var(--white-color); margin: 1.6rem 0; max-width: 100%;}
.selectOrderModal .pickup-location .search-bar .icon {position: absolute; font-size: 1.6rem; color: var(--text-color); line-height: 1.6rem; left: 2.4rem;}
.selectOrderModal .pickup-location .search-bar input {width: 100%; border: none; outline: none; background: none; font-size: 1.6rem; padding: 2.2rem 0; margin-left: 2.4rem; 
background: var(--white-color); color: var(--new-gray-color); height: 4.4rem;}
.selectOrderModal .pickup-location .search-bar input::placeholder {opacity: .5;}
.pickup-location .orderHistory-tab {padding: 0 1.6rem; margin: 1.6rem 0; border-bottom: .1rem solid var(--light-white);}
.pickup-location .orderHistory-btn span {font-family: var(--title-font); font-size: 1.8rem; font-weight: 700; line-height: 2.4rem;}
.pickup-location .orderHistory-btn.active span {border: none !important;}
.pickup-location .orderHistory-btn.active {border-bottom: .4rem solid var(--dark-color);}
.store {padding: 1.2rem 1.6rem; margin-bottom: 1.5rem; background-color: var(--white-color); display: flex; flex-direction: column; cursor: pointer; 
border: .1rem solid var(--light-white); border-radius: .8rem; transition: all 0.3s ease-in-out;}
.store:hover {border: .1rem solid var(--title-color);}
.store .store-distance {color: var(--black-color); font-size: 1.2rem; line-height: 1.6rem; opacity: .7; font-family: var(--body-font); text-align: center; text-wrap: nowrap; 
margin-bottom: 0;}
.store .store-top {display: flex; align-items: flex-start;}
.store .store-name {font-weight: bold; color: var(--black-color); margin-bottom: 0; font-size: 1.6rem; line-height: 2.4rem;}
.store .store-address {font-size: 1.2rem; line-height: 1.6rem; margin-bottom: .4rem; opacity: .7; color: var(--black-color); font-weight: 500;}
.store .store-top-right {margin-left: 1rem; display: flex; justify-content: space-between; align-items: flex-start; flex: 1 1 0%;}
.modal .store .store-top-right {align-items: center;}
.store .store-top-left {margin-right: 1rem; text-align: center;}
.store .store-status {padding: .1rem .8rem; margin-bottom: .4rem; background: var(--theme-color); border-radius: 9999px; width: fit-content;}
.store .store-status p {font-size: 1.2rem; line-height: 1.6rem; margin: 0; text-align: center; font-weight: 700; color: var(--white-color); text-transform: uppercase;}
.store .store-timing {font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; opacity: .7; font-family: var(--body-font); margin-bottom: .8rem; color: var(--black-color);}
.store-futureBtn {background: var(--light-green); border-radius: 9999px; height: 4rem; padding: 0 2.4rem; color: var(--white-color); font-family: var(--title-font); 
font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1; letter-spacing: .098rem; border: none; display: none; width: fit-content;}
.sidebar {padding-left: 2rem; display: flex; flex-direction: column;}
.store-location-container {max-height: calc(90rem - 7.4rem); overflow-y: auto; padding-right: .8rem;}
.store-location-container::-webkit-scrollbar {width: .8rem;}
.store-location-container::-webkit-scrollbar-thumb {background-color: var(--track); border-radius: .4rem;}
.store-location-container::-webkit-scrollbar-track {background-color: var(--well-done-bg);}
.search-bar {position: relative; display: inline-flex; align-items: center; border: .1rem solid var(--light-gray); border-radius: 2.5rem; padding-left: 2rem; width: 100%; 
max-width: 100%; background: var(--white-color); margin-bottom: 2rem;}
.search-bar .icon {position: absolute; font-size: 1.6rem; line-height: 1.6rem; left: 1.5rem;}
.store .location-button-map {flex: 1 1 0%;}
#map {height: 100vh;}

@media only screen and (max-width:767px){
  .store-top-right{flex-direction: column;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
  .store-top-right{flex-direction: column;}
}

.opening-hours-header.active {transform: rotate(180deg); transition: transform 0.3s ease;}
.store:focus {background-color: var(--store-hover); border: .1rem solid var(--light-green);}
.opening-hours-list .day {display: flex; justify-content: space-between; margin-top: 1.2rem;}
.search-bar input {width: 100%; border: none; outline: none; background: var(--white-color); font-size: 1.6rem; padding: 2.2rem 0; margin-left: 2.4rem; color: var(--new-gray-color); 
height: 4.4rem;}
.store .select-store {padding: .1rem 1rem; background: var(--select-order-bg); border-radius: 9999px; width: fit-content; margin-top: .4rem; font-weight: 500; opacity: .7; 
font-size: 1.2rem; line-height: 1.6rem;}
.store .select-store p {margin: 0; font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; color: var(--black-color); font-family: var(--body-font);}
.store .select-store p span {text-transform: uppercase;}
.selectOrderModal .wish {border: none; font-size: 2.4rem; line-height: 3.2rem; background: transparent; margin-left: 1.6rem;}
#favourite-item-tab .wish svg {color: var(--theme-color); fill: var(--theme-color); stroke: var(--theme-color);}
.selectOrderModal .wish svg {color: var(--product-text);}
.store .strore-bottom-left {display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex: 1 1 0%;}
.store .futerOrder {width: 20rem; margin-top: 2.5rem; margin-bottom: -.4rem; letter-spacing: .07em; display: none; height: 4rem; align-items: center; justify-content: center; 
border-radius: 9999px; background-color: var(--light-green); font-family: var(--title-font); font-size: 1.4rem; line-height: 2rem; font-weight: 700; text-transform: uppercase; 
color: var(--white-color); border: none; transition: all 500ms ease;}
.store .futerOrder:hover {background-color: var(--title-color);}
.store.active .futerOrder {display: block;}
.store.active {background: var(--store-hover); border: .1rem solid var(--title-color);}
.store img {opacity: 0.3;}
.store .wish img {opacity: 0.5;}
.store.active img {opacity: 1;}
.store-timing strong {width: 10rem;display: inline-block;}
.store .store-timing .arrow{transition: all .15s cubic-bezier(.4,0,.2,1);}
.store .store-timing .arrow img{opacity: 1;filter: brightness(0) invert(0);margin-top: -0.2rem;}
.store .store-timing.active .arrow{display: inline-block;transform: rotate(180deg);transform-origin: center center;}
.editTime .selectTime {display: flex; gap: .8rem; margin-bottom: 3.2rem;}
.editTime .save {padding: 0 2.8rem; height: 5.6rem; display: flex; align-items: center; justify-content: center; width: 100%; color: var(--white-color); 
background: var(--light-green); border-radius: 9999px; border: .2rem solid var(--light-green); font-family: var(--title-font); font-size: 1.4rem; font-weight: 700; 
text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; transition: all 500ms ease;}
.editTime .save:hover {background: var(--title-color); border: .2rem solid var(--title-color);}
.editTime select {align-items: center; cursor: default; display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 5.4rem; position: relative; 
transition: 100ms; background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); border-radius: .8rem; border-style: solid; border-width: .1rem; 
box-sizing: border-box; min-width: auto; color: black; outline: 0 !important;}
.editTime select:focus {border-color: rgb(204, 204, 204) !important; background-color: rgb(255, 255, 255) !important;}
.editTime select.form-small {width: 15rem;}
.editTime .modal-btn-close {border: none; background: var(--white-color);}
.editTime .modal-btn-close img {width: 2.4rem; height: 2.4rem;}
.selectOrderModal .modal-btn-close {border: none; background: var(--white-color);}
.selectOrderModal .modal-btn-close img {width: 2.4rem; height: 2.4rem;}
.signIn .modal-btn-close {border: none; background: var(--white-color);}
.signIn .modal-btn-close img {width: 2.4rem; height: 2.4rem;}
.signIn input {position: relative; display: block; width: 100%; border-radius: .8rem; border-width: .1rem; border-color: var(--light-white); padding: 1.6rem; font-size: 1.6rem; 
line-height: 2rem; background: var(--white-color);}
.signIn input:focus {border-color: var(--light-white) !important; background: var(--white-color) !important;}
.signIn select { position: relative; display: block; width: 100%; border-radius: .8rem; border: .1rem solid var(--light-white); padding: 1.6rem; font-size: 1.6rem; 
line-height: 2rem; background-color: var(--white-color); background-size: 14%; color: var(--black-color); } 
.signIn select:focus { background-color: var(--white-color); border: .1rem solid var(--light-white); } 
.modal label { margin-bottom: .8rem; display: block; font-family: var(--title-font); font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: var(--new-gray-color); } 
.signIn label span { color: var(--theme-color); } 
.signIn .birth-label { display: flex; justify-content: space-between; align-items: flex-start; } 
.signIn .birth-label img { width: 2rem; cursor: pointer; } 
.stay-btn { background: var(--white-color); border: none; width: 100%; } 
.stay-logged { display: flex; justify-content: space-between; align-items: center; margin-top: 1.6rem; } 
.stay-log-left { display: flex; align-items: center; } 
.stay-log-left p { margin: 0; font-size: 1.4rem; line-height: 2.4rem; color: var(--black-color); } 
.stay-log-left img { margin-left: 1.2rem; cursor: pointer; width: 2.4rem; height: 2.4rem; } 
.signInBtn { padding: 0 2.8rem; height: 5.6rem; display: flex; align-items: center; justify-content: center; width: 100%; color: var(--white-color); 
background: var(--light-green); border-radius: 9999px; border: .2rem solid var(--light-green); font-family: var(--title-font); font-size: 1.4rem; font-weight: 700; 
text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; transition: all 500ms ease; } 
.signInBtn:hover { background: var(--title-color); border: .2rem solid var(--title-color); } 
.signIn .forget { margin-top: 1.6rem; margin-bottom: 3.2rem; display: block; font-size: 1.4rem; line-height: 2rem; color: var(--new-gray-color); } 
.signIn .dontAccount { font-size: 1.4rem; line-height: 2rem; text-align: center; margin-top: 2.4rem; margin-bottom: 0; color: var(--black-color); } 
.signIn .dontAccount a { font-family: var(--title-font); font-weight: 700; letter-spacing: .07em; text-transform: uppercase; text-decoration: underline; color: var(--light-green); 
cursor: pointer; } 
.signIn .or { position: relative; display: flex; align-items: center; padding-top: 2.4rem; padding-bottom: 2.4rem; } 
.signIn .orLine { flex-grow: 1; border-top: .1rem solid var(--white-bg); } 
.signIn .orText { margin-left: 1.6rem; margin-right: 1.6rem; flex-shrink: 1; font-size: 1.4rem; line-height: 2rem; color: var(--product-text); } 
.signIn .social-log h3 { margin-bottom: 1.6rem; text-align: center; font-family: var(--title-font); font-size: 1.8rem; line-height: 2.4rem; font-weight: 700; --tw-text-opacity: 1; 
color: var(--black-color); } 
.signIn .social-log-container { margin-bottom: 2.4rem; display: flex; justify-content: center; padding-left: 4.4rem; padding-right: 4.4rem; font-size: 2.4rem; line-height: 3.2rem; }
.signIn .social-log-container button { margin-left: .8rem; margin-right: .8rem; border-radius: 9999px; background-color: var(--white-bg); padding: 1.6rem; 
color: var(--title-color); border: none; width: 5.2rem; height: 5.2rem; border: none; display: flex; justify-content: center; align-items: center; transition: all 500ms ease; }
.signIn .social-log-container button:hover { background-color: var(--light-green); } 
.signIn .social-log-container button:hover img { filter: brightness(0) invert(1); } 
.signIn .social-log-container button img { width: 2rem; height: 2rem; } 
.signIn .stay-log-right .switch { position: relative; display: inline-block; width: 4.4rem; height: 2.8rem; margin-bottom: 0; } 
.signIn .stay-log-right .switch input { opacity: 0; width: 0; height: 0; } 
.signIn .stay-log-right .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--light-gray); -webkit-transition: .4s; 
transition: .4s; } 
.signIn .stay-log-right .slider::before { position: absolute; content: ""; height: 2rem; width: 2rem; left: .4rem; bottom: .4rem; background-color: var(--white-color); 
-webkit-transition: .4s; transition: .4s; } 
.signIn input:checked + .slider { background-color: var(--black-color); } 
.signIn input:focus + .slider { background-color: var(--sky-blue); } 
.signIn input:checked + .slider:before { -webkit-transform: translateX(1.6rem); -ms-transform: translateX(1.6rem); transform: translateX(1.6rem); }
.signIn .slider.round { border-radius: 3.4rem; } 
.signIn .slider.round:before { border-radius: 50%; }
.signIn .round { width: 4.4rem; } 
.modal-backdrop { background-color: rgba(0, 0, 0, 0.3); } 
.addressAdd .steps { display: flex; justify-content: space-around; margin: 2rem 0; font-weight: bold; margin-bottom: 2.4rem; }
.addressAdd .step {color: var(--address); padding-bottom: .5rem; border-bottom: .6rem solid var(--light-white); width: 100%; margin-right: .8rem; cursor: pointer; font-size: 1.4rem; 
font-family: var(--title-font); text-transform: uppercase; flex: 1 1 0%; height: 4rem;}
.addressAdd form {max-width: 100%;}
.addressAdd .step.active {color: var(--success-color); border-bottom-color: var(--success-color);}
.addressAdd .step-form {display: none;}
.addressAdd .step-form[data-step="1"] {display: block;}
.addressAdd .form-group {width: 100%; margin-bottom: 2.4rem;}
.addressAdd label {margin-bottom: .8rem; display: block; font-family: var(--title-font); font-size: 1.4rem; line-height: 2rem; font-weight: 600; color: var(--new-gray-color);}
.addressAdd input[type="text"] {position: relative; width: 100%; padding: 1.6rem; font-size: 1.6rem; border: .1rem solid var(--light-white); border-radius: .8rem; outline: none; 
color: var(--black-color); text-transform: uppercase; padding-right: 4rem;}
.addressAdd input:disabled {background: rgba(239, 239, 239, 0.3);}
.addressAdd input::placeholder {text-transform: none;}
.addressAdd .send-btn {position: absolute; right: 1rem; top: 50%; background: none; border: none; cursor: pointer; font-size: 1.8rem; color: var(--black-color);}
.addressAdd .send-btn img {width: 2.4rem; height: 2.4rem;}
.addressAdd .next-btn, .back-btn, .submit-btn {padding: 1rem 3rem; font-size: 1.6rem; cursor: pointer; border-radius: 2.5rem; border: none; width: 100%;}
.addressAdd .next-btn {background-color: var(--light-green); color: white; width: 100%; height: 5.6rem; font-family: var(--title-font); font-size: 1.4rem; font-weight: 700; 
text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; transition: all 500ms ease;}
.addressAdd .next-btn.active:hover {background-color: var(--title-color);}
.addressAdd .back-btn {background-color: var(--white-color); color: var(--title-color); border: .2rem solid var(--title-color); width: 100%; height: 5.6rem; margin-right: 1.6rem; 
font-family: var(--title-font); font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em;}
.addressAdd .submit-btn {background-color: var(--success-color); color: var(--white-color); width: 100%; height: 5.6rem; font-family: var(--title-font); font-size: 1.4rem; 
font-weight: 700; text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; transition: all 500ms ease;}
.addressAdd .submit-btn:hover {background-color: var(--title-color);}
.addressAdd #find_edit_address_delete_address {background-color: var(--well-done-bg); padding: .8rem 1.6rem; color: var(--black-color); width: fit-content; 
margin: 2.4rem auto 0 auto; display: flex; justify-content: center; align-items: center; border-radius: .8rem; line-height: 2.4rem; height: auto;}
.addressAdd .help-text {font-size: 1.4rem; line-height: 2rem; text-align: center; margin-top: 2.4rem; margin-bottom: 0;}
.addressAdd .help-text a {letter-spacing: .07em; font-weight: 700; font-size: 1.3rem; font-family: var(--title-font); color: var(--light-green); text-transform: uppercase;}
.location-btn-container {display: flex; flex-wrap: wrap; gap: 1rem;}
.location-btn {display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; border-radius: .8rem; border: .1rem solid var(--white-bg); 
padding: 1rem 1.6rem; font-family: var(--title-font); font-size: 1.4rem; line-height: 2.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; width: 12.2rem; 
margin-bottom: .8rem; margin-right: .8rem; color: var(--product-text); background-color: var(--white-color); position: relative; cursor: pointer; margin: 0;}
.location-btn input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; border-radius: .8rem;}
.location-btn.active {background-color: var(--title-color); color: var(--white-color); border: .2rem solid var(--title-color) !important;}
.location-btn img {width: 2.5rem; height: auto;}
.location-btn.active img {filter: brightness(0) invert(1);}
.back-next {display: flex;}
.street-container {display: flex;}
.selectOrderModal.signIn .street-container {margin-bottom: 2.4rem;}
.street-container .street-number {width: 12rem; margin-right: 1.6rem;}
.street-container .street-address {flex: 1 1 0%;}
.addressSaved {margin-top: 1.6rem;}
.savedAddressListItem {margin-top: .8rem; margin-bottom: .8rem; display: flex; cursor: pointer; align-items: center; border-radius: .8rem; border: .1rem solid var(--white-bg); 
padding: 2rem 1.6rem; transition: all 500ms ease;}
.savedAddressListItem:hover {border: .1rem solid var(--title-color);}
.savedAddressListItem-container {display: flex; flex-direction: column; flex: 1 1 0%;}
.savedAddressListItem-top {padding: .1rem .8rem; background-color: var(--theme-color); border-radius: 9999px; margin-bottom: .4rem; width: fit-content;}
.savedAddressListItem-top p {margin: 0; color: var(--white-color); text-transform: uppercase; font-weight: 700; font-size: 1.2rem; line-height: 1.6rem;}
.savedAddressListItem-bottom {display: flex; flex: 1 1 0%; align-items: center; justify-content: space-between; text-align: start;}
.savedAddressListItemBtn {display: flex; flex-grow: 1; flex-direction: column; border: none; background: var(--white-color); padding: 0;}
.savedAddressListItem-title {font-size: 1.8rem; line-height: 2.8rem; text-align: start; font-weight: 700; margin: 0; text-transform: uppercase; color: var(--black-color);}
.savedAddressListItem-text {font-size: 1.4rem; line-height: 2rem; opacity: .7; margin: 0; text-align: left; color: var(--black-color);}
.savedAddressListItem-address {text-transform: uppercase;}
.savedAddressListItem-bottom .future-address {padding: .1rem 1rem; background-color: var(--white-bg); border-radius: 9999px; margin-top: .4rem; width: fit-content;}
.savedAddressListItem-bottom .future-address p {margin: 0; font-weight: 500; font-size: 1.2rem; line-height: 1.6rem; text-transform: uppercase; color: var(--black-color); 
opacity: .7;}
.addressSaved ul {padding: 0;}
.savedAddressListItem-edit svg {font-size: 2.4rem; line-height: 3.2rem; margin-right: 1.6rem; color: var(--black-color);}
.savedAddressListItem-editBtn {position: relative; z-index: 10; margin-top: .8rem; cursor: pointer; border-radius: .6rem; background-color: var(--well-done-bg); 
padding: .8rem 1.6rem; font-family: var(--title-font); font-size: 1.4rem; line-height: 2rem; font-weight: 700; text-transform: uppercase; letter-spacing: .098rem; 
color: var(--title-color); border: none;}
.savedAddressListItem-editBtn:hover {background-color: var(--order-border);}
.savedAddressListItem-editBtn a {color: var(--title-color);}
.accountModal .modal-content {max-height: calc(100vh - 6.4rem); overflow-y: auto;}
.passwordRequirement {list-style-type: none; padding: 0; margin: 1.2rem 0;}
.passwordRequirement li {font-size: 1.2rem; line-height: 1.6rem; color: var(--light-text); margin-top: .4rem;}
.passwordRequirement li img {width: 2.4rem; height: 2.4rem; margin-right: .8rem; opacity: 0.4;}
.passwordRequirement li.active {color: var(--light-green); opacity: 1;}
.passwordRequirement li.active img {opacity: 1;}
.condition-check .form-check {margin-bottom: 2rem; display: flex; align-items: center; color: var(--new-gray-color); padding: 0;}
.condition-check .form-check input {height: 1.8rem; width: 1.8rem; margin: 0; margin-right: .7rem; border: .1rem solid var(--title-color); background: var(--white-color); 
border-radius: .2rem; opacity: 1; visibility: visible; padding: 0; appearance: none; cursor: pointer; position: relative;}
.condition-check .form-check input:focus {box-shadow: none; outline: none;}
.condition-check .form-check input:checked {background-color: var(--title-color) !important; border-color: var(--title-color) !important; background-image: none;}
.form-check-input:checked::before {content: '✔'; color: var(--white-color); font-size: 1.4rem; position: absolute; top: -.1rem; left: .3rem;}
.condition-check .form-check-label {margin: 0; padding: 0; font-weight: 400;}
.condition-check .form-check-label a {color: var(--light-green); text-decoration-line: underline;}
.password-field {position: relative;}
.show-password {color: var(--theme-color); font-weight: 700; font-size: 1.2rem; line-height: 1.6rem; cursor: pointer; position: absolute; top: 2rem; right: 1.6rem;}
.modal-signin-title {font-size: 2rem; line-height: 2.8rem; text-align: center; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; 
color: var(--black-color);}
.modal-signin-text {margin-top: 1.6rem; text-align: center; font-size: 1.6rem; line-height: 2.4rem; color: var(--text-color);}
.modal-open .modal {background-color: rgba(0, 0, 0, .3);}
.signiplogout .signIn-Up {display: block;}
.signiplogout .modal-footer {padding: 0;}
.signiplogout .close-modal {width: 100%; font-size: 1.6rem !important; line-height: 2rem !important; font-weight: 500; text-transform: uppercase; color: var(--black-color); 
background: none; border: none; padding: 2.4rem 0;}
.checkout-left {display: flex; flex-direction: column; gap: 1.6rem; flex: 1 1 0%;}
.checkout-left .setting_top {padding-bottom: 0 !important;}
.checkout-left h1 {font-size: 4rem; line-height: 4.8rem; font-weight: 700; text-transform: uppercase; font-family: var(--title-font); color: var(--black-color); margin: 0;}
.delivery-notes {display: flex;}
.delivery-note-container {display: flex; flex: 1 1 0%; align-items: center; justify-content: space-between; text-align: start;}
.delivery-note-left {display: flex;}
.delivery-note-text {text-align: start; font-family: var(--body-font); font-size: 1.4rem; line-height: 2rem; opacity: .7; margin: 0; margin-left: .4rem; color: var(--light-text);}
.checkoutAddressSaved {margin-bottom: .8rem; display: flex; cursor: pointer; align-items: center; border-radius: .8rem; border: .1rem solid var(--white-bg); padding: 2rem 1.6rem; 
transition: all 500ms ease;}
.checkoutsavedAddressListItem {padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: .1rem solid var(--white-bg);}
.checkoutAddressSaved ul {list-style-type: none; width: 100%; padding: 0; margin: 0;}
.confirmDeliveryAddress {display: flex; align-items: center; border-radius: .8rem; background-color: var(--theme-color); padding: 1.2rem; margin-top: 1.6rem; 
border: .1rem solid var(--white-bg); width: 100%;}
.confirmDeliveryAddress.active {background-color: var(--store-hover);}
.confirmDeliveryAddress.active .confirmDeliveryAddress-heading {color: var(--black-color);}
.confirmDeliveryAddress.active .confirmDeliveryAddress-text{display: none !important;}
.confirmDeliveryAddress-container{display: flex;flex: 1 1 0%;align-items: flex-start;justify-content: space-between;text-align: start;}
.confirmDeliveryAddress-left{flex:1 1 0%;} 
.confirmDeliveryAddress-heading{font-size:1.6rem;line-height:2.4rem;font-weight:700;color:var(--white-color);font-family:var(--title-font);margin:0;} 
.confirmDeliveryAddress-text{font-size:1.4rem;line-height:2rem;color:var(--white-color);margin:0;} 
.confirmDeliveryAddress-right input{width:2rem;height:2rem;border:.2rem solid var(--white-color) !important;opacity:1;visibility:visible;border-radius:.4rem;padding:0;margin:0;
appearance:none;display:block;outline:none;box-shadow:none;position:relative;cursor:pointer;background-color:var(--white-color) !important;} 
.confirmDeliveryAddress-right input:checked[type=checkbox]{background-image:none;} 
.confirmDeliveryAddress-right input:focus{box-shadow:none;outline:none;} 
.confirmDeliveryAddress-right input:checked{background-color:var(--title-color) !important;border-color:var(--title-color) !important;background-image:none;} 
.confirmDeliveryAddress-right input:checked::before{content:'✔';color:var(--white-color);font-size:1.4rem;position:absolute;top:-.4rem;left:.3rem;} 
.confirmDeliveryAddress-right .form-check{padding:0;margin:0;} 
.stay-logged .form-check input{width:2rem;height:2rem;border:.2rem solid var(--new-gray-color);opacity:1;visibility:visible;border-radius:.4rem;padding:0;margin:0;appearance:none;
display:block;outline:none;box-shadow:none;position:relative;cursor:pointer;} 
.stay-logged .form-check input:checked[type=checkbox]{background-image:none;} 
.stay-logged .form-check input:focus{box-shadow:none;outline:none;} 
.stay-logged .form-check input:checked{background-color:var(--title-color) !important;border-color:var(--title-color) !important;background-image:none;} 
.stay-logged .form-check input:checked::before{content:'✔';color:var(--white-color);font-size:1.4rem;position:absolute;top:-.4rem;left:.3rem;} 
.stay-logged .form-check{padding:0;margin:0;} 
.payment-method .payment-method-label{font-size:1.6rem;line-height:2rem;font-weight:700;text-transform:uppercase;font-family:var(--title-font);margin:0;margin-bottom:1.2rem;
color:var(--black-color);} 
.payment-method .location-btn{padding:0 2.4rem;width:auto;height:5.6rem;border:.2rem solid var(--light-text);gap:.8rem;} 
.checkout-container{display:flex;gap:7.2rem;} 
.checkout-right{flex:1 1 0%;padding:2rem;border:.1rem solid var(--light-gray);border-radius:.8rem;} 
.product-subtotal{display:flex;flex-direction:column;border-bottom:.1rem solid var(--light-gray);gap:1.6rem;margin-bottom:2.4rem;padding-bottom:2.2rem;} 
.product-subtotal-container{font-family:var(--body-font);font-size:1.6rem;line-height:2.4rem;display:flex;justify-content:space-between;align-items:center;color:var(--black-color);} 
.product-subtotal-container .product-subtotal-value{font-weight:500;} 
.product-subtotal-container .product-subtotal-value.highlight{color:var(--theme-color);} 
.productTotal{font-size:2rem;line-height:2.8rem;font-weight:700;margin-bottom:2.4rem;} 
.productTotal .product-subtotal-value{font-weight:700;} 
.driver-heading{font-size:2rem;line-height:2.4rem;font-weight:700;text-transform:uppercase;font-family:var(--title-font);margin-bottom:0;color:var(--black-color);} 
.driver-text{color:var(--text-color);margin:0;line-height:2.4rem;} 
.tip-amount{display:flex;justify-content:space-between;} 
.tip-btn{padding:.8rem 1.6rem;border:.1rem solid var(--order-border);width:24%;background:var(--white-color);} 
.tip-btn span{display:block;} 
.tip-percentage{line-height:2.2rem;font-weight:600;margin-bottom:.2rem;} 
.tip-amount-value{font-size:1.4rem;line-height:2rem;color:var(--text-color);} 
.tip-amount-manually{margin:2.4rem 0;position:relative;} 
.tip-amount-manually .close-field{width:2.4rem;line-height:2rem;position:absolute;right:1.6rem;top:1.6rem;cursor:pointer;} 
.tip-amount-manually input{background:var(--white-color);border:none;border-bottom:.1rem solid var(--light-white);padding:0;padding-bottom:1.2rem;border-radius:0;height:auto;} 
.tip-amount .tip-input{display:none;} 
.please-note{margin-top:4rem;} 
.please-note-heading{font-size:1.6rem;line-height:2rem;font-weight:700;text-transform:uppercase;font-family:var(--title-font);margin-bottom:1.2rem;color:var(--black-color);} 
.please-note-list{padding:0;margin:0;list-style-type:none;} 
.please-note-list li{font-size:1.4rem;line-height:2rem;margin-bottom:.4rem;color:var(--black-color);} 
.cart-item-heading{font-size:1.6rem;line-height:2rem;font-weight:700;text-transform:uppercase;font-family:var(--title-font);margin-bottom:2.4rem;color:var(--black-color);} 
.cart-item-view-edit{padding:1.6rem;margin-bottom:1.6rem;color:var(--title-color);font-weight:700;font-size:2rem;line-height:2.8rem;background-color:var(--white-bg);
border-radius:.8rem;display:flex;align-items:center;justify-content:space-between;} 
.cart-item-view-edit button{font-size:1.2rem !important;line-height:1.6rem !important;letter-spacing:.05em;text-transform:uppercase;color:var(--white-color);
font-family:var(--title-font);padding:.4rem .8rem;background-color:var(--light-green);border-radius:.4rem;border:none;font-weight:700;} 
.cart-item .cart-summary{margin-bottom:1.6rem;} 
.cart-summary{display:flex;width:100%;gap:.8rem;} 
.cart-incre-decre-count{display:flex;align-items:center;gap:1rem;} 
.cart-incre-decre-count .cart-quantity-count{margin:0;} 
.cart-img{width:8.2rem;} 
.cart-img img{object-fit:cover;border-radius:.4rem;height:6.4rem;} 
.cart-img .savedAddressListItem-editBtn{width:100%;} 
.cart-data{width:100%;flex:1 1 0%;} 
.cart-data-container{display:flex;align-items:center;} 
.cart-quantity-count{background-color:var(--light-green);border-radius:.4rem;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:var(--white-color);
font-size:1.2rem;line-height:1.6rem;font-weight:700;margin:.5rem 0;} 
.cart-data-right{display:flex;justify-content:space-between;align-items:center;flex:1 1 0%;gap:.8rem;} 
.cart-data-right .product-name{font-weight:700;text-transform:uppercase;color:var(--black-color);margin:0;font-size:1.4rem;line-height:2rem;} 
.cart-data-right .product-amount{font-weight:700;font-size:1.6rem;line-height:2.4rem;color:var(--black-color);margin:0;} 
.cart-data-right .product-text{color:var(--product-text);line-height:2.4rem;margin-bottom:1rem;} 
.cart-data-container .mx-2{width:2rem;} 
.cart-close1{display:flex;align-items:center;gap:.4rem;} 
.cart-close .h-fit{padding:0;border:none;background:none;} 
.cart-close .h-fit svg{font-size:2.4rem;line-height:3.2rem;color:var(--text-color);cursor:pointer;} 
#checkout-nav-delivery .saveAddress:hover{background-color:var(--white-bg);} 
.cash{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.6rem;border:.1rem solid var(--light-white);border-radius:.8rem;} 
.modal .cash{display:flex !important;font-size:1.6rem;font-weight:400;line-height:2.4rem;} 
.cash .paymentimg{margin-right:2rem;} 
.cash .discover-payment{width:4.8rem;} 
.cash span{color:var(--black-color);} 
.cashModal .cash.active{border:.1rem solid var(--light-green);} 
.cashModal .cash{padding:2.4rem;cursor:pointer;position:relative;} 
.cashModal .cash input{position:absolute;top:0;left:0;width:100%;height:100%;} 
.cashModal-container{display:flex;flex-direction:column;gap:1.6rem;} 
.cashModal .cash .payment-check-icon{display:none;} 
.cashModal .cash .payment-check-icon img{width:2.4rem;height:2.4rem;} 
.cashModal .cash.active .payment-check-icon{display:block;}


/*=================================
    acoount setting css start
==================================*/
.accountsetting_container {max-width: 67.2rem !important; margin: 0 auto; padding: 4rem 0;}
.setting_top {padding-bottom: 3.2rem;}
.setting_top h1 {font-size: 4rem; line-height: 4.8rem; font-weight: 700; text-transform: uppercase; margin: 0; color: var(--black-color);}
.backBtn {padding: 0; background: none; border: none;}
.backBtn img {width: 2.4rem;}
.setting_link {padding: 1.6rem; border: .1rem solid var(--light-white); border-bottom: none; display: block; width: 100%;}
.setting_link p {margin: 0; font-size: 1.4rem !important; line-height: 2.4rem !important; padding-top: .4rem; padding-bottom: .4rem; color: var(--black-color);}
.setting_container {display: flex; align-items: center; justify-content: space-between;}
.setting_container img {width: 2.4rem; height: 2.4rem;}
.setting_main .border_top_radius {border-top-left-radius: .8rem; border-top-right-radius: .8rem;}
.setting_main .border_bottom_radius {border-bottom-left-radius: .8rem; border-bottom-right-radius: .8rem; border-bottom: .1rem solid var(--light-white);}
.setting_main .stay-logged {padding: 1.4rem 1.6rem;}
.setting_main .stay-logged .switch {position: relative; display: inline-block; width: 4.4rem; height: 2.8rem; margin-bottom: 0;}
.setting_main .stay-logged input {position: relative; display: block; border-radius: .8rem; border-width: .1rem; border-color: var(--light-white); padding: 1.6rem; 
font-size: 1.6rem; line-height: 2rem; background: var(--white-color); opacity: 0; width: 0; height: 0;}
.setting_main .stay-logged .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--light-gray); border-radius: 3.4rem; 
width: 4.4rem; transition: .4s;}
.setting_main .stay-logged .slider::before {position: absolute; content: ""; height: 2rem; width: 2rem; left: .4rem; bottom: .4rem; background-color: var(--white-color); 
border-radius: 50%; -webkit-transition: .4s; transition: .4s;}
.setting_main .stay-logged input:checked + .slider{background-color: var(--black-color);}
.setting_main .stay-logged input:focus + .slider{background-color: var(--sky-blue);}
.setting_main .stay-logged input:checked + .slider:before {-webkit-transform: translateX(1.6rem);-ms-transform: translateX(1.6rem);transform: translateX(1.6rem);}
.market_communication {margin: 0;}
.push_notification {margin-top: 0; margin-bottom: 2rem;}
.settingSignBtn a {padding: 0 2.8rem; height: 5.6rem; display: flex; align-items: center; justify-content: center; width: 100%; color: var(--title-color); 
background: var(--white-color); border-radius: 9999px; border: .2rem solid var(--title-color); font-family: var(--title-font); font-size: 1.4rem; font-weight: 600; 
text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; transition: all 500ms ease;}
.settingSignBtn a:hover {background: var(--title-color); color: var(--white-color);}
.setting-personal-form .fname_lname_container {display: flex; align-items: flex-start; justify-content: space-between; gap: 1.6rem;}
.setting-personal-form .fname_lname_container .flname {flex: 1 1 0%;}
.setting-personal-form input {position: relative; display: block; width: 100%; border-radius: .8rem; border: .1rem solid var(--light-white); padding: 1.6rem; font-size: 1.6rem; 
line-height: 2rem; color: var(--black-color); background-color: var(--white-color) !important; padding-right: 4rem;}
.setting-personal-form input:focus {border: .1rem solid var(--light-white); background-color: var(--white-color) !important;}
form .close-field {width: 2.4rem; line-height: 2rem; position: absolute; right: 1.6rem; top: 1.6rem; cursor: pointer;}
.postal-close .close-field {width: 2.4rem; line-height: 2rem; position: absolute; right: 5.6rem; top: 1.6rem; cursor: pointer;}
.setting-personal-form .edit-password {cursor: pointer; border-radius: .6rem; background: var(--well-done-bg); padding: .8rem 1.6rem; font-family: var(--title-font); 
font-size: 1.4rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; letter-spacing: 0.098rem; color: var(--title-color); position: absolute; right: 1.6rem; top: 1rem;}
.setting-personal-form .edit-password:hover {background: var(--order-border);}
.form-group-field {position: relative;}
.form-group-field svg {font-size: 2.4rem; line-height: 3.2rem; position: absolute; right: 1.6rem; top: 1.6rem; color: var(--black-color); cursor: pointer;}
.setting-personal-form .form-group-field.birth-field svg {right: 4rem;}
.setting-personal-form .show-password {cursor: pointer; border-radius: .6rem; font-family: var(--title-font); font-size: 1.4rem; line-height: 2rem; font-weight: 700; 
text-transform: uppercase; letter-spacing: .07em; color: var(--title-color); top: 50%; right: -1rem; transform: translate(-50%, -50%);}
.setting-personal-form .show-pwd-login {cursor: pointer; border-radius: .6rem; font-family: var(--title-font); font-size: 1.4rem; line-height: 2rem; font-weight: 700; 
text-transform: uppercase; letter-spacing: .07em; color: var(--title-color); top: 50%; right: -1rem; transform: translate(-50%, -50%); position: absolute;}
.setting-personal-form select {position: relative; display: block; width: 100%; border-radius: .8rem; border: .1rem solid var(--light-white); padding: 1.6rem; font-size: 1.6rem; 
line-height: 2rem; color: var(--black-color); background-color: var(--white-color); padding-right: 4rem;}
.setting-personal-form select:focus {border: .1rem solid var(--light-white); background-color: var(--white-color);}
.setting-personal-form .form-group {margin-bottom: 3.2rem;}
.street-container .form-group {margin-bottom: 0;}
.deleteAccount {background: none; border: none; font-size: 1.4rem; line-height: 2rem; text-transform: uppercase; font-weight: 700; font-family: var(--title-font); 
text-align: center; color: var(--product-text); margin-top: 2.4rem; width: 100%; padding: 0;}
.setting_main .saveAddress {margin-bottom: 3.2rem;}
.setting_main .saveAddress:hover {background-color: var(--white-bg);}
.accountsetting .setting_main #order-method-address .saveAddress {margin: 0;}
.giftcard {max-width: 49.2rem !important;}
.giftcard .setting_top {margin-top: 2rem; text-align: center;}
.giftcard_container h3 {font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; text-transform: uppercase; text-align: center; font-family: var(--title-font); 
margin-bottom: 3.2rem;}
.giftBtn {width: 100%; border: .2rem solid var(--new-gray-color); border-radius: 9999px; height: 4rem; padding: 0 2.4rem; background: transparent; font-family: var(--title-font); 
font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1.6rem; letter-spacing: .07em; color: var(--title-color); transition: all 500ms ease;}
.giftBtn:hover{background-color: var(--white-bg);}
.giftHr{color: var(--white-bg);opacity: 1;margin: 5.6rem 0;}
.sendgift img{margin-bottom: 2.4rem;border-radius: .8rem;width: 100%;}
.sendgift .giftBtn{width: fit-content;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.check_balance{padding: 1.2rem 1.6rem;margin-top: 3.2rem;background-color: var(--white-bg);border-radius: .8rem;display: flex;justify-content: space-between;align-items: center;
gap: 1.6rem;}
.balance_container{display: flex;gap: 1.4rem;}
.balance_container span{font-size: 1.4rem;line-height: 2rem;max-width: 17.8rem;flex: 1 1 0%;color: var(--black-color);}
.backBtn{display: none;}
.accountStayLogged .modal-signin-text{margin: 0;}
.accountStayLogged .modal-footer{padding: 0;}
.accountStayLogged .btn{width: 100%;font-size: 1.6rem !important;line-height: 2rem !important;font-weight: 500;text-transform: uppercase;color: var(--black-color);
background: none;border: none;padding: 3.2rem 0;margin: 0;font-family: var(--title-font);}
.accountStayLogged .btn:focus{outline: none;box-shadow: none;}
.accountStayLogged .modal-signin-title{font-size: 2.4rem;line-height: 3.2rem;font-family: var(--body-font);margin-bottom: 1.6rem;}
.accountStayLogged .modal-content{border-radius: .8rem;}
.accountStayLogged .modal-body{min-height: 18.4rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.addNewCard input{position: relative;display: block;width: 100%;border-radius: .8rem;border: .1rem solid var(--light-white);padding: 1.6rem;font-size: 1.6rem;line-height: 2rem;
background-color: var(--white-color);}
.addNewCard input:focus{border: .1rem solid var(--light-white);background-color: var(--white-color);}
.addNewCard select{position: relative;display: block;width: 100%;border-radius: .8rem;border: .1rem solid var(--light-white);padding: 1.6rem;font-size: 1.6rem;line-height: 2rem;
background-color: var(--white-color);}
.addNewCard select:focus{border: .1rem solid var(--light-white);background-color: var(--white-color);}
.selectCardMonthYear{display: flex;gap: 1.6rem;}
.buyNewECard input{position: relative;display: block;width: 100%;border-radius: .8rem;border: .1rem solid var(--light-white);padding: 1.6rem;font-size: 1.6rem;line-height: 2rem;
background-color: var(--white-color);}
.buyNewECard input:focus{border: .1rem solid var(--light-white);background-color: var(--white-color);}
.buyNewECard .next{padding: 0 2.8rem;height: 5.6rem;display: flex;align-items: center;justify-content: center;width: 100%;color: var(--white-color);background: var(--light-green);
border-radius: 9999px;border: .2rem solid var(--light-green);font-family: var(--title-font);font-size: 1.4rem;font-weight: 700;text-transform: uppercase;line-height: 1.6rem;
letter-spacing: .07em;transition: all 500ms ease;}
.tip-amount-manually input{background: var(--white-color);border: none;border-bottom: .1rem solid var(--light-white);padding: 0;border-radius: 0;height: 5.5rem;
color: var(--black-color);}
.tip-amount-manually input:focus{border: none;border-bottom: .1rem solid var(--light-white);}
.buyNewECard .swiper-container{overflow: hidden;position: relative;padding-bottom: 2rem;}
.buyNewECard .swiper-slide-active .giftCardSlider-container .card-check{position: absolute;left: .8rem;top: .4rem;width: 3.2rem;height: 3.2rem;display: flex;
justify-content: center;align-items: center;border-radius: 9999px;border: .2rem solid var(--white-color);background-color: var(--light-green);}
.buyNewECard .swiper-slide-active .giftCardSlider-container .card-check svg{color: var(--white-color);}
.buyNewECard .swiper-slide .giftCardSlider-container .card-check img{opacity: 0;}
.buyNewECard .swiper-slide-active .giftCardSlider-container .card-check img{width: 1.9rem;height: auto;opacity: 1;filter: brightness(0) invert(1);}
.giftCardSlider-container img{border-radius: .8rem;}
.deleteTitle{font-size: 2.4rem;line-height: 3.2rem;text-transform: uppercase;font-weight: 700;text-align: center;margin-bottom: 1.6rem;color: var(--black-color);}
.deleteText{font-size: 1.6rem;line-height: 2.4rem;color: var(--text-color);margin: 0;font-family: var(--body-font);}
.deleteUserAccount .modal-footer{padding: 0;}
.delete-footerBtn{display: flex;width: 100%;margin: 0;}
.deleteUserAccount .modal-footer button{font-size: 1.6rem !important;line-height: 2rem !important;width: 50%;padding: 3.2rem 0;font-family: var(--title-font);font-weight: 500;
text-transform: uppercase;background: var(--white-color);color: var(--black-color);border: none;}
.signOutAccount{z-index: 99999999;}
.modal button:focus{outline: none;box-shadow: none;}
.deleteAccountYes{border-left: .1rem solid var(--light-white) !important;}
.accountsetting .birth{display: flex;justify-content: space-between;align-items: flex-start;}
.accountsetting .birth label span{color: var(--theme-color);}
.accountsetting .birth button{padding: 0;border: none;background: none;line-height: 2rem;}
.setting-personal-form label{margin-bottom: .8rem;display: block;font-family: var(--title-font);font-size: 1.4rem;line-height: 2rem;font-weight: 600;color: var(--new-gray-color);}
.buyNewECard label{margin-bottom: .8rem;display: block;font-family: var(--title-font);font-size: 1.4rem;line-height: 2rem;font-weight: 600;color: var(--new-gray-color);}
.buyNewECard .tip-amount .tip-btn{display: flex;justify-content: center;align-items: center;border-radius: .8rem;cursor: pointer;}
.buyNewECard .tip-amount .tip-amount-value{font-size: 1.8rem;line-height: 2.8rem;font-weight: 600;color: var(--black-color);width: 6.4rem;height: 6.4rem;display: flex;
justify-content: center;align-items: center;}
.tip-amount-manually svg{display: none;}
.tip-amount-manually.active svg{display: block;}
.giftCard .swiper-pagination-bullet{height: .8rem;width: .8rem;border-radius: 9999px;border: .2rem solid var(--product-text);background-color: var(--white-color);}
.giftCard .swiper-pagination-bullet-active{width: 5.6rem;border-color: var(--light-green);background-color: var(--light-green);}
.addNewCard .condition-check label{font-family: var(--title-font);letter-spacing: .025em;font-weight: 700;text-transform: uppercase;color: var(--black-color);}

@media only screen and (max-width:1024px){
  .backBtn{display:block;position:absolute;left:0;top:0;}
  .setting_top{display:flex;justify-content:center;align-items:center;position:relative;}
  .setting_top h1{font-size:1.6rem;line-height:2.4rem;}
  .push_notification{display:none;}
  .market_communication{margin-bottom:2rem;}
}
/*=================================
    acoount setting css End
==================================*/


/*=================================
    reset password css start
==================================*/
.resetPasswordInfo{padding: 4rem 6rem;}
.resetpassword_container {max-width: 67.2rem !important; margin: 0 auto; padding: 4rem 0;}
.resetpassword_container input{position: relative;display: block;width: 100%;border-radius: .8rem;border-width: .1rem;border-color: var(--light-white);padding: 1.6rem;
font-size: 1.6rem;line-height: 2rem;background: var(--white-color);}
.resetpassword_container label{margin-bottom: .8rem;display: block;font-family: var(--title-font);font-size: 1.4rem;line-height: 2rem;font-weight: 600;color: var(--new-gray-color);}
.resetpassword_container .reset_btn{padding: 0 2.8rem;height: 5.6rem;display: flex;align-items: center;justify-content: center;width: 100%;color: var(--white-color);
background: var(--light-green);border-radius: 9999px;border: .2rem solid var(--light-green);font-family: var(--title-font);font-size: 1.4rem;font-weight: 700;
text-transform: uppercase;line-height: 1.6rem;letter-spacing: .07em;transition: all 500ms ease;}
.resetpassword_container .reset_btn:hover{background: var(--title-color);border: .2rem solid var(--title-color);}
.resetpassword_container .reset_btn:focus {outline: none;box-shadow: none;}
/*=================================
    reset password css end
==================================*/



/*=================================
    order Information css start
==================================*/
.orderInfo{padding:4rem 6rem;}
.orderBackground{width:100%;height:63.2rem;position:absolute;top:0;left:0;z-index:-10;background-color:var(--white-bg);border-bottom-right-radius:30rem;
border-bottom-left-radius:30rem;}.orderInfo-container{width:87rem;margin:0 auto;background-color:var(--white-color);}
.orderinfo-header{border:.1rem solid var(--white-bg);padding:3.2rem;margin-bottom:2.4rem;}
.order-date-nickname{display:flex;justify-content:space-between;align-items:center;}
.order-date-nickname p{font-size:2rem;line-height:2.4rem;text-transform:uppercase;font-weight:700;font-family:var(--title-font);color:var(--black-color);margin-bottom:.4rem;}
.order-date-nickname .savedAddressListItem-editBtn:hover{background-color:var(--white-bg);}
.orderInfo-container h3{font-size:3.2rem;line-height:4rem;text-transform:uppercase;font-weight:700;font-family:var(--title-font);margin-bottom:.8rem;color:var(--black-color);}
.order_number{font-size:1.8rem;line-height:2.8rem;font-weight:700;margin-bottom:2rem;color:var(--black-color);}
.order_number span{color:var(--light-green);display:block;}
.deliver-address{font-size:1.4rem;line-height:2rem;padding:1.6rem;margin-bottom:1.6rem;background-color:var(--white-bg);border-radius:.8rem;}
.deliver-address p{color:var(--black-color);margin:0;font-family:var(--body-font);}
.deliver-title{font-weight:700;margin-bottom:.8rem;font-family:var(--title-font);}
.orderHr{color:var(--light-white);opacity:1;margin:2rem 0;}
.orderInfo-container .cart-data-right .product-text{margin-bottom:0;}
.orderInfo-container .product-subtotal{border-bottom:.1rem solid var(--light-white);}
.orderInfo-container .productTotal{margin-bottom:0;}
.orderInfo-footer h3{font-size:1.4rem;line-height:2rem;font-weight:700;text-transform:uppercase;font-family:var(--title-font);margin-bottom:1.2rem;}
.orderInfo-footer button{background-color:var(--light-green);width:20.8rem;border-radius:9999px;height:5.6rem;display:flex;align-items:center;justify-content:center;
padding-left:2.4rem;padding-right:2.4rem;color:var(--white-color);margin:0 auto;border:none;font-family:var(--title-font);font-size:1.4rem;font-weight:700;
text-transform:uppercase;line-height:1.6rem;letter-spacing:.07em;}
.orderInfo-footer button:hover{background-color:var(--title-color);}
.lastUpdate{color:var(--text-color);font-weight:500;font-size:1.2rem;line-height:1.6rem;display:flex;align-items:center;margin-bottom:.4rem;}
.lastUpdate button{padding:0;border:none;background:none;}
.lastUpdate button img{width:2.4rem;line-height:1;}
.estimated-Delivery{font-size:1.8rem;line-height:2.8rem;font-weight:500;margin-bottom:2rem;color:var(--black-color);font-family:var(--body-font);}
.orderInfo .cash{padding:3.2rem;margin-bottom:1.6rem;}
.order_again{width: 20rem;margin-top: 2.5rem;margin-bottom: -.4rem;letter-spacing: .07em;display: flex;height: 4rem;align-items: center;justify-content: center;
border-radius: 9999px;background-color: var(--light-green);font-family: var(--title-font);font-size: 1.4rem;line-height: 2rem;font-weight: 700;text-transform: uppercase;
color: var(--white-color);border: none;margin: 0 auto;transition: all 500ms ease;}
/*=================================
    order Information css end
==================================*/





/*=================================
    user action menu css start
==================================*/
.userActionMenu{position:relative;display:inline-block;cursor:pointer;color:var(--white-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;}
.userAction-dropdown-menu{position:absolute;right:0;top:100%;z-index:10;display:none;width:20.8rem;border:.1rem solid var(--light-white);background-color:var(--white-color);padding-left:0;padding-right:0;font-family:var(--title-font);font-weight:600;text-transform:none;color:var(--black-color);list-style-type:none;}
.userAction-dropdown-menu li a{display:block;padding:1.2rem 1.6rem;font-size:1.4rem;line-height:2rem;font-weight:400;color:var(--black-color);}
.userAction-dropdown-menu li a:hover{background-color:var(--white-bg);}
.userActionMenu:hover .userAction-dropdown-menu{display:block;}
.userAction-dropdown-menu.active{display:block;}
.userActionDropIcon{margin-left:.5rem;display:inline-block;vertical-align:middle;}
.userActionMenu .fa{display:none;}
.userActions{display:flex;align-items:center;gap:1rem;}
.userActionMenu .main-menu a{padding:0;letter-spacing:normal;}
/*=================================
    user action menu css end
==================================*/





/*=================================
    order css start
==================================*/
.order{padding: 4rem 0;}
.orderHistory-tab{display: flex;margin-bottom: 5.6rem;}
.orderHistory-tab .nav-tabs{border: none !important;flex-wrap: nowrap;}
.orderHistory-btn{background: none;border: none;display: flex;}
.orderHistory-btn svg{font-size: 2.4rem;line-height: 3.2rem;margin-right: .8rem;color: var(--light-text);}
.orderHistory-btn span{font-size:2.8rem;line-height:2.4rem;letter-spacing:.07em;text-transform:uppercase;color:var(--light-text);font-weight:500;padding-bottom:1.2rem;}
.orderHistoryCard-box .orderBox-top-right button.active svg{color:var(--theme-color);fill:var(--theme-color);}
#favourite-item-tab .orderBox-top-right button svg{color:var(--theme-color);fill:var(--theme-color);}
.orderHistory-btn.active span{color: var(--dark-color);border-bottom: .4rem solid var(--dark-color);}
.orderHistory-btn.active svg{color: var(--dark-color);}
.orderHistory-line{margin:0 2rem;border-right:.1rem solid var(--black-color);height:2.4rem;}
.orderHistoryCard-box{margin-bottom:3.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.6rem;padding-left:0;padding-right:0;position:relative;}
.orderBox{padding:1.6rem;border:.1rem solid var(--order-border);border-radius:.8rem;}
.orderBox-top{display:flex;justify-content:space-between;}
.orderBox-top-left .date{font-size:1.8rem;font-weight:700;line-height:2.4rem;text-transform:uppercase;color:var(--black-color);margin:0;}
.orderBox-top-left .price{font-size:1.4rem;line-height:2rem;font-weight:700;color:var(--black-color);margin:0;}
.orderBox-top-right button{background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:flex-end;}
.orderBox-top-right button p{color:var(--black-color);margin:0;}
.favourite-order .favourite-active{display:none;}
.favourite-order.active .favourite-normal{display:none;}
.favourite-order.active .favourite-active{display:none !important;}
.orderBox .product-name{color:var(--text-color);font-size:1.4rem;line-height:2rem;max-width:70%;margin-bottom:3.2rem;}
.orderBox-bottom{display:flex;justify-content:space-between;gap:1.6rem;}
.orderBox-bottom .view-order{padding:0 .8rem;border:.2rem solid var(--new-gray-color);border-radius:9999px;flex:1 1 0%;height:4rem;display:flex;justify-content:center;
align-items:center;color:var(--title-color);font-family:var(--title-font);font-size:1.4rem;font-weight:700;text-transform:uppercase;line-height:1.6rem;letter-spacing:.07em;
transition:all 500ms ease;}
.orderBox-bottom .view-order:hover{background-color:var(--white-bg);}
.orderBox-bottom .order-again{padding:0 .8rem;border-radius:9999px;flex:1 1 0%;height:4rem;display:flex;justify-content:center;align-items:center;color:var(--white-color);
font-family:var(--title-font);font-size:1.4rem;font-weight:700;text-transform:uppercase;line-height:1.6rem;letter-spacing:.07em;background-color:var(--light-green);
transition:all 500ms ease;}
.orderBox-bottom .order-again:hover{background-color:var(--title-color);}
/*=================================
    order css end
==================================*/





/*=================================
    addToCart css start
==================================*/
.addToCart .container{padding: 0;}
.addToCart-container{padding: 2.4rem 3.2rem 2rem 3.2rem;border-bottom: .1rem solid var(--light-white);}
.addToCart-summary{display: flex;justify-content: space-between;align-items: center;}
.summary-title{font-size: 2.4rem;line-height: 3.2rem;text-transform: uppercase;font-weight: 700;color: var(--black-color);margin: 0;font-family: var(--title-font);}
.addToCart-summary img{width: 2.4rem;cursor: pointer;}
.addToCart-item-container{padding: 2.4rem 3.2rem;overflow: auto;scrollbar-width: none;overflow-y: auto;flex-grow: 1;}
.addToCart .savedAddressListItem-editBtn{height: 3.6rem;padding: 0 2.4rem;background-color: var(--well-done-bg);font-family: var(--body-font);transition: all 500ms ease;}
.addToCart .savedAddressListItem-editBtn:hover{background-color: var(--white-bg);}
.addToCart-item{margin-bottom: 1.6rem;}
.addToCart .add-item{padding: 1.6rem 2.4rem;color: var(--title-color);border: .1rem solid var(--light-white);border-radius: .8rem;display: flex;justify-content: center;
align-items: center;width: 100%;font-weight: 700;text-transform: uppercase;font-size: 1.4rem;line-height: 1.6rem;margin-bottom: 4rem;transition: all 500ms ease;}
.addToCart .add-item:hover{background-color: var(--well-done-bg);border: .1rem solid var(--title-color);}
.addToCart .cart-container{position: fixed;background-color: var(--white-color);z-index: 999999;display: flex;flex-direction: column;width: 51.3rem;top: 0;bottom: 0;right: -55rem;
transition: all .5s cubic-bezier(.4,0,.2,1);}
.addToCart.active .cart-container{right: 0;}
.promo-title{text-transform: uppercase;font-size: 1.6rem;line-height: 2rem;margin-bottom: .8rem;color: var(--black-color);}
.promo-code-field{display: flex;}
.promo-code-field button{background-color: var(--light-green) !important;height: 5rem;border-radius: .8rem;border-top-left-radius: 0;border-bottom-left-radius: 0;padding: 0 2.4rem;
display: flex;align-items: center;justify-content: center;border: none;color: var(--white-color);}
.promo-code-field button a{color: var(--white-color);}
.promo-code-field input{padding: 1.2rem 1.6rem !important;border: .1rem solid var(--light-white) !important;border-radius: .8rem;border-top-right-radius: 0;
border-bottom-right-radius: 0;background: var(--white-color);height: 5rem;color: var(--black-color);}
.promo-code-field .form-group-field{display: flex;flex: 1 1 0%;}
.promo-code-field .form-group-field svg{right: 1.6rem;top: 1.3rem;}
.addToCart-subtotal-container{padding: 1.6rem 3.2rem 2.4rem 3.2rem;border-top: .1rem solid var(--light-white);background: var(--white-color);}
.subtotal-item{display: flex;justify-content: space-between;align-items: center;font-size: 2rem;line-height: 2.8rem;font-weight: 700;margin-bottom: 1.6rem;
text-transform: uppercase;}
.subtotal-item p{color: var(--black-color);margin: 0;}
.addToCart-checkout{background-color: var(--light-green);border-radius: 9999px;display: flex;height: 5.6rem;align-items: center;justify-content: center;padding-left: 2.4rem;
padding-right: 2.4rem;color: var(--white-color);font-family: var(--title-font);font-size: 1.4rem;font-weight: 700;text-transform: uppercase;line-height: 1.6rem;
letter-spacing: .07em;transition: all 500ms ease;}
.addToCart-checkout:hover{background-color: var(--title-color);color: var(--white-color);}
.cart-dark-bg.active{width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, .6) !important;position: fixed;z-index: 53;left: 0;top: 0;
transition: all .15s cubic-bezier(.4,0,.2,1);}
.cart-count button{padding: 1rem 1.6rem .4rem 1.6rem;border: none;background-color: var(--white-color);border-radius: 9999px;display: flex;justify-content: center;
align-items: center;}
.cart-count button svg{color: var(--title-color);}
.cart-icon-count{position: relative;}
.cart-count button .cart-quantity{position: absolute;height: 1.6rem;width: 1.6rem;display: flex;justify-content: center;align-items: center;font-size: 1.2rem;font-weight: 600;
line-height: 1;top: -.4rem;left: .6rem;}
.cart-count button .cart-value{margin-left: .8rem;display: block;font-size: 1.4rem;line-height: 2rem;font-weight: 600;}
.cart-open{overflow: hidden;margin: 0;}
/*=================================
    addToCart css end
==================================*/

.ls-wp-container{margin: 0 !important;}
.modal-backdrop{display: none !important;}
.scroll-to-top{display: none !important;}
.main-header-center .as-menu-toggle{display: none;}
.menu-area-mobile .map{display: flex;align-items: center;}
.menu-area-mobile .select-order-location-container{justify-content: space-between;}
.about-pizzaDepot-container{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.about-pizzaDepot-box{text-align: center;padding: 4.8rem;width: 25%;}
.about-pizzaDepot-box h2{font-size: 1.8rem;color: var(--white-color);margin: 1.6rem 0;line-height: 1.5;}
.about-pizzaDepot-box h2 a{color: var(--white-color);}
.about-pizzaDepot-box p{font-size: 1.4rem;color: var(--white-color);line-height: 1.5;margin: 0;}
.exclusive-offer{padding: 6rem 0;}
.exclusive-offer-container{padding: 3rem 4.8rem 6rem 4.8rem;}
.about-section-container{display: flex;justify-content: space-between;align-items: center;gap: 2rem;}
.about-section{padding-left: 2rem;padding-right: 2rem;}
.about-img-box{flex: 1 1 0%;}
.about-pizzadepot-text{flex: 1 1 0%;}
.about-pizzadepot-text .sec-title{margin-bottom: 1.5rem;}
.modal.show .modal-body{max-height: calc(100vh - 6.4rem);overflow-y: auto;}
.validation {color: var(--theme-color);}
.validation .fa-info{color: var(--theme-color) !important;}
.quantity-count-incdec{background-color: var(--light-green);border-radius: .4rem;width: 2rem;height: 2rem;display: flex;justify-content: center;align-items: center;
color: var(--white-color);font-size: 1.2rem;font-weight: 700;}
.quantity-count-incdec:hover{color: var(--white-color);}
.as-checkout-wrapper{padding-bottom: 4rem;}

@media only screen and (max-width: 385px){
  .topping-count-increment-container{flex-direction: column;align-items: flex-start !important;}
}

@media only screen and (max-width: 447px){
  .topping-list-container{flex-direction: column;gap: 2rem;}
  .topping-list-container .single-topping-list{order: 2;}
  .premium-topping{order: 1;}
}

@media only screen and (max-width:767px){
  .topping-regular-select{flex-wrap: wrap;justify-content: space-between;}
  .toppinngs-select-left{width: 30%;}
  .toppinngs-select-right{width: 70%;}
  .single-product .count-toppings label{width: 3.5rem;height: 3.5rem;}
  .single-product .increment-topping button{width: 3.5rem !important;height: 3.5rem !important;}
  .single-product .count-toppings{gap: .5rem;}
  .single-product .increment-topping{gap: .5rem;margin-top: 0;}
  .topping-count-increment-container{display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
  .single-product .count-toppings label{margin: 0;}
  .single-product .toppings-content{display: none;}
  .single-product .toppings-name {display: block;}
  .single-product .toppings-img-box img{width: 12rem;}
  .single-product .toppings-img-box{width: 15rem;margin-right: 0;}
  .pizza-single-size .choose.size li{margin-bottom:1rem;width: 100%;height: auto;justify-content: flex-start;}
  .addToCart .cart-container{right: -100%;}
  .addToCart .cart-container{width: 100%;}
  .pizza-screen-single-product-img {width: 100%;}
  .pizza-screen-single-product-detail {width: 100%;}
  .pizza-screen-single-product-top {flex-wrap:wrap;}
  .featured-product{grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
  .menu-area-desktop .select-order-location{display: none;}
  .menu-area-desktop .cart-count{padding-right: .5rem;padding-left: .5rem;}
  .savedAddressListItem-edit{text-align: right;display: flex;align-items: center;}
  .savedAddressListItem{padding: 2rem 1rem;}
  .about-pizzaDepot-box{width: 100%;padding: 3rem 1.5rem;}
  .menu-tablistgrid-container{margin-bottom: 2.5rem;}
  .exclusive-offer-container{padding: 3rem 0;}
  .signIn-Up button{padding: 0;}
  .store .strore-bottom-left{flex-direction: column;gap: 2rem;}
  .store .store-top-right{align-items: flex-start;}
  .feature-card-container{flex-direction: column;}
  .feature-card-container .feature-card:nth-child(1) {border-right: none;}
  .feature-card-container .feature-card:nth-child(3) {border-left: none;}
  .buyNewECard .tip-amount .tip-amount-value{width: 100%;}
  .checkout-container {flex-direction: column;}
  .userActionMenu{display: none;}
  .orderHistoryCard-box{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .orderHistoryCard-box .product-name{text-align: left;}
  .cart-count button{padding: 1.2rem 1.2rem .6rem 1.2rem;}
  .cart-icon-count{width: 2.6rem;}
  .header-top-container{justify-content: center;}
  .setting_link{padding: .8rem 1.6rem;}
  .accountsetting_container{padding: 0 0 4rem 0;}
  .resetpassword_container{padding: 0 0 4rem 0;}
  .resetPasswordInfo{padding: 2.6rem 0 0 0;}
  .topping-list-tabs-container {padding: .2rem;}
  .pizz-screen-single-product-container .increment-topping span{padding: 0 1.3rem;}
  .pizz-screen-single-product-container .add-to-order {margin-left: 1rem;}
  .single-product .dough-regular-select-left{width: 8rem;}
  .single-product .dough-regular-select-left img{width: 100%;height: auto;}
  .single-product .dough-regular-select-right p{display: none;}
  .single-product #accordion .select-option-content{gap: 1.2rem;margin: .2rem;margin-bottom: 1rem;padding: 1.2rem;}
  .single-product #accordion .radio-box{padding-left: 9.2rem;}
  .single-product .custom-radio label{padding-left: 4.4rem;}
  .scrolling-menu li a::after{content: '';position: absolute;bottom: -1.6rem;left: 0;border-bottom: .4rem solid #000;width: 100%;opacity: 0;transition: all .5s ease-in-out;}
  .scrolling-menu li a:focus::after{opacity: 1 !important;}
}

@media only screen and (max-width:991px){
  .about-section-container{flex-direction: column;}
  .pizza-single-size .choose.size{margin-bottom: 0;}
  .tab-menu1{justify-content: flex-start;}
  .sidebar{padding: 2rem 0 0 0;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
  .menu-area-desktop .cart-count{padding-right: 1.5rem;padding-left: 1.5rem;}
  .about-pizzaDepot-box{width: 50%;padding: 3rem 1.5rem;}
  .payment-method .location-btn{padding: 0 2rem;}
  .orderHistoryCard-box{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media only screen and (min-width:768px) and (max-width:1023px){
  .checkout-left{width: 100%;}
  .checkout-right{width: 100%;}
  .checkout-container {gap: 4rem;flex-direction: column;}
  .single-product .single-product-main-content{width: 100% !important;}
  .single-product .single-product-main-card{width: 100% !important;}
}

@media only screen and (min-width:768px) and (max-width:1023px){
  .featured-product{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 1.5rem;}
}

@media only screen and (min-width:1024px) and (max-width:1311px){
  .featured-product.product-grid-3{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 1.5rem;}
  .featured-product.product-grid-4{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: 1.5rem;}
}

@media only screen and (min-width:1024px) and (max-width:1399px){
  .pizz-screen-single-product-container .increment-topping{flex-direction: column;align-items: flex-start;}
}

@media only screen and (min-width:991px) and (max-width:1430px){
  .pizza-single-size .choose.size li{margin-bottom:1rem;}
  .single-product .custom-single-size .choose.size{justify-content: flex-start;}
}

@media only screen and (max-width:1311px){
  .pizza-single-size .choose.size li{width: 100%;justify-content: space-between;align-items: center;height: auto;min-height: auto;flex-direction: row;flex: auto;}
  .single-product .custom-single-size .choose.size{padding: 1.2rem;}
  .single-product .choose li a span{display: inline;text-align: left;}
  .single-product .size li a{margin-bottom: 0;display: flex;align-items: center;}
  .single-product .choose li a img{margin-bottom: 0;width: 5.2rem;margin-right: 1.6rem;}
}

@media only screen and (max-width:1024px){
  .menu-area-desktop .cart-count{order: 1;}
  .menu-area-mobile{display: block;}
  .mobile-div .cart-count{order: 1;}
  .mobile-div .as-menu-toggle{order: 2;}
  .menu-area-mobile .select-order-location{padding: .8rem 0;}
  .menu-area-mobile .menu-mobile-select-order{display: flex;justify-content: center;align-items: center;}
  .select-order-location-order-now{padding: 1.2rem 1rem;}
  .main-header-right{display: none;}
  .main-header-center .as-menu-toggle{order: 2;}
  .main-header-center .main-menu{display: none;}
  .main-header-center .select-order-location{display: none;}
  .main-header-center .as-menu-toggle{display: block;}
  .menu-area-mobile .menu-mobile-select-order-right{display: none;}
  .menu-area-mobile .menu-mobile-select-order-left{width: 100%;}
  .selectOrderModal .modal-body {padding: 1.5rem;}
  .single-product .fixme{position: relative !important; top: initial !important;width: auto !important;left: 0 !important;}
  .orderInfo-container{width: 100%;}
  .orderInfo{padding: 4rem 0rem;}
  .store-location-container{padding: 0;}
  }

@media only screen and (min-width:991px) and (max-width:1024px){
  .single-product .fixme{width: 50% !important;}
}

@media only screen and (min-width:1025px) and (max-width:1640px){
  .main-header-center .userActions{display: none;}
  .main-header-center .select-order-location{display: none;}
  .main-header-center .cart-count{display: none;}
  .menu-area-mobile{display: block;}
  .menu-area-mobile .menu-mobile-select-order{display: flex;justify-content: space-between;align-items: center;}
  .menu-area-mobile .menu-mobile-select-order-right{display: flex;align-items: center;gap: 2rem;}
  .menu-area-mobile .select-order-location{padding: .8rem 0;}
  .about-pizzaDepot-box{padding: 4.8rem 1.5rem;}
}

@media only screen and (max-width:1199px){
  .footer-layout1 .col-md-6{margin-bottom: 3rem;}
  .selectCombo .col-md-6{margin-bottom: 2rem;}
}

@media only screen and (max-width: 768px) {
  .modal-dialog {max-width: 71rem;}
}

.submenu-content {display: none;position: fixed;top: inherit;left: 0;width: 100%;background: var(--white-color);box-shadow: 0 .4rem 1rem rgba(0,0,0,0.1);padding: 1.5rem 0;
z-index: 1;text-align: center;}
nav.main-menu li:hover > .submenu-content {display: block;}
.submenu-content li:hover > .submenu-content {display: block;}
.submenu-content .submenu-content {position: fixed;top: inherit;left: 0;width: 100%;background: var(--white-color);display: none;box-shadow: .2rem .2rem .8rem rgba(0, 0, 0, 0.1);}
.submenu-content  a{color: var(--light-green);padding: 2rem 0;border-bottom: .4rem solid transparent;}
.submenu-content  a:hover{border-bottom: .4rem solid var(--save-address);}
.submenu-content li{margin: 0 1rem;}
.submenu-content .submenu-right{background: var(--light-green) !important;}
.submenu-right a{color: var(--white-color);}
.scrolling-menu-area-mobile{display: none;        border-top: .1rem solid var(--light-white);border-bottom: .1rem solid var(--light-white);}
.scrolling-menu-container {width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.scrolling-menu {display: flex;justify-content: flex-start;flex-wrap: nowrap;list-style: none;padding: 0;margin: 0;gap: 2rem;scrollbar-width: none;}
.scrolling-menu-container::-webkit-scrollbar {display: none;}
.scrolling-menu > li {flex: 0 0 auto; padding: 1.2rem 0 1.6rem 0;}
.scrolling-menu li a{color: var(--dark-color);font-family: var(--title-font);font-size: 1.4rem;line-height: 2rem;font-weight: 700;text-transform: uppercase;position: relative;}

@media only screen and (min-width:992px) and (max-width:1024px){
  .scrolling-menu{justify-content: center;}
}

@media only screen and (min-width:1025px) and (max-width:1640px){
  .header-layout1{display: flex;flex-direction: column;}
  .header-layout1 .header-top{order: 1;}
  .header-layout1 .menu-area-mobile{order: 2;}
  .header-layout1 .menu-area-desktop{order: 3;}
}

@media only screen and (max-width:1024px){
  .scrolling-menu-area-mobile{display: block;}
  .header-layout1 .menu-area-mobile{background: var(--white-color);}
  .select-order-location-container{background: var(--order-border);}
}


.toggleHide{display: none;}
.favourite-normal, .wish{display: none !important;}

#createAccountCode .modal-body{padding: 3.2rem 10rem;}
.create-account-code{display: flex;gap: 1.6rem;margin: 3.6rem 0;}
.create-account-code input{border-radius: .4rem;background: var(--white-color);width: 7.3rem;height: 8rem;font-size: 2.4rem;line-height: 8rem;font-weight: 800;
text-align: center;border: 0;padding: 0;box-shadow: rgb(204, 204, 204) 0px 0px 0px 1px inset;transition: box-shadow 0.2s ease-out;}
.create-account-code input:focus{box-shadow: rgb(136, 136, 136) 0px 0px 0px 2px inset;}
.entercodetitle {font-size: 2.4rem;line-height: 3.2rem;text-transform: uppercase;font-weight: 700;margin-bottom: 1.6rem;color: var(--black-color);}
.entercodetext {font-size: 1.6rem;line-height: 2.4rem;color: var(--black-color);margin: 0;margin-bottom: .4rem;font-family: var(--body-font);}
.resend-code{font-size: 1.4rem;font-weight: 500;line-height: 2rem;}
.resend-code a{color: var(--black-color);text-decoration: underline;}

.select_delivery_from{align-items: center;cursor: default;display: flex;flex-wrap: wrap;justify-content: space-between;min-height: 5.4rem;position: relative;transition: 100ms;
background-color: var(--white-color);border: .1rem solid var(--track);border-radius: .8rem;box-sizing: border-box;color: var(--black-color);padding-left: 1.6rem;
padding-right: 0;padding-right: 4rem;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;appearance: none;background-size: 1.6rem;}
.select_delivery_store{font-family: var(--title-font);font-size: 1.6rem;line-height: 2.4rem; font-weight: 700; text-transform: uppercase; margin-top: 1.6rem; margin-bottom: 1.2rem;
color: var(--save-address);}
.order-again{display: none !important ;}