/*
Theme Name: EV Charging Station Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ev-charging-station-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
EV Charging Station Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --white: #ffffff;
  --black: #000000;
  --orange: #ff5b2e;
  --green: #20af24;
}
:root {
  --pri-font: "Montserrat";
  --sec-font: "Roboto";
  overflow: auto;
}
#createpackages-image-wrapper img {
  width: 50px !important;
  height: 50px !important;
}
#wpadminbar {
  position: fixed !important;
}
section {
  padding: 3% 0px;
  position: relative;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 400;
  font-size: 15px;
  font-family: var(--pri-font);
  overflow-x: hidden;
  background-color: var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
.owl-nav {
  display: none;
}
h6 {
  width: fit-content;
  font: 500 15px / 20px var(--pri-font);
  background: rgba(255, 91, 46, 0.5);
  color: var(--black);
  margin: 0px;
  padding: 6px 20px;
  border-radius: 4px;
}
h5 {
  font: 400 20px/20px var(--pri-font);
  color: var(--black);
  margin: 0;
}
h4 {
  font: 600 28px var(--pri-font);
  color: #20af24;
  margin: 0;
  text-decoration: underline;
}
h3,
h3 a {
  font: normal 32px / 45px var(--sec-font);
  color: #000000;
  margin: 0;
}
h2 {
  font: 300 normal normal 40px/70px var(--pri-font);
  color: #000000;
  margin: 0;
}
h1 {
  font: 700 45px / 55px var(--pri-font);
  color: #fff;
  margin: 0px;
}
p {
  font: normal normal normal 14px/25px var(--sec-font);
  color: #1c1d1c;
  margin: 0;
}
#reply-title {
  font: 400 35px/60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
.page-title {
  color: #000;
  font: 600 40px/52px var(--pri-font);
  /* text-transform: capitalize; */
}
.heading-box {
  padding-bottom: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.btn {
  font: 600 14px / 14px var(--sec-font);
  letter-spacing: 0;
  color: var(--white);
  background: var(--green);
  padding: 18px 37px;
  border-radius: 48px;
  position: relative;
  border: none;
  z-index: 0;
  overflow: hidden;
  border: 2px solid #ffffff;
  white-space: nowrap;
}
.btn:hover:before,
.btn:hover:after {
  transition: all 0.4s;
}
.btn:hover:before {
  left: 0;
}
.btn:before {
  left: -100%;
  z-index: -1;
}
.btn:after {
  right: -100%;
  z-index: -1;
}
.btn:hover:after {
  right: 0;
}
.btn:after,
.btn:before {
  /* content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  background: var(--orange); */
}
.btn:hover {
  color: #fff;
}

/* .slider:hover .plan-btn */

.slider-btn.btn:hover :before,
.slider-btn.btn:hover :after {
  transition: all 0.4s;
}
.slider-btn.btn:hover :before {
  left: 0;
}
.slider-btn.btn:hover :after {
  right: 0;
}
.slider-btn.btn:after,
.slider-btn.btn:before {
  background: var(--black);
}

/* .pricing-plans:hover .plan-btn */

.pricing-plans:hover .btn:before,
.pricing-plans:hover .btn:after {
  transition: all 0.4s;
}
.pricing-plans:hover .btn:before {
  left: 0;
}
.pricing-plans:hover .btn:after {
  right: 0;
}
/* slider form */
.slider-form-box-outer .submit {
  width: max-content;
}
.slider-form-box-outer .submit p input {
  background: transparent;
  border: none;
  font-family: var(--font-two);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #fff;
  padding: 0;
}
/* plan form */
.packages-form .plan.btn {
  font: 500 14px / 20px var(--pri-font);
  color: var(--white);
  background: #20af24;
  border: none;
  border-radius: 6px;
  padding: 8px 28px;
  width: max-content;
}
/* .packages-form .plan {
  width: max-content;
}
.packages-form .plan p input {
  background: transparent;
  border: none;
  font-family: var(--font-two);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #fff;
  padding: 0;
} */
/* owl-nav */
.owl-nav {
  padding-top: 2% !important;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  width: 36px !important;
  height: 36px !important;
  border: none !important;
}
.owl-nav .owl-prev {
  background: var(--black) !important;
  color: #fff !important;
  margin-right: 2px;
}
.owl-nav .owl-next {
  background: var(--orange) !important;
  color: #fff !important;
  margin-left: 8px;
}
.owl-nav .owl-next:hover {
  background: var(--black) !important;
}
.owl-nav button {
  border-radius: 6px !important;
}
.owl-nav button i {
  font-size: 18px;
  line-height: 36px;
}
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}

/* loader */
.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: #20af24;
  cursor: pointer;
  z-index: 9999;
}
.loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 48px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  box-sizing: border-box;
  animation: animloader 1s ease-in infinite;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/* video popup */
.modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
.close-one {
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}

/* HEADER ANIMATION */
#menu-primary-menu > li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.5s;
}

#menu-primary-menu > li:hover ul.sub-menu li {
  animation: menuFadeIn 0.6s ease-in-out;
  border-radius: 0;
}

@keyframes menuFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#menu-primary-menu > li:hover ul.sub-menu li:hover {
  background-color: #ffffff;
}
#menu-primary-menu li ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #fff;
  font-weight: 600;
  margin-right: 25px;
  list-style-type: none;
  padding: 10px 25px 10px 15px;
  display: inline-block;
  width: 100%;
  margin: 0px;
  transition: all 0.4s;
}
header.site-header ul.sub-menu li {
  background-color: #20af24;
}
.main-navigation ul ul li a {
  color: #fff;
}
@keyframes menulhs {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes menurhs {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

/*------ search bar ----------*/
.search-container {
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 20%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
#header_navigation [type="submit"] {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 14px;
  background-color: var(--orange);
  border: inherit;
  color: var(--white);
  cursor: pointer;
  border: none;
  border-radius: 0px;
}
.search-container [type="search"] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 90px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 4px;
  background: var(--orange);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--orange);
}
.search-form button[type="submit"]::before {
  content: "\f002";
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}

/* gallery page  */
.gallery-page .gallery-outer {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: 20px;
  gap: 15px;
  padding: 0px 20px;
}
.gallery-page .gallery_page_front {
  position: relative;
  grid-column: span 2; /* Each item spans 2 columns by default */
  grid-row: span 7; /* Each item spans 7 rows by default */
  width: 100%;
}
.gallery-page .gallery_page_front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-page .gallery_page_front:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 8;
  grid-column-start: 1;
  grid-column-end: 3;
}
.gallery-page .gallery_page_front:nth-child(2) {
  grid-row-start: 2;
  grid-row-end: 9;
  grid-column-start: 3;
  grid-column-end: 5;
}
.gallery-page .gallery_page_front:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 8;
}
.gallery-page .gallery_page_front:nth-child(4) {
  grid-row-start: 3;
  grid-row-end: 10;
  grid-column-start: 7;
  grid-column-end: 9;
}
.gallery-page .gallery_page_front:nth-child(5) {
  grid-row-start: 1;
  grid-row-end: 9;
  grid-column-start: 9;
  grid-column-end: 11;
}
.gallery-page .gallery_page_front:nth-child(6) {
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 1;
  grid-column-end: 3;
}
.gallery-page .gallery_page_front:nth-child(7) {
  grid-row-start: 9;
  grid-row-end: 16;
  grid-column-start: 3;
  grid-column-end: 5;
}
.gallery-page .gallery_page_front:nth-child(8) {
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 5;
  grid-column-end: 7;
}
.gallery-page .gallery_page_front:nth-child(9) {
  grid-row-start: 10;
  grid-row-end: 17;
  grid-column-start: 7;
  grid-column-end: 9;
}
.gallery-page .gallery_page_front:nth-child(10) {
  grid-row-start: 9;
  grid-row-end: 16;
  grid-column-start: 9;
  grid-column-end: 11;
}

/* faq page */
#faq-page .accordion-button:not(.collapsed) {
  border: none;
  background: var(--orange);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-body {
  font: 400 14px/28px var(--pri-font);
}
#faq-page .accordion-item {
  border: none;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 0;
}
#faq-page .accordion-button {
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  padding: 12px 30px;
  color: #000;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-button.collapsed::after {
  content: "\f067";
}
#faq-page .accordion-button::after {
  content: "\f068";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset !important;
}
#faq-page .faq-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

/* contact */
.contact-outer-form {
  gap: 50px 0px;
  justify-content: space-between;
}
.contact-detail svg {
  width: 18px;
  height: 22px;
}
.get-contact-small-head {
  padding: 5% 10px 5% 0px;
}
.contact-touch-form-box .wpcf7 form.invalid .wpcf7-response-output {
  color: #000;
}

.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #20af24;
  color: #ffffff;
}

.btn:focus {
  box-shadow: none;
}

.checkbox .wpcf7-list-item-label {
  color: var(--orange);
  font: 300 14px/14px var(--pri-font);
  padding-left: 6px;
}
.contact-touch-form-box form .get:nth-child(5)-box input[type="text"] {
  padding-bottom: 40px;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-detail-box svg path {
  fill: #20af24;
}
.contact-touch-form-box .wpcf7-checkbox input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 1px solid var(--orange);
  border-radius: 3px;
  background-color: #fff;
  padding: 1px;
}
.contact-touch-form-box .wpcf7-checkbox input[type="checkbox"] {
  position: relative;
  cursor: pointer;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-touch-form-box form .submit.btn {
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--black);
  border: none;
  border-radius: 0px;
  padding: 8px 25px;
  width: max-content;
  border-radius: 6px;
}
.contact-touch-form-box form .submit input[type="submit"] {
  background: transparent;
  border: none;
  color: #fff;
}
.contact-touch-form-box form .submit.btn:hover {
  /* background: var(--orange);
  color: #fff; */
}
.contact-bg-colr {
  background: #20af24 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="phone"],
input[type="password"],
textarea {
  background: #fff;
}
.contact-form-content-box {
  background: #ffffff;
  padding: 25px 35px;
  box-shadow: 0px 1px 2px 0px #999999;
}

.contact-touch-form-box input[type="text"],
.contact-touch-form-box input[type="tel"],
.contact-touch-form-box input[type="email"],
.contact-touch-form-box input[type="number"],
.contact-touch-form-box input[type="date"],
.contact-touch-form-box input[type="phone"],
.contact-touch-form-box input[type="password"],
.contact-touch-form-box textarea,
.contact-touch-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 0px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 2px 3px 0px #999999;
}

/* single blog review form */
#comments textarea {
  height: 150px;
  background-color: #ffffff;
  border-color: #f1f1f1;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}
#comments input[type="text"],
#comments input[type="tel"],
#comments input[type="email"],
#comments input[type="number"],
#comments input[type="date"],
#comments input[type="phone"],
#comments input[type="password"],
#comments textarea {
  border: 1px solid #cfcfcf;
  padding: 12px 10px;
  font-size: 18px;
  background: #ffffff;
  height: auto;
  border-radius: 5px;
  width: 100%;
}
div#comments {
  /* background: #f4f5f6;
  padding: 1rem; */
  width: 100%;
  
}
#respond {
  border-radius: 0;
  /* margin-top: 1rem; */
  margin-bottom: 1rem;
      background: #f4f5f6;
      padding: 1rem;
      max-width: 40%;
      order: 1;
}

.comment-list {
    list-style-type: none;
    width: 55%;
    order: 2;
}

.comment-list li {
    background: #fff;
    box-shadow: 0px 0px 5px 0px #c1c1c1;
    padding: 20px;
    border-radius: 0px;
}

.comment-form-cookies-consent {
  display: flex;
}
.comment-form-cookies-consent label {
  margin-left: 4px !important;
}
#comments {
  float: left;
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
#comments h2.comments-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  display: none;
}
#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments input[type="submit"].submit {
  background: var(--black);
  color: white;
  border: unset;
  font-weight: 600;
  padding: 10px 25px;
  font-family: var(--pri-font);
  border-radius: 0px;
}
#comments input[type="submit"].submit:hover {
  background: #20af24;
}
#comments a time {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}
#comments .reply {
  text-align: right;
}
#comments .comment-metadata {
  width: 90%;
  float: left;
  padding: 1% 0 0 0;
}
#comments .comment-content {
  width: 90%;
  text-align: left;
  margin-left: 7%;
}
#comments .comment-author {
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  font-family: var(--pri-font);
  color: #20af24;
}
#comments .comment-author.vcard img {
  padding: 2px;
}

#respond .comment-form-comment{
  order: 4;
}

#respond .comment-form-cookies-consent{
  order: 4;
}

/* single service */
#singleService .single-srevice-title a {
  font: 700 24px / 24px var(--pri-font);
}
#singleService .service-image {
  height: 430px;
}
#singleService .service-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#singleService .nav-pills .nav-link {
  color: #fff;
  padding: 15px 35px;
  font: 500 18px / 25px var(--pri-font);
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0px #a2a2a2;
  width: 90%;
  text-align: center;
  background-color: var(--black);
}
#singleService .nav-pills .nav-link.active {
  background-color: var(--orange);
}
#singleService .nav-pills .nav-item {
  width: 100%;
}
#singleService .top_title {
  font: normal normal 600 26px/30px var(--pri-font);
  color: var(--black);
}
#singleService .about_me p span,
#singleService .about_me p {
  color: #000;
}
#singleService .about_me {
  box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px;
  background-color: #fff;
  border-radius: 25px;
  padding: 40px;
  margin-right: 10%;
}
.sidebar4 .add-title i {
  font-size: 20px;
}
.footer-contact-box .location a {
  font: 300 16px / 20px var(--pri-font);
  color: #000;
}
#services-page .heading-box {
  display: none;
}
.single-post-content {
  font: 400 16px / 25px var(--pri-font);
}
.services-list-items {
  padding-top: 20px;
  list-style-type: decimal;
  padding-left: 18px;
}
.services-list-items li,
.service-para {
  font: normal normal normal 14px / 25px var(--pri-font);
  color: var(--black);
}
.single-post-content li {
  font: 600 15px / 30px var(--pri-font);
}
.single-services-img-box,
.single-services-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* woocomerce login page */
.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  border: 1px solid var(--orange) !important;
  background: #fff !important;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--orange) !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
  background: var(--orange) !important;
}
.woocommerce-info {
  border-color: var(--orange) !important;
}
button.woocommerce-Button.button,
.woocommerce-Button {
  border: none;
  background: var(--orange);
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  font: 600 14px/20px var(--pri-font);
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
  display: flex;
  flex-direction: column;
}
.woocommerce-account .addresses .title .edit {
  float: left !important;
}
.woocommerce form .form-row {
  width: 100%;
  position: relative;
}
.woocommerce-account .woocommerce {
  padding: 5% 0px;
}
.woocommerce-button.button.woocommerce-form-login__submit {
  background: var(--orange);
  color: #fff;
  border: none;
  padding: 10px 20px;
}
.woocommerce form .form-row label {
  font: 500 16px / 30px var(--pri-font);
}
.woocommerce form .form-row input.input-text {
  padding: 8px 10px;
  font: normal normal normal 15px / 20px var(--pri-font);
}
.woocommerce form .form-row {
  width: 100%;
  position: relative;
}
.woocommerce-info a {
  background-color: var(--orange) !important;
  color: #fff !important;
  padding: 8px 10px;
  font: normal normal normal 15px / 20px var(--pri-font) !important;
}

/* single product review form */
#review_form input[type="text"],
#review_form input[type="tel"],
#review_form input[type="email"],
#review_form input[type="number"],
#review_form input[type="date"],
#review_form input[type="phone"],
#review_form input[type="password"],
#review_form textarea {
  border: 1px solid #cfcfcf;
  font-size: 16px;
  padding: 10px 10px;
  height: auto;
  border-radius: 5px;
  width: 100%;
  background: transparent;
}
#review_form form {
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1 !important;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: 100%;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px/19px var(--pri-font);
}
#reviews .comment-notes {
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p.stars {
  width: fit-content !important;
}

