/*
Template: Industi - Corporate, Industry & Factory HTML Template
Author: peacefulqode.co.in
Version: 1.0
Design and Developed by: Peacefulqode
*/

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

==> Moz Selection
==> General
==> Loading
==> Back to Top
==> Button Core
==> Animation Button
==> Section Title
==> Header
==> Banner
==> Breadcrumb
==> Footer
==> Blog
==> Blog Sidebar
==> Recent Post
==> Blog Single Post
==> Isotope Portfolio
==> Portfolio Box
==> Portfolio Zigzag
==> Portfolio Slider
==> Service Box
==> Wow Image effects
==> Icon Box
==> Process Step
==> Popup Animation
==> Team
==> Fancy Box
==> Testimonial
==> OWL Carousel
==> Form
==> Client
==> Map Box
==> Pagination
==> Service Single
==> Card
==> Pricing Plan
==> Award
==> Counter
==> FAQ
==> Progress Bar
==> Countdown
==> Icon
==> Parallax Images
==> Custom Css

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

/*===== fonts =====*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Sora:wght@100..800&display=swap');

/*================================================
Moz Selection
================================================*/
:root {
     --primary-color: #F84E10;
     --dark-color: #151515;
     --secondary-color: #666666;
     --grey-color: #F4F4F4;
     --white-color: #ffffff;
     --light-white: #ffffff2b;
     --light-black: #0000001F;
     --body-fonts: "DM Sans", sans-serif;
     --title-fonts: "Sora", serif;
     --border-radius: 10px;
     --big--border-radius: 900px;
     --transition: all 0.5s ease-in-out;
}

/*================================================
General
================================================*/
body {
     background: var(--white-color);
     font-family: var(--body-fonts);
     font-size: 18px;
     font-style: normal;
     font-weight: normal;
     line-height: 1.8;
     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;
     text-transform: capitalize;
     font-weight: 600;
     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: 40px;
     font-style: normal;
     line-height: 48px;
}

h2 {
     font-size: 36px;
     font-style: normal;
     line-height: 44px;
}

h3 {
     font-size: 32px;
     font-style: normal;
     line-height: 40px;
}

h4 {
     font-size: 28px;
     font-style: normal;
     line-height: 36px;
}

h5 {
     font-size: 24px;
     font-style: normal;
     line-height: 32px;
}

h6 {
     font-size: 20px;
     font-style: normal;
     line-height: 28px;
}

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

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

p {
     margin-bottom: 30px;
}

img {
     max-width: 100%;
     height: auto;
}

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: none;
}

ol ol {
     padding-left: 25px;
}

ul li {
     list-style: none;
}

/*===== 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: 16px;
     padding: 12px 30px;
     height: 56px;
     line-height: 56px;
     outline: none;
     border-radius: var(--pq-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: 16px;
     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;
}


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

section {
     padding: 130px 0;
     position: relative;
     margin: 0 20px;
}

@media(max-width:1499px) {
     section {
          margin: 0;
          border-radius: 0;
          overflow: hidden;
     }
}

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

     }
}

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

     }
}

.pq-bg-grey {
     background-color: var(--grey-color);
     border-radius: 10px;
}

.pq-bg-dark {
     background-color: var(--dark-color);
     border-radius: 10px;
}

.pq-bg-primary {
     background-color: var(--primary-color);
     border-radius: 10px;
}

@media(max-width:1499px) {

     .pq-bg-grey,
     .pq-bg-dark,
     .pq-bg-primary {
          border-radius: 0;
     }
}

/*===== Scrollbar=====*/

html::-webkit-scrollbar {
     width: 8px;
     border-radius: 8px;
}

html::-webkit-scrollbar-track {
     background-color: var(--grey-color);
     border-radius: 8px
}

html::-webkit-scrollbar-thumb {
     background-color: var(--primary-color);
     border-radius: 8px
}

html {
     scroll-behavior: smooth;
}

/*================================================
loading
================================================*/
#pq-loading {
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: fixed;
     display: flex;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     width: 100%;
     height: 100%;
     background: var(--white-color);
}

#pq-loading img {
     height: 150px;
}

@media (max-width: 767px) {
     #pq-loading img {
          height: 100px;
     }
}

/*================================================
Back To Top
================================================*/
#back-to-top .top {
     position: fixed;
     bottom: 30px;
     right: 30px;
     margin: 0px;
     color: var(--dark-color);
     background: var(--white-color);
     z-index: 99;
     border: 1px solid var(--dark-color);
     font-size: 22px;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 48px;
     border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     -webkit-border-radius: var(--big--border-radius);
     overflow: hidden;
}

#back-to-top .top:hover {
     background: var(--primary-color);
     color: var(--white-color);
}

#back-to-top .top i {
     display: inline-block;
}

#back-to-top .top:hover i {
     animation: back-to-top-animation 0.4s linear;
}

@keyframes back-to-top-animation {
     0% {
          transform: translate(0, 0);
          opacity: 1;
     }

     50% {
          transform: translate(0, -40px);
          opacity: 0;
     }

     51% {
          transform: translate(0, 40px);
          opacity: 0;
     }

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

/*================================================
Button Core
================================================*/
[type="button"],
[type="reset"],
[type="submit"] {
     padding: 12px 30px;
     font-size: 18px;
     line-height: 2;
     font-family: var(--body-fonts);
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     background: var(--primary-color);
     color: var(--white-color);
     display: inline-block;
     border: none;
     width: auto;
     height: auto;
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
     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 {
     background-color: var(--dark-color);
     color: var(--white-color);
}

.pq-button {
     position: relative;
     padding: 12px 30px;
     width: auto;
     background: var(--primary-color);
     color: var(--white-color);
     font-size: 18px;
     line-height: 2;
     font-family: var(--body-fonts);
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     vertical-align: middle;
     border: none;
     display: inline-block;
     overflow: hidden;
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
}

.pq-button:hover,
.pq-button:focus {
     color: var(--white-color);
}

.pq-button::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 600px;
     height: 600px;
     background-color: var(--dark-color);
     transform: scale(0) translate(-50%, -50%);
     transform-origin: top left;
     transition: var(--transition);
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
}

.pq-button:hover::before {
     transform: scale(1) translate(-50%, -50%);
}

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

.pq-bg-dark .pq-button::before {
     background-color: var(--white-color);
}

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

.pq-button.pq-button-link {
     padding: 0;
     background: transparent;
     color: var(--primary-color);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}

.pq-button.pq-button-link:hover {
     color: var(--primary-color);
}

.pq-button.pq-button-link::before {
     content: '';
     position: absolute;
     top: initial;
     bottom: 1px;
     left: 0;
     width: 0;
     height: 2px;
     background-color: var(--primary-color);
     transition: all 0.4s ease-in-out;
     transform: none;
     transition-delay: 0.1s;
}

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

.pq-button.pq-button-link::after {
     content: '';
     position: absolute;
     bottom: 1px;
     right: 0;
     width: 100%;
     height: 2px;
     background-color: var(--primary-color);
     transition: all 0.4s ease-in-out;
}

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

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

.pq-button.pq-button-outline {
     background: transparent;
     border: 1px solid var(--primary-color);
     color: var(--primary-color);
}

.pq-button.pq-button-outline:hover,
.pq-button.pq-button-outline:focus {
     border: 1px solid var(--dark-color);
     color: var(--dark-color);
}

.pq-button.pq-button-outline::before {
     display: none;
}

/*===== Button Round =====*/

.pq-button-round {
     overflow: hidden;
     letter-spacing: 1px;
     font-family: var(--title-fonts);
     font-weight: 400;
     text-transform: uppercase;
     line-height: 2;
     font-size: 18px;
     background: transparent;
     border: 2px solid var(--primary-color);
     color: var(--primary-color);
     display: inline-flex;
     width: 150px;
     height: 150px;
     text-align: center;
     justify-content: center;
     align-items: center;
     border-radius: 9999px;
}

.pq-button-round .pq-button-block .pq-button-text {
     z-index: 9;
     position: relative;
     display: block;
     transform: translateY(0%);
     transition: all 0.3s ease-in-out;
}

.pq-button-round:hover .pq-button-block .pq-button-text {
     transform: translateY(-100%);
}

/*===== Icon Button =====*/

.pq-icon-button {
     overflow: hidden;
}

.pq-icon-button a {
     width: 60px;
     height: 60px;
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
     font-size: 24px;
     line-height: 58px;
     display: inline-block;
     color: var(--dark-color);
     background-color: var(--grey-color);
     text-align: center;
     transition: var(--transition);
     border: 1px solid var(--dark-color);
}

.pq-icon-button a:hover {
     color: var(--white-color);
     background-color: var(--dark-color);
}

.pq-icon-button a i {
     display: inline-block;
     transform: translate(0, 0);
}

.pq-icon-button a:hover i {
     animation: button-animation 0.4s linear;
}

@keyframes button-animation {
     0% {
          transform: translate(0, 0);
          opacity: 1;
     }

     50% {
          transform: translate(40px, 0);
          opacity: 0;
     }

     51% {
          transform: translate(-40px, 0);
          opacity: 0;
     }

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

/*================================================
Animation Button  
================================================*/
.pq-animation-main-box {
     max-width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.pq-animation-button {
     width: 180px;
     height: 180px;
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
     transform-origin: center;
     position: relative;
     background-color: var(--primary-color);
}

.pq-animation-button .pq-animation-button-inner .pq-animation-button-icon {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 90px;
     height: 90px;
     font-size: 28px;
     line-height: 1;
     z-index: 1;
     background-color: var(--grey-color);
     border-radius: var(--big--border-radius);
}

.pq-bg-grey .pq-animation-button .pq-animation-button-inner .pq-animation-button-icon {
     background-color: var(--grey-color);
}

.pq-animation-button .pq-animation-button-inner .pq-animation-button-icon i {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}

.pq-animation-button .pq-animation-button-inner img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     animation: text-animatio 10s linear infinite;
}

@keyframes text-animatio {
     from {
          transform: rotate(0deg);
     }

     to {
          transform: rotate(-360deg);
     }
}

/*================================================
Section Title
================================================*/
.pq-section-title.text-center {
     padding: 0 15em;
     margin-bottom: 60px;
}

.pq-section-title .pq-title-sub-title {
     font-size: 18px;
     line-height: 26px;
     font-family: var(--body-fonts);
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     color: var(--primary-color);
     display: inline-flex;
     align-items: center;
     gap: 8px;
}

.pq-section-title.pq-bg-dark .pq-title-sub-title {
     color: var(--white-color);
}

.pq-title-ul-primary .pq-section-title.pq-bg-dark .pq-title-sub-title {
     color: var(--primary-color);
}

.pq-section-title .pq-title-heading {
     font-size: 52px;
     line-height: 60px;
     color: var(--dark-color);
     padding: 0;
     margin: 0;
     display: block;
}

.pq-section-title.pq-bg-dark .pq-title-heading {
     color: var(--white-color);
}

.pq-section-title .pq-title-heading .word {
     display: inline-block;
}

.pq-section-title .pq-title-heading .word .char:first-child {
     text-transform: capitalize;
}

.pq-section-title .pq-title-heading .pq-title-ul {
     position: relative;
     color: var(--primary-color);
     display: inline-block;
}

.pq-section-title.pq-bg-white .pq-title-heading .pq-title-ul {
     color: var(--white-color);
}

.pq-title-ul-primary .pq-section-title.pq-bg-dark .pq-title-heading .pq-title-ul {
     color: var(--primary-color);
}

.pq-section-title .pq-title-heading .pq-title-ul::before {
     content: '';
     position: absolute;
     bottom: 4%;
     left: 0;
     width: 0;
     height: 5px;
     background-color: var(--primary-color);
     transition: var(--transition);
}

.pq-section-title .pq-title-heading .pq-title-ul::before {
     transition-delay: 0.2s;
}

.pq-section-title.pq-bg-white .pq-title-heading .pq-title-ul::before {
     background-color: var(--white-color);
}

.pq-title-ul-primary .pq-section-title.pq-bg-dark .pq-title-heading .pq-title-ul::before {
     background-color: var(--primary-color);
}

.pq-section-title .pq-title-heading[data-scroll="in"] .pq-title-ul::before {
     width: 100%;
}

.pq-section-title .pq-title-heading+.pq-title-description {
     margin-top: 10px;
     margin-bottom: 30px;
}

.pq-section-title.pq-bg-dark .pq-title-description {
     color: var(--white-color);
}

.pq-section-title.text-center .pq-title-heading+.pq-title-description {
     margin-bottom: 0;
}

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

@media (max-width: 1023px) {
     .pq-section-title .pq-title-heading {
          font-size: 44px;
          line-height: 52px;
     }

     .pq-section-title.text-center {
          margin-bottom: 45px;
     }
}

@media (max-width: 767px) {
     .pq-section-title .pq-title-heading {
          font-size: 40px;
          line-height: 48px;
     }

     .pq-section-title.text-center {
          margin-bottom: 30px;
     }
}

@media (max-width: 479px) {
     .pq-section-title .pq-title-heading {
          font-size: 36px;
          line-height: 44px;
     }
}

/*================================================
Header
================================================*/
.animated {
     animation-duration: 1.25s;
}

header#pq-header {
     position: relative;
     z-index: 99;
}

header#pq-header .pq-bottom-header.pq-fix-header {
     position: fixed;
     display: inline-block;
     width: 100%;
     z-index: 99;
     top: -100%;
     transition: var(--transition);
     transition-duration: 0.8s;
     opacity: 0;
}

header#pq-header .pq-bottom-header {
     padding: 0 30px;
     background-color: var(--white-color);
     position: relative;
     opacity: 1;
}


header#pq-header .pq-bottom-header.pq-header-sticky {
     position: fixed;
     top: 0;
     left: 0;
     display: inline-block;
     width: 100%;
     background: var(--white-color);
     -webkit-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
     -moz-box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
     box-shadow: 0px 5px 15px 0px rgba(26, 26, 26, 0.1);
     border-bottom: none;
}

/*===== Header Top Bar =====*/

header#pq-header .pq-top-header {
     background: var(--grey-color);
     padding: 0;
}

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

header#pq-header .pq-top-header .pq-header-contact {
     display: flex;
     gap: 30px;
     justify-content: space-between;
     align-items: center;
}

header#pq-header .pq-top-header .pq-header-contact .pq-header-contain {
     font-size: 16px;
     line-height: 24px;
     position: relative;
     display: inline-block;
     padding-left: 20px;
}

header#pq-header .pq-top-header .pq-header-contact .pq-header-contain::before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 10px;
     height: 10px;
     background-color: var(--primary-color);
     border-radius: var(--big--border-radius);
}

header#pq-header .pq-top-header .pq-header-contact ul {
     margin: 0;
     padding: 0;
     display: flex;
     gap: 30px;
}

header#pq-header .pq-top-header .pq-header-contact ul li {
     list-style: none;
     display: flex;
     align-items: center;
     gap: 8px;
     color: var(--secondary-color);
     float: left;
     padding: 12px 0;
     font-size: 16px;
     text-transform: capitalize;
}

header#pq-header .pq-top-header .pq-header-contact ul li .pq-icon {
     width: 32px;
     height: 32px;
     border-radius: var(--big--border-radius);
     background-color: var(--primary-color);
     color: var(--white-color);
     font-size: 16px;
     line-height: 32px;
     text-align: center;
}

header#pq-header .pq-top-header .pq-header-contact ul li .pq-icon i::before {
     line-height: inherit;
}

header#pq-header .pq-top-header .pq-header-contact ul li:nth-child(2) {
     margin-left: auto;
}

header#pq-header .pq-top-header .pq-header-contact ul li a {
     display: flex;
     align-items: center;
     gap: 10px;
}

header#pq-header .pq-top-header .pq-header-contact ul li svg {
     width: 18px;
     height: 18px;
}

header#pq-header .pq-top-header .pq-header-contact ul li a:hover {
     color: var(--primary-color);
     background: transparent;
}

/* Bottom Header */

header#pq-header .pq-bottom-header .navbar {
     padding: 0;
     justify-content: space-between;
}

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

header#pq-header .pq-bottom-header .navbar .navbar-brand img {
     height: 50px;
}

header#pq-header .pq-bottom-header .navbar {
     padding: 0;
     justify-content: space-between;
     background-color: var(--white-color);
     border-radius: 10px;
}

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

