/*
Template: Rovista - Elegant Restaurant HTML Template
Author: peacefulqode.co.in
Version: 1.0
Design and Developed by: Peacefulqode

*/

/*================================================
[  Table of contents  ]
================================================

==> Fonts
==> Moz Selection
==> General
==> Loading
==> Back to Top
==> Button Core
==> OWL Carousel
==> Pagination
==> Error
==> Breadcrumb
==> Service Single
==> Header
==> Section Title
==> Isotope Portfolio
==> Portfolio
==> Image Marquee
==> Pricing Plan
==> Team Box 
==> Video Popup
==> Blog Post
==> Recent Post
==> Testimonial
==> Gallery	
==> Advance Tab
==> Product
==> Progress Bar
==> Booking Form
==> Custom Css

======================================
[ End table content ]
======================================*/

/* ===================================
Fonts
===================================== */

@import url('https://fonts.googleapis.com/css2?family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
     font-family: 'Edensor';
     src: url('../fonts/edensor/edensor.woff') format('woff'),
          url('../fonts/edensor/edensor.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

/* ===================================
Moz Selection
===================================== */

::-moz-selection {
     text-shadow: none;
     background: var(--primary-color);
     color: #fff;
}

:root {
     --primary-color: #E94222;
     --primary-color-rgb: 233, 66, 34;
     --dark-color: #0F1A1A;
     --dark-color-rgb: 15, 26, 26;
     --secondary-color: #0F1A1A;
     --secondary-color-rgb: 15, 26, 26;
     --grey-color: #F3EDEA;
     --white-color: #ffffff;
     --white-color-rgb: 255, 255, 255;
     --body-fonts: "Taviraj", serif;
     --title-fonts: 'Edensor';
     --small-border-radius: 5px;
     --pq-border-radius: 20px;
     --big-border-radius: 900px;
     --transition: all 0.4s ease-in-out;
}

/* ===================================
General
===================================== */

body {
     background: var(--white-color);
     font-family: var(--body-fonts);
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 1.6;
     /* ~24px → 28px */
     color: var(--secondary-color);
     overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-family: var(--title-fonts);
     color: var(--dark-color);
     font-style: normal;
     font-weight: 400;
     text-transform: uppercase;
     margin: 0;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: inherit;
}

h1 {
     font-size: clamp(2.25rem, 1.5rem + 2vw, 3.5rem);
     /* 36px → 56px */
     line-height: 1.25;
     /* ~72px (multiple of 8) */
}

h2 {
     font-size: clamp(2rem, 1.3rem + 1.8vw, 3rem);
     /* 32px → 48px */
     line-height: 1.25;
     /* ~56px (multiple of 8) */
}

h3 {
     font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
     /* 28px → 40px */
     line-height: 1.3;
     /* ~48px (multiple of 8) */
}

h4 {
     font-size: clamp(1.5rem, 1rem + 1.4vw, 2rem);
     /* 24px → 32px */
     line-height: 1.35;
     /* ~40px (multiple of 8) */
}

h5 {
     font-size: clamp(1.25rem, 0.9rem + 1.2vw, 1.75rem);
     /* 20px → 28px */
     line-height: 1.4;
     /* ~32px (multiple of 8) */
}

h6 {
     font-size: clamp(1.25rem, 0.8rem + 1vw, 1.5rem);
     /* 16px → 24px */
     line-height: 1.5;
     /* ~24px/32px (fits grid) */
}

/*===== HTML Tags =====*/
a,
.button {
     color: var(--dark-color);
     outline: none;
     text-decoration: none;
     transition: var(--transition);
}

a:focus,
a:hover {
     color: var(--primary-color);
     outline: none;
     text-decoration: none;
}

p {
     margin-bottom: 30px;
}

img {
     max-width: 100%;
     height: auto;
     border-radius: var(--pq-border-radius);
}

pre {
     background: var(--white-color);
     padding: 15px;
     border: 1px solid var(--grey-color);
}

hr {
     margin: 0;
     padding: 0px;
     border-bottom: 1px solid #e0e0e0;
     border-top: 0px;
}

b,
strong {
     font-weight: 600;
}

/*===== Lists (Nested) =====*/
ol,
ul {
     padding-left: 25px;
     margin-bottom: 1em;
}

ol li {
     list-style: decimal;
}

ol ol {
     padding-left: 25px;
}

ul li {
     list-style: inherit;
}

/*===== Definition Lists =====*/
dl dd {
     margin-bottom: 15px;
}

dl dd:last-child {
     margin-bottom: 0px;
}

/*===== Table =====*/
table {
     border: 2px solid var(--grey-color);
     width: 100%;
     margin-bottom: 20px;
}

table td,
table th {
     border: 2px solid var(--grey-color);
     padding: 8px;
     text-align: center;
}

/*===== Input Textarea =====*/
input,
input.form-control {
     background: var(--white-color);
     font-family: var(--body-fonts);
     border: 1px solid rgba(var(--dark-color-rgb), .2);
     color: var(--dark-color);
     width: 100%;
     float: left;
     font-size: 18px;
     font-weight: 400;
     line-height: 26px;
     padding: 12px 30px;
     height: 56px;
     outline: none;
     border-radius: var(--big-border-radius);
     transition: var(--transition);
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
.form-control:focus {
     outline: none;
     box-shadow: none;
     border-color: var(--primary-color);
}

input[type="radio"],
input[type="checkbox"] {
     width: auto;
     height: auto;
     float: none;
     margin-right: 5px;
}

textarea,
.form-control {
     font-family: var(--body-fonts);
     /* background: var(--grey-color); */
     background: transparent;
     border: 1px solid rgba(var(--dark-color-rgb), .2);
     color: var(--dark-color);
     width: 100%;
     float: left;
     padding: 15px 25px;
     font-size: 18px;
     font-weight: 400;
     line-height: 26px;
     outline: none;
     -webkit-border-radius: var(--pq-border-radius);
     -moz-border-radius: var(--pq-border-radius);
     border-radius: var(--pq-border-radius);
     transition: var(--transition);
}

/*===== Select =====*/
select,
select.form-control {
     background: var(--grey-color);
     border: 1px solid var(--grey-color);
     color: var(--dark-color);
     width: 100%;
     float: left;
     font-size: 16px;
     padding: 0 25px;
     height: 54px;
     line-height: 54px;
     outline: none;
     border-radius: 900px;
     transition: var(--transition);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-image: url('data:image/svg+xml;utf8,<svg fill=\'%23999999\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/><path d=\'M0 0h24v24H0z\' fill=\'none\'/></svg>');
     background-repeat: no-repeat;
     background-position: right 16px bottom 50%;
     background-size: 20px 20px;
}

.screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute;
     white-space: nowrap;
     height: 0px;
     width: 1px;
     overflow: hidden;
}

.screen-reader-text:focus {
     background-color: var(--grey-color);
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: 600;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
}

/*===== Container =====*/
.container {
     max-width: 1400px;
     position: relative;
}

section {
     padding: 110px 0;
     position: relative;
}

@media(max-width:1279px) {
     .container {
          padding: 0 20px;
     }
}

@media(max-width:1099px) {
     section {
          padding: 60px 0;
     }
}

/* ===================================
Loading
===================================== */

/* Fullscreen overlay */
#pq-loading {
     position: fixed;
     inset: 0;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
     transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* Hide state */
#pq-loading.hide {
     opacity: 0;
     visibility: hidden;
}

/* Loader wrapper */
.pq-loader {
     position: relative;
     width: 150px;
     height: 150px;
}

/* Rotating half-half border */
.pq-loader-circle {
     position: absolute;
     inset: 0;
     border-radius: 50%;
     border: 2px solid transparent;
     border-top-color: var(--primary-color);
     /* top half color */
     border-right-color: var(--grey-color);
     /* right half color */
     border-bottom-color: var(--primary-color);
     /* bottom half color */
     border-left-color: var(--grey-color);
     /* left half color */
     animation: spin 1.5s linear infinite;
}

/* Center logo */
.pq-loader img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 90px;
}

/* Spin animation */
@keyframes spin {
     0% {
          transform: rotate(0deg);
     }

     100% {
          transform: rotate(360deg);
     }
}

/* ===================================
Back to Top
===================================== */

.progress-wrap {
     position: fixed;
     right: 30px;
     bottom: 30px;
     height: 55px;
     width: 55px;
     cursor: pointer;
     display: block;
     border-radius: var(--big-border-radius);
     box-shadow: inset 0 0 0 2px rgba(var(--dark-color-rgb), 0.2);
     background: var(--white-color);
     z-index: 10000;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
}

.progress-wrap.active-progress {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}

.progress-wrap::after {
     position: absolute;
     content: "\f281";
     display: inline-block;
     font-family: bootstrap-icons !important;
     font-style: normal;
     font-weight: normal !important;
     font-variant: normal;
     text-transform: none;
     vertical-align: -.125em;
     -webkit-font-smoothing: antialiased;
     text-align: center;
     line-height: 55px;
     font-size: 24px;
     color: var(--dark-color);
     left: 0;
     top: 0;
     height: 55px;
     width: 55px;
     cursor: pointer;
     display: block;
     z-index: 1;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
}

.progress-wrap:hover::after {
     color: var(--dark-color);
}

.progress-wrap svg path {
     fill: none;
}

.progress-wrap svg.progress-circle path {
     stroke: var(--primary-color);
     stroke-width: 4;
     box-sizing: border-box;
     -webkit-transition: all 200ms linear;
     transition: all 200ms linear;
}

/* ===================================
Button Core
===================================== */
[type="button"],
[type="reset"],
[type="submit"],
.pq-items a.button {
     padding: 10px 15px;
     font-family: var(--body-fonts);
     font-size: 18px;
     letter-spacing: 0.04em;
     background: var(--primary-color);
     color: var(--white-color);
     text-transform: capitalize;
     display: inline-block;
     border: none;
     width: auto;
     height: auto;
     line-height: 1.6;
     -webkit-border-radius: 900px;
     -moz-border-radius: 900px;
     border-radius: 900px;
     transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
.pq-items a.button:hover,
.pq-items a.button:focus {
     background: var(--dark-color);
     color: var(--white-color);
}

/*===== Button Flat =====*/

.pq-button.pq-button-flat {
     overflow: hidden;
     line-height: 0;
     font-size: 18px;
     padding: 20px 30px;
     position: relative;
     width: auto;
     height: auto;
     color: var(--dark-color);
     vertical-align: middle;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
     border-radius: var(--big-border-radius);
     transition: var(--transition);
     border: 1px solid var(--dark-color);
}

.pq-bt-white .pq-button.pq-button-flat {
     color: var(--white-color);
     border: 1px solid var(--white-color);
}

.pq-button.pq-button-flat::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     width: 95%;
     height: 85%;
     border-radius: var(--big-border-radius);
     border: 1px solid var(--dark-color);
     transform: translate(-50%, -50%);
     transition: transform 0.4s ease-in-out;
}

.pq-bt-white .pq-button.pq-button-flat::before {
     border: 1px solid var(--white-color);
}

.pq-button.pq-button-flat .pq-button-text {
     transition: var(--transition);
}

.pq-button-text span {
     display: inline-block;
     opacity: 1;
     transition: var(--transition);
}

.pq-button.pq-button-flat .pq-button-text span {
     opacity: 1;
}

.pq-button.pq-button-flat:hover .pq-button-text span {
     animation: pq-text-animate 0.6s forwards;
}

.pq-button.pq-button-flat i {
     margin-left: 8px;
     display: inline-block;
     transition: all 0.3s ease;
     opacity: 1;
}

.pq-button.pq-button-flat:hover i {
     transform: translateX(8px);
     opacity: 1;
}

@keyframes pq-text-animate {
     0% {
          opacity: 0;
          transform: translateY(10px);
     }

     100% {
          opacity: 1;
          transform: translateY(0);
     }
}


/*===== Button link =====*/

.pq-button.pq-button-link {
     position: relative;
     display: inline-flex;
     color: var(--white-color);
     text-decoration: none;
     align-items: center;
     gap: 8px;
}

.pq-button.pq-button-link::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0%;
     height: 1px;
     background: var(--white-color);
     transition: width 0.4s ease;
}

.pq-button.pq-button-link:hover::after {
     width: 100%;
}

/*===== Button outline =====*/

.pq-button.pq-button-outline {
     overflow: hidden;
     font-family: var(--title-fonts);
     text-transform: uppercase;
     line-height: 2;
     letter-spacing: 0.04em;
     font-size: 18px;
     padding: 4px 4px 4px 30px;
     position: relative;
     width: auto;
     height: auto;
     color: var(--dark-color);
     vertical-align: middle;
     display: inline-flex;
     align-items: center;
     background: transparent;
     border: 2px solid var(--dark-color);
     gap: 10px;
     text-decoration: none;
     border-radius: var(--big-border-radius);
     transition: var(--transition);
}

.pq-button.pq-button-outline:hover {
     border: 2px solid var(--primary-color);
     color: var(--primary-color);
}

.pq-button.pq-button-outline i {
     height: 40px;
     width: 40px;
     background-color: var(--primary-color);
     color: var(--white-color);
     border-radius: var(--big-border-radius);
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     transform: rotate(-45deg);
     transition: var(--transition);
}

.pq-button.pq-button-outline:hover i {
     transform: rotate(0deg);
}

/*===== Button Rounded =====*/

.pq-button.pq-button-rounded {
     display: inline-block;
     width: 52px;
     height: 52px;
     line-height: 60px;
     font-size: 24px;
     border-radius: var(--big-border-radius);
     background: var(--dark-color);
     color: var(--white-color);
     text-align: center;
     transition: var(--transition);
}

.pq-button.pq-button-rounded:hover {
     background: var(--primary-color);
     color: var(--white-color);
}

/* ===================================
OWL Carousel
===================================== */
.owl-carousel .owl-nav.disabled {
     display: none;
}

.owl-nav {
     position: relative;
     top: 0%;
     transform: translateY(0);
     margin: 0;
     width: 100%;
     display: flex;
     cursor: inherit;
     justify-content: center;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
     outline: none;
     text-align: center;
     text-indent: inherit;
     cursor: pointer;
     position: relative;
     padding: 0 !important;
     margin: 0 5px;
     border: none;
     border-radius: 100%;
     width: 52px;
     height: 52px;
     line-height: 52px;
     font-size: 24px;
     background: var(--primary-color);
     color: var(--white-color);
     transition: var(--transition);
}

.owl-carousel .owl-nav button.owl-next {
     right: 0;
}

.owl-carousel .owl-nav button:hover {
     color: var(--white-color);
     background: var(--dark-color);
}

.pq-dark-bg .owl-carousel .owl-nav button:hover {
     color: var(--white-color);
     background: var(--dark-color);
}

.owl-carousel .owl-nav button i::before {
     line-height: inherit;
}

.owl-carousel .owl-nav button.owl-prev {
     transform: rotate(180deg);
}

/*++++++++++++++++ Dots +++++++++++*/
.owl-carousel .owl-dots.disabled {
     display: none;
}

.owl-carousel .owl-dots {
     margin-top: 30px;
     line-height: normal;
     position: relative;
     width: 100%;
     text-indent: inherit;
     text-align: center;
     cursor: pointer;
}

.owl-carousel .owl-dots .owl-dot {
     box-shadow: none;
     outline: none;
     background: rgba(var(--dark-color-rgb), .4);
     border: 0 solid rgba(var(--dark-color-rgb), .08);
     display: inline-block;
     padding: 0;
     margin: 0px 5px;
     height: 12px;
     width: 12px;
     transition: var(--transition-duration);
     -webkit-transition: var(--transition-duration);
     -o-transition: var(--transition-duration);
     -moz-transition: var(--transition-duration);
     -ms-transition: var(--transition-duration);
     cursor: pointer;
     -webkit-border-radius: var(--pq-border-radius);
     -moz-border-radius: var(--pq-border-radius);
     border-radius: var(--pq-border-radius);
}

.owl-carousel .owl-dots .owl-dot span {
     display: none;
}

.owl-carousel .owl-dots .owl-dot:hover {
     background: var(--dark-color);
     border-color: var(--dark-color);
     opacity: 1;
}

.owl-carousel .owl-dots .owl-dot.active {
     background: var(--primary-color);
     border-color: var(--dark-color);
     opacity: 1;
}

/* ===================================
Pagination
===================================== */
.pq-pagination {
     margin-top: 60px;
}

.pq-pagination .page-numbers {
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     padding: 0;
     margin: 0;
     justify-content: center;
}

.pq-pagination .page-numbers li:first-child .page-numbers {
     margin-left: 0;
}

.pq-pagination .page-numbers li .page-numbers {
     position: relative;
     display: block;
     padding: 0px 20px;
     text-transform: uppercase;
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 60px;
     font-size: 16px;
     margin: 0 5px;
     color: var(--dark-color);
     background-color: var(--grey-color);
     letter-spacing: 0.04em;
     border: 0 solid var(--grey-color);
     -webkit-border-radius: var(--big-border-radius);
     -moz-border-radius: var(--big-border-radius);
     border-radius: var(--big-border-radius);
}

.pq-pagination .page-numbers li .page-numbers:hover {
     color: var(--white-color);
     text-decoration: none;
     background-color: var(--primary-color);
     border-color: var(--primary-color);
     z-index: 2;
}

.pq-pagination .page-numbers li .page-numbers:focus {
     box-shadow: none;
     outline: 0;
     z-index: 2;
}

.pq-pagination .page-numbers li .page-numbers:not(:disabled):not(.disabled) {
     cursor: pointer
}

.pq-pagination .page-numbers li .page-numbers.current {
     color: var(--white-color);
     background: var(--dark-color);
     border-color: var(--dark-color);
     z-index: 1;
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
}

.pq-pagination .page-numbers li .next.page-numbers,
.pq-pagination .page-numbers li .prev.page-numbers {
     width: auto;
}

@media(max-width:767px) {
     .pq-pagination {
          margin-top: 30px;
     }

     .pq-pagination .page-numbers li .next.page-numbers,
     .pq-pagination .page-numbers li .prev.page-numbers {
          width: auto;
          display: none;
     }
}

/* ===================================
Error
===================================== */
.pq-error-block {
     text-align: center;
}

.pq-error-block .pq-error-text {
     font-size: 420px;
     font-family: var(--title-fonts);
     color: var(--dark-color);
     line-height: 0.8;
     margin-bottom: 30px;
     font-style: normal;
     text-transform: uppercase;
     font-weight: 600;
}

.pq-error-block h2 {
     text-transform: math-auto;
}

@media(max-width:1023px) {
     .pq-error-block .pq-error-text {
          font-size: 320px;
     }
}

@media(max-width:767px) {
     .pq-error-block .pq-error-text {
          font-size: 200px;
     }

     .pq-error-block h2 {
          font-size: 26px;
          line-height: 34px;
     }
}

@media(max-width:479px) {
     .pq-error-block .pq-error-text {
          font-size: 130px;
     }
}

/* ===================================
Breadcrumb
===================================== */

.pq-breadcrumb-style-1 {
     background-image: url("../images/breadcrumb/breadcrumb-img-1.jpg");
     padding: 330px 0 250px 0;
     position: relative;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     text-align: center;
     z-index: 1;
     overflow: hidden;
}

.pq-breadcrumb-style-1::before {
     content: "";
     opacity: 0.7;
     position: absolute;
     background-color: var(--dark-color);
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
}

.pq-breadcrumb-style-1 .pq-breadcrumb-title {
     margin-bottom: 20px;
}

.pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
     font-size: 72px;
     color: var(--white-color);
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb {
     margin-bottom: 0;
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb {
     justify-content: center;
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb li a {
     color: var(--white-color);
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb li {
     list-style-type: none;
     margin-right: 10px;
     padding-left: 0;
     display: inline-block;
     color: var(--white-color);
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb li:last-child {
     margin-right: 0;
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb .breadcrumb-item.active::before {
     content: "\f2ea";
     display: inline-block;
     font-family: bootstrap-icons !important;
     font-style: normal;
     font-weight: normal !important;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     vertical-align: -.125em;
     font-size: 12px;
     padding-right: 10px;
     color: var(--white-color);
     float: none;
}

@media(max-width:1279px) {
     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 60px;
     }
}

@media(max-width:1099px) {
     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 54px;
     }
}

@media(max-width:799px) {
     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 48px;
     }
}

@media(max-width:767px) {
     .pq-breadcrumb-style-1 {
          padding: 230px 0 60px 0;
     }

     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 38px;
     }
}

@media(max-width:479px) {
     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 36px;
     }
}

/* ===================================
Service Single
===================================== */

.pq-service-single-main-block {
     display: grid;
     grid-template-columns: 0.5fr 1fr;
     gap: 45px;
}