/* single product page */
.summary.entry-summary .desc-para {
  padding: 30px 0px;
  font: 400 15px / 26px var(--pri-font);
}
.single-product .summary.entry-summary p.price del {
  font: 600 20px / 25px var(--pri-font);
}
.shop.shop-product .woocommerce-ordering,
.yith-wcwl-add-button span {
  display: none;
}
.woocommerce-product-details__short-description {
  font: 400 14px / 25px var(--pri-font);
  color: var(--blackk);
}
.woocommerce .loader::before {
  display: none;
}
.woocommerce .star-rating span {
  color: #ffc400;
}
.woocommerce div.product .product_title,
.woocommerce-Tabs-panel h2 {
  font: 600 35px / 60px var(--pri-font);
  color: var(--orange);
}
.woocommerce-product-details__short-description p,
.woocommerce div.product div.summary p {
  flex-direction: row-reverse;
  display: flex;
  justify-content: start;
  padding-bottom: 10px;
}
.woocommerce div.product div.images img {
  width: auto !important;
  margin: auto;
  height: 80%;
}
.woocommerce .woocommerce-product-rating .star-rating {
  color: var(--pink);
}
#review_form input[type="submit"] {
  background-color: var(--orange) !important;
  color: #fff !important;
  padding: 12px 30px !important;
}
.single-product .woocommerce-product-gallery .flex-viewport {
  background: #f2f2f2;
}
.single-product
  .woocommerce-product-gallery
  .flex-viewport
  .woocommerce-product-gallery__image
  img {
  position: relative;
  top: 10%;
  object-fit: contain;
}
.single-product
  .woocommerce-product-gallery
  .flex-viewport
  .woocommerce-product-gallery__image {
  height: 400px;
}
.single-product div.product div.images .flex-control-thumbs li {
  background: #f2f2f2;
  position: relative;
  color: #fff;
}
.wc-block-cart-item__quantity button,
.is-large.wc-block-cart .wc-block-cart__totals-title,
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wp-block-woocommerce-cart-order-summary-totals-block
  .wc-block-components-totals-wrapper,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.is-large.wc-block-cart .wc-block-cart-items {
  color: var(--blackk) !important;
}
.single-product div.product div.images .flex-control-thumbs {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.single-product div.product div.images .flex-control-thumbs li img {
  width: 80px !important;
  height: 80px !important;
  margin: 20% auto;
  object-fit: contain;
}
.woocommerce div.product form.cart {
  margin-bottom: 2em;
  margin-top: 5%;
}
.single-product .woocommerce-product-gallery__trigger {
  z-index: 1 !important;
}
.single-product .custom-quantity,
.summary.entry-summary .desc-para:nth-child(6),
.summary.entry-summary .desc-para:nth-child(7),
.summary.entry-summary .desc-para:nth-child(8),
.summary.entry-summary .desc-para:nth-child(8),
.summary.entry-summary .desc-para:nth-child(9) {
  display: none;
}
#single-product-page .wishlist_text,
#single-product-page
  .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor
  svg.yith-wcwl-icon-svg {
  top: 22px;
}
#single-product-page .yith-wcwl-add-to-wishlist-button__label {
  display: none;
}
#single-product-page .yith-wcwl-add-to-wishlist-button svg {
  color: var(--orange) !important;
  border-radius: 50px;
  border: 2px solid var(--orange);
  padding: 4px;
  width: 60px !important;
  height: 35px;
}
#single-product-page .onsale {
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist,
#single-product-page .wishlist_text,
#single-product-page
  .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor
  svg.yith-wcwl-icon-svg {
  position: relative;
  top: -68px;
  left: 170px;
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--red);
  font-weight: 500;
  color: var(--red);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .product_meta {
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#single-product-page .entry-summary .product_meta .posted_in,
#single-product-page .entry-summary .product_meta .tagged_as {
  font: 500 16px / 20px var(--pri-font);
}
.custom-content h6 a {
  font: 600 18px / 25px var(--pri-font);
}
#woosq-popup .summary-content {
  padding: 6%;
}
#woosq-popup .summary-content .price {
  font: 600 16px / 40px var(--pri-font);
}
.woocommerce div.product form.cart .button {
  background: var(--orange);
  padding: 13px 30px;
  border-radius: 4px;
  font: 500 16px / 16px var(--pri-font);
}
.woocommerce div.product form.cart .button:hover {
  background-image: linear-gradient(140deg, var(--blue), var(--pink));
}
#woosq-popup h1 {
  font: 600 35px / 50px var(--pri-font);
}
#woosq-popup .thumbnail img {
  width: 50%;
  margin: auto;
  background: #f4f4f4;
  padding: 40px;
}
.wc-block-cart-items {
  box-shadow: 0px 0px 3px 0px var(--blackk);
  border-radius: 10px;
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  box-shadow: 0px 0px 3px 0px var(--blackk);
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items th,
.is-large.wc-block-cart .wc-block-cart__totals-title {
  font: 500 18px / 20px var(--pri-font) !important;
  text-transform: capitalize !important;
  color: var(--orange) !important;
}
.wc-block-components-product-name {
  font: 600 20px / 20px var(--pri-font) !important;
  color: var(--orange) !important;
}
.wc-block-components-product-details.wc-block-components-product-details li {
  margin-left: 0;
  color: var(--blackk) !important;
}
.wc-block-components-checkout-return-to-cart-button {
  color: var(--blackk) !important;
  font: 500 14px / 20px var(--pri-font);
  background: linear-gradient(140deg, var(--pink), var(--blue));
  border-radius: 5px;
  padding: 10px 10px 10px 30px;
  width: 23%;
  margin: auto;
  text-align: center;
  margin-right: 10px;
}
.wc-block-components-product-price {
  font: 600 16px / 20px var(--pri-font) !important;
  color: var(--blackk);
}
.wc-block-cart__submit-container {
  text-align: center;
}
.wc-block-components-button__text {
  background: var(--orange);
  color: #fff;
  padding: 12px 30px;
  border-radius: 6px;
  font: 500 14px / 20px var(--pri-font);
  margin-top: 30px;
  opacity: 1 !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
  display: block !important;
}
body:not(.woocommerce-block-theme-has-button-styles)
  .wc-block-components-button:not(.is-link) {
  background: none;
  width: auto;
}
.woocommerce-Tabs-panel--description .desc-para {
  font: 400 16px / 25px var(--pri-font);
}
.wc-block-components-totals-coupon__form .wc-block-components-button__text {
  margin: 0;
}
.wc-block-components-totals-coupon__form .wc-block-components-button {
  border: none;
}
.wc-block-checkout__actions_row
  .wc-block-components-button
  .wc-block-components-button__text {
  margin: 0;
}
.wc-block-checkout__actions_row .wc-block-components-button {
  border: none;
  background: transparent;
  padding: 0 !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row {
  padding: 16px 20px;
}
.wc-block-components-main form {
  box-shadow: 0px 0px 3px 0px var(--blackk);
  border-radius: 10px;
  padding: 30px;
}
.wc-block-cart .wc-block-cart__submit-container--sticky:before {
  box-shadow: 0 1px 6px 0px currentColor !important;
}
.wc-block-checkout__actions_row {
  width: fit-content;
  margin: auto;
}
.is-large .wp-block-woocommerce-checkout-order-summary-block {
  box-shadow: 0px 0px 3px 0px var(--blackk) !important;
  border-radius: 10px !important;
  padding: 30px;
  position: relative;
  top: -8px;
}
.wp-block-woocommerce-checkout-order-summary-block {
  box-shadow: 0px 0px 3px 0px var(--blackk) !important;
  border-radius: 10px !important;
}
.single-product .custom-quantity-select {
  border: none;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: transparent;
  padding: 0;
  margin-left: 5px;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist {
  position: relative;
  top: -70px;
  left: 180px;
  width: fit-content;
}
#single-product-page .yith-wcwl-add-button .yith-wcwl-icon-svg {
  margin: 0 !important;
  border: 2px solid var(--orange);
  border-radius: 50%;
  padding: 5px;
  width: 38px;
  stroke: var(--orange);
}
#single-product-page .entry-summary .product_meta {
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#single-product-page
  #reviews
  #comments
  ol.commentlist
  li
  .comment-text
  .description
  p,
#single-product-page .entry-content p {
  margin: 0 !important;
  align-self: center;
}
#wp-comment-cookies-consent {
  align-self: baseline;
  top: 8px;
  position: relative;
}
#single-product-page .entry-summary .product_meta .posted_in,
#single-product-page .entry-summary .product_meta .tagged_as {
  font: 500 16px/20px var(--pri-font);
  color: var(--blackk);
}
#single-product-page .entry-summary .product_meta .posted_in a,
#single-product-page .entry-summary .product_meta .tagged_as a {
  font: 400 14px/20px var(--pri-font);
}
#single-product-page .entry-summary .product form.cart {
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse:before,
#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse:before,
#single-product-page
  .entry-summary
  .yith-wcwl-add-button
  a.add_to_wishlist:before,
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse:before,
#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse:before {
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--pink);
  font-weight: 500;
  color: var(--pink);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a,
#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse a {
  position: unset;
}
#single-product-page
  .entry-summary
  .yith-wcwl-add-to-wishlist
  .feedback
  .yith-wcwl-icon {
  color: pink;
  font-size: 20px;
  border: 2px solid var(--pink);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a {
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  font-size: 0px;
}
#single-product-page .yith-wcwl-wishlistaddedbrowse svg {
  fill: var(--orange);
  height: auto;
  width: 38px !important;
  padding: 5px;
  border: 2px solid var(--orange);
  border-radius: 50%;
}
.single-product .yith-wcwl-wishlistaddedbrowse .feedback {
  font-size: 0px;
}
.single-product #contentwoocom .quantity input[type="number"] {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin: 0 -3px !important;
}
.single-product .summary.entry-summary .stock.in-stock {
  padding-top: 10px;
  font: 600 15px / 20px var(--pri-font);
  color: var(--blackk);
}

/* wishlist page  */
.woocommerce-wishlist .product-custom-content a {
  color: var(--orange);
}
.woocommerce .wishlist-title {
  margin-bottom: 0 !important;
}
.woocommerce-wishlist .products-content-main-box {
  margin-right: 10px;
}
.wishlist_table.mobile li {
  padding: 0;
}
.woocommerce-wishlist .products-rating-content-box {
  top: 10px;
}
.woocommerce-wishlist .shop_table.wishlist_table {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-wishlist .wishlist-page-image-box {
  width: 275px;
}
.woocommerce-wishlist .product-thumbnail {
  max-width: 100% !important;
  height: 100%;
}
.woocommerce img,
.woocommerce-page img {
  height: auto;
  max-width: 100%;
}
.woocommerce a.remove {
  background: #f7f7f7;
  color: #f38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.yith_wcwl_wishlist_footer,
.woocommerce-breadcrumb {
  display: none;
}
.wpcf7 form .wpcf7-response-output {
  bottom: 0;
  color: var(--blackk);
}
.wc-block-grid,
.wp-block-woocommerce-empty-cart-block {
  margin-top: 4%;
}
.wp-block-woocommerce-cart .wc-block-grid__product-rating,
.wp-block-woocommerce-cart .yith-wcwl-add-to-wishlist {
  display: none;
}
.wc-block-grid__product-title {
  font: 500 18px / 20px Rubik !important;
  color: #000;
}
.wc-block-grid__product-add-to-cart.wp-block-button a {
  background: var(--pink);
  color: #fff;
  font: 400 14px / 20px var(--pri-font) !important;
  border-radius: 4px;
  padding: 8px 16px;
}
.wc-block-grid__products {
  background-clip: padding-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
  justify-content: space-between;
}
.wc-block-grid__product.wc-block-grid__product {
  background: #fff;
  box-shadow: 0px 0px 50px 0px #cacaca;
  box-sizing: border-box;
  width: 100%;
  max-width: 315px !important;
  border-radius: 8px;
}
.woocommerce .woocommerce-result-count,
.woocommerce-breadcrumb {
  color: #fff;
}
#coming-soon-footer-banner {
  display: none;
}
.term-description {
  display: none;
}

/* partner */
#partners {
  padding-top: 8%;
}
.patner-image {
  width: 100px;
  height: 100px;
  /* margin: auto; */
}
.patner-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* service */
#services-sec h6 {
  margin: 0 auto;
}
#services-sec h3 {
  padding: 0 40px;
}
.service-box-outer {
  background: linear-gradient(
    to bottom,
    rgba(181, 181, 181, 0.1),
    rgba(255, 91, 46, 0.1)
  );
  padding: 40px 30px;
  border-radius: 10px;
  clip-path: polygon(
    0% 3.676%,
    0% 3.676%,
    0.041% 3.08%,
    0.16% 2.514%,
    0.35% 1.987%,
    0.605% 1.505%,
    0.918% 1.077%,
    1.283% 0.709%,
    1.694% 0.41%,
    2.144% 0.187%,
    2.626% 0.048%,
    3.135% 0%,
    96.13% 0%,
    96.13% 0%,
    96.589% 0.039%,
    97.029% 0.151%,
    97.442% 0.333%,
    97.825% 0.58%,
    98.171% 0.885%,
    98.475% 1.246%,
    98.732% 1.655%,
    98.936% 2.11%,
    99.082% 2.605%,
    99.165% 3.134%,
    99.165% 3.134%,
    99.542% 8.078%,
    99.872% 14.851%,
    99.999% 23.063%,
    99.769% 32.323%,
    99.026% 42.24%,
    97.617% 52.425%,
    95.386% 62.485%,
    92.178% 72.031%,
    87.839% 80.672%,
    82.215% 88.018%,
    82.215% 88.018%,
    75.025% 93.658%,
    66.636% 97.339%,
    57.43% 99.355%,
    47.786% 99.999%,
    38.088% 99.565%,
    28.717% 98.346%,
    20.054% 96.638%,
    12.48% 94.732%,
    6.378% 92.923%,
    2.128% 91.504%,
    2.128% 91.504%,
    1.754% 91.34%,
    1.41% 91.124%,
    1.098% 90.862%,
    0.82% 90.556%,
    0.579% 90.212%,
    0.377% 89.834%,
    0.215% 89.427%,
    0.097% 88.995%,
    0.025% 88.543%,
    0% 88.074%,
    0% 3.676%
  );
}
.services-content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.services-content-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font: normal normal normal 14px/25px var(--pri-font);
}
.service-title,
.projects-post-contents-box h5 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.services-img-outer-box {
  width: fit-content;
  margin: auto;
}
.services-img-box {
  width: 55px;
  margin: auto;
  height: 55px;
}
.services-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-box-outer:hover .service-title a {
  color: var(--orange);
}
/* spaces */
#spaces-sec h6 {
  margin: auto;
}
.service-active-content-box {
  /* padding-left: 3px; */
}
.service-active-inner-box {
  background: #fff;
  padding: 18px 0px 18px 30px;
  box-shadow: 0px 0px 7px 0px #0000001f;
  border-radius: 10px 0px 0px 10px;
}
.spaces-information-outer-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.service-active-inner-box h4 {
  font: 700 22px/25px var(--pri-font);
}
.service-content:hover .service-active-inner-box h4 a {
  color: var(--orange);
}
p.spaces-information-title {
  font: 600 16px / 25px var(--pri-font);
}
p.spaces-information-text {
  font: 400 14px / 20px var(--pri-font);
}
#spaces-sec .spaces-bg-outer-box {
  -webkit-mask-image: url(assets/images/services/space-mask.png);
  mask-image: url(assets/images/services/space-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 85%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.spaces-bg-clor {
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.1),
    rgba(255, 91, 46, 0.1)
  );
  height: 80%;
  width: 100%;
}
.spaces-image-main-box {
  /* background: var(--orange); */
  position: relative;
  border-radius: 0px 0px 10px 0px;
}
.about-main-img-one:before,
.why-choose-image:before {
  position: absolute;
  top: 0;
  left: -86%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.service-content:hover .spaces-image:before,
.About-image:hover .about-main-img-one:before,
.why-choose-head-image-box:hover .why-choose-image:before {
  -webkit-animation: shine 0.75s;
  animation: shine 2s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.spaces-image {
  height: 410px;
  /* -webkit-mask-image: url(assets/images/services/space-mask.png);
  mask-image: url(assets/images/services/space-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%; */
  position: relative;
  border-radius: 0px 0px 10px 0px;
}
.bg-img-space {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.bg-img-space svg {
  width: 99%;
  height: 100%;
  border-radius: 0px 0px 10px 0px;
}
.spaces-image img {
  width: 99% !important;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 0px 10px 0px;
}
#spaces-sec .slide-info {
  font-size: 50px;
  font-weight: 800;
  line-height: 50px;
  position: absolute;
  bottom: 20px;
  right: 35px;
  color: rgba(255, 255, 255, 0.5);
}
#spaces-sec .owl-stage-outer {
  margin: 0px 4px;
}
.service-content:hover .slide-info {
  transform: scale(1.2);
  transition: all 0.5s ease-in-out;
}
#spaces-sec .owl-nav {
  display: block;
  position: absolute;
  bottom: 8%;
  left: 25%;
}
/* about */
.about-main-img-one {
  height: 400px;
  -webkit-mask-image: url(assets/images/why-choose/choose-mask.png);
  mask-image: url(assets/images/why-choose/choose-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
}
.about-main-img-one img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-paragraph {
  width: 95%;
  font: normal normal normal 16px/25px var(--pri-font);
}
.about-tab-content-main-box .tab-content {
  background: #0000000d;
  padding: 20px 21px;
  border-radius: 0px 10px 10px;
}
.about-tab-content-main-box .nav-pills .nav-link.active {
  background: #0000000d;
  border-radius: 10px 10px 0px 0px;
}
.about-tab-content-main-box .nav-pills .nav-link {
  padding: 10px 20px;
}
.about-inner-title {
  color: var(--black);
}
.about-icon-img {
  width: 40px;
  height: 40px;
}
.about-icon-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-box {
  padding: 25px 20px;
  width: 45%;
  border-radius: 10px;
  clip-path: polygon(
    0% 5.348%,
    0% 5.348%,
    0.069% 4.48%,
    0.27% 3.657%,
    0.591% 2.89%,
    1.021% 2.189%,
    1.55% 1.566%,
    2.166% 1.032%,
    2.859% 0.597%,
    3.619% 0.273%,
    4.433% 0.07%,
    5.291% 0%,
    94.17% 0%,
    94.17% 0%,
    94.957% 0.058%,
    95.708% 0.228%,
    96.414% 0.502%,
    97.066% 0.871%,
    97.653% 1.33%,
    98.167% 1.868%,
    98.598% 2.48%,
    98.936% 3.157%,
    99.172% 3.892%,
    99.296% 4.677%,
    99.296% 4.677%,
    99.662% 10.089%,
    99.936% 17.083%,
    99.981% 25.31%,
    99.657% 34.42%,
    98.826% 44.063%,
    97.35% 53.888%,
    95.089% 63.546%,
    91.906% 72.687%,
    87.661% 80.961%,
    82.215% 88.018%,
    82.215% 88.018%,
    75.302% 93.494%,
    67.26% 97.137%,
    58.432% 99.211%,
    49.16% 99.98%,
    39.787% 99.706%,
    30.655% 98.655%,
    22.107% 97.089%,
    14.486% 95.273%,
    8.133% 93.469%,
    3.392% 91.942%,
    3.392% 91.942%,
    2.794% 91.693%,
    2.244% 91.375%,
    1.745% 90.993%,
    1.303% 90.554%,
    0.919% 90.064%,
    0.597% 89.528%,
    0.341% 88.954%,
    0.154% 88.346%,
    0.039% 87.712%,
    0% 87.057%,
    0% 5.348%
  );
}
.about-counter-box {
  position: absolute;
  bottom: 0px;
  z-index: 3;
  left: 30px;
}
.about-counter-box .about-box:nth-child(1) {
  position: relative;
  background: #fff;
}
.about-counter-box .about-box:nth-child(1):after {
  content: "";
  background: linear-gradient(to bottom, #fff, #ff5b2e);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: -1;
}
.about-counter-box .about-box:nth-child(2) {
  background: var(--orange);
}
.about-counter-box .about-box:nth-child(2) .about-inner-title,
.about-counter-box .about-box:nth-child(2) .about-inner-paragraph {
  color: #fff;
}
.about-count-text {
  font: normal normal 600 20px / 30px var(--pri-font);
  color: #fff;
  width: min-intrinsic;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: table-caption;
  display: -ms-grid;
  -ms-grid-columns: min-content;
}
.about-count {
  font: normal normal bold 45px / 30px var(--pri-font);
  color: #fff;
}
.about-counter-box .about-box:hover .about-icon-img img,
.service-box-outer:hover img {
  animation: flipInX 2s infinite;
}
.about-page #about-sec {
  padding-bottom: 0px;
}
.about-page .about-button-box {
  display: none;
}
.About-image:hover .about-main-img-one img,
.why-choose-head-image-box:hover .why-choose-image img {
  transform: scale(1.07);
  overflow: visible;
  transition: 0.5s ease-in-out;
  border-radius: 10px;
}

/* counter */
.counter-icon-img {
  width: 50px;
  height: 50px;
}
.counter-icon-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.our-counter-box {
  position: relative;
}
.counter-box {
  width: fit-content;
  margin: auto;
  /* padding: 26% 30px; */
}
.counter-title {
  font: 500 16px / 20px var(--pri-font);
}
.counter-outer-box {
  background: linear-gradient(
    to bottom,
    rgba(248, 248, 247, 1),
    rgba(255, 239, 234, 1)
  );
  clip-path: polygon(
    0% 7.143%,
    0% 7.143%,
    0.041% 5.984%,
    0.161% 4.885%,
    0.352% 3.86%,
    0.609% 2.924%,
    0.924% 2.092%,
    1.292% 1.378%,
    1.705% 0.797%,
    2.157% 0.364%,
    2.643% 0.093%,
    3.155% 0%,
    96.574% 0%,
    96.574% 0%,
    97.02% 0.071%,
    97.446% 0.279%,
    97.847% 0.615%,
    98.219% 1.07%,
    98.555% 1.636%,
    98.85% 2.304%,
    99.098% 3.065%,
    99.294% 3.912%,
    99.433% 4.834%,
    99.508% 5.824%,
    99.508% 5.824%,
    99.665% 11.491%,
    99.666% 18.593%,
    99.399% 26.803%,
    98.75% 35.798%,
    97.605% 45.251%,
    95.852% 54.837%,
    93.378% 64.233%,
    90.068% 73.111%,
    85.81% 81.148%,
    80.491% 88.018%,
    80.491% 88.018%,
    73.514% 93.584%,
    65.416% 97.249%,
    56.55% 99.292%,
    47.269% 99.993%,
    37.925% 99.632%,
    28.87% 98.489%,
    20.458% 96.844%,
    13.04% 94.976%,
    6.969% 93.166%,
    2.599% 91.692%,
    2.599% 91.692%,
    2.159% 91.46%,
    1.748% 91.095%,
    1.371% 90.607%,
    1.031% 90.009%,
    0.732% 89.311%,
    0.479% 88.526%,
    0.276% 87.664%,
    0.125% 86.737%,
    0.032% 85.757%,
    0% 84.735%,
    0% 7.143%
  );
  padding: 25px 25px;
}
.counter-outer-box:hover img {
  animation: waveIn 1.4s ease-out;
}

/* why choose us */

.why-choose-us-progress-box {
  height: 380px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.why-choose-us-progress-box::-webkit-scrollbar {
  width: 8px;
  height: 150px !important;
}
.why-choose-us-progress-box::-webkit-scrollbar-track {
  background: #d9d9d9;
  border-radius: 4px;
  margin-top: 80px;
  margin-bottom: 80px;
}
.why-choose-us-progress-box::-webkit-scrollbar-thumb {
  background: var(--orange);
  border-radius: 10px;
  height: 100px;
}
.why-choose-us-outer-box {
  padding: 25px 0px;
  border-radius: 10px;
  margin: 0px 10px 4px 0px;
}
.why-choose-us-outer-box:nth-child(2) {
  background: var(--orange);
}
.why-choose-us-outer-box:nth-child(2) .why-choose-us-title,
.why-choose-us-outer-box:nth-child(2) .why-choose-us-text {
  color: #fff;
}
.why-choose-us-outer-box:hover {
  background: var(--orange);
}
.why-choose-us-outer-box:hover .why-choose-us-title,
.why-choose-us-outer-box:hover .why-choose-us-text {
  color: #fff;
}
.why-choose-image {
  height: 450px;
  /* width: 850px; */
  -webkit-mask-image: url(assets/images/why-choose/choose-mask.png);
  mask-image: url(assets/images/why-choose/choose-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
}
.why-choose-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* our-mission */
.mission-title {
  font: normal normal bold 16px / 40px var(--pri-font);
  color: #000;
}

/* testimonial */

#testimonial .testimonial-bg-outer-box {
  -webkit-mask-image: url(assets/images/testimonials/testi-mask.png);
  mask-image: url(assets/images/testimonials/testi-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.testimonial-bg-clor {
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.1),
    rgba(255, 91, 46, 0.1)
  );
  height: 100%;
  width: 100%;
  /* clip-path: polygon(0% 6.579%, 0% 6.579%, 0.034% 5.512%, 0.133% 4.499%, 0.291% 3.556%, 0.502% 2.694%, 0.763% 1.927%, 1.066% 1.269%, 1.407% 0.734%, 1.781% 0.335%, 2.182% 0.086%, 2.604% 0%, 97.472% 0%, 97.472% 0%, 97.884% 0.081%, 98.275% 0.316%, 98.639% 0.693%, 98.971% 1.201%, 99.266% 1.826%, 99.517% 2.558%, 99.721% 3.384%, 99.87% 4.293%, 99.96% 5.271%, 99.985% 6.308%, 99.985% 6.308%, 99.88% 12.993%, 99.618% 21.394%, 99.134% 31.031%, 98.363% 41.423%, 97.24% 52.087%, 95.698% 62.544%, 93.674% 72.312%, 91.101% 80.91%, 87.915% 87.857%, 84.05% 92.671%, 84.05% 92.671%, 78.131% 96.143%, 70.449% 98.4%, 61.477% 99.625%, 51.688% 100%, 41.557% 99.708%, 31.557% 98.933%, 22.162% 97.857%, 13.847% 96.663%, 7.084% 95.534%, 2.348% 94.653%, 2.348% 94.653%, 1.955% 94.499%, 1.586% 94.202%, 1.246% 93.775%, 0.939% 93.229%, 0.668% 92.576%, 0.438% 91.829%, 0.252% 90.999%, 0.115% 90.099%, 0.029% 89.139%, 0% 88.133%, 0% 6.579%); */
}

.testimonial-bg-clor {
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 91, 46, 0.1));
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  clip-path: polygon( 0% 6.897%,0% 6.897%,0.034% 5.778%,0.133% 4.717%,0.291% 3.727%,0.502% 2.824%,0.763% 2.02%,1.066% 1.331%,1.407% 0.77%,1.781% 0.352%,2.182% 0.09%,2.604% 0%,97.477% 0%,97.477% 0%,97.888% 0.085%,98.278% 0.331%,98.642% 0.727%,98.973% 1.258%,99.267% 1.914%,99.518% 2.681%,99.721% 3.546%,99.869% 4.498%,99.958% 5.523%,99.982% 6.608%,99.982% 6.608%,99.872% 13.354%,99.603% 21.777%,99.112% 31.402%,98.334% 41.756%,97.205% 52.366%,95.661% 62.758%,93.638% 72.458%,91.071% 80.993%,87.897% 87.888%,84.05% 92.671%,84.05% 92.671%,78.133% 96.142%,70.454% 98.399%,61.485% 99.624%,51.699% 100%,41.571% 99.709%,31.574% 98.935%,22.18% 97.859%,13.864% 96.666%,7.099% 95.537%,2.359% 94.655%,2.359% 94.655%,1.964% 94.496%,1.594% 94.187%,1.252% 93.741%,0.944% 93.169%,0.672% 92.484%,0.441% 91.7%,0.254% 90.829%,0.115% 89.882%,0.03% 88.874%,0% 87.817%,0% 6.897% ); */
}
#testimonial .heading-box p {
  font: normal normal normal 14px/25px var(--pri-font);
}
.testimonial-client-image {
  width: 60px;
  height: 60px;
}
.testimonial-client-image img {
  width: 100% !important;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.testimonial-title-box {
  color: #000;
  font: normal normal 600 17px / 20px var(--pri-font);
}
.testimonial-content-main-box {
  position: relative;
  margin: 5px;
  filter: drop-shadow(0px 2px 4px #00000029);
}
.testimonial-content-box {
  padding: 55px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  -webkit-mask-image: url(assets/images/testimonials/shape-mask.png);
  mask-image: url(assets/images/testimonials/shape-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  /* clip-path: polygon( 1.233% 7.246%,1.233% 7.246%,1.263% 6.365%,1.35% 5.529%,1.491% 4.749%,1.679% 4.037%,1.91% 3.403%,2.179% 2.86%,2.482% 2.418%,2.813% 2.089%,3.169% 1.883%,3.544% 1.812%,96.52% 1.812%,96.52% 1.812%,96.886% 1.879%,97.233% 2.074%,97.557% 2.387%,97.852% 2.809%,98.114% 3.328%,98.338% 3.934%,98.519% 4.619%,98.653% 5.372%,98.734% 6.182%,98.758% 7.04%,98.758% 7.04%,98.67% 13.175%,98.432% 21.029%,97.98% 30.131%,97.245% 40.009%,96.163% 50.189%,94.666% 60.201%,92.689% 69.571%,90.165% 77.827%,87.028% 84.498%,83.211% 89.11%,83.211% 89.11%,77.395% 92.398%,69.84% 94.528%,61.016% 95.675%,51.395% 96.015%,41.447% 95.723%,31.645% 94.975%,22.458% 93.946%,14.359% 92.813%,7.817% 91.751%,3.305% 90.936%,3.305% 90.936%,2.957% 90.807%,2.631% 90.56%,2.331% 90.206%,2.06% 89.755%,1.821% 89.216%,1.618% 88.599%,1.455% 87.915%,1.334% 87.172%,1.258% 86.381%,1.233% 85.552%,1.233% 7.246% ); */
}
.testimonial-para-content-box {
  font: normal normal normal 14px/22px var(--pri-font);
}
.testimonial-content-main-box .quote-img {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0;
  margin: auto;
  height: fit-content;
}
.testimonial-content-main-box:hover .testimonial-title-box {
  color: var(--orange);
}
.testimonial-content-main-box .testi-rating i {
  color: #ff9e30;
}
.testi-rating {
  box-shadow: 0px 1px 4px 0px #d1d1d1;
  background: #fff;
  padding: 2px 4px;
  margin-left: 15%;
  z-index: 1;
}
.our-testimonial-box
  .owl-item:nth-child(odd)
  .testimonial-content-main-box:after {
  background: var(--orange);
}
.our-testimonial-box
  .owl-item:nth-child(even)
  .testimonial-content-main-box:after {
  background: var(--black);
}
.testimonial-content-main-box:after {
  content: "";
  /* clip-path: polygon(2.273% 6.757%, 2.273% 6.757%, 2.329% 5.935%, 2.49% 5.155%, 2.748% 4.428%, 3.095% 3.764%, 3.521% 3.173%, 4.017% 2.667%, 4.576% 2.255%, 5.187% 1.948%, 5.843% 1.756%, 6.534% 1.689%, 93.427% 1.689%, 93.427% 1.689%, 94.086% 1.749%, 94.713% 1.923%, 95.299% 2.202%, 95.836% 2.578%, 96.315% 3.042%, 96.729% 3.587%, 97.067% 4.203%, 97.323% 4.881%, 97.488% 5.615%, 97.553% 6.394%, 97.553% 6.394%, 97.565% 11.342%, 97.415% 17.646%, 97.011% 25.021%, 96.258% 33.18%, 95.066% 41.838%, 93.341% 50.709%, 90.99% 59.506%, 87.922% 67.945%, 84.043% 75.739%, 79.261% 82.601%, 79.261% 82.601%, 74.586% 86.596%, 68.259% 89.747%, 60.681% 92.148%, 52.253% 93.897%, 43.375% 95.086%, 34.45% 95.813%, 25.876% 96.173%, 18.056% 96.26%, 11.389% 96.169%, 6.277% 95.998%, 6.277% 95.998%, 5.617% 95.907%, 4.995% 95.699%, 4.418% 95.384%, 3.893% 94.972%, 3.429% 94.472%, 3.033% 93.895%, 2.711% 93.25%, 2.473% 92.547%, 2.324% 91.795%, 2.273% 91.006%, 2.273% 6.757%); */
  position: absolute;
  width: 55%;
  height: 107%;
  background: var(--orange);
  top: -10px;
  bottom: 0;
  z-index: -1;
  right: -8px;
  transform: rotate(0deg);
  -webkit-mask-image: url(assets/images/testimonials/color-mask.png);
  mask-image: url(assets/images/testimonials/color-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
.our-testimonial-box .testimonial-content-main-box:hover::after {
  background: var(--orange) !important;
}

/* gallery */
div#gallery {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(8, 60px);
  margin: 0;
  grid-gap: 10px;
}
div#gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.gallery-head-box {
  margin: auto;
  height: fit-content;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 39px;
}
.gallery-head-outer-box {
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 1;
  grid-column-end: 5;
  align-self: center;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.1),
    rgba(255, 91, 46, 0.1)
  );
}
div#gallery img:nth-child(2) {
  grid-row-start: 1;
  grid-row-end: 5;
  grid-column-start: 5;
  grid-column-end: 10;
}
div#gallery img:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 5;
  grid-column-start: 10;
  grid-column-end: 13;
}
div#gallery img:nth-child(4) {
  grid-row-start: 9;
  grid-row-end: 6;
  grid-column-start: 1;
  grid-column-end: 5;
}
div#gallery img:nth-child(5) {
  grid-row-start: 5;
  grid-row-end: 9;
  grid-column-start: 5;
  grid-column-end: 9;
}
div#gallery img:nth-child(6) {
  grid-row-start: 5;
  grid-row-end: 9;
  grid-column-start: 9;
  grid-column-end: 13;
}