header#pq-header .pq-bottom-header .navbar .navbar-nav {
     gap: 30px;
     justify-content: center;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item {
     line-height: 100px;
     position: relative;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item a {
     color: var(--dark-color);
     font-family: var(--body-fonts);
     font-weight: 500;
     font-size: 18px;
     line-height: 2;
     text-transform: uppercase;
     position: relative;
     z-index: 1;
     padding: 0 15px;
     transition: var(--transition);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item.current-menu-item>a {
     color: var(--white-color);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu {
     overflow: visible;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item {
     position: relative;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item.current-menu-item {
     background-color: var(--primary-color);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item.current-menu-item i {
     color: var(--white-color);
}

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

header#pq-header .pq-bottom-header .navbar .navbar-nav>.menu-item>a::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateY(-50%);
     background: var(--primary-color);
     width: 0;
     height: 40px;
     transition: var(--transition);
     z-index: -1;
     border-radius: 20px;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav>.menu-item:hover>a::before {
     left: 0;
     width: 100%;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav>.menu-item.current-menu-item>a:before {
     width: 100%;
     left: 0;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item i {
     color: var(--dark-color);
     margin-left: 10px;
     display: none;
     font-size: 12px;
     line-height: 20px;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item>.sub-menu .menu-item>i {
     display: inline-block;
     position: absolute;
     right: 15px;
     top: 18px;
     display: block;
     rotate: -90deg;
     color: var(--dark-color);
     transition: var(--transition);
}

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

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item>.sub-menu {
     position: absolute;
     top: 100%;
     left: 0;
     width: 220px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
     opacity: 0;
     transition: var(--transition);
     transform: translateY(15px);
     transition-delay: 0.25s;
     border-radius: 10px;
     padding: 0;
     pointer-events: none;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item:hover>.sub-menu {
     transform: translateY(0px);
     opacity: 1;
     pointer-events: auto;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item {
     line-height: 2;
     transition: var(--transition);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:hover {
     background-color: var(--primary-color);
     color: var(--white-color);
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:first-child {
     border-radius: 10px 10px 0 0;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:last-child {
     border-radius: 0 0 10px 10px;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item a {
     font-size: 16px;
     width: 100%;
     display: inline-block;
     padding: 12px 15px;
     transition: var(--transition);
}

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

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item .sub-menu {
     position: absolute;
     top: 0;
     left: 100%;
     width: 220px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
     opacity: 0;
     transition: var(--transition);
     transform: translateY(15px);
     transition-delay: 0.25s;
     border-radius: 10px;
     padding: 0;
     pointer-events: none;
}

header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:hover>.sub-menu {
     opacity: 1;
     visibility: visible;
     transform: translateX(0);
     pointer-events: auto;
}

/* ---- header-Right ---- */

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

header#pq-header .pq-bottom-header .navbar .pq-header-right .pq-header-contact .pq-icon {
     font-size: 18px;
     line-height: 48px;
     width: 48px;
     height: 48px;
     text-align: center;
     color: var(--primary-color);
     background-color: var(--grey-color);
     border-radius: 100%;
     display: inline-block;
}

header#pq-header .pq-bottom-header .navbar .pq-header-right .pq-header-contact .pq-icon i::before {
     line-height: inherit;
}

header#pq-header .pq-bottom-header .navbar .pq-header-right .pq-header-contact .pq-contact-number {
     font-size: 18px;
     line-height: 2;
     font-weight: 500;
     font-family: var(--body-fonts);
     color: var(--dark-color);
     text-align: center;
     margin-left: 5px;
}

/*=====  Header Search =====*/
.pq-menu-search-block {
     width: 48px;
     height: 48px;
     font-size: 18px;
     line-height: 48px;
     text-align: center;
     background-color: var(--grey-color);
     color: var(--primary-color);
     border-radius: 100px;
     display: inline-block;
}

.pq-menu-search-block .offcanvas {
     position: fixed;
     z-index: 1050;
     background-color: var(--white-color) !important;
     padding: 45px;
     height: auto;
     bottom: inherit;
     transform: translateY(-100%) !important;
     transition: all 0.5s ease;
     overflow: hidden;
}

.fade {
     transition: opacity 0.5s linear;
}

.pq-menu-search-block .offcanvas.show {
     display: block;
     transform: translateY(0%) !important;
}

.pq-menu-search-block .offcanvas .btn-close {
     opacity: 1;
     background: none;
     color: var(--white-color);
     font-size: 0;
     position: absolute;
     right: -60px;
     line-height: normal;
     padding: 0;
     box-shadow: none;
     width: 54px;
     height: 54px;
     line-height: 54px;
     font-weight: 400;
}

.pq-menu-search-block .offcanvas .btn-close:before {
     font-size: 16px;
     content: "\e646";
     font-family: 'themify';
}

.pq-menu-search-block .offcanvas .btn-close:after {
     content: "";
     background: var(--primary-color);
     width: 54px;
     height: 54px;
     line-height: 54px;
     position: absolute;
     left: 0;
     top: 0;
     transition: all 0.5s ease;
     border-radius: 100%;
     z-index: -1;
}

.pq-menu-search-block .ti-search {
     color: var(--primary-color);
}

.pq-menu-search-block .offcanvas .btn-close:hover:after {
     background: var(--dark-color);
}

.pq-menu-search-block .offcanvas .btn-close:hover {
     color: var(--white-color);
}

.pq-menu-search-block .offcanvas .search-form {
     margin: 0 auto;
     width: 60%;
     position: relative;
}

.pq-menu-search-block .offcanvas .search-form label {
     display: block;
}

.pq-menu-search-block .offcanvas .search-form .search-field {
     border: none;
     color: var(--secondary-color);
     background: var(--grey-color);
     padding-left: 30px;
     margin: 0;
     border-radius: 10px;
}

.pq-menu-search-block .offcanvas .search-form .search-submit {
     background: transparent;
     border: none;
     padding: 0;
     font-size: 20px;
     position: absolute;
     text-align: center;
     color: var(--dark-color);
     line-height: 54px;
     height: 54px;
     width: 54px;
     top: 0;
     right: 0;
     transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}

.pq-menu-search-block .offcanvas .search-form .search-submit:before {
     content: "\e610";
     font-family: 'themify';
     font-weight: 500;
}

.pq-menu-search-block .offcanvas .search-form #search-clear {
     display: none;
}

.pq-menu-search-block .offcanvas .search-form input.search-field[type="search"]::-webkit-search-decoration,
.pq-menu-search-block .offcanvas .search-form input.search-field[type="search"]::-webkit-search-cancel-button,
.pq-menu-search-block .offcanvas .search-form input.search-field[type="search"]::-webkit-search-results-button,
.pq-menu-search-block .offcanvas .search-form input.search-field[type="search"]::-webkit-search-results-decoration {
     -webkit-appearance: none;
}

.pq-menu-search-block .offcanvas .search-form .search-field:focus {
     color: var(--dark-color);
}

.pq-menu-search-block .offcanvas .search-form .search-submit {
     background: transparent;
     color: var(--dark-color) !important;
}

.pq-menu-search-block .offcanvas .search-form .search-submit:hover {
     color: var(--primary-color) !important;
}

/* Toggle - Button*/
header#pq-header .pq-bottom-header .navbar-toggler {
     width: 60px;
     height: 60px;
     border-radius: 900px;
     background-color: var(--primary-color);
     position: relative;
}

header#pq-header .pq-bottom-header .navbar-toggler .pq-button-line {
     width: 35px;
     height: 3px;
     background-color: var(--grey-color);
     display: inline-block;
     position: relative;
     border-radius: 2px;
     top: -5px;
     right: 17px;
     transform: scaleX(1);
     transform-origin: right;
     transition: var(--transition);
}

header#pq-header .pq-bottom-header .navbar-toggler:hover .pq-button-line {
     transform: scaleX(0.7);
}

header#pq-header .pq-bottom-header .navbar-toggler .pq-button-line:after,
header#pq-header .pq-bottom-header .navbar-toggler .pq-button-line::before {
     content: "";
     width: 35px;
     height: 3px;
     background-color: var(--grey-color);
     display: inline-block;
     border-radius: 2px;
     position: absolute;
     transform-origin: right;
     transition: var(--transition);
}

header#pq-header .pq-bottom-header .navbar-toggler:hover .pq-button-line:after,
header#pq-header .pq-bottom-header .navbar-toggler:hover .pq-button-line::before {
     transform: scaleX(1.3);
}

header#pq-header .pq-bottom-header .navbar-toggler .pq-button-line:after {
     top: -8px;
     left: 0;
     transform: scaleX(0.7);
}

header#pq-header .pq-bottom-header .navbar-toggler .pq-button-line::before {
     top: 8px;
     left: 0;
     transform: scaleX(0.6);
}

/*================================================
Sidebar
================================================*/

/*++++++ Header SideBar  Icon ++++++*/

header .pq-bottom-header .pq-header-right .pq-toggle-btn a {
     background-color: var(--primary-color);
     width: 60px;
     height: 60px;
     line-height: 60px;
     display: inline-block;
     align-content: center;
     text-align: center;
     -webkit-border-radius: 900px;
     -moz-border-radius: 900px;
     border-radius: 900px;
     position: relative;
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a .pq-toggle-btn-line,
header .pq-bottom-header .pq-header-right .pq-toggle-btn a .pq-toggle-btn-line::after,
header .pq-bottom-header .pq-header-right .pq-toggle-btn a .pq-toggle-btn-line::before {
     width: 30px;
     height: 2px;
     background-color: var(--white-color);
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     position: absolute;
     transform-origin: right;
     right: 15px;
     transition: var(--transition);
     transform: translateY(-50%);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a .pq-toggle-btn-line::before {
     content: '';
     height: 3px;
     top: -9px;
     right: 0px;
     transform: scaleX(0.7);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a .pq-toggle-btn-line::after {
     content: '';
     height: 3px;
     top: 9px;
     right: 0;
     transform: scaleX(0.6);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a svg {
     width: 35px;
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a svg path {
     transform-origin: right;
     stroke-width: 0.8px;
     transition: var(--transition);
     fill: var(--white-color);
     stroke: var(--white-color);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a svg path:nth-child(3) {
     transform: scaleX(0.7);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a:hover svg path:nth-child(1) {
     transform: scaleX(1.5);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a:hover svg path:nth-child(2) {
     transform: scaleX(0.6);
}

header .pq-bottom-header .pq-header-right .pq-toggle-btn a:hover svg path:nth-child(3) {
     transform: scaleX(1);
}

.pq-background-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: var(--dark-color);
     z-index: 100;
     opacity: 0.8;
     display: none;
     transition: all 0.5s ease-in-out;
}

.pq-siderbar-open .pq-background-overlay {
     display: block;
     transition: all 0.5s ease-in-out;
}

.pq-sidebar {
     width: 410px;
     background: var(--white-color);
     border-radius: 10px;
     padding: 30px;
     opacity: 0;
     display: block;
     position: fixed;
     top: 50%;
     right: -100%;
     transform: translateY(-50%);
     height: auto;
     z-index: 101;
     transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}

.pq-siderbar-open .pq-sidebar {
     right: 30px;
     opacity: 1;
}

.pq-sidebar .pq-title {
     font-size: 28px;
     line-height: 36px;
     margin-bottom: 20px;
}

.pq-sidebar .pq-close-btn .pq-close {
     position: absolute;
     top: 30px;
     right: 30px;
     background: var(--primary-color);
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     color: var(--white-color);
     font-size: 20px;
     ;
     border-radius: 900px;
     z-index: 1;
}

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

.pq-sidebar .pq-sidebar-media .pq-sidebar-img {
     border-radius: 10px;
     margin-bottom: 15px;
}

.pq-sidebar .pq-sidebar-contact {
     display: inline-block;
     width: 100%;
     margin-bottom: 30px;
}

.pq-sidebar .pq-sidebar-contact .pq-contact-title {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 10px;
}

.pq-sidebar ul {
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     gap: 5px;
}

.pq-sidebar ul li {
     list-style: none;
     margin: 0;
     color: var(--dark-color);
     display: flex;
     align-items: center;
     gap: 15px;
}

.pq-sidebar-contact li a {
     color: var(--dark-color);
     display: flex;
     align-items: center;
     gap: 15px;
}

.pq-sidebar-contact li i {
     height: 18px;
     line-height: 1;
     display: inline-block;
}

.pq-sidebar-social ul {
     display: inline-block;
     width: 100%;
}

.pq-sidebar-social ul li {
     display: inline-block;
     padding: 0;
     margin: 0;
     margin-right: 5px;
}

.pq-sidebar-social ul li:last-child {
     margin-right: 0;
}

.pq-sidebar-social ul li a {
     background: var(--grey-color);
     color: var(--dark-color);
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 100%;
     display: inline-block;
     text-align: center;
     position: relative;
}

.pq-sidebar-social ul li a:hover {
     background: var(--primary-color);
     color: var(--white-color);
}

/* Header Style-1 */

header#pq-header.pq-header-style-1 {
     position: absolute;
     width: 100%;
}

header#pq-header.pq-header-style-1 .pq-bottom-header {
     margin: 15px auto 0;
     border-radius: var(--border-radius);
     width: calc(100% - 70px);
}

header#pq-header.pq-header-style-1 .pq-bottom-header.pq-header-sticky {
     margin: 0;
     width: 100%;
     border-radius: 0;
}

/* Header Style-2 */
header#pq-header.pq-header-style-2 .pq-top-header,
header#pq-header.pq-header-style-2 .pq-bottom-header {
     padding: 0 8px;
}

@media(max-width:1499px) {
     header#pq-header.pq-header-style-1 .pq-bottom-header {
          margin: 15px auto 0;
          border-radius: var(--border-radius);
          width: calc(100% - 30px);
          /* width: auto; */
          padding: 0;
     }
}

@media(max-width:1399px) {

     .pq-header-right .pq-header-contact {
          display: none;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav {
          gap: 20px;
     }

}

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

@media (max-width: 1199px) {

     .collapse:not(.show) {
          display: none !important;
     }

     .navbar-expand-lg .navbar-toggler {
          display: block !important;
     }

     header#pq-header.pq-header-style-1 .pq-bottom-header,
     header#pq-header.pq-header-style-2 .pq-bottom-header {
          padding: 15px 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-collapse {
          width: 100%;
          position: absolute;
          left: 0;
          top: 100%;
          background: var(--white-color);
          max-height: 330px;
          overflow-y: scroll;
          overflow-x: hidden;
          z-index: 999;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav {
          gap: 0px;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item {
          line-height: 2;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item a {
          padding: 10px 15px;
          width: 100%;
          display: inline-block;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav>.menu-item>a::before {
          position: inherit;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item i {
          display: inline-block;
          position: absolute;
          right: 15px;
          top: 18px;
          z-index: 1;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item.current-menu-item i {
          color: var(--white-color);

     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item:hover i {
          color: var(--white-color);
          z-index: 1;
          rotate: 179deg;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item>.sub-menu {
          position: static;
          width: 100%;
          transform: translateY(0px);
     }

     .menu-item-has-children>.sub-menu {
          display: none;
     }

     .menu-item-has-children.active>.sub-menu {
          display: block;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item a {
          padding: 10px 20px 10px;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item .sub-menu {
          position: relative;
          left: 0;
          top: 100%;
          border-radius: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:hover>.sub-menu {
          width: 100%;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
          padding: 10px 30px 15px;
          /* padding:  15px; */
     }

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

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

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:first-child,
     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item .sub-menu .menu-item:last-child {
          border-radius: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-nav .menu-item>.sub-menu {
          border-radius: 0;
     }

     header#pq-header .pq-bottom-header .navbar .navbar-toggler:focus {
          box-shadow: none;
     }

     header#pq-header .pq-bottom-header .navbar .pq-header-right {
          gap: 15px;
     }

     .pq-sidebar {
          display: none;
     }

     header .pq-bottom-header .pq-header-right .pq-toggle-btn {
          display: none;
     }
}

@media(max-width:1023px) {
     header#pq-header .pq-top-header {
          display: none;
     }
}

@media(max-width:979px) {
     header#pq-header .pq-top-header .pq-header-contact .pq-header-contain {
          display: none;
     }
}

@media(max-width:767px) {
     header#pq-header .pq-top-header .pq-header-contact ul {
          display: flex;
          flex-direction: column;
          gap: 0;
     }

     header#pq-header .pq-top-header .pq-header-contact ul li:nth-child(2) {
          margin-left: 0;
     }

     header#pq-header .pq-top-header .pq-header-contact ul li:first-child {
          display: none;
     }
}

@media(max-width:397px) {
     header#pq-header .pq-bottom-header .navbar .pq-header-right .pq-menu-search-block {
          display: none;
     }
}

/*================================================
Banner
================================================*/

.banner-one .pq-ul-title,
.banner-two .pq-ul-title,
.banner-three .pq-ul-title {
     position: relative;
     color: var(--primary-color);
     display: inline-block;
}

.banner-one .pq-ul-title::before,
.banner-two .pq-ul-title::before,
.banner-three .pq-ul-title::before {
     content: '';
     position: absolute;
     bottom: 5px;
     left: 0;
     width: 100%;
     height: 5px;
     background-color: var(--primary-color);
     transition: var(--transition);
}

@media (max-width: 777px) {

     .banner-one .pq-button.pq-button-flat,
     .banner-two .pq-button.pq-button-flat,
     .banner-three .pq-button.pq-button-flat {
          padding: 10px 26px;
          font-size: 16px;
          line-height: 32px;
     }
}

@media (max-width: 479px) {

     .banner-one .pq-button.pq-button-flat,
     .banner-two .pq-button.pq-button-flat,
     .banner-three .pq-button.pq-button-flat {
          padding: 8px 24px;
          font-size: 14px;
          line-height: 28px;
     }

     .banner-one .pq-ul-title::before,
     .banner-two .pq-ul-title::before,
     .banner-three .pq-ul-title::before {
          bottom: 3px;
          height: 4px;
     }
}


/*================================================
Breadcrumb
================================================*/
.pq-breadcrumb-style-1 {
     background-image: url(../image/breadcrum/Breadcrumb-bg-001.webp);
     padding: 220px 0;
     position: relative;
     background-position: left center;
     background-size: cover;
     background-repeat: no-repeat;
     margin: 0 20px;
     border-radius: var(--border-radius);
}

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

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb {
     text-align: left;
}

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb li {
     list-style-type: none;
     margin-right: 15px;
     padding-left: 0;
     font-size: 18px;
     line-height: 26px;
     margin-top: 15px;
     text-transform: uppercase;
}

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

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

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb li a i {
     display: none;
}

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

.pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
     content: "\e649";
     font-size: 12px;
     font-family: "themify";
     padding-right: 15px;
     color: var(--white-color);
     float: none;
}

@media(max-width:1440px) {
     .pq-breadcrumb-style-1 {
          margin: 0;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
     }
}

@media(max-width:1023px) {
     .pq-breadcrumb-style-1 {
          padding: 130px 0;
     }

     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 42px;
          line-height: 50px;
     }
}

@media(max-width:767px) {
     .pq-breadcrumb-style-1 .pq-breadcrumb-title h1 {
          font-size: 34px;
          line-height: 42px;
     }

     .pq-breadcrumb-style-1 .pq-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
          padding-right: 10px;
          font-size: 12px;
     }
}

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

/*================================================
Footer
================================================*/
.footer {
     margin: 0 15px 15px 15px;
}

.footer .pq-footer-top {
     padding: 90px 0 60px 0;
}

.footer-grid {
     display: grid;
     grid-template-columns: 2.5fr 1.5fr 2fr 2.5fr;
     gap: 60px;
}

.footer-grid .pq-footer-about img {
     height: 60px;
     margin-bottom: 20px;
     width: auto;
}

.footer-grid .pq-footer-about-description {
     color: var(--white-color);
}

.pq-footer-social ul {
     display: flex;
     gap: 15px;
     list-style: none;
     padding: 0;
     margin: 0;
}

.pq-footer-social ul li a {
     width: 50px;
     height: 50px;
     background: var(--white-color);
     color: var(--dark-color);
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 18px;
     text-decoration: none;
     transition: 0.3s;
}

.pq-footer-social ul li a:hover {
     background: var(--primary-color);
     color: var(--white-color);
}

.pq-footer-links .pq-footer-links-heading {
     color: var(--white-color);
     margin-bottom: 20px;
}

.pq-footer-links .pq-footer-links-list a {
     color: var(--white-color);
     position: relative;
     padding-left: 20px;
}

.pq-footer-links .pq-footer-links-list a:hover {
     padding: 0 0 0 30px;
}

.pq-footer-links .pq-footer-links-content .pq-footer-links-list-item a::before {
     content: '';
     position: absolute;
     top: 50%;
     bottom: 0;
     left: 0;
     width: 10px;
     height: 2px;
     display: inline-block;
     transform: translateY(-50%);
     background: var(--primary-color);
}

.pq-footer-links .pq-footer-links-list {
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 15px;
}

.footer-title {
     margin-bottom: 15px;
     padding: 0;
     font-size: 24px;
     position: relative;
     line-height: 34px;
     color: var(--white-color);
}

.pq-footer-column-3 .pq-contact {
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.pq-footer-column-3 .pq-contact a {
     color: var(--white-color);
     grid-column: 2;
}

.pq-footer-column-3 .pq-contact .pq-icon .pq-contact-title a {
     grid-column: 2;
}

.pq-footer-column-3 .pq-contact li {
     color: var(--white-color);
     display: grid;
     grid-template-columns: 20px 1fr;
     align-items: start;
     gap: 0 15px;
     padding: 0;
}

.pq-footer-column-3 .pq-contact li span {
     position: relative;
     border: none;
     display: block;
     width: 100%;
     color: var(--white-color);
     grid-column: 2;
     max-width: 80%;
}

.pq-footer-column-4 .pq-subscribe-details .footer-title p {
     display: none;
}

.newsletter-form {
     position: relative;
     display: flex;
}

.newsletter-form input {
     background: var(--light-white);
     border: 1px solid var(--light-white);
     outline: none;
     color: var(--white-color);
     padding: 0 15px;
     font-size: 14px;
     border-radius: 100px;
     margin-bottom: 20px;
}

.newsletter-form input:hover {
     border: 1px solid var(--primary-color);
     background-color: var(--light-white);
}

.newsletter-form input::placeholder {
     color: var(--white-color);
}

.newsletter-form input[type="submit"] {
     background: transparent;
     border: none;
     color: var(--primary-color);
     font-size: 0px;
     width: 56px;
     height: 56px;
     position: absolute;
     top: 0;
     right: 0;
     padding: 0;
     border-radius: 0;
}

.newsletter-form svg {
     position: absolute;
     top: 15px;
     right: 15px;
     fill: var(--primary-color);
}

.newsletter-check {
     font-size: 14px;
}

.newsletter-check input {
     width: 14px;
     height: 14px;
}

.newsletter-check label {
     color: var(--white-color);
     font-size: 18px;
}

/*===== Footer Copyright =====*/

.pq-copyright-footer {
     background: var(--dark-color);
     padding: 0;
     border-radius: var(--border-radius);
}

.pq-copyright-footer .pq-copyright {
     text-align: center;
     display: inline-block;
     width: 100%;
     padding: 15px 0;
     border-top: 2px solid var(--light-white);
     color: var(--white-color);
}

@media(max-width:1499px) {
     .footer {
          margin: 0;
          border-radius: 0;
     }
}

@media(max-width:1099px) {
     .footer-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 60px;
     }
}

@media(max-width:767px) {
     .footer-grid {
          display: grid;
          grid-template-columns: 1fr;
     }
}

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

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

.pq-blog-post {
     display: inline-block;
     width: 100%;
     margin-bottom: 45px;
}

.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 var(--primary-color);
     border-top: 1px solid var(--primary-color);
}

.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: bold;
     display: inline-block;
}

.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: 14px;
     text-transform: capitalize;
     background: var(--grey-color);
     margin: 0;
     display: inline-block;
     float: left;
     color: var(--dark-color);
     padding: 4px 16px;
     border: 1px solid var(--grey-color);
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--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);
}

/*===== Blog Single Post - Social Media =====*/

.pq-single-post-bottom-holder .pq-single-post-social-title {
     font-family: var(--title-fonts);
     color: var(--dark-color);
     text-transform: uppercase;
     font-weight: bold;
     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(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--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;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--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;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

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

.pq-single-post-usernav .pq-user-info .pq-user-sub-title {
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 600;
     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;
}

.single-post .owl-carousel .pq-blog-post .pq-blog-contain .pq-blog-title {
     font-size: 24px;
     line-height: 32px;
}

@media(max-width:767px) {
     .pq-single-post-bottom-holder {
          display: block;
     }

     .pq-single-post-social-share {
          margin-bottom: 30px;
     }

     .pq-single-post-usernav .pq-user {
          align-items: flex-start;
          padding: 15px;
     }
}

@media(max-width:479px) {
     .pq-single-post-bottom-holder {
          padding-top: 0px;
          padding-bottom: 20px;
     }

     .pq-single-post-usernav .pq-user {
          display: block;
     }

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

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

     .pq-single-post-bottom-holder ul.pq-single-post-tags-list li {
          margin-bottom: 5px;
     }
}

/*===== Blog Image =====*/

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

.pq-blog-post .pq-post-media img {
     transition: var(--transition);
     -webkit-transition: var(--transition);
}

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

/*===== Blog Meta =====*/

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

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

.pq-blog-post .pq-post-meta ul li {
     display: inline-block;
     text-align: center;
     font-family: var(--title-fonts);
     font-size: 18px;
     line-height: 26px;
     font-weight: 500;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--primary-color);
}

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

.pq-blog-post .pq-post-meta ul li:last-child {
     margin-right: 0;
}

.pq-blog-post .pq-post-meta ul li .pq-icon {
     margin-right: 5px;
}

.pq-blog-post .pq-post-meta ul li .pq-icon i {
     font-size: 16px;
     line-height: 1;
     color: var(--primary-color);
}

.pq-blog-post .pq-post-meta ul li .pq-icon svg {
     width: 16px;
     height: 16px;
}

.pq-blog-post .pq-post-meta ul li .pq-icon svg path {
     fill: var(--primary-color);
     stroke: var(--primary-color);
}

/*===== Blog contain =====*/

.pq-blog-post .pq-blog-contain .pq-blog-title {
     font-size: 28px;
     line-height: 36px;

}

.pq-blog-post .pq-blog-contain .pq-btn-container {
     margin-top: 30px;
}

/*===== Blog Nav =====*/

.pq-blog .owl-carousel .owl-nav {
     display: block;
     text-align: end;
     top: -100px;
}

.pq-blog .owl-carousel .owl-nav button.owl-prev {
     margin-left: 0;
     margin-right: 10px;
}

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

@media(max-width:575px) {
     .pq-blog .owl-carousel .owl-nav {
          display: none;
     }
}

/*===== Blog 1 Column =====*/

.pq-blog.pq-blog-col-1 {
     display: grid;
     grid-template-columns: 1fr;
     gap: 45px 30px;
}

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

/*===== Blog 2 Column =====*/

.pq-blog.pq-blog-col-2 {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 45px 30px;
}

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

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

/*===== Blog 3 Column =====*/

.pq-blog.pq-blog-col-3 {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 45px 30px;
}

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

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

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

/*===== Blog List =====*/


.pq-blog-post.pq-list.pq-style-1 {
     margin-bottom: 0;
}

.pq-blog-post.pq-list.pq-style-1:first-child {
     border-top: 1px solid var(--light-black);
}

.pq-blog-post.pq-list.pq-style-1 {
     display: grid;
     grid-template-columns: auto auto 5fr 1fr;
     gap: 60px;
     border-bottom: 1px solid var(--light-black);
     padding: 45px 0;
     align-items: center;
     overflow: inherit;
     position: relative;
}

.pq-blog-post.pq-list.pq-style-1 .pq-post-meta {
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     background: var(--dark-color);
     width: 180px;
     height: 150px;
     display: flex;
     transition: var(--transition);
     margin-bottom: 0;
     align-items: center;
     justify-content: center;
}

.pq-blog-post.pq-list.pq-style-1.pq-active .pq-post-meta {
     background: var(--primary-color)
}

.pq-blog-post.pq-list.pq-style-1 .pq-post-date {
     text-align: center;
}

.pq-blog-post.pq-list.pq-style-1 .pq-post-date a {
     text-align: center;
     color: var(--white-color);
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 1px;
}

.pq-blog-post.pq-list.pq-style-1 .pq-post-category {
     font-weight: 500;
     font-size: 18px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 10px;
}

.pq-blog-post.pq-list.pq-style-1 .pq-blog-title {
     font-size: 32px;
     line-height: 40px;
     color: var(--dark-color);
     margin-bottom: 0;
}

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

.pq-blog-post.pq-list.pq-style-1 .pq-post-blk {
     display: block;
     font-size: 50px;
     line-height: 60px;
     font-weight: 500;
     transition: var(--transition);
}

.pq-blog-post.pq-list.pq-style-1.pq-active .pq-post-blk {
     color: var(--white-color);
}

.pq-blog-post.pq-list.pq-style-1 .pq-post-media img {
     width: 300px;
     border-radius: var(--border-radius);
     transform: scale(1);
     -webkit-transform: scale(1);
}

.pq-blog-post.pq-list.pq-style-1 .pq-post-media {
     position: relative;
     transition: var(--transition);
     overflow: inherit;
     margin: 0;
}

.pq-blog-post.pq-list.pq-style-1.pq-active .pq-post-media::before {
     content: '';
     position: absolute;
     top: -15px;
     left: -15px;
     border: var(--border);
     display: inline-block;
     width: 100%;
     height: 100%;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     z-index: -1;
}

.pq-blog-post.pq-list.pq-style-1 .pq-icon-button {
     text-align: end;
}

.pq-blog-post.pq-list.pq-style-1 .pq-icon-button .pq-icon-button-link i::before {
     line-height: inherit;
}

@media(max-width:1299px) {
     .pq-blog-post.pq-list.pq-style-1 {
          grid-template-columns: auto auto 5fr 1fr;
     }
}

@media (max-width:1199px) {
     .pq-blog-post.pq-list.pq-style-1 {
          gap: 30px;
     }
}

@media (max-width:1099px) {
     .pq-blog-post.pq-list.pq-style-1 .pq-blog-title {
          font-size: 28px;
          line-height: 36px;
     }
}

@media (max-width:1023px) {
     .pq-blog-post.pq-list.pq-style-1 {
          display: block;
     }

     .pq-blog-post.pq-list.pq-style-1 .pq-post-media img {
          width: 100%;
     }

     .pq-blog-post.pq-list.pq-style-1 .pq-post-media img {
          transform: scale(1);
          -webkit-transform: scale(1);
     }

     .pq-blog-post.pq-list.pq-style-1 .pq-post-media {
          margin-bottom: 30px;
     }

     .pq-blog-post.pq-list.pq-style-1 .pq-post-meta {
          position: absolute;
          top: 60px;
          left: 15px;
          width: 120px;
          height: 120px;
     }

     .pq-blog-post.pq-list.pq-style-1 .pq-icon-button {
          text-align: left;
          margin-top: 20px;
     }

     .pq-blog-post.pq-list.pq-style-1.pq-active .pq-post-media::before {
          border: none;
     }
}

@media (max-width:767px) {
     .pq-blog-post.pq-list.pq-style-1 .pq-post-blk {
          font-size: 32px;
          line-height: 40px;
     }
}

@media (max-width:479px) {
     .pq-blog-post.pq-list.pq-style-1.pq-active .pq-post-meta {
          display: none;
     }
}

/*================================================
Blog sidebar
================================================*/
.pq-blog-sidebar-right {
     display: grid;
     grid-template-columns: 1.1fr 0.5fr;
     gap: 30px;
}

.pq-blog-sidebar-left {
     display: grid;
     grid-template-columns: 0.5fr 1.1fr;
     gap: 30px;
}

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

     .pq-blog-sidebar-left {
          display: flex;
          flex-direction: column-reverse;
     }
}

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

.widget.widget_search {
     background: var(--primary-color);
}

.widget.widget_search .widgettitle {
     display: none;
}

.widget.widget_search .widget-title {
     display: none;
}

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

.wp-block-search label {
     display: none;
}

.wp-block-search .wp-block-search__input {
     background: var(--white-color);
     border-color: var(--white-color);
}

.wp-block-search .wp-block-search__button {
     background: transparent;
     border: none;
     padding: 0;
     position: absolute;
     text-align: center;
     color: var(--dark-color) !important;
     font-size: 0px;
     line-height: 54px;
     height: 54px;
     width: 54px;
     top: 0;
     right: 0;
     transition: all 0.5s ease-in-out;
     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;
}

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

.wp-block-search .wp-block-search__button:hover {
     color: var(--primary-color) !important;
     background: transparent;
     outline: none;
}

.search-form {
     position: relative;
}

.search-form label {
     width: 100%;
     margin-bottom: 0;
     float: left;
     width: 100%;
}

.search-form label input.search-field {
     margin: 0;
}

.pq-search-form .search-form input.search-field[type="search"]::-webkit-search-decoration,
.pq-search-form .search-form input.search-field[type="search"]::-webkit-search-cancel-button,
.pq-search-form .search-form input.search-field[type="search"]::-webkit-search-results-button,
.pq-search-form .search-form input.search-field[type="search"]::-webkit-search-results-decoration {
     -webkit-appearance: none;
}

.widget input[type="search"]::-webkit-search-decoration,
.widget input[type="search"]::-webkit-search-cancel-button,
.widget input[type="search"]::-webkit-search-results-button,
.widget input[type="search"]::-webkit-search-results-decoration {
     -webkit-appearance: none;
}


.widget.widget_search .search-form .search-field,
.widget.widget_search .wp-block-search__input {
     background: var(--white-color);
     border-color: var(--white-color);
     border-radius: var(--border-radius);
}

.search-submit {
     background: transparent;
     border: none;
     padding: 0;
     font-size: 20px;
     position: absolute;
     text-align: center;
     color: var(--dark-color) !important;
     line-height: 54px;
     height: 54px;
     width: 54px;
     top: 0;
     right: 0;
     transition: all 0.5s ease-in-out;
     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;
}

.search-submit:before {
     content: "\e610";
     font-family: 'themify';
     font-weight: 400;
}

.search-submit:hover {
     color: var(--primary-color) !important;
     background: transparent;
     outline: none;
}

.pq-widget-author-details {
     margin-bottom: 30px;
     padding: 30px;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
}

.pq-widget-author-details .pq-author-title {
     font-size: 28px;
     line-height: 36px;
     margin-bottom: 20px;
}

.pq-widget-author-details img {
     border-radius: var(--border-radius);
     margin-bottom: 20px;
}

.pq-widget-author-details .pq-widget-author-social-icon ul {
     margin: 0;
     padding: 0;
     display: flex;
     gap: 15px;
}

.pq-widget-author-details .pq-widget-author-social-icon li {
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 50%;
     fill: var(--white-color);
     transition: all 0.4s ease;
}

.pq-widget-author-details .pq-widget-author-social-icon li:nth-child(1) {
     background: #1877F2;
}

.pq-widget-author-details .pq-widget-author-social-icon li:nth-child(2) {
     background: #E4405F;
}

.pq-widget-author-details .pq-widget-author-social-icon li:nth-child(3) {
     background: #000000;
}

.pq-widget-author-details .pq-widget-author-social-icon li:nth-child(4) {
     background: #0A66C2;
}

.pq-widget-author-details .pq-widget-author-social-icon li:hover {
     transform: scale(1.15);
}


/*==============================================
   Blog single
================================================*/

.pq-blog-details .pq-blog-content .pq-blog-media img {
     width: 100%;
     object-fit: cover;
     border-radius: var(--border-radius);
}

.pq-blog-details .pq-blog-content .pq-blog-media {
     overflow: hidden;
     border-radius: 20px;
}

.pq-blog-details .pq-blog-content .pq-blog-media img {
     width: 100%;
     transition: transform 0.5s ease;
     display: block;
}

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

.pq-blog-details .pq-blog-content .pq-blog-date {
     margin-top: 15px;
     margin-bottom: 15px;
}

blockquote {
     margin-bottom: 30px;
}

blockquote {
     background: var(--grey-color);
     padding: 30px;
     border-left: 5px solid var(--primary-color);
     margin-bottom: 30px;
     position: relative;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

.pq-comment-area blockquote {
     background: var(--white-color);
}

.pq-blog-post .pq-blog-contain blockquote:before {
     content: "\f10e";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     right: 22px;
     bottom: 10px;
     font-size: 60px;
     opacity: 0.1;
     line-height: 68px;
     color: var(--primary-color);
}

blockquote:before {
     content: "\f10e";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     right: 22px;
     bottom: 10px;
     font-size: 60px;
     opacity: 0.1;
     line-height: 68px;
     color: var(--primary-color);
}

blockquote cite {
     font-family: var(--title-fonts);
     color: var(--primary-color);
     text-transform: capitalize;
     font-weight: 400;
     font-style: italic;
     letter-spacing: 1px;
}

blockquote strong {
     font-family: var(--title-fonts);
     color: var(--primary-color);
     font-style: italic;
     font-weight: 400;
     display: block;
     margin-top: 10px;
     letter-spacing: 1px;
}

.wp-block-avatar img,
.wp-block-post-author__avatar img {
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

.pq-blog-post .pq-blog-contain blockquote p {
     margin-bottom: 0;
}

.pq-blog-gallery {
     margin-bottom: 30px;
}

.pq-blog-gallery img {
     border-radius: var(--border-radius);
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: auto;
}

.pq-blog-details .pq-single-page-navigation {
     display: flex;
     justify-content: space-between;
     padding: 45px 30px;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
}

.pq-blog-details .pq-single-page-navigation .pq-signgle-post-left-arrow:hover a {
     color: var(--primary-color);
}

.pq-blog-details .pq-single-page-navigation .pq-signgle-post-left-arrow:hover a i {
     background-color: var(--primary-color);
}

.pq-blog-details .pq-single-page-navigation .pq-signgle-post-left-arrow {
     display: flex;
     gap: 10px;
     text-align: center;
     align-items: center;
     transition: var(--transition);
}

.pq-blog-details .pq-single-page-navigation .pq-signle-title a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     letter-spacing: 1px;
     color: var(--secondary-color);
     text-transform: uppercase;
     transition: var(--transition);
}

.pq-blog-details .pq-single-page-navigation .pq-signgle-post-right-arrow {
     display: flex;
     gap: 10px;
     text-align: center;
     align-items: center;
     transition: var(--transition);
}

.pq-blog-details .pq-single-page-navigation i {
     width: 60px;
     height: 60px;
     font-size: 20px;
     text-align: center;
     align-content: center;
     border-radius: var(--border-radius);
     color: var(--white-color);
     background-color: var(--dark-color);
     transition: var(--transition);
}

.pq-blog-details .pq-single-page-navigation .pq-signgle-post-right-arrow:hover a {
     color: var(--primary-color);
}

.pq-blog-details .pq-single-page-navigation .pq-signgle-post-right-arrow:hover a i {
     background-color: var(--primary-color);
}

.pq-signgle-post-bottom-holder {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid var(--primary-color);
     border-bottom: 1px solid var(--primary-color);
     margin: 45px 0;
     padding: 15px 0;
}

.pq-signgle-post-bottom-holder .pq-signgle-post-social-icon {
     display: flex;
     gap: 15px;
     align-items: center;
}

.pq-signgle-post-bottom-holder .pq-signgle-post-social-icon .pq-signgle-post-title {
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 0;
     text-transform: uppercase;
     color: var(--dark-color);
}

.pq-signgle-post-bottom-holder .pq-signgle-post-social-icon ul {
     display: flex;
     gap: 15px;
     padding: 0;
     margin: 0;
     text-align: center;
}

.pq-signgle-post-bottom-holder .pq-signgle-post-social-icon ul li a i {
     width: 50px;
     height: 50px;
     text-align: center;
     align-content: center;
     color: var(--dark-color);
     transition: var(--transition);
     border-radius: var(--border-radius);
     background-color: var(--grey-color);
}

.pq-signgle-post-bottom-holder .pq-signgle-post-social-icon ul li a i:hover {
     background-color: var(--primary-color);
     color: var(--white-color);
}

.pq-signgle-post-bottom-holder .pq-signgle-post-tag-title {
     display: flex;
     align-items: center;
     gap: 10px;
}

.pq-signgle-post-bottom-holder .pq-signgle-post-tag-title .pq-signgle-post-tag-sub-title {
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 0;
     text-transform: uppercase;
     color: var(--dark-color);
}

.pq-signgle-post-bottom-holder .pq-signgle-post-tag-main-title {
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 0;
     letter-spacing: 1px;
     color: var(--dark-color);
     padding: 5px 16px;
     text-transform: uppercase;
     border-radius: var(--border-radius);
     background-color: var(--grey-color);
     transition: var(--transition);
}

.pq-signgle-post-bottom-holder .pq-signgle-post-tag-main-title:hover {
     color: var(--white-color);
     transition: var(--transition);
     background-color: var(--primary-color);
}

.pq-single-post-user {
     padding: 30px;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
}

.pq-single-post-user .pq-user {
     display: grid;
     grid-template-columns: 0.3fr 1fr;
     gap: 15px;
}

.pq-single-post-user .pq-user .pq-user-image img {
     width: 100%;
     height: 100%;
     border-radius: var(--border-radius);
}

.pq-single-post-user .pq-user .pq-user-info .pq-user-title {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 5px;
}

.pq-single-post-user .pq-user .pq-user-info .pq-user-sub-title {
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
}

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

.pq-single-page-form input {
     background-color: var(--grey-color);
     border-radius: 10px;
}

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

.pq-comment-area .pq-comment-reply-title {
     padding-top: 30px;
}

.pq-comment-area .pq-input-box textarea {
     background-color: var(--grey-color);
     border-radius: 10px;
}

.pq-comment-area .pq-button-container {
     margin-top: 30px;
}


@media(max-width:1023px) {
     .pq-blog-details {
          margin-bottom: 30px;
     }
}

@media(max-width:799px) {
     .pq-single-post-user .pq-user {
          grid-template-columns: 1fr;
     }

     .pq-single-post-user .pq-user .pq-user-image img {
          width: 20%;
     }

     .pq-single-post-user .pq-user .pq-user-info .pq-user-description {
          margin-top: 5px;
     }
}

@media(max-width:767px) {

     .pq-blog-details .pq-blog-contain .pq-blog-decription {
          margin-bottom: 15px;
     }

     blockquote {
          margin-bottom: 15px;
     }

     .pq-blog-details .pq-single-page-navigation {
          margin-bottom: 30px;
     }

     .pq-signgle-post-bottom-holder {
          display: inline;
     }

     .pq-signgle-post-bottom-holder .pq-signgle-post-tag-title {
          margin-top: 30px;
     }

     .pq-single-post-user {
          margin-top: 30px;
          padding: 30px 15px;
     }

     .pq-signgle-post-bottom-holder .pq-signgle-post-social-icon {
          display: inline;
     }

     .pq-signgle-post-bottom-holder .pq-signgle-post-social-icon .pq-signgle-post-title {
          margin-bottom: 10px;
     }
}

@media(max-width:479px) {
     .pq-blog-details .pq-single-page-navigation {
          display: block;
          padding: 30px 15px;
     }

     .pq-blog-details .pq-single-page-navigation .pq-signgle-post-right-arrow {
          justify-content: flex-end;
     }
}

@media(max-width:479px) {
     .pq-signgle-post-bottom-holder {
          display: inline;
     }
}



/*===== blog style-4=====*/

.pq-blog-list.pq-style-4 {
     padding: 30px;
     margin-bottom: 30px;
     grid-template-columns: 1fr;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
}

.pq-blog-list.pq-style-4 .pq-blog-main-title {
     font-size: 28px;
     line-height: 36px;
}

.pq-blog-list.pq-style-4 .pq-blog {
     display: grid;
     grid-template-columns: 1fr 2fr;
     gap: 15px;
     align-items: center;
}

.pq-blog-list.pq-style-4 .pq-blog .pq-blog-media img {
     border-radius: var(--border-radius);
}

.pq-blog-list.pq-style-4 .pq-blog .pq-blog-content .pq-blog-contain .pq-blog-decription {
     font-size: 16px;
     line-height: 24px;
}

.pq-blog-list.pq-style-4 .pq-blog .pq-blog-content .pq-blog-date a {
     color: var(--secondary-color);
}

.pq-tag-block {
     padding: 30px;
     border-radius: var(--border-radius);
     background-color: var(--grey-color);
}

.pq-tag-block .pq-tag-title {
     font-size: 28px;
     line-height: 36px;
     margin-bottom: 20px;
}

.pq-tag-block .pq-tag-list {
     margin-bottom: 0;
}

.pq-tag-block .pq-tag-list a {
     font-size: 14px !important;
     text-transform: capitalize;
     background: var(--white-color);
     margin: 0 10px 10px 0;
     display: inline-block;
     color: var(--secondary-color);
     padding: 4px 16px;
     border: 1px solid var(--grey-color);
     transition: all 0.5s ease-in-out;
     border-radius: var(--border-radius);
}

.pq-tag-block .pq-tag-list a:hover {
     color: var(--white-color);
     background-color: var(--primary-color);
}

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

@media(max-width:767px) {
     .pq-widget-author-details {
          padding: 30px 15px;
     }

     .pq-blog-list.pq-style-4 {
          padding: 30px 15px;
     }

     .pq-blog-list.pq-style-4 .pq-blog {
          grid-template-columns: 1fr;
          text-align: center;
     }

     .pq-blog-list.pq-style-4 .pq-blog .pq-blog-media img {
          width: 100%;
          object-fit: cover;
     }

     .pq-tag-block {
          padding: 30px 15px;
     }
}

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

.pq-portfolio-box.pq-style-1 {
     position: relative;
     overflow: hidden;
     display: inline-block;
     width: 100%;
     transition: all 0.5s ease-in-out;
     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-portfolio-box.pq-style-1 .pq-portfolio-img {
     position: relative;
     overflow: hidden;
     border-radius: var(--border-radius);
}

.pq-portfolio-box.pq-style-1 .pq-portfolio-img img {
     width: 100%;
     height: 100%;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
}

.pq-portfolio-box.pq-style-1:hover .pq-portfolio-img img {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     overflow: hidden;
}

.pq-portfolio-box.pq-style-1 .pq-portfolio-box-info {
     margin-top: 15px;
}

.pq-portfolio-box.pq-style-1 .pq-portfolio-box-info .pq-portfolio-box-categorie a {
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.1em;
     color: var(--primary-color);
}

.pq-portfolio-box.pq-style-1 .pq-portfolio-box-info h5 a:hover {
     color: var(--primary-color);
     transition: var(--transition);
}

.pq-portfolio-box.pq-style-1 .owl-nav {
     position: absolute;
     margin-top: 0;
     text-align: center;
     left: -76.5%;
     top: 75%;
}

.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(--title-fonts);
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     list-style: none;
     color: var(--dark-color);
     display: inline-block;
     cursor: pointer;
     padding: 12px 20px;
     transition: all 0.5s ease-in-out;
     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: 10px;
}

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

.pq-grid {
     display: block;
     width: 100%;
     float: left;
}

.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: 0;
     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;
}

/*+++++++++ masonry +++++++++*/

.pq-masonry {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

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

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

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

.pq-masonry.no-padding .ipq-lg-6,
.pq-masonry.no-padding .ipq-lg-3 {
     padding: 0;
}

.pq-masonry.no-padding .pq-portfoliobox-1,
.pq-masonry.no-padding .pq-portfoliobox-1 .pq-portfolio-img img {
     border-radius: 0;
}

/*+++++++++ layout 2 +++++++++*/

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

.pq-masonry .ipq-lg-8 {
     width: 66.666%;
     padding: 0 15px 30px;
}

.pq-masonry .ipq-lg-12 {
     width: 100%;
     padding: 0 15px 30px;
}

@media(max-width:1365px) {
     .pq-col-3 {
          width: 33.33%;
     }

     .pq-masonry .ipq-lg-6 {
          width: 50%;
     }

     .pq-masonry .ipq-lg-3 {
          width: 33.33%;
     }

     .pq-masonry .ipq-lg-4 {
          width: 50%;
     }

     .pq-masonry .ipq-lg-8 {
          width: 50%;
     }

     .pq-filters .pq-filter-button-group ul li {
          margin-right: 10px;
     }

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

@media(max-width:767px) {
     .pq-filters .pq-filter-button-group ul li {
          margin-right: 0;
          font-size: 14px;
          padding: 5px 15px;
     }

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

     .pq-masonry .ipq-lg-4 {
          width: 100%;
          padding: 0 0 30px;
     }

     .pq-masonry .ipq-lg-8 {
          width: 100%;
     }

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

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

@media(max-width:479px) {
     .pq-filters .pq-filter-button-group ul li {
          margin-bottom: 15px;
     }
}

.pq-grid-item {
     float: left;
}

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

.parallax.pq-portfolio-img {
     position: absolute;
     right: 6%;
     bottom: -1%;
}

.parallax.pq-portfolio-img .layer .pq-portfolio-parallax-img {
     height: 150px;
}

.pq-portfoliobox-slider.pq-style-1 {
     margin-right: -18%;
}

.pq-portfolio-box {
     overflow: hidden;
     position: relative;
}

.pq-portfolio-box .pq-portfolio-media {
     overflow: hidden;
     position: relative;
     border-radius: 10px;
}

.pq-portfolio-box .pq-portfolio-img {
     width: 100%;
     transition: transform 0.5s ease;
     display: block;

}

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

.pq-portfolio-box .pq-portfolio-info {
     margin-top: 15px;
}

.pq-portfolio-box .pq-portfolio-info .pq-portfolio-category {
     display: inline-block;
}

.pq-portfolio-box .pq-portfolio-info .pq-portfolio-category a {
     font-family: var(--title-fonts);
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--primary-color);
     text-decoration: none;
}

.pq-portfolio-box .pq-portfolio-info .pq-portfolio-title a {
     text-decoration: none;
}

.pq-portfolio-box .pq-portfolio-info .pq-portfolio-title a:hover {
     color: var(--primary-color);
}

/*===== Portfoliobox Style-1 =====*/
.pq-portfolio-main-box .pq-portfolio-top-block {
     margin-bottom: 30px;
}

/*===== Portfoliobox Slider 1 =====*/

.pq-portfoliobox-slider.pq-style-1 .owl-nav {
     position: initial;
     transform: none;
     display: none;
}

@media(max-width:1699px) {
     .pq-portfoliobox-slider.pq-style-1 {
          margin-right: -10%;
     }
}

@media(max-width:1679px) {
     .pq-portfoliobox-slider.pq-style-1 {
          margin-right: -8%;
     }

}

@media(max-width:1499px) {
     .pq-portfoliobox-slider.pq-style-1 {
          margin-right: -3%;
     }

     .parallax.pq-portfolio-img .layer .pq-portfolio-parallax-img {
          display: none;
     }
}

@media(max-width:1399px) {
     .pq-portfoliobox-slider.pq-style-1 {
          margin-right: 0%;
     }
}

@media (max-width:479px) {
     .pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info {
          padding: 15px;
          margin-right: 15px;
     }

     .pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info .pq-portfolio-style-1-title a {
          font-size: 28px;
          line-height: 36px;
     }

     .pq-portfoliobox-1.pq-hover-slide:hover .pq-portfolio-info {
          left: 15px;
     }
}

/*===== Portfoliobox Style-1 =====*/
.pq-portfolio-main-box .pq-portfolio-top-block {
     margin-bottom: 30px;
}

/*===== Portfoliobox Slider 1 =====*/

.pq-portfoliobox-slider.pq-style-1 .owl-nav {
     position: initial;
     transform: none;
     display: none;
}

/*===== Portfoliobox Slider 2 =====*/
.pq-portfolio-main-box .pq-portfolio-top-block .pq-portfolio-section-box {
     margin-right: 10px;
}

.pq-portfolio-main-box .pq-portfolio-animation-box {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
}

.pq-portfoliobox-slider.pq-style-2 .pq-portfoliobox-1 {
     padding: 30px;
     border-radius: 10px;
     background-color: var(--white-color);
}

.pq-portfoliobox-slider.pq-style-2 .pq-portfoliobox-1 .pq-portfolio-img img {
     aspect-ratio: 4/3;
     object-fit: cover;
     object-position: center;
     border-radius: 10px;
}

.pq-portfolio-img {
     overflow: hidden;
     /* important */
}

.pq-portfolio-img img {
     width: 100%;
     display: block;
     transition: transform 0.4s ease;
}

.pq-portfolio-img:hover img {
     transform: scale(1.15);
}

.pq-portfoliobox-slider.pq-style-2 .pq-portfoliobox-1 .pq-portfolio-info {
     display: grid;
     grid-template-columns: 1fr 60px;
     gap: 15px;
     align-items: center;
     margin-top: 15px;
}

.pq-portfoliobox-slider.pq-style-2 .pq-portfoliobox-1 .pq-portfolio-info .pq-icon-button i::before {
     line-height: inherit;
}

@media(max-width:1023px) {
     .pq-portfoliobox-slider.pq-style-2 {
          margin-top: 30px;
     }

     .pq-portfolio-main-box .pq-portfolio-animation-box {
          margin-top: 20px;
     }
}

@media (max-width: 767px) {
     .pq-portfoliobox-slider.pq-style-2 .pq-portfoliobox-1 {
          padding: 30px 15px;
     }
}

/*===== Portfoliobox Slider 3 =====*/
.pq-portfilio-sec-box .pq-section-title .pq-title-sub-title {
     color: var(--white-color);
}

.pq-portfilio-sec-box .pq-section-title .pq-title-heading {
     color: var(--white-color);
}

/*===== Portfoliobox Hover Slide  =====*/

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info {
     position: absolute;
     bottom: 30px;
     left: 0;
     z-index: 2;
     opacity: 0;
     transition: var(--transition);
     padding: 30px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
     text-align: left;
}

.pq-portfoliobox-1.pq-hover-slide:hover .pq-portfolio-info {
     opacity: 1;
     transform: translateX(0);
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info {
     transition: all 0.4s ease-in-out;
}

.pq-portfoliobox-1.pq-hover-slide:hover .pq-portfolio-info {
     transform: translate(0px, 0px);
     left: 30px;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info h5 a {
     color: var(--dark-color);
     font-size: 24px;
     line-height: 32px;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info h5 a:hover {
     color: var(--primary-color);
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info .pq-portfolio-style-1-tag {
     margin-bottom: 0;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info .pq-portfolio-style-1-tag a {
     font-family: var(--title-fonts);
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--primary-color);
     display: inline-block;
     margin-bottom: 10px;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-title-marquee,
.pq-portfoliobox-1.pq-hover-slide .pq-icon-button {
     display: none !important;
}

.gallery--slider.pq-portfolio {
     display: block;
     position: relative;
     overflow: hidden;
}

.g-slider--one {
     display: flex;
     flex-direction: column;
     gap: 0;
     width: 150%;
     margin-bottom: 30px;
}

.g-slider--two {
     display: flex;
     flex-direction: column;
     gap: 0;
     width: 150%;
}

.gallery--slider.pq-portfolio ul {
     display: flex;
     gap: 30px;
     margin: 0;
}

.gallery--slider.pq-portfolio .pq-portfoliobox-1 .pq-portfolio-img img {
     width: 400px;
     border-radius: var(--border-radius);
}

.gallery--slider.pq-portfolio .pq-portfoliobox-1 {
     max-width: 100%;
     position: relative;
     transition: var(--transition);
}

.g-slider--title {
     position: absolute;
     width: 180px;
     height: 180px;
     background-color: var(--white-color);
     border-radius: 100%;
     left: 50%;
     top: 50%;
     display: flex;
     transform: translate(-50%, -50%) rotate(0deg);
     align-items: center;
     justify-content: center;
     z-index: 1;
}

.gallery--slider.pq-portfolio .pq-icon i {
     color: var(--primary-color);
     font-size: 50px;
}

.gallery--slider.pq-portfolio .pq-button.pq-button-link:after,
.gallery--slider.pq-portfolio .pq-button.pq-button-link:before {
     content: inherit;
}

.gallery--slider.pq-portfolio .g-slider--title {
     transition: var(--transition);
}

.gallery--slider.pq-portfolio:hover .g-slider--title {
     transform: translate(-50%, -50%) rotate(45deg);
}


@media(max-width:1499px) {
     .portfolio {
          border-radius: 0;
     }
}

@media(max-width:1365px) {
     .gallery--slider.pq-portfolio .pq-portfoliobox-1 {
          width: 400px;
     }

     .gallery--slider.pq-portfolio .pq-portfoliobox-1 .pq-portfolio-img img {
          width: 100%;
     }

}

@media(max-width:1365px) {

     .g-slider--one,
     .g-slider--two {
          width: 100%;
          padding: 0 15px;
     }

     .g-slider--one .g-slider--one-list,
     .g-slider--two .g-slider--two-list {
          transform: none !important;
     }

     .gallery--slider.pq-portfolio ul {
          display: grid;
          padding: 0;
          grid-template-columns: 1fr 1fr;
          gap: 30px;
     }

     .gallery--slider.pq-portfolio .pq-portfoliobox-1 {
          width: 100%;
     }

}

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

     .g-slider--title {
          display: none;
     }
}

/*===Portfolio Slider pq-style-3===*/

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

.pq-portfolio-slider.pq-style-3 .owl-carousel .owl-nav button.owl-prev,
.pq-portfolio-slider.pq-style-3 .owl-carousel .owl-nav button.owl-next {
     outline: none;
     text-align: center;
     text-indent: inherit;
     cursor: pointer;
     position: relative;
     font-size: 26px;
     width: 0;
     height: 0;
     line-height: 56px;
     background: none;
     padding: 0 !important;
     margin: 0;
     border: none;
     color: var(--primary-color);
}

.pq-portfolio-slider.pq-style-3 .owl-carousel .owl-nav button:hover {
     color: var(--primary-color);
     background: var(--primary-color);
}

.pq-portfolio-slider.pq-style-3 .pq-dark-bg .owl-carousel .owl-nav button:hover {
     color: var(--primary-color);
     background: var(--primary-color);
}

.pq-portfolio-slider.pq-style-3 .owl-carousel .owl-nav button.owl-prev {
     margin-left: 5px;
}

.pq-portfolio-slider.pq-style-3 .owl-carousel .owl-nav button.owl-next {
     margin-right: 30px;
}

.pq-portfolio-slider.pq-style-3 .pq-portfolio-block-1 .pq-portfolio-image::before {
     background-color: initial;
}

.pq-portfolio-image img {
     border-radius: var(--border-radius);
     object-fit: cover;
}

.pq-portfolio-image.img-2 {
     height: 100%;
}

.pq-portfolio-image.img-2 img {
     height: 100%;
}

.pq-project-details {
     padding: 0 30px 0 15px;
}

.pq-portfolio-details-block {
     margin-top: 45px;
}

.pq-project-details .pq-project-description {
     margin-bottom: 20px;
     margin-top: 15px;
}

.pq-project-details-list ul {
     padding: 0;
     margin: 0;
}

.pq-project-details-list ul .pq-project-details-item {
     margin-bottom: 10px;
}

.pq-project-details-list ul .pq-project-details-item .pq-project-details-icon i {
     margin-right: 5px;
     color: var(--primary-color);
}

.pq-project-information .pq-project-info-title {
     padding: 30px;
     color: var(--white-color);
     border-radius: 10px 10px 0 0;
     background-color: var(--primary-color);
}

.pq-project-information .pq-project-contain {
     background-color: var(--grey-color);
     padding: 30px;
     border-radius: 0 0 10px 10px;
}

.pq-project-information .pq-project-contain .pq-project-info .pq-project-details-title {
     padding: 15px 0 15px 0;
     border-bottom: 1px solid var(--light-black);
}

.pq-project-information .pq-project-contain .pq-project-info .pq-project-details-title:first-child {
     padding-top: 0;
}

.pq-project-information .pq-project-contain .pq-project-info .pq-project-details-title span {
     font-size: 18px;
     line-height: 24px;
     color: initial;
     font-weight: 400;
}

.pq-project-information .pq-project-contain .pq-project-social-icon-list {
     display: flex;
     gap: 20px;
     padding-top: 15px;
     font-size: 16px;
}

.pq-project-information .pq-project-contain .pq-project-social-icon-list .pq-project-social-icon a .fa-facebook-f {
     width: 50px;
     height: 50px;
     border-radius: 100%;
     text-align: center;
     align-content: center;
     color: white;
     background-color: #3b5998;
}

.pq-project-information .pq-project-contain .pq-project-social-icon-list .pq-project-social-icon a .fa-twitter {
     width: 50px;
     height: 50px;
     border-radius: 100%;
     text-align: center;
     align-content: center;
     color: white;
     background-color: #1da1f2;
}

.pq-project-information .pq-project-contain .pq-project-social-icon-list .pq-project-social-icon a .fa-youtube {
     width: 50px;
     height: 50px;
     border-radius: 100%;
     text-align: center;
     align-content: center;
     color: white;
     background-color: #cd201f;
}

.pq-project-img-details {
     padding: 45px 0;
}

.pq-project-img-details .pq-project-img-details-title {
     padding-top: 30px;
}

.pq-project-img-details .pq-portfolio-image-description {
     padding-top: 30px;
     margin-bottom: 15px;
}

.pq-project-img-details .pq-project-details-item:last-child {
     margin-bottom: 0;
}

.pq-project-arrow .pq-single-page-navigation {
     display: flex;
     justify-content: space-between;
     padding: 45px 30px;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
     width: 100%;
}

.pq-project-arrow .pq-single-page-navigation .pq-single-post-left-arrow:hover a {
     color: var(--primary-color);
}

.pq-project-arrow .pq-single-page-navigation .pq-single-post-left-arrow:hover a i {
     background-color: var(--primary-color);
}

.pq-project-arrow .pq-single-page-navigation .pq-single-post-left-arrow {
     display: flex;
     gap: 10px;
     text-align: center;
     align-items: center;
     transition: var(--transition);
     justify-content: center;
}

.pq-project-arrow .pq-single-page-navigation .pq-single-title a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     color: var(--secondary-color);
     text-transform: uppercase;
     transition: var(--transition);
}

.pq-project-arrow .pq-single-page-navigation .pq-single-post-right-arrow {
     display: flex;
     gap: 10px;
     text-align: center;
     align-items: center;
     transition: var(--transition);
     justify-content: center;
}

.pq-project-arrow .pq-single-page-navigation i {
     width: 60px;
     height: 60px;
     font-size: 20px;
     text-align: center;
     align-content: center;
     border-radius: var(--border-radius);
     color: var(--white-color);
     background-color: var(--dark-color);
     transition: var(--transition);
}

.pq-project-arrow .pq-single-page-navigation .pq-single-post-right-arrow:hover a {
     color: var(--primary-color);
}

.pq-project-arrow .pq-single-page-navigation .pq-single-post-right-arrow:hover a i {
     background-color: var(--primary-color);
}


@media(max-width:1399px) {
     .pq-project-details {
          padding: 0 30px 0 0;
     }
}

@media(max-width:1099px) {
     .pq-project-details {
          padding: 0;
     }
}

@media(max-width:767px) {
     .pq-portfolio-image.img-2 img {
          display: none;
     }

     .pq-project-arrow .pq-single-page-navigation {
          display: inline-block;
     }

     .pq-project-arrow .pq-single-page-navigation {
          padding: 30px;
     }
}

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

.pq-portfoliobox-1 {
     overflow: hidden;
     position: relative;
}

.pq-portfoliobox-1 .pq-portfolio-img {
     position: relative;
     overflow: hidden;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

.pq-portfoliobox-1 .pq-portfolio-img img {
     width: 100%;
     transition: all 0.5s ease-in-out;
     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;
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}

.pq-portfoliobox-1:hover .pq-portfolio-img img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}

.pq-portfoliobox-1 .pq-portfolio-img span.pq-portfolio-tag {
     display: none;
}

.pq-portfoliobox-1 .pq-portfolio-info .pq-portfolio-style-1-tag {
     line-height: 1;
     margin-bottom: 5px;
}

.pq-portfoliobox-1 .pq-portfolio-info .pq-portfolio-style-1-tag a {
     font-family: var(--title-fonts);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--primary-color);
}

/*===== Portfoliobox Hover Slide  =====*/

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info {
     position: absolute;
     bottom: 30px;
     left: 0;
     z-index: 1;
     -moz-transform: translate(-100%, 0px);
     -webkit-transform: translate(-100%, 0px);
     -o-transform: translate(-100%, 0px);
     -ms-transform: translate(-100%, 0px);
     transform: translate(-100%, 0px);
     -webkit-transition: transform 0.4s 0s ease-in-out;
     -moz-transition: transform 0.4s 0s ease-in-out;
     -o-transition: transform 0.4s 0s ease-in-out;
     transition: transform 0.4s 0s ease-in-out;
     padding: 30px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
     text-align: left;
}

.pq-portfoliobox-1.pq-hover-slide:hover .pq-portfolio-info {
     -moz-transform: translate(0px, 0px);
     -webkit-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     left: 30px;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info h5 a {
     color: var(--dark-color);
     font-size: 24px;
     line-height: 32px;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info h5 a:hover {
     color: var(--primary-color);
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info .pq-portfolio-style-1-tag {
     margin-bottom: 0;
}

.pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info .pq-portfolio-style-1-tag a {
     font-family: var(--title-fonts);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--primary-color);
     display: inline-block;
     margin-bottom: 10px;
}

/*===== Portfoliobox Hover fade  =====*/

.pq-portfoliobox-1.pq-hover-fade {
     text-align: center;
}

.pq-portfoliobox-1.pq-hover-fade:before {
     opacity: 0;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: inline-block;
     background: var(--dark-color);
     z-index: 1;
     transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

.pq-portfoliobox-1.pq-hover-fade:hover:before {
     opacity: 0.9;
}

.pq-portfoliobox-1.pq-hover-fade .pq-portfolio-info {
     padding: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     display: grid;
     align-items: center;
     justify-content: center;
     align-content: center;
     justify-items: center;
     opacity: 0;
     -moz-transform: translate(0px, 30px);
     -webkit-transform: translate(0px, 30px);
     -o-transform: translate(0px, 30px);
     -ms-transform: translate(0px, 30px);
     transform: translate(0px, 30px);
     -webkit-transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
     transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.pq-portfoliobox-1.pq-hover-fade .pq-portfolio-info h5 {
     margin-bottom: 5px;
}

.pq-portfoliobox-1.pq-hover-fade .pq-portfolio-info h5 a,
.pq-portfoliobox-1.pq-hover-fade .pq-portfolio-info .pq-portfolio-style-1-title a {
     color: var(--white-color);
}

.pq-portfoliobox-1.pq-hover-fade .pq-portfolio-info .pq-portfolio-style-1-tag a {
     color: var(--primary-color);
}

.pq-portfoliobox-1.pq-hover-fade:hover .pq-portfolio-info {
     opacity: 1;
     -moz-transform: translate(0px, 0);
     -webkit-transform: translate(0px, 0);
     -o-transform: translate(0px, 0);
     -ms-transform: translate(0px, 0);
     transform: translate(0px, 0);
}

.pq-portfoliobox-1.pq-hover-fade .pq-e-post-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.pq-portfoliobox-1.pq-hover-fade .pq-portfolio-info .pq-btn-container a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--primary-color);
     text-transform: uppercase;
}

@media (max-width: 479px) {
     .pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info {
          padding: 15px;
          margin-right: 15px;
     }

     .pq-portfoliobox-1.pq-hover-slide .pq-portfolio-info .pq-portfolio-style-1-title a {
          font-size: 28px;
          line-height: 36px;
     }

     .pq-portfoliobox-1.pq-hover-slide:hover .pq-portfolio-info {
          left: 15px;
     }
}

/*===== Portfoliobox Hover below  =====*/

.pq-portfoliobox-1.pq-hover-bellow .pq-portfolio-info {
     margin-top: 15px;
}

.pq-portfoliobox-1.pq-hover-bellow .pq-portfolio-info .pq-portfolio-category a {
     color: var(--primary-color);
}

/*===== Portfoliobox Nav =====*/

.pq-portfolio-info-box {
     background-color: var(--grey-color);
     padding: 45px;
     border-radius: 20px;
}

.pq-portfolio-info-box .pq-portfoli-info {
     margin: 0;
     padding: 0;
}

.pq-portfolio-info-box .pq-portfoli-info li {
     list-style: none;
     border-bottom: 1px solid #0000001a;
     margin-bottom: 20px;
     padding-bottom: 15px;
}

.pq-portfolio-info-box .pq-portfoli-info li:last-child {
     margin: 0;
     padding: 0;
     border: 0;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-info-title {
     font-size: 24px;
     line-height: 32px;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-info-description {
     margin: 0;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-social-list {
     margin-top: 15px;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-social-list a i {
     height: 45px;
     width: 45px;
     line-height: 45px;
     text-align: center;
     background-color: var(--white-color);
     border-radius: 50%;
     margin-right: 5px;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-social-list .pq-icon-facebook i {
     color: var(--white-color);
     background-color: #3b5998;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-social-list .pq-icon-twitter i {
     color: var(--white-color);
     background-color: #1da1f2;
}

.pq-portfolio-info-box .pq-portfoli-info li .pq-portfolio-social-list .pq-icon-youtube i {
     color: var(--white-color);
     background-color: #cd201f;
}

/*================================================
service
================================================*/
.service {
     position: relative;
}

.pq-service-box-1-list {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     justify-content: center;
     gap: 75px 90px;
     position: relative;
     --space-adjust: 12px;
}

.pq-service-box-1-list::after,
.pq-service-box-1-list::before {
     content: '';
     position: absolute;
     left: calc(33.33% - var(--space-adjust));
     top: 0;
     height: 100%;
     width: 1px;
     background-color: var(--light-black);
}

.pq-service-box-1-list::before {
     left: calc(66.66% + var(--space-adjust));
}

.pq-service-box.pq-style-1 {
     position: relative;
}

.pq-service-box.pq-style-1 .pq-service-top {
     display: grid;
     grid-template-columns: 48px 1fr;
     gap: 15px;
     align-items: center;
}

.pq-service-box.pq-style-1 .pq-service-top .pq-service-icon {
     font-size: 48px;
     line-height: 1;
     color: var(--primary-color);
}

.pq-service-box.pq-style-1 .pq-service-top .pq-service-title {
     font-size: 28px;
     line-height: 36px;
     transition: var(--transition);
}

.pq-service-box.pq-style-1.pq-active .pq-service-top .pq-service-title {
     color: var(--primary-color);
}

.pq-service-box.pq-style-1 .pq-service-description {
     margin-bottom: 0;
     margin-top: 10px;
}

.pq-service-box.pq-style-1 .pq-service-media {
     width: 170px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -45%) scale(0) rotate(10deg);
     transition: var(--transition);
}

.pq-service-box.pq-style-1.pq-active .pq-service-media {
     transform: translate(-50%, -45%) scale(1) rotate(20deg);
}

.pq-service-box.pq-style-1 .pq-service-media img {
     border-radius: var(--border-radius);
     width: 100%;
}

@media (max-width: 1399px) {
     .pq-service-box-1-list {
          gap: 60px;
          --space-adjust: 10px;
     }

     .pq-service-box.pq-style-1 .pq-service-top .pq-service-title {
          font-size: 24px;
          line-height: 32px;
     }
}

@media (max-width: 1099px) {
     .pq-service-box-1-list {
          grid-template-columns: repeat(2, 1fr);
          gap: 75px;
          --space-adjust: 0px;
     }

     .pq-service-box-1-list::after {
          left: calc(50% - var(--space-adjust));
     }

     .pq-service-box-1-list::before {
          display: none;
     }
}

@media (max-width: 767px) {
     .pq-service-box-1-list {
          grid-template-columns: repeat(1, 1fr);
          gap: 45px;
     }

     .pq-service-box-1-list::after {
          display: none;
     }

     .pq-service-box-1-list::before {
          display: none;
     }

     .pq-service-box.pq-style-1 {
          position: relative;
          display: flex;
          flex-direction: column;
     }

     .pq-service-box.pq-style-1 .pq-service-top {
          display: block;
          margin-top: 15px;
     }

     .pq-service-box.pq-style-1 .pq-service-top .pq-service-icon {
          width: 80px;
          height: 80px;
          background-color: var(--white-color);
          border-radius: var(--border-radius);
          line-height: 80px;
          text-align: center;
          position: absolute;
          left: 30px;
          top: 30px;
     }

     .pq-service-box.pq-style-1 .pq-service-top .pq-service-title {
          color: var(--dark-color);
     }

     .pq-service-box.pq-style-1.pq-active .pq-service-media,
     .pq-service-box.pq-style-1 .pq-service-media {
          width: 100%;
          position: relative;
          top: initial;
          left: initial;
          transform: none;
     }

     .pq-service-box.pq-style-1 .pq-service-media img {
          width: 100%;
          aspect-ratio: 1/1;
          object-fit: cover;
          object-position: top;

     }
}

@media (max-width: 479px) {
     .pq-service-box-1-list {
          gap: 30px;
     }

     .pq-service-box.pq-style-1 .pq-service-top .pq-service-icon {
          left: 15px;
          top: 15px;
          width: 68px;
          height: 68px;
          line-height: 68px;
     }

     .pq-service-box.pq-style-1 .pq-service-top .pq-service-icon {
          font-size: 40px;
     }
}

/*===== Service Style 2 =====*/
.parallax.pq-service-img {
     position: absolute;
     bottom: 0%;
     left: -14%;
}

.parallax.pq-service-img .layer .pq-parallax-service-img {
     width: 60%;
}

.pq-service-box.pq-style-2 {
     position: relative;
     overflow: hidden;
}

.pq-service-box.pq-style-2 .pq-service-box-img {
     position: relative;
     overflow: hidden;
     border-radius: var(--border-radius);
}

.pq-service-box.pq-style-2 .pq-service-box-img img {
     transition: var(--transition);
}

.pq-service-box.pq-style-2:hover .pq-service-box-img img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}

.pq-service-box.pq-style-2 .pq-service-box-info {
     padding: 20px 0;
     position: relative;
     display: flex;
     border-bottom: 1px solid var(--grey-color);
     align-items: center;
     justify-content: space-between;
}

.pq-service-box.pq-style-2 .pq-service-box-info .pq-icon-button i::before {
     line-height: inherit;
}

.pq-service-box.pq-style-2 .pq-service-box-info::before {
     content: '';
     position: absolute;
     bottom: -1px;
     right: 100%;
     height: 1px;
     width: 100%;
     transition: var(--transition);
     background: var(--primary-color);
}

.pq-service-box.pq-style-2:hover .pq-service-box-info::before {
     right: 0%;
}

.pq-service-box.pq-style-2 .pq-service-box-info .pq-service-box-title {
     font-size: 28px;
     line-height: 36px;
     transition: var(--transition);
}

.pq-service-box.pq-style-2:hover .pq-service-box-info .pq-service-box-title {
     color: var(--primary-color);
}

.pq-service-box.pq-style-2:hover .pq-service-box-info .pq-icon-button a {
     color: var(--white-color);
     background-color: var(--primary-color);
     border: 1px solid var(--primary-color);
}

.pq-service-box-style-2-slider .owl-carousel .owl-nav button.owl-prev,
.pq-service-box-style-2-slider .owl-carousel .owl-nav button.owl-next {
     margin-top: -90px;
}

@media(max-width:1499px) {
     .parallax.pq-service-img .layer .pq-parallax-service-img {
          display: none;
     }
}

@media (max-width: 1199px) {
     .pq-service-box.pq-style-2 .pq-service-box-info .pq-service-box-title {
          font-size: 24px;
          line-height: 32px;
     }

     .pq-service-box-style-2-slider .owl-carousel .owl-nav button.owl-prev,
     .pq-service-box-style-2-slider .owl-carousel .owl-nav button.owl-next {
          margin-top: 0;
     }
}

@media(max-width:767px) {
     .pq-service-box-style-2-slider .owl-nav {
          display: none;
     }
}

/*===== Service Style 3 =====*/

.pq-service-box.pq-style-3 {
     padding: 30px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
     transition: var(--transition);
}

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

.pq-service-box.pq-style-3 .pq-service-box-top {
     display: grid;
     align-items: center;
     grid-template-columns: 1fr 64px;
     gap: 15px;
}

.pq-service-box.pq-style-3 .pq-service-box-top .pq-service-title {
     font-size: 28px;
     line-height: 36px;
     transition: var(--transition);
}

.pq-service-box.pq-style-3:hover .pq-service-box-top .pq-service-title {
     color: var(--white-color);
}

.pq-service-box.pq-style-3 .pq-service-box-top .pq-service-icon {
     font-size: 36px;
     line-height: 64px;
     color: var(--white-color);
     background-color: var(--primary-color);
     width: 64px;
     height: 64px;
     border-radius: var(--big--border-radius);
     transition: var(--transition);
     text-align: center;
}

.pq-service-box.pq-style-3 .pq-service-box-top .pq-service-icon i::before {
     line-height: inherit;
}

.pq-service-box.pq-style-3:hover .pq-service-box-top .pq-service-icon {
     color: var(--primary-color);
     background-color: var(--white-color);
}

.pq-service-box.pq-style-3 .pq-service-media {
     margin-top: 20px;
}

.pq-service-box.pq-style-3 .pq-service-media img {
     border-radius: var(--border-radius);
}

.pq-service-box.pq-style-3 .pq-service-description {
     margin-top: 15px;
     transition: var(--transition);
}

.pq-service-box.pq-style-3:hover .pq-service-description {
     color: var(--white-color);
}

.pq-service-box.pq-style-3 .pq-btn-container .pq-button.pq-button-link {
     transition: 0ms;
}

.pq-service-box.pq-style-3:hover .pq-btn-container .pq-button.pq-button-link {
     color: var(--white-color);
}

.pq-service-box.pq-style-3:hover .pq-btn-container .pq-button.pq-button-link::after,
.pq-service-box.pq-style-3:hover .pq-btn-container .pq-button.pq-button-link::before {
     background-color: var(--white-color);
}

@media(max-width:767px) {
     .pq-service-box.pq-style-3 {
          padding: 15px;
     }

     .service-box-style-3-slider .owl-nav {
          display: none;
     }
}

/*===== Service-single-page =====*/
.pq-service-single-main-block {
     display: grid;
     grid-template-columns: 0.5fr 1.1fr;
     gap: 30px;
}

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

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title {
     display: flex;
     padding: 20px;
     margin-bottom: 10px;
     align-items: center;
     justify-content: space-between;
     border-radius: var(--border-radius);
     background-color: var(--white-color);
}

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

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

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title.current-menu-item a {
     width: 100%;
     position: relative;
     font-family: var(--title-fonts);
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     color: var(--white-color);
}

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

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

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title a {
     font-size: 16px;
     line-height: 24px;
     text-transform: uppercase;
     color: var(--dark-color);
}

.pq-service-single-main-block .pq-service-item .pq-service-item-list .pq-service-item-title i {
     font-size: 16px;
     line-height: 24px;
     transform: rotate(270deg);
     text-transform: uppercase;
     color: var(--dark-color);
}

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

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

.pq-service-single-main-block .pq-service-item .pq-service-media {
     padding: 30px;
     text-align: center;
     border-radius: var(--border-radius);
     background-color: var(--grey-color);
}

.pq-service-single-main-block .pq-service-item .pq-service-media img {
     border-radius: var(--border-radius);
}

.pq-service-single-main-block .pq-service-info-main img {
     border-radius: var(--border-radius);
     margin-bottom: 45px;
}

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

.pq-service-single-main-block .pq-service-info-main .pq-service-info-description {
     padding-bottom: 45px;
}

.pq-service-single-main-block .pq-service-info-main .pq-service-info-description p {
     margin-bottom: 15px;
}

.pq-service-single-main-block .pq-service-info-main .pq-service-info-description p:last-child {
     margin-bottom: 0;
}

.pq-service-single-main-block .pq-service-details .pq-service-contain-info {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     justify-items: center;
     margin-bottom: 45px;
}

.pq-service-single-main-block .pq-service-details .pq-service-info-title {
     margin-bottom: 15px;
}

.pq-service-single-main-block .pq-service-details .pq-service-info-description {
     margin-bottom: 15px;
}

.pq-service-single-main-block .pq-service-details .pq-service-info-description:last-child {
     margin-bottom: 0;
}

.pq-service-single-main-block .pq-service-details .pq-growix-list .pq-growix-list-item {
     margin: 0;
     padding: 0;
}

.pq-service-single-main-block .pq-service-details .pq-growix-list .pq-growix-list-item li {
     display: flex;
     gap: 15px;
     padding-bottom: 5px;
     margin-top: 5px;
}

.pq-service-single-main-block .pq-service-details .pq-growix-list .pq-growix-list-item li:first-child {
     margin-top: 0;
}

.pq-service-single-main-block .pq-service-details .pq-growix-list .pq-growix-list-item li:last-child {
     padding-bottom: 0;
}

.pq-service-single-main-block .pq-service-details .pq-growix-list .pq-growix-list-item .pq-growix-list-icon {
     font-size: 18px;
     color: var(--primary-color);
}

.pq-service-single-main-block .pq-service-details img {
     border-radius: var(--border-radius);
}

/*===== fancy-box style-4=====*/

.pq-fancy-box-style-4-list {
     margin-top: 45px;
     display: flex;
     gap: 30px;
}

.pq-fancy-box-style-4-list .pq-fancy-box.pq-style-4 {
     background-color: var(--grey-color);
     padding: 30px;
     border-radius: var(--border-radius);
}

.pq-fancy-box-style-4-list .pq-fancy-box.pq-style-4 .pq-fancy-box-info {
     display: grid;
     grid-template-columns: 1fr 4fr;
     gap: 15px;
}

.pq-fancy-box-style-4-list .pq-fancy-box.pq-style-4 .pq-fancy-box-info .pq-fancy-box-icon i {
     font-size: 64px;
     color: var(--primary-color);
}

.pq-fancy-box-style-4-list .pq-fancy-box.pq-style-4 .pq-fancy-box-info .pq-fancy-box-heading {
     margin: 0;
}

@media(max-width:1023px) {
     .pq-service-info-main .pq-service-info-title {
          font-size: 28px;
          line-height: 36px;
     }

     .pq-service-single-main-block {
          display: flex;
          flex-direction: column-reverse;
     }
}

@media(max-width:979px) {
     .pq-fancy-box-style-4-list {
          margin-top: 30px;
          display: grid;
          grid-template-columns: 1fr;
     }

     .pq-fancy-box-style-4-list .pq-fancy-box.pq-style-4 .pq-fancy-box-info {
          grid-template-columns: 1fr;
          gap: 0;
     }

     .pq-service-details .pq-service-contain-info {
          grid-template-columns: 1fr;
          margin-bottom: 45px;
          justify-items: left;
     }

     .pq-service-info-main .pq-service-info-description {
          padding-bottom: 30px;
     }

     .pq-service-details .pq-service-contain-info .pq-growix-list {
          margin-top: 30px;
     }
}

@media(max-width:767px) {
     .pq-service-item .pq-service-item-list {
          padding: 30px 15px;
     }

     .pq-service-item .pq-service-media {
          padding: 30px 15px;
     }

     .pq-service-single-main-block .pq-service-details .pq-service-contain-info {
          grid-template-columns: 1fr;
          justify-items: left;
     }

     .pq-fancy-box-style-4-list .pq-fancy-box.pq-style-4 {
          padding: 15px;
     }

     .pq-service-single-main-block .pq-service-item .pq-service-item-list {
          padding: 15px;
     }

     .pq-service-single-main-block .pq-service-item .pq-service-media {
          padding: 15px;
     }

     .pq-service-single-main-block .pq-service-details .pq-service-contain-info {
          margin-bottom: 25px;
     }

     .pq-service-single-main-block .pq-service-info-main .pq-service-info-description {
          padding-bottom: 20px;
     }
}

/*================================================
wow image effect
================================================*/
.pq-image-effect img {
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

.pq-img-round .pq-image-effect img {
     -webkit-border-radius: 900px;
     -moz-border-radius: 900px;
     border-radius: 900px;
}

/*===== Image Effect Right  =====*/

.img-pqkey-right {
     animation: img-ptkey-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
     opacity: 0;
}

@keyframes img-ptkey-right {
     0% {
          transform: translateX(5%);
          clip-path: inset(0 0 0 100%);
          opacity: 0;
     }

     100% {
          transform: translateX(0);
          clip-path: inset(0 0 0 0);
          opacity: 1;
     }
}

.pq-img-right .pq-image-effect {
     position: absolute;
     width: calc((100vw / 2) - 60px);
     right: calc((1400px - 100vw)/2 + 30px);
}

.pq-img-right .pq-image-effect img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

@media (max-width: 1400px) {
     .pq-img-right .pq-image-effect {
          right: -15px;
     }
}

@media (max-width: 1024px) {
     .pq-img-right .pq-image-effect {
          position: inherit;
          width: 100%;
     }
}

/*===== Image Effect Left =====*/

.img-pqkey-left {
     animation: img-ptkey-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
     opacity: 0;
}

@keyframes img-ptkey-left {
     0% {
          transform: translateX(-5%);
          clip-path: inset(0 100% 0 0);
          opacity: 0;
     }

     100% {
          transform: translateX(0);
          clip-path: inset(0 0 0 0);
          opacity: 1;
     }
}

.pq-img-left .pq-image-effect {
     position: absolute;
     width: calc((100vw / 2) - 60px);
     left: calc((1400px - 100vw)/2 + 30px);
}

.pq-img-left .pq-image-effect img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     border-radius: var(--border-radius);
}

@media (max-width: 1400px) {
     .pq-img-left .pq-image-effect {

          left: -15px;
     }
}

@media (max-width: 1024px) {
     .pq-img-left .pq-image-effect {
          position: inherit;
          width: 100%;
     }
}

/*===== Image Effect Top =====*/

.img-pqkey-top {
     animation: img-ptkey-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
     opacity: 0;
}

@keyframes img-ptkey-top {
     0% {
          transform: translateY(-5%);
          clip-path: inset(0 0 100% 0);
          opacity: 0;
     }

     100% {
          transform: translateY(0);
          clip-path: inset(0 0 0 0);
          opacity: 1;
     }
}

/*===== Image Effect Bottom =====*/

.img-pqkey-bottom {
     animation: img-ptkey-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
     opacity: 0;
}

@keyframes img-ptkey-bottom {
     0% {
          transform: translateY(-5%);
          clip-path: inset(100% 0 0 0);
          opacity: 0;
     }

     100% {
          transform: translateY(0);
          clip-path: inset(0 0 0 0);
          opacity: 1;
     }
}

/*================================================
Process Step
================================================*/

/*===== Process Step Style-1  =====*/

.pq-process-step-1-list {
     display: flex;
     justify-content: space-between;
     gap: 30px;
     margin: 0 15px;
     position: relative;
}

.pq-process-step-1-list .pq-process-step-bg-line {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: calc(100vw - 60px);
}

.pq-process-step-1-list .pq-process-step-bg-line img {
     max-width: calc(100vw - 60px);
}

.pq-process-step.pq-style-1 {
     padding: 45px 30px;
     background-color: var(--grey-color);
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     max-width: 350px;
}

.pq-process-step.pq-style-1:nth-child(1) {
     position: absolute;
}

.pq-process-step.pq-style-1:nth-child(2) {
     rotate: -8deg;
}

.pq-process-step.pq-style-1:nth-child(3) {
     rotate: 5deg;
}

.pq-process-step.pq-style-1:nth-child(4) {
     rotate: -4deg;
}

.pq-process-step.pq-style-1 .pq-process-top {
     display: flex;
     justify-content: space-between;
}

.pq-process-step.pq-style-1 .pq-process-top .pq-process-icon {
     font-size: 64px;
     line-height: 1;
     color: var(--primary-color);
}

.pq-process-step.pq-style-1 .pq-process-top .pq-process-number {
     font-family: var(--title-fonts);
     font-size: 24px;
     line-height: 32px;
     font-weight: 600;
     width: 64px;
     height: 64px;
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
     color: var(--primary-color);
     background-color: var(--white-color);
     text-align: center;
     align-content: center;
     display: inline-block;
}

.pq-process-step.pq-style-1 .pq-process-title {
     font-size: 24px;
     line-height: 32px;
     margin-top: 10px;
}

.pq-process-step.pq-style-1 .pq-process-description {
     margin-bottom: 0;
     margin-top: 10px;
}

@media(max-width:1499px) {
     .pq-process-step-1-list .pq-process-step-bg-line {
          width: calc(100vw - 30px);
     }

     .pq-process-step-1-list .pq-process-step-bg-line img {
          max-width: calc(100vw - 30px);
     }
}

@media(max-width:1279px) {

     .pq-process-step.pq-style-1:nth-child(2),
     .pq-process-step.pq-style-1:nth-child(3),
     .pq-process-step.pq-style-1:nth-child(4) {
          rotate: 0deg;
     }
}

@media (max-width: 1023px) {
     .pq-process-step-1-list {
          margin: 0;
     }

     .pq-process-step-1-list .pq-process-step-bg-line {
          display: none;
     }
}

@media (max-width: 979px) {
     .pq-process-step-1-list {
          display: grid;
          grid-template-columns: 1fr 1fr;
     }

     .pq-process-step.pq-style-1 {
          max-width: inherit;
     }
}

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

@media (max-width: 479px) {
     .pq-process-step.pq-style-1 {
          padding: 30px 15px;
     }
}

/*===== pq-process-step.style-2 =====*/
.pq-process-step.style-2 .pq-process-year {
     font-size: 48px;
     line-height: 56px;
     color: var(--dark-color);
     transition: all 0.5s ease-in-out;
}

.pq-process-step.style-2:hover .pq-process-year {
     color: var(--primary-color);
}

.pq-process-step.style-2 .pq-process-content {
     margin-top: 45px;
     position: relative;
}

.pq-process-step.style-2 .pq-process-content:before {
     content: '';
     position: absolute;
     top: -22px;
     left: 0;
     transform: translateY(-50%);
     width: 12px;
     height: 12px;
     background: var(--primary-color);
     border-radius: 50px;
}

.pq-process-step.style-2 .pq-process-content .pq-process-title {
     margin-bottom: 5px;
}

.pq-process-step.style-2 .pq-process-content .pq-process-description {
     margin-bottom: 0;
}

.pq-process-step-slider.style-2 {
     position: relative;
}

.pq-process-step-slider.style-2:before {
     position: absolute;
     content: '';
     width: 100vw;
     height: 1px;
     background: var(--grey-color);
     left: calc(((1300px - 100vw) / 2) + 30px);
     top: 79px;
}

@media (max-width:1400px) {
     .pq-process-step-slider.style-2:before {
          left: -15px;
     }

}

@media (max-width:767px) {
     .pq-process-step-slider.style-2:before {
          top: 78px;
     }

     .pq-process-step.style-2 .pq-process-year {
          font-size: 32px;
          line-height: 40px;
     }

}

/*================================================
popup animation
================================================*/
.pq-video-popup {
     position: relative;
     z-index: 1;
     margin-top: -260px;
     text-align: center;
     max-width: 1400px;
     margin-left: auto;
     margin-right: auto;
     padding: 0 15px;
}

.pq-video-popup .pq-video-popup-img {
     border-radius: 10px;
     position: relative;
}

.pq-video-popup .pq-popup-animation.pq-style-1 {
     display: inline-block;
     position: absolute;
     bottom: 50px;
     left: 50px;
}

.pq-popup-animation.pq-style-1 .pq-popup-inner {
     width: 130px;
     height: 130px;
     position: relative;
     background: var(--primary-color);
     padding: 0;
     border-radius: 900px;
     overflow: hidden;
     z-index: 1;
}

.pq-popup-animation.pq-style-1 a {
     color: var(--white-color);
     display: block;
     -webkit-border-radius: 900px;
     -moz-border-radius: 900px;
     border-radius: 900px;
     position: relative;
}

.pq-popup-animation.pq-style-1 a:hover::after {
     content: '';
     position: absolute;
     left: 2px;
     top: 2px;
     width: 126px;
     height: 126px;
     border-radius: 100%;
     border: 2px dashed var(--white-color);
     animation: spin 2s linear infinite;
     animation-delay: 1s;
     z-index: 0;
}

.pq-popup-animation.pq-style-1 a:hover::before {
     content: '';
     position: absolute;
     left: 2px;
     top: 2px;
     width: 126px;
     height: 126px;
     border-radius: 100%;
     border: 2px dashed var(--white-color);
     animation: spin 2s linear infinite;
     z-index: 0;
}


@keyframes spin {
     0% {
          transform: scale(1) rotate(0deg);
          opacity: 1;

     }

     100% {
          transform: scale(1.5) rotate(90deg);
          opacity: 0;
     }
}

.pq-popup-animation.pq-style-1 .pq-popup-content {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     font-family: var(--title-fonts);
     color: var(--white-color);
     text-align: center;
     z-index: 9;
}

.pq-popup-animation.pq-style-1 .pq-popup-content i {
     font-size: 24px;
     line-height: 1;
}

.pq-popup-animation.pq-style-1 .pq-popup-content span {
     display: block;
     font-size: 16px;
     line-height: 24px;
}

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

.mfp-wrap .mfp-close:hover {
     background: var(--primary-color);
}

.mfp-wrap .mfp-close:focus {
     outline: none;
}

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

@media(max-width:1023px) {
     .pq-video-popup {
          margin-top: 0;
          padding-top: 90px;
     }
}

@media(max-width:767px) {
     .pq-video-popup {
          padding-top: 60px;
     }

     .pq-popup-animation.pq-style-1 .pq-popup-inner {
          height: 90px;
          width: 90px;
     }

     .pq-video-popup .pq-popup-animation.pq-style-1 {
          bottom: 20px;
          left: 35px;
     }
     .pq-video-popup .pq-video-popup-img{
          width: 100%;
          height: 300px;
          object-fit: cover;
     }
}

/*===== video style-2 =====*/

/* .video-popup-style-2 {
    margin: 0 20px;
} */

.pq-video-popup.pq-style-2 {
     max-width: 100%;
     margin: 0 20px;
     padding: 0;
}

.pq-video-popup.pq-style-2 .pq-video-popup-img-two {
     position: relative;
     border-radius: 10px;
     width: 100%;
}

.pq-video-popup .pq-popup-animation.pq-style-2 {
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.pq-popup-animation.pq-style-2 .pq-popup-inner {
     width: 130px;
     height: 130px;
     position: relative;
     background: var(--primary-color);
     padding: 0;
     border-radius: 900px;
     overflow: hidden;
     z-index: 1;
}

.pq-popup-animation.pq-style-2 a {
     color: var(--white-color);
     display: block;
     -webkit-border-radius: 900px;
     -moz-border-radius: 900px;
     border-radius: 900px;
     position: relative;
}

.pq-popup-animation.pq-style-2 a:hover::after {
     content: '';
     position: absolute;
     left: 2px;
     top: 2px;
     width: 126px;
     height: 126px;
     border-radius: 100%;
     border: 2px dashed var(--white-color);
     animation: spin 2s linear infinite;
     animation-delay: 1s;
     z-index: 0;
}

.pq-popup-animation.pq-style-2 a:hover::before {
     content: '';
     position: absolute;
     left: 2px;
     top: 2px;
     width: 126px;
     height: 126px;
     border-radius: 100%;
     border: 2px dashed var(--white-color);
     animation: spin 2s linear infinite;
     z-index: 0;
}


@keyframes spin {
     0% {
          transform: scale(1) rotate(0deg);
          opacity: 1;

     }

     100% {
          transform: scale(1.5) rotate(90deg);
          opacity: 0;
     }
}

.pq-popup-animation.pq-style-2 .pq-popup-content {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     font-family: var(--title-fonts);
     color: var(--white-color);
     text-align: center;
     z-index: 9;
}

.pq-popup-animation.pq-style-2 .pq-popup-content i {
     font-size: 24px;
     line-height: 1;
}

.pq-popup-animation.pq-style-2 .pq-popup-content span {
     display: block;
     font-size: 16px;
     line-height: 24px;
}

.pq-popup-animation.pq-style-2 img {
     animation: text-animatio 10s linear infinite;
     position: absolute;
     left: 12px;
     top: 12px;
     transition: var(--transition);
     width: 156px;

}

.pq-popup-animation.pq-style-2:hover img {
     scale: 1.12;
}

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

.mfp-wrap .mfp-close:hover {
     background: var(--primary-color);
}

.mfp-wrap .mfp-close:focus {
     outline: none;
}

@-moz-keyframes text-animation {
     from {
          -moz-transform: rotate(0deg);
     }

     to {
          -moz-transform: rotate(-360deg);
     }
}

@-webkit-keyframes text-animatio {
     from {
          -webkit-transform: rotate(0deg);
     }

     to {
          -webkit-transform: rotate(-360deg);
     }
}

@keyframes text-animatio {
     from {
          transform: rotate(0deg);
     }

     to {
          transform: rotate(-360deg);
     }
}

@media(max-width:1499px) {
     .pq-video-popup.pq-style-2 .pq-video-popup-img-two {
          border-radius: 0;
     }

     .video-popup-style-2 {
          margin: 0;
     }

     .pq-video-popup.pq-style-2 {
          margin: 0;
     }
}

@media(max-width:1099px) {
     .pq-popup-animation.pq-style-2 .pq-popup-inner {
          width: 90px;
          height: 90px;
     }
}
@media(max-width:767px) {
     .pq-video-popup.pq-style-2 .pq-video-popup-img-two {
          height: 300px;
          object-fit: cover;
     }
}
/*===== video style-3 =====*/
.pq-video-popup-vector {
     position: absolute;
     height: 180px;
     bottom: 0%;
     right: 10%;
}

.pq-video-sec-block {
     display: grid;
     grid-template-columns: 1fr 1fr;
}

.pq-video-sec-block .pq-btn-container {
     text-align: end;
     align-content: center;
}

.pq-video-popup-img-one {
     border-radius: 10px;
     margin-top: 45px;
     position: relative;
}

.pq-video-popup .pq-popup-animation.pq-style-3 {
     display: inline-block;
     position: absolute;
     left: 46%;
     top: 44%;
}

.pq-popup-animation.pq-style-3 .pq-popup-inner {
     width: 130px;
     height: 130px;
     position: relative;
     background: var(--primary-color);
     padding: 0;
     border-radius: 900px;
     overflow: hidden;
     z-index: 1;
}

.pq-popup-animation.pq-style-3 a {
     color: var(--white-color);
     display: block;
     -webkit-border-radius: 900px;
     -moz-border-radius: 900px;
     border-radius: 900px;
     position: relative;
}

.pq-popup-animation.pq-style-3 a:hover::after {
     content: '';
     position: absolute;
     left: 2px;
     top: 2px;
     width: 126px;
     height: 126px;
     border-radius: 100%;
     border: 2px dashed var(--white-color);
     animation: spin 2s linear infinite;
     animation-delay: 1s;
     z-index: 0;
}

.pq-popup-animation.pq-style-3 a:hover::before {
     content: '';
     position: absolute;
     left: 2px;
     top: 2px;
     width: 126px;
     height: 126px;
     border-radius: 100%;
     border: 2px dashed var(--white-color);
     animation: spin 2s linear infinite;
     z-index: 0;
}


@keyframes spin {
     0% {
          transform: scale(1) rotate(0deg);
          opacity: 1;

     }

     100% {
          transform: scale(1.5) rotate(90deg);
          opacity: 0;
     }
}

.pq-popup-animation.pq-style-3 .pq-popup-content {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     font-family: var(--title-fonts);
     color: var(--white-color);
     text-align: center;
     z-index: 9;
}

.pq-popup-animation.pq-style-3 .pq-popup-content i {
     font-size: 24px;
     line-height: 1;
}

.pq-popup-animation.pq-style-3 .pq-popup-content span {
     display: block;
     font-size: 16px;
     line-height: 24px;
}

.pq-popup-animation.pq-style-3 img {
     animation: text-animatio 10s linear infinite;
     position: absolute;
     left: 12px;
     top: 12px;
     transition: var(--transition);
     width: 156px;

}

.pq-popup-animation.pq-style-3:hover img {
     scale: 1.12;
}

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

.mfp-wrap .mfp-close:hover {
     background: var(--primary-color);
}

.mfp-wrap .mfp-close:focus {
     outline: none;
}

@-moz-keyframes text-animation {
     from {
          -moz-transform: rotate(0deg);
     }

     to {
          -moz-transform: rotate(-360deg);
     }
}

@-webkit-keyframes text-animatio {
     from {
          -webkit-transform: rotate(0deg);
     }

     to {
          -webkit-transform: rotate(-360deg);
     }
}

@keyframes text-animatio {
     from {
          transform: rotate(0deg);
     }

     to {
          transform: rotate(-360deg);
     }
}

@media(max-width:767px) {
     .pq-popup-animation.pq-style-3 .pq-popup-inner {
          height: 80px;
          width: 80px;
     }

     .pq-video-popup .pq-popup-animation.pq-style-3 {
          left: 40%;
          top: 44%;
     }
     .pq-video-popup-img-one{
          height: 300px;
          object-fit: cover;
     }
}

.pq-video-bottom-block {
     margin-top: 45px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 45px;
}

.pq-video-bottom-block .pq-video-left-box .pq-video-title {
     font-weight: 600;
     border-bottom: 1px solid #0000001F;
     padding-bottom: 25px;
     width: 91%;
}

.pq-video-bottom-block .pq-video-left-box .pq-video-titles {
     font-weight: 600;
     width: 91%
}

.pq-video-right-box .viceo-main-list-block {
     display: grid;
     grid-template-columns: 1fr 1fr;
}

.pq-video-bottom-block .pq-video-left-box .pq-video-img-content {
     padding-top: 30px;
     display: flex;
     gap: 20px;
     align-items: center;
}

.pq-video-bottom-block .pq-video-left-box .pq-video-img-content .pq-video-img-media {
     max-width: 30%;
     object-fit: cover;
}

.pq-video-bottom-block .pq-video-left-box .pq-video-img-content .pq-video-content .pq-video-heading {
     font-size: 22px;
     max-width: 90%;
}

.pq-video-right-box .viceo-main-list-block .pq-icon-list-items {
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     gap: 10px;
}

.pq-video-right-box .viceo-main-list-block .pq-icon-list-items .pq-icon-list-item {
     color: var(--dark-color);
}

.pq-video-right-box .viceo-main-list-block .pq-icon-list-items .pq-icon-list-icon i {
     color: var(--primary-color);
     margin-right: 10px;
     font-size: 20px;
}

.parallax.pq-video-img {
     position: absolute;
     bottom: 0%;
     right: 7%;
}

.parallax.pq-video-img .layer {
     width: 250px;
}

@media(max-width:1679px) {
     .parallax.pq-video-img .layer .pq-parallax-video-img {
          display: none;
     }
}

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

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

     .pq-video-sec-block .pq-btn-container {
          text-align: left;
          margin-top: 20px;
     }

     .pq-video-bottom-block .pq-video-left-box .pq-video-img-content {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
     }

     .pq-video-bottom-block .pq-video-left-box .pq-video-img-content .pq-video-img-media {
          max-width: 60%;
     }

     .pq-video-bottom-block {
          gap: 20px;
     }

     .pq-video-right-box .viceo-main-list-block {
          display: grid;
          grid-template-columns: 1fr;
          gap: 10px;
     }

}

/* ----- style-4 ----- */
.pq-video-popup.pq-style-4 {
     max-width: 100%;
     margin: 0 20px;
     padding: 0;
}

.pq-video-popup-img-four {
     width: 100%;
     border-radius: 10px;
}

/* ----- style 5 ----- */
.pq-video-popup.pq-style-5 {
     margin: 0;
     padding: 0;
}
@media(max-width:767px) {
    .pq-video-popup-img-four{
     height: 300px;
     object-fit: cover;
    } 
}
/*================================================
Team
================================================*/
.pq-team.pq-style-1 .pq-team-media {
     position: relative;
     display: block;
}

.pq-team.pq-style-1 .pq-team-img {
     border-radius: var(--border-radius);
}

.pq-team.pq-style-1 .pq-team-info {
     padding: 20px 0 0;
     text-align: center;
     transition: var(--transition);
}

.pq-team.pq-style-1 .pq-team-info .pq-member-name {
     font-size: 28px;
     line-height: 36px;
     transition: var(--transition);
}

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

.pq-team.pq-style-1 .pq-team-info .pq-member-designation {
     font-size: 18px;
     line-height: 26px;
     font-weight: 500;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--primary-color);
     overflow: hidden;
}

.pq-team.pq-style-1 .pq-team-social {
     font-size: 20px;
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: var(--transition);
     position: absolute;
     left: 0;
     bottom: 17px;
     visibility: visible;
     gap: 15px;
     width: 100%;
}

.pq-team.pq-style-1 .pq-team-social a {
     font-size: 16px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: block;
     border-radius: 100%;
     color: var(--white-color);
     background: var(--dark-color);
     margin-bottom: 8px;
     transition: var(--transition);
     transform: translateY(30px);
     opacity: 0;
}

.pq-team.pq-style-1:hover .pq-team-social a {
     transform: translateY(0px);
     opacity: 1;
}

.pq-team.pq-style-1 .pq-team-social a:hover {
     background: var(--primary-color);
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(2) {
     transition-delay: 0.2s;
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(3) {
     transition-delay: 0.3s;
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(4) {
     transition-delay: 0.4s;
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(5) {
     transition-delay: 0.5s;
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(6) {
     transition-delay: 0.6s;
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(7) {
     transition-delay: 0.7s;
}

.pq-team.pq-style-1:hover .pq-team-social a:nth-child(8) {
     transition-delay: 0.8s;
}

.pq-team.pq-style-1 .pq-team-img img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     transition: var(--transition);
}

.pq-team-slider-1 .owl-carousel .owl-nav button.owl-prev,
.pq-team-slider-1 .owl-carousel .owl-nav button.owl-next {
     margin-top: -45px;
}

@media (max-width:1023px) {
     .pq-team-slider-1 .owl-item {
          transform: scale(1);
     }

     .pq-team.pq-style-1 .pq-team-info {
          transform: translateY(0);
     }

     .pq-team.pq-style-1 .pq-team-social a {
          opacity: 1;
          transform: translateX(0) translateZ(0);
     }

     .pq-team.pq-style-1 .pq-team-social {
          transform: translateY(-15px);
          opacity: 1;
     }

}

@media (max-width:767px) {
     .pq-team.pq-style-1 .pq-team-info .pq-member-name {
          font-size: 26px;
          line-height: 34px;
     }

     .pq-team-slider-1 .owl-carousel .owl-nav button.owl-prev,
     .pq-team-slider-1 .owl-carousel .owl-nav button.owl-next {
          margin-top: 0;
     }

     .pq-team-box-slider.pq-style-1 .owl-nav {
          display: none;
     }
}

/*===== Team Style 2 =====*/
.parallax.pq-team-img {
     position: absolute;
     bottom: 0%;
     left: -15%;
}

.parallax.pq-team-img .layer .pq-team-parallax-img {
     width: 60%;
}

.pq-team.pq-style-2 {
     display: grid;
     grid-template-columns: auto auto 1fr auto;
     gap: 15px 45px;
     align-items: center;
     padding: 45px 30px;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     transition: var(--transition);
     position: relative;
}

.pq-team.pq-style-2.pq-active {
     background-color: var(--primary-color);
}

.pq-team.pq-style-2::before {
     content: '';
     position: absolute;
     left: 10px;
     bottom: 0;
     width: calc(100% - 20px);
     height: 1px;
     background-color: var(--light-black);
     transition: var(--transition);
}

.pq-team.pq-style-2:first-child::after {
     content: '';
     position: absolute;
     left: 10px;
     top: 0;
     width: calc(100% - 20px);
     height: 1px;
     background-color: var(--light-black);
     transition: var(--transition);
}

.pq-team.pq-style-2.pq-active::before,
.pq-team.pq-style-2:first-child.pq-active::after {
     background-color: var(--transition);
}

.pq-team.pq-style-2 .pq-team-name {
     font-size: 32px;
     line-height: 40px;
     transition: var(--transition);
     position: relative;
}

.pq-team.pq-style-2 .pq-team-name:before {
     content: '';
     position: absolute;
     right: -16px;
     top: 50%;
     transform: translateY(-50%);
     width: 4px;
     height: 30px;
     rotate: 15deg;
     background-color: var(--dark-color);
     transition: var(--transition);
}

.pq-team.pq-style-2.pq-active .pq-team-name:before {
     background-color: var(--white-color);
}

.pq-team.pq-style-2.pq-active .pq-team-name {
     color: var(--white-color);
}

.pq-team.pq-style-2 .pq-team-designation {
     font-size: 18px;
     line-height: 26px;
     font-family: var(--body-fonts);
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     transition: var(--transition);
}

.pq-team.pq-style-2.pq-active .pq-team-designation {
     color: var(--white-color);
}

.pq-team.pq-style-2 .pq-team-media img {
     position: absolute;
     left: 50%;
     top: 50%;
     max-width: 280px;
     border-radius: var(--border-radius);
     transform-origin: 50% 50%;
     transform: translateY(-50%) scale(0) rotate(-4deg);
     transition: var(--transition);
}

.pq-team.pq-style-2.pq-active .pq-team-media img {
     transform: translateY(-50%) scale(1) rotate(6deg);
}

.pq-team.pq-style-2.pq-active .pq-icon-button a {
     background-color: var(--grey-color);
     border: 1px solid var(--primary-color);
}

.pq-team.pq-style-2 .pq-icon-button a:hover {
     color: var(--dark-color);
}

@media(max-width:1499px) {
     .parallax.pq-team-img .layer .pq-team-parallax-img {
          display: none;
     }
}

@media (max-width: 1023px) {
     .pq-team.pq-style-2>* {
          grid-column: 1 / span 1;
     }

     .pq-team.pq-style-2 .pq-team-name:before {
          display: none;
     }

     .pq-team.pq-style-2 .pq-team-media img {
          max-width: 250px;
     }
}

@media (max-width: 767px) {
     .pq-team-2-list {
          display: flex;
          flex-direction: column;
          gap: 30px;
     }

     .pq-team.pq-style-2 {
          grid-template-columns: 1fr;
          background-color: var(--primary-color);
          padding: 15px;
     }

     .pq-team.pq-style-2 .pq-team-name {
          font-size: 28px;
          line-height: 36px;
          color: var(--white-color);
     }

     .pq-team.pq-style-2 .pq-team-designation {
          color: var(--white-color);
     }

     .pq-team.pq-style-2 .pq-team-media img {
          transform: none;
          position: initial;
          margin: 15px 0;
          max-width: 100%;
     }

     .pq-team.pq-style-2.pq-active .pq-team-media img {
          transform: none;
     }

     .pq-team.pq-style-2 .pq-icon-button a {
          background-color: var(--grey-color);
          border: 1px solid var(--primary-color);
     }
}

@media (max-width: 479px) {
     .pq-team.pq-style-2 {
          padding: 30px 15px;
          gap: 5px 45px;
     }
}

/*===== Team single page =====*/
.pq-team-top-block {
     display: grid;
     grid-template-columns: 0.8fr 0.8fr 1.3fr;
}

.pq-team-top-block .pq-team-left-box {
     padding: 0 15px;
}

.pq-team-top-block .pq-team-left-box .pq-team-media .pq-team-img {
     border-radius: 10px;
}

.pq-team-top-block .pq-team-center-box {
     display: flex;
     flex-direction: column;
     padding: 0 15px 0 45px;
}

.pq-team-top-block .pq-team-center-box .pq-team-description {
     color: var(--primary-color);
     font-size: 18px;
     line-height: 26px;
     font-weight: 500;
     text-transform: uppercase;
}

.pq-team-top-block .pq-team-center-box .pq-team-info {
     display: flex;
     gap: 10px;
     align-items: center;
}

.pq-team-top-block .pq-team-center-box .pq-team-info:last-child {
     margin-top: 10px;
}

.pq-team-top-block .pq-team-center-box .pq-team-info .pq-team-heading {
     font-size: 18px;
     font-weight: 700;
     text-transform: capitalize;
     line-height: 26px;
}

.pq-team-top-block .pq-team-center-box .pq-team-info .pq-team-des {
     font-size: 18px;
     font-weight: 400;
     text-transform: none;
     font-style: normal;
     text-decoration: none;
     color: var(--secondary-color);
     font-family: "Hanken Grotesk", Sans-serif;
}

.pq-team-top-block .pq-team-center-box .pq-team-info .pq-team-icon-box {
     display: flex;
     gap: 10px;
}

.pq-team-top-block .pq-team-center-box .pq-team-info .pq-team-icon-box .pq-team-icon {
     height: 40px;
     width: 40px;
     line-height: 40px;
     background-color: var(--dark-color);
     text-align: center;
     border-radius: 50%;
}

.pq-team-top-block .pq-team-center-box .pq-team-info .pq-team-icon-box .pq-team-icon i {
     color: var(--white-color);
     font-size: 16px;
}

.pq-team-top-block .pq-team-right-box {
     display: flex;
     flex-direction: column;
     padding: 0 15px;
}

.pq-team-top-block .pq-team-right-box .pq-team-description:last-child {
     margin: 0;
}

.pq-team-bottom-block {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     margin-top: 60px;
}

.pq-team-bottom-block .pq-team-left-box {
     padding: 0 15px;
}

.pq-team-bottom-block .pq-team-left-box .pq-team-title {
     font-weight: 600;
     margin-bottom: 15px;
}

.pq-team-bottom-block .pq-team-right-box {
     padding: 0 15px 0 45px;
}

@media(max-width:1023px) {
     .pq-team-top-block {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 30px;
     }

     .pq-team-bottom-block {
          grid-template-columns: 1fr;
          gap: 30px;
     }

     .pq-team-bottom-block .pq-team-right-box {
          padding: 0 15px 0 15px;
     }

     .pq-team-top-block .pq-team-right-box {
          grid-column: 1 / -1;
     }
}

@media(max-width:767px) {
     .pq-team-top-block {
          display: grid;
          grid-template-columns: 1fr;
     }

     .pq-team-top-block .pq-team-center-box {
          padding: 0;
     }

     .pq-team-top-block .pq-team-left-box {
          padding: 0;
     }

     .pq-team-top-block .pq-team-right-box {
          padding: 0;
     }

     .pq-team-bottom-block .pq-team-left-box {
          padding: 0;
     }

     .pq-team-bottom-block .pq-team-right-box {
          padding: 0;
     }
}

/*================================================
Fancy Box
================================================*/
.parallax.pq-fancy-img {
     position: absolute;
     right: -25%;
     bottom: -2%;
}

.parallax.pq-fancy-img .layer .pq-parallax-fancy-img {
     width: 50%;
}

.pq-fancy-main-grid-block {
     display: grid;
     grid-template-columns: 0.8fr 1fr;
     gap: 30px;
}

@media(max-width:1499px) {
     .parallax.pq-fancy-img .layer .pq-parallax-fancy-img {
          display: none;
     }
}

/*===== Fancy Box Style-1  =====*/
.pq-fancy-box-1-list {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
}

.pq-fancy-box.pq-style-1 {
     padding: 45px 30px;
     background-color: var(--grey-color);
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     transition: var(--transition);
}

.pq-bg-white .pq-fancy-box.pq-style-1 {
     background-color: var(--white-color);
}

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

.pq-fancy-box.pq-style-1 .pq-fancy-box-icon {
     font-size: 64px;
     line-height: 1;
     color: var(--primary-color);
     transition: var(--transition);
}

.pq-fancy-box.pq-style-1.pq-active .pq-fancy-box-icon {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-1 .pq-fancy-box-title {
     font-size: 28px;
     line-height: 36px;
     margin-top: 15px;
     transition: var(--transition);
}

.pq-fancy-box.pq-style-1.pq-active .pq-fancy-box-title {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-1 .pq-fancy-box-description {
     margin-bottom: 0;
     transition: var(--transition);
     margin-top: 5px;
}

.pq-fancy-box.pq-style-1.pq-active .pq-fancy-box-description {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-1 .pq-btn-container {
     margin-top: 20px;
}

.pq-fancy-box.pq-style-1 .pq-btn-container .pq-button.pq-button-link {
     transition: 0ms;
}

.pq-fancy-box.pq-style-1.pq-active .pq-btn-container .pq-button.pq-button-link {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-1.pq-active .pq-btn-container .pq-button.pq-button-link::after,
.pq-fancy-box.pq-style-1.pq-active .pq-btn-container .pq-button.pq-button-link::before {
     background-color: var(--white-color);
}

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

@media (max-width: 767px) {
     .pq-fancy-box-1-list {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px;
     }

     .pq-fancy-box.pq-style-1,
     .pq-bg-white .pq-fancy-box.pq-style-1,
     .pq-fancy-box.pq-style-1.pq-active,
     .pq-fancy-box.pq-style-1:nth-child(even) {
          padding: 15px;
          margin: 0;
          background-color: var(--primary-color);
     }

     .pq-fancy-box.pq-style-1 .pq-fancy-box-icon {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-1 .pq-fancy-box-title {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-1 .pq-fancy-box-description {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-1 .pq-btn-container .pq-button.pq-button-link {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-1 .pq-btn-container .pq-button.pq-button-link::after,
     .pq-fancy-box.pq-style-1 .pq-btn-container .pq-button.pq-button-link::before {
          background-color: var(--white-color);
     }
}

/* ----- style-2 ----- */
.pq-fancy-box.pq-style-2 {
     padding: 45px 30px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
     transition: var(--transition);
}

.pq-bg-white .pq-fancy-box.pq-style-2 {
     background-color: var(--white-color);
}

.pq-fancy-box.pq-style-2.pq-active {
     background-color: var(--primary-color);
}

.pq-fancy-box.pq-style-2 .pq-fancy-box-icon {
     font-size: 64px;
     line-height: 1;
     color: var(--primary-color);
     transition: var(--transition);
}

.pq-fancy-box.pq-style-2.pq-active .pq-fancy-box-icon {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-2 .pq-fancy-box-title {
     font-size: 28px;
     line-height: 36px;
     margin-top: 15px;
     transition: var(--transition);
}

.pq-fancy-box.pq-style-2.pq-active .pq-fancy-box-title {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-2 .pq-fancy-box-description {
     margin-bottom: 0;
     transition: var(--transition);
     margin-top: 5px;
}

.pq-fancy-box.pq-style-2.pq-active .pq-fancy-box-description {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-2 .pq-btn-container {
     margin-top: 20px;
}

.pq-fancy-box.pq-style-2 .pq-btn-container .pq-button.pq-button-link {
     transition: 0ms;
}

.pq-fancy-box.pq-style-2.pq-active .pq-btn-container .pq-button.pq-button-link {
     color: var(--white-color);
}

.pq-fancy-box.pq-style-2.pq-active .pq-btn-container .pq-button.pq-button-link::after,
.pq-fancy-box.pq-style-2.pq-active .pq-btn-container .pq-button.pq-button-link::before {
     background-color: var(--white-color);
}

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

@media (max-width: 767px) {
     .pq-fancy-box-1-list {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px;
     }

     .pq-fancy-box.pq-style-2,
     .pq-bg-white .pq-fancy-box.pq-style-2,
     .pq-fancy-box.pq-style-2.pq-active,
     .pq-fancy-box.pq-style-2:nth-child(even) {
          padding: 30px;
          margin: 0;
          background-color: var(--primary-color);
     }

     .pq-fancy-box.pq-style-2 .pq-fancy-box-icon {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-2 .pq-fancy-box-title {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-2 .pq-fancy-box-description {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-2 .pq-btn-container .pq-button.pq-button-link {
          color: var(--white-color);
     }

     .pq-fancy-box.pq-style-2 .pq-btn-container .pq-button.pq-button-link::after,
     .pq-fancy-box.pq-style-2 .pq-btn-container .pq-button.pq-button-link::before {
          background-color: var(--white-color);
     }
}

/*================================================
Testimonial
================================================*/
.parallax.pq-testimonial-img {
     position: absolute;
     bottom: 0%;
     right: -21%;
}

.parallax.pq-testimonial-img .layer .pq-parallax-testimonial-img {
     width: 70%;
}

.pq-thumbs-column .slick-track {
     display: flex;
     gap: 30px;
}

.pq-thumbs-column .slick-track::before,
.pq-thumbs-column .slick-track::after {
     display: none;
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media {
     display: grid;
     grid-template-columns: 85px 1fr;
     gap: 15px;
     padding: 30px;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
     align-items: center;
     transition: var(--transition);
     width: 100%;
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media:hover {
     background-color: var(--primary-color);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media.pq-active {
     background-color: var(--primary-color);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media .pq-testimonial-img {
     width: 85px;
     height: 85px;
     border-radius: var(--big--border-radius);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media .pq-testimonial-author-details .pq-testimonial-author-name {
     font-size: 24px;
     line-height: 32px;
     transition: var(--transition);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media:hover .pq-testimonial-author-details .pq-testimonial-author-name {
     color: var(--white-color);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media:hover .pq-testimonial-author-details .pq-testimonial-author-designation {
     color: var(--white-color);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media.pq-active .pq-testimonial-author-details .pq-testimonial-author-name {
     color: var(--white-color);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media.pq-active .pq-testimonial-author-details .pq-testimonial-author-designation {
     color: var(--white-color);
}

.pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media .pq-testimonial-author-details .pq-testimonial-author-designation {
     color: var(--primary-color);
     font-family: var(--body-fonts);
     font-size: 18px;
     text-transform: uppercase;
     margin-top: 5px;
     transition: var(--transition);
     font-weight: 500;
}

.pq-testimonial-box.pq-style-1 {
     display: grid;
     grid-template-columns: 3fr 8fr;
     gap: 30px;
     align-items: center;
     margin-top: 30px;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-image {
     width: 100%;
     height: 100%;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-image img {
     border-radius: var(--border-radius);
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content {
     padding: 45px;
     background-color: var(--grey-color);
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     height: 100%;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-quote {
     font-size: 60px;
     line-height: 1;
     height: 60px;
     color: var(--primary-color);
     opacity: 0.25;
     display: inline-block;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-top {
     display: flex;
     gap: 15px;
     align-items: center;
     flex-wrap: wrap;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-box-comment {
     font-size: 24px;
     line-height: 32px;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-star i {
     font-size: 18px;
     line-height: 1;
     color: #FFC107;
}

.pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-description {
     font-size: 20px;
     margin-bottom: 0;
     margin-top: 10px;
}

.slick-prev,
.slick-next {
     display: none !important;
}

@media(max-width:1499px) {
     .parallax .layer .pq-parallax-testimonial-img {
          display: none;
     }
}

@media (max-width: 1023px) {
     .pq-testimonial-box-slider-1 .pq-thumbs-column .slick-track {
          flex-wrap: wrap;
     }

     .pq-testimonial-box-slider-1 .pq-thumbs-column .slick-track .slick-slide {
          width: calc(50% - 15px) !important;
     }

     .pq-testimonial-box.pq-style-1 {
          grid-template-columns: 1fr;
     }

     .pq-testimonial-box.pq-style-1 .pq-testimonial-image {
          display: none;
     }
}

@media (max-width: 767px) {
     .pq-testimonial-box-slider-1 .pq-thumbs-column .slick-track .slick-slide {
          width: 100% !important;
     }

     .pq-testimonial-box-slider-1 .pq-testimonial-media {
          padding: 15px;
     }

     .pq-testimonial-box-slider-1 .pq-testimonial-media .pq-testimonial-author-name {
          font-size: 20px;
          line-height: 28px;
     }

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

     .pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-testimonial-description {
          font-size: 18px;
          margin-top: 15px;
     }

     .pq-testimonial-box.pq-style-1 .pq-testimonial-content .pq-quote {
          font-size: 48px;
          height: 48px;
     }

     .pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media {
          padding: 15px;
     }

     .pq-thumbs-column .pq-thumbs-column-contain .pq-testimonial-media .pq-testimonial-author-details .pq-testimonial-author-name {
          font-size: 20px;
          line-height: 28px;
     }
}

@media (max-width: 397px) {
     .pq-testimonial-box-slider-1 .pq-testimonial-media {
          grid-template-columns: 75px 1fr;
     }

     .pq-testimonial-box.pq-style-1 .pq-testimonial-content {
          padding: 15px;
     }

     .pq-testimonial-box-slider-1 .pq-testimonial-media .pq-testimonial-author-img img {
          width: 75px;
          height: 75px;
     }
}

/*===== Testimonial Style 2 =====*/

.pq-testimonial-box.pq-style-2 {
     padding: 45px 30px;
     background-color: var(--white-color);
     border-radius: var(--border-radius);
}

.pq-testimonial-box.pq-style-2 .pq-testimonial-star {
     font-size: 16px;
     line-height: 1;
     color: #FFC107;
}

.pq-testimonial-box.pq-style-2 .pq-testimonial-description {
     margin-top: 15px;
     margin-bottom: 0;
}

.pq-testimonial-box.pq-style-2 .pq-testimonial-media {
     display: grid;
     grid-template-columns: 85px 1fr;
     gap: 15px;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
     align-items: center;
     margin-top: 30px;
}

.pq-testimonial-box.pq-style-2 .pq-testimonial-media .pq-testimonial-author-img img {
     width: 85px;
     height: 85px;
     -webkit-border-radius: var(--big--border-radius);
     -moz-border-radius: var(--big--border-radius);
     border-radius: var(--big--border-radius);
}

.pq-testimonial-box.pq-style-2 .pq-testimonial-media .pq-testimonial-author-name {
     font-size: 24px;
     line-height: 32px;

}

.pq-testimonial-box.pq-style-2 .pq-testimonial-media .pq-testimonial-author-designation {
     color: var(--primary-color);
     font-family: var(--body-fonts);
     font-size: 18px;
     text-transform: uppercase;
     margin-top: 5px;
     font-weight: 500;
}

@media(max-width:1499px) {
     .testimonial {
          border-radius: 0;
     }
}

@media(max-width:767px) {
     .pq-testimonial-box-slider-2 .owl-nav {
          display: none;
     }
}

@media (max-width: 479px) {
     .pq-testimonial-box.pq-style-2 {
          padding: 30px 15px;
     }

}

/*===== Testimonial Style 3 =====*/
.pq-testimonial-main-box-3 {
     background-color: var(--white-color);
     border-radius: 10px;
     padding: 75px 45px 75px 45px;
     background-color: #FFFFFF;
     background-image: url(https://industi.peacefulqode.co.in/wp-content/uploads/2024/12/testimonial-st-3-bg-001.webp);
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: contain;
}

.pq-testimonial-box.pq-style-3 {
     position: relative;
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-box-comment {
     font-size: 36px;
     line-height: 44px;
}

.pq-testimonial-box.pq-style-3 .pq-quote {
     width: 90px;
     height: 90px;
     background-color: var(--primary-color);
     border-radius: var(--big--border-radius);
     font-size: 48px;
     line-height: 90px;
     color: var(--white-color);
     text-align: center;
     position: absolute;
     right: 15px;
     top: 30px;
}

.pq-testimonial-box.pq-style-3 .pq-quote i::before {
     line-height: inherit;
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-media {
     display: grid;
     grid-template-columns: 85px 1fr;
     gap: 15px;
     border-radius: var(--border-radius);
     align-items: center;
     margin-top: 30px;
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-media .pq-testimonial-author-img img {
     width: 85px;
     height: 85px;
     border-radius: var(--big--border-radius);
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-media .pq-testimonial-author-name {
     font-size: 32px;
     line-height: 40px;
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-media .pq-testimonial-author-designation {
     color: var(--primary-color);
     font-family: var(--body-fonts);
     font-size: 18px;
     text-transform: uppercase;
     margin-top: 5px;
     font-weight: 500;
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-description {
     font-size: 24px;
     line-height: 40px;
     margin-bottom: 30px;
     margin-top: 30px;
     max-width: 1180px;
}

.pq-testimonial-box.pq-style-3 .pq-testimonial-star i {
     font-size: 26px;
     line-height: 1;
     color: #FFC107;
     margin-right: 5px;
}

.pq-testimonial-box-slider-3 .owl-carousel .owl-dots {
     margin-top: 0;
     text-align: end;
}

.pq-testimonial-box-slider-3 .owl-carousel .owl-dots .owl-dot {
     border: 2px solid var(--primary-color);
     background-color: var(--white-color);
     width: 18px;
     height: 18px;
}

.pq-testimonial-box-slider-3 .owl-carousel .owl-dots .owl-dot.active {
     background-color: var(--primary-color);
}

@media (max-width: 1023px) {
     .pq-testimonial-box.pq-style-3 .pq-testimonial-star i {
          font-size: 22px;
     }

     .pq-testimonial-box.pq-style-3 .pq-testimonial-box-comment {
          font-size: 28px;
          line-height: 36px;
     }

     .pq-testimonial-box.pq-style-3 .pq-testimonial-media .pq-testimonial-author-name {
          font-size: 24px;
          line-height: 32px;
     }

     .pq-testimonial-box.pq-style-3 .pq-testimonial-description {
          font-size: 20px;
          line-height: 36px;
     }
}

@media (max-width: 767px) {
     .pq-testimonial-box.pq-style-3 .pq-testimonial-star i {
          font-size: 18px;
     }

     .pq-testimonial-box.pq-style-3 .pq-testimonial-box-comment {
          font-size: 24px;
          line-height: 32px;
     }

     .pq-testimonial-box.pq-style-3 .pq-testimonial-description {
          font-size: 18px;
          line-height: 32px;
     }

     .pq-testimonial-main-box-3 {
          padding: 30px 20px 30px 35px;
     }
}

@media (max-width: 479px) {
     .pq-testimonial-box.pq-style-3 .pq-quote {
          display: none;
          ;
     }
}

@media(max-width:397px) {
     .pq-testimonial-main-box-3 {
          padding: 30px 15px 30px 20px;
     }
}

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

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

.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(--primary-color);
     background: var(--white-color);
}

.owl-carousel .owl-nav button.owl-prev {
     left: 0;
     opacity: 0;
}

.owl-carousel .owl-nav button.owl-next {
     right: 0;
     transform: translate(0, -50%);
     opacity: 0;
}

.owl-carousel:hover .owl-nav button.owl-prev {
     transform: translate(-50%, -50%);
     opacity: 1;
}

.owl-carousel:hover .owl-nav button.owl-next {
     transform: translate(50%, -50%);
     opacity: 1;
}

@media (max-width: 1440px) {
     .owl-carousel .owl-nav button.owl-prev {
          left: 45px;
          transform: translate(0, -50%);
     }

     .owl-carousel .owl-nav button.owl-next {
          right: 45px;
          transform: translate(0, -50%);
     }
}

@media (max-width: 767px) {

     .owl-carousel .owl-nav {
          margin-top: 30px;
          display: flex;
          justify-content: center;
          gap: 15px;
          display: none;
     }

     .owl-carousel .owl-nav button.owl-prev,
     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel:hover .owl-nav button.owl-prev,
     .owl-carousel:hover .owl-nav button.owl-next {
          position: relative;
          top: inherit;
          left: inherit;
          right: inherit;
          transform: none;
          opacity: 1;

     }
}

/*===== 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: transparent;
     border: 2px solid var(--primary-color);
     display: inline-block;
     padding: 0;
     margin: 0px 5px;
     height: 18px;
     width: 18px;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     cursor: pointer;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

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

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

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

[data-mouse-scroll="true"] .owl-stage-outer *,
[data-mouse-scroll="true"] .owl-stage-outer * img {
     cursor: url(../image/mouse-scroll-003.png) 8 8, auto;
}

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

.pq-pagination .page-numbers {
     display: flex;
     gap: 5px;
     align-items: center;
     text-align: center;
     padding: 0;
     margin: 0;
}

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

.pq-pagination .page-numbers li .page-numbers {
     position: relative;
     display: block;
     height: 50px;
     width: 50px;
     padding: 0 15px;
     text-align: center;
     line-height: 50px;
     color: var(--white-color);
     background-color: var(--dark-color);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     text-transform: capitalize;
}

.pq-pagination .page-numbers li .next.page-numbers {
     padding: 0 20px;
}

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

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

.pq-pagination .page-numbers li .page-numbers.current {
     color: var(--white-color);
     background: var(--primary-color);
     z-index: 1;
}

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

@media(max-width:767px) {

     .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-errot-text {
     font-size: 420px;
     color: var(--primary-color);
     line-height: 0.8;
     margin-bottom: 30px;
     font-style: normal;
     text-transform: uppercase;
     font-weight: bold;
}

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

}

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

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

}

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

}

/*================================================
About us
================================================*/
.about-us {
     position: relative;
}

.pq-about-us-main-box {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 45px;
}

.pq-about-us-main-box .pq-about-us-madia .pq-about-us-img-one {
     width: 75%;
     border-radius: 10px;
     position: relative;
}

.pq-about-us-main-box .pq-about-us-madia .pq-about-us-img-two {
     width: 27%;
     border-radius: 10px;
     position: absolute;
     bottom: -3%;
     right: 52%;
}

.pq-about-us-main-box .pq-about-us-list .pq-about-us-media .pq-about-us-img-three {
     width: 170px;
     border-radius: 10px;
     margin-bottom: 30px;
}

.pq-about-us-main-box .pq-about-us-list {
     display: flex;
     gap: 20px;
     border-bottom: 1px solid #0000001F;
}

.pq-about-us-main-box .pq-about-us-icon-list-item {
     list-style: none;
     margin-bottom: 5px;
}

.pq-about-us-main-box .pq-about-us-icon-list-item:last-child {
     margin-bottom: 0;
}

.pq-about-us-main-box .pq-about-us-icon-list {
     margin: 0;
     padding: 0;
}

.pq-about-us-main-box .pq-about-us-icon-list-icon i {
     color: var(--primary-color);
}

.pq-about-us-main-box .pq-btn-container {
     padding-top: 30px;
}

.parallax.pq-about-img {
     position: absolute;
     bottom: 0%;
     right: -9%;
}

.parallax.pq-about-img .layer .pq-about-parallax-img {
     width: 800px;
}

.parallax.pq-about-img-one {
     position: absolute;
     bottom: 0%;
     left: -9%;
}

.parallax.pq-about-img-one .layer .pq-about-parallax-img-one {
     width: 350px;
}

@media(max-width:1499px) {

     .parallax.pq-about-img .layer .pq-about-parallax-img,
     .parallax.pq-about-img-one .layer .pq-about-parallax-img-one {
          display: none;
     }
}

@media(max-width:1365px) {
     .pq-about-us-main-box .pq-about-us-madia .pq-about-us-img-two {
          bottom: 5%;
     }
}

@media(max-width:1279px) {
     .pq-about-us-main-box .pq-about-us-madia .pq-about-us-img-two {
          bottom: 20%;
     }
}

@media(max-width:1099px) {
     .pq-about-us-main-box {
          display: flex;
          flex-direction: column-reverse;
     }

     .pq-about-us-main-box .pq-about-us-madia .pq-about-us-img-two {
          display: none;
     }

     .pq-about-us-main-box .pq-about-us-madia .pq-about-us-img-one {
          width: 100%;
     }
}

@media(max-width:799px) {
     .pq-about-us-main-box .pq-about-us-list .pq-about-us-items {
          margin-bottom: 15px;
     }
}

@media(max-width:767px) {
     .pq-about-us-main-box .pq-about-us-list {
          flex-direction: column;
     }

     .pq-about-us-main-box .pq-about-us-list .pq-about-us-media .pq-about-us-img-three {
          margin-bottom: 0;
     }
}

/*===== about-us Style 2 =====*/
.pq-about-main-grid-block {
     display: grid;
     grid-template-columns: 1.8fr 1fr;
     gap: 40px;
}

.pq-about-main-grid-block .pq-about-main-box {
     display: flex;
     flex-direction: column;
     gap: 60px;
}

.pq-about-main-grid-block .pq-about-main-box .pq-about-box {
     display: grid;
     grid-template-columns: 40% 60%;
     gap: 20px;
}

.pq-about-main-grid-block .pq-about-media-box .pq-about-img-one {
     width: 100%;
     /* object-fit: cover; */
     border-radius: 10px;
     height: 94%;
}

.pq-about-main-grid-block .pq-about-main-box .pq-section-title .pq-title-heading {
     color: var(--white-color);
}

.pq-about-main-grid-block .pq-about-main-box .pq-section-title .pq-title-description {
     color: var(--white-color);
}

.pq-about-main-grid-block .pq-about-main-box .pq-about-bottom-block {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 50px;
}

.pq-about-main-grid-block .pq-about-media-box .pq-about-img-two {
     width: 87%;
     border-radius: 10px;
}

.about-us.pq-bg-dark .pq-about-main-grid-block .pq-about-main-box .pq-button:hover {
     background-color: var(--white-color);
     color: var(--dark-color);
}

@media(max-width:1499px) {
     .about-us {
          border-radius: 0;
     }
}

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

     .pq-about-main-grid-block .pq-about-media-box .pq-about-img-two {
          display: none;
     }
}

@media(max-width:1023px) {
     .pq-about-main-grid-block .pq-about-main-box .pq-about-box {
          grid-template-columns: 1fr;
          display: flex;
          flex-direction: column-reverse;
     }

     .pq-about-main-grid-block .pq-about-main-box {
          gap: 0;
     }
}

@media(max-width:767px) {
     .pq-about-main-grid-block .pq-about-main-box .pq-about-bottom-block {
          grid-template-columns: 1fr;
     }
}

/*===== about-us Style 3 =====*/
.parallax.pq-about-img-two {
     position: absolute;
     bottom: -1%;
     left: -16%;
}

.parallax.pq-about-img-two .layer .pq-about-parallax-img-two {
     width: 90%;
}

.pq-about-sec-block {
     display: grid;
     grid-template-columns: 0.9fr 0.8fr;
     align-items: end;
     gap: 30px;
}

.pq-about-sec-block .pq-title-description {
     margin: 0;
}

.pq-about-media-grid-block {
     display: grid;
     grid-template-columns: 66% 33%;
     gap: 30px;
     margin-top: 45px;
}

.pq-about-media-grid-block .pq-about-media-box-one .pq-media-img {
     border-radius: 10px;
     height: 100%;
}

.pq-about-media-grid-block .pq-about-inner-block {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-about-inner-block .pq-media-contact-box {
     background-color: var(--primary-color);
     padding: 30px;
     border-radius: 10px;
     text-align: center;
}

.pq-about-inner-block .pq-media-contact-box .pq-contact-title {
     font-family: var(--title-fonts);
     font-size: 28px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 36px;
     color: var(--white-color);
}

.pq-about-inner-block .pq-media-contact-box .pq-contact-description {
     color: var(--white-color);
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 20px;
     margin: 0 5px;
}

.pq-about-inner-block .pq-media-contact-box .pq-contact-icon-content {
     display: flex;
     gap: 5px;
     justify-content: center;
     margin-top: 20px;
}

.pq-about-inner-block .pq-media-contact-box svg {
     height: 20px;
     fill: #FFBB00;
}

.pq-about-inner-block .pq-media-contact-box .pq-about-icon-box {
     display: flex;
     gap: 20px;
     justify-content: center;
     align-items: end;
     margin-top: 20px;
}

.pq-about-inner-block .pq-media-contact-box .pq-about-icon-box .pq-about-icon {
     line-height: 0;
}

.pq-about-inner-block .pq-media-contact-box .pq-about-icon i {
     font-size: 36px;
     color: var(--white-color);
}

.pq-about-inner-block .pq-media-contact-box .pq-about-info .pq-about-title {
     font-weight: 600;
     text-transform: capitalize;
     color: var(--white-color);
}

.pq-about-media-grid-block .pq-about-media-box-two .pq-media-img {
     border-radius: 10px;
}

@media(max-width:1699px) {
     .parallax.pq-about-img-two .layer .pq-about-parallax-img-two {
          display: none;
     }
}

@media(max-width:1399px) {
     .pq-about-media-grid-block {
          gap: 20px;
     }
}

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

     .pq-about-media-grid-block {
          grid-template-columns: 1fr;
     }

     .pq-about-media-grid-block .pq-about-media-box-two .pq-media-img {
          width: 100%;
     }
}

/*================================================
Choose Us
================================================*/
.choose-us {
     background-color: var(--primary-color);
     border-radius: 10px;
     padding: 130px 0 390px 0;
     overflow: visible;
}

.pq-choose-us-main-box {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
}

.pq-choose-us-main-box .pq-section-title .pq-title-sub-title {
     color: var(--white-color);
}

.pq-choose-us-main-box .pq-section-title .pq-title-heading {
     color: var(--white-color);
}

.pq-choose-us-main-box .pq-section-title .pq-title-description {
     color: var(--white-color);
     max-width: 90%;
}

.pq-choose-us-main-box .pq-button {
     background-color: var(--white-color);
     color: #151515;
}

.pq-choose-us-main-box .pq-button:hover {
     color: var(--white-color);
}

.pq-choose-us-main-box .choose-us-main-list-block {
     display: grid;
     grid-template-columns: 1fr 1fr;
}

.pq-choose-us-main-box .choose-us-main-list-block .pq-list-items .pq-icon-list-items {
     margin: 0;
     padding: 0;
}

.pq-choose-us-main-box .choose-us-main-list-block .pq-list-items .pq-icon-list-item {
     color: var(--white-color);
     list-style: none;
     margin-bottom: 15px;
}

.pq-choose-us-main-box .choose-us-main-list-block .pq-list-items .pq-icon-list-item:last-child {
     margin-bottom: 0;
}

.pq-choose-us-main-box .choose-us-main-list-block .pq-list-items .pq-icon-list-item i {
     color: var(--white-color);
     margin-right: 10px;
}

.pq-choose-us-bottom-block {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 50px;
     margin-top: 80px;
}

@media(max-width:1499px) {
     .choose-us {
          border-radius: 0;
     }

     @media(max-width:1099px) {
          .choose-us {
               padding: 90px 0 390px 0;
          }
     }
}

@media(max-width:1023px) {
     .pq-choose-us-main-box {
          grid-template-columns: 1fr;
     }

     .pq-choose-us-bottom-block {
          grid-template-columns: 1fr 1fr;
     }

     .choose-us {
          padding: 90px 0 90px 0;
     }
}

@media(max-width:1099px) {
     .pq-choose-us-main-box .pq-section-title .pq-title-description {
          max-width: 100%;
     }
}

@media(max-width:767px) {
     .pq-choose-us-bottom-block {
          grid-template-columns: 1fr;
          margin-top: 40px;
     }

     .choose-us {
          padding: 60px 0 60px 0;
     }
}

@media(max-width:479px) {
     .pq-choose-us-main-box .choose-us-main-list-block {
          grid-template-columns: 1fr;
     }
}

/*================================================
Counter
================================================*/
.pq-counter.pq-counter-style-1 {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid var(--light-white);
     border-top: 1px solid var(--light-white);
     padding: 30px 0;
     align-items: center;
}

.pq-counter.pq-counter-style-1 .pq-counter-num-prefix .timer,
.pq-counter.pq-counter-style-1 .pq-counter-num-prefix .pq-counter-prefix {
     font-size: 40px;
     line-height: 48px;
     color: var(--dark-color);
     display: inline;
}

.pq-counter.pq-counter-style-1 .pq-counter-num-prefix .timer,
.pq-counter.pq-counter-style-1 .pq-counter-num-prefix .pq-counter-prefix {
     color: var(--white-color);
}

.pq-counter.pq-counter-style-1 .pq-counter-icon {
     font-size: 60px;
     line-height: 70px;
     color: var(--white-color);
     text-align: end;
}


.pq-counter.pq-counter-style-1 .pq-counter-description {
     margin-bottom: 0;
     margin-top: 10px;
     font-size: 18px;
     line-height: 26px;
     letter-spacing: 1px;
     font-weight: 500;
     text-transform: uppercase;
     color: var(--white-color);
}

/* ----- style-2 ----- */
.pq-counter.pq-counter-style-2 {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid var(--light-black);
     border-top: 1px solid var(--light-black);
     padding: 30px 0;
     align-items: center;
}

.pq-counter.pq-counter-style-2 .pq-counter-num-prefix .timer,
.pq-counter.pq-counter-style-2 .pq-counter-num-prefix .pq-counter-prefix {
     font-size: 40px;
     line-height: 48px;
     color: var(--dark-color);
     display: inline;
}

.pq-counter.pq-counter-style-2 .pq-counter-num-prefix .timer,
.pq-counter.pq-counter-style-2 .pq-counter-num-prefix .pq-counter-prefix {
     color: var(--dark-color);
}

.pq-counter.pq-counter-style-2 .pq-counter-icon {
     font-size: 60px;
     line-height: 70px;
     color: var(--primary-color);
     text-align: end;
}


.pq-counter.pq-counter-style-2 .pq-counter-description {
     margin-bottom: 0;
     margin-top: 10px;
     font-size: 18px;
     line-height: 26px;
     letter-spacing: 1px;
     font-weight: 500;
     text-transform: uppercase;
     color: var(--primary-color);
}

/*================================================
Our Mission
================================================*/
.our-mission {
     padding: 130px 0 130px 0;
     position: relative;
}

.parallax.pq-mission-img {
     position: absolute;
     bottom: 0%;
     left: -15%;
}

.parallax.pq-mission-img .layer .pq-parallax-mission-img {
     width: 70%;
}

.pq-mission-main-block {
     display: grid;
     grid-template-columns: 0.8fr 1fr;
     gap: 45px;
}

.pq-mission-box .pq-mission-info {
     display: flex;
}

.pq-mission-main-block .pq-mission-header .pq-mission-title {
     font-family: var(--title-fonts);
     font-weight: 600;
     color: var(--primary-color);
     margin-right: 5px;
}

.pq-mission-main-block .pq-mission-heading .pq-mission-title {
     font-family: var(--title-fonts);
     font-weight: 600;
     color: var(--primary-color);
}

.pq-mission-main-block .pq-mission-heading .pq-mission-title {
     font-family: var(--title-fonts);
     font-weight: 600;
     margin-right: 5px;
}

.pq-mission-description {
     max-width: 90%;
}

.pq-mission-right-block {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
}

.pq-mission-right-block .pq-mission-media-one {
     display: flex;
     flex-direction: column;
     gap: 80px;
}

.pq-mission-right-block .pq-mission-media-one .pq-mission-img-one {
     object-fit: cover;
     border-radius: 50%;
     margin: 0 30px;
     width: 60%;
}

.pq-mission-right-block .pq-mission-media-one .pq-mission-img-two {
     width: 100%;
     object-fit: cover;
     border-radius: 50%;
}

.pq-mission-right-block .pq-mission-media-two .pq-mission-img-three {
     object-fit: cover;
     border-radius: 50%;
     width: 100%;
}

.pq-mission-right-block .pq-mission-media-two {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-mission-right-block .pq-mission-media-two .pq-mission-img-four {
     object-fit: cover;
     border-radius: 50%;
     width: 50%;
     margin: 0 30px;
}

.pq-mission-right-block .pq-mission-media-two .pq-mission-img-five {
     height: 192px;
     object-fit: cover;
     border-radius: 50%;
     margin: 30px 30px 0 30px;
}

@media(max-width:1499px) {
     .parallax .layer .pq-parallax-mission-img {
          display: none;
     }

}

/* @media(max-width:1279px) {
     .pq-mission-right-block .pq-mission-media-one .pq-mission-img-two {
          height: 275px;
     }
} */

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

     .pq-mission-right-block .pq-mission-media-two .pq-mission-img-three {
          width: 80%;
     }

     .pq-mission-right-block {
          gap: 0;
     }

     .our-mission {
          padding: 130px 0 90px 0;
     }
}

@media(max-width:1023px) {
     .our-mission {
          padding: 90px 0 90px 0;
     }
}

@media(max-width:767px) {
     .pq-mission-box .pq-mission-info {
          flex-direction: column;
     }

     .pq-mission-right-block {
          grid-template-columns: 1fr;
     }

     .pq-mission-right-block .pq-mission-media-two .pq-mission-img-four,
     .pq-mission-right-block .pq-mission-media-two .pq-mission-img-three,
     .pq-mission-right-block .pq-mission-media-one .pq-mission-img-one {
          display: none;
     }

     .pq-mission-right-block .pq-mission-media-one .pq-mission-img-two {
          height: 100%;
          margin: 0;
     }

     .our-mission {
          padding: 60px 0 60px 0;
     }
}

/*================================================
Progress bar
================================================*/

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

.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: 18px;
     line-height: 26px;
     font-family: var(--title-fonts);
     color: var(--dark-color);
     font-weight: 400;
     text-transform: capitalize;
}

.pq-progressbar-style-1 .progress-value {
     color: var(--primary-color);
     margin: 0;
     float: right;
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     font-family: var(--title-fonts);
     color: var(--dark-color);
     text-transform: capitalize;
}

.pq-progressbar-style-1 .pq-progress-bar span {
     display: inline-block;
     background: var(--grey-color);
     float: left;
     -webkit-border-radius: var(--border-radius);
     -moz-border-radius: var(--border-radius);
     border-radius: var(--border-radius);
}

.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(--grey-color);
     border-radius: var(--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%;
     display: block;
     background: var(--primary-color);
     border-radius: var(--border-radius);
}

/*================================================
CTA
================================================*/
.cta {
     padding: 110px 0;
}

.cta:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 10px;
     background-image: url(../image/background.webp);
     background-size: cover;
     background-repeat: no-repeat;
     opacity: 0.1;
}

.pq-cta-main-block {
     display: grid;
     grid-template-columns: 1.6fr 0.5fr;
     gap: 20px;
     align-items: center;
}

.pq-cta-main-block .pq-cta-block {
     display: flex;
     gap: 20px;
}

.pq-cta-main-block .pq-cta-container .pq-cta-icon {
     background-color: var(--primary-color);
     border-radius: 50%;
     height: 100px;
     width: 100px;
     line-height: 110px;
     display: inline-block;
     text-align: center;
}

.pq-cta-main-block .pq-cta-container .pq-cta-icon i {
     color: var(--white-color);
     display: inline-block;
     font-size: 50px;
     text-align: center;
}

.pq-cta-main-block .pq-cta-heading .pq-cta-title {
     font-family: var(--title-fonts);
     font-size: 52px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 60px;
     color: var(--white-color);
     max-width: 90%;
}

.pq-cta-main-block .pq-button .pq-button-text:hover {
     color: var(--dark-color);
}

@media(max-width:1499px) {
     .cta {
          border-radius: 0;
     }
}

@media(max-width:1279px) {
     .pq-cta-main-block .pq-cta-heading .pq-cta-title {
          max-width: 100%;
     }
}

@media(max-width:1099px) {
     .cta {
          padding: 90px 0;
     }
}

@media(max-width:1023px) {
     .pq-cta-main-block {
          grid-template-columns: 1fr;
          text-align: center;
     }

     .pq-cta-main-block .pq-cta-block {
          display: flex;
          flex-direction: column;
     }

     .pq-cta-main-block .pq-cta-heading .pq-cta-title {
          font-size: 44px;
     }
}

@media(max-width:767px) {
     .pq-cta-main-block .pq-cta-heading .pq-cta-title {
          font-size: 36px;
          line-height: 44px;
     }

     .cta {
          padding: 60px 0;
     }
}

/*================================================
Pricing Plan
================================================*/
.parallax.pq-pricing-plan-img {
     position: absolute;
     bottom: -4%;
     right: -30%;
     z-index: -1;
}

.parallax.pq-pricing-plan-img .layer .pq-parallax-pricing-img {
     width: 30%;
}

.pq-pricing-main-box {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
}

.pq-price-box.pq-style-1 {
     padding: 45px 30px;
     background-color: var(--grey-color);
     border-radius: var(--border-radius);
}

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

.pq-price-box.pq-style-1 .pq-pricing-title {
     font-size: 40px;
     line-height: 48px;
}

.pq-price-box.pq-style-1.pq-active .pq-pricing-title {
     color: var(--white-color);
}

.pq-price-box.pq-style-1 .pq-list-info {
     padding: 0;
     margin: 20px 0 0;
     display: flex;
     gap: 5px;
     flex-direction: column;
}

.pq-price-box.pq-style-1 .pq-list-info .pq-list-item {
     display: flex;
     gap: 10px;
     align-items: center;
}

.pq-price-box.pq-style-1.pq-active .pq-list-info .pq-list-item {
     color: var(--white-color);
}

.pq-price-box.pq-style-1 .pq-list-info .pq-list-item i {
     font-size: 16px;
     line-height: 1;
     height: 16px;
}

.pq-price-box.pq-style-1 .pq-list-info .pq-list-item i.flaticon-delete+span {
     text-decoration: line-through;
}

.pq-price-box.pq-style-1 .pq-price {
     margin-top: 30px;
     padding-top: 30px;
     border-top: 1px solid var(--light-black);
}

.pq-price-box.pq-style-1.pq-active .pq-price {
     border-top: 1px solid var(--light-white);
}

.pq-price-box.pq-style-1 .pq-price .pq-amount {
     font-size: 52px;
     line-height: 60px;
     font-family: var(--title-fonts);
     font-weight: 700;
     display: inline-block;
     color: var(--dark-color);
}

.pq-price-box.pq-style-1.pq-active .pq-price .pq-amount {
     color: var(--white-color);
}

.pq-price-box.pq-style-1 .pq-price .pq-price-duration {
     font-size: 16px;
     line-height: 24px;
     font-family: var(--title-fonts);
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 1px;
     display: inline-block;
     transition: var(--transition);
     color: var(--primary-color);
}

.pq-price-box.pq-style-1.pq-active .pq-price .pq-price-duration {
     color: var(--white-color);
}

.pq-price-box.pq-style-1 .pq-btn-container {
     margin-top: 20px;
}

.pq-price-box.pq-style-1.pq-active .pq-btn-container .pq-button.pq-button-link {
     color: var(--white-color);
}

.pq-price-box.pq-style-1.pq-active .pq-btn-container .pq-button.pq-button-link::after,
.pq-price-box.pq-style-1.pq-active .pq-btn-container .pq-button.pq-button-link::before {
     background-color: var(--white-color);
}

@media(max-width:1499px) {
     .parallax.pq-pricing-plan-img .layer .pq-parallax-pricing-img {
          display: none;
     }
}

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

@media (max-width: 767px) {
     .pq-price-box.pq-style-1 {
          padding: 30px;
     }

     .pq-price-box.pq-style-1 .pq-pricing-title {
          font-size: 36px;
          line-height: 44px;
     }

     .pq-pricing-main-box {
          grid-template-columns: 1fr;
     }
}

@media (max-width: 479px) {
     .pq-price-box.pq-style-1 {
          padding: 30px 15px;
     }

     .pq-price-box.pq-style-1 .pq-pricing-title {
          font-size: 32px;
          line-height: 40px;
     }
}

/*================================================
Contact
================================================*/
/* .contact {
     position: relative;
} */

.parallax.pq-contact-img {
     position: absolute;
     left: 0%;
     bottom: -2%;
     z-index: -1;
}

.parallax.pq-contact-img .layer .pq-parallax-contact-img {
     width: 50%;
}

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

.pq-contact-icon-box {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.pq-contact-icon-box .pq-contact-icon-box-wrapper {
     display: grid;
     grid-template-columns: 0.1fr 1fr;
     gap: 20px;
     align-items: center;
}

.pq-contact-icon-box .pq-contact-icon-box-icon {
     background-color: var(--grey-color);
     border-radius: 50%;
     text-align: center;
     line-height: 70px;
     height: 70px;
     width: 70px;
     font-size: 27px;
     color: var(--primary-color);
}

.pq-contact-icon-box .pq-contact-icon-box-title {
     color: var(--primary-color);
     font-size: 18px;
     line-height: 26px;
     font-weight: 500;
     text-transform: uppercase;
     font-family: var(--body-fonts);
     margin-bottom: 5px;
}

.pq-contact-icon-box .pq-contact-icon-box-description {
     color: var(--dark-color);
     font-family: var(--title-fonts);
     font-size: 19px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 32px;
     margin: 0;
}

.contact-section {
     background: var(--grey-color);
     padding: 50px 0;
}

.contact-form {
     background: var(--grey-color);
     padding: 40px;
     border-radius: 10px;
}

.form-row {
     display: flex;
     gap: 25px;
     margin-bottom: 25px;
}

.contact-form input,
.contact-form textarea {
     width: 100%;
     padding: 15px 20px;
     border: none;
     border-radius: 10px;
     outline: none;
     font-size: 14px;
     background: var(--white-color);
}

.contact-form textarea {
     height: 150px;
     resize: none;
}

@media(max-width:1499px) {
     .parallax.pq-contact-img .layer .pq-parallax-contact-img {
          display: none;
     }
}

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

@media (max-width: 768px) {
     .form-row {
          flex-direction: column;
     }

     .contact-form {
          padding: 20px;
     }

     .pq-contact-icon-box .pq-contact-icon-box-wrapper {
          grid-template-columns: 1fr;
     }
}

/*+++++++++ contact style-2  +++++++++*/
.pq-contact-main-box {
     display: grid;
     grid-template-columns: 0.8fr 1fr;
     gap: 30px;
     align-items: center;
}

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

/*+++++++++ contact single page  +++++++++*/
.pq-contact-grid-main-block {
     display: grid;
     grid-template-columns: 0.5fr 1fr;
     gap: 30px;
     position: relative;
}

.pq-contact-grid-main-block .pq-section-title .pq-title-heading+.pq-title-description {
     margin-right: 50px;
}

.pq-contact-grid-main-block .pq-contact-left-box {
     position: relative;
}

.pq-contact-grid-main-block .pq-contact-left-box .pq-contact-img {
     border-radius: 10px;
}

.pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper {
     background-color: var(--primary-color);
     padding: 20px 15px;
     border-radius: 0 0 10px 10px;
     position: absolute;
     bottom: 0px;
     display: flex;
     gap: 10px;
     width: 100%;
     /* height: 15%; */
     align-items: center;
}

.pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper .pq-contact-icon-box-icon {
     background-color: var(--white-color);
     border-radius: 50%;
     height: 70px;
     width: 70px;
     line-height: 75px;
     text-align: center;
}

.pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper .pq-contact-icon i {
     font-size: 27px;
     color: var(--primary-color);
}

.pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper .pq-contact-icon-box-content .pq-contact-icon-box-title {
     font-size: 18px;
     color: var(--white-color);
     text-transform: uppercase;
     font-family: var(--body-fonts);
     line-height: 26px;
     font-weight: 500;
     margin-bottom: 5px;
}

.pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper .pq-contact-icon-box-content .pq-contact-icon-box-description {
     font-family: var(--title-fonts);
     font-size: 19px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 32px;
     color: var(--white-color);
     margin-bottom: 0;
}

.pq-contact-grid-main-block .pq-contact-right-box {
     background-color: var(--grey-color);
     border-radius: 10px;
     padding: 45px;
}

.pq-contact-grid-main-block .pq-contact-right-box .contact-form {
     padding: 0;
     background-color: transparent;
     border-radius: 0;
}

.pq-contact-grid-main-block .pq-contact-right-box .contact-form .contact-form input:hover {
     border: 1px solid var(--primary-color);
}

.pq-contact-bottom-box {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     margin-top: 80px;
}

.pq-contact-bottom-box .pq-contact-info {
     display: flex;
     flex-direction: column;
     gap: 15px;
     text-align: center;
     border-bottom: 1px solid var(--light-black);
     margin: 0 15px;
}

.pq-contact-bottom-box .pq-contact-info .pq-contact-description {
     margin-bottom: 0;
     padding-bottom: 20px;
}

@media(max-width:1099px) {
     .pq-contact-grid-main-block {
          display: flex;
          flex-direction: column-reverse;
     }

     /* 
     .pq-contact-grid-main-block .pq-contact-left-box .pq-contact-img {
          width: 50%;
     }

     .pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper {
          width: 50%;
          bottom: 0;
     } */
     .pq-contact-grid-main-block .pq-section-title .pq-title-heading+.pq-title-description {
          margin-right: 0;
     }

}

@media(max-width:767px) {
     .pq-contact-bottom-box {
          grid-template-columns: 1fr;
          gap: 20px;
     }

     .pq-contact-grid-main-block .pq-contact-right-box {
          padding: 15px;
     }
}

@media(max-width:479px) {
     .pq-contact-grid-main-block .pq-contact-left-box .pq-contact-icon-box-wrapper {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
     }
}

/* ----- style-2 ----- */
.pq-contact-media-one iframe {
     width: 98%;
     height: 700px;
     border-radius: 10px;
     margin: 0 20px 0 20px;
}

.pq-contact-main-block .pq-client-box-slider.pq-client-style-1 {
     padding-bottom: 130px;
}

@media(max-width:1099px) {
     .pq-contact-media-one iframe {
          width: 90%;
     }

     .pq-contact-main-block .pq-client-box-slider.pq-client-style-1 {
          padding-bottom: 90px;
     }
}

@media(max-width:767px) {
     .pq-contact-media-one iframe {
          height: 400px;
     }

     .pq-contact-main-block .pq-client-box-slider.pq-client-style-1 {
          padding-bottom: 60px;
     }
}

@media(max-width:479px) {
     .pq-contact-media-one iframe {
          width: 87%;
     }
}

/*================================================
Chart
================================================*/
.pq-chert-section .pq-chart-block {
     height: 100%;
     align-content: center;
}

.pq-chert-section .pq-chart-block .pq-btn-container {
     text-align: end;
}

.pq-chart-box {
     position: relative;
     width: 100%;
     height: 550px;
     margin-top: 45px;
     padding: 0 40px;
}

.pq-chart-box canvas {
     width: 100% !important;
     height: 100% !important;
}

@media(max-width:1023px) {
     .pq-chert-section .pq-chart-block .pq-btn-container {
          margin-top: 20px;
          text-align: left;
     }
}

@media(max-width:991px) {

     .chart {
          padding: 90px 0;
     }

     .pq-chart-box {
          height: 450px;
     }
}

@media(max-width:767px) {

     .chart {
          padding: 60px 0;
     }

     .pq-chart-box {
          height: 350px;
          padding: 0;
     }
}

/*================================================
Faq
================================================*/
.pq-faq-main-box {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 45px;
}

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

.pq-faq-main-box .pq-faq-media .pq-faq-img {
     height: 100%;
     border-radius: 10px;
     object-fit: cover;
}

.pq-faq-divider {
     border-top: 1px solid #0000001F;
     position: relative;
     margin-top: 80px;
}

.pq-faq-info {
     position: absolute;
     top: -17px;
     left: 35%;
     background-color: var(--white-color);
     padding: 0 10px;

}

@media(max-width:1099px) {
     .pq-faq-main-box {
          display: flex;
          flex-direction: column-reverse;
     }

     @media(max-width:767px) {
          .pq-faq-divider {
               display: none;
          }
     }
}

/*+++++++++ Accordion Style-1  +++++++++*/

.pq-accordion-block .pq-accordion-box {
     background: var(--white-color);
     margin-bottom: 30px;
     position: relative;
}

.pq-accordion-block .pq-accordion-box:last-child {
     margin-bottom: 0;
}

.pq-accordion-block .pq-accordion-box .pq-ad-title {
     border-radius: var(--border-radius);
     background: var(--grey-color);
     border: 1px solid var(--grey-color);
     padding: 15px 60px 15px 30px;
     cursor: pointer;
     position: relative;
}

.pq-accordion-block .pq-accordion-box .pq-ad-title .ad-title-text {
     font-size: 20px;
     line-height: 28px;
}

.pq-accordion-block .pq-accordion-box .pq-ad-title i {
     position: absolute;
     top: 20px;
     right: 30px;
     opacity: 1;
     color: var(--dark-color);
     font-size: 18px;
}

.pq-accordion-block .pq-accordion-box .pq-ad-title i.inactive {
     opacity: 0;
}

.pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     position: absolute;
     top: 15px;
     right: 30px;
     opacity: 0;
     color: var(--dark-color);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}

.pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i.inactive {
     opacity: 1;
     border-radius: var(--border-radius);
}

.pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i {
     color: var(--white-color);
}

.pq-accordion-block .pq-accordion-box .pq-accordion-details {
     padding: 15px 30px;
     border: 1px solid var(--grey-color);
     border-top: 0;
     border-bottom-left-radius: var(--border-radius);
     border-bottom-right-radius: var(--border-radius);
}

.pq-accordion-block .pq-accordion-box .pq-accordion-details p {
     margin-bottom: 0;
}

.pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title {
     background: var(--primary-color);
     border: 1px solid var(--primary-color);
     border-radius: var(--border-radius);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}

.pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title .ad-title-text {
     color: var(--white-color);
}

.pq-accordion-border .pq-accordion-block .pq-accordion-box .pq-ad-title {
     background: transparent;
     border: 1px solid #eee;
}

.pq-accordion-border .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title .ad-title-text {
     color: var(--primary-color);
}

.pq-accordion-border .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i {
     color: var(--primary-color);
}

@media(max-width:767px) {

     .pq-accordion-block .pq-accordion-box .pq-ad-title,
     .pq-accordion-block .pq-accordion-box .pq-accordion-details {
          padding: 15px 40px 15px 15px;
     }

     .pq-accordion-block .pq-accordion-box .pq-ad-title i {
          right: 15px;
     }

     .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i {
          right: 15px;
     }

     .pq-accordion-block .pq-accordion-box .pq-ad-title .ad-title-text {
          font-size: 18px;
     }
}

@media(max-width:479px) {
     .pq-accordion-block .pq-accordion-box .pq-ad-title {
          padding: 15px 45px 15px 15px;
     }
}

/*================================================
Client
================================================*/

/*===== Client Style-1  =====*/
.pq-client-box-slider.pq-client-style-1 {
     margin-top: 60px;
}

.pq-client-box.pq-style-1 .pq-client-img {
     filter: grayscale(100%) brightness(97%) contrast(91%);
     width: 120px;
     transition: var(--transition);
     margin: 0 auto;
}

.pq-client-box.pq-style-1 a:hover .pq-client-img {
     filter: initial;
}

@media(max-width:767px) {
     .pq-client-box-slider.pq-client-style-1 {
          margin-top: 40px;
     }
}

/*================================================
Custom Css
================================================*/
.about-us.pq-bg-dark .pq-about-main-grid-block .pq-about-main-box .pq-button:hover {
     background-color: var(--white-color);
     color: var(--dark-color);
}

.pq-contact-main-block .pq-faq-divider {
     border-top: 1px solid #0000001F;
     position: relative;
     margin-top: 60px;
}

.pq-contact-main-block .pq-faq-info {
     position: absolute;
     top: -17px;
     left: 35%;
     background-color: var(--white-color);
     padding: 0 10px;

}

.pq-about-main-grid-block .pq-about-main-box .pq-about-section-box .pq-section-title .pq-title-heading {
     color: var(--dark-color);
}

.pq-about-main-grid-block .pq-about-main-box .pq-about-section-box .pq-section-title .pq-title-description {
     color: var(--secondary-color);
     margin: 10px 0 30px 0;
}

.pq-cta-main-block .pq-btn-container .pq-button:hover .pq-button-text {
     color: var(--dark-color);
}

.pq-grid {
     margin-bottom: 30px;
}

.masonery .pq-masonry {
     margin-bottom: 30px;
}

.Standard .pq-masonry {
     margin-bottom: 30px;
}

.pq-blog-sidebar-right .pq-pagination {
     margin-top: 0;
}

.pq-blog-sidebar-left .pq-pagination {
     margin-top: 0;
}

.banner-one,
.banner-two,
.banner-three {
     overflow: hidden;
}


.banner-one,
.banner-three {
     border-radius: 10px;
}

.banner-one {
     margin: 20px 20px 0 20px;
}

.banner-three {
     margin: 0 20px;
}

@media(max-width:1499px) {

     .banner-one,
     .banner-three {
          margin: 0;
          border-radius: 0;
     }
}