.pq-service-single-main-block .pq-service-item {
     position: sticky;
     top: 110px;
     height: auto;
     align-self: start;
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list {
     background-color: var(--grey-color);
     border-radius: var(--pq-border-radius);
     padding: 30px;
     margin-bottom: 0;
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-title {
     margin-bottom: 20px;
     font-size: 28px;
     line-height: 36px;
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-title:last-child {
     margin-bottom: 0;
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title {
     margin-bottom: 20px;
     list-style: none;
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title a {
     padding: 17px 20px;
     border: 1px solid rgba(var(--dark-color-rgb), 0);
     background: var(--white-color);
     display: inline-block;
     width: 100%;
     position: relative;
     font-family: var(--body-fonts);
     text-transform: capitalize;
     color: var(--dark-color);
     border-radius: 20px;
     transition: var(--transition);
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title.current-menu-item a {
     background-color: var(--primary-color);
     color: var(--white-color);
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title a:hover {
     background-color: var(--primary-color);
     color: var(--white-color);
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title a::before {
     content: '\f054';
     font-family: "Font Awesome 5 Free";
     font-weight: 700;
     font-size: 12px;
     right: 20px;
     left: auto;
     top: 24px;
     position: absolute;
     color: inherit;
     line-height: normal;
}

.pq-service-single-main-block .pq-service-item .pq-service-media-info-box {
     background-color: var(--grey-color);
     border-radius: var(--pq-border-radius);
     padding: 30px;
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-service-single-main-block .pq-service-item .pq-service-media-info-box .pq-service-title {
     text-transform: math-auto;
     font-family: var(--body-fonts);
     font-size: 18px;
     color: var(--primary-color);
}

.pq-service-single-main-block .pq-service-item .pq-service-media-info-box .pq-service-contact {
     background-color: var(--primary-color);
     border-radius: 10px;
     padding: 16px;
}

.pq-service-single-main-block .pq-service-item .pq-service-media-info-box .pq-service-contact .pq-contact-item a {
     display: flex;
     flex-direction: row;
     gap: 0px;
     justify-content: center;
     color: var(--white-color);
}

.pq-service-single-main-block .pq-service-item .pq-service-media-info-box .pq-service-contact .pq-contact-item .pq-contact-icon i {
     padding-right: 4px;
}

.pq-service-single-main-block .pq-service-item .pq-service-media-info-box .pq-service-contact .pq-contact-item .pq-contact-content span {
     margin: 0;
     padding-left: 5px;
}

.pq-service-single-main-block .pq-service-single-right-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-one-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-top: 10px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info {
     display: flex;
     flex-direction: column;
     gap: 15px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info ul {
     padding: 0;
     margin: 0;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info li {
     list-style: none;
     margin: 5px 0px 0px;
     padding: 0px 0px 5px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info li:first-child {
     margin: 0;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info li:last-child {
     padding: 0;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info ul li span {
     padding: 0px 0px 0px 5px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box .pq-service-info ul li i {
     padding: 0px 8.5px 0px 0px;
     color: var(--primary-color);
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-top: 10px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block .pq-icon-main-box {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block .pq-icon-main-box .pq-service-icon-box .pq-service-icon {
     background-color: var(--primary-color);
     border-radius: 10px;
     height: 60px;
     width: 60px;
     line-height: 60px;
     text-align: center;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block .pq-icon-main-box .pq-service-icon-box .pq-service-icon i {
     font-size: 30px;
     fill: var(--white-color);
     color: var(--white-color);
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block .pq-icon-main-box .pq-service-icon-box .pq-service-icon i::before {
     line-height: inherit;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block .pq-service-info .pq-service-icon-text {
     font-size: 28px;
     font-weight: 400;
     text-transform: capitalize;
     margin-bottom: 10px;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block .pq-service-info p {
     color: #555555;
}

.pq-service-single-main-block .pq-service-single-right-box .pq-service-four-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
}

@media(max-width:1279px) {
     .pq-service-single-main-block {
          gap: 30px;
     }
}

@media(max-width:1099px) {
     .pq-service-single-main-block {
          grid-template-columns: 1fr;
     }

     .pq-service-single-main-block .pq-service-item {
          position: static;
          order: 2;
     }

     .pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box {
          margin-top: 15px;
     }

     .pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box {
          margin-top: 15px;
     }

     .pq-service-single-main-block .pq-service-single-right-box .pq-service-four-box {
          margin-top: 15px;
     }
}

@media(max-width:799px) {
     .pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box {
          margin-top: 0;
     }

     .pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box {
          margin-top: 0;
     }

     .pq-service-single-main-block .pq-service-single-right-box .pq-service-four-box {
          margin-top: 0;
     }
}

@media(max-width:767px) {
     .pq-service-single-main-block .pq-service-single-right-box .pq-service-two-box .pq-service-main-items-box .pq-service-item-box {
          grid-template-columns: 1fr;
     }

     .pq-service-single-main-block .pq-service-single-right-box .pq-service-three-box .pq-service-icon-main-block {
          grid-template-columns: 1fr;
     }
}

/* ===================================
Header
===================================== */

.animated {
     animation-duration: 1.25s;
}

header#pq-header {
     position: absolute;
     display: inline-block;
     width: 100%;
     clear: both;
     background: transparent;
     padding: 30px 30px 0 30px;
     z-index: 99;
}

/* ===== Header Top Bar =====  */
header#pq-header .pq-top-header {
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     padding-bottom: 30px;
}

header#pq-header .pq-top-header:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     top: 90px;
     background-color: var(--white-color);
}

header#pq-header .pq-top-header:after {
     content: "";
     position: absolute;
     width: 98%;
     height: 1px;
     top: 84px;
     background-color: var(--white-color);
}

header#pq-header .pq-top-header .navbar-brand {
     padding: 0;
     margin: 0;
}

header#pq-header .pq-top-header .navbar-brand img {
     width: 100%;
     max-height: 62px;
}

/* ===== logo =====  */

header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand {
     display: none;
}

/* ===== Header Nav Bar =====  */

header#pq-header.pq-header-style-1 .pq-bottom-header {
     padding: 0 20px 0 20px;
}

header#pq-header .pq-bottom-header {
     padding: 0 0 0 0;
     min-height: 100px;
}

header#pq-header .pq-bottom-header .navbar {
     padding: 0;
}

header#pq-header .pq-bottom-header .navbar .pq-menu-contain {
     display: inline-block;
     width: 100%;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li {
     position: relative;
     display: inline-block;
     float: left;
     margin-right: 30px;
     color: var(--white-color);
     line-height: 100px;
     font-weight: 400;
     font-family: var(--body-fonts);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li:last-child {
     margin-right: 0;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li a {
     color: var(--white-color);
     font-size: 18px;
     font-weight: 400;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li a:focus,
header#pq-header .pq-bottom-header .navbar .navbar-nav li a:hover,
header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-item a,
header#pq-header .pq-bottom-header .navbar .navbar-nav li.current_page_item a,
header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover a,
header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-ancestor a {
     color: var(--primary-color);
}

/* Only top-level menu links */
header#pq-header .pq-bottom-header .navbar .navbar-nav>li>a {
     position: relative;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav>li>a::before {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 0;
     width: 0;
     height: 1px;
     background: var(--primary-color);
     transform: translateX(-50%);
     transition: width 0.35s ease;
}

/* Active states for top-level items only */
header#pq-header .pq-bottom-header .navbar .navbar-nav>li>a:hover::before,
header#pq-header .pq-bottom-header .navbar .navbar-nav>li>a:focus::before,
header#pq-header .pq-bottom-header .navbar .navbar-nav>li.current-menu-item>a::before,
header#pq-header .pq-bottom-header .navbar .navbar-nav>li.current_page_item>a::before,
header#pq-header .pq-bottom-header .navbar .navbar-nav>li.current-menu-ancestor>a::before,
header#pq-header .pq-bottom-header .navbar .navbar-nav>li:hover>a::before {
     width: 100%;
}

/* ===== Sub Menu Bar =====  */

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu {
     display: none;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover .sub-menu {
     display: block;
     background: var(--white-color);
     position: absolute;
     top: 100%;
     left: 0;
     padding-left: 0;
     width: 220px;
     z-index: 999;
     border-radius: var(--pq-border-radius);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li {
     line-height: 2;
     padding: 0;
     margin: 0;
     display: inline-block;
     width: 100%;
     position: relative;
     color: var(--secondary-color);
     transition: all 0.5s ease;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:first-child a {
     border-top-left-radius: var(--pq-border-radius);
     border-top-right-radius: var(--pq-border-radius);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:last-child a {
     border-bottom-left-radius: var(--pq-border-radius);
     border-bottom-right-radius: var(--pq-border-radius);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a {
     line-height: 2;
     text-transform: capitalize;
     padding: 10px 15px;
     display: inline-block;
     width: 100%;
     color: var(--dark-color);
     font-size: 16px;
     font-weight: 400;
     position: relative;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a:focus,
header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a:hover,
header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item>a {
     background: var(--primary-color);
     color: var(--white-color);

}

/* ===== Navigation Sub Menu =====  */
header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li>.sub-menu {
     display: none;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu {
     position: absolute;
     top: 0;
     left: 100%;
     display: block;
     background: var(--white-color);
     padding-left: 0;
     display: inline-block;
     width: 200px;
     border-radius: var(--pq-border-radius);
     overflow: hidden;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li.menu-item-has-children:hover>a {
     color: var(--white-color);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li.menu-item-has-children:hover,
header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li.current-menu-ancestor {
     background: var(--primary-color);
     color: var(--white-color);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li.current-menu-ancestor>a {
     color: var(--white-color);
     background: var(--primary-color);
}

/* ===== style-2 =====  */
header#pq-header.pq-header-style-2 .pq-bottom-header .navbar .navbar-brand img {
     width: 119px;
}

header#pq-header.pq-header-style-2 .pq-bottom-header .navbar {
     justify-content: space-between;
}

header#pq-header.pq-header-style-2 {
     padding: 0;
}

header#pq-header.pq-header-style-2 .pq-bottom-header {
     padding: 0;
     border-bottom: 1px solid rgb(255, 255, 255, 0.1);
}

.pq-header-style-2 .pq-bottom-header .navbar .navbar-collapse {
     justify-content: center;
     flex-grow: inherit;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu {
     display: flex;
     padding: 0;
     margin: 0;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item {
     list-style: none;
     margin-right: 30px;
     position: relative;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item:last-child {
     padding-right: 0;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item a {
     transition: var(--transition-duration);
     line-height: 100px;
     display: inline-block;
     font-family: var(--body-fonts);
     font-size: 18px;
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item:hover>a {
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item.current-menu-item>a {
     color: var(--primary-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item i {
     margin-left: 6px;
     font-size: 14px;
     line-height: 22px;
     transition: var(--transition-duration);
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item:hover>i {
     color: var(--primary-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item.current-menu-item>i {
     color: var(--primary-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu {
     display: none;
     padding: 0;
     margin: 0;
     position: absolute;
     top: 100%;
     left: 0;
     width: 220px;
     background-color: var(--white-color);
     z-index: 11;
     border-radius: 10px;
     box-shadow: 0px 0px 20px 0px rgba(28, 46, 22, 0.2);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item:hover .sub-menu {
     display: block;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item {
     line-height: 0;
     display: block;
     margin-right: 0;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item a {
     display: block;
     font-size: 16px;
     font-weight: normal;
     padding: 10px 15px;
     line-height: 35px;
     text-decoration: none;
     text-transform: capitalize;
     transition: var(--transition-duration);
     position: relative;
     color: var(--dark-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item:first-child>a {
     border-radius: 10px 10px 0 0;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item:last-child>a {
     border-radius: 0 0 10px 10px;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item:hover a {
     color: var(--white-color);
     background-color: var(--primary-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item.current-menu-item a {
     color: var(--white-color);
     background-color: var(--primary-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item.current-menu-item i {
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item i {
     position: absolute;
     right: 10px;
     top: 10px;
     font-size: 14px;
     line-height: 34px;
     transform: rotate(270deg);
     transition: var(--transition-duration);
     color: var(--dark-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item:hover i {
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item .sub-menu {
     display: none;
     position: relative;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item:hover .sub-menu {
     display: block;
     position: absolute;
     top: 0;
     left: 100%;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
     background-color: var(--white-color);
     color: var(--dark-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item.current-menu-item .sub-menu .menu-item.current-menu-item .sub-menu .menu-item.current-menu-item a {
     background-color: var(--primary-color);
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item:hover a {
     background-color: var(--primary-color);
     color: var(--white-color);
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item:first-child>a {
     border-radius: 10px 10px 0 0;
}

.pq-header-style-2 .pq-bottom-header .pq-menu-contain .pq-main-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item:last-child>a {
     border-radius: 0 0 10px 10px;
}

.pq-header-style-2 .pq-bottom-header .navbar .navbar-toggler {
     font-size: 22px;
     line-height: 30px;
     border-radius: 100%;
     background-color: var(--primary-color);
}

.pq-header-style-2 .pq-shop-btn .pq-cart-button {
     margin-right: 0;
}

.pq-header-style-2 .pq-bottom-header .pq-header-right {
     display: flex;
     gap: 20px;
     align-items: center;
}


@media(max-width:1279px) {

     header#pq-header.pq-header-style-1 .pq-bottom-header {
          padding: 20px 0 0 0;
     }

     header#pq-header .pq-bottom-header {
          padding: 20px 0 0 0;
     }

     header#pq-header .pq-bottom-header .navbar {
          justify-content: flex-start;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-collapse {
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          padding: 0;
          background: var(--white-color);
          overflow-y: auto;
          overflow-x: hidden;
          z-index: 9999;
     }

     /* Top level items */
     header#pq-header .pq-bottom-header .navbar .navbar-nav li {
          position: relative;
          width: 100%;
          height: auto;
          line-height: 50px;
          margin: 0;
          padding: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li a {
          display: block;
          width: 100%;
          padding: 0 15px;
          color: var(--dark-color);
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li>a:focus,
     header#pq-header .pq-bottom-header .navbar .navbar-nav li>a:hover {
          color: var(--white-color);
          background-color: var(--primary-color);
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:first-child a {
          border-top-left-radius: 0;
          border-top-right-radius: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:last-child a {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a:hover {
          color: var(--white-color) !important;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li a::before {
          display: none !important;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-item>a,
     header#pq-header .pq-bottom-header .navbar .navbar-nav li.current_page_item>a,
     header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover>a,
     header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-ancestor>a {
          color: var(--white-color) !important;
          background-color: var(--primary-color);
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu {
          display: none;
          position: static !important;
          width: 100% !important;
          margin: 0;
          padding: 0;
          box-shadow: none;
          border-radius: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu.show {
          display: block;
     }

     .navbar-expand-xl .navbar-toggler {
          display: block !important;
          width: 50px;
          height: 50px;
          padding: 0;
          margin: 0;
          font-size: 22px;
          line-height: 50px;
          color: var(--white-color);
          background-color: var(--primary-color);
          border: 0;
          border-radius: 50%;
          box-shadow: none !important;
          outline: none;
          margin-left: auto;
     }

     .navbar-expand-lg .navbar-toggler:focus {
          box-shadow: none !important;
          outline: none;
     }

     header#pq-header.pq-header-style-2 .pq-bottom-header {
          padding: 20px 0;
     }  
}

@media(max-width:767px) {
     header#pq-header .pq-bottom-header .navbar .pq-btn-container {
          display: none;
     }

     .pq-header-style-2 .pq-shop-btn .pq-cart-button {
          display: none;
     }
}

/* ===== Header cart Sidebar =====  */

.pq-shop-btn .pq-cart-button {
     list-style-type: none;
     margin-right: 10px;
     padding: 0;
     position: relative;
}

.pq-shop-btn .pq-cart-button>a {
     color: var(--white-color);
     position: relative;
     line-height: 1;
     padding: 0 0 0;
     font-size: 30px;
     transform: rotateY(180deg);
}

header#pq-header.pq-header-style-2 .pq-shop-btn .pq-cart-button>a {
     color: var(--white-color);
     line-height: 60px;
}

.pq-shop-btn .pq-cart-button .basket-item-count {
     font-size: 12px;
     font-weight: 400;
     background: var(--primary-color);
     color: var(--white-color);
     position: absolute;
     top: 0px;
     right: -9px;
     height: 18px;
     width: 18px;
     line-height: 18px;
     text-align: center;
     border-radius: 90px;
     padding: 0;
}

.pq-cart-button .offcanvas {
     padding: 75px 30px 45px;
     border: 0;
     display: block;
     position: fixed;
     z-index: 1050;
     background-color: var(--white-color) !important;
     transform: translateX(100%) !important;
     width: 400px !important;
     transition: all 0.3s ease-in-out;
}

.pq-cart-button .offcanvas.show {
     transform: none !important;
}

.pq-cart-button .offcanvas .pq-cart-header h3.modal-title {
     font-size: 24px;
     font-weight: 400;
     margin-bottom: 30px;
}

.pq-cart-button .widget_shopping_cart_content {
     height: calc(100vh - 275px);
}

.pq-cart-button .widget_shopping_cart_content .product_list_widget {
     height: 100%;
     overflow: auto;
}

.pq-cart-button ul.product_list_widget li.mini_cart_item {
     margin: 0 0 30px;
     padding: 0;
     list-style: none;
     display: inline-block;
     width: 100%;
     position: relative;
}

.pq-cart-button ul.cart_list li img,
ul.product_list_widget li img {
     width: 80px;
     float: left;
     margin-left: 0;
     margin-right: 15px;
}

.pq-cart-button ul.cart_list li a {
     display: block;
     color: var(--dark-color);
     text-decoration: none;
     font-weight: 600;
     padding-right: 30px;
     line-height: normal;
}

.pq-cart-button ul.product_list_widget a.remove {
     float: right;
     right: 15px;
     top: 3px;
     left: inherit;
     margin: auto 0;
     font-size: 20px;
     font-weight: 400;
     position: absolute;
     padding: 0;
     line-height: 1;
     height: 1em;
     width: 1em;
     color: var(--secondary-color);
     text-align: center;
     background: transparent;
}

.pq-cart-button ul.product_list_widget a.remove:hover {
     color: var(--dark-color);
}

.pq-cart-button .pq-items-mini-cart__total.total {
     margin-bottom: 15px;
     margin-top: 15px;
}

.pq-cart-button .pq-items-mini-cart__total.total strong {
     font-weight: 600;
     color: var(--dark-color);
}

.pq-cart-button .pq-items-mini-cart__total.total .pq-items-Price-amount.amount {
     float: right;
     color: var(--dark-color);
     font-weight: 600;
}

.pq-cart-button .pq-items-mini-cart__buttons .button {
     display: block;
     text-align: center;
     margin-bottom: 10px;
     border: 1px solid transparent;
}

.pq-cart-button .pq-items-mini-cart__buttons .button:hover {
     background: var(--dark-color);
}

.pq-cart-button .pq-items-mini-cart__buttons .button.checkout {
     margin-bottom: 0;
     background: none;
     border: 1px solid var(--dark-color);
     color: var(--dark-color);
}

.pq-cart-button .pq-items-mini-cart__buttons .button.checkout:hover {
     background: var(--dark-color);
     border-color: var(--dark-color);
     color: var(--white-color);
}

.pq-cart-button p {
     margin-bottom: 0;
}

.pq-cart-button .btn-close {
     line-height: 1;
     padding: 0;
     color: var(--white-color);
     font-size: 14px;
     position: absolute;
     top: 30px;
     right: 30px;
     width: 50px;
     height: 50px;
     line-height: 56px;
     opacity: 1;
     background: var(--primary-color);
     box-shadow: none;
     transition: var(--transition);
}

.pq-cart-button .btn-close:hover {
     background: var(--dark-color);
     color: var(--white-color);
}

header#pq-header .pq-bottom-header .navbar .pq-btn-container {
     padding-left: 20px;
     margin-left: 20px;
     border-left: 1px solid var(--white-color);
}

/* ===================================
Section Title
===================================== */

.pq-section-title .pq-title .pq-title-subtitle {
     position: relative;
     text-transform: uppercase;
     color: var(--primary-color);
     display: inline-block;
     letter-spacing: 0.04em;
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 1em;
}

.pq-section-title .pq-title .pq-title-subtitle::before {
     content: "";
     position: absolute;
     background-color: var(--primary-color);
     left: 50%;
     top: 23px;
     width: 100%;
     height: 0.1px;
     z-index: 1;
     transform: translate(-50%, -50%);
}

.pq-section-title .pq-title .pq-title-subtitle::after {
     content: "";
     position: absolute;
     background-color: var(--primary-color);
     left: 50%;
     top: 20px;
     width: 91%;
     height: 0.1px;
     z-index: 1;
     transform: translate(-50%, -50%);
}

.pq-section-title .pq-title .pq-title-heading {
     font-size: clamp(2.25rem, 1.5rem + 2vw, 3.5rem);
     text-transform: uppercase;
}

.pq-section-title.text-center {
     padding: 0 18%;
     margin-bottom: 80px;
}

.pq-section-title .pq-title .pq-title-description {
     font-size: 18px;
     line-height: 1.8;
     color: var(--secondary-color);
     margin: 0;
}

@media(max-width:1099px) {
     .pq-section-title.text-center {
          padding: 0 16%;
     }
}

@media(max-width:1024px) {
     .pq-section-title.text-center {
          margin-bottom: 40px;
     }
}

@media(max-width:1023px) {
     .pq-section-title.text-center {
          padding: 0 13%;
     }
}

@media(max-width:767px) {
     .pq-section-title.text-center {
          padding: 0 0;
     }
}

/* ===================================
Isotope Portfolio
===================================== */

.pq-masonry .pq-portfolio-box .pq-portfolio-info {
     text-transform: uppercase;
     margin-top: 15px;
}

.pq-masonry .pq-portfolio-box .pq-portfolio-img {
     overflow: hidden;
     scale: 1;
}

.pq-masonry .pq-portfolio-box:hover .pq-portfolio-img img {
     scale: 1.06;
     transition: all .5s ease-in-out;
}

.pq-masonry .pq-portfolio-box .pq-portfolio-info .pq-portfolio-tag a {
     color: var(--dark-color);
}

.pq-grid-item.visible_item,
.pq-masonry-item.visible_item {
     display: none;
}

.pq-filters .pq-filter-button-group ul {
     margin: 0 0 45px;
     padding: 0;
     display: inline-block;
     width: 100%;
     text-align: center;
}

.pq-filters .pq-filter-button-group ul li {
     font-family: var(--body-fonts);
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     letter-spacing: 1px;
     text-transform: uppercase;
     list-style: none;
     color: var(--dark-color);
     display: inline-block;
     cursor: pointer;
     padding: 8px 24px;
     transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
}

.pq-filters .pq-filter-button-group ul li:last-child {
     margin-right: 0;
}

.pq-filters .pq-filter-button-group ul li.active,
.pq-filters .pq-filter-button-group ul li.active:hover {
     background: var(--primary-color);
     color: var(--white-color);
     border-radius: var(--big-border-radius);
}

.pq-filters .pq-filter-button-group .pq-filter-btn {
     font-size: 18px;
     line-height: 26px;
}

.pq-filters .pq-filter-button-group ul li:hover {
     color: var(--dark-color);
}

.pq-grid {
     width: 100%;
}

.pq-grid:after {
     content: '';
     display: block;
     clear: both;
}

.pq-col-3 {
     width: 25%;
     padding: 0 15px 30px;
}

.pq-col-6 {
     width: 50%;
     padding: 0 15px 30px;
}

.pq-col-4 {
     width: 33.33%;
     padding: 0 15px 30px;
}

.pq-grid.no-padding .pq-grid-item,
.pq-masonry.no-padding .pq-masonry-item {
     padding: 0;
}

.pq-btn-load-container {
     margin-top: 30px;
     display: inline-block;
     width: 100%;
}

.pq-btn-load-container a.pq-button {
     cursor: pointer;
}

.pq-grid.style-2 .pq-portfoliobox-1 .pq-portfolio-img {
     overflow: hidden;
}

.pq-grid.style-2 .pq-portfoliobox-1 .pq-portfolio-info {
     position: relative;
     bottom: 0;
     left: 0;
     background: transparent;
     padding-left: 0;
     padding-bottom: 0;
     opacity: 1;
}

.pq-grid.style-2 .pq-portfoliobox-1 a.pq-portfolio-icon-bg {
     display: none;
}

.pq-grid.style-2 .pq-grid-item:nth-child(1) .pq-portfoliobox-1 {
     margin-top: 60px;
}

.pq-grid.style-2 .pq-col-6 {
     padding: 0 30px 45px;
     padding-bottom: 45px;
}

/*===== Portfolio Masonry =====*/
.pq-masonry {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.pq-masonry .ipt-lg-6 {

     width: 50%;
     padding: 0 15px 30px;
}

.pq-masonry .ipt-lg-4 {
     width: 33.333%;
     padding: 0 15px 30px;
}

.pq-masonry .ipt-lg-3 {
     width: 25%;
     padding: 0 15px 30px;
}

.pq-masonry-item.visible_item {
     display: none !important;
}

.pq-grid-item.visible_item {
     display: none !important;
}

.pq-job-item.visible_item {
     display: none !important;
}

.pq-job-grid-item.visible_item {
     display: none !important;
}

.masonry-col-2 .pq-filters,
.masonry-col-3 .pq-filters,
.masonry-col-4 .pq-filters,
.infinite-scroll .pq-filters {
     display: none;
}

@media(max-width:1199px) {
     .pq-masonry .ipt-lg-3 {
          width: 33.333%;
     }
}

@media(max-width:1023px) {

     .pq-masonry .ipt-lg-4,
     .pq-masonry .ipt-lg-3 {
          width: 50%;
     }

     .pq-grid .pq-col-4 {
          width: 50%;
     }

     .pq-grid .pq-portfolio-img img {
          width: 100%;
          height: 450px;
          object-fit: cover;
          display: block;
     }
}

@media(max-width:799px) {
     .pq-grid .pq-portfolio-img img {
          width: 100%;
          height: 345px;
          object-fit: cover;
          display: block;
     }
}

@media(max-width:767px) {

     .pq-masonry .ipt-lg-6,
     .pq-masonry .ipt-lg-4,
     .pq-masonry .ipt-lg-3 {
          width: 100%;
          padding: 0 0 30px;
     }

     .pq-grid .pq-col-4 {
          width: 100%;
     }
}

/* ===================================
Portfolio
===================================== */

/* ===== dish-collection =====  */

.pq-hover-below {
     position: relative;
}

.pq-hover-below .pq-portfolio-img {
     overflow: hidden;
     border-radius: var(--pq-border-radius);
}

.pq-hover-below .pq-portfolio-img img {
     transition: var(--transition);
}

.pq-hover-below:hover .pq-portfolio-img img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.pq-hover-below .pq-potfolio-content {
     margin-top: 30px;
}

.pq-hover-below .pq-potfolio-content .pq-portfolio-category {
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.04em;
     font-weight: 400;
     text-transform: uppercase;
     color: var(--primary-color);
}

.pq-hover-below .pq-potfolio-content .pq-portfolio-category a {
     text-decoration: none;
}

.pq-hover-below .pq-potfolio-content .pq-button {
     margin-top: 15px;
}

/*===== Portfolio Fade =====*/
.pq-hover-fade {
     position: relative;
}

.pq-hover-fade .pq-portfolio-img {
     overflow: hidden;
     border-radius: var(--border-radius);
     margin-bottom: 0;
}

.pq-hover-fade .pq-portfolio-img img {
     transition: var(--transition);
}

.pq-hover-fade:hover .pq-portfolio-img img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.pq-hover-fade .pq-potfolio-content {
     opacity: 0;
     max-width: unset;
     position: absolute;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     padding: 30px;
     background: rgba(var(--primary-color-rgb), .9);
     will-change: opacity;
     border-radius: var(--border-radius);
     transition: var(--transition);
     transform: scale(0.9);
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
}

.pq-hover-fade:hover .pq-potfolio-content {
     opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
}

.pq-hover-fade .pq-potfolio-content .pq-portfolio-category {
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.04em;
     font-weight: 400;
     text-transform: uppercase;
     color: var(--white-color);
     margin-bottom: 5px;
}

.pq-hover-fade .pq-potfolio-content .pq-portfolio-category a,
.pq-hover-fade .pq-potfolio-content .pq-portfolio-title a {
     color: var(--white-color);
     text-decoration: none;
}


.pq-hover-fade .pq-potfolio-content .pq-button-rounded {
     position: absolute;
     top: 30px;
     right: 30px;
     z-index: 1;
     transition: var(--transition);
     transform: scale(0);
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     text-decoration: none;
}

.pq-hover-fade:hover .pq-potfolio-content .pq-button-rounded {
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
}

.pq-hover-fade .pq-post-link {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 9;
     text-decoration: none;
}

/*===== Portfolio Slide =====*/
.pq-hover-slide {
     position: relative;
     border-radius: var(--pq-border-radius);
     overflow: hidden;
}

.pq-hover-slide .pq-portfolio-img {
     overflow: hidden;
     position: relative;
     border-radius: var(--pq-border-radius);
}

.pq-hover-slide .pq-portfolio-img img {
     transition: var(--transition);
}

.pq-hover-slide:hover .pq-portfolio-img img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.pq-hover-slide .pq-potfolio-content {
     position: absolute;
     left: 30px;
     right: 30px;
     bottom: 30px;
     background: rgba(var(--primary-color-rgb), .7);
     backdrop-filter: blur(20px);
     padding: 30px;
     text-align: center;
     border-radius: var(--pq-border-radius);
     transition: var(--transition);
     transform: scale(0.9);
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
     opacity: 0;
     z-index: 9;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(4, 20, 36, 0.1);
     -moz-box-shadow: 0px 0px 25px 0px rgba(4, 20, 36, 0.1);
     box-shadow: 0px 0px 25px 0px rgba(4, 20, 36, 0.1);
}

.pq-hover-slide:hover .pq-potfolio-content {
     opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
}

.pq-hover-slide .pq-potfolio-content .pq-portfolio-category {
     font-size: 22px;
     line-height: 30px;
     letter-spacing: 0.04em;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--white-color);
     margin-bottom: 5px;
}

.pq-hover-slide .pq-potfolio-content .pq-portfolio-category a {
     color: var(--white-color);
     text-decoration: none;
     font-family: var(--title-fonts);
}

.pq-potfolio-content .pq-portfolio-title {
     font-size: 32px;
     line-height: 40px;
}

.pq-potfolio-content .pq-portfolio-title a {
     text-decoration: none;
     color: var(--white-color);
     text-transform: capitalize;
}

.pq-potfolio-content .pq-button {
     margin-top: 15px;
}

@media(max-width:1199px) {
     .pq-hover-slide .pq-potfolio-content {
          left: 15px;
          right: 15px;
          bottom: 15px;
     }
}

@media(max-width:767px) {
     .pq-hover-slide .pq-potfolio-content {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
     }

     .pq-hover-slide .pq-potfolio-content .pq-portfolio-title {
          font-size: 24px;
          line-height: 32px;
     }
}

/*===== Portfolio Load More Button =====*/
.pq-loadmore-button {
     margin: 0 0 0 0;
     display: inline-block;
     width: 100%;
}

/*===== Portfolio End Message =====*/
.pq-end-meassge {
     color: var(--dark-color);
     text-align: center;
     background: var(--grey-color);
     padding: 10px;
     text-transform: uppercase;
     font-family: var(--title-fonts);
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     letter-spacing: 0.04em;
     border-radius: var(--pq-border-radius);
     display: none;
}

.visible {
     display: block;
}

/*===== Portfolio Loader Icon =====*/
#pq-loaderIcon {
     display: none;
     text-align: center;
     margin: 20px auto;
}

.pq-dots {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 30px;
}

.pq-dot {
     width: 12px;
     height: 12px;
     background-color: #333;
     border-radius: 50%;
     animation: bounce 1.4s infinite ease-in-out both;
}

.pq-dot:nth-child(1) {
     animation-delay: -0.32s;
}

.pq-dot:nth-child(2) {
     animation-delay: -0.16s;
}

@keyframes bounce {

     0%,
     80%,
     100% {
          transform: scale(0);
     }

     40% {
          transform: scale(1);
     }
}

/* ===================================
Image Marquee
===================================== */

/*===== style-1 =====*/

.pq-marquee-container.pq-style-1 {
     overflow: hidden;
     display: flex;
     align-items: center;
}

.pq-marquee-container.pq-style-1 .pq-marquee-track {
     display: flex;
     width: max-content;
     animation-name: pq-marquee-anim;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}

.pq-left-to-right .pq-marquee-container.pq-style-1 .pq-marquee-track {
     animation-name: pq-marquee-anim-2;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}

.pq-marquee-container.pq-style-1 .pq-marquee-sequence {
     display: flex;
}

.pq-marquee-container.pq-style-1 .pq-marquee-item {
     white-space: nowrap;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-weight: 800;
     font-size: 90px;
     line-height: 1;
     color: var(--white-color);
     font-family: var(--title-fonts);
     opacity: .4;
}

/* Global Keyframes */
@keyframes pq-marquee-anim {
     from {
          transform: translateX(0);
     }

     to {
          transform: translateX(-50%);
     }
}

@keyframes pq-marquee-anim-2 {
     from {
          transform: translateX(-50%);
     }

     to {
          transform: translateX(0);
     }
}

.pq-marquee-container.pq-style-1.pause-on-hover:hover .pq-marquee-track {
     animation-play-state: paused;
}

/* ===================================
Pricing Plan
===================================== */

.pq-pricing-plan-box .pq-pricing-plan-list {
     color: var(--white-color);
     display: grid;
     grid-template-columns: auto 1.7fr 1.7fr 0.7fr;
     justify-items: end;
     align-items: center;
     gap: 90px;
     padding: 60px 0px;
     border-bottom: 1px solid rgb(51, 60, 60);
}

.pq-pricing-plan-box .pq-pricing-plan-list:first-child {
     padding: 0px 0px 60px;
}

.pq-pricing-plan-box .pq-pricing-plan-list:last-child {
     padding: 60px 0px 0px;
     border-width: medium;
     border-style: none;
     border-color: currentcolor;
     border-image: initial;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-number span {
     font-size: 32px;
     line-height: 40px;
     font-family: var(--title-fonts);
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-media {
     display: flex;
     align-items: center;
     gap: 30px;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-media .pq-pricing-plan-img img {
     width: 130px;
     border-radius: 5px;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-media .pq-pricing-plan-info .pq-pricing-plan-title {
     color: var(--white-color);
     margin-bottom: 5px;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-media .pq-pricing-plan-info .pq-pricing-plan-desc {
     margin: 0px;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-center {
     position: relative;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-center .pq-pricing-plan-ingredients {
     margin: 0px;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-center .pq-pricing-plan-img {
     position: absolute;
     top: -182%;
     left: 15%;
     transform: scale(0);
     transition: var(--transition);
}

.pq-pricing-plan-box .pq-pricing-plan-list:hover .pq-pricing-plan-center .pq-pricing-plan-img {
     transform: scale(1);
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-price-list {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: 5px;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-price-list .pq-pricing-plan-price {
     font-size: 32px;
     line-height: 40px;
     font-family: var(--title-fonts);
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-price-list .pq-pricing-plan-old-price {
     opacity: 0.7;
     text-decoration: line-through;
}

.pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-price-list .pq-pricing-plan-offers {
     margin-top: 15px;
     padding: 3px 20px;
     background: var(--primary-color);
     border-radius: 5px;
}

@media(max-width:1099px) {
     .pq-pricing-plan-box .pq-pricing-plan-list {
          gap: 40px;
     }

     .pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-center .pq-pricing-plan-img {
          width: 210px;
     }
}

@media(max-width:767px) {
     .pq-pricing-plan-box .pq-pricing-plan-list {
          grid-template-columns: 1fr;
          gap: 30px;
          text-align: left;
          justify-items: start;
          padding: 45px 0;
     }

     .pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-media {
          flex-direction: column;
          align-items: flex-start;
     }

     .pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-price-list {
          align-items: flex-start;
     }

     .pq-pricing-plan-box .pq-pricing-plan-list .pq-pricing-plan-center .pq-pricing-plan-img {
          width: 180px;
     }
}

/* ===== style-1 =====  */

.pq-pricing-plan-box.pq-style-1 .pq-pricing-plan-list {
     color: var(--dark-color);
}

.pq-pricing-plan-box.pq-style-1 .pq-pricing-plan-list .pq-pricing-plan-media .pq-pricing-plan-info h3 {
     color: var(--dark-color);
}

.pq-pricing-plan-box.pq-style-1 .pq-pricing-plan-list .pq-pricing-plan-price-list .pq-pricing-plan-offers {
     color: var(--white-color);
}

/* ===================================
Team Box
===================================== */

/* ===== style-1 =====  */

.pq-team-box.pq-style-1 {
     transition: var(--transition);
     position: relative;
     text-align: center;
}

.pq-team-box.pq-style-1 .pq-team-box-media {
     background: var(--grey-color);
     position: relative;
     margin: 0 auto;
     overflow: hidden;
     display: flex;
     align-items: flex-end;
     justify-content: center;
     border-radius: var(--pq-border-radius);
}

.pq-team-box.pq-style-1 .pq-team-box-media img {
     object-fit: cover;
     position: relative;
     transition: var(--transition);
}

.pq-team-box.pq-style-1:hover .pq-team-box-media img {
     transform: scale(1.1);
}

.pq-team-box.pq-style-1 .pq-team-box-media .pq-team-social {
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: center;
     gap: 10px;
     list-style: none;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 50px;
     z-index: 9;
     opacity: 0;
     transition: var(--transition);
}

.pq-team-box.pq-style-1:hover .pq-team-box-media .pq-team-social {
     opacity: 1;
}

@keyframes ec-social-fade-in {
     0% {
          opacity: 0;
          transform: translateY(15px) scale(0.95);
     }

     100% {
          opacity: 1;
          transform: translateY(0) scale(1);
     }
}

.pq-team-box.pq-style-1 .pq-team-box-media .pq-team-social li {
     opacity: 0;
     transform: translateY(20px) scale(0.95);
}

.pq-team-box.pq-style-1:hover .pq-team-box-media .pq-team-social li {
     animation: ec-social-fade-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.pq-team-box.pq-style-1:hover .pq-team-box-media .pq-team-social li:nth-child(1) {
     animation-delay: 0.08s;
}

.pq-team-box.pq-style-1:hover .pq-team-box-media .pq-team-social li:nth-child(2) {
     animation-delay: 0.16s;
}

.pq-team-box.pq-style-1:hover .pq-team-box-media .pq-team-social li:nth-child(3) {
     animation-delay: 0.24s;
}

.pq-team-box.pq-style-1:hover .pq-team-box-media .pq-team-social li:nth-child(4) {
     animation-delay: 0.32s;
}

.pq-team-box.pq-style-1 .pq-team-box-media .pq-team-social li i {
     background: var(--primary-color);
     color: var(--white-color);
     width: 46px;
     height: 46px;
     line-height: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--big-border-radius);
     font-size: 18px;
     transition: var(--transition);
}

.pq-team-box.pq-style-1 .pq-team-box-media .pq-team-social li i:hover {
     background: var(--dark-color);
     color: var(--white-color);
}

.pq-team-box.pq-style-1 .pq-team-info {
     margin-top: 20px;
}

.pq-team-box.pq-style-1 .pq-team-info .pq-team-name {
     margin-bottom: 5px;
     transition: var(--transition);
}

.pq-team-box.pq-style-1 .pq-team-info .pq-team-name:hover {
     color: var(--primary-color);
}

.pq-team-box.pq-style-1 .pq-team-info .pq-team-designation {
     color: var(--secondary-color);
}

@media(max-width:767px) {
     .pq-team-box.pq-style-1 .pq-team-info {
          margin-top: 20px;
     }
}

/* ===================================
Video Popup
===================================== */
.pq-video-popup {
     position: relative;
}

.pq-video-popup .pq-video-popup-img img {
     width: 100%;
     object-fit: cover;
     border-radius: var(--pq-border-radius);
}

.pq-popup-style-1 {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.popup-youtube {
     height: 78px;
     width: 78px;
     line-height: 78px;
     text-align: center;
     border-radius: var(--big-border-radius);
     backdrop-filter: blur(20px);
     display: inline-block;
     background: rgba(var(--white-color-rgb), .2);
     color: var(--white-color);
     font-size: 22px;
}

.popup-youtube a:hover,
.popup-youtube a:focus {
     color: var(--white-color) !important;
}

.pq-video-2 {
     position: relative;
}

.pq-video-2 .pq-popup-style-1 {
     position: absolute;
     bottom: 5%;
     top: auto;
     left: 4%;
     right: auto;
     transform: none;
}

.pq-video-2 .popup-youtube {
     background: var(--white-color);
     height: 66px;
     width: 66px;
     line-height: 76px;
     font-size: 20px;
}

.pq-video-2 .popup-youtube i {
     color: var(--dark-color);
}

.pq-video-3 .popup-youtube {
     background: var(--primary-color);
     height: 102px;
     width: 102px;
     line-height: 114px;
     font-size: 32px;
}

.pq-video-3 .popup-youtube i {
     color: var(--white-color);
}

.mfp-wrap .mfp-close {
     padding: 0;
     top: -50px;
     right: 0;
     font-size: 32px;
     opacity: 1;
     height: 50px;
     width: 50px;
     line-height: 50px;
     text-align: center;
     font-family: var(--body-fonts);
     color: var(--white-color);
     background-color: var(--primary-color);
     position: absolute;
     letter-spacing: 0;
     font-weight: 400;
}

.popup-youtube,
.popup-youtube:hover {
     color: var(--white-color);
}

.video-popup {
     position: relative;
     padding: 220px 0;
}

.video-popup:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 10px;
     background-image: url("../images/videopopup/bg-img-1.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 0.2;
     background-attachment: fixed;
}

.pq-video-wrapper {
     display: flex;
     flex-direction: column;
     gap: 30px;
     margin: 0 auto;
     align-items: center;
}

.pq-video-wrapper .pq-video-heading {
     max-width: 75%;
}

.pq-video-wrapper .pq-video-heading h2 {
     font-size: 68px;
     line-height: 76px;
     font-weight: 400;
     color: var(--white-color);
     text-align: center;
}

.pq-video-wrapper .pq-video-popup .pq-video-popup-icon {
     background: var(--primary-color);
     height: 102px;
     width: 102px;
     line-height: 102px;
     font-size: 32px;
     text-align: center;
     border-radius: var(--big-border-radius);
}

.pq-video-wrapper .pq-video-popup .pq-video-popup-icon i {
     color: var(--white-color);
}

@media(max-width:1365px) {
     .video-popup {
          padding: 110px 0;
     }

     .pq-video-wrapper {
          margin: 0 12%;
     }
}

@media(max-width:1099px) {
     .video-popup {
          padding: 70px 0;
     }

     .pq-video-wrapper {
          margin: 0 15%;
     }
}

@media(max-width:767px) {
     .pq-video-wrapper {
          margin: 0 0;
     }
}

@media(max-width:397px) {
     .pq-video-wrapper .pq-video-heading h2 {
          font-size: 42px;
          line-height: 50px;
     }
}

/* ===================================
Blog Post
===================================== */

/* ===== blog-post =====  */

.pq-blog-list-wrapper {
     margin-top: 80px;
}

.pq-blog-post.pq-list {
     position: relative;
     display: grid;
     grid-template-columns: 1.5fr 2fr auto;
     align-items: center;
     padding: 45px 0;
     gap: 60px;
     border-top: 1px solid rgba(var(--dark-color-rgb), .1);
     transition: var(--transition);
}

.pq-blog-post.pq-list:last-child {
     border-bottom: 1px solid rgba(var(--dark-color-rgb), .1);
}

.pq-blog-post.pq-list .pq-post-media {
     border-radius: var(--pq-border-radius);
     overflow: hidden;
     margin: 0;
}

.pq-blog-post.pq-list .pq-post-media img {
     min-height: 330px;
     width: 100%;
     object-fit: cover;
     transition: var(--transition);
}

.pq-blog-post.pq-list .pq-blog-contain {
     padding: 0;
     background-color: none;
     margin-bottom: 0;
}

.pq-blog-post.pq-list .pq-post-meta {
     margin-bottom: 30px;
}

.pq-blog-post.pq-list .pq-post-meta ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
     gap: 25px;
}

.pq-blog-post.pq-list .pq-post-meta ul li i {
     padding-right: 5px;
     color: var(--primary-color);
}

.pq-blog-post.pq-list .pq-post-meta ul li:hover i {
     color: var(--dark-color);
}

.pq-blog-post.pq-list .pq-blog-contain .pq-blog-title {
     margin-bottom: 30px;
}

.pq-blog-post.pq-list .pq-blog-contain .pq-blog-excerpt {
     margin-bottom: 0;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

.pq-blog-post.pq-list .pq-button.pq-button-rounded {
     background: transparent;
     color: var(--dark-color);
     border: 1px solid var(--dark-color);
     width: 82px;
     height: 82px;
     line-height: 90px;
     font-size: 26px;
}

.pq-blog-post.pq-list.pq-active .pq-blog-contain .pq-blog-title {
     color: var(--primary-color);
}

.pq-blog-post.pq-list:hover .pq-post-media img {
     transform: scale(1.1);
}

.pq-blog-post.pq-list:hover .pq-blog-contain .pq-blog-title {
     color: var(--primary-color);
}

.pq-blog-post.pq-list:hover .pq-button {
     transform: rotate(-32deg);
     background: var(--primary-color);
     border: 1px solid var(--primary-color);
     color: var(--white-color);
}

.pq-blog-post.pq-list.pq-active .pq-post-media img {
     transform: scale(1.1);
}

.pq-blog-post.pq-list.pq-active .pq-button {
     transform: rotate(-32deg);
     background: var(--primary-color);
     border: 1px solid var(--primary-color);
     color: var(--white-color);
}

@media (max-width: 991px) {
     .pq-blog-list-wrapper {
          margin-top: 45px;
     }

     .pq-blog-post.pq-list .pq-post-meta ul {
          flex-wrap: wrap;
          gap: 15px;
          align-items: center;
     }

     .pq-blog-post.pq-list {
          gap: 30px;
     }
}

@media(max-width:767px) {
     .pq-blog-post.pq-list {
          grid-template-columns: 1fr;
          border: none;
          padding: 0;
          margin-top: 30px;
     }

     .pq-blog-post.pq-list:first-child {
          margin-top: 0;
     }

     .pq-blog-post.pq-list .pq-post-meta {
          margin-bottom: 15px;
     }

     .pq-blog-post.pq-list .pq-blog-contain .pq-blog-title {
          margin-bottom: 15px;
     }

     .pq-blog-post.pq-list:last-child {
          margin-bottom: 0;
     }

     .pq-blog-post.pq-list:last-child {
          border: none;
     }

     .pq-blog-post.pq-list .pq-button.pq-button-rounded {
          width: 68px;
          height: 68px;
          line-height: 76px;
          font-size: 26px;
     }
}

/* ===== blog =====  */

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-media {
     position: relative;
     overflow: hidden;
     border-radius: var(--pq-border-radius);
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-media img {
     height: 505px;
     object-fit: cover;
     position: relative;
     width: 100%;
     display: block;
     transition: transform 0.5s ease;
}

.pq-blog-list .pq-blog-box.pq-style-1:hover .pq-blog-media img {
     transform: scale(1.1);
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-media .pq-blog-category a {
     position: absolute;
     right: 30px;
     top: 30px;
     background: var(--primary-color);
     padding: 5px 10px;
     color: var(--white-color);
     border-radius: 5px;
     z-index: 1;
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 30px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content::after {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: var(--pq-border-radius);
     background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0) 100%);
     z-index: 1;
     transition: var(--transition);
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content .pq-blog-date {
     margin-bottom: 4px;
     z-index: 9;
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content .pq-blog-date a {
     color: var(--white-color);
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content .pq-blog-date:hover a {
     color: var(--primary-color);
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content .pq-blog-title {
     z-index: 9;
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content .pq-blog-title a {
     color: var(--white-color);
}

.pq-blog-list .pq-blog-box.pq-style-1 .pq-blog-content .pq-blog-title:hover a {
     color: var(--primary-color);
}

/* ===== blog-list =====  */

.pq-blog-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     column-gap: 30px;
     row-gap: 50px;
}

.pq-blog-wrapper .pq-blog-post {
     display: inline-block;
     width: 100%;
}

.pq-blog-wrapper .pq-blog-post .pq-post-media {
     margin-bottom: 20px;
     overflow: hidden;
     position: relative;
     border-radius: var(--pq-border-radius);
}

.pq-blog-wrapper .pq-blog-post .pq-post-media::after {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(17, 17, 17, .3);
     border-radius: var(--pq-border-radius);
}

.pq-blog-wrapper .pq-blog-post .pq-post-media .pq-blog-image img {
     min-height: 250px;
     width: 100%;
     object-fit: cover;
     transition: var(--transition);
     display: block;
     border-radius: var(--pq-border-radius);
}

.pq-blog-wrapper .pq-blog-post:hover .pq-post-media .pq-blog-image img {
     transform: scale(1.1);
}

.pq-blog-wrapper .pq-blog-post .pq-post-media .pq-blog-image {
     position: relative;
     overflow: hidden;
}

.pq-blog-wrapper .pq-blog-post .pq-blog-contain .pq-post-meta {
     margin-bottom: 8px;
}

.pq-blog-wrapper .pq-blog-post .pq-blog-contain .pq-post-meta ul {
     padding: 0;
     margin: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
}

.pq-blog-wrapper .pq-blog-post .pq-blog-contain .pq-post-meta ul li {
     display: inline-block;
     text-align: center;
     transition: var(--transition);
     text-transform: capitalize;
}

.pq-blog-wrapper .pq-blog-post .pq-blog-contain .pq-post-meta ul li:hover {
     color: var(--primary-color);
}

.pq-blog-wrapper .pq-blog-post .pq-blog-contain .pq-blog-title a {
     margin-bottom: 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     text-transform: math-auto;
}

@media(max-width:1023px) {
     .pq-blog-wrapper {
          grid-template-columns: 1fr 1fr;
     }
}

@media(max-width:767px) {
     .pq-blog-wrapper {
          grid-template-columns: 1fr;
     }
}

/* ===== blog-single =====  */

.pq-blog-box-block {
     display: grid;
     grid-template-columns: 0.9fr 0.4fr;
     gap: 30px;
}

.pq-blog-box-block .pq-post-media {
     margin-bottom: 20px;
     overflow: hidden;
     border-radius: var(--pq-border-radius);
}

.pq-blog-box-block .pq-blog-image {
     overflow: hidden;
}

.pq-blog-box-block .pq-blog-image img {
     display: block;
     width: 100%;
     height: auto;
     transition: transform 0.6s ease;
}

.pq-blog-box-block .pq-post-media:hover .pq-blog-image img {
     transform: scale(1.1);
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-post-meta {
     margin-bottom: 8px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-post-meta ul {
     padding: 0;
     margin: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-post-meta ul li {
     text-align: center;
     transition: var(--transition);
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-post-meta ul li:hover {
     color: var(--primary-color);
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-post-meta ul li i {
     padding-right: 5px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details {
     display: flex;
     flex-direction: column;
     gap: 40px;
     border-top: 1px solid #2D2A2A2E;
     margin-top: 30px;
     padding-top: 30px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-excerpt-description {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-media {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-media img {
     max-width: 100%;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box {
     display: flex;
     flex-direction: row;
     gap: 30px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items {
     list-style: none;
     margin: 0;
     padding: 0;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item {
     margin: 7.5px 0px 0px;
     padding: 0px 0px 7.5px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item:first-child {
     margin: 0;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item:last-child {
     padding: 0;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item .pq-list-icon {
     padding-right: 3px;
     color: var(--primary-color);
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item .pq-list-icon-text {
     padding-left: 5px;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-bg-img {
     background-image: url(../images/blog/blog-4.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     padding: 60px 40px 60px 40px;
     border-radius: 20px;
     position: relative;
     overflow: hidden;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-bg-img::before {
     content: "";
     position: absolute;
     background-color: var(--dark-color);
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     opacity: 0.8;
     z-index: 1;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-bg-img .pq-bg-img-des .pq-des {
     color: var(--white-color);
     z-index: 2;
     position: relative;
}

.pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-bg-img .pq-bg-img-heading h6 {
     color: var(--white-color);
     z-index: 2;
     position: relative;
     text-transform: math-auto;
     text-align: end;
}

@media(max-width:1099px) {
     .pq-blog-box-block {
          grid-template-columns: 1fr;
     }

     .pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box {
          flex-direction: column;
          gap: 0px;
     }

     .pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item:last-child {
          padding: 0px 0px 7.5px;
     }

     .pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-list-block .pq-blog-list-box .pq-blog-list .pq-blog-list-items .pq-list-item:first-child {
          margin: 7.5px 0px 0px;
     }
}

@media(max-width:767px) {
     .pq-blog-box-block .pq-blog-post .pq-blog-contain .pq-blog-details .pq-blog-media {
          grid-template-columns: 1fr;
     }
}

/* ===================================
blog-navigation
===================================== */

.pq-single-post-navigation {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 45px 30px;
     margin: 30px 0px 40px;
     margin-bottom: 0;
     background: var(--grey-color);
     -webkit-border-radius: var(--pq-border-radius);
     -moz-border-radius: var(--pq-border-radius);
     border-radius: var(--pq-border-radius);
}

.single-post .pq-single-post-navigation {
     margin-bottom: 40px;
     margin-top: 30px;
}

.pq-single-post-navigation .pq-single-post-nav {
     position: relative;
     padding-left: 75px;
     display: inline-block;
     cursor: pointer;
}

.pq-single-post-navigation a:hover {
     color: var(--dark-color);
}

.pq-single-post-navigation .pq-single-post-nav:before {
     position: absolute;
     width: 60px;
     height: 60px;
     line-height: 60px;
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     content: "\f053";
     top: 50%;
     transform: translate(0, -50%);
     left: 0;
     font-size: 20px;
     color: var(--white-color);
     background: var(--dark-color);
     text-align: center;
     transition: all 0.5s ease-in-out;
     border-radius: var(--big-border-radius);
}

.pq-single-post-navigation .pq-single-post-nav.pq--next {
     padding-left: 0;
     padding-right: 75px;
     text-align: right;
}

.pq-single-post-navigation .pq-single-post-nav.pq--next:before {
     content: "\f054";
     right: 0;
     left: inherit;
}

.pq-single-post-navigation .pq-single-post-nav-title h4 {
     font-size: 24px;
     line-height: 32px;
}

.pq-single-post-nav-label {
     color: var(--dark-color);
     font-family: var(--title-fonts);
     font-size: 18px;
     line-height: 26px;
     text-transform: uppercase;
     transition: var(--transition);
}

.pq-single-post-navigation+h2+.pq-masonry {
     margin-left: -15px;
     margin-top: 30px;
}

.pq-single-post-navigation .pq-single-post-nav:hover .pq-single-post-nav-label {
     color: var(--dark-color);
}

.pq-single-post-navigation .pq-single-post-nav:hover:before {
     background: var(--primary-color);
}

.single-post .pq-blog-post {
     margin-bottom: 0;
}

.pq-single-post-bottom-holder {
     margin: 45px 0;
     padding: 15px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     align-content: center;
     border-bottom: 1px solid rgba(var(--dark-color-rgb), .2);
     border-top: 1px solid rgba(var(--dark-color-rgb), .2);
}

.pq-single-post-bottom-holder .pq-single-post-tags {
     display: flex;
     align-items: center;
}

.pq-single-post-bottom-holder .pq-single-post-tags-title {
     font-family: var(--title-fonts);
     color: var(--dark-color);
     text-transform: uppercase;
     font-weight: 400;
     display: inline-block;
}

.pq-single-post-shortcode-list {
     display: flex;
     gap: 10px;
}

.pq-facebook-share {
     background-color: var(--grey-color);
     padding: 15px;
     border-radius: 50%;
}

.pq-single-post-bottom-holder ul.pq-single-post-tags-list {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline-block;
}

.pq-single-post-bottom-holder ul.pq-single-post-tags-list li {
     margin: 0 0 0 8px;
     padding: 0;
     list-style: none;
     display: inline-block;
     vertical-align: middle;
}

.pq-single-post-bottom-holder ul.pq-single-post-tags-list li a {
     font-size: 16px;
     line-height: 24px;
     font-family: var(--title-fonts);
     text-transform: uppercase;
     background: var(--grey-color);
     margin: 0;
     display: inline-block;
     float: left;
     color: var(--dark-color);
     padding: 4px 16px;
     letter-spacing: 0.04em;
     border: 1px solid var(--grey-color);
     transition: all 0.5s ease-in-out;
     border-radius: var(--big-border-radius);
}

.pq-single-post-bottom-holder ul.pq-single-post-tags-list li a:hover {
     border-color: var(--primary-color);
     background: var(--primary-color);
     color: var(--white-color);
}

.pq-single-post-bottom-holder .pq-single-post-social-title {
     font-family: var(--title-fonts);
     color: var(--dark-color);
     text-transform: uppercase;
     font-weight: 400;
     display: inline-block;
}

.pq-single-post-bottom-holder ul.pq-single-post-shortcode-list {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline-flex;
}

.pq-single-post-bottom-holder ul.pq-single-post-shortcode-list li {
     margin: 0 0 0 8px;
     padding: 0;
     list-style: none;
}

.pq-single-post-bottom-holder ul.pq-single-post-shortcode-list li a {
     width: 50px;
     height: 50px;
     background: var(--grey-color);
     color: var(--dark-color);
     display: inline-block;
     text-align: center;
     line-height: 50px;
     -webkit-border-radius: var(--big-border-radius);
     -moz-border-radius: var(--big-border-radius);
     border-radius: var(--big-border-radius);
}

.pq-single-post-bottom-holder ul.pq-single-post-shortcode-list li a:hover {
     background: var(--primary-color);
     color: var(--white-color);
}

.pq-single-post-usernav .pq-user {
     background: var(--grey-color);
     padding: 30px;
     display: flex;
     align-items: flex-start;
     border-radius: var(--pq-border-radius);
}

.pq-single-post-usernav .pq-user .pq-user-media {
     margin-right: 30px;
}

.pq-single-post-usernav .pq-user .pq-user-media img {
     width: 180px;
     border-radius: var(--pq-border-radius);
     border: 1px solid rgba(var(--dark-color-rgb), .2);
}

.pq-single-post-usernav .pq-user-info .pq-user-title {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 5px;
     color: var(--dark-color);
}

.pq-single-post-usernav .pq-user-info .pq-user-sub-title {
     text-transform: capitalize;
     letter-spacing: 0.04em;
     color: var(--primary-color);
}

.pq-single-post-usernav .pq-user-description {
     margin-bottom: 0;
     margin-top: 10px;
}

.pq-blog.pq-single-post {
     padding: 0 30px 45px;
}

.pq-blog.pq-single-post h2 {
     margin-bottom: 30px;
     font-size: 28px;
     line-height: 36px;
}

.comment-respond {
     margin-top: 0;
     display: inline-block;
     width: 100%;
}

.pq-comment-area .comments-title,
.comment-respond .comment-reply-title {
     padding-top: 30px;
     position: relative;
     margin: 0;
     padding-bottom: 0;
     color: var(--primary-color);
     text-transform: math-auto;
}

.comment-respond .comment-reply-title a {
     font-weight: 400;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--primary-color);
     font-size: 60%;
     margin-left: 30px;
}

.comment-respond .comment-reply-title a:hover {
     color: var(--primary-color);
     text-decoration: none;
}

.commentlist {
     margin: 0;
     padding: 0;
     list-style: none;
}

.commentlist .comment {
     margin-top: 30px;
     margin-bottom: 0;
     vertical-align: top;
     padding: 0;
     list-style: none;
}

.commentlist .pq-comment-info {
     padding: 30px;
     border: 1px solid rgba(var(--dark-color-rgb), .2);
     position: relative;
     background: var(--white-color);
     -webkit-border-radius: var(--pq-border-radius);
     -moz-border-radius: var(--pq-border-radius);
     border-radius: var(--pq-border-radius);
}

.commentlist ol.children {
     padding-left: 60px;
}

.commentlist .pq-comment-wrap {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: center;
}

.commentlist .pq-comment-avatar {
     padding-right: 15px;
}

.commentlist .pq-comment-avatar img {
     -webkit-border-radius: var(--big--pq-border-radius);
     -moz-border-radius: var(--big--pq-border-radius);
     border-radius: var(--big--pq-border-radius);
     transition: var(--transition);
}

.commentlist .pq-comment-box {
     position: relative;
     display: inline-block;
     width: 100%;
}

.commentlist .pq-comment-box .title:hover {
     text-decoration: none;
     color: var(--primary-color);
}

.commentlist .comment-content p {
     margin: 0;
}

.commentlist .pq-comment-info .reply a {
     position: absolute;
     right: 30px;
     top: 30px;
     margin: 0;
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 0.04em;
}

.commentlist .pq-comment-info .reply a:hover {
     color: var(--primary-color);
     text-decoration: none;
}

.no-comments,
.comment-awaiting-moderation {
     font-style: italic;
     margin: 15px 0;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
     padding: 0;
     margin: 0 0 30px;
}

.comment-respond .comment-form-comment {
     margin-top: 0;
     margin-bottom: 30px;
     display: inline-block;
     width: 100%;
     float: left;
}

.comment-respond .comment-form-comment input {
     font-size: 16px;
     height: 56px;
     line-height: 56px;
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
     float: left;
     width: 31%;
     display: inline-block;
     margin: 0 15px 30px 0 !important;
}

.comment-respond .comment-form-author input,
.comment-respond .comment-form-email input,
.comment-respond .comment-form-url input {
     border-radius: 20px;
     font-size: 16px;
     height: 56px;
     line-height: 56px;
}

.comment-respond .comment-form-url {
     margin-right: 0;
}

.comment-respond .form-submit {
     display: inline-block;
     width: 100%;
     margin-bottom: 0;
     float: left;
}

.comment-respond .form-submit [type="submit"] {
     font-family: var(--title-fonts);
}

.commentlist .comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
     width: 31.52%;
     float: left;
}

ol.commentlist .pingback,
ol.commentlist .trackback {
     margin-left: 25px;
}

@media(max-width:1099px) {
     .blog-style-4 .pq-blog-box-block {
          display: flex;
          flex-direction: column;
          gap: 30px;
     }
}

@media(max-width:767px) {
     .blog-style-4 .pq-blog-box-block-grid .pq-blog-media {
          display: grid;
          grid-template-columns: 1fr;
          gap: 0;
     }

     .pq-single-post-navigation {
          padding: 45px 15px;
          display: block;
     }

     .pq-single-post-bottom-holder {
          margin: 30px 0;
          padding: 15px 0;
          display: flex;
          flex-direction: column;
          gap: 20px;
          align-items: start;
     }

     .pq-single-post-usernav .pq-user {
          padding: 15px;
          display: flex;
          flex-direction: row;
     }

     .comment-respond .comment-form-author,
     .comment-respond .comment-form-email,
     .comment-respond .comment-form-url {
          width: 100%;
          margin-bottom: 20px;
     }

     .blog-style-4 .pq-blog-title {
          font-size: 30px;
     }
}

@media(max-width:479px) {
     .pq-single-post-usernav .pq-user {
          flex-direction: column;
     }

     .pq-single-post-usernav .pq-user .pq-user-media {
          margin-bottom: 15px;
          margin-right: 0;
     }

     .pq-single-post-usernav .pq-user .pq-user-media img {
          width: 80px;
     }
}

/* ===================================
Recent Post
===================================== */

.pq-blog-wp-box {
     border: 1px solid #2d2a2a2e;
     padding: 30px 20px;
     border-radius: var(--pq-border-radius);
     height: fit-content;
}

.pq-widget_block {
     display: inline-block;
     width: 100%;
     margin-bottom: 30px;
     position: relative;
     padding: 30px;
     background: var(--grey-color);
     border-radius: var(--pq-border-radius);
}

.pq-widget_block:last-child {
     margin-bottom: 0;
}

.wp-block-search {
     position: relative;
}

.wp-block-search__inside-wrapper input {
     border-radius: 20px;
}

.wp-block-search .wp-block-search__button {
     position: absolute;
     top: 3px;
     right: -8px;
     color: var(--dark-color);
     background-color: transparent;
}

.wp-block-search .wp-block-search__button:before {
     content: "\e610";
     font-family: 'themify';
     font-weight: 400;
     font-size: 20px;
}

.wp-block-search-inside-wrapper {
     display: flex;
     flex: auto;
     flex-wrap: nowrap;
     max-width: 100%;
}

.wp-block-tag-cloud a:nth-child(-n+3) {
     display: inline-block;
     margin-bottom: 20px;
}

.wp-block-tag-cloud {
     margin-bottom: 0;
}

.wp-block-tag-cloud a:nth-child(n+4):nth-child(-n+5) {
     padding: 6px 16px;
}

.pq-recent-post {
     display: flex;
     align-items: center;
     margin-bottom: 30px;
}

.pq-wp-block-heading {
     margin-bottom: 20px;
     font-size: 26px;
     line-height: 34px;
     color: var(--dark-color);
     text-transform: math-auto;
}

.pq-widget-recent-post:last-child .pq-recent-post {
     margin-bottom: 0;
}

.pq-recent-post .pq-recent-post-media {
     margin-right: 15px;
}

.pq-recent-post .pq-recent-post-media img {
     width: 90px;
     height: 90px;
     border-radius: var(--pq-border-radius);
     object-fit: cover;
}

.pq-recent-post .pq-recent-post-info {
     flex: 1;
     align-self: center;
}

.pq-recent-post .pq-recent-post-info h6 {
     font-size: 18px;
     line-height: 1.6;
     margin-bottom: 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     color: var(--dark-color);
     font-family: var(--body-fonts);
     text-transform: math-auto;
}

.pq-recent-post .pq-recent-post-info .pq-post-date {
     font-family: var(--body-fonts);
     color: var(--dark-color);
     font-size: 16px;
}

.pq-recent-post .pq-recent-post-info .pq-post-date i {
     margin-right: 10px;
}

.wp-block-tag-cloud .tag-cloud-link {
     font-family: var(--body-fonts);
     font-size: 18px;
     text-transform: capitalize;
     background: var(--primary-color);
     letter-spacing: 0.04em;
     margin: 0 10px 10px 0;
     color: var(--white-color);
     padding: 4px 16px;
     border: 0px solid var(--grey-color);
     transition: all 0.5s ease-in-out;
     border-radius: 10px;
}

.widget_tag_cloud .tag-cloud-link:hover,
.wp-block-tag-cloud .tag-cloud-link:hover {
     border-color: var(--primary-color);
     background: var(--dark-color);
     color: var(--white-color);
}

.widget_nav_menu {
     background: var(--grey-color);
     padding: 30px;
     border-radius: 25px;
}

.widget_nav_menu .widget-title {
     font-size: 28px;
     color: var(--primary-color);
     margin-bottom: 25px;
     font-weight: 500;
}

.widget_nav_menu ul.menu {
     margin: 0;
     padding: 0;
}

.widget_nav_menu ul.menu li {
     list-style: none;
     margin-bottom: 18px;
}

.widget_nav_menu ul.menu li a {
     display: block;
     width: 100%;
     padding: 18px 22px;
     background: var(--white-color);
     border-radius: 20px;
     color: var(--dark-color);
     text-decoration: none;
     position: relative;
     border: 1px solid #ddd;
     transition: all 0.3s ease;
     font-size: 18px;
     font-family: var(--body-fonts);
}

.widget_nav_menu ul.menu li a::after {
     content: '\f054';
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 12px;
}

.widget_nav_menu ul.menu li.current-menu-item a,
.widget_nav_menu ul.menu li.current_page_item a {
     background: var(--primary-color);
     color: var(--white-color);
     border-color: var(--dark-color);
}

.widget_nav_menu ul.menu li a:hover {
     background: var(--primary-color);
     color: var(--white-color);
}

.widget_nav_menu ul.menu li:last-child {
     margin-bottom: 0;
}

.pq-wp-block-gallery {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 9px;
}

@media(max-width:767px) {
     .widget_nav_menu {
          padding: 15px;
     }

     .widget_nav_menu ul.menu li a {
          padding: 15px 20px;
     }
}

@media(max-width:767px) {
     .pq-widget_block {
          padding: 15px;
     }

     .pq-wp-block-heading {
          margin-bottom: 10px;
     }

     .pq-recent-post {
          display: flex;
          flex-direction: row;
          margin-bottom: 30px;
          align-items: start;
          gap: 20px;
     }
}

@media(max-width:397px) {
     .pq-recent-post {
          flex-direction: column;
     }
}

/* ===================================
Testimonial
===================================== */

/* ===== testimonial-style-1 =====  */

.pq-testimonial-box.pq-style-1 {
     border: 1px solid rgba(var(--dark-color-rgb), .2);
     border-radius: 220px 220px 0 0;
     padding: 60px 30px;
     text-align: center;
     transition: var(--transition);
}

.pq-testimonial-box.pq-style-1:hover {
     background-color: var(--primary-color);
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-author-img {
     display: flex;
     justify-content: center;
     margin-bottom: 15px;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-author-img .pq-author-img {
     width: 80px;
     height: 80px;
     border-radius: 50%;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-author-name {
     margin-bottom: 5px;
     transition: var(--transition);
}

.pq-testimonial-box.pq-style-1:hover .pq-testimonial-content .pq-testimonial-author-name {
     color: var(--white-color);
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-author-designation {
     display: inline-block;
     margin-bottom: 15px;
     transition: var(--transition);
}

.pq-testimonial-box.pq-style-1:hover .pq-testimonial-content .pq-testimonial-author-designation {
     color: var(--white-color);
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-author-description {
     font-style: italic;
     transition: var(--transition);
}

.pq-testimonial-box.pq-style-1:hover .pq-testimonial-content .pq-testimonial-author-description {
     color: var(--white-color);
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-rating {
     display: flex;
     justify-content: center;
     gap: 5px;
     font-size: 24px;
     color: var(--primary-color);
     transition: var(--transition);
}

.pq-testimonial-box.pq-style-1:hover .pq-testimonial-content .pq-testimonial-rating {
     color: var(--white-color);
}

/* ===== testimonial-style-2 =====  */

.testimonial {
     position: relative;
}

.testimonial .pq-testimonial-vector-img img {
     position: absolute;
     bottom: 0%;
     left: 15%;
}

.pq-testimonial-wrapper {
     display: grid;
     grid-template-columns: 1fr 1.5fr;
     gap: 60px;
}

.pq-testimonial-wrapper .pq-testimonial-content {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box {
     display: flex;
     gap: 30px;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box .pq-counter {
     border-right: 1px solid #d1cecb;
     padding-right: 30px;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box .pq-counter .pq-counter-num span {
     font-family: var(--title-fonts);
     font-size: 58px;
     font-weight: 400;
     line-height: 40px;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box .pq-rating-info {
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box .pq-rating-info .pq-rating-users {
     display: flex;
     width: auto;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box .pq-rating-info .pq-rating-users .pq-user-two {
     margin-left: -10px;
}

.pq-testimonial-wrapper .pq-testimonial-content .pq-rating-box .pq-rating-info .pq-rating-users .pq-user-three {
     margin-left: -10px;
}

.pq-updown-marquee.pq-style-1 {
     height: 70vh;
     overflow: hidden;
     -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
     mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
}

.pq-updown-marquee.pq-style-1 .pq-marquee.up-marquee {
     display: flex;
     flex-direction: column;
     animation: slideright 20s linear infinite;
}

.pq-updown-marquee.pq-style-1 .pq-marquee.up-marquee:hover {
     animation-play-state: paused;
}

@keyframes slideright {

     0% {
          transform: translateY(0);
     }

     100% {
          transform: translateY(-50%);
     }

}

.pq-marquee-testimonial.pq-style-1 {
     background: var(--white-color);
     padding: 40px;
     border-radius: var(--pq-border-radius);
     margin-bottom: 30px;
}

.pq-marquee-testimonial.pq-style-1:nth-child(odd) {
     margin-left: 180px;
}

.pq-marquee-testimonial.pq-style-1:nth-child(even) {
     margin-right: 180px;
}

.pq-marquee-testimonial.pq-style-1 .pq-testimonial-media {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 15px;
}

.pq-marquee-testimonial.pq-style-1 .pq-testimonial-author-img img {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     object-fit: cover;
}

.pq-marquee-testimonial.pq-style-1 .pq-testimonial-author-name {
     font-size: 28px;
     font-family: var(--title-fonts);
     margin: 0 0 5px 0;
     text-transform: uppercase;
     letter-spacing: 1px;
}

.pq-marquee-testimonial.pq-style-1 .pq-testimonial-star {
     color: #ff8a00;
     font-size: 20px;
     display: flex;
     gap: 5px;
}

.pq-marquee-testimonial.pq-style-1 .pq-testimonial-description {
     margin: 0;
}

@media(max-width:1099px) {
     .pq-testimonial-wrapper {
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .testimonial .pq-testimonial-vector-img img {
          display: none;
     }

}

@media(max-width:767px) {

     .pq-updown-marquee.pq-style-1 {
          height: 60vh;
     }

     .pq-marquee-testimonial.pq-style-1 {
          padding: 30px;
     }

     .pq-testimonial-wrapper .pq-updown-marquee.pq-style-1 .pq-marquee-testimonial.pq-style-1:nth-child(odd) {
          margin: 0;
     }

     .pq-testimonial-wrapper .pq-updown-marquee.pq-style-1 .pq-marquee-testimonial.pq-style-1:nth-child(even) {
          margin: 0;
     }

     .pq-marquee-testimonial.pq-style-1 .pq-testimonial-author-name {
          font-size: 22px;
     }

     .pq-updown-marquee.pq-style-1 .pq-marquee.up-marquee {
          gap: 30px;
     }

}

/* ===================================
Gallery
===================================== */

/* ===== gallery-style-1 =====  */

.pq-main-gallery {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
     margin-top: 60px;
}

.pq-main-gallery .pq-gallery-box {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-main-gallery .pq-gallery-box .pq-media a {
     position: relative;
     display: block;
}

.pq-main-gallery .pq-gallery-box .pq-media a::before {
     content: "\f11d";
     font-family: flaticon_restaurant !important;
     font-style: normal;
     font-weight: normal !important;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     font-size: 26px;
     color: var(--white-color);
     border: 2px solid var(--white-color);
     width: 68px;
     height: 68px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     transition: 0.3s ease;
     z-index: 3;
}

.pq-main-gallery .pq-gallery-box .pq-media:hover a:before {
     opacity: 1;
}

.pq-main-gallery .pq-gallery-box .pq-media a img {
     transition: var(--transition);
}

.pq-main-gallery .pq-gallery-box .pq-media:hover a img {
     filter: brightness(0.25);
}

@media(max-width:767px) {
     .pq-main-gallery {
          grid-template-columns: 1fr;
          margin-top: 40px;
     }
}

/* ===== gallery-style-2 =====  */

.gallery.pq-bg-grey {
     overflow: hidden;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-track {
     display: flex;
     width: max-content;
     animation-name: pq-marquee-anim;
     animation-duration: 15s !important;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     position: relative;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-track:last-child {
     gap: 30px;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-sequence {
     display: flex;
     overflow: hidden;
     gap: 30px;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-track:last-child {
     gap: 30px;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item {
     position: relative;
     overflow: hidden;
     border-radius: var(--pq-border-radius);
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item img {
     transition: transform 0.5s ease;
     display: block;
     object-fit: cover;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item:hover img {
     transform: scale(1.08);
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.65);
     opacity: 0;
     transition: opacity 0.35s ease;
     z-index: 2;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item .pq-button.pq-button-flat {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0.9);
     opacity: 0;
     transition: all 0.35s ease;
     z-index: 3;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item:hover::before {
     opacity: 1;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item:hover .pq-button.pq-button-flat {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1);
}

/* Global Keyframes */
@keyframes pq-marquee-anim {
     from {
          transform: translateX(0);
     }

     to {
          transform: translateX(-30%);
     }
}

.pq-image-scrool .pq-marquee-container.pq-style-2.pause-on-hover:hover .pq-marquee-track {
     animation-play-state: paused;
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item .pq-button.pq-button-flat::before {
     border: 1px solid var(--white-color);
}

.pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item .pq-button.pq-button-flat {
     color: var(--white-color);
     border: 1px solid var(--white-color);
}

@media(max-width:479px) {
     .pq-image-scrool .pq-marquee-container.pq-style-2 .pq-marquee-item img {
          width: 280px;
          height: 280px;
     }
}

.pq-marquee-progress {
     width: 100%;
     max-width: 420px;
     height: 5px;
     background: rgba(0, 0, 0, 0.15);
     position: relative;
     overflow: hidden;
     margin: 60px auto 0;
     border-radius: 5px;
}

/* progress bar */

.pq-marquee-progress-bar {
     height: 100%;
     background: var(--primary-color);
     display: block;
     width: 0%;
     position: relative;
     transition: width .35s linear;
     border-radius: 5px;
}

/* moving shine */

.pq-marquee-progress-bar::after {
     content: "";
     position: absolute;
     top: 0;
     right: -30px;
     width: 30px;
     height: 100%;
     background: linear-gradient(to right,
               rgba(255, 255, 255, 0),
               rgba(255, 255, 255, .6),
               rgba(255, 255, 255, 0));
     animation: pq-progress-shine 1.2s linear infinite;
}

@keyframes pq-progress-shine {

     0% {
          transform: translateX(-30px);
     }

     100% {
          transform: translateX(30px);
     }

}

@media(max-width:479px) {
     .pq-marquee-progress {
          max-width: 340px;
     }
}

@media(max-width:397px) {
     .pq-marquee-progress {
          max-width: 280px;
     }
}

/* ===== gallery-style-3 =====  */

.pq-gallery.pq-style-3 {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

.pq-gallery.pq-style-3 .pq-gallery-box {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-gallery.pq-style-3 .pq-gallery-box .pq-media a {
     position: relative;
     display: block;
}

.pq-gallery.pq-style-3 .pq-gallery-box .pq-media a::before {
     content: "\f11d";
     font-family: flaticon_restaurant !important;
     font-style: normal;
     font-weight: normal !important;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     font-size: 26px;
     color: var(--white-color);
     border: 2px solid var(--white-color);
     width: 68px;
     height: 68px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     transition: 0.3s ease;
     z-index: 3;
}

.pq-gallery.pq-style-3 .pq-gallery-box .pq-media:hover a:before {
     opacity: 1;
}

.pq-gallery.pq-style-3 .pq-gallery-box .pq-media a img {
     transition: var(--transition);
}

.pq-gallery.pq-style-3 .pq-gallery-box .pq-media:hover a img {
     filter: brightness(0.25);
}

@media(max-width:767px) {
     .pq-gallery.pq-style-3 {
          grid-template-columns: 1fr;
     }
}

/* ===================================
Advance Tab
===================================== */

.pq-advance-tab {
     display: flex;
     flex-direction: column;
     align-items: center;
}

#advance-nav-tab {
     display: inline-flex;
     align-items: center;
     border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: 50px;
     background: transparent;
     gap: 30px;
     margin-bottom: 90px;
     padding: 15px 30px;
}

.pq-menu #advance-nav-tab {
     border: 1px solid rgba(var(--dark-color-rgb), 0.2);
}

#advance-nav-tab .nav-link {
     color: var(--dark-color);
     background-color: var(--white-color);
     font-size: 18px;
     line-height: 1;
     padding: 16px 30px;
     border-radius: 30px;
     position: relative;
     border: none;
}

.pq-price-tab #advance-nav-tab .nav-link {
     color: var(--white-color);
     background-color: var(--dark-color);
     font-size: 18px;
     line-height: 26px;
     padding: 8px 20px;
     border-radius: 30px;
     position: relative;
     border: none;
}

.pq-menu #advance-nav-tab .nav-link {
     color: var(--dark-color);
}

.pq-price-tab #advance-nav-tab .nav-link:not(:last-child)::after {
     content: "/";
     position: absolute;
     right: -20px;
     color: rgba(255, 255, 255, 0.6);
}

.pq-menu #advance-nav-tab .nav-link:not(:last-child)::after {
     color: rgba(var(--dark-color-rgb), 0.2);
}

#advance-nav-tab .nav-link.active {
     background: var(--primary-color);
     color: var(--white-color);
}

@media(max-width:767px) {

     #advance-nav-tab {
          gap: 15px;
          padding: 10px 20px;
          margin-bottom: 60px;
     }

     .pq-price-tab #advance-nav-tab .nav-link:not(:last-child)::after {
          display: none;
     }
}

/* ===== style-1 =====  */

#advance-nav-tab.pq-style-1 {
     border: 1px solid rgb(15 26 26 / 20%);
}

.pq-price-tab #advance-nav-tab.pq-style-1 .nav-link {
     color: var(--dark-color);
     background-color: var(--white-color);
}

.pq-price-tab #advance-nav-tab.pq-style-1 .nav-link:not(:last-child)::after {
     color: rgb(15 26 26 / 20%);
}

#advance-nav-tab.pq-style-1 .nav-link.active {
     background: var(--primary-color);
     color: var(--white-color);
}

/* ===================================
Advance Tab
===================================== */

.pq-product-tab .pq-advance-tab {
     display: flex;
     justify-content: center;
     align-items: center;
}

.pq-product-tab #advance-nav-tab {
     display: flex;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: center;
     margin-bottom: 0;
     border: none;
     padding: 0;
}

.pq-product-tab #advance-nav-tab .nav-link {
     padding: 16px 30px;
     font-size: 18px;
     line-height: 1;
     color: var(--dark-color);
     border-radius: 40px;
     transition: all 0.4s ease;
     background-color: var(--white-color);
}


.pq-product-tab #advance-nav-tab .nav-link.active {
     background: var(--primary-color);
     color: var(--white-color);
     border-color: var(--primary-color);
}

.pq-product-tab #advance-nav-tab .nav-link:focus {
     box-shadow: none;
}

/* ===================================
Product
===================================== */

.pq-product-main {
     border-radius: 250px 250px 0 0;
     background-color: var(--white-color);
     padding: 45px;
}

.pq-menu .pq-product-main {
     background-color: var(--grey-color);
}

.pq-product-main .pq-product-item .pq-product-img-inner img {
     border-radius: var(--big-border-radius);
     height: 360px;
     object-fit: cover;
     transition: all 0.5s ease-in-out;
}

.pq-items ul.products li.product .pq-items-loop-product__title {
     transition: all 0.4s ease-in-out;
}

.pq-items ul.products li.product .pq-items-loop-product__title:hover {
     color: var(--primary-color);
}

.star-rating {
     position: relative;
     display: inline-block;
     font-size: 22px;
     line-height: 1;
     font-family: Arial, sans-serif;
}

/* ==========  STAR RATING ========== */

/* Center wrapper */
.pq-product-meta {
     text-align: center;
}

/* Star rating base */
.pq-items .star-rating {
     position: relative !important;
     display: inline-block !important;
     width: 8.4em !important;
     height: 32px !important;
     line-height: 32px !important;
     font-size: 18px !important;
     /* ⭐ STAR SIZE */
     font-family: WooCommerce !important;
     overflow: hidden !important;
     margin: 10px auto !important;
     float: none !important;
     letter-spacing: 5px !important;
}

.pq-items-Reviews-title .pq-star-rating {
     color: #FFB83F;
     font-size: 24px;
}

/* Empqy stars */
.pq-items .star-rating::before {
     content: "sssss" !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     color: #dcdcdc !important;
     font-size: 24px;
}

/* Filled stars wrapper */
.pq-items .star-rating span {
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     height: 100% !important;
     overflow: hidden !important;
}

/* Filled stars */
.pq-items .star-rating span::before {
     content: "SSSSS" !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     color: #FFB83F !important;
     font-family: WooCommerce !important;
     font-size: 24px;
}

/* Remove WooCommerce default floats */
.pq-items .pq-items-product-rating .star-rating,
.pq-items .products .star-rating {
     float: none !important;
     margin: 0 auto !important;
}

/* Center inside heading */
.pq-product-meta h2.pq-items-Reviews-title {
     display: flex !important;
     justify-content: center !important;
     margin-bottom: 10px;
}

/* Product page spacing */
.pq-items .pq-items-product-rating {
     display: block !important;
     line-height: 1 !important;
     margin-bottom: 10px !important;
}

.pq-product-meta .pq-product-info {
     padding: 0 !important;
}

.pq-product-meta .pq-product-info .pq-items-loop-product__title {
     font-size: 32px !important;
     line-height: 40px !important;
     margin: 30px 0 10px 0 !important;
     padding: 0 !important;
     text-transform: uppercase;
}

.pq-product-meta .pq-product-info .pq-product-description {
     margin-bottom: 15px !important;
}

.pq-product-meta .pq-product-info bdi {
     display: block;
     margin-bottom: 10px;
}

.pq-product-meta .pq-product-info .pq-items-Reviews-title .pq-star-rating {
     color: #FFB83F;
}

.pq-product-meta .pq-product-info .pq-grid-price span {
     font-size: 24px !important;
     color: var(--primary-color) !important;
     font-family: var(--title-fonts);
     margin: 0 !important;
     margin-bottom: 10px !important;
}

.pq-product-meta .pq-product-info .pq-product-addbtn a {
     width: 68px;
     height: 68px;
     line-height: 80px;
     background: var(--primary-color);
     color: var(--white-color);
     display: inline-block;
     text-align: center;
     font-size: 34px;
     -webkit-border-radius: var(--big-border-radius);
     -moz-border-radius: var(--big-border-radius);
     border-radius: var(--big-border-radius);
     transition: var(--transition);
}

.pq-product-meta .pq-product-info .pq-product-addbtn a:hover {
     background: var(--dark-color);
     color: var(--white-color);
}

/*========================================
    ADDED TO CART (CHECK ICON)
========================================*/
.pq-product-meta .pq-product-info .pq-product-addbtn a.added_to_cart {
     position: relative;
}

/* Check icon */
.pq-product-meta .pq-product-info .pq-product-addbtn a.added_to_cart::before {
     content: "\f00c";
     /* check */
     font-family: "Font Awesome 5 Free";
     font-weight: 900;

     position: absolute;
     top: 50%;
     left: 50%;

     transform: translate(-50%, -50%);
     font-size: 18px;
}

/* Hide text */
.pq-product-meta .pq-product-info .pq-product-addbtn a.added_to_cart {
     font-size: 0;
}

/* Fix WooCommerce default button */
.pq-product-meta .pq-product-info .pq-product-addbtn .added_to_cart.wc-forward {
     padding: 0;
     border: none;
     position: absolute;
}

/*========================================
    SPIN ANIMATION
========================================*/
@keyframes pqSpin {
     0% {
          transform: translate(-50%, -50%) rotate(0deg);
     }

     100% {
          transform: translate(-50%, -50%) rotate(360deg);
     }
}

/* =====  */
.pq-items.columns-3 ul.products.columns-3 {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 45px 30px;
     padding: 0;
     margin: 0;
}

.pq-items.columns-3 ul.products.columns-3 li.product:first-child {
     grid-column: 1;
}

.pq-items.columns-3 ul.products.columns-3 li.product {
     margin: 0;
     width: 100%;
     list-style: none;
}

@media (max-width:1099px) {
     .pq-items.columns-3 ul.products.columns-3 {
          grid-template-columns: 1fr 1fr;
          gap: 30px;
     }

     #advance-nav-tab {
          margin-bottom: 30px;
     }
}

@media (max-width:767px) {
     .pq-items.columns-3 ul.products.columns-3 {
          grid-template-columns: 1fr;
     }

     .pq-items.columns-3 ul.products.columns-3 li.product {
          margin: 0 !important;
     }
}

@media(max-width:397px) {
     .pq-product-main {
          padding: 30px;
     }

     .pq-product-main .pq-product-item .pq-product-img-inner img {
          height: 260px;
     }

     .pq-product-meta .pq-product-info .pq-items-loop-product__title {
          font-size: 26px !important;
          line-height: 34px !important;
     }
}

/*===== Product =====*/

.pq-product-main-grid-block .pq-product-top-block {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 55px;
     align-items: start;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-image {
     width: 100%;
     overflow: hidden;
     border-radius: 20px;
     margin-bottom: 36px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-image img {
     display: block;
     width: 100%;
     object-fit: cover;
     margin-bottom: 15px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details {
     padding-top: 5px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details h1 {
     margin: 0 0 8px;
     text-transform: math-auto;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-rating {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 10px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-rating .stars {
     color: #ffad35;
     font-size: 28px;
     letter-spacing: 1px;
     line-height: 1;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-rating .stars span {
     color: #ddd;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-rating a {
     font-size: 18px;
     text-decoration: none;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-price {
     font-size: 22px;
     margin-bottom: 30px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-description {
     margin: 0 0 30px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-cart-row {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 36px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-cart-row input {
     width: 58px;
     height: 56px;
     padding: 0 15px;
     border: 1px solid #d7d7d7;
     border-radius: 5px;
     font-size: 16px;
     outline: none;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-cart-row button {
     height: auto;
     width: auto;
     padding: 10px 30px;
     border: 0;
     border-radius: 30px;
     background: var(--primary-color);
     font-size: 18px;
     transition: 0.3s ease;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-cart-row button:hover {
     background: var(--dark-color);
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-meta {
     text-align: start;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-meta p {
     margin: 0 0 8px;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-meta strong {
     font-weight: 400;
}

.pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-meta a {
     color: var(--primary-color);
     text-decoration: none;
}

.pq-product-main-grid-block .pq-tabs-2-main {
     width: 100%;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tabs-2 .pq-tab-nav {
     border: none;
     gap: 14px;
     margin-bottom: 0;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tabs-2 .pq-tab-nav .nav-link {
     border: 0;
     border-radius: 12px 12px 0 0;
     padding: 12px 30px;
     font-size: 18px;
     text-transform: uppercase;
     background: var(--dark-color);
     color: var(--white-color);
     transition: 0.4s;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tabs-2 .pq-tab-nav .nav-link.active {
     background: var(--primary-color);
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tabs-2 .pq-tab-nav .nav-link:hover {
     background: var(--primary-color);
     color: var(--dark-color);
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tabs-2 .tab-content {
     border: 1px solid #d8d8d8;
     padding: 30px;
     margin-bottom: 36px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tab-content h3 {
     font-size: 24px;
     margin-bottom: 20px;
     line-height: 32px;
     text-transform: math-auto;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tab-contents h3 {
     font-size: 24px;
     margin-bottom: 20px;
     line-height: 32px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tab-contents p {
     margin-bottom: 0;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-form-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 25px;
     margin: 10px 0;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-form-row input,
.pq-product-main-grid-block .pq-tabs-2-main .pq-review textarea {
     width: 100%;
     border: 1px solid #dcdcdc;
     border-radius: 20px;
     padding: 12px 30px;
     outline: none;
     background: transparent;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-review {
     margin-top: 35px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-ratings {
     display: flex;
     flex-direction: column;
}

.pq-product-main-grid-block .pq-tabs-2-main .rating-box label {
     display: block;
     margin-bottom: 15px;
     font-size: 22px;
}

.pq-product-main-grid-block .pq-tabs-2-main .rating-box span {
     color: var(--primary-color);
}

.pq-product-main-grid-block .pq-tabs-2-main .rating {
     display: flex;
     flex-direction: row-reverse;
     justify-content: flex-end;
}

.pq-product-main-grid-block .pq-tabs-2-main .rating input {
     display: none;
}

.pq-product-main-grid-block .pq-tabs-2-main .rating label {
     font-size: 32px;
     color: var(--dark-color);
     cursor: pointer;
     transition: .3s;
     line-height: 1;
}

.pq-product-main-grid-block .pq-tabs-2-main .rating label:hover,
.pq-product-main-grid-block .pq-tabs-2-main .rating label:hover~label {
     color: var(--primary-color);
}

/* Selected */
.pq-product-main-grid-block .pq-tabs-2-main .rating input:checked~label {
     color: var(--primary-color);
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-review label,
.pq-product-main-grid-block .pq-tabs-2-main .pq-rating label {
     font-size: 18px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-review textarea {
     min-height: 100px;
     resize: none;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-rating {
     margin-bottom: 35px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-rating div {
     font-size: 40px;
     color: var(--dark-color);
     letter-spacing: 8px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tab-contents button {
     border: none;
     padding: 10px 30px;
     border-radius: 50px;
     background: var(--primary-color);
     text-transform: uppercase;
     transition: 0.4s;
     margin-top: 10px;
}

.pq-product-main-grid-block .pq-tabs-2-main .pq-tab-contents button:hover {
     background: var(--dark-color);
     color: var(--white-color);
}

.pq-product-main-grid-block .related-products h2 {
     text-transform: math-auto;
}

.pq-product-main-grid-block .related-products .product:nth-child(n+2) {
     display: none;
}

@media(max-width:799px) {
     .pq-product-main-grid-block .pq-product-top-block {
          grid-template-columns: 1fr;
          gap: 20px;
          margin-bottom: 36px;
     }

     .pq-product-main-grid-block .pq-product-top-block .pq-product-image {
          margin-bottom: 0;
     }
}

@media (max-width: 767px) {
     .pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-rating .stars {
          font-size: 24px;
     }

     .pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-price {
          font-size: 21px;
          margin-bottom: 22px;
     }

     .pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-description {
          font-size: 16px;
          line-height: 1.6;
     }

     .pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-cart-row {
          margin-bottom: 30px;
     }

     .pq-product-main-grid-block .pq-tabs-2-main .pq-form-row {
          grid-template-columns: 1fr;
     }
}

@media(max-width:397px) {
     .pq-product-main-grid-block .pq-product-top-block .pq-product-details .pq-product-rating {
          flex-direction: column;
          align-items: flex-start;
     }
}

/* ===================================
Progress Bar
===================================== */
.pq-progressbar-style-1 {
     display: inline-block;
     width: 100%;
}

.pq-progressbar-style-1 .pq-progressbar-content {
     margin-bottom: 30px;
     display: inline-block;
     float: left;
     width: 100%;
}

.pq-progressbar-style-1 .pq-progressbar-content .sonny_progressbar {
     margin-bottom: 0;
}

.pq-progressbar-style-1 .pq-progressbar-content .bar-container {
     height: 8px;
}

.pq-progressbar-style-1 .pq-progressbar-content:last-child {
     margin-bottom: 0;
}

.pq-progressbar-style-1 .progress-title {
     margin: 0;
     font-size: 20px;
     line-height: 28px;
     color: var(--dark-color);
     font-weight: 400;
     text-transform: capitalize;
}

.pq-progressbar-style-1 .progress-value {
     color: var(--primary-color);
     margin: 0;
     float: right;
     text-transform: capitalize;
}

.pq-progressbar-style-1 .pq-progress-bar span {
     display: inline-block;
     background: var(--primary-color);
     float: left;
     border-radius: 10px;
}

.pq-progressbar-style-1 .pq-progress-bar span.bar {
     background: var(--primary-color);
}

.pq-progressbar-style-1 .bar-container {
     position: relative;
     width: 100%;
     height: 8px;
     background: var(--primary-color);
     border-radius: var(--pq--border-radius);
     overflow: hidden;
}

.pq-progressbar-style-1 .bar-container .backgroundBar {
     width: 100%;
     height: 100%;
     display: block;
     background: var(--grey-color);
}

.pq-progressbar-style-1 .bar-container .bar {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 0;
     display: block;
     background: var(--primary-color);
     border-radius: var(--pq--border-radius);
}

/* ===================================
Booking Form
===================================== */

.pq-booking-form {
     margin: 0;
     box-shadow: rgba(100, 100, 80, 0.1) 0px 7px 29px 0px;
     padding: 45px;
     border-radius: var(--pq-border-radius);
}

.pq-booking-form .pq-form-group .pq-form-title {
     padding: 0;
     color: var(--primary-color);
     font-size: 24px;
     margin: 0;
     font-family: var(--body-fonts);
     text-transform: math-auto;
     margin-bottom: 20px;
}

.pq-booking-form .pq-form-group .pq-form-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     margin-bottom: 15px;
}

.pq-booking-form .pq-form-group:first-child .pq-form-row {
     margin-bottom: 20px;
     padding-bottom: 20px;
}

.pq-booking-form .pq-form-field input {
     border-radius: 10px;
     background-color: var(--grey-color);
}

.pq-booking-form .pq-form-field select {
     border-radius: 10px;
     border: 1px solid rgba(var(--dark-color-rgb), .2);
}

.pq-booking-form .pq-form-field select:hover {
     border: 1px solid var(--primary-color);
}

.pq-booking-form .pq-form-field textarea {
     background-color: var(--grey-color);
     margin-bottom: 40px;
     height: 160px;
}

.pq-booking-form .pq-form-btn {
     margin: 0;
     padding: 0;
     text-align: center;
}

.pq-full-width {
     grid-column: 1/-1;
}

@media(max-width:1399px) {
     .pq-booking-form .pq-form-field textarea {
          height: 135px;
     }
}

@media(max-width:1099px) {
     .pq-booking-form {
          padding: 30px;
     }

     .pq-booking-form .pq-form-group .pq-form-row {
          grid-template-columns: 1fr 1fr;
     }

     .pq-booking-form .pq-form-field textarea {
          height: 125px;
          margin-bottom: 30px;
          border-radius: 8px;
          padding: 11px 20px;
     }

     .pq-booking-form .pq-form-field input {
          padding: 11px 20px;
          height: 50px;
          border-radius: 8px;
     }

     .pq-booking-form .pq-form-field select {
          border-radius: 8px;
          padding: 11px 20px;
     }
}

@media(max-width:767px) {
     .pq-booking-form .pq-form-group .pq-form-row {
          grid-template-columns: 1fr;
     }

     .pq-booking-form .pq-form-field input {
          font-size: 14px;
          padding: 10px 15px;
          height: 45px;
     }

     .pq-booking-form .pq-form-field textarea {
          margin-bottom: 25px;
          padding: 10px 15px;
          height: 100px;
     }

     .pq-booking-form .pq-form-field select {
          padding: 10px 15px;
     }

     .pq-booking-form .pq-form-btn [type="submit"] {
          font-size: 14px;
          padding: 14px 20px;
     }
}

/* ===================================
banner
===================================== */

/*===== banner-one =====*/

.pq-banner-one {
     position: relative;
}

.pq-banner-one .pq-banner-media {
     position: absolute;
     top: -2%;
     left: 54%;
}

.pq-banner-one .pq-banner-content {
     display: flex;
     flex-direction: column;
}

.pq-banner-one .pq-banner-content .pq-banner-title {
     color: var(--white-color);
     font-size: 246px;
     font-weight: 400;
     letter-spacing: 10px;
     line-height: 1;
}

.pq-banner-one .pq-banner-content .pq-banner-subtitle {
     color: var(--white-color);
     font-weight: 400;
}

.pq-banner-one .pq-banner-content .pq-btn-container .pq-button.pq-button-flat {
     border: 1px solid var(--white-color);
     color: var(--white-color);
     margin: 45px 0px 0px;
}

.pq-banner-one .pq-banner-content .pq-btn-container .pq-button.pq-button-flat::before {
     border: 1px solid var(--white-color);
}

.pq-banner-one .pq-banner-info {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     margin: -10px 0px 0px;
     padding: 0px 30px;
}

.pq-banner-one .pq-banner-info .pq-banner-left-info {
     display: flex;
     flex-direction: column;
     gap: 5px;
}

.pq-banner-one .pq-banner-info .pq-banner-left-info .pq-banner-days h6 {
     color: var(--white-color); 
}

.pq-banner-one .pq-banner-info .pq-banner-left-info .pq-banner-time {
     background-color: var(--primary-color);
     padding: 10px 10px 5px 10px;
     border-radius: 2px 2px 2px 2px;
}

.pq-banner-one .pq-banner-info .pq-banner-left-info .pq-banner-time span {
     color: var(--white-color);
}     

.pq-banner-one .pq-banner-info .pq-banner-right-info {
     display: block;
     margin: auto 0;
}

.pq-banner-one .pq-banner-info .pq-banner-right-info .pq-banner-contact {
     border-style: solid;
     border-width: 1px 0px 1px 0px;
     border-color: var(--white-color);
}

.pq-banner-one .pq-banner-info .pq-banner-right-info .pq-banner-contact .pq-banner-num {
     line-height: 0.3;
     margin: 0 20px;
}

.pq-banner-one .pq-banner-info .pq-banner-right-info .pq-banner-contact a {
     color: var(--white-color);
     font-family: var(--body-fonts);
     font-size: 18px;
     line-height: 1.6;
}

@media(max-width:1499px) {
     .pq-banner-one .pq-banner-content .pq-banner-title {
          font-size: 220px;
     }
}

@media(max-width:1279px) {
     .pq-banner-one .pq-banner-content .pq-banner-title {
          font-size: 200px;
     }
}

@media(max-width:1099px) {
     .pq-banner-one .pq-banner-content .pq-banner-title {
          font-size: 180px;
     }
}

@media(max-width:799px) {
     .pq-banner-one .pq-banner-content .pq-banner-title {
          font-size: 140px;
     }

     .pq-banner-one .pq-banner-media {
          top: -3%;
          left: 53%;
     }
}


@media(max-width:767px) {
     .pq-banner-one .pq-banner-content .pq-banner-title {
          font-size: 48px;
     }

     .pq-banner-one .pq-banner-media {
          display: none;
     }

     .pq-banner-one .pq-banner-content .pq-banner-subtitle {
          font-size: 22px;
     }

     .pq-banner-one .pq-banner-content {
          gap: 10px;
     }

     .pq-banner-one .pq-banner-content .pq-btn-container .pq-button.pq-button-flat {
          margin: 30px 0 0 0;
     }

     .pq-banner-one .pq-banner-info {
          margin: 45px 0px 0px;
     }
}

@media(max-width:480px) {
     .pq-banner-one .pq-banner-info {
          flex-direction: column;
          gap: 30px;
     }

     .pq-banner-one .pq-banner-info .pq-banner-left-info .pq-banner-days h6 {
          text-align: center;
     }

     .pq-banner-one .pq-banner-info .pq-banner-left-info .pq-banner-time {
          text-align: center;
     }

     .pq-banner-one .pq-banner-info .pq-banner-right-info .pq-banner-contact .pq-banner-num {
          text-align: center;
     }

     .pq-banner-one .pq-banner-info .pq-banner-right-info {
          margin-bottom: 60px;
     }
}

/*===== style-2 =====*/

.banner {
     padding-top: 260px;
}

.pq-banner-one .pq-marquee-container.pq-style-2 {
     overflow: hidden;
     clip-path: ellipse(55% 85% at 50% 100%);
     margin-top: -50px;
}

.pq-banner-one .pq-marquee-container.pq-style-2 .pq-marquee-track {
     display: flex;
     width: max-content;
     animation-name: pq-marquee-anim;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     position: relative;
}

.pq-banner-one .pq-marquee-container.pq-style-2 .pq-marquee-sequence {
     display: flex;
     gap: 30px;
}

/* Global Keyframes */
@keyframes pq-marquee-anim {
     from {
          transform: translateX(0);
     }

     to {
          transform: translateX(-30%);
     }
}

.pq-banner-one .pq-marquee-container.pq-style-2 .pq-marquee-item img {
     border-radius: 0;
}

.pq-banner-one .pq-marquee-container.pq-style-2.pause-on-hover:hover .pq-marquee-track {
     animation-play-state: paused;
}

@media(max-width:479px) {
     .pq-banner-one .pq-marquee-container.pq-style-2 .pq-marquee-item img {
          width: 280px;
          height: 280px;
     }
}

/*===== banner-style-2 =====*/

.pq-banner-two {
     display: grid;
     grid-template-columns: 1.5fr 1fr;
}

.pq-banner-two .pq-banner-info {
     display: flex;
     flex-direction: column;
     gap: 20px;
     justify-content: center;
}

.pq-banner-two .pq-banner-info .pq-section-title .pq-title .pq-title-heading {
     color: var(--white-color);
     font-size: 92px;
}

.pq-banner-two .pq-banner-info .pq-section-title .pq-title .pq-title-description {
     color: var(--white-color);
}

.pq-banner-two .pq-banner-info .pq-btn-container {
     margin-top: 20px;
}

.pq-banner-two .pq-banner-info .pq-btn-container .pq-button.pq-button-flat {
     color: var(--white-color);
     border-color: var(--white-color);
}

.pq-banner-two .pq-banner-info .pq-btn-container .pq-button.pq-button-flat::before {
     border: 1px solid var(--white-color);
}

.banner-style-2 {
     position: relative;
     padding: 300px 0 150px 0;
}

.banner-style-2 .pq-banner-img-one {
     position: absolute;
     top: 43%;
     left: 4%;
     z-index: 0;
     animation: banner-two-vectors 2s ease-in-out infinite;
     will-change: transform;
}

.banner-style-2 .pq-banner-img-two {
     position: absolute;
     top: 22%;
     right: 38%;
     z-index: 0;
     animation: banner-two-vectors 2s ease-in-out infinite;
     will-change: transform;
}

.banner-style-2 .pq-banner-img-three {
     position: absolute;
     top: 51%;
     right: 6%;
     z-index: 0;
     animation: banner-two-vectors 2s ease-in-out infinite;
     will-change: transform;
}

.banner-style-2 .pq-banner-img-four {
     position: absolute;
     bottom: 5%;
     right: 35%;
     z-index: 0;
     animation: banner-two-vectors 2s ease-in-out infinite;
     will-change: transform;
}

.banner-style-2 .pq-banner-img-one img,
.banner-style-2 .pq-banner-img-two img,
.banner-style-2 .pq-banner-img-three img,
.banner-style-2 .pq-banner-img-four img {
     display: block;
     width: 100%;
     height: auto;
}

@keyframes banner-two-vectors {

     0% {
          transform: translateY(0) translateX(0);
     }

     50% {
          transform: translateY(-6px) translateX(2px);
     }

     100% {
          transform: translateY(0px) translateX(0px);
     }

}


/*===== swiper =====*/

.swiper {
     width: 100%;
     height: 100%;
}

.swiper-slide {
     background-position: center;
     background-size: cover;
     display: flex;
     justify-content: center;
}

.swiper-slide img {
     display: block;
     width: 80%;
     height: 100%;
     object-fit: contain;
}

@media(max-width:1679px) {
     .banner-style-2 .pq-banner-img-one {
          position: absolute;
          top: 43%;
          left: -1%;
     }

     .banner-style-2 .pq-banner-img-three {
          position: absolute;
          top: 30%;
          right: 6%;
     }
}

@media(max-width:1499px) {
     .pq-banner-two .pq-banner-info .pq-section-title .pq-title .pq-title-heading {
          font-size: 82px;
     }

     .banner-style-2 {
          padding: 280px 0 140px 0;
     }

     .banner-style-2 .pq-banner-img-one {
          display: none;
     }

     .banner-style-2 .pq-banner-img-two {
          position: absolute;
          top: 20%;
          right: 34%;
     }

     .banner-style-2 .pq-banner-img-three {
          top: 26%;
          right: 8%;
     }

     .banner-style-2 .pq-banner-img-four {
          right: 30%;
          bottom: 7%;
     }
}

@media(max-width:1279px) {
     .banner-style-2 {
          padding: 280px 0 130px 0;
     }
}

@media(max-width:1099px) {
     .pq-banner-two {
          display: grid;
          grid-template-columns: 1.3fr 1fr;
     }

     .banner-style-2 {
          padding: 260px 0 110px 0;
     }

     .pq-banner-two .pq-banner-info .pq-section-title .pq-title .pq-title-heading {
          font-size: 72px;
     }

     .banner-style-2 .pq-banner-img-two img {
          width: 80%;
     }

     .banner-style-2 .pq-banner-img-two {
          top: 27%;
          right: 29%;
     }

     .banner-style-2 .pq-banner-img-three img {
          width: 80%;
     }

     .banner-style-2 .pq-banner-img-three {
          top: 29%;
     }
}

@media(max-width:799px) {
     .pq-banner-two {
          grid-template-columns: 1fr;
          gap: 60px;
     }

     .banner-style-2 {
          padding: 180px 0 90px 0;
     }

     .pq-banner-two .pq-banner-info .pq-section-title .pq-title .pq-title-heading {
          font-size: 64px;
     }

     .swiper-slide img {
          width: auto;
     }

     .banner-style-2 .pq-banner-img-two {
          top: 55%;
          right: 71%;
     }

     .banner-style-2 .pq-banner-img-three {
          top: 55%;
     }

     .banner-style-2 .pq-banner-img-four {
          right: 10%;
          bottom: 1%;
     }
}

@media(max-width:767px) {
     .pq-banner-two .pq-banner-info .pq-section-title .pq-title .pq-title-heading {
          font-size: 48px;
     }

     .banner-style-2 {
          padding: 160px 0 60px 0;
     }

     .banner-style-2 .pq-banner-img-two img {
          width: 49%;
     }

     .banner-style-2 .pq-banner-img-three img {
          width: 62%;
     }

     .banner-style-2 .pq-banner-img-four img {
          width: 65%;
     }

     .banner-style-2 .pq-banner-img-two {
          top: 52%;
          right: 56%;
     }

     .banner-style-2 .pq-banner-img-three {
          top: 53%;
     }
}

@media(max-width:479px) {

     .banner-style-2 .pq-banner-img-two {
          display: none;
     }

     .banner-style-2 .pq-banner-img-three {
          display: none;
     }

     .banner-style-2 .pq-banner-img-four {
          display: none;
     }
}

/* ===================================
about-us
===================================== */

/* ===== about main =====  */

.aboutus {
     position: relative;
}

.pq-aboutus-main {
     display: grid;
     grid-template-columns: 0.5fr 1fr;
     gap: 100px;
     align-items: end;
}

.pq-aboutus-main .pq-aboutus-media .pq-aboutus-img {
     position: relative;
     border-radius: 200px 200px 0px 0px;
     width: 100%;
}

.pq-aboutus-main .pq-aboutus-media .pq-aboutus-img::after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     width: 200%;
     height: 0%;
     background-color: var(--white-color-rgb);
     transform: translate(-50%, -50%) rotate(-45deg);
     z-index: 1;
}

.pq-aboutus-main .pq-aboutus-media .pq-aboutus-vector-img {
     position: absolute;
     top: -6%;
     left: -1%;
}

.pq-aboutus-main .pq-aboutus-information {
     display: flex;
     flex-direction: column;
     gap: 30px;
     margin-top: 30px;
     justify-content: space-between;
}

.pq-aboutus-main .pq-aboutus-information .pq-aboutus-bottom-box {
     display: grid;
     grid-template-columns: 1fr auto;
     align-items: center;
}

.pq-aboutus-main .pq-aboutus-information .pq-aboutus-bottom-box .pq-video-popup-img {
     position: relative;
}

.pq-aboutus-main .pq-aboutus-information .pq-aboutus-bottom-box .pq-video-popup-img img {
     position: relative;
     border-radius: 200px 200px 0px 0px;
}
                
.pq-aboutus-vector-one-img {
     position: absolute;
     top: 15%;
     right: 1%;
     opacity: 0.7;
}

@media(max-width:1499px) {
     .pq-aboutus-vector-one-img {
          display: none;
     }
}

@media(max-width:1365px) {
     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-vector-img {
          top: -1%;
          left: -1%;
     }
}

@media(max-width:1279px) {
     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-vector-img {
          top: 6%;
          left: 0%;
     }
}

@media(max-width:1099px) {

     .pq-aboutus-main {
          gap: 45px;
     }

     .pq-aboutus-main .pq-aboutus-information .pq-aboutus-bottom-box .pq-counter-num {
          font-size: 110px;
     }

     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-vector-img {
          top: 5%;
          left: -1%;
     }

     .pq-aboutus-main .pq-aboutus-information .pq-aboutus-bottom-box {
          grid-template-columns: 1fr 1fr;
          gap: 30px;
     }
}

@media(max-width:799px) {
     .pq-aboutus-main {
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-img {
          border-radius: 415px 415px 0px 0px;
     }

     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-vector-img {
          top: 0%;
          left: 5%;
     }
}

@media(max-width:767px) {
     .pq-aboutus-main .pq-aboutus-information .pq-aboutus-bottom-box {
          grid-template-columns: 1fr;
          justify-items: center;
     }

     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-vector-img {
          top: -3%;
          left: -3%;
     }

     .pq-aboutus-main .pq-aboutus-media .pq-aboutus-img {
          border-radius: 230px 230px 0px 0px;
     }
}

@media(max-width:397px) {
     .pq-aboutus-main .pq-aboutus-information {
          margin: 0;
     }
}

/* ===== our passion =====  */

.pq-ourpassion-main {
     display: flex;
     flex-direction: column;
     gap: 60px;
}

.pq-ourpassion-main .pq-passion-bottom {
     display: grid;
     grid-template-columns: 1fr 1.4fr;
     gap: 30px;
}

.pq-ourpassion-main .pq-passion-bottom .pq-left {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-ourpassion-main .pq-passion-bottom .pq-left .pq-description p {
     margin-bottom: 0;
     max-width: 70%;
}

.pq-ourpassion-main .pq-passion-bottom .pq-right {
     position: relative;
}

.pq-ourpassion-main .pq-passion-bottom .pq-right .pq-passion-img-one {
     position: absolute;
     transform: rotate(66deg);
     right: -9%;
     top: -15%;
}

@media(max-width:1499px) {
     .pq-ourpassion-main .pq-passion-bottom .pq-right .pq-passion-img-one {
          display: none;
     }
}

@media(max-width:1099px) {
     .pq-ourpassion-main {
          gap: 40px;
     }

     .pq-ourpassion-main .pq-passion-bottom .pq-left .pq-description p {
          max-width: 100%;
     }
}

@media(max-width:1023px) {
     .pq-ourpassion-main .pq-passion-bottom {
          grid-template-columns: 1fr fr;
     }
}

@media(max-width:799px) {
     .pq-ourpassion-main {
          gap: 30px;
     }

     .pq-ourpassion-main .pq-passion-bottom {
          grid-template-columns: 1fr;
     }
}

/* ===== our-story =====  */

.pq-story-main {
     display: flex;
     flex-direction: column;
     gap: 90px;
}

.pq-story-main .pq-story-wrapper {
     display: grid;
     grid-template-columns: 1fr 1.5fr;
     gap: 30px;
}

.pq-story-main .pq-story-wrapper .pq-story-content {
     display: flex;
     flex-direction: column;
     gap: 40px;
}

.pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list {
     margin: 0;
     padding: 0;
}

.pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list .pq-story-icon-list {
     list-style: none;
     padding: 0px 0px 7.5px;
     margin: 7.5px 0px 0px;
}

.pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list .pq-story-icon-list:first-child {
     margin: 0;
}

.pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list .pq-story-icon-list:last-child {
     padding: 0;
}

.pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list .pq-story-icon-list i {
     color: var(--primary-color);
     padding: 0px 5px 0px 0px;
}

.pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list .pq-story-icon-list .pq-story-icon-list-text {
     font-size: 22px;
     font-weight: 400;
     line-height: 30px;
     padding: 0px 0px 0px 5px;
}

.pq-story-main .pq-story-wrapper .pq-story-images {
     display: flex;
     flex-direction: row;
     gap: 30px;
}

.pq-story-main .pq-story-wrapper .pq-story-images .pq-story-img.pq-img-left img {
     height: 100%;
     width: 100%;
}

.pq-story-main .pq-story-wrapper .pq-story-images .pq-story-img.pq-img-right img {
     border-radius: 200px 200px 0px 0px;
     height: 100%;
     width: 100%;
}

.pq-story-main .pq-counter-wrapper {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
}

@media(max-width:1279px) {
     .pq-story-main {
          gap: 60px;
     }

     .pq-story-main .pq-story-wrapper {
          grid-template-columns: 1fr;
     }

     .pq-story-main .pq-story-wrapper .pq-story-content {
          gap: 30px;
     }

     .pq-story-main .pq-story-wrapper .pq-story-images {
          justify-content: space-around;
     }
}

@media(max-width:1099px) {
     .pq-story-main {
          gap: 40px;
     }
}

@media(max-width:799px) {
     .pq-story-main .pq-counter-wrapper {
          flex-wrap: wrap;
          gap: 60px;
          justify-content: center;
     }
}

@media(max-width:767px) {
     .pq-story-main .pq-story-wrapper .pq-story-content .pq-story-list .pq-story-icon-list .pq-story-icon-list-text {
          font-size: 18px;
          line-height: 26px
     }

     .pq-story-main .pq-story-wrapper .pq-story-images {
          flex-direction: column;
     }

     .pq-story-main .pq-counter-wrapper {
          gap: 48px;
     }
}

/* ===================================
why choose us
===================================== */

/* ===== style-1 =====  */

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom {
     display: grid;
     grid-template-columns: 0.7fr 1fr;
     gap: 60px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content {
     display: flex;
     flex-direction: column;
     gap: 20px;
     padding: 90px 0 0;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content p {
     margin: 0;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content .pq-btn-container {
     margin-top: 10px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content img {
     width: 19%;
     position: absolute;
     bottom: 0px;
     right: 63%;
     opacity: 0.5;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media {
     position: relative;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-block {
     margin-bottom: 40px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media img {
     position: relative;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
     position: absolute;
     background: var(--white-color);
     height: 70px;
     width: 70px;
     line-height: 76px;
     bottom: 21%;
     left: 46%;
     border-radius: var(--big-border-radius);
     text-align: center;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon i {
     font-size: 20px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time {
     display: grid;
     grid-template-columns: 1fr 0.8fr;
     gap: 90px;
     padding: 0 30px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time .pq-choose-us-time-left {
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 20px;
     border-right: 1px solid var(--dark-color);
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time .pq-choose-us-time-left span {
     color: var(--primary-color);
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time h6 {
     color: var(--primary-color);
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time ul {
     padding: 0px;
     margin: 0px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time ul li {
     list-style: none;
     padding-bottom: 10px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time ul li:last-child {
     padding-bottom: 0px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time .pq-choose-us-time-right {
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time .pq-choose-us-time-right span {
     color: var(--primary-color);
}

.pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time .pq-choose-us-time-right .pq-choose-address {
     color: var(--dark-color);
}

@media(max-width:1365px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
          bottom: 24%;
     }
}

@media(max-width:1279px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
          bottom: 25%;
     }
}

@media(max-width:1099px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom {
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content {
          padding: 0px;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content img {
          top: 28%;
          width: 15%;
          right: 13%;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media img {
          width: 100%;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
          bottom: 15%;
          left: 5%;
     }
}

@media(max-width:799px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content img {
          top: 33%;
          width: 19%;
          right: 13%;
     }
}

@media(max-width:767px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time {
          grid-template-columns: 1fr;
          gap: 30px;
          padding: 0;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-choose-us-time .pq-choose-us-time-left {
          border-bottom: 1px solid var(--dark-color);
          border-right: none;
          border-bottom: none;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-content img {
          display: none;
     }

     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
          bottom: 28%;
          left: 6%;
     }
}

@media(max-width:479px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
          bottom: 27%;
          left: 6%;
     }
}

@media(max-width:397px) {
     .pq-why-choose-us-main.pq-style-1 .pq-why-choose-us-bottom .pq-why-choose-us-media .pq-video-popup-icon {
          bottom: 25%;
          left: 6%;
     }
}

/* ===== style-2 =====  */

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-top: 60px;
     align-items: center;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content {
     display: flex;
     flex-direction: column;
     gap: 40px;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-content-des p {
     margin: 0;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-choose-us-info {
     display: flex;
     flex-direction: row;
     gap: 60px;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-choose-us-info .pq-icon-box-wrapper {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-choose-us-info .pq-icon-box-wrapper .pq-icon-box-icon {
     line-height: 0;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-choose-us-info .pq-icon-box-wrapper .pq-icon-box-icon i {
     color: var(--primary-color);
     font-size: 48px;
}

.pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-choose-us-info .pq-icon-box-wrapper .pq-icon-box-content .pq-icon-box-decription {
     margin: 15px 0 0 0;
}

@media(max-width:1099px) {
     .pq-choose-us-main.pq-style-2 .pq-choose-us-bottom {
          grid-template-columns: 1fr;
          margin-top: 40px;
     }

     .pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content {
          gap: 30px;
     }

     .pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-media img {
          width: 100%;
     }
}

@media(max-width:767px) {
     .pq-choose-us-main.pq-style-2 .pq-choose-us-bottom .pq-choose-us-content .pq-choose-us-info {
          flex-direction: column;
          gap: 40px;
     }
}

/* ===================================
dishes
===================================== */

.pq-dishes {
     position: relative;
     overflow: hidden;
     padding-top: 360px;
     padding-bottom: 360px;
}

.pq-dishes-wrapper {
     text-align: center;
     position: relative;
}

.pq-dishes-name {
     font-size: 210px;
     line-height: 1;
     margin: 0;
     text-transform: uppercase;
}

.pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
     position: absolute;
     top: -84%;
     left: -1%;
}

.pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
     position: absolute;
     top: -145%;
     left: 25%;
}

.pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
     position: absolute;
     top: -140%;
     right: 17%;
}

.pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
     position: absolute;
     bottom: -123%;
     left: 18%;
}

.pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
     position: absolute;
     bottom: -150%;
     left: 53%;
}

.pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
     position: absolute;
     bottom: -95%;
     right: 3%;
}

@media(max-width:1499px) {
     .pq-dishes {
          padding-top: 320px;
          padding-bottom: 320px;
          padding-left: 20px;
          padding-right: 20px;
     }

     .pq-dishes-name {
          font-size: 200px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
          top: -103%;
          left: 0%;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
          top: -155%;
          left: 26%;
          width: 250px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
          top: -135%;
          right: 17%;
          width: 250px;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
          width: 240px;
          bottom: -112%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          width: 270px;
          bottom: -136%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
          bottom: -100%;
          right: 0%;
          width: 190px;
     }
}

@media(max-width:1399px) {
     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
          top: -105%;
          left: 0%;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
          top: -153%;
          left: 27%;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
          top: -140%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          left: 54%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
          bottom: -105%;
          right: 0%;
     }
}

@media(max-width:1279px) {
     .pq-dishes {
          padding-top: 300px;
          padding-bottom: 300px;
          padding-left: 20px;
          padding-right: 20px;
     }

     .pq-dishes-name {
          font-size: 160px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
          width: 170px;
          top: -120%;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
          width: 200px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
          width: 190px;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
          width: 200px;
          bottom: -118%;
          left: 19%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          width: 240px;
          bottom: -150%;
          left: 52%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
          bottom: -118%;
     }
}

@media(max-width:1099px) {
     .pq-dishes {
          padding-top: 280px;
          padding-bottom: 280px;
          padding-left: 20px;
          padding-right: 20px;
     }

     .pq-dishes-name {
          font-size: 150px;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
          width: 200px;
          bottom: -128%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          width: 240px;
          bottom: -165%;
     }
}

@media(max-width:799px) {
     .pq-dishes {
          padding-top: 240px;
          padding-bottom: 240px;
          padding-left: 20px;
          padding-right: 20px;
     }

     .pq-dishes-name {
          font-size: 120px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
          width: 140px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
          width: 170px;
          top: -185%;
          left: 35%;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
          width: 170px;
          top: -170%;
          right: 5%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
          width: 140px;
          bottom: -110%;
          left: 12%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          width: 190px;
          bottom: -165%;
          left: 40%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
          width: 110px;
     }
}

@media(max-width:767px) {
     .pq-dishes {
          padding-top: 180px;
          padding-bottom: 180px;
          padding-left: 20px;
          padding-right: 20px;
     }

     .pq-dishes-name {
          font-size: 42px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
          top: -135%;
          left: 5%;
          width: 80px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
          top: -392%;
          left: 32%;
          width: 110px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
          top: -285%;
          right: 17%;
          width: 90px;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
          bottom: -265%;
          width: 90px;
          left: 18%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          bottom: -365%;
          width: 110px;
          left: 50%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
          bottom: -100%;
          right: 5%;
          width: 80px;
     }
}

@media(max-width:397px) {
     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-one {
          top: -155%;
          left: -4%;
          width: 60px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-two {
          top: -392%;
          left: 32%;
          width: 90px;
     }

     .pq-dishes-wrapper .pq-dishes-top-row .pq-dish-item.pq-dish-item-three {
          top: -240%;
          right: 6%;
          width: 80px;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-four {
          bottom: -209%;
          width: 80px;
          left: 5%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-five {
          bottom: -365%;
          width: 90px;
          left: 40%;
     }

     .pq-dishes-wrapper .pq-dishes-bottom-row .pq-dish-item.pq-dish-item-six {
          bottom: -150%;
          right: -4%;
          width: 60px;
     }
}

/* ===================================
offering
===================================== */

/* ===== offering =====  */

.pq-offering-wrapper {
     display: flex;
     flex-direction: column;
     gap: 80px;
}

.pq-offering-wrapper .pq-offering-main {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 40px;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-title-description {
     margin-bottom: 0px;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-counter {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 100px;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-counter .pq-counter-num span {
     color: var(--primary-color);
     font-family: var(--title-fonts);
     font-size: 76px;
     line-height: 84px;
     font-weight: 400;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-main-image {
     text-align: center;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-main-image img {
     border-radius: 300px 300px 0px 0px;
     position: relative;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-top img {
     border-radius: 200px 200px 0px 0px;
     position: absolute;
     top: 10%;
     right: 34%;
}

.pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-bottom img {
     border-radius: 200px 200px 0px 0px;
     position: absolute;
     top: 36%;
     right: 1%;
}

.pq-offering-wrapper .pq-offering-bottom-content {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

.pq-offering-wrapper .pq-offering-bottom-content .pq-info-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
     border: 1px solid;
     border-radius: var(--pq-border-radius);
     border-color: #0f1a1a33;
     padding: 40px;
     justify-content: center;
     align-items: center;
}

.pq-offering-wrapper .pq-offering-bottom-content .pq-info-box p {
     margin-bottom: 0;
     text-align: center;
}

.pq-offering-wrapper .pq-offering-bottom-content .pq-video-box video {
     border: 1px solid;
     border-radius: var(--pq-border-radius);
     width: 100%;
     height: 100%;
     object-fit: cover;
     border: none;
}

@media(max-width:1099px) {
     .pq-offering-wrapper .pq-offering-main {
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-counter {
          grid-template-columns: 0.4fr 1fr;
          gap: 10px;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-counter p {
          margin-bottom: 0;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-top img {
          top: 36%;
          right: 63%;
          width: 18%;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-bottom img {
          top: 54%;
          right: 18%;
     }

     .pq-offering-wrapper .pq-offering-bottom-content .pq-info-box {
          padding: 20px;
     }
}

@media(max-width:799px) {
     .pq-offering-wrapper {
          gap: 40px;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-counter {
          grid-template-columns: 0.5fr 1fr;
          gap: 42px;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-top img {
          top: 26%;
          right: 68%;
          width: 28%;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-bottom img {
          top: 40%;
          right: 7%;
     }

     .pq-offering-wrapper .pq-offering-bottom-content {
          grid-template-columns: 1fr;
     }

     .pq-offering-wrapper .pq-offering-bottom-content .pq-info-box {
          padding: 30px;
          text-align: center;
     }
}

@media(max-width:767px) {
     .pq-offering-wrapper .pq-offering-main .pq-offering-content .pq-counter {
          grid-template-columns: 1fr;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-top img {
          display: none;
     }

     .pq-offering-wrapper .pq-offering-main .pq-offering-floating-image.pq-offering-image-bottom img {
          display: none;
     }
}

/* ===== offer =====  */

.pq-offer-main {
     display: grid;
     grid-template-columns: 0.7fr 1fr;
     gap: 30px;
     margin-top: 60px;
}

.pq-offer-main .pq-offer-card-left {
     background: url("../images/offer/card-bg-img-1.png")center/cover repeat;
     border-radius: var(--pq-border-radius);
     background-color: var(--primary-color);
     display: flex;
     flex-direction: column;
     text-align: center;
     gap: 15px;
     padding-top: 60px;
     padding-bottom: 0px;
     padding-left: 30px;
     padding-right: 30px;
     position: relative;
}

.pq-offer-main .pq-offer-card-left .pq-offer-content .pq-offer-title {
     font-size: 52px;
     font-weight: 400;
     letter-spacing: 3px;
     color: var(--white-color);
     max-width: 85%;
     margin-left: 6%;
}

.pq-offer-main .pq-offer-card-left .pq-offer-tag-img-one {
     left: 38%;
     bottom: 33%;
     position: absolute;

}

.pq-offer-main .pq-offer-card-left .pq-chocolate-shake-img {
     position: absolute;
     left: 54%;
     bottom: 1%
}

.pq-offer-main .pq-offer-card-right {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top {
     background: url("../images/offer/card-bg-img-2.png")center/cover repeat;
     border-radius: var(--pq-border-radius);
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content {
     display: grid;
     grid-template-columns: 1fr auto;
     gap: 30px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 30px;
     padding-right: 30px;
     align-items: center;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content .pq-offer-info {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content .pq-offer-image {
     position: relative;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content .pq-sale-badge .pq-offer-heading {
     font-weight: 400;
     letter-spacing: 3px;
     color: var(--white-color);
     max-width: 95%;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-tag-img-two {
     position: absolute;
     z-index: 1;
     top: 4%;
     right: 72%;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-cake-img {
     position: relative;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom {
     background: url("../images/offer/card-bg-img-3.png")center/cover repeat;
     border-radius: var(--pq-border-radius);
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content {
     display: grid;
     grid-template-columns: 1fr 0.8fr;
     gap: 30px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 30px;
     padding-right: 30px;
     align-items: center;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-info {
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding-top: 50px;
     padding-bottom: 70px;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-info .pq-offer-heading {
     max-width: 95%;
     font-family: var(--title-fonts);
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-info .pq-button.pq-button-link {
     color: var(--dark-color);
     padding-top: 10px;
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-info .pq-button.pq-button-link::after {
     background: var(--dark-color);
}

.pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-image .pq-coffee-img {
     width: 100%;
}

@media(max-width:1099px) {
     .pq-offer-main .pq-offer-card-left .pq-offer-content .pq-offer-title {
          font-size: 46px;
          max-width: 95%;
     }

     .pq-offer-main .pq-offer-card-left .pq-chocolate-shake-img {
          height: 420px;
          left: 45%;
     }

     .pq-offer-main .pq-offer-card-left .pq-offer-tag-img-one {
          width: 25%;
          left: 29%;
          bottom: 33%;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content {
          grid-template-columns: 1fr 1fr;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-tag-img-two {
          top: 4%;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content {
          padding-top: 30px;
          padding-bottom: 30px;
          padding-left: 30px;
          padding-right: 30px;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-info {
          padding-bottom: 0;
          padding-top: 30px;
     }
}

@media(max-width:1023px) {
     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-tag-img-two {
          top: 1%;
     }
}

@media(max-width:799px) {
     .pq-offer-main .pq-offer-card-left {
          gap: 0;
     }

     .pq-offer-main .pq-offer-card-left .pq-chocolate-shake-img {
          left: 20%;
     }

     .pq-offer-main .pq-offer-card-left .pq-offer-content .pq-offer-title {
          font-size: 30px;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content .pq-sale-badge .pq-offer-heading {
          font-size: 28px;
          max-width: 96%;
     }

     .pq-offer-main .pq-offer-card-left .pq-offer-tag-img-one {
          left: 6%;
          bottom: 38%;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-tag-img-two {
          width: 50%;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content .pq-offer-info {
          padding-top: 0;
     }
}

@media(max-width:767px) {
     .pq-offer-main {
          grid-template-columns: 1fr;
          margin-top: 30px;
     }

     .pq-offer-main .pq-offer-card-left {
          gap: 15px;
          padding-top: 30px;
     }

     .pq-offer-main .pq-offer-card-left .pq-offer-content .pq-offer-title {
          margin-left: 3%;
     }

     .pq-offer-main .pq-offer-card-left .pq-chocolate-shake-img {
          position: relative;
     }

     .pq-offer-main .pq-offer-card-left .pq-offer-tag-img-one {
          left: 12%;
          bottom: 40%;
          width: 15%;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content {
          grid-template-columns: 1fr;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content {
          padding-top: 30px;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-content .pq-offer-image {
          text-align: center;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-tag-img-two {
          top: 5%;
          right: 67%;
          width: 25%;
     }

     .pq-offer-main .pq-offer-card-right .pq-offer-card-bottom .pq-offer-content {
          grid-template-columns: 1fr;
     }
}

@media(max-width:479px) {
     .pq-offer-main .pq-offer-card-right .pq-offer-card-top .pq-offer-tag-img-two {
          top: 12%;
          right: 72%;
          width: 30%;
     }
}

@media(max-width:397px) {
     .pq-offer-main .pq-offer-card-left .pq-chocolate-shake-img {
          left: 6%;
     }

     .pq-offer-main .pq-offer-card-left .pq-offer-tag-img-one {
          left: 10%;
          bottom: 40%;
          width: 25%;
     }
}

/* ===== special-offer =====  */

.pq-offer-wrapper {
     display: grid;
     grid-template-columns: 0.4fr 0.9fr 0.5fr;
     gap: 30px;
     padding-top: 30px;
     padding-bottom: 30px;
     border-top: 1px solid #525A5A;
     border-bottom: 1px solid #525A5A;
}

.pq-offer-wrapper .pq-offer-image {
     display: block;
     margin: auto;
}

.pq-offer-wrapper .pq-offer-content {
     text-align: center;
     border-left: 1px solid #525A5A;
     border-right: 1px solid #525A5A;
     display: flex;
     flex-direction: column;
     gap: 45px;
     padding-right: 30px;
     padding-left: 30px;
     justify-content: center;
}

.pq-offer-wrapper .pq-offer-content .pq-title .pq-title-heading {
     color: var(--white-color);
}

.pq-offer-wrapper .pq-offer-content .pq-title .pq-title-description {
     color: var(--white-color);
     margin-bottom: 0;
}

.pq-offer-wrapper .pq-offer-content .pq-btn-container .pq-button.pq-button-flat {
     color: var(--white-color);
     border-color: var(--white-color);
}

.pq-offer-wrapper .pq-offer-content .pq-btn-container .pq-button.pq-button-flat::before {
     border: 1px solid var(--white-color);
}

.pq-offer-wrapper .pq-offer-info {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-review {
     backdrop-filter: saturate(100%) blur(10px);
     border: none;
     border-radius: var(--pq-border-radius);
     background-color: #FFFFFF14;
     display: flex;
     flex-direction: column;
     gap: 15px;
     padding: 20px;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-review .pq-review-title {
     color: var(--white-color);
}

.pq-offer-wrapper .pq-offer-info .pq-offer-review span {
     color: var(--white-color);
}

.pq-offer-wrapper .pq-offer-info .pq-offer-review .pq-review-star-ratting {
     display: flex;
     flex-direction: row;
     gap: 8px;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-review .pq-review-star-ratting i {
     color: #ffc24a;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact {
     border-top: 1px solid #525A5A;
     padding-top: 30px;
     display: flex;
     flex-direction: column;
     gap: 45px;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item {
     display: flex;
     gap: 15px;
     align-items: center;

}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-icon {
     color: var(--primary-color);
     border: 1px solid var(--primary-color);
     border-radius: 50%;
     font-size: 24px;
     height: 60px;
     width: 60px;
     line-height: 60px;
     text-align: center;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-icon i {
     color: var(--primary-color);
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-icon i::before {
     line-height: inherit;
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-content {
     color: var(--white-color);
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-content .pq-contact-text {
     margin-bottom: 0;
     color: var(--white-color);
}

.pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-content span {
     font-family: var(--title-fonts);
     font-size: 22px;
     margin-bottom: 5px;
     color: var(--white-color);
}

@media(max-width:1099px) {
     .pq-offer-wrapper {
          grid-template-columns: 0.7fr 1.2fr;
          border: none;
          gap: 45px;
          padding: 0;
     }

     .pq-offer-wrapper .pq-offer-content {
          border: none;
          padding: 0;
          justify-content: flex-start;
     }

     .pq-offer-wrapper .pq-offer-info {
          grid-column: 1/-1;
          flex-direction: row;
          justify-content: center;
     }

     .pq-offer-wrapper .pq-offer-info .pq-offer-contact {
          border: none;
          padding: 0;
     }
}

@media(max-width:767px) {
     .pq-offer-wrapper {
          grid-template-columns: 1fr;
     }

     .pq-offer-wrapper .pq-offer-info {
          flex-direction: column;
     }

     .pq-offer-wrapper .pq-offer-info .pq-offer-contact {
          flex-direction: column;
     }

     .pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item {
          flex-direction: column;
     }

     .pq-offer-wrapper .pq-offer-info .pq-offer-contact .pq-contact-item .pq-contact-content {
          text-align: center;
     }

}

/* ===================================
Price card
===================================== */

.pq-price-card-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}

.pq-price-card-wrapper .pq-left-price-card {
     position: relative;
     overflow: hidden;
     background-color: var(--dark-color);
     border-radius: var(--pq-border-radius);
     padding: 45px 60px;
}

.pq-price-card-wrapper .pq-left-price-card .pq-price-card-content {
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.pq-price-card-wrapper .pq-left-price-card .pq-price-card-content .pq-price-img-one {
     width: 22%;
     height: auto;
}

.pq-price-card-wrapper .pq-left-price-card .pq-price-card-content span {
     color: var(--primary-color);
}

.pq-price-card-wrapper .pq-left-price-card .pq-price-card-content .pq-price-card-title {
     color: var(--white-color);
     max-width: 41%;
}

.pq-price-card-wrapper .pq-left-price-card .pq-price-card-content p {
     color: var(--white-color);
     margin: 0;
     max-width: 51%;
}

.pq-price-card-wrapper .pq-left-price-card .pq-price-image .pq-sushi-img {
     position: absolute;
     width: 475px;
     height: 317px;
     left: 33%;
     bottom: 29%;
}

.pq-price-card-wrapper .pq-right-price-card {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
     background-color: var(--white-color);
     border-radius: var(--pq-border-radius);
     padding: 45px 60px;
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-content {
     display: flex;
     flex-direction: column;
     gap: 10px;
     justify-content: center;
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-content span {
     color: var(--primary-color);
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-content .pq-price-title {
     font-size: 32px;
     line-height: 40px;
     font-weight: 400;
     font-family: var(--title-fonts);
     color: var(--dark-color);
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-content p {
     margin: 0;
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-card-image {
     position: relative;
     text-align: end;
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-price-img-two {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
}

.pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-Burger-img {
     position: relative;
     width: 90%;
     height: 291px;
     align-items: center;
}

@media(max-width:1099px) {
     .pq-price-card-wrapper {
          grid-template-columns: 1fr;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-card-content .pq-price-img-one {
          width: 15%;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-image .pq-sushi-img {
          left: 55%;
          bottom: 16%;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-price-img-two {
          left: 30%;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-Burger-img {
          width: 60%;
     }
}

@media(max-width:1023px) {
     .pq-price-card-wrapper .pq-left-price-card .pq-price-image .pq-sushi-img {
          left: 53%;
          bottom: 21%;
     }
}

@media(max-width:799px) {
     .pq-price-card-wrapper .pq-left-price-card .pq-price-image .pq-sushi-img {
          left: 39%;
          bottom: 21%;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-price-img-two {
          left: 2%;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-Burger-img {
          width: 85%;
     }
}

@media(max-width:767px) {
     .pq-price-card-wrapper .pq-left-price-card {
          padding: 30px;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-card-content .pq-price-img-one {
          width: 30%;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-image .pq-sushi-img {
          left: 34%;
          bottom: 34%;
          width: 413px;
          height: 255px;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-card-content .pq-price-card-title  {
          max-width: 100%;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-card-content p {
          max-width: 100%;
     }

     .pq-price-card-wrapper .pq-right-price-card {
          grid-template-columns: 1fr;
     }

     .pq-price-card-wrapper .pq-right-price-card {
          padding: 30px;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image {
          text-align: center;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-price-img-two {
          left: 4%;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-Burger-img {
          width: 72%;
     }
}

@media(max-width:397px) {
     .pq-price-card-wrapper .pq-left-price-card .pq-price-card-content .pq-price-img-one {
          width: 50%;
     }

     .pq-price-card-wrapper .pq-left-price-card .pq-price-image .pq-sushi-img {
          left: 39%;
          bottom: 69%;
          width: 265px;
          height: 144px;
     }

     .pq-price-card-wrapper .pq-right-price-card .pq-price-card-image .pq-Burger-img {
          width: 85%;
          height: 245px;
     }
}

/*================================================
Footer
================================================*/

.footer {
     padding: 110px 0 60px 0;
     position: relative;
}

.pq-top-footer {
     display: grid;
     grid-template-columns: 0.7fr 1fr;
     gap: 30px;
}

.pq-top-footer .pq-footer-heading .pq-footer-title {
     color: var(--white-color);
     font-size: 56px;
     line-height: 64px;
     font-weight: 400;
}

.pq-top-footer .pq-footer-contact-list {
     display: flex;
     gap: 90px;
     justify-content: flex-end;
}

.pq-top-footer .pq-footer-contact-list .pq-footer-contact-item {
     display: grid;
     grid-template-columns: 0.2fr 1fr;
     gap: 15px;
     align-items: center;
}

.pq-top-footer .pq-footer-contact-list .pq-footer-contact-icon {
     color: var(--primary-color);
     border: 1px solid var(--primary-color);
     border-radius: 50%;
     font-size: 24px;
     height: 60px;
     width: 60px;
     line-height: 60px;
     text-align: center;
}

.pq-top-footer .pq-footer-contact-list .pq-footer-contact-icon i::before {
     line-height: inherit;
     color: var(--primary-color);
}

.pq-top-footer .pq-footer-contact-list .pq-footer-contact-content {
     color: var(--white-color);
}

.pq-top-footer .pq-footer-contact-list .pq-footer-contact-content span {
     font-family: var(--title-fonts);
     font-size: 22px;
     color: var(--white-color);
}

.pq-top-footer .pq-footer-contact-list .pq-footer-contact-content p {
     margin: 0;
     color: var(--white-color);
}

.pq-middle-footer {
     display: grid;
     grid-template-columns: 0.4fr 1fr;
     border-top: 1px solid #525A5A;
     padding-top: 60px;
     margin-top: 60px;
     gap: 100px;
}

.pq-middle-footer .pq-footer-logo {
     width: 30%;
}

.pq-middle-footer .pq-footer-info {
     display: grid;
     grid-template-columns: 1fr 1fr 1.5fr;
}

.pq-middle-footer .pq-footer-about {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-middle-footer .pq-footer-about .pq-footer-description {
     color: var(--white-color);
     margin: 0;
}

.pq-middle-footer .pq-footer-about .pq-footer-social {
     gap: 20px;
     padding: 0;
     display: flex;
     margin: 0;
}

.pq-middle-footer .pq-footer-about .pq-footer-social li {
     list-style: none;
}

.pq-middle-footer .pq-footer-about .pq-footer-social i {
     color: var(--primary-color);
     font-size: 20px;
}

.pq-middle-footer .pq-footer-widget {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-middle-footer .pq-footer-widget-title {
     color: var(--white-color);
     font-size: 22px;
}

.pq-middle-footer .pq-footer-widget .pq-footer-menu {
     display: flex;
     flex-direction: column;
     gap: 15px;
     padding: 0;
     margin: 0;
}

.pq-middle-footer .pq-footer-menu li {
     list-style: none;
}

.pq-middle-footer .pq-footer-menu li a {
     display: flex;
     align-items: center;
}

.pq-middle-footer .pq-footer-menu i {
     color: var(--primary-color);
     padding-right: 5px;
     font-size: 16px;
     line-height: 24px;
}

.pq-middle-footer .pq-footer-menu i::before {
     line-height: inherit;
}

.pq-middle-footer .pq-footer-menu a {
     color: var(--white-color);
     transition: var(--transition);
}

.pq-middle-footer .pq-footer-menu a:hover {
     color: var(--primary-color);
}

.pq-middle-footer .newsletter-form {
     position: relative;
}

.pq-middle-footer .newsletter-form [type="email"] {
     border: none;
     background-color: var(--white-color);
     height: 70px;
     line-height: 56px;
     padding: 2px 20px;
     border-radius: var(--big-border-radius);
}

.pq-middle-footer .newsletter-form [type="submit"] {
     background: var(--dark-color);
     border: none;
     color: var(--primary-color);
     font-size: 0px;
     width: 55px;
     height: 55px;
     position: absolute;
     top: 7px;
     right: 9px;
     padding: 0;
     border-radius: var(--big-border-radius);
}

.pq-middle-footer .newsletter-form i {
     font-size: 24px;
     color: var(--white-color);
     position: absolute;
     top: 20px;
     right: 25px;
}

.pq-middle-footer .newsletter-check {
     color: var(--white-color);
     display: flex;
     align-items: baseline;
     gap: 10px;
}

.pq-middle-footer .pq-footer-info .pq-footer-widget .newsletter-check input[type="checkbox"] {
     -webkit-appearance: none;
     width: 12px;
     height: 12px;
     margin: 0;
     padding: 5px;
     border: 2px solid var(--white-color);
     border-radius: 2px;
     background: transparent;
     cursor: pointer;
     position: relative;
     flex-shrink: 0;
}

.pq-middle-footer .pq-footer-info .pq-footer-widget .newsletter-check input[type="checkbox"]:checked::after {
     content: "";
     position: absolute;
     left: 4px;
     top: 0px;
     width: 5px;
     height: 10px;
     border: solid var(--white-color);
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
}

.pq-middle-footer .pq-footer-info .pq-footer-widget .newsletter-check label {
     color: var(--white-color);
     font-size: 18px;
     line-height: 1.4;
     cursor: pointer;
}

.pq-bottom-footer {
     padding-top: 60px;
}

.pq-bottom-footer .pq-footer-copyright p {
     color: var(--white-color);
     margin: 0;
}

.pq-light .pq-top-footer .pq-footer-heading .pq-footer-title,
.pq-light .pq-footer-contact-content,
.pq-light .pq-footer-contact-content p,
.pq-light .pq-top-footer .pq-footer-contact-list .pq-footer-contact-content p,
.pq-light .pq-footer-contact-content span,
.pq-light .pq-top-footer .pq-footer-contact-list .pq-footer-contact-content span,
.pq-light .pq-middle-footer .pq-footer-about .pq-footer-description,
.pq-light .pq-footer-widget-title,
.pq-light .pq-footer-menu a,
.pq-light .pq-middle-footer .newsletter-check,
.pq-light .pq-middle-footer .pq-footer-info .pq-footer-widget .newsletter-check label,
.pq-light .pq-footer-copyright p {
     color: var(--dark-color);
}

.pq-light .pq-middle-footer {
     border-top: 1px solid #0F1A1A26;
}

.pq-light .pq-middle-footer .pq-footer-info .pq-footer-widget .newsletter-check input[type="checkbox"] {
     border-color: var(--dark-color);
}

.pq-light .pq-middle-footer .pq-footer-info .pq-footer-widget .newsletter-check input[type="checkbox"]:checked::after {
     border-color: var(--dark-color);
}

@media(max-width:1365px) {
     .pq-middle-footer .pq-footer-about .pq-footer-description {
          max-width: 100%;
     }

     .pq-top-footer .pq-footer-heading .pq-footer-title {
          font-size: 52px;
          line-height: 60px;
     }
}

@media(max-width:1279px) {
     .pq-top-footer {
          grid-template-columns: 1fr;
     }

     .pq-top-footer .pq-footer-heading .pq-footer-title {
          font-size: 48px;
          line-height: 56px;
     }

     .pq-top-footer .pq-footer-contact-list {
          justify-content: flex-start;
     }

     .pq-middle-footer {
          padding-top: 40px;
          margin-top: 40px;
     }
}

@media(max-width:1099px) {
     .footer {
          padding: 60px 0;
     }

     .pq-top-footer .pq-footer-heading .pq-footer-title {
        font-size: 44px;
        line-height: 52px;
    }

     .pq-middle-footer {
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .pq-middle-footer .pq-footer-logo {
          width: 15%;
     }

     .pq-bottom-footer {
          padding: 60px 8px 0;
     }
}

@media(max-width:799px) {
     .pq-top-footer .pq-footer-heading .pq-footer-title {
        font-size: 38px;
        line-height: 46px;
    }

     .pq-bottom-footer {
          padding: 45px 8px 0;
     }
}

@media(max-width:767px) {
     .pq-top-footer .pq-footer-contact-list {
          flex-direction: column;
          gap: 30px;
     }

     .pq-top-footer .pq-footer-heading .pq-footer-title {
        font-size: 36px;
        line-height: 44px;
    }

     .pq-middle-footer .pq-footer-logo {
          width: 35%;
     }

     .pq-middle-footer .pq-footer-info {
          grid-template-columns: 1fr;
          gap: 40px;
     }
}

/* ===================================
contact
===================================== */

.pq-contact-wrapper {
     display: grid;
     grid-template-columns: 0.9fr 1.1fr;
     gap: 90px;
}

.pq-contact-wrapper .pq-contact-image img {
     border-radius: 350px 350px 0px 0px;
     width: 100%;
}

.pq-contact-wrapper .pq-contact-content {
     display: flex;
     flex-direction: column;
     gap: 30px;
     justify-content: flex-end;
}

.pq-contact-wrapper .pq-contact-content .pq-contact-form {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-contact-wrapper .pq-contact-content .pq-contact-form .form-row {
     display: flex;
     flex-direction: row;
     gap: 30px;
}

.pq-contact-wrapper .pq-contact-content .pq-contact-form .form-row .form-group {
     width: 100%;
}

.pq-contact-wrapper .pq-contact-content .pq-contact-form .form-row .form-group input {
     color: #8a8a8a;
}

.pq-contact-wrapper .pq-contact-content .pq-contact-form .form-row textarea {
     height: 180px;
}

@media(max-width:1499px) {
     .pq-contact-wrapper {
          gap: 60px;
     }
}

@media(max-width:1099px) {
     .pq-contact-wrapper {
          grid-template-columns: 1fr;
          gap: 40px;
     }
}

@media(max-width:767px) {
     .pq-contact-wrapper .pq-contact-content .pq-contact-form .form-row {
          flex-direction: column;
     }
}

/* ===== contact-style-1 =====  */

.pq-contact-wrapper.pq-style-1 {
     display: grid;
     grid-template-columns: 0.5fr 0.6fr;
     gap: 90px;
     align-items: start;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info {
     background: var(--grey-color);
     border-radius: 20px;
     padding: 60px;
     display: flex;
     flex-direction: column;
     gap: 40px;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list {
     display: flex;
     flex-direction: column;
     gap: 40px;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item {
     display: flex;
     align-items: center;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item .pq-contact-icon {
     width: 60px;
     height: 60px;
     line-height: 0;
     border: 1px solid #ff4d2d;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     flex-shrink: 0;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item .pq-contact-icon i {
     font-size: 22px;
     color: #ff4d2d;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item .pq-contact-text p {
     margin: 0;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-social-box {
     border-top: 1px solid #d8d8d8;
     padding-top: 45px;
     display: flex;
     flex-direction: column;
     gap: 15px;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-social-box .pq-social-list {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     list-style: none;
     padding: 0;
     margin: 0;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-social-box .pq-social-list li a i {
     width: 42px;
     height: 42px;
     line-height: 42px;
     border: 1px solid #ff4d2d;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #ff4d2d;
     text-decoration: none;
     transition: .4s;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-social-box .pq-social-list li a:hover {
     background: #ff4d2d;
     color: #fff;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-form {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-grid .pq-form-group {
     display: flex;
     flex-direction: column;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-grid .pq-form-group label {
     margin-bottom: 10px;
     text-transform: uppercase;
     font-size: 18px;
     color: #000;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-group.full-width label {
     margin-bottom: 10px;
     margin-top: 30px;
     text-transform: uppercase;
}

.pq-contact-wrapper.pq-style-1 .pq-contact-form button {
     margin-top: 30px;
     width: 100%;
}

@media(max-width:1099px) {
     .pq-contact-wrapper.pq-style-1 {
          grid-template-columns: 1fr;
          gap: 40px;
     }
}

@media(max-width:991px) {
     .pq-contact-wrapper.pq-style-1 .pq-contact-info {
          padding: 40px;
     }

     .pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-title {
          font-size: 55px;
     }
}

@media(max-width:767px) {
     .pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-grid {
          grid-template-columns: 1fr;
     }

     .pq-contact-wrapper.pq-style-1 .pq-contact-info {
          padding: 30px;
     }

     .pq-contact-wrapper.pq-style-1 .pq-contact-form .pq-form-title {
          font-size: 42px;
     }

     .pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item .pq-contact-text h5 {
          font-size: 22px;
          text-align: center;
     }

     .pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item .pq-contact-text p {
          font-size: 18px;
     }

     .pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item {
          flex-direction: column;
          gap: 15px;
     }
}

@media(max-width:575px) {
     .pq-contact-wrapper.pq-style-1 .pq-contact-info {
          padding: 25px;
     }
}

@media(max-width:397px) {
     .pq-contact-wrapper.pq-style-1 .pq-contact-info .pq-contact-list .pq-contact-item .pq-contact-text p {
          text-align: center;
     }
}

/* ===== contact-us =====  */

.pq-contact-main-block {
     line-height: 0;
}

.pq-contact-media-one iframe {
     width: 100%;
     height: 650px;
}

@media(max-width:397px) {
     .pq-contact-media-one iframe {
          height: 400px;
     }
}

/* ===================================
counter
===================================== */

/* ===== counter-style-1 =====  */

.pq-counter.pq-style-1 {
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.pq-counter.pq-style-1 .pq-counter-num {
     display: flex;
     font-size: 200px;
     font-family: var(--title-fonts);
     line-height: 1.05;
}

.pq-counter.pq-style-1 .pq-counter-description {
     color: var(--primary-color);
     margin-bottom: 0;
}

@media(max-width:1279px) {
     .pq-counter.pq-style-1 .pq-counter-num {
          font-size: 150px;
          line-height: 158px;
     }
}

@media(max-width:1099px) {
     .pq-counter.pq-style-1 .pq-counter-num {
          font-size: 110px;
          line-height: 118px;
     }
}

/* ===== counter-style-2 =====  */

.pq-counter.pq-style-2 {
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.pq-counter.pq-style-2 .pq-counter-num {
     display: flex;
     justify-content: center;
     font-size: 100px;
     font-family: var(--title-fonts);
     line-height: 1.05;
}

.pq-counter.pq-style-2 .pq-counter-description {
     margin-bottom: 0;
}

@media(max-width:1279px) {
     .pq-counter.pq-style-2 .pq-counter-num {
          font-size: 150px;
          line-height: 158px;
     }
}

@media(max-width:1099px) {
     .pq-counter.pq-style-2 .pq-counter-num {
          font-size: 110px;
          line-height: 118px;
     }
}

/* ===================================
master chefs
===================================== */

.pq-team-details-page-section-wrapper {
     display: grid;
     grid-template-columns: 3fr 6fr;
     gap: 45px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper {
     padding: 30px;
     background-color: var(--grey-color);
     border-radius: var(--pq-border-radius);
     position: sticky;
     top: 75px;
     height: auto;
     align-self: start;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper {
     display: grid;
     grid-template-columns: 1fr;
     margin-top: 30px;
     gap: 20px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box {
     display: flex;
     flex-direction: row;
     gap: 15px;
     align-items: center;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box .pq-icon-box-content .pq-icon-box-title {
     text-transform: capitalize;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box-icon {
     background-color: var(--white-color);
     border-radius: 50%;
     color: var(--primary-color);
     fill: var(--primary-color);
     width: 48px;
     height: 48px;
     line-height: 48px;
     text-align: center;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box-icon svg {
     width: 24px;
     height: 24px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box-icon i {
     font-size: 24px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box .pq-icon-box-content .pq-icon-box-description {
     margin-bottom: 0;
     color: var(--dark-color);
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-title-one {
     margin-bottom: 20px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-title-info-description {
     margin-bottom: 20px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-qualification-list {
     margin-bottom: 60px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-qualification-list ul {
     padding-left: 0;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-qualification-list li {
     display: flex;
     flex-direction: row;
     gap: 10px;
     list-style: none;
     margin-bottom: 10px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-qualification-list .title .heading {
     color: var(--primary-color);
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     background-color: var(--grey-color);
     padding: 30px;
     border-radius: var(--pq-border-radius);
     margin-bottom: 60px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-progressbar-box.pq-progressbar-style-1 {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone ul {
     margin: 0;
     padding: 0;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone li {
     list-style: none;
     margin: 7.5px 0px 0px;
     padding: 0px 0px 7.5px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone li:first-child {
     margin: 0;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone li:last-child {
     padding: 0;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone .pq-icon-list-box .pq-icon-list-wrapper .pq-icon-list svg {
     width: 24px;
     height: 24px;
     fill: var(--primary-color);
     padding: 0px 5px 0px 0px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar .pq-milestone .pq-icon-list-box .pq-icon-list-wrapper .pq-icon-list .pq-icon-list-description {
     padding: 0px 0px 0px 5px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-challenges {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-challenges .pq-title-info-description {
     margin: 0;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-challenges .pq-title-info-description:last-child {
     margin-bottom: 60px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 {
     background-color: var(--grey-color);
     border-radius: var(--pq-border-radius);
     display: flex;
     flex-direction: column;
     gap: 30px;
     padding: 30px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 .pq-contact-form {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 .pq-contact-form .form-row {
     display: flex;
     flex-direction: row;
     gap: 30px;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 .pq-contact-form .form-row .form-group {
     width: 100%;
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 .pq-contact-form .form-row input {
     border-radius: var(--pq-border-radius);
}

.pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 .pq-contact-form .form-row textarea {
     height: 150px;
     margin-bottom: 15px;
     background-color: var(--white-color);
}

@media(max-width:1099px) {
     .pq-team-details-page-section-wrapper {
          grid-template-columns: 1fr;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper {
          position: static;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-image-box img {
          display: block;
          width: 100%;
     }
}

@media(max-width:767px) {
     .pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper {
          padding: 10px 10px;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box a {
          flex-direction: column;
          text-align: center;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box {
          display: flex;
          flex-direction: column;
          text-align: center;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-qualification-list {
          margin-bottom: 40px;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-qualification-list li {
          flex-direction: column;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-skills-wrapper .pq-progressbar {
          grid-template-columns: 1fr;
          padding: 20px;
          margin-bottom: 40px;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-challenges .pq-title-info-description:last-child {
          margin-bottom: 40px;
     }

     .pq-team-details-page-section-wrapper .pq-wrapper-right .pq-info .pq-contact.pq-style-1 .pq-contact-form .form-row {
          flex-direction: column;
     }
}

@media(max-width:397px) {
     .pq-team-details-page-section-wrapper .pq-wrapper-left .pq-info-wrapper .pq-icon-box-wrapper .pq-icon-box .pq-icon-box-content .pq-icon-box-description {
          font-size: 16px;
          line-height: 24px;
     }
}

/*================================================
   Menu Details
================================================*/

.pq-menu-main-block {
     display: grid;
     grid-template-columns: 1fr 2fr;
     gap: 45px;
}

.pq-menu-main-block .pq-menu-left-box {
     display: flex;
     flex-direction: column;
     gap: 30px;
     position: sticky;
     top: 30px;
     height: auto;
     align-self: start;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-top-box .pq-menu-information {
     background-color: var(--grey-color);
     padding: 30px;
     border-radius: var(--pq-border-radius);
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-top-box .pq-menu-information .pq-menu-contain {
     display: flex;
     flex-direction: column;
     gap: 15px;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-top-box .pq-menu-information .pq-menu-contain .pq-menu-info {
     background-color: var(--white-color);
     border-radius: 15px;
     padding: 15px;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-top-box .pq-menu-information .pq-menu-contain .pq-menu-info .pq-menu-details-title {
     display: flex;
     gap: 10px;
     align-items: center;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-top-box .pq-menu-information .pq-menu-contain .pq-menu-info .pq-menu-details-title .pq-menu-title {
     color: var(--primary-color);
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-bottom-box {
     background-color: var(--grey-color);
     border-radius: var(--pq-border-radius);
     padding: 30px;
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-bottom-box .pq-menu-media-box {
     text-align: center;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-bottom-box .pq-media-contact {
     background-color: var(--primary-color);
     border-radius: 10px;
     padding: 16px;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-bottom-box .pq-media-contact .pq-contact-item a {
     display: flex;
     flex-direction: row;
     color: var(--white-color);
     gap: 0px;
     justify-content: center;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-bottom-box .pq-media-contact .pq-contact-item .pq-contact-icon i {
     padding-right: 4px;
}

.pq-menu-main-block .pq-menu-left-box .pq-menu-bottom-box .pq-media-contact .pq-contact-item .pq-contact-content p {
     margin: 0;
     padding-left: 5px;
}

.pq-menu-main-block .pq-menu-right-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-top-box .pq-menu-contain {
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-center-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-center-box .pq-menu-icon-main-block .pq-icon-main-box {
     display: flex;
     flex-direction: row;
     gap: 20px;
     align-items: start;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-center-box .pq-menu-icon-main-block .pq-icon-main-box:first-child {
     border-bottom: 1px solid #2144421A;
     margin-bottom: 30px;
     padding-bottom: 30px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-center-box .pq-menu-icon-main-block .pq-icon-main-box .pq-menu-icon-box .pq-menu-icon i {
     font-size: 50px;
     fill: var(--primary-color);
     color: var(--primary-color);
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-center-box .pq-menu-icon-main-block .pq-icon-main-box .pq-menu-info .pq-menu-icon-text {
     text-transform: capitalize;
     color: var(--primary-color);
     margin-bottom: 5px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     margin-top: 10px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one {
     background-color: var(--grey-color);
     border-radius: var(--pq-border-radius);
     padding: 30px;
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-counter-info {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     line-height: 0;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-counter-info .pq-counter .pq-counter-num {
     font-size: 62px;
     font-weight: 400;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-icon-wrapper .pq-icon {
     background-color: var(--primary-color);
     border-radius: 10px;
     height: 60px;
     width: 60px;
     line-height: 60px;
     text-align: center;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-icon-wrapper .pq-icon i {
     font-size: 30px;
     fill: var(--white-color);
     color: var(--white-color);
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-icon-wrapper .pq-icon i::before {
     line-height: inherit;
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-counter-content .pq-counter-check i {
     fill: var(--primary-color);
     color: var(--primary-color);
}

.pq-menu-main-block .pq-menu-right-box .pq-menu-accordion {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 30px;
}

@media(max-width:1099px) {
     .pq-menu-main-block {
          grid-template-columns: 1fr;
     }

     .pq-menu-main-block .pq-menu-left-box {
          position: static;
          top: auto;
          order: 2;
     }

     .pq-menu-main-block .pq-menu-right-box .pq-menu-center-box {
          margin-top: 15px;
     }

     .pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box {
          margin-top: 15px;
     }

     .pq-menu-main-block .pq-menu-right-box .pq-menu-accordion {
          margin-top: 15px;
     }
}

@media(max-width:799px) {
     .pq-menu-main-block .pq-menu-right-box .pq-menu-center-box {
          margin-top: 0;
     }

     .pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box {
          margin-top: 0;
     }

     .pq-menu-main-block .pq-menu-right-box .pq-menu-accordion {
          margin-top: 0;
     }
}

@media(max-width:767px) {
     .pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper {
          grid-template-columns: 1fr;
     }
}

@media(max-width:479px) {
     .pq-menu-main-block .pq-menu-left-box .pq-menu-top-box .pq-menu-information .pq-menu-contain .pq-menu-info .pq-menu-details-title {
          flex-direction: column;
          align-items: flex-start;
          gap: 0;
     }

     .pq-menu-main-block .pq-menu-right-box .pq-menu-center-box .pq-menu-icon-main-block .pq-icon-main-box {
          flex-direction: column;
          gap: 0;
     }
}

@media(max-width:397px) {
     .pq-menu-main-block .pq-menu-right-box .pq-menu-bottom-box .pq-counter-wrapper .pq-counter-one .pq-counter-info .pq-counter .pq-counter-num {
          font-size: 42px;
     }
}

/*================================================
   Accordion
================================================*/
.pq-accordion-box {
     margin-bottom: 20px;
     position: relative;
}

.pq-accordion-box:last-child {
     margin-bottom: 0;
}

.pq-accordion-box.pq-active:last-child {
     margin-bottom: 0;
}

.pq-accordion-box .pq-ad-title {
     padding: 20px;
     border-radius: 10px;
     background-color: var(--grey-color);
     display: flex;
     gap: 15px;
     align-items: center;
     transition: var(--transition);
}

.pq-accordion-box.pq-active .pq-ad-title {
     background-color: var(--primary-color);
     border-radius: 15px 15px 0 0;
     color: var(--white-color);
     border-bottom: 1px solid #FFFFFF1A;
}

.pq-accordion-box .pq-ad-number {
     font-family: var(--body-fonts);
     color: var(--dark-color);
     transition: var(--transition);
}

.pq-accordion-box.pq-active .pq-ad-title .pq-ad-number {
     color: var(--white-color);
}

.pq-accordion-box .ad-title-text {
     margin-right: 30px;
     color: var(--dark-color);
     transition: var(--transition);
     text-transform: capitalize;
     font-family: var(--body-fonts);
     font-size: 22px;
}

.pq-accordion-box.pq-active .pq-ad-title .ad-title-text {
     color: var(--white-color);
}

.pq-accordion-box .ad-title-text i {
     font-size: 16px;
     font-weight: 700;
     text-align: center;
     position: absolute;
     right: 20px;
     top: 20px;
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     align-content: center;
     color: var(--dark-color);
     transition: var(--transition);
     border-radius: var(--small-border-radius);
}

.pq-accordion-box.pq-active .ad-title-text i {
     color: var(--white-color);
     display: none;
}

.pq-accordion-box .ad-title-text i:before {
     line-height: inherit;
}

.pq-accordion-box .ad-title-text i.inactive {
     display: none;
}

.pq-accordion-box.pq-active .ad-title-text i.inactive {
     width: 40px;
     height: 40px;
     line-height: 40px;
     display: inline-block;
     text-align: center;
     align-content: center;
     color: var(--white-color);
     transition: var(--transition);
     border-radius: var(--small-border-radius);
}

.pq-accordion-box .pq-accordion-details {
     padding: 15px 60px 30px 20px;
     border-radius: 0 0 15px 15px;
     background-color: var(--grey-color);
}

.pq-accordion-box.pq-active .pq-accordion-details {
     background-color: var(--primary-color);
     border-radius: 0 0 15px 15px;
}

.pq-accordion-box .pq-accordion-details .pq-detail-text {
     margin-bottom: 0;
     color: var(--white-color);
}

@media (max-width:767px) {

     .pq-accordion-box .ad-title-text {
          margin-right: 40px;
     }

     .pq-accordion-box .ad-title-text i {
          right: 20px;
          top: 20px;
     }

     .pq-accordion-box .pq-accordion-details {
          padding: 15px 20px 15px 20px;
     }
}

@media (max-width:479px) {
     .pq-accordion-box .pq-ad-title {
          align-items: start;
          padding: 20px 15px;
     }

     .pq-accordion-box .ad-title-text {
          font-size: 18px;
          line-height: 26px;
     }

     .pq-accordion-box .ad-title-text i {
          width: 30px;
          height: 30px;
          line-height: 30px;
     }

     .pq-accordion-box.pq-active .ad-title-text i.inactive {
          width: 30px;
          height: 30px;
          line-height: 30px;
     }
}

@media (max-width:397px) {
     .pq-accordion-box {
          margin-bottom: 30px;
     }
}

/* ===================================
faq
===================================== */

.pq-faq-main {
     display: grid;
     grid-template-columns: 0.5fr 0.7fr;
     gap: 60px;
     align-items: start;
     position: relative;
}

.pq-faq-main .pq-faq-content {
     display: flex;
     flex-direction: column;
     gap: 40px;
}

.pq-faq-main .pq-faq-content .pq-faq-image {
     position: absolute;
     bottom: 0;
     left: 10%;
}

.pq-faq-main .pq-faq-content .pq-faq-image img {
     width: 85%;
}

@media(max-width:1099px) {
     .pq-faq-main {
          grid-template-columns: 1fr;
          gap: 40px;
     }

     .pq-faq-main .pq-faq-content {
          gap: 30px;
     }

     .pq-faq-main .pq-faq-content .pq-faq-image img {
          display: none;
     }
}

/* ===== style-2 =====  */

.pq-faq-grid-block {
     display: grid;
     grid-template-columns: 0.9fr 1fr;
     gap: 45px;
}

.pq-faq-grid-block .pq-faq-left-box {
     display: flex;
     flex-direction: column;
     gap: 60px;
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box {
     border-radius: 20px;
     background-color: var(--primary-color);
     overflow: hidden;
     width: 75%;
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-top {
     padding: 20px;
     text-align: center;
     background-color: var(--primary-color-rgb);
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-top h4 {
     color: var(--white-color);
     text-transform: math-auto;
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom {
     display: grid;
     grid-template-columns: 1fr 1fr;
     padding: 20px;
     background-color: var(--grey-color);
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom .pq-contact-item {
     padding: 20px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     align-items: center;
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom .pq-contact-item:first-child {
     border-right: 1px solid #7574741F;
}

.pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom .pq-contact-item h6 {
     color: var(--primary-color);
     text-transform: math-auto;
}

@media(max-width:1099px) {
     .pq-faq-grid-block {
          grid-template-columns: 1fr;
     }

     .pq-faq-grid-block .pq-faq-left-box {
          gap: 30px;
     }

     .pq-faq-grid-block .pq-faq-left-box .pq-contact-box {
          width: 100%;
     }
}

@media(max-width:767px) {
     .pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom {
          grid-template-columns: 1fr;
     }

     .pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom .pq-contact-item {
          padding: 20px 0px 20px 0px;
          align-items: flex-start;
     }

     .pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom .pq-contact-item:first-child {
          border-right: none;
     }

     .pq-faq-grid-block .pq-faq-left-box .pq-contact-box .pq-contact-bottom .pq-contact-item h6 {
          font-size: 24px;
     }
}

/*================================================
shop page
================================================*/

.pq-product-main-block .pq-products-data-box {
     display: flex;
     justify-content: space-between;
     margin-bottom: 30px;
     align-items: center;
}

.pq-product-item-box {
     display: grid;
     grid-template-columns: repeat(4, 4fr);
     gap: 40px;
}

.pq-product-items .pq-product-media {
     position: relative;
}

.pq-product-items .pq-product-media .pq-product-img {
     border-radius: var(--pq-border-radius);
     margin-bottom: 18px;
     width: 100%;
}

.pq-product-items .pq-product-content {
     text-align: center;
}

.pq-product-items .pq-product-content .pq-product-name {
     font-size: 20px;
     line-height: 28px;
     padding-bottom: 5px;
     font-family: var(--body-fonts);
     text-transform: math-auto;
}

.pq-product-items .pq-product-content .pq-product-price {
     font-size: 16px;
     color: var(--secondary-color);
}

.pq-product-items .pq-product-rating {
     margin-bottom: 12px;
     text-align: center;
}

.pq-product-items .pq-product-rating i {
     font-size: 16px;
}

.pq-product-items .pq-btn {
     text-align: center;
}

.pq-product-items .pq-btn a {
     font-size: 16px;
     padding: 8px 30px;
     font-weight: 400;
     text-transform: uppercase;
     line-height: 1.6;
     font-family: var(--title-fonts);
     background-color: var(--dark-color);
     color: var(--white-color);
     border-radius: 900px;
     display: inline-block;
     margin-top: 16px;
}

.pq-product-items .pq-btn a:hover {
     color: var(--dark-color);
     background-color: var(--primary-color);

}

@media(max-width:979px) {
     .pq-product-item-box {
          grid-template-columns: repeat(2, 4fr);
     }
}

@media(max-width:767px) {
     .pq-product-item-box {
          grid-template-columns: repeat(1, 4fr);
     }

     .pq-product-main-block .pq-products-data-box {
          display: flex;
          flex-direction: column;
          gap: 30px;
     }
}

/* ----- cart ----- */

.pq-cart-main-block .pq-cart-top-box {
     margin-bottom: 60px;
}

.pq-cart-main-block .pq-cart-top-box .pq-cart-svg::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;
     color: var(--primary-color);
}

.pq-cart-main-block .pq-cart-top-box .pq-cart-title {
     font-size: 18px;
     text-align: center;
     text-transform: math-auto;
}

.pq-cart-main-block .pq-cart-info {
     margin-bottom: 45px;
}

.pq-cart-main-block .pq-cart-info .pq-cart-title {
     text-transform: math-auto;
}

.pq-cart-main-block .pq-product-items .pq-btn a {
     background-color: var(--primary-color);
     color: var(--white-color);
}

.pq-cart-main-block .pq-product-items .pq-btn a:hover {
     background-color: var(--dark-color);
     color: var(--white-color);
}

/* ===================================
Custom Css
===================================== */

.pq-bg-grey {
     background-color: var(--grey-color);
}

.pq-bg-grey::before {
     content: "";
     position: absolute;
     inset: 0;
     background: url("../images/dishes/bg-img.png") center/cover repeat;
     opacity: 0.02;
     z-index: 0;
}

.pq-bg-grey-one {
     background-color: var(--grey-color);
}

.pq-bg-dark {
     background-color: var(--dark-color);
}

.pq-bg-dark::before {
     content: "";
     position: absolute;
     inset: 0;
     background: url("../images/banner/bg-img-1.png") center/cover repeat;
     opacity: 0.03;
     z-index: 0;
}

.pq-bg-dark-one {
     background-color: var(--dark-color);
}

.pq-bg-dark-one .pq-section-title .pq-title .pq-title-heading {
     color: var(--white-color);
}

.mb-lg-custom {
     margin-bottom: 0;
}

@media (max-width: 991px) {
     .mb-lg-custom {
          margin-bottom: 30px;
     }
}

.pq-img-effect {
     position: relative;
     overflow: hidden;
}

.pq-img-effect::after {
     content: "";
     position: absolute;
     width: 200%;
     height: 0%;
     left: 50%;
     top: 50%;
     background-color: rgba(255, 255, 255, .3);
     transform: translate(-50%, -50%) rotate(-45deg);
     z-index: 1;
}

.pq-img-effect:hover::after {
     height: 250%;
     transition: all 0.8s linear;
     background-color: transparent;
}

.pq-map-dark {
     background-color: var(--dark-color);
}

.pq-map-dark::before {
     content: "";
     position: absolute;
     inset: 0;
     background: url("../images/banner/bg-map-img.png") center/cover repeat;
     opacity: 0.03;
     z-index: 0;
}

.pq-product-main.pq-style-2 {
     background-color: var(--grey-color);
}

.pq-video-wrapper .pq-video-popup .pq-video-popup-icon a {
     background-color: var(--primary-color);
}

.pq-video-wrapper .pq-video-popup .pq-video-popup-icon i {
     font-size: 32px;
}