/* team */
#our-team h6 {
  margin: auto;
}
.team-title {
  color: #000;
}
.teambox:hover .team-title {
  color: var(--orange);
}
.team-social-icon-box {
  position: absolute;
  right: 3%;
  bottom: 3%;
}
.team-social-icon-box .fa-share-alt {
  background: #000;
  color: #fff;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  border-radius: 6px;
  font-size: 16px;
}
.team-image {
  height: 280px;
  width: 100%;
}
.team-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.team-social-icon-box-main {
  display: none;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
}
.team-social-icon-box-main i {
  color: #fff;
  width: 33px;
  height: 33px;
  font-size: 16px;
  text-align: center;
  line-height: 33px;
}
.team-social-icon-box-main i:hover {
  background: var(--orange);
  color: #fff;
}
.team-designation-box {
  background: linear-gradient(
    to right,
    rgba(181, 181, 181, 0.1),
    rgba(255, 91, 46, 0.1)
  );
  clip-path: polygon(
    0% 8.333%,
    0% 8.333%,
    0.041% 6.982%,
    0.16% 5.699%,
    0.35% 4.504%,
    0.605% 3.412%,
    0.918% 2.441%,
    1.283% 1.608%,
    1.694% 0.93%,
    2.144% 0.425%,
    2.626% 0.109%,
    3.135% 0%,
    96.983% 0%,
    96.983% 0%,
    97.414% 0.079%,
    97.828% 0.309%,
    98.218% 0.681%,
    98.579% 1.188%,
    98.907% 1.819%,
    99.195% 2.566%,
    99.438% 3.42%,
    99.63% 4.372%,
    99.767% 5.413%,
    99.843% 6.535%,
    99.843% 6.535%,
    99.984% 12.333%,
    99.959% 19.483%,
    99.66% 27.675%,
    98.977% 36.596%,
    97.802% 45.936%,
    96.027% 55.384%,
    93.541% 64.627%,
    90.238% 73.355%,
    86.007% 81.256%,
    80.739% 88.018%,
    80.739% 88.018%,
    73.752% 93.578%,
    65.643% 97.241%,
    56.765% 99.286%,
    47.47% 99.992%,
    38.11% 99.638%,
    29.037% 98.502%,
    20.603% 96.862%,
    13.161% 94.998%,
    7.061% 93.188%,
    2.657% 91.71%,
    2.657% 91.71%,
    2.209% 91.46%,
    1.79% 91.048%,
    1.405% 90.487%,
    1.058% 89.79%,
    0.752% 88.973%,
    0.492% 88.047%,
    0.283% 87.029%,
    0.129% 85.93%,
    0.033% 84.766%,
    0% 83.55%,
    0% 8.333%
  );
  padding: 15px 15px;
}
.teambox:hover .team-social-icon-box-main {
  display: block;
  background: var(--orange);
  bottom: 40px;
  border-radius: 4px;
  opacity: 1;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
  bottom: 40px;
  z-index: 1;
}
.teambox:hover .fa-share-alt {
  background: var(--orange);
  color: #fff;
}
.teambox:hover .team-image::after {
  width: 100%;
}
.team-image::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  opacity: 0.1;
}

/* gallery */
.gallery_front {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(11, 35px);
  margin: 0;
  grid-gap: 13px;
  padding: 0;
}
.gallery_front .grid-items {
  width: 100%;
  height: 100%;
  position: relative;
}
.gallery_front .grid-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery_front .grid-items:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 12;
  grid-column-start: 1;
  grid-column-end: 8;
  clip-path: polygon(100% 0, 100% 100%, 18% 100%, 0 85%, 0 0);
}
.gallery_front .grid-items:nth-child(2) {
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 8;
  grid-column-end: 12;
}
.gallery_front .grid-items:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 7;
  grid-column-start: 12;
  grid-column-end: 17;
  clip-path: polygon(0 0, 82% 0%, 100% 18%, 100% 100%, 18% 100%, 0% 82%);
}
.gallery_front .grid-items:nth-child(4) {
  grid-row-start: 6;
  grid-row-end: 12;
  grid-column-start: 8;
  grid-column-end: 13;
  clip-path: polygon(0 0, 82% 0%, 100% 18%, 100% 100%, 18% 100%, 0% 82%);
}
.gallery_front .grid-items:nth-child(5) {
  grid-row-start: 7;
  grid-row-end: 12;
  grid-column-start: 13;
  grid-column-end: 17;
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

/* blog */
#blog .owl-carousel .blog-image-box {
  margin: 0px 10px;
}
.blog-contents-box {
  padding: 15px 0px;
  margin-bottom: 5px;
}
.blog-contents-box h5 {
  font: 600 18px / 25px var(--pri-font);
}

.blog-img-box .post-img {
  /* width: 100%;
  height: 230px;
  
  position: relative; */
  max-width: 470px;
  max-height: 470px;
}
.blog-img-box .post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-date-admin-box {
  position: absolute;
  bottom: -20px;
  z-index: 2;
  color: #fff;
  /* width: 70px; */
  right: 15px;
  /* height: 70px; */
  /* line-height: 70px; */
  text-align: center;
  background: #000;
  border-radius: 10px;
  padding: 10px 16px;
}
.blog-date-admin-box .date {
  font: 700 22px / 28px var(--pri-font);
}
.blog-date-admin-box .month {
  font: 400 16px / 16px var(--pri-font);
}
.blog-image-box:hover .blog-date-admin-box:after {
  background: var(--orange);
}
.blog-image-box:hover .blog-date-admin-box {
  color: #fff;
}
.blog-admin-box span,
.post-comments {
  font: normal normal 500 14px / 15px var(--pri-font);
  text-transform: capitalize;
}
.blog-image-box:hover h4 {
  color: var(--orange);
}
.blog-image-box:hover .blog-date-admin-box {
  background: #20af24;
}
.blog-image-box:hover .blog-contents-box h5 {
  color: #20af24;
}

.slider-form-box-outer .wpcf7-not-valid-tip {
  font-size: 10px;
  line-height: 10px;
}
/* newsletter */
/* section#newsletter:before {
  content: "";
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 48%;
  width: 100%;
} */

#newsletter{
  margin-bottom: 5rem;
}

#newsletter .heading-box h6 {
  color: var(--orange);
}
#newsletter .heading-box h3 {
  color: var(--white);
}
.newsletter-inner-box {
  position: relative;
  z-index: 2;
}
.newsletter-head-content-box h3,
.newsletter-head-content-box p {
  color: #000000;
}
.newsletter-head-form-box form {
  position: relative;
}

#newsletter .wpcf7-form-control-wrap {
  font: 400 14px / 20px var(--pri-font);
  color: #000;
}

#newsletter .wpcf7 form.invalid .wpcf7-response-output {
  color: #fff;
}
.newsletter-head-form-box form p:nth-child(2) {
  width: 42%;
}
.newsletter-main-heading,
.newsletter-inner-box .wpcf7-response-output {
  color: #fff;
}
.newsletter-head-form-box input[type="email"] {
  padding: 8px 10px;
  border-radius: 6px;
  border: none;
  width: 100%;
  padding-left: 16px;
}
/* .newsletter-head-form-box p input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--orange);
  border: none;
  color: #fff;
  padding: 8px 25px;
  border-radius: 6px;
} */
.newsletter-head-form-box form p:nth-child(3) {
  align-self: center;
}
#newsletter .wpcf7-not-valid-tip {
  position: absolute;
}
#newsletter .wpcf7 form .wpcf7-response-output {
    position: absolute;
    width: fit-content;
    color: #1C1D1C;
    bottom: -119px;
}



@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* quotation form */
.quotation-form-box {
  box-shadow: 0px 1px 5px 0px #b1b1b1;
  padding: 30px;
  border-radius: 0px;
}
.quotation-form-box .head-label {
  font-size: 22px !important;
  line-height: 35px;
  font-weight: 600 !important;
}
.quotation-form-box .waste-box label {
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
}
.quotation-form-box input[type="text"],
.quotation-form-box input[type="tel"],
.quotation-form-box input[type="email"],
.quotation-form-box input[type="number"],
.quotation-form-box input[type="date"],
.quotation-form-box input[type="phone"],
.quotation-form-box input[type="password"],
.quotation-form-box textarea,
.quotation-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 0px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 2px 3px 0px #999999;
  background: #fff;
  margin-top: 12px;
  border-radius: 6px;
}
.quotation-form-box .btn .wpcf7-submit {
  background: transparent;
  border: none;
  font: 400 16px / 19px var(--pri-font);
  color: #fff;
}
.quotation-form-box .checkbox .wpcf7-list-item-label {
  color: #999999;
  font: 400 14px/14px var(--pri-font);
  padding-left: 6px;
}
.quotation-form-box .checkbox .wpcf7-list-item {
  margin: 0px;
}
.quotation-form-box form .submit p input[type="submit"] {
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--black);
  border: none;
  border-radius: 0px;
  padding: 10px 25px;
  width: max-content;
}
.quotation-form-box form .submit p input[type="submit"]:hover {
  background: var(--orange);
  color: #fff;
}

/* EV THEME CSS */
/* ------------------------------------------------------------- About Us ----------------------------------- */
.button-box {
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 2;
  width: fit-content;
}

.button-box .btn-icon {
  background-color: #20af24;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 10px;
  transform: translateX(-12px);
  color: white;
  border: 2px solid #ffffff;
}

.button-box:hover .btn-icon {
  left: unset;
  right: 0;
  transform: translateX(12px);
}

#about-sec .about-first-img {
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
}

#about-sec .about-first-img,
#about-sec .about-second-img {
  max-width: 450px;
  max-height: 450px;
}

#about-sec .about-second-img {
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  border: 3px solid #ffffff;
}

#about-sec .about-main-text {
  color: #20af24;
  position: absolute;
  top: 0;
  right: 0;
  font-family: var(--sec-font);
  font-weight: 300;
  font-size: 36px;
  line-height: 60px;
}

#about-sec .about-small-heading {
  /* padding-bottom: 1rem; */
  color: #20af24;
  text-decoration: underline;
}

#about-sec .about-first-img-wrapper {
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: -1; */
}

#about-sec .about-second-img-wrapper {
  transform: translate(2%, -36%);
}

#about-sec .about-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  margin-top: 1rem;
  font-family: var(--sec-font);
  justify-content: space-between;
}

#about-sec .about-list-item .about-list-img {
  flex-shrink: 0;
  margin-top: 9px;
}

#about-sec .about-list-item .about-list-img img {
  max-width: 60px;
  max-height: 60px;
  transition: transform 0.6s ease-in-out !important;
}

#about-sec .about-list-item .about-list-img img:hover {
  transform: rotate(360deg) !important;
}

#about-sec .about-list .about-list-item {
  flex-basis: 48%;
  padding: 1rem 0;
  display: flex;
  gap: 14px;
}

#about-sec .about-sub-text {
  font-size: 16px;
  line-height: 40px;
  font-weight: 300;
}

#about-sec .about-list-texts h5 {
  color: #20af24;
  font-family: var(--sec-font);
}

#about-sec .about-list-texts p {
  margin-top: 14px;
  /* padding-right: 9px; */
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  color: #000000;
}

#about-sec .about-right-end-content {
  display: flex;
  margin-top: 2.5rem;
  justify-content: center;
  flex-direction: column;
  padding-inline: 0;
}

/* Base state for both images */
/* Keep your existing translate on the second wrapper */
#about-sec .about-second-img-wrapper {
  transform: translate(2%, -36%);
}

/* Ensure wrappers can clip shadows/edges neatly */
#about-sec .about-first-img-wrapper,
#about-sec .about-second-img-wrapper {
  position: relative;
  overflow: hidden;
}

/* Base image state */
/* Ensure wrapper doesn't interfere */
/* Wrappers: make sure hover works consistently */
#about-sec .about-first-img-wrapper,
#about-sec .about-second-img-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Base state */
#about-sec .about-first-img,
#about-sec .about-second-img {
  display: block;
  filter: brightness(1) contrast(1) saturate(1);
  transition: filter 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: filter, box-shadow;
}

/* Hover: smooth cinematic glow */
#about-sec .about-first-img-wrapper:hover .about-first-img,
#about-sec .about-second-img-wrapper:hover .about-second-img {
  filter: brightness(1.2) contrast(1.1) saturate(1.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

/* Add this inside the wrappers */
#about-sec .about-first-img-wrapper::after,
#about-sec .about-second-img-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.4) 0%,
    transparent 80%
  );
  transform: skewX(-20deg);
  opacity: 0;
  transition: opacity 0.3s ease, left 0.6s ease;
}

#about-sec .about-first-img-wrapper:hover::after,
#about-sec .about-second-img-wrapper:hover::after {
  opacity: 1;
  left: 125%;
}

/* --------------------------------------------------ABOUT END ---------------------------------------------*/

/* ---------------------------------------------ACHIEVEMENT-------------------------------------------- */

#services-sec {
  /* width: 90%; */
  margin: auto;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#services-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1c1d1c;
  opacity: 0.9;
  border-radius: 20px;
}

#services-sec .achieve-list {
  display: flex;
  justify-content: space-between;
}

#services-sec .achieve-list .achieve-list-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

#services-sec .achieve-list .achieve-list-item .achieve-list-img img {
  max-width: 70px;
  max-height: 70px;
  cursor: pointer;
  margin-inline: auto;
}

#services-sec .achieve-list .achieve-list-item .achieve-list-img img:hover {
  transform: translateY(10px);
}

#services-sec .achieve-list-texts .list-text {
  font-size: 50px;
  color: #daf2e5;
  font-weight: 500;
}

#services-sec .achieve-list-texts .list-para {
  font-size: 22px;
  color: #ffffff;
  font-weight: 300;
  margin-top: 3rem;
  width: 61%;
  margin-inline: auto;
}

#services-sec .heading-box h4 {
  color: #20af24;
  text-decoration: underline;
}

#services-sec .heading-box h3 {
  color: #ffffff;
  padding-block: 1rem;
  font-size: 32px;
}

#services-sec .achieve-container {
  position: relative;
  z-index: 1;
}

/* ------------------------------------- how it works---------------------------------- */

#partners .heading-box {
  padding-bottom: 7rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.horizontal-line {
  width: 100%;
  border: 4px solid #1c1d1c;
  border-radius: 10px;
  position: relative;
}

.horizontal-line::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 60px;
  border: 4px solid #1c1d1c;
  background-color: #1c1d1c;
  transform: translate(0px, -63px);
  border-radius: 10px;
}

#partners .how-list {
  justify-content: space-between;
  display: flex;
  margin-top: 6rem;
}

#partners .how-list .how-list-item {
  box-shadow: 0 4px 8px #00000040, /* drop shadow */ inset 0 4px 8px #00000040;
  padding: 2rem;
  min-height: 250px;
  width: 25%;
  gap: 2rem;
  border-radius: 20px;
}

#partners .how-list .how-list-item:hover {
  background-color: #aee3c7;
}

#partners .how-list .how-list-item:hover h4.list-text {
  color: #ffffff;
}

#partners .how-list .how-list-item:hover p.list-para {
  color: #ffffff;
}

#partners .how-list .how-list-item:hover .how-list-img {
  background-color: #ffffff;
}

#partners .how-list .how-list-item:hover .how-svg path {
  fill: #20af24;
}

#partners .how-list .how-list-item::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 60px;
  border: 4px solid #1c1d1c;
  background-color: #1c1d1c;
  transform: translate(5px, -203px);
  border-radius: 10px;
}

#partners .how-list .how-list-item h4.list-text {
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  color: #1c1d1c;
}

#partners .how-list .how-list-item p.list-para {
  font-size: 16px;
  margin-top: 1.5rem;
}

#partners .how-list-img {
  background-color: #1c1d1c;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#partners .how-list-img svg {
  width: 100%;
  height: 100%;
}

#partners .how-list-img .how-svg {
  max-width: 60px;
  max-height: 60px;
}

#partners .how-list .how-svg path {
  fill: #ffffff;
}

#partners .how-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* -------------------------------------Support Vehicles--------------------------------------------- */

/* Container: stack in column or row as per your layout */
#counter-sec .support-pills-content {
  display: flex;
  flex-direction: column; /* already in your code */
  gap: 1.5rem; /* spacing between pills */
}

/* Make all pills equal size */
#counter-sec .support-pills-content .nav-item {
  flex: 1 1 auto; /* allow equal growth */
}

/* Force buttons to take full available width */
#counter-sec .support-pill-btn {
  width: 100%;
  text-align: left; /* so icon and text stay aligned */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 50px; /* equal height */
  border-radius: 50px;
  padding: 4px 0 4px 7px;
  font-size: 22px !important;
  white-space: nowrap;
  font-family: var(--sec-font);
}

/* Active state */
#counter-sec .support-pill-btn.active {
  color: #fff !important;
  background-color: #20af24 !important;
}

#counter-sec .support-pill-btn.active svg path {
  fill: #1c1d1c !important;
}

#counter-sec .support-pill-btn svg path {
  fill: #20af24 !important;
}

#counter-sec .support-pill-btn {
  color: #20af24;
  background-color: #daf2e5;
}

#counter-sec .support-pill-btn.active .support-svg {
  width: 55px !important;
  height: 55px !important;
  padding: 6px !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #daf2e5 !important;
}

#counter-sec .support-pill-btn .support-svg {
  width: 55px !important;
  height: 55px !important;
  padding: 6px !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff !important;
  margin-right: 1rem !important;
}

#counter-sec .support-svg svg {
  width: 40px;
  height: 40px;
}

#counter-sec .tab-content .tab-pane img {
  border-radius: 20px;
}

/* --------------------------------------------why choose us----------------------------- */

#why-choose::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1c1d1ce5;
  opacity: 0.9;
  border-radius: 20px;
}

#why-choose {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}

#why-choose .container {
  z-index: 1;
}

#why-choose .heading-box h3 {
  font-size: 36px;
  margin-top: 1rem;
}

#why-choose .heading-box h2 {
  font-size: 64px;
  margin-block: 2rem;
  font-family: var(--sec-font);
  font-weight: 400;
  color: #daf2e5;
}

#why-choose .heading-box p {
  font-size: 16px;
  font-weight: 300;
}

#why-choose .why-item {
  position: relative;
  margin-bottom: 3rem;
}

#why-choose .why-small-heading {
  color: #20af24;
  text-decoration: underline;
}

#why-choose .heading-box h3,
#why-choose .heading-box p {
  color: white;
}

#why-choose .why-icon {
  background-color: #20af24;
  border-radius: 10px;
}

#why-choose .why-link {
  font-size: 35px;
  background-color: #20af24;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 4px solid #1c1d1c;
  position: absolute;
  bottom: 0;

  transform: translateY(34px);
}

#why-choose .why-link i {
  color: white;
}

#why-choose .why-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  max-height: 428px;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 4rem;
  padding-inline: 1rem;
}

.why-icon {
  width: 86px; /* Adjust size */
  height: 86px;
  background: #20AF24; /* optional background */
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg); /* tilt square to diamond */
  border-radius: 10px;
}

.why-icon img {
  transform: rotate(-45deg); /* counter rotation so image stays upright */
  max-width: 60px;
  max-height: 60px;
}

.why-icon svg {
  transform: rotate(-45deg); /* counter rotation so image stays upright */
  max-width: 60px;
  max-height: 60px;
}

#why-choose .why-item .why-box {
  background-color: #ffffff;
}

#why-choose .why-item .why-box:hover {
  background-color: #aee3c7;
}

#why-choose .why-item .why-box:hover .why-icon {
  background-color: #ffffff;
}

#why-choose .why-item .why-box .why-icon img {
  max-width: 60px;
  max-height: 60px;
  transform: rotate(-45deg);
}

#why-choose .why-item .why-box:hover .why-icon svg path {
  fill: #20af24;
}

#why-choose .why-item .why-box:hover .why-link {
  background-color: #ffffff;
}

#why-choose .why-item .why-box:hover .why-link i {
  color: #20af24;
}

#why-choose .why-box .why-title {
  font-weight: 600;
  font-size: 22px;
  margin-block: 1.3rem;
  line-height: 1.2;
}

#why-choose .why-box .why-desc {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
}

#why-choose .why-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/* ------------------------------ ev education --------------------------------------- */

#ev-education-sec .education-video-img {
  position: relative;
}

#ev-education-sec .modal-body .cross-btn {
  z-index: 4;
  background-color: #ffffff;
}

#ev-education-sec .modal-body {
  padding: 2rem !important;

  background-color: #ffffff;
}

#ev-education-sec .modal-dialog {
}

#ev-education-sec .education-video-img img {
  border-radius: 20px;
}

#ev-education-sec .education-video-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aee3c7; /* #AEE3C7BF in RGBA */
  pointer-events: none; /* allows clicks to pass through */
  border-radius: 20px;
  opacity: 75%;
}

#ev-education-sec .education-left-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

#ev-education-sec .education-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 82%;
}

#ev-education-sec .education-video-icon .education-svg {
  text-align: center;
  margin-bottom: 1rem;
}

#ev-education-sec .education-video-icon .education-svg svg{
  max-width: 80px;
  max-height: 80px;
}

#ev-education-sec .education-video-icon p {
  text-align: center;
  font-weight: 300;
  line-height: 25px;
  font-size: 20px;
}

#ev-education-sec .education-left-title {
  font-weight: 400;
  font-size: 36px;
  color: #20af24;
}

#ev-education-sec .education-left-desc {
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
  padding-block: 10px;
}

#ev-education-sec .education-left-list p {
  font-weight: 400;
  font-size: 20px;
  color: #1c1d1c;
}

#ev-education-sec .education-left-list ul li {
  font-weight: 300;
  font-size: 18px;
  color: #1c1d1c;
  font-family: var(--sec-font);
}

#ev-education-sec .education-left-list ul {
  margin-top: 10px;
  margin-bottom: 0;
}

#ev-education-sec .education-btn {
  padding-left: 0;
}

#ev-education-sec .education-right-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

#ev-education-sec .education-video-icon:hover .education-svg svg path {
  fill: #20af24;
}

/* ---------------------------------- Sustainability ---------------------------------------------- */
#sustainability-sec {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
#sustainability-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1c1d1c;
  opacity: 90%;
  border-radius: 20px;
}

#sustainability-sec .sustainability-thumb img {
  width: 40px;
  height: 40px;
}

#sustainability-sec .container {
  position: relative;
  z-index: 1;
}

#sustainability-sec .sustainability-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 400px;
  height: 100%;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 6rem;
}

#sustainability-sec .sustainability-svg {
  width: fit-content;
  margin-inline: auto;
  padding: 11px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #20af24;
}

#sustainability-sec .sustainability-svg svg {
  width: 40px;
  height: 40px;
}

#sustainability-sec .sustainability-item img {
  width: 40px;
  height: 40px;
  margin-inline: auto;
}

#sustainability-sec .sustain-small-heading {
  color: #20af24;
  text-decoration: underline;
}

#sustainability-sec .sustain-main-heading {
  color: #ffffff;
}

#sustainability-sec .sustainability-small-title,
.sustainability-title,
.sustainability-content p {
  color: #ffffff;
  font-family: var(--sec-font);
}

#sustainability-sec .sustain-link {
  font-size: 32px;
  background-color: #ffffff;
  color: #20af24;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #20af24;
  margin-inline: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

#sustainability-sec .sustainability-small-title {
  font-size: 22px;
}

#sustainability-sec .sustainability-title {
  font-size: 27px;
  padding-block: 1rem;
}

#sustainability-sec .sustainability-content p {
  font-size: 16px;
  font-weight: 300;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#sustainability-sec .sustainability-item:hover .sustainability-svg {
  background-color: #20af24;
  border: 2px solid #ffffff;
}

#sustainability-sec .sustainability-item:hover .sustainability-svg svg path {
  fill: #ffffff;
}

#sustainability-sec .sustainability-item:hover .sustain-link {
  background-color: #20af24;
  color: #ffffff;
  border-color: #ffffff;
}

#sustainability-sec .owl-carousel .owl-stage-outer {
  padding-inline: 0;
}

/* ------------------------- TESTIMONIAL -------------------------------------------- */

#testimonial .our-testimonial-box,
#testimonial .owl-carousel,
#testimonial .row {
  overflow: visible !important;
}

#testimonial .testimonial-main-image img {
  width: fit-content;
  border-radius: 50%;
  margin-inline: auto;
  max-width: 132px;
  max-height: 132px;
}

#testimonial .testimonial-main-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 1px 1px 4px 0 #00000040,
    /* drop shadow */ inset 1px 1px 4px 0 #00000040;
  padding-block: 2.2rem;
  padding-inline: 10px;
  border-radius: 194px;
  margin-block: 49px;
  margin-inline: 30px;
  transform-origin: center;
}

#testimonial .testimonial-main-box:hover::before {
  opacity: 1;
}

#testimonial .testimonial-main-box:hover {
  transform: scale(1.15);
  outline: 5px solid #20af24;
  outline-offset: 9px;
}

#testimonial .testimonial-client-title {
  position: relative;
  display: inline-block; /* so the line sizes nicely with the text */
}

#testimonial .testimonial-client-title h5 {
  color: #20af24;
  font-family: var(--sec-font);
}

#testimonial .testimonial-desc-content-box p {
  font-weight: 300;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

#testimonial .testimonial-client-title::before {
  content: "";
  position: absolute;
  left: 0; /* line starts at the very left */
  top: 50%; /* vertically center with the text */
  transform: translate(-114%, -50%);
  width: 23px; /* length of the line */
  height: 2px; /* thickness of the line */
  background-color: #20af24;
}

#testimonial .testimonial-main-box .testi-rating-box span i {
  color: #fdc72e;
}

#testimonial .owl-dots {
  text-align: center;
}

#testimonial .owl-carousel button.owl-dot {
  background-color: #aee3c7;
  width: 20px;
  height: 20px;
}

#testimonial .owl-carousel button.owl-dot.active {
  background-color: #20af24; /* active/selected dot color */
}

/* Brand section */

#brand-sec .owl-item .item {
  background-color: white;
  box-shadow: 1px 1px 4px 0 #00000040, inset 1px 1px 4px 0 #00000040; /* outer + inner shadow */
  border-radius: 20px;
  margin-block: 1px;
  max-width: 268px;
  max-height: 268px;
  border: 2px solid transparent; /* invisible border initially */
  transition: all 0.3s ease; /* smooth effect */
}

#brand-sec .owl-item .item:hover {
  border-color: #20af24; /* green border */
}

#brand-sec .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* allows clicks through empty space */
}

#brand-sec .owl-nav button {
  background: #1c1d1c !important;
  border: none;
  font-size: 24px;
  pointer-events: auto; /* re-enable clicks on buttons */
  border-radius: 50% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

#brand-sec .owl-dots {
  text-align: center;
  margin-top: 2rem;
}

#brand-sec .owl-carousel button.owl-dot {
  background-color: #aee3c7;
  width: 20px;
  height: 20px;
}

#brand-sec .owl-carousel button.owl-dot.active {
  background-color: #20af24; /* active/selected dot color */
}

/* Push arrows outside */
#brand-sec .owl-nav .owl-prev {
  position: relative;
  left: -40px; /* adjust how far outside */
}

#brand-sec .owl-nav .owl-prev:hover {
  background: #20af24 !important;
}

#brand-sec .owl-nav .owl-next {
  position: relative;
  right: -40px; /* adjust how far outside */
}

#brand-sec .owl-nav .owl-next:hover {
  background: #20af24 !important;
}

/* Optional hover effect */
#brand-sec .owl-nav button:hover {
  color: #0073e6; /* change color on hover */
  transform: scale(1.2);
}

#brand-sec .button-box {
  margin-inline: auto;
  margin-top: 2rem;
}

/* Pricing plan */

/* ------------- pricing plan ------------------ */
#pricing_plans {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}

#pricing_plans h4 {
  color: #20af24;
}

#pricing_plans h3 {
  color: #ffffff;
}

#pricing_plans::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1c1d1c;
  opacity: 80%;
  border-radius: 20px;
}

#pricing_plans .heading-box {
  z-index: 1;
}

#pricing_plans h6 {
  margin: 0 auto;
}
.pricing-plans-box {
  border-radius: 25px;
  padding-block: 35px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  background-color: #ffffff;
}
#pricing_plans h5 {
  font-weight: 600;
  font-size: 36px;
  color: #1c1d1c;
  line-height: unset;
}
.pricing-package p {
  font: normal normal normal 13px / 25px var(--pri-font);
}
.contents-plan p {
  position: relative;
  padding-left: 20px;
}
.price-plan {
  display: flex;
  align-items: center;
  background-color: #1c1d1c;
  border-radius: 50px;
  padding: 17px 32px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1; /* makes the pill cut through the line */
}

/* Horizontal line across the whole card */
.pricing-plans-box::before {
  content: "";
  position: absolute;
  top: 100px;
  transform: translateY(45px);
  left: 0;
  right: 0;
  height: 10px;
  background-color: #1c1d1c;
  z-index: 0;
}

#pricing_plans .plan-features-item {
  font-size: 20px;
  font-family: var(--pri-font);
}

#pricing_plans .plan-features li img {
  width: 24px;
  height: 22px;
}

#pricing_plans .plan-features li {
  gap: 10px;
}

#pricing_plans .plan-extra-text {
  font-size: 18px;
  font-family: var(--sec-font);
  padding-right: 5px;
}

#pricing_plans .price {
  font: normal normal 700 45px/45px var(--pri-font);
  color: var(--color-orange);
}

#pricing_plans .monthly {
  font-size: 30px;
}

.dollar {
  color: #000;
  font-size: 45px;
  font-weight: 700;
}
#pricing_plans .pricing-plans-outer-box {
  margin: 5px;
}
.pricing-plans:hover .plan-btn {
  background: var(--orange);
}
.pricing-plan-icon {
  width: 60px;
  height: 60px;
  margin: auto;
}
.pricing-plan-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.blog-image-box:hover .blog-date-admin-box {
  transition: all 0.4s linear;
  transform: rotate(360deg);
}
.pricing-plan-tag {
  position: absolute;
  left: 15px;
  background: var(--orange);
  padding: 0px 20px;
  color: #fff;
  border-radius: 4px;
  top: 12px;
  font: 400 15px / 26px var(--pri-font);
}

.price-plan .dollar,
#pricing_plans .price-plan .price,
.price-plan .monthly {
  color: #ffffff;
}

#pricing_plans .btn,
#pricing_plans .button-box .btn-icon {
  background-color: #1c1d1c;
}

#pricing_plans .pricing-plans-box:hover {
  background-color: #daf2e5;
}

#pricing_plans .pricing-plans-box:hover:before,
#pricing_plans .pricing-plans-box:hover .price-plan {
  background-color: #20af24;
}

#pricing_plans .pricing-plans-box:hover .btn,
#pricing_plans .pricing-plans-box:hover .button-box .btn-icon {
  background-color: #20af24;
}

#pricing_plans .pricing-plans-box:hover .plan-tick-svg svg path {
  fill: #20af24;
}

/* FAQ */

#faq-sec {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
#faq-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1c1d1c;
  opacity: 90%;
  border-radius: 20px;
}

#faq-sec .container {
  position: relative;
  z-index: 1;
}

#faq-sec .faq-main-heading {
  color: #ffffff;
}

#faq-sec .custom-faq-box {
  background-color: #ffffff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  border-radius: 20px;
  position: relative;
  padding-bottom: 2rem;
}

#faq-sec .custom-faq-box.open {
  background-color: #daf2e5;
}

#faq-sec .custom-faq-box .faq-title {
  font-size: 26px;
  color: #1c1d1c;
  text-decoration: none;
  font-family: var(--sec-font);
  font-weight: 400;
}

#faq-sec .custom-faq-box .faq-title:hover {
  color: #20af24;
}

#faq-sec .custom-faq-box .faq-content p {
  font-size: 20px;
  line-height: 35px;
  font-weight: 300;
}

/* Limit to 3–4 lines initially */
.faq-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;

  /* approx 3–4 lines */
}

/* Expanded state */
.faq-content.expanded {
  -webkit-line-clamp: unset;
  max-height: 100%;
}

/* Toggle button */
.faq-toggle {
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  background-color: #20af24;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(22px);
  border: 2px solid #1c1d1c;
}

.faq-toggle.active {
  background-color: #daf2e5;
}

.faq-toggle.active i {
  color: #1c1d1c;
}
.faq-toggle i {
  font-size: 30px;
  transition: transform 0.3s ease;
  color: #ffffff;
}

/* Rotate arrow when expanded */
.faq-toggle.active i {
  transform: rotate(180deg);
}

#faq-sec .owl-item .item {
  height: 595px;
}

#faq-sec .owl-dots {
  text-align: center;
}

#faq-sec .owl-carousel button.owl-dot {
  background-color: #aee3c7;
  width: 20px;
  height: 20px;
  margin-left: 3px;
}

#faq-sec .owl-carousel button.owl-dot.active {
  background-color: #20af24; /* active/selected dot color */
}

/* Blog section */

.blog-img-box .post-img img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.blog-contents-box .btn {
  background-color: #1c1d1c;
}

.blog-contents-box .button-box .btn-icon {
  background-color: #1c1d1c;
}

.blog-image-box:hover .blog-contents-box .btn {
  background-color: #20af24;
}

.blog-image-box:hover .blog-contents-box .button-box .btn-icon {
  background-color: #20af24;
}

#blog .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* allows clicks through empty space */
}

#blog .owl-nav button {
  background: #1c1d1c !important;
  border: none;
  font-size: 24px;
  pointer-events: auto; /* re-enable clicks on buttons */
  border-radius: 50% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Push arrows outside */
#blog .owl-nav .owl-prev {
  position: relative;
  left: -40px; /* adjust how far outside */
}

#blog .owl-nav .owl-prev:hover {
  background: #20af24 !important;
}

#blog .owl-nav .owl-next {
  position: relative;
  right: -40px; /* adjust how far outside */
}

#blog .owl-nav .owl-next:hover {
  background: #20af24 !important;
}

#blog .owl-dots {
  text-align: center;
  margin-top: 2rem;
}

#blog .owl-carousel button.owl-dot {
  background-color: #aee3c7;
  width: 20px;
  height: 20px;
}

#blog .owl-carousel button.owl-dot.active {
  background-color: #20af24; /* active/selected dot color */
}

.blog-contents-box h5 a {
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; */
  font-family: var(--pri-font);
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
}

.blog-contents-box .blog-desc {
  font-weight: 300;
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;  */
}

.post-img {
  overflow: hidden; /* prevents image from overflowing when zoomed */
}

.post-img img {
  transition: transform 0.5s ease;
}

.post-img img:hover {
  transform: scale(1.1); /* zoom-in */
}

/* Find a charging station */
#find-sec {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
#find-sec::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #1c1d1c;
  opacity: 90%;
  border-radius: 20px;
}

#find-sec .container {
  position: relative;
  z-index: 1;
}

#find-sec .find-main-heading {
  color: white;
}

.wpcf7 input[type="email"],
.wpcf7-form-control-wrap select,
input[type="text"] {
  border: none;
  border-bottom: 1px solid #1c1d1c;
  background: transparent;
  width: 100%;
  font-family: var(--sec-font);
  font-weight: 300;
}

.find-station-wrapper {
  background-color: #daf2e5;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-radius: 15px;
}

/* Base button style */
.find-button-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: fit-content;
}

.find-button-box input[type="submit"] {
  padding: 18px 37px;
  border: none;
  background: #20af24;
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.find-button-box .btn-icon {
  background-color: #20af24;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 50%;
  transform: translate(-12px, -50%);
  color: white;
  border: 2px solid #aee3c7;
  transition: all 0.3s ease;
}

.find-button-box:hover .btn-icon {
  left: unset;
  right: 0;
  transform: translate(12px, -50%);
}

.find-address-wrapper input[type="text"] {
  background: #ffffff !important;
  border-radius: 5px;
  font-weight: 300;
  font-family: var(--sec-font);
}

.find-address-wrapper {
  margin-top: 2rem !important;
  /* margin-bottom: 3rem; */
}

.find-search-btn-box {
  margin-top: 3rem;
}

.find-address-wrapper input {
  border: none !important;
}

.find-second-btn-wrapper {
  position: absolute;
  bottom: 39%;
  right: 10%;
}

.find-button-box.find-second-btn a {
  background-color: #ffffff;
  color: #20af24;
  border: 2px solid #20af24;
  padding-top: 0;
  padding: 18px 37px;
}

.find-button-box.find-second-btn .btn-icon {
  border: 2px solid #20af24;
  background-color: #ffffff;
  color: #20af24;
}

.find-second-btn .section-btn.btn br {
  display: none;
}

.find-button-box.find-first-btn input[type="submit"],
.find-button-box.find-first-btn .btn-icon,
#find-sec .find-button-box .search-btn.btn,
#find-sec .find-button-box .search-icon {
  border: 2px solid #ffffff;
}

.find-charging-page {
  margin-top: 2rem;
}

/* Newsletter */

.newsletter-inner-box {
  background-color: #1c1d1c;
}

.newsletter-inner-box p,
.newsletter-inner-box h5 {
  color: #ffffff;
  text-align: center;
}

.newsletter-inner-box h5 {
  font-family: var(--pri-font);
  font-weight: 500;
  font-size: 24px;
}

#newsletter .wpcf7 input[type="email"] {
  border: none;
  border-radius: 20px;
  background-color: #fff !important;
  color: #000 !important;

  margin: 10px auto !important;
}
.clipped-image-left {
  clip-path: polygon(
    100% 98.878%,
    100% 98.878%,
    99.995% 99.06%,
    99.979% 99.233%,
    99.953% 99.394%,
    99.919% 99.541%,
    99.877% 99.671%,
    99.829% 99.783%,
    99.774% 99.875%,
    99.714% 99.943%,
    99.649% 99.985%,
    99.581% 100%,
    3.731% 100%,
    3.731% 100%,
    3.126% 99.869%,
    2.552% 99.49%,
    2.017% 98.884%,
    1.528% 98.071%,
    1.093% 97.071%,
    0.72% 95.906%,
    0.416% 94.596%,
    0.19% 93.161%,
    0.049% 91.622%,
    0% 90%,
    0% 10%,
    0% 10%,
    0.049% 8.378%,
    0.19% 6.839%,
    0.416% 5.404%,
    0.72% 4.094%,
    1.093% 2.929%,
    1.528% 1.929%,
    2.017% 1.116%,
    2.552% 0.51%,
    3.126% 0.131%,
    3.731% 0%,
    99.582% 0%,
    99.582% 0%,
    99.65% 0.015%,
    99.714% 0.057%,
    99.774% 0.125%,
    99.829% 0.216%,
    99.878% 0.328%,
    99.919% 0.458%,
    99.953% 0.605%,
    99.979% 0.766%,
    99.995% 0.938%,
    100% 1.12%,
    100% 1.12%,
    100% 1.12%,
    99.999% 1.193%,
    99.996% 1.267%,
    99.992% 1.339%,
    99.986% 1.41%,
    99.978% 1.48%,
    99.968% 1.548%,
    99.957% 1.615%,
    99.944% 1.679%,
    99.93% 1.742%,
    99.914% 1.802%,
    95.724% 16.426%,
    95.724% 16.426%,
    94.201% 22.543%,
    93.015% 29.03%,
    92.166% 35.793%,
    91.654% 42.742%,
    91.479% 49.785%,
    91.641% 56.831%,
    92.14% 63.787%,
    92.976% 70.561%,
    94.15% 77.063%,
    95.662% 83.201%,
    99.915% 98.199%,
    99.915% 98.199%,
    99.931% 98.259%,
    99.945% 98.321%,
    99.958% 98.386%,
    99.969% 98.452%,
    99.978% 98.52%,
    99.986% 98.589%,
    99.992% 98.66%,
    99.996% 98.732%,
    99.999% 98.805%,
    100% 98.878%,
    100% 98.878%
  );
  height: 100%;
}

.clipped-image-right {
  clip-path: polygon(
    0% 1.122%,
    0% 1.122%,
    0.005% 0.94%,
    0.021% 0.767%,
    0.047% 0.606%,
    0.081% 0.459%,
    0.123% 0.329%,
    0.171% 0.216%,
    0.226% 0.125%,
    0.286% 0.057%,
    0.351% 0.015%,
    0.419% 0%,
    96.269% 0%,
    96.269% 0%,
    96.874% 0.131%,
    97.448% 0.51%,
    97.983% 1.116%,
    98.472% 1.929%,
    98.907% 2.929%,
    99.28% 4.094%,
    99.584% 5.404%,
    99.81% 6.839%,
    99.951% 8.378%,
    100% 10%,
    100% 90%,
    100% 90%,
    99.951% 91.622%,
    99.81% 93.161%,
    99.584% 94.596%,
    99.28% 95.906%,
    98.907% 97.071%,
    98.472% 98.071%,
    97.983% 98.884%,
    97.448% 99.49%,
    96.874% 99.869%,
    96.269% 100%,
    0.418% 100%,
    0.418% 100%,
    0.35% 99.985%,
    0.286% 99.943%,
    0.226% 99.875%,
    0.171% 99.784%,
    0.122% 99.672%,
    0.081% 99.542%,
    0.047% 99.395%,
    0.021% 99.234%,
    0.005% 99.062%,
    0% 98.881%,
    0% 98.881%,
    0% 98.881%,
    0.001% 98.807%,
    0.004% 98.733%,
    0.008% 98.661%,
    0.014% 98.59%,
    0.022% 98.52%,
    0.032% 98.452%,
    0.043% 98.385%,
    0.056% 98.321%,
    0.07% 98.258%,
    0.086% 98.199%,
    4.276% 83.574%,
    4.276% 83.574%,
    5.799% 77.457%,
    6.985% 70.971%,
    7.834% 64.207%,
    8.346% 57.258%,
    8.521% 50.215%,
    8.359% 43.169%,
    7.86% 36.214%,
    7.024% 29.439%,
    5.85% 22.937%,
    4.338% 16.799%,
    0.085% 1.801%,
    0.085% 1.801%,
    0.069% 1.741%,
    0.055% 1.679%,
    0.042% 1.615%,
    0.031% 1.548%,
    0.022% 1.48%,
    0.014% 1.411%,
    0.008% 1.34%,
    0.004% 1.268%,
    0.001% 1.195%,
    0% 1.122%,
    0% 1.122%
  );
  height: 100%;
}

.image-left-overlay-box {
  position: relative;
  display: inline-block;
  height: 100%;
}

.image-left-overlay-box img {
  display: block;
  width: 100%;
  height: 100%;
}

.image-left-overlay-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c1d1c;
  opacity: 0.5; /* 50% opacity */
  pointer-events: none; /* overlay won’t block clicks */
  clip-path: polygon(
    100% 98.878%,
    100% 98.878%,
    99.995% 99.06%,
    99.979% 99.233%,
    99.953% 99.394%,
    99.919% 99.541%,
    99.877% 99.671%,
    99.829% 99.783%,
    99.774% 99.875%,
    99.714% 99.943%,
    99.649% 99.985%,
    99.581% 100%,
    3.731% 100%,
    3.731% 100%,
    3.126% 99.869%,
    2.552% 99.49%,
    2.017% 98.884%,
    1.528% 98.071%,
    1.093% 97.071%,
    0.72% 95.906%,
    0.416% 94.596%,
    0.19% 93.161%,
    0.049% 91.622%,
    0% 90%,
    0% 10%,
    0% 10%,
    0.049% 8.378%,
    0.19% 6.839%,
    0.416% 5.404%,
    0.72% 4.094%,
    1.093% 2.929%,
    1.528% 1.929%,
    2.017% 1.116%,
    2.552% 0.51%,
    3.126% 0.131%,
    3.731% 0%,
    99.582% 0%,
    99.582% 0%,
    99.65% 0.015%,
    99.714% 0.057%,
    99.774% 0.125%,
    99.829% 0.216%,
    99.878% 0.328%,
    99.919% 0.458%,
    99.953% 0.605%,
    99.979% 0.766%,
    99.995% 0.938%,
    100% 1.12%,
    100% 1.12%,
    100% 1.12%,
    99.999% 1.193%,
    99.996% 1.267%,
    99.992% 1.339%,
    99.986% 1.41%,
    99.978% 1.48%,
    99.968% 1.548%,
    99.957% 1.615%,
    99.944% 1.679%,
    99.93% 1.742%,
    99.914% 1.802%,
    95.724% 16.426%,
    95.724% 16.426%,
    94.201% 22.543%,
    93.015% 29.03%,
    92.166% 35.793%,
    91.654% 42.742%,
    91.479% 49.785%,
    91.641% 56.831%,
    92.14% 63.787%,
    92.976% 70.561%,
    94.15% 77.063%,
    95.662% 83.201%,
    99.915% 98.199%,
    99.915% 98.199%,
    99.931% 98.259%,
    99.945% 98.321%,
    99.958% 98.386%,
    99.969% 98.452%,
    99.978% 98.52%,
    99.986% 98.589%,
    99.992% 98.66%,
    99.996% 98.732%,
    99.999% 98.805%,
    100% 98.878%,
    100% 98.878%
  );
}

/*  */

.image-right-overlay-box {
  position: relative;
  display: inline-block;
  height: 100%;
}

.image-right-overlay-box img {
  display: block;
  width: 100%;
  height: 100%;
}

.image-right-overlay-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c1d1c;
  opacity: 0.5; /* 50% opacity */
  pointer-events: none; /* overlay won’t block clicks */
  clip-path: polygon(
    0% 1.122%,
    0% 1.122%,
    0.005% 0.94%,
    0.021% 0.767%,
    0.047% 0.606%,
    0.081% 0.459%,
    0.123% 0.329%,
    0.171% 0.216%,
    0.226% 0.125%,
    0.286% 0.057%,
    0.351% 0.015%,
    0.419% 0%,
    96.269% 0%,
    96.269% 0%,
    96.874% 0.131%,
    97.448% 0.51%,
    97.983% 1.116%,
    98.472% 1.929%,
    98.907% 2.929%,
    99.28% 4.094%,
    99.584% 5.404%,
    99.81% 6.839%,
    99.951% 8.378%,
    100% 10%,
    100% 90%,
    100% 90%,
    99.951% 91.622%,
    99.81% 93.161%,
    99.584% 94.596%,
    99.28% 95.906%,
    98.907% 97.071%,
    98.472% 98.071%,
    97.983% 98.884%,
    97.448% 99.49%,
    96.874% 99.869%,
    96.269% 100%,
    0.418% 100%,
    0.418% 100%,
    0.35% 99.985%,
    0.286% 99.943%,
    0.226% 99.875%,
    0.171% 99.784%,
    0.122% 99.672%,
    0.081% 99.542%,
    0.047% 99.395%,
    0.021% 99.234%,
    0.005% 99.062%,
    0% 98.881%,
    0% 98.881%,
    0% 98.881%,
    0.001% 98.807%,
    0.004% 98.733%,
    0.008% 98.661%,
    0.014% 98.59%,
    0.022% 98.52%,
    0.032% 98.452%,
    0.043% 98.385%,
    0.056% 98.321%,
    0.07% 98.258%,
    0.086% 98.199%,
    4.276% 83.574%,
    4.276% 83.574%,
    5.799% 77.457%,
    6.985% 70.971%,
    7.834% 64.207%,
    8.346% 57.258%,
    8.521% 50.215%,
    8.359% 43.169%,
    7.86% 36.214%,
    7.024% 29.439%,
    5.85% 22.937%,
    4.338% 16.799%,
    0.085% 1.801%,
    0.085% 1.801%,
    0.069% 1.741%,
    0.055% 1.679%,
    0.042% 1.615%,
    0.031% 1.548%,
    0.022% 1.48%,
    0.014% 1.411%,
    0.008% 1.34%,
    0.004% 1.268%,
    0.001% 1.195%,
    0% 1.122%,
    0% 1.122%
  );
}

.newsletter-inner-box {
  box-shadow: -24px 0 1px #1c1d1c,
    /* left shadow (negative X offset) */ 24px 0 1px #1c1d1c; /* right shadow (positive X offset) */
  border-radius: 100px;
  padding-block: 16px;
}

.newsletter-inner-box {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.newsletter-inner-box p {
  font-size: 16px;
  font-weight: 300;
}

#newsletter input[type="submit"] {
  background: #20af24;
  border-radius: 20px;
  color: #fff;
  padding: 8px 16px;
  font: normal normal normal 16px / 20px var(--sec-font);
  width: fit-content;
  border: none;
}
#newsletter input[type="submit"]:hover {
  color: #20af24;
  background: #ffffff;
}

#newsletter form {
  display: flex;
  justify-content: center;
  margin-block: 5px;
  gap: 6px;
}

.newsletter-head-form-box input[type="email"] {
  padding: 6px 8px;
  border-radius: 6px;
  border: none;
  width: 100%;
  padding-left: 16px;
}

#newsletter .newsletter-outer-box img {
  object-fit: cover;
}

/* animations */
.banner-wing {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* animations end */

/* main-button-hover */

.button-box:hover .btn,
.button-box:hover .btn-icon {
  background-color: #1c1d1c;
}

.header-button-box:hover .btn,
.header-button-box:hover .btn-icon {
  background-color: #1c1d1c;
}

.find-button-box:hover .btn,
.find-button-box:hover .btn-icon {
  background-color: #1c1d1c;
}

.find-second-btn:hover .btn,
.find-second-btn:hover .btn-icon {
  background-color: #1c1d1c;
  border-color: white;
  color: white;
}

#Get-Contact .wpcf7 input[type="email"] {
  border-bottom: none;
  background: #ffffff;
}

#Get-Contact .get-contact-head-content-box h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 38px;
}

#Get-Contact .get-contact-head-content-box h5 {
  font-weight: 600;
  font-size: 16px;
  margin-top: 16px;
}

#Get-Contact .contact-touch-form-box input[type="text"] {
  background: white;
}

.pricing-plan-page {
  margin-top: 2rem;
}

/* location search-page */
.search-location-page {
  padding-top: 1rem;
}

.search-add {
}

.search-location-page p {
}

.search-location-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1rem;
}

.search-location-results .location-item {
  border: 1px solid #eee;
  padding: 16px;
  border-radius: 12px;
  background: #daf2e5;
}

.search-location-results .location-item:hover {
  background: #20af24;
}

.search-location-results .location-item h3 a {
  font-size: 30px;
}
.search-location-results .location-item:hover h3 a {
  color: #ffffff;
}

.search-location-results .location-item:hover p {
  color: #ffffff;
}

.search-location-results .location-item .button {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 8px;
  background: #20af24;
  color: #fff;
  text-decoration: none;
}

.search-location-results .location-item:hover .button {
  background: #1c1d1c;
}

.leaflet-control-attribution.leaflet-control {
  display: none !important;
}

.open-user-map .box-wrap .map-wrap .leaflet-map {
  border-radius: 20px;
}

.topbar-phone-content:hover span {
  color: #20af24;
}

.topbar-mail-content:hover span {
  color: #20af24;
}

.topbar-horn-content:hover span {
  color: #20af24;
}

.topbar-social-icon {
}

.topbar-social-icon:hover {
  color: #20af24;
  transition: none;
}

.footer-call-box:hover,
.footer-call-box:hover .call-number,
.footer-call-box:hover .call-address p {
  color: #20af24;
}

.changing-guide-page section {
  margin-top: 2rem;
}

.terms-conditions-heading {
  font-size: 24px;
}

.privacy-heading {
  font-size: 24px;
}

/* main-button-hover-end */

/* media css */
@media screen and (max-width: 1750px) {
  .our-process-box:before {
    left: -110px;
    bottom: 94px;
    border-right: 110px solid var(--orange);
    border-bottom: 117px solid transparent;
  }
  .our-process-box:after {
    right: -104px;
    top: 110px;
    border-left: 105px solid var(--orange);
    border-top: 96px solid transparent;
  }
  section#our-features {
    margin-top: -10%;
  }
  .slider-nav-arrow {
    width: 530px;
  }
  .slider-main-image {
    height: 750px;
  }
  .our-features-head-image-box {
    padding-top: 10px;
  }

  /* #footer_box .container {
    padding-left: 4%;
  } */
}
@media screen and (max-width: 1399px) {
  .newsletter-head-form-box input[type="email"] {
    width: 100%;
  }
  .gallery-page .gallery-outer {
    grid-template-rows: repeat(16, 15px);
  }
  .slider-box-shadow-box-shadow {
    bottom: -40px;
  }
  #partners {
    padding-top: 10%;
  }
  .gallery-page .gallery-outer {
    grid-template-rows: repeat(16, 15px);
  }
  .about-counter-box {
    bottom: 30px;
  }
  .why-choose-us-outer-box {
    padding: 15px 0px;
  }
  /* #footer_box .container {
    padding-left: 7%;
  } */
  h1 {
    font: 700 40px / 50px var(--pri-font);
  }
  .slider-para {
    width: 90%;
  }
  .slider-form-box-outer {
    bottom: -65px;
  }
  .slider-content-main-box {
    top: 20%;
  }
  .slider-inner-bg-image {
    height: 600px;
  }
}
@media screen and (max-width: 1199px) {
  .newsletter-head-form-box input[type="email"] {
    /* width: 74%; */
  }
  .slider-touch-form-box {
    padding: 12px 20px !important;
  }
  .slider-touch-form-box form .submit.btn {
    padding: 6px 20px;
  }
  .slider-form-box {
    gap: 3px 0px !important;
  }
  .slider-form-box-outer .submit p input {
    font-size: 12px;
    line-height: 12px;
  }
  .slider-touch-form-box .wpcf7 form .wpcf7-response-output {
    margin: 0.4em 0.5em 0em;
    font-size: 10px;
  }
  .slider-box-shadow-box-shadow {
    bottom: -10px;
  }
  .service-active-inner-box {
    padding: 15px 0px 15px 20px;
  }
  .spaces-information-outer-box {
    gap: 10px;
  }
  #menu-primary-menu > li {
    /* padding: 16px 12px; */
  }
  section {
    padding: 4% 0px;
  }
  .gallery-page .gallery-outer {
    grid-template-rows: repeat(16, 10px);
  }
  .title-box {
    height: 320px;
  }
  .about-tab-content-main-box .nav-pills .nav-link {
    padding: 10px 19px;
  }
  h3,
  .slider-touch-form-box h3 {
    font: normal 32px / 35px var(--sec-font);
  }
  .testimonial-para-content-box {
    font: normal normal normal 13px / 22px var(--pri-font);
  }
  .testimonial-content-box {
    padding: 30px;
  }
  .services-content-box {
    gap: 5px;
  }
  .service-box-outer {
    padding: 20px 40px;
  }
  .our-counter-box:before {
    bottom: 70px;
    left: -72px;
    border-bottom: 50px solid transparent;
  }
  .our-counter-box:after {
    top: 78px;
    border-top: 43px solid transparent;
    right: -72px;
  }
  .why-choose-image {
    height: 350px;
  }
  .why-choose-us-progress-box {
    height: 350px;
  }
  p.why-choose-us-text {
    font: normal normal normal 13px / 20px var(--pri-font);
  }
  .why-choose-us-icon-img {
    width: 40px;
    height: 40px;
  }

  .call-number {
    font: 700 15px / 30px var(--pri-font);
  }
  /* #footer_box .container {
    padding-left: 2%;
  } */
  #footer {
    -webkit-mask-image: unset !important;
    mask-image: unset !important;
  }
  h1 {
    font: 700 35px / 45px var(--pri-font);
  }
  .slider-content-main-box {
    top: 18%;
  }
  .slider-para {
    width: 90%;
  }
  .slider-inner-bg-image {
    height: 570px;
  }
  .slider-touch-form-box h3 {
    font: 700 22px / 30px var(--pri-font);
  }
  .slider-form-box-outer {
    bottom: -55px;
  }
  #spaces-sec .owl-nav {
    left: 23%;
  }
  /* .main-navigation #menu-primary-menu a {
    padding: 14px 13px;
  } */
  #header_navigation .menu-item-has-children:after {
    right: 15px;
  }
  #singleService .service-image {
    height: 300px;
  }
  .testimonial-content-main-box .quote-img {
    width: 50px;
    height: 50px;
  }
  .testimonial-content-main-box .quote-img svg {
    width: 100%;
    height: 100%;
  }
  .testi-rating {
    margin-left: 5%;
  }
  #faq-sec .custom-faq-box {
    padding: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .gallery-page .gallery-outer {
    grid-template-rows: repeat(16, 10px);
  }
  p {
    font: normal normal normal 13px / 25px var(--sec-font);
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  #spaces-sec .slide-info {
    right: 12px;
  }
}
@media screen and (max-width: 991px) {
  #singleService .about_me {
    margin-right: 0px;
  }
  .spaces-image {
    height: 385px;
  }
  .spaces-bg-clor {
    height: 100%;
  }
  #spaces-sec .spaces-bg-outer-box {
    -webkit-mask-image: unset;
    mask-image: unset;
  }
  #spaces-sec .owl-nav {
    left: 35%;
  }
  .modal-contents {
    width: 70%;
  }
  .title-box h1 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
  }
  .banner-heading {
    padding-top: 5%;
  }
  #faq-page .accordion-body {
    font: 400 13px / 22px var(--pri-font);
    padding: 1rem 1rem;
  }
  #faq-page .accordion-button,
  #faq-page .accordion-button:not(.collapsed) {
    border-radius: 4px;
    padding: 11px 15px;
    font: 500 14px / 22px var(--pri-font);
  }
  #faq-page .faq-image img {
    object-position: top;
  }
  .footer-content .footer1 {
    /* text-align: center; */
  }
  .footer-content {
    justify-content: center;
    /* text-align: center; */
  }
  #footer_box .social_widget aside .widget-title {
    width: 35%;
  }
  #footer_box .footer4 aside {
    /* padding-top: 5%; */
  }
  .single-post-content li {
    font: 400 13px / 24px var(--pri-font);
  }
  .single-post-content {
    font: 400 14px / 22px var(--pri-font);
  }
  #services-sec h3 {
    padding: 0px 0px;
  }
  .about-main-img-one {
    height: 350px;
  }
  .about-counter-box {
    bottom: 30px;
  }
  .about-main-heading,
  h3,
  .slider-touch-form-box h3 {
    font: 400 20px / 25px var(--sec-font);
  }
  .slider-box-shadow-box-shadow {
    bottom: -30px;
  }
  #partners {
    padding-top: 13%;
  }
  .about-paragraph {
    width: 95%;
    font: normal normal normal 13px / 21px var(--pri-font);
  }
  .about-tab-content-main-box .nav-pills .nav-link {
    padding: 10px 15px;
  }
  .about-tab-content-main-box .nav-pills .nav-link h5 {
    font: 600 12px / 20px var(--pri-font);
  }
  .about-tab-content-main-box .tab-content p {
    font: normal normal normal 12px / 20px var(--pri-font);
    text-align: start;
  }
  .why-choose-us-outer-box {
    background: var(--orange);
  }
  .why-choose-us-outer-box .why-choose-us-title,
  .why-choose-us-outer-box .why-choose-us-text {
    color: #fff;
  }
  .why-choose-image {
    height: 300px;
  }
  .why-choose-us-progress-box {
    height: 290px;
  }
  .testimonial-content-box {
    padding: 20px 20px 30px 20px;
  }
  .testimonial-title-box {
    font: normal normal 600 14px / 20px var(--pri-font);
  }
  .testimonial-content-main-box .testi-rating i {
    font-size: 9px;
  }
  .testi-rating {
    padding: 2px 2px;
    margin-left: 2%;
    position: relative;
    left: -65px;
    top: 15px;
    margin-left: 0%;
  }

  div#gallery {
    grid-template-rows: repeat(8, 40px);
  }
  .gallery-head-box {
    padding: 0 20px;
  }
  #gallery h3 {
    font: 700 20px / 25px var(--pri-font);
  }
  .teambox .team-social-icon-box-main {
    display: block;
    background: var(--orange);
    bottom: 40px;
    border-radius: 4px;
    opacity: 1;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.9s;
    bottom: 40px;
    z-index: 1;
  }
  .teambox .fa-share-alt {
    background: var(--orange);
  }
  .newsletter-outer-box:before {
    left: -8px;
    bottom: 48px;
    border-bottom: 55px solid transparent;
  }
  .newsletter-outer-box:after {
    right: -18px;
    top: 56px;
    border-left: 100px solid var(--orange);
    border-top: 55px solid transparent;
  }
  #newsletter .newsletter-inner-box h5 {
    font-size: 16px;
  }
  .footer-content .footer1 p {
    width: 100%;
  }
  .footer-call-box {
    /* margin-inline: auto; */
    margin-top: 5px !important;
    /* flex-direction: column; */
    padding: 8px;
  }
  .footer-call-box-3 {
    /* flex-direction: column;
    justify-content: center;
    align-items: center; */
  }

  .footer-call-box-3 .call-content-box {
    /* text-align: center !important; */
  }

  .call-icon {
    /* padding-right: 0 !important; */
  }

  .copyright-menus-box {
    justify-content: space-evenly !important;
    margin: auto;
  }
  #footer_box .footer4 h4 {
    font: 700 23px / 40px var(--pri-font);
  }
  .patner-image {
    margin: auto;
  }
  .slider-content-main-box {
    top: 18%;
  }
  .slider-content-box {
    justify-content: end;
  }
  .slider-form-box-outer {
    bottom: -40px;
  }
  .slider-touch-form-box {
    padding: 20px 20px;
  }
  .slider-inner-bg-image {
    height: 540px;
  }
  .slider-para {
    width: 100%;
  }
  h1 {
    font: 700 28px / 40px var(--pri-font);
  }
  .slider-video-btn {
    top: 10px;
  }
  .slider-play-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
  .slider-play-icon svg {
    width: 20px;
    height: 20px;
  }
  .slider-touch-form-box input[type="date"],
  .slider-touch-form-box select,
  .slider-touch-form-box input[type="text"],
  .slider-touch-form-box input[type="tel"],
  .slider-touch-form-box input[type="email"],
  .slider-touch-form-box input[type="number"],
  .contact-touch-form-box input[type="date"],
  .contact-touch-form-box input[type="phone"],
  .contact-touch-form-box input[type="password"],
  .contact-touch-form-box textarea,
  .contact-touch-form-box select {
    font-size: 12px !important;
    padding: 10px 14px !important;
  }
  .single-service-sidebar-box {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .footer3 h4 {
    /* padding-bottom: 10%; */
  }
  #singleService .service-image {
    height: 230px;
  }
  .spaces-image {
    height: 250px;
  }
  #spaces-sec .slide-info {
    font-size: 30px;
  }
  #spaces-sec .slide-info {
    bottom: 15px;
    right: 15px;
  }
  .blog-img-box .post-img {
    /* height: 180px; */
  }
  .price {
    font: normal normal 600 35px / 35px var(--pri-font);
  }
  .slider-box-shadow-box-shadow {
    position: unset;
  }
  #singleService .nav-pills .nav-link {
    padding: 10px 25px;
    font: 500 16px / 20px var(--pri-font);
  }
  .footer-contact-box .location a {
    font: 300 14px / 20px var(--pri-font);
  }
  .sidebar4 .add-title i {
    font-size: 14px;
  }
  .sidebar4 {
    width: 40%;
  }
  .single-service-sidebar-box .nav-pills {
    width: 60%;
  }
  #singleService .about_me {
    padding: 20px;
  }
  .heading-box h6 {
    margin: 0 auto;
  }
  .gallery-page .gallery-outer {
    grid-template-rows: repeat(16, 0px);
    padding: 5% 0px;
  }
  .modal-contents {
    width: 90%;
  }
  .title-box {
    height: 300px;
  }
  .banner-heading {
    width: 80%;
  }
  div#comments {
    /* padding: 0; */
  }
  .get-contact-head-content-box h3 {
    width: fit-content;
    margin: auto;
  }
  .contact-touch-form-box form .submit-box {
    position: relative;
    width: fit-content !important;
    margin: auto;
  }
  .contact-outer-form {
    gap: 20px 0px;
    justify-content: space-between;
  }
  .blog-main-heading {
    margin: auto;
  }
  .services-text-box {
    padding: 25% 6% 8% 6%;
  }
  .about-counter-box {
    bottom: -50px;
  }
  .about-tab-content-main-box .nav-pills .nav-link h5 {
    font: 600 14px / 20px var(--pri-font);
  }
  .about-counter-box .about-box .about-inner-paragraph {
    font: 600 14px / 20px var(--pri-font);
  }
  .why-choose-us-progress-box {
    height: 350px;
  }
  .counter-title {
    font: 500 14px / 20px var(--pri-font);
  }
  .testimonial-content-box {
    padding: 25px;
  }
  .testimonial-title-box {
    font: normal normal 600 15px / 20px var(--pri-font);
  }
  div#gallery {
    grid-template-rows: repeat(8, 30px);
  }
  .gallery-btn.btn {
    font: 400 12px / 14px var(--pri-font);
    padding: 10px 20px;
  }
  #gallery .blog-main-heading {
    font: 700 14px / 20px var(--pri-font);
  }
  .gallery-head-box {
    padding: 0 10px;
  }
  .blog-contents-box h5 {
    font: 600 16px / 25px var(--pri-font);
  }
  .blog-date-admin-box {
    bottom: -10px;
  }
  .footer2 h4 {
    padding-bottom: 5%;
  }
  .footer2 #menu-quick-links li a,
  .menu-services-menu-container ul li a {
    font: 400 14px / 30px var(--pri-font);
  }
  .footer2 #menu-quick-links {
    /* text-align: start; */
  }
  .footer4 form {
    display: block;
  }
  #footer_box .footer4 aside {
    display: block;
    text-align: center;
  }
  .footer4 form p:nth-child(2),
  .footer4 .textwidget {
    width: 100%;
  }
  #footer_box .footer4 h4 {
    font: 700 22px / 40px var(--pri-font);
  }
  .footer4 .wpcf7 form.invalid .wpcf7-response-output {
    bottom: 2px;
    font-size: 12px;
    width: fit-content;
    left: 0;
    padding: 0;
    line-height: 13px;
    margin: 0 20px;
    right: 0;
  }
  .footer4 .wpcf7-not-valid-tip {
    position: unset;
  }
  .footer4 input[type="submit"] {
    margin-top: 10px;
  }
  .footer-call-box {
    padding: 8px 0px 8px 0px;
    margin-inline: auto;
    /* flex-direction: column; */
  }
  .footer-copy {
    font: 400 13px / 20px var(--pri-font);
  }
  .slider-form-box-outer {
    position: unset;
  }
  .slider-video-btn {
    justify-content: start;
    right: 0;
  }
  #slider .slide-info {
    padding-top: 0%;
    text-align: start;
  }
  .slider-main-form-box {
    position: unset !important;
  }
  .slider-video-icon {
    position: absolute;
    bottom: 19%;
    left: 35%;
  }
  .slider-content-main-box {
    top: 25%;
  }
  #partners {
    padding-top: 4%;
  }
  .service-active-inner-box {
    box-shadow: 0px 0px 7px 0px #0000001f;
    border-radius: 10px 10px 10px 10px;
  }
  #spaces-sec .owl-nav {
    position: relative;
  }
  .pricing-plan-icon {
    width: 40px;
    height: 40px;
  }
  .pricing-package p {
    font: normal normal normal 13px / 20px var(--pri-font);
  }
  .btn {
    font: 400 13px / 13px var(--sec-font);
    /* padding: 10px 25px; */
  }
  .newsletter-inner-box {
    justify-content: center;
    margin: auto;
  }
  .newsletter-head-form-box input[type="email"] {
    /* width: 70%; */
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 33%;
  }
  .footer-top-wrapper {
    gap: 1rem;
    text-align: center;
  }
  #footer_box::before {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  section {
    padding: 5% 0px;
  }
  .footer2 #menu-quick-links,
  .footer-content {
    text-align: center;
  }
  .footer2 #menu-quick-links,
  .footer-content {
    text-align: center;
    width: 80%;
    margin: auto;
  }
  .header-button-outer-box {
    /* justify-content: space-between !important; */
  }
  .single-service-sidebar-box {
    display: block;
  }
  .sidebar4 {
    width: 100%;
  }
  .single-service-sidebar-box .nav-pills {
    width: 100%;
  }
  #singleService .nav-pills .nav-link {
    margin: auto;
  }
  .newsletter-head-form-box {
    width: 100%;
  }
  .newsletter-head-form-box p input[type="submit"] {
    position: unset;
    margin-top: 10px;
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 100%;
  }
  #newsletter .wpcf7 form .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 10px;
    right: 10px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .error-img {
    width: auto;
    margin: auto;
  }
  .banner-heading {
    padding-top: 20%;
  }
  .title-box h1 {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
  }
  .about-tab-content-main-box .nav-pills .nav-link {
    padding: 10px 11px;
  }
  .about-box {
    padding: 15px 10px;
  }
  .about-tab-content-main-box .nav-pills .nav-link h5 {
    font: 600 12px / 20px var(--pri-font);
  }
  .why-choose-image {
    grid-template-rows: repeat(10, 35px);
  }
  .service-box-outer {
    margin: auto;
    width: 50%;
  }
  /* #slider .slider-main-outer-box {
    -webkit-mask-image: unset !important;
    mask-image: unset !important;
  } */
  #slider .slide-small-heading {
    margin: auto;
  }
  .slider-para {
    width: 100%;
  }
  .slider-video-btn {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    top: 36px;
    left: 0;
  }
  #slider .slide-info {
    text-align: center;
  }
  .slider-video-icon,
  .slider-video-btn {
    position: unset;
  }
  .slider-inner-bg-image {
    height: 640px;
  }
  .header-outer-box {
    border-radius: 6px;
    margin: 15px 0px 0px 0px !important;
  }
  .header-main-outer-box:before {
    display: none;
  }
  .logo-main-box {
    text-align: center;
  }
  .footer2 h4 {
    /* padding-bottom: 6%;
    padding-top: 10%; */
    text-align: center;
  }
  #newsletter form {
    display: block;
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 100%;
  }
  .footer2 {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .search-container {
    right: 5%;
  }
  .banner-heading {
    padding-top: 20%;
  }
  a.single-services-button.btn {
    padding: 12px 20px;
  }
  .service-box-outer {
    margin: auto;
    width: 60%;
  }
  .about-main-img-one {
    height: 250px;
  }
  .gallery-head-box {
    padding: 10px;
  }
  div#gallery {
    grid-template-rows: repeat(8, 18px);
  }
  a.gallery-btn.btn {
    font: 400 12px / 14px var(--pri-font);
    padding: 8px 15px;
  }
  #gallery .blog-main-heading {
    font: 700 12px / 16px var(--pri-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .gallery-head-outer-box {
    grid-row-start: 1;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  div#gallery img:nth-child(2) {
    grid-row-start: 1;
    grid-row-end: 5;
    grid-column-start: 6;
    grid-column-end: 10;
  }
  div#gallery img:nth-child(4) {
    grid-row-start: 9;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  div#gallery img:nth-child(5) {
    grid-row-start: 5;
    grid-row-end: 9;
    grid-column-start: 6;
    grid-column-end: 9;
  }
  h6 {
    font: 500 12px / 20px var(--pri-font);
    padding: 2px 10px;
  }
  .footer2 #menu-quick-links,
  .footer-content {
    text-align: center;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 375px) {
  .service-box-outer {
    margin: auto;
    width: 80%;
  }
  .testimonial-content-box {
    padding: 15px 25px 20px 15px;
  }
  #testimonial .testimonial-bg-outer-box {
    -webkit-mask-image: unset;
    mask-image: unset;
  }
  .testimonial-title-box {
    font: normal normal 600 13px / 20px var(--pri-font);
  }
  .testimonial-content-main-box .testi-rating i {
    font-size: 9px;
  }
  .testi-rating {
    box-shadow: 0px 1px 4px 0px #d1d1d1;
    padding: 2px 2px;
    margin-left: 3%;
  }
  .testimonial-para-content-box {
    font: normal normal normal 12px / 20px var(--pri-font);
  }
  h1 {
    font: 700 25px / 35px var(--pri-font);
  }
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  80% {
    transform: translateX(10px);
  }

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

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }

  80% {
    transform: translateX(-10px);
  }

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

/* tada  */
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes bouncess {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-15px);
  }
}

/* #slider .slider-main-outer-box {
  -webkit-mask-image: url(assets/images/slider/slider-mask.png);
  mask-image: url(assets/images/slider/slider-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
} */

#footer {
  border-radius: 30px;
}

/* spaces */
.spaces-box-outer:hover img {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.spaces-box-outer {
  background: linear-gradient(
    to bottom,
    rgba(181, 181, 181, 0.1),
    rgba(255, 91, 46, 0.1)
  );
  padding: 30px 30px;
  border-radius: 10px;
  clip-path: polygon(
    0% 7.143%,
    0% 7.143%,
    0.041% 5.984%,
    0.161% 4.885%,
    0.352% 3.86%,
    0.609% 2.924%,
    0.924% 2.092%,
    1.292% 1.378%,
    1.705% 0.797%,
    2.157% 0.364%,
    2.643% 0.093%,
    3.155% 0%,
    96.574% 0%,
    96.574% 0%,
    97.02% 0.071%,
    97.446% 0.279%,
    97.847% 0.615%,
    98.219% 1.07%,
    98.555% 1.636%,
    98.85% 2.304%,
    99.098% 3.065%,
    99.294% 3.912%,
    99.433% 4.834%,
    99.508% 5.824%,
    99.508% 5.824%,
    99.665% 11.491%,
    99.666% 18.593%,
    99.399% 26.803%,
    98.75% 35.798%,
    97.605% 45.251%,
    95.852% 54.837%,
    93.378% 64.233%,
    90.068% 73.111%,
    85.81% 81.148%,
    80.491% 88.018%,
    80.491% 88.018%,
    73.514% 93.584%,
    65.416% 97.249%,
    56.55% 99.292%,
    47.269% 99.993%,
    37.925% 99.632%,
    28.87% 98.489%,
    20.458% 96.844%,
    13.04% 94.976%,
    6.969% 93.166%,
    2.599% 91.692%,
    2.599% 91.692%,
    2.159% 91.46%,
    1.748% 91.095%,
    1.371% 90.607%,
    1.031% 90.009%,
    0.732% 89.311%,
    0.479% 88.526%,
    0.276% 87.664%,
    0.125% 86.737%,
    0.032% 85.757%,
    0% 84.735%,
    0% 7.143%
  );
}
.spacess-content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.spacess-content-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font: normal normal normal 14px/25px var(--pri-font);
}
.spaces-title,
.projects-post-contents-box h5 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.spacess-img-outer-box {
  width: fit-content;
  margin: auto;
}
.spacess-img-box {
  width: 55px;
  margin: auto;
  height: 55px;
}
.spacess-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.spaces-content-outer:hover .spaces-title a {
  color: var(--orange);
}

@keyframes waveIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-20px, 10px);
  }
  50% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* Pricing Plan */
.booking-form-wrap {
  background: #daf2e5;
  padding: 30px 30px;
  border-radius: 20px;
}

.booking-form-wrap input[type="tel"] {
  background: transparent;
}

.booking-form-wrap .btn p {
  margin-bottom: 0;
}
.booking-form-wrap .btn .wpcf7-submit {
  background: transparent;
  border: none;
  font: 400 16px / 19px var(--pri-font);
  color: #fff;
}
.booking-form-wrap input[type="text"],
.booking-form-wrap input[type="tel"],
.booking-form-wrap input[type="email"],
.booking-form-wrap input[type="number"],
.booking-form-wrap input[type="date"],
.booking-form-wrap input[type="phone"],
.booking-form-wrap input[type="password"],
.booking-form-wrap textarea,
.booking-form-wrap select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 0px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 2px 3px 0px #999999;
  background: #fff;
  margin-top: 12px;
  border-radius: 6px;
}

/* new media ev */

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul {
  padding-right: 15px;
}
.sf-arrows .sf-with-ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #1e3237;
}
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #333;
}
.toggle-nav,
a.closebtn {
  display: none;
}

/*-------------- media section ---------------*/
@media screen and (max-width: 1023px) {
  #header_navigation .menu-item-has-children:after {
    color: #fff;
  }
  .main-navigation ul#menu-primary-menu .current-menu-item > a {
    color: #ffffff !important;
  }
  .closebtn i {
    color: #fff;
  }
  .main-navigation #menu-primary-menu a {
    padding: 10px 26px;
  }
  .main-navigation ul#menu-primary-menu .current-menu-item:after {
    display: none;
  }
  .main-navigation a {
    margin: 0px !important;
  }
  .main-navigation a:before,
  .main-navigation a:after {
    display: none;
  }
  .main-navigation ul ul {
    background-color: transparent;
  }
  .main-navigation ul ul li,
  .menubar.scrolled .main-navigation ul ul li {
    border-bottom: none;
  }
  .main-navigation .sub-menu li:before {
    top: 12px;
  }
  .site-description {
    font-size: 12px !important;
  }
  .toggle-nav {
    display: block;
    position: relative;
    height: 25px;
    cursor: pointer;
    margin: 10px auto;
    z-index: 99;
    right: 0;
    /* text-align: center; */
    right: 0;
    margin-right: 0;
  }
  .menubar {
    float: none;
  }
  .toggle-nav i {
    font-size: 25px;
    color: var(--blackk);
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: #20af24;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: var(--red);
  }
  #mySidenav #site-navigation {
    padding: 15% 0px;
  }
  .sidenav #site-navigation {
    /* width: 100%; */
  }
  .toggle-nav span {
    cursor: pointer;
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }
  .main-navigation .menu {
    /* float: none;
    text-align: center; */
  }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: unset;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li {
    display: block;
  }
  .main-navigation .menu > ul > li.highlight {
    background: transparent !important;
  }
  .menu > ul > li:hover:before,
  .menu > ul > li.current_page_item:before,
  .menu > ul > li.current-menu-item:before {
    display: none;
  }
  .sf-arrows .sf-with-ul:after {
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,
  .toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul {
    width: 100%;
    margin-top: 0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li {
    /* border-top:1px #303030 solid; */
    display: block;
    text-align: left;
    float: none;
    width: 18rem;
    padding: 5px;
  }
  .nav ul li a {
    padding: 5px 10px;
    display: block;
    color: #fff !important;
    text-align: left;
  }
  .nav ul li a:hover {
    color: #ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul {
    display: none;
  }
  .nav ul li ul li a:before {
    content: "\00BB \00a0";
  }
  .nav ul li ul li a {
    padding-left: 20px !important;
  }
  .nav ul li ul li ul li a {
    padding-left: 30px !important;
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation li.current_page_item {
    border: none;
  }
  .header-button-box {
    margin: 7px 0px;
  }
  #topBar .topbar-contact-content {
    font-size: 13px;
  }
  #header_navigation .menu-item-has-children:after {
    /* right: 6px; */
    /* top: -186px;
    left: 47px; */
  }
}

@media screen and (max-width: 1399.95px) {
  .main-navigation #menu-primary-menu a {
    padding: 8px 4px;
  }
}

@media screen and (max-width: 1199.95px) {
  .header-btn.btn {
    padding: 16px 32px;
  }
  .main-navigation #menu-primary-menu a {
    padding: 15px 4px;
  }
}

@media screen and (max-width: 1920px) {
  /* Banner wings position */
  .banner-wing.banner-wing-1 {
    position: absolute;
    top: 10%;
    right: -16%;
    padding: 7px 6px 7px 17px;
  }

  .banner-wing.banner-wing-2 {
    top: 44%;
    right: -13%;
    padding: 7px 6px 7px 17px;
  }

  .banner-wing.banner-wing-3 {
    bottom: 15%;
    right: -18%;
    padding: 7px 6px 7px 17px;
  }

  .banner-wing.banner-wing-4 {
    top: 25%;
    left: -15%;
    padding: 7px 17px 7px 6px;
  }

  .banner-wing.banner-wing-5 {
    top: 50%;
    left: -15%;
    padding: 7px 17px 7px 6px;
  }

  .banner-wing.banner-wing-6 {
    bottom: 13%;
    left: -16%;
    padding: 7px 17px 7px 6px;
  }

  .banner-wing {
    transition: background-color 0.3s ease-in-out;
  }

  .banner-wing:hover {
    background-color: #1c1d1c;
  }

  #testimonial .testimonial-client-title h5 {
    font-size: 24px;
  }
  #testimonial .testimonial-main-box:hover .testimonial-client-title h5 {
    font-size: 28px;
  }

  #testimonial .testimonial-desc-content-box p {
    font-size: 16px;
  }

  #testimonial .testimonial-main-box:hover .testimonial-desc-content-box p {
    font-size: 17px;
  }

  #testimonial .testimonial-main-box:hover {
    background-color: #daf2e5;
  }

  #newsletter .wpcf7 form.invalid .wpcf7-response-output {
    bottom: 0px;
    font-size: 13px;
    width: fit-content;
    left: 0;
    padding: 4px;
    line-height: 13px;
    margin: auto;
    right: 0;
    color: #1c1d1c;
    bottom: -99px;
    /* transform: translateY(108px); */
  }

  #single-post .feature-box img{

    width: 100%;
    max-height: 360px;
    object-fit: cover;
   border-radius: 20px;
}
  /* Banner WIngs pos end */
}

@media screen and (max-width: 1599px) {
  /* Banner wings position */
  .banner-wing.banner-wing-1 {
    position: absolute;
    top: 10%;
    right: -7%;
  }

  .banner-wing.banner-wing-2 {
    top: 44%;
    right: -7%;
  }

  .banner-wing.banner-wing-3 {
    bottom: 10%;
    right: -10%;
  }

  /* Banner WIngs pos end */

  #services-sec .achieve-list-texts .list-text {
    font-size: 48px;
  }

  #why-choose .heading-box h2 {
    font-size: 55px;
  }
  #newsletter .wpcf7 form.invalid .wpcf7-response-output {
    /* bottom: -90px; */
    /* transform: translateY(108px); */
  }
}

@media screen and (max-width: 1399.95px) {
  #slider .banner-main-img-wrapper {
    transform: translateX(-29px);
  }

  /* Banner wings position */
  .banner-wing.banner-wing-1 {
    position: absolute;
    top: 10%;
    right: -7%;
  }

  .banner-wing.banner-wing-2 {
    top: 44%;
    right: -7%;
  }

  .banner-wing.banner-wing-3 {
    bottom: 8%;
    right: -8%;
  }

  .banner-wing.banner-wing-4 {
    top: 25%;
    left: -20%;
  }

  .banner-wing.banner-wing-5 {
    top: 50%;
    left: -17%;
  }

  .banner-wing.banner-wing-6 {
    bottom: 13%;
    left: -19%;
  }

  .banner-wing {
    padding: 7px 5px;
    font-size: 14px;
  }

  .banner-wing-img {
    padding: 8px;
  }

  #slider .banner-title {
    font-size: 41px;
  }

  #slider .banner-description {
    line-height: 44px;
    font-size: 30px;
  }

  /* Banner WIngs pos end */
  #about-sec .about-main-text {
    line-height: 48px;
    font-size: 31px;
  }

  #about-sec .about-list {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  #about-sec .about-list-texts h5{
    font-size: 18px;
  }

  #about-sec .about-sub-text {
    line-height: 30px;
  }

  #about-sec .about-first-img,
  #about-sec .about-second-img {
    max-width: 400px;
    max-height: 400px;
  }
  #about-sec .about-list-texts p {
    font-size: 14px;
  }

  #about-sec .about-list-texts p {
    padding-right: 2px;
  }

  #testimonial .testimonial-main-box:hover {
    transform: scale(1.13);
  }

  #services-sec .achieve-list-texts .list-text {
    /* font-size: 50px; */
  }

  #services-sec .achieve-list-texts .list-para {
    width: 65%;
  }

  #partners .how-list .how-list-item::before {
    transform: translate(5px, -216px);
  }

  #counter-sec .support-pill-btn {
    font-size: 19px !important;
    padding-right: 10px;
  }

  #counter-sec .support-pill-btn .support-svg {
    margin-right: 0px !important;
  }

  #why-choose .heading-box h2 {
    font-size: 48px;
    margin-block: 20px;
  }

  #ev-education-sec .education-left-title {
    font-size: 31px;
  }

  #ev-education-sec .education-left-desc {
    font-size: 18px;
  }

  #sustainability-sec .sustainability-small-title {
    font-size: 21px;
  }

  #sustainability-sec .sustainability-title {
    font-size: 24px;
  }

  #sustainability-sec .sustainability-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  #testimonial .testimonial-client-title h5 {
    font-size: 22px;
  }
  #testimonial .testimonial-main-box:hover .testimonial-client-title h5 {
    font-size: 26px;
  }

  #testimonial .testimonial-desc-content-box p {
    font-size: 18px;
    line-height: 31px;
  }

  #faq-sec .custom-faq-box .faq-title {
    font-size: 24px;
  }

  #blog .owl-nav .owl-next {
    right: -27px;
  }

  #blog .owl-nav .owl-prev {
    left: -27px;
  }

  #footer_box::before {
    transform: translateY(30px);
  }

  .topbar-horn-content {
    text-align: center;
  }
  .topbar-mail-content {
    padding-inline: 0;
    white-space: nowrap;
  }
  #faq-sec .custom-faq-box .faq-content p {
    font-size: 18px;
    line-height: 30px;
  }
  .heading-box h4 {
    font-size: 30px;
  }
  .heading-box h3 {
    font-size: 32px;
    /* line-height: 20px; */
  }

  #header_navigation .menu-item-has-children:after {
    right: 6px;
  }
  .newsletter-inner-box h5 {
    font-size: 22px;
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 49%;
  }

  #footer #nav_menu-1,
  #footer #nav_menu-2,
  #footer #nav_menu-3 {
    margin-left: 3.5rem;
  }

  #footer_box h4 {
    font-size: 25px;
  }

  #pricing_plans .plan-features-item {
    font-size: 19px;
  }

  .blog-contents-box h5 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .blog-contents-box .blog-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  #newsletter .wpcf7 form.invalid .wpcf7-response-output {
    /* bottom: -86px; */
    /* transform: translateY(108px); */
  }
  #ev-education-sec .education-video-icon p{
    font-size: 17px;
  }
}

@media screen and (max-width: 1023.95px) {
#header_navigation .menu-item-has-children:after {
    position: absolute;
    top: 20px;
    left: 43px;
    margin: unset;
}

    /* #header_navigation .page.menu-item-has-children:after {
    
  }  */

  .main-navigation #menu-primary-menu a{
    padding: 15px 2px;
  }

}

@media screen and (max-width: 1199.95px) {
  .topbar-contact-content .topbar-social-box .topbar-social-text {
    font-size: 14px;
  }

  #topBar i {
    font-size: 15px;
  }

  .main-navigation #menu-primary-menu a {
    font-size: 13px;
  }

  #slider .banner-title {
    font-size: 39px;
  }

  #slider .banner-description {
    line-height: 44px;
    font-size: 26px;
  }

  .banner-wing.banner-wing-1 {
    position: absolute;
    top: 10%;
    right: -4%;
  }

  .banner-wing.banner-wing-2 {
    top: 44%;
    right: -3%;
  }

  .banner-wing.banner-wing-4 {
    top: 25%;
    left: -22%;
  }

  .banner-wing.banner-wing-5 {
    top: 50%;
    left: -18%;
  }

  .banner-wing.banner-wing-6 {
    bottom: 13%;
    left: -20%;
  }

  #about-sec .about-right-end-content {
    margin-top: 11rem;
  }

  #about-sec .about-list {
    margin-top: unset;
    margin-bottom: unset;
  }

  #about-sec .about-first-img,
  #about-sec .about-second-img {
    max-width: 325px;
    max-height: 325px;
  }

  #about-sec .about-main-text {
    font-size: 27px;
  }

  #services-sec .achieve-list-texts .list-para {
    width: 72%;
  }

  #services-sec .achieve-list-texts .list-text {
    font-size: 41px;
  }

  #services-sec .achieve-list-texts .list-para {
    font-size: 20px;
  }

  #services-sec .achieve-list-texts .list-para {
    margin-top: 2rem;
  }

  #services-sec .heading-box h3 {
    font-size: 30px;
  }

  #partners .how-list .how-list-item p.list-para {
    margin-top: 1rem;
  }

  #partners .how-list .how-list-item {
    margin-top: 1.5rem;
  }

  #partners .how-list .how-list-item::before {
    transform: translate(5px, -237px);
  }

  #counter-sec .support-pills-content {
    gap: 1rem;
  }

  #counter-sec .support-pill-btn {
    font-size: 16px !important;
    width: 97% !important;
    padding: 3px 13 3px 6px;
  }

  #why-choose .why-box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  #why-choose .why-box .why-title {
    font-size: 20px;
  }

  #why-choose .heading-box h2 {
    font-size: 40px;
  }

  #sustainability-sec .sustainability-title {
    font-size: 20px;
    line-height: 28px;
  }
  #sustainability-sec .sustainability-small-title {
    font-size: 19px;
  }

  #brand-sec .owl-nav .owl-prev {
    left: -24px;
  }

  #brand-sec .owl-nav .owl-next {
    right: -24px;
  }

  #brand-sec .owl-item .item {
    width: 84%;
    margin-inline: auto;
  }

  #pricing_plans h5 {
    font-size: 33px;
  }

  #pricing_plans .price {
    font-size: 40px;
  }

  #pricing_plans .monthly {
    font-size: 25px;
  }

  #blog .owl-nav .owl-prev {
    left: -15px;
  }

  #blog .owl-nav .owl-next {
    right: -15px;
  }

  #blog .owl-nav button i {
    font-size: 16px;
  }

  .find-button-box input[type="submit"] {
    padding: 18px 25px;
  }

  .find-button-box.find-second-btn a {
    padding: 18px 25px;
  }

  #newsletter .newsletter-inner-box p {
    font-size: 14px;
  }

  #newsletter .newsletter-inner-box h5 {
    font-size: 17px;
  }

  .newsletter-inner-box {
    box-shadow: -17px 0 1px #1c1d1c, 17px 0 1px #1c1d1c;
  }

  .footer-mid-text-box p {
    font-size: 16px;
  }

  #footer_box::before {
    transform: translateY(26px);
  }
  #faq-sec .custom-faq-box .faq-title {
    font-size: 22px;
  }
  #faq-sec .custom-faq-box .faq-content p {
    font-size: 16px;
    line-height: 30px;
  }
  #ev-education-sec .education-left-title {
    font-size: 26px;
  }
  #ev-education-sec .education-left-list p {
    font-size: 16px;
  }
  #ev-education-sec .education-left-list ul li {
    font-size: 16px;
  }
  #testimonial .testimonial-main-box:hover .testimonial-client-title h5 {
    font-size: 23px;
  }
  #testimonial .testimonial-desc-content-box p {
    line-height: 25px;
    font-size: 17px;
  }
  #testimonial .testimonial-main-box:hover .testimonial-desc-content-box p {
    font-size: 17px;
  }

  .heading-box h4 {
    font-size: 28px;
  }
  .heading-box h3 {
    font-size: 30px;
  }
  #pricing_plans h5 {
    font-size: 29px;
  }
  .dollar {
    font-size: 38px;
  }
  #pricing_plans .price {
    font-size: 38px;
  }
  #pricing_plans .monthly {
    font-size: 25px;
  }
  #pricing_plans .plan-features-item {
    font-size: 18px;
  }

  #footer #nav_menu-1,
  #footer #nav_menu-2,
  #footer #nav_menu-3 {
    margin-left: 2.5rem;
  }

  #footer_box .footer4 h4 {
    font-size: 24px;
  }

  #slider .button-box {
    /* margin-top: -2rem; */
  }

  #slider .banner-title {
    /* margin-bottom: -2rem; */
  }

  #slider .banner-left-content {
    justify-content: space-evenly;
    margin-bottom: 4rem;
  }

  #slider .banner-description {
    /* margin-top: -5rem; */
  }

  .pricing-plans-box {
    max-height: 576px;
  }

  #pricing_plans .pricing-plans-outer-box {
    margin: unset;
  }
  #ev-education-sec .education-video-icon p{
    font-size: 16px;
  }

  #faq-sec .owl-item .item{
    height: 605px;
  }

  #newsletter .wpcf7 form .wpcf7-response-output {
    bottom: -130px;
    font-size: 13px;
  }

}

@media screen and (max-width: 991.95px) {
  #slider .banner-left-content {
    padding-block: 2rem;
    gap: 2rem;
  }

  #slider .banner-main-img-wrapper {
    transform: unset;
  }

  .banner-wing.banner-wing-1 {
    position: absolute;
    top: 11%;
    right: 3%;
  }

  .banner-wing.banner-wing-2 {
    top: 44%;
    right: 4%;
  }

  .banner-wing.banner-wing-3 {
    bottom: 8%;
    right: 0%;
  }

  .banner-wing.banner-wing-4 {
    top: 25%;
    left: -2%;
  }

  .banner-wing.banner-wing-5 {
    top: 50%;
    left: -3%;
  }

  .banner-wing.banner-wing-6 {
    bottom: 13%;
    left: -4%;
  }

  #about-sec .about-main-text {
    position: unset;
  }

  #about-sec .about-right-end-content {
    margin-top: unset;
  }

  #about-sec .about-first-img-wrapper {
    margin-top: 3rem;
  }

  #about-sec .about-second-img-wrapper {
    transform: translate(2%, -27%);
  }

  #services-sec .achieve-list {
    flex-wrap: wrap;
    gap: 2rem;
  }

  #services-sec .achieve-list .achieve-list-item {
    gap: 1rem;
  }

  #services-sec .achieve-list-texts .list-para {
    margin-top: 0;
  }

  #partners .horizontal-line {
    display: none;
  }

  #partners .how-list .how-list-item::before {
    display: none;
  }

  #partners .how-list .how-list-item {
    width: 49%;
  }

  #partners .how-list {
    flex-wrap: wrap;
  }

  #partners .how-list-item:nth-child(3) {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }

  #partners .how-list {
    margin-top: 0;
  }

  #partners .heading-box {
    padding-bottom: 4rem;
  }

  #counter-sec .support-pills-content {
    flex-direction: row;
  }

  #counter-sec .support-pills-content .nav-item {
    flex-basis: 25%;
  }

  #ev-education-sec .education-btn {
    padding-left: 20px;
    margin-block: 1rem;
  }

  #sustainability-sec .sustain-main-content {
    justify-content: center;
  }
  #find-sec .find-main-wrapper {
    gap: 2rem;
  }

  .footer-logo-box {
    padding-inline: 1rem;
  }
  .footer-mid-text-box p {
    font-size: 14px;
  }
  .footer-social-box span {
    margin-right: 4px;
  }

  #footer_box::before {
    transform: translateY(23px);
  }

  .topbar-horn-content {
    text-align: left;
  }
  .topbar-social-box {
    padding-block: 3px;
  }
  #topBar .topbar-social-content {
    text-align: center;
  }
  .topbar-social-box {
    text-align: center;
  }
  .topbar-mail-content {
    padding-inline: 12px;
  }
  #topBar .topbar-social-content div span {
    padding-right: 15px;
    padding-left: unset;
  }
  #newsletter .newsletter-inner-box h5 {
    font-size: 16px;
  }
  .heading-box h4 {
    font-size: 24px;
  }
  .heading-box h3 {
    font-size: 26px;
  }
  .pricing-plans-box::before {
    transform: translateY(34px);
  }
  .search-location-results {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }
  .newsletter-inner-box {
    gap: unset;
  }

  #footer #nav_menu-1,
  #footer #nav_menu-2,
  #footer #nav_menu-3 {
    margin-left: unset;
  }

  /* #footer_box .footer4 h4{
  font-size: 24px;
} */

  #about-sec .about-right-end-content {
    margin-top: -50px;
  }

  .sustain-main-content {
    margin-inline: auto;
  }

  #blog .owl-nav {
    display: none;
  }

  #slider .banner-left-content {
    margin-bottom: unset;
  }
  #newsletter .wpcf7-not-valid-tip {
    top: 24px;
  }
  div#comments{
    /* max-width: 50%; */
  }
  #reply-title {
    font-size: 30px;
  }
  #respond{
    max-width: 45%;
  }
  #newsletter input[type="submit"]{
    font-size: 14px;
        padding: 7px 12px;
  }
  #newsletter .newsletter-inner-box p{
    margin-top: 4px;
  }
}

@media screen and (max-width: 767.95px) {
  .banner-wing-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4rem;
    gap: 1rem;
  }

  .banner-wing {
    position: unset !important;
  }

  .banner-wing .banner-wing-img {
    order: 1 !important;
  }

  .banner-wing .banner-wing-text {
    order: 2 !important;
  }

  #slider .banner-title {
    text-align: center;
    font-size: 37px;
  }

  #slider .banner-description {
    text-align: center;
    width: 100%;
    font-size: 24px;
  }

  /* .button-box{
  margin-inline: auto;
} */

  #slider .banner-svg {
    top: 38%;
  }

  #about-sec .about-second-img-wrapper {
    transform: unset;
    margin-top: 2rem;
  }

  #about-sec .about-second-img-wrapper img,
  #about-sec .about-first-img-wrapper img {
    width: 100%;
    margin-inline: auto;
  }

  #about-sec .about-right-end-content {
    margin-top: 2rem;
  }

  .about-images-wrapper {
    text-align: center;
  }

  #services-sec {
    /* background-image: none !important; */
  }
  #services-sec .achieve-list .achieve-list-item {
    margin-inline: auto;
  }

  #partners .how-list .how-list-item {
    width: 100%;
  }

  #ev-education-sec .education-left-title {
    font-size: 29px;
  }

  #ev-education-sec .education-left-list ul li {
    /* list-style-position: inside; */
  }

  #ev-education-sec .education-left-list ul {
    padding-left: 17px;
    display: inline-block;
  }

  .image-left-overlay-box {
    width: 95%;
  }

  .image-right-overlay-box {
    width: 95%;
  }

  #ev-education-sec .button-box {
    margin-inline: auto;
  }

  #ev-education-sec .education-left-content {
    text-align: center;
  }

  #sustainability-sec .sustain-main-content {
    justify-content: center;
    gap: 2rem;
  }

  #brand-sec .owl-nav {
    display: none;
  }

  #blog .owl-nav {
    display: none;
  }

  .newsletter-outer-box {
    gap: 2rem;
    text-align: center;
  }

  .clipped-image-left {
    clip-path: none;
    border-radius: 20px;
  }

  .image-left-overlay-box::after {
    clip-path: none;
    border-radius: 20px;
  }

  .image-right-overlay-box::after {
    clip-path: none;
    border-radius: 20px;
  }

  .clipped-image-right {
    clip-path: none;
    border-radius: 20px;
  }

  .newsletter-inner-box {
    box-shadow: none;
    width: 96% !important;
  }
  .topbar-social-box {
    padding-block: 5px;
    text-align: center;
  }

  .search-location-results {
    grid-template-columns: repeat(1, minmax(280px, 1fr));
  }
  .search-location-results .location-item h3 a {
    font-size: 24px;
  }

  .newsletter-head-form-box form p:nth-child(2) {
    width: 33%;
  }

  #slider .button-box {
    margin-inline: auto;
  }

  #about-sec .button-box {
    margin-inline: auto;
  }
  #about-sec .heading-box {
    text-align: center;
  }
  #about-sec .about-main-text {
    text-align: center;
  }
  #about-sec .about-sub-text {
    text-align: center;
  }

  #why-choose .heading-box {
    text-align: center;
  }

  .header-button-box {
    display: none;
  }

  #about-sec .about-right-end-content {
    margin-top: 20px;
    padding-inline: 10px;
  }

  .footer-content {
    text-align: center;
  }
  .footer-call-box {
    flex-direction: column;
  }

  .call-icon {
    padding-right: 0 !important;
    margin-inline: auto;
  }
  .call-address {
    text-align: center !important;
  }

  .blog-contents-box .button-box {
    margin-inline: auto;
  }

  .blog-contents-box {
    text-align: center !important;
  }

  #slider .banner-main-image {
    max-height: 300px;
  }

  #slider .banner-svg svg {
    width: 396px;
    height: 280px;
  }
      div#comments {
        max-width: 100%;
      }
      .post-meta-inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    text-align: center;
}

#comments {
  flex-direction: column;
}
#single-post .comment-respond, .comment-list {
    max-width: 100% !important;
    width: 100%;
}

#respond {
  order: 2;
}
.comment-list {
  order: 1;
  padding-left: 0;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output {
    bottom: -77px;
}
#newsletter .wpcf7 form .wpcf7-response-output{
  bottom: -93px;
}
}

@media screen and (max-width: 575.95px) {
  .banner-wing-content {
    flex-direction: column;
    width: fit-content;
    margin-inline: auto;
  }

  #slider .banner-svg {
    top: 29%;
  }

  #about-sec .about-main-text {
    line-height: 42px;
    font-size: 27px;
  }

  #ev-education-sec .education-left-title {
    font-size: 24px;
    line-height: 46px;
  }

  #ev-education-sec .ev-svg {
    align-self: flex-start;
    margin-top: 15px;
  }

  .education-left-head-box {
    justify-content: center;
  }

  #faq-sec .owl-item .item {
    height: 360px;
  }
  #why-choose .heading-box h2 {
    font-size: 33px;
    line-height: 40px;
  }
  #why-choose .heading-box h3 {
    line-height: 40px;
  }

  .header-outer-box .header-main-box {
    text-align: center;
  }

  .header-outer-box .header-main-box {
    text-align: center;
  }

  .header-button-outer-box {
    justify-content: center !important;
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 76%;
    margin-inline: auto;
  }

  #testimonial .owl-dots {
    display: none;
  }

  #brand-sec .owl-dots {
    display: none;
  }

  #faq-sec .owl-dots {
    display: none;
  }

  #blog .owl-dots {
    display: none;
  }

  .blog-img-box .post-img {
    margin-inline: auto;
  }

  .blog-img-box .post-img {
    text-align: center;
  }
  .blog-contents-box h5 a {
    text-align: center;
  }
  .blog-contents-box .blog-desc {
    text-align: center;
  }

  #blog .button-box {
    margin-inline: auto;
  }
  .logo{
      width: 250px;
    margin-inline: auto;
  }
#newsletter .wpcf7 form .wpcf7-response-output{
  bottom: -74px;
}
#newsletter .wpcf7 form .wpcf7-response-output {
    bottom: -83px;
    font-size: 12px;
}
}

@media screen and (max-width: 474.95px) {
  #about-sec .about-list .about-list-item {
    flex-basis: 100%;
  }

  #about-sec .about-main-text {
    line-height: 36px;
    font-size: 24px;
  }

  #counter-sec .support-pills-content .nav-item {
    flex-basis: 100%;
  }

  #counter-sec .support-pill-btn {
    justify-content: center;
  }

  #ev-education-sec .education-video-icon {
    width: 100%;
    padding-inline: 4px;
  }

  #testimonial .testimonial-main-box {
    padding-inline: 16px;
    margin-inline: 26%;
  }

  .newsletter-inner-box {
    width: 89% !important;
    border-radius: 20px;
  }
  .heading-box h4 {
    font-size: 22px;
  }
  .heading-box h3 {
    font-size: 23px;
  }
  #newsletter .wpcf7 form.invalid .wpcf7-response-output {
  
    font-size: 12px;
    padding: 0;
    line-height: 11px;

   
    /* transform: translateY(108px); */
}
}

@media screen and (max-width: 424.95px) {
  #testimonial .testimonial-main-box {
    margin-inline: 18%;
    padding-inline: 10px;
  }
      #faq-sec .owl-item .item {
                height: 446px;
      }
}

@media screen and (max-width: 374.95px) {
  .find-button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: center;
  }
  .find-station-wrapper {
    padding-bottom: 4rem;
  }
  .find-second-btn-wrapper {
    position: absolute;
    bottom: 32%;
    right: 31%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #faq-sec .owl-item .item {
    height: 460px;
}
}

.blog-que {
  font-size: 20px;
  letter-spacing: 0;
  font-family: var(--sec-font);
  margin-top: 1rem;
}

#single-post .single-author-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

#single-post .author-name {
  font: normal normal 600 14px / 24px var(--sec-font);
  text-transform: capitalize;
  color: #1c1d1c;
}

.meta-heading {
  font: 500 15px / 16px var(--sec-font);
  letter-spacing: 0px;
  color: #1c1d1c;
}

.content_boxes .entry-date,
.entry-author a,
.entry-comments {
  font-family: var(--sec-font);
  font-size: 15px;
  color: #1c1d1c;
  text-decoration: none;
}

.social-share-icon-main {
  position: absolute;
  display: flex;
  right: 0;
  text-align: center;
  gap: 5px;
  opacity: 0;
}

.social-share-icon-main a {
  background: #1c1d1c;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  border-radius: 0;
  font-size: 12px;
  margin: 0 auto;
}

.share_icon:hover .social-share-icon-main {
  opacity: 1;
  cursor: pointer;
}

.content-event-point {
  position: relative;
  padding-left: 23px;
}

.content-event-point::before {
  content: "";
  background: #20af24;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  border-radius: 50%;
  bottom: 0;
}

.content-event-title {
  color: #20af24;
}

.single-post-content {
  margin-bottom: 1rem;
}

.testi-rating-box span i {
  color: #fdc72e;
}

ul.post-categories {
  margin-bottom: 0 !important;
}

.single-post-category {
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-post-category .post-categories {
  font: 500 15px / 16px var(--sec-font);
  letter-spacing: 0px;
  color: #1c1d1c;
}