/*
Theme Name: Waste Management 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: waste-management-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.
Waste Management Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --yellow: #FDC400;
  --green: #006940;
}
:root {
  --pri-font: "Figtree";
  --h3-font : "Chelsea Market", serif;
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
section{
  padding: 4% 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: 300;
  font-size: 15px;
  font-family: var(--font-var(--pri-font));
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
#testimonial .owl-nav{
  display: block;
}
#testimonial .owl-carousel .owl-nav button.owl-prev, #testimonial .owl-carousel .owl-nav button.owl-next{
  font-size: 22px;
}
.owl-nav{
  display: none;
}
.owl-nav button.owl-next:hover {
  background: var(--green) !important;
  color: #fff !important;
}
h6{
  font: normal normal bold 20px / 30px var(--pri-font);
  color: var(--green);
  margin: 0px;
}
h5{
  font: 600 22px/24px var(--pri-font);
  color: var(--black);
  margin: 0;    
}
h4{
  font: normal normal bold 20px/30px var(--pri-font);
  color: var(--black);
  margin: 0;    
}
h3,h3 a{
  font: normal normal 800 33px / 50px var(--pri-font);
  color: #000000;
  margin: 0;
  width: fit-content;
}
h2{
  font: normal normal bold 45px/30px var(--pri-font);
  color: var(--white);
  margin: 0;
}
h1{
  font: normal normal 800 40px / 50px var(--pri-font);
  color: #fff;
  margin: 0px;
}
p{
  font: normal normal normal 15px/25px var(--pri-font);
  color: var(--black);
  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(--h1-font);
  /* text-transform: capitalize; */
}
.heading-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.btn {
  font: 400 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white);
  background: var(--black);
  padding: 12px 30px;
  border-radius: 0px;
  position: relative;
  border: none;
  z-index: 0;
}
.btn:hover{
  color: #000;
}
.btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: var(--yellow);
  border-radius: 0px;
  /* box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); */
  transition: all 0.3s ease;
}
.btn:hover::after {
  left: 0;
  width: 100%;
}
/* owl-nav */
.owl-nav {
  padding-top: 2% !important;
}
.owl-nav .owl-prev{
  background: var(--green) !important;
  color: #fff !important;
  margin-right: 2px;
}
.owl-nav .owl-next{
  background: var(--yellow) !important;
  color: #000 !important;
  margin-left: 2px;
}
.owl-nav button{
  border-radius: 0px !important;
}
.owl-nav button i{
  font-size: 22px;
}

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/

/* loader */
.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: var(--green);
  cursor: pointer;
  z-index: 9999;
}
/* .spinner {
  margin: auto;
  width: 50px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

.loader {
  position: relative;
  width: 250px;
  height: 50px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
} */

.loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 48px;
  border: 3px dotted #FFF;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotation 2s linear infinite;
  animation: rotation 2s linear infinite;
}
.loader:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted var(--yellow);
  border-style: solid solid dotted;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-animation: rotationBack 1s linear infinite;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}

@keyframes rotation{
  0% {
    transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
/* 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,.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);
}
#menu-primary-menu >li:hover ul.sub-menu {
  transition: all 0.5s;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(odd) {
  animation-name: menurhs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu >li:hover ul.sub-menu li:nth-child(even) {
  animation-name: menulhs;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu >li:hover ul.sub-menu li:hover{
  background-color: var(--green);
}
#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: var(--green);
}
.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: 15%;
  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(--yellow);
  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: 0px;
  background: var(--yellow);
  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(--green);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}

/* faq page */
#faq-page .accordion-button:not(.collapsed){
  border: none;
  background: var(--green);
  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;
}
/* gallery page  */
.gallery-page .gallery_front {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: 20px;
  grid-template-rows: repeat(11, 20px);
  gap: 15px;
}
.gallery-page .gallery_front li {
  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%;
  clip-path: none !important;
}
.gallery-page .gallery_front li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-page .gallery_front li:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 8;
  grid-column-start: 1;
  grid-column-end: 3;
}
.gallery-page .gallery_front li:nth-child(2){
  grid-row-start: 2;
  grid-row-end: 9;
  grid-column-start: 3;
  grid-column-end: 5;
}
.gallery-page .gallery_front li:nth-child(3){
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 8;
}
.gallery-page .gallery_front li:nth-child(4){
  grid-row-start: 3;
  grid-row-end: 10;
  grid-column-start: 7;
  grid-column-end: 9;
}
.gallery-page .gallery_front li:nth-child(5){
  grid-row-start: 1;
  grid-row-end: 9;
  grid-column-start: 9;
  grid-column-end: 11;
}
.gallery-page .gallery_front li:nth-child(6){
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 1;
  grid-column-end: 3;
}
.gallery-page .gallery_front li:nth-child(7){
  grid-row-start: 9;
  grid-row-end: 16;
  grid-column-start: 3;
  grid-column-end: 5;
}
.gallery-page .gallery_front li:nth-child(8){
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 5;
  grid-column-end: 7;
}
.gallery-page .gallery_front li:nth-child(9){
  grid-row-start: 10;
  grid-row-end: 17;
  grid-column-start: 7;
  grid-column-end: 9;
}
.gallery-page .gallery_front li:nth-child(10){
  grid-row-start: 9;
  grid-row-end: 16;
  grid-column-start: 9;
  grid-column-end: 11;
}


/* contact */
.contact-outer-form{
  gap: 50px 0px;
  justify-content: space-between;
}
.get-contact-small-head {
  padding: 5% 10px 5% 0px;
}
.contact-touch-form-box .wpcf7 form.invalid .wpcf7-response-output{
  color: #000;
}
.checkbox .wpcf7-list-item-label{
  color: var(--green);
  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: var(--green);
}
.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(--green);
  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 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;
}
.contact-touch-form-box form .submit p input[type="submit"]:hover{
  background: var(--green);
  color: #fff;
}
.contact-bg-colr{
  background: #006940 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: 3rem 2rem 2rem 2rem;
}
#respond {
  padding: 1.5rem 2rem;
  border-radius: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.comment-form-cookies-consent{
  display: flex;
}
.comment-form-cookies-consent label{
  margin-left: 4px !important;
}
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  color: #000;
}
#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: var(--green);
}
#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: var(--green);
}
#comments .comment-author.vcard img {
  padding: 2px;
}

/* single service page */
#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;
}
.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;
}
.single-services-call-box .call-icon i {
  background: var(--green);
  color: var(--yellow);
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 38px;
  text-align: center;
  font-size: 16px;
  animation: tada 3s linear infinite;
}
.single-services-call-box .call-title {
  font: normal normal normal 14px / 14px var(--pri-font);
  color: var(--black);
}
.single-services-call-box .call-title {
  font: normal normal normal 14px / 14px var(--pri-font);
  color: var(--black);
}

/* 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(--green) !important;
  background: #fff !important;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a{
  color: var(--green) !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
  background: var(--green) !important;
}
.woocommerce-info{
  border-color: var(--green) !important;
}
button.woocommerce-Button.button,.woocommerce-Button{
  border: none;
  background: var(--green);
  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(--green);
  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(--green) !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;
  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(--h3-font);
  color: var(--green);
}
.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(--green) !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(--green) !important;
  border-radius: 50px;
  border: 2px solid var(--green);
  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(--green);
  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(--green) !important;
}
.wc-block-components-product-name {
  font: 600 20px / 20px var(--pri-font) !important;
  color: var(--green) !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(--green);
  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(--green);
  border-radius: 50%;
  padding: 5px;
  width: 38px;
  stroke: var(--green);
}
#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(--green);
  height: auto;
  width: 38px !important;
  padding: 5px;
  border: 2px solid var(--green);
  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(--green);
}
.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;
}







/* our feature */
section#our-features {
  margin-top: -9%;
  z-index: 1;
  padding-top: 27px;
}
.features-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.features-box {
  width: 60px;
  height: 60px;
  margin: auto;
}
.our-feature-outer-box{
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%, -80% 100%, 20% 0%);
  background: #fff;
  padding: 15px 25px;
}
.our-features-box {
  background: #000;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%, -80% 100%, 20% 0%);
}
.features-inner-boxed {
  padding: 40px 5px;
}
.features-content-box h4{
  font: normal normal bold 18px/30px var(--pri-font);
  color: #fff;
}
.features-content-box p{
  font: normal normal normal 13px/25px var(--pri-font);
  color: #fff;
}
.our-features-box .features-inner-box:nth-child(1),.our-features-box .features-inner-box:nth-child(3){
  border-right: 1px solid #242424;
}
.our-features-box .features-inner-box:nth-child(1),.our-features-box .features-inner-box:nth-child(2){
  border-bottom: 1px solid #242424;
}

/* about */
.about-icon-img{
  position: relative;
  width: fit-content;
}
.about-icon-img img{
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  padding: 15px;
}
.about-icon-img:after{
  background: var(--unnamed-color-006940) 0% 0% no-repeat padding-box;
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.about-inner-title{
  color: var(--black);
}
.about-inner-paragraph{
  font: normal normal normal 14px/20px var(--pri-font);
}
.about-paragraph{
  width: 95%;
}
.About-image{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(14, 35px);
}
.About-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 13px solid #fff;
}
.about-main-img-one {
  grid-row-start: 4;
  grid-row-end: 8;
  grid-column-start: 2;
  grid-column-end: 5;
  position: relative;
  right: 8px;
}
.about-main-img-one img{
  border: none !important;
}
.about-main-img-two {
  grid-row-start: 1;
  grid-row-end: 11;
  grid-column-start: 5;
  grid-column-end: 13;
  position: relative;
}
.about-main-img-three {
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 1;
  grid-column-end: 7;
  position: relative;
}
.about-main-img-one:before {
  content: '';
  background: var(--yellow);
  width: 100%;
  height: 100%;
  position: absolute;
  left: -13px;
  top: -13px;
  z-index: -1;
}
.about-main-img-two:before {
  width: 70px;
  height: 70px;
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  border-right: 150px solid var(--green);
  border-bottom: 120px solid transparent;
}
.about-main-img-three:before {
  width: 70px;
  height: 70px;
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  border-left: 90px solid var(--yellow);
  border-top: 90px solid transparent;
}
.About-experience-text-box {
  grid-row-start: 11;
  grid-row-end: 14;
  grid-column-start: 7;
  grid-column-end: 13;
  position: relative;
  background: var(--green);
  justify-content: center;
}
.About-experience-text-inner-box{
  width: 70%;
  margin: auto;
}
.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 > .row:hover .about-icon-img img{
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.about-page #about-sec {
  padding-bottom: 0px;
}
.about-page .about-button-box{
  display: none;
}


/* counter */
section#counter-sec:before {
  content: '';
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
}
.our-counter-box{  
  position: relative;
}
.counter-counter-box{
  position: relative;
  z-index: 2;
  padding: 0 0px;
  clip-path: polygon(0% 0%, 90.582% 0%, 100% 26.47%, 100% 100%, 7.499% 100%, 0% 77.339%);
  background: var(--green);
}
.counter-box {
  width: fit-content;
  margin: auto;
  padding: 26% 30px;
}
.counter-title {
  font: normal normal 600 20px / 31px var(--pri-font);
  color: var(--white);
}
.our-counter-box:before {
  position: absolute;
  content: '';
  left: -102px;
  bottom: 50px;
  border-right: 90px solid var(--yellow);
  border-bottom: 60px solid transparent;
}
.our-counter-box:after {
  position: absolute;
  content: '';
  right: -100px;
  top: 59px;
  border-left: 90px solid var(--yellow);
  border-top: 56px solid transparent;
}

/* service */
.service-box-outer:hover img {
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.services-text-box {
  background: #fff;
  padding: 18% 6% 8% 6%;
}
.services-content-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.service-title,.projects-post-contents-box h5 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.service-bg-clor {
  background: var(--unnamed-color-006940) 0% 0% no-repeat padding-box;
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.services-img-outer-box{
  width: fit-content;
  margin: auto;
  top: 45px;
  position: relative;
  left: 0;
  right: 0;
  padding: 0px 35px;
}
.services-img-outer-box:before {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  top: -9px;
  left: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: drop-shadow(0px 2px 4px #00000029);
}
.services-img-box {
  width: fit-content;
  margin: auto;
  position: relative;
  width: 55px;
  height: 85px;
  padding: 5px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: drop-shadow(0px 2px 4px #00000029);
}
.services-img-box img{
  filter: invert(1);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.services-img-box:after {
  content: '';
  position: absolute;
  background: transparent;
  width: 10px;
  height: 100%;
  bottom: 0;
  left: -35px;
  bottom: 0px;
  border-right: 35px solid #ffffff;
  border-bottom: 85px solid transparent;
}
.services-img-box:before {
  content: '';
  position: absolute;
  background: transparent;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -35px;
  bottom: 0px;
  border-left: 35px solid #ffffff;
  border-bottom: 85px solid transparent;
}
.service-box-outer:hover .service-title a{
  color: var(--green);
}
.service-box-outer:hover .services-img-box img{
  filter: unset;
}
.service-box-outer:hover .services-img-box:after{
  border-right: 35px solid var(--green);
}
.service-box-outer:hover .services-img-box:before{
  border-left: 35px solid var(--green);
}
.service-box-outer:hover .services-img-box, .service-box-outer:hover .services-img-outer-box:before{
  background: var(--green);
}
.project-content :hover .projects-post-contents-box h5{
  color: var(--green);
}
/* project */
.projects-post-contents-box h5 a{
  padding: 0px 30px;
}
.projects-post-contents-box {
  padding: 20px 15px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  clip-path: polygon(100% 0, 100% 100%, 12% 100%, 0 40%, 0 0);
}
.project-content:hover .projects-post-contents-outer-box:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  border-left: 60px solid var(--yellow);
  border-top: 60px solid transparent;
}
.projects-post-contents-outer-box{
  filter: drop-shadow(0px 2px 4px #00000029);
}
.projects-post-contents-outer-box:before {
  position: absolute;
  /* content: ''; */
  right: 0px;
  top: 0px;
  border-left: 60px solid transparent;
  border-top: 60px solid var(--white);
  z-index: 2;
}
.project-content:hover .project-active-content-box:before {
  border-top: 60px solid var(--green);
}
.project-active-content-box:before {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  border-left: 60px solid transparent;
  border-top: 60px solid var(--white);
  z-index: 2;
}
#project .owl-nav{
  display: block;
}
.project-head-content-box{
  width: 97%;
  margin: auto;
}
/* why shoose us */
.our-mission-head-image-box {
  width: auto;
  height: 450px;
}
.our-mission-head-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.our-mission-para {
  width: 90%;
}
.why-choose-main-box .horizontal .progress-bar {
  grid-column-start: 2;
  height: 45px;
  width: 100%;
  padding: 12px 0;
}
.why-choose-main-box .progress-bar {
  background-color: transparent !important;
  padding: 20px 0px;
}
.why-choose-main-box .horizontal .progress-track {
  background: var(--green);
}
.why-choose-main-box .horizontal .progress-track h6{
  color: #000;
  font: normal normal bold 18px / 30px var(--pri-font);
}
.why-choose-main-box .horizontal .progress-track span{
  color: #000;
  font: normal normal 600 17px/19px var(--pri-font);
}
.why-choose-main-box .horizontal .progress-fill {
  position: relative;
  background: var(--yellow);
  height: 7px;
  width: 50%;
  color: #fff;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.why-choose-main-box .horizontal .progress-track span {
  position: absolute;
  right: 0;
  color: #000;
  font: 400 14px / 20px var(--pri-font);
  top: -30px;
}
.why-choose-main-box .progress-bar h6{
  color: #000;
}
.why-choose-image {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(10, 35px);
}
.why-choose-main-img-one {
  grid-row-start: 1;
  grid-row-end: 11;
  grid-column-start: 1;
  grid-column-end: 8;
  position: relative;
}
.why-choose-main-img-one img{
  border: 15px solid #fff;
}
.why-choose-main-img-one:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  border-left: 150px solid var(--green);
  border-bottom: 120px solid transparent;
}
.why-choose-main-img-one:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  border-right: 90px solid var(--yellow);
  border-top: 90px solid transparent;
}
.why-choose-main-img-two {
  grid-row-start: 2;
  grid-row-end: 6;
  grid-column-start: 8;
  grid-column-end: 11;    
  position: relative;
  left: 7px;
}
.why-choose-main-img-two img {
  /* object-fit: contain !important; */
}
.why-choose-main-img-two:before {
  content: '';
  background: var(--yellow);
  width: 100%;
  height: 100%;
  position: absolute;
  right: -15px;
  top: -13px;
  z-index: -1;
}
.why-choose-main-img-three {
  grid-row-start: 7;
  grid-row-end: 11;
  grid-column-start: 8;
  grid-column-end: 11;
  position: relative;
  left: 10px;
  bottom: 15px;
  width: fit-content;
  margin: auto;
}
.why-choose-main-img-three:before {
  content: '';
  background: var(--green);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  opacity: 0.4;
}
.why-choose-main-img-three img{
  border-radius: 50%;
  /* object-fit: contain !important; */
}
.why-choose-image .why-choose-main-img-three {
  /* width: 100%;
  height: auto; */
}
.why-choose-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.why-choose-video-btn {
  position: absolute;
  top: 0px;
  bottom: 0;
  margin: auto;
  height: fit-content;
  left: 0;
  right: 0;
  width: fit-content;
  z-index: 1;
  cursor: pointer;
}
.why-choose-play-icon svg{
  height: 35px;
}

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

/* our process */
section#Our_process:before {
  content: '';
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 57%;
  width: 100%;
}
.process-outer-box .heading-box h6{
  color: var(--yellow);
}
.process-outer-box .heading-box h3{
  color: #fff;
}
.process-box {
  width: 100px;
  margin: auto;
}
.process-img {
  width: 100px;
  height: 90px;
  object-fit: contain;
  padding: 22px 22px;
  background: var(--yellow) 0% 0% no-repeat padding-box;
  opacity: 1;
  clip-path: polygon(100% 0, 100% 100%, 25% 100%, 0 70%, 0 0);
}
.process-content-box h6{
  color: #fff;
}
.process-outer-box{
  position: relative;
  z-index: 2;
  padding: 0 0px;
  clip-path: polygon(0% 0%, 90.582% 0%, 100% 26.47%, 100% 100%, 7.499% 100%, 0% 77.339%);
  padding: 50px;
}
.process-content-box{
  padding-top: 15px;
}
.process-content-box p{
  width: 80%;
  margin: auto;
  color: #fff;
}
.our-process-box:before {
  position: absolute;
  content: '';
  left: -130px;
  bottom: 94px;
  border-right: 130px solid var(--yellow);
  border-bottom: 112px solid transparent;
}
.our-process-box:after {
  position: absolute;
  content: '';
  right: -130px;
  top: 110px;
  border-left: 130px solid var(--yellow);
  border-top: 102px solid transparent;
}


/* testimonial */
#testimonial .heading-box h6{
  color: var(--yellow);
}
#testimonial .heading-box p{
  font: normal normal normal 14px/25px var(--pri-font);
}
section#testimonial {
  /* padding-top: 17%;
  margin-top: -15%; */
}
.testimonial-bg-clor{
  background: var(--unnamed-color-006940) 0% 0% no-repeat padding-box;
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.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:hover {
  filter: drop-shadow(0px 2px 4px #00000029);
}
.testimonial-content-main-box{
  margin: 5px;
}
.testimonial-content-box {
  padding: 22px 21px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  clip-path: polygon(100% 0, 100% 100%, 15% 100%, 0 75%, 0 0);
}
.testimonial-para-content-box{
  font: normal normal normal 14px/22px var(--pri-font)
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; */
}
.testimonial-quote-box{
  padding-left: 6%;
}
.testimonial-content-main-box .quote-img{
  position: absolute;
  right: 35px;
  bottom: 30px;
}
#testimonial .owl-nav {
  display: block;
  position: absolute;
  left: -51%;
  bottom: 0%;
}
.testimonial-content-main-box:hover .testimonial-title-box{
  color: var(--green);
}




/* team */
.team-image {
  clip-path: polygon(0 0, 82% 0%, 100% 18%, 100% 100%, 18% 100%, 0% 82%);
}
.team-title{
  color: #000;
}
.teambox:hover .team-title{
  color: var(--green);
}
.team-social-icon-box {
  display: none;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
}
.teambox:hover .team-social-icon-box{
  display: block;
}
.team-social-icon-box-main i {
  background: #000;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 17px;
  text-align: center;
  line-height: 30px;
  margin: 0 4px;
}
.team-social-icon-box-main i:hover {
  background: var(--green);
  color: #fff;
}
.teambox:hover .team-image-outer:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  border-left: 60px solid var(--yellow);
  border-top: 60px solid transparent;
}
.teambox:hover .team-image-outer:before {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  border-left: 60px solid transparent;
  border-top: 60px solid var(--green);
  z-index: 2;
}

/* 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;
}




/* .gallery_front {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-auto-rows: 35px;
  grid-gap: 13px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  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(5n+1) {
  grid-row: span 11;
  grid-column: 1 / 8;
  clip-path: polygon(100% 0, 100% 100%, 18% 100%, 0 85%, 0 0);
}

.gallery_front .grid-items:nth-child(5n+2) {
  grid-row: span 5;
  grid-column: 8 / 12;
}

.gallery_front .grid-items:nth-child(5n+3) {
  grid-row: span 6;
  grid-column: 12 / 17;
  clip-path: polygon(0 0, 82% 0%, 100% 18%, 100% 100%, 18% 100%, 0% 82%);
}

.gallery_front .grid-items:nth-child(5n+4) {
  grid-row: span 5;
  grid-column: 8 / 13;
  clip-path: polygon(0 0, 82% 0%, 100% 18%, 100% 100%, 18% 100%, 0% 82%);
}

.gallery_front .grid-items:nth-child(5n+5) {
  grid-row: span 5;
  grid-column: 13 / 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-image-box:hover .blog-img-box:before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
.blog-img-box{
  overflow: hidden;
}
.blog-img-box: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, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
} */
@keyframes shine{
  100% {
    left: 125%;
  }
}
#blog .owl-carousel .blog-image-box{
  margin: 0px 10px;
}
.blog-contents-box {
  padding: 15px 15px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 5px;
}
.blog-contents-box h4 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img{
  width: 100%;
  height: 230px;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-date-admin-box {
  position: absolute;
  bottom: -50px;
  z-index: 2;
  color: #000;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.blog-date-admin-box:after {
  content: '';
  clip-path: polygon(0 0, 0% 100%, 85% 50%);
  background: var(--yellow);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.date-item {
  position: absolute;
  bottom: 0;
  top: 0;
  height: fit-content;
  left: 13px;
}
.blog-date-admin-box .date{
  font: normal normal 800 22px / 24px var(--pri-font);
}
.blog-date-admin-box .month{  
  font: normal normal 700 16px / 16px var(--pri-font);
}
.blog-image-box:hover .blog-date-admin-box:after{
  background: var(--green);
}
.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(--green);
}


/* 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 .heading-box h6{
  color: var(--yellow);
}
#newsletter .heading-box h3{
  color: var(--white);
}
.newsletter-inner-box{
  position: relative;
  z-index: 2;
  padding: 50px 0px;
  clip-path: polygon(0% 0%, 90.582% 0%, 100% 26.47%, 100% 100%, 7.499% 100%, 0% 77.339%);
}
.newsletter-head-content-box h3, .newsletter-head-content-box p{
  color: #000000;
}
.newsletter-head-content-box p{
  width: 80%;
}
#newsletter .wpcf7 input[type="email"] {
  padding: 12px 20px;
  border: none;
  border-radius: 0px;
  background-color: #fff !important;
  color: #000 !important;
  width: 100% !important;
  margin: 10px auto !important;
}
#newsletter .wpcf7-form-control-wrap{
  font: 400 14px / 20px var(--pri-font);
  color: #000;
}
#newsletter input[type="submit"] {
  background: var(--black);
  border-radius: 0px;
  color: #fff;
  padding: 10px 25px;
  font: normal normal medium 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#newsletter input[type="submit"]:hover{
  background: var(--yellow);
}
#newsletter form{
  display: flex;
  justify-content: space-around;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output{
  color: #fff;
}
.newsletter-head-form-box form p:nth-child(2){
  width: 80%;
}
.newsletter-head-form-box form p:nth-child(3){
  align-self: center;
}
.newsletter-outer-box:before {
  position: absolute;
  content: '';
  left: -77px;
  bottom: 61px;
  border-right: 90px solid var(--yellow);
  border-bottom: 69px solid transparent;
}
.newsletter-outer-box:after {
  position: absolute;
  content: '';
  right: -88px;
  top: 72px;
  border-left: 100px solid var(--yellow);
  border-top: 70px solid transparent;
}
#newsletter .wpcf7-not-valid-tip{
  position: absolute;
}
#newsletter .wpcf7 form .wpcf7-response-output{
  position: absolute;
  width: fit-content;
  color: #fff;
}


@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: 50px;
  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 1px 3px 0px #999999;
}
.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(--green);
  color: #fff;
}







/* media css */
@media screen and (max-width: 1750px){
  .our-process-box:before {
    left: -110px;
    bottom: 94px;
    border-right: 110px solid var(--yellow);
    border-bottom: 117px solid transparent;
  }
  .our-process-box:after {
    right: -104px;
    top: 110px;
    border-left: 105px solid var(--yellow);
    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;
  }
  #newsletter .wpcf7 form.invalid .wpcf7-response-output{
    bottom: 2px;
    font-size: 13px;
    width: fit-content;
    left: 0;
    padding: 4px;
    line-height: 13px;
    margin: auto;
    right: 0;
  } 
}
@media screen and (max-width: 1500px){  
  .our-counter-box,.process-outer-box,.newsletter-inner-box{
    width: 80%;
    margin: auto;
    padding: 30px;
  }
  .counter-title {
    font: normal normal 600 18px / 31px var(--pri-font);
  }
  .our-counter-box:before{
    bottom: 77px;
    border-bottom: 59px solid transparent;
    left: -72px;
  }
  .our-counter-box:after{
    top: 86px;
    border-top: 52px solid transparent;
    right: -72px;
  }
  .our-process-box:after {
    right: 0px;
    top: 100px;
    border-left: 130px solid var(--yellow);
    border-top: 87px solid transparent;
  }
  .our-process-box:before {
    left: 0px;
    bottom: 85px;
    border-right: 130px solid var(--yellow);
    border-bottom: 105px solid transparent;
  }  
  .newsletter-outer-box:before{
    left: 52px;
    bottom: 63px;
    border-bottom: 72px solid transparent;
  }
  .newsletter-outer-box:after{
    right: 42px;
    top: 74px;
    border-top: 74px solid transparent;
  }
  .slider-main-image {
    height: 700px;
  }
  .slider-nav-arrow{
    width: 473px;
    height: 195px;
    top: 54%;
  }
  section#our-features {
    margin-top: -10%;
  }
}
@media screen and (max-width: 1440px){
  .slider-main-image {
    height: 700px;
  }
  section#our-features {
    margin-top: -11%;
  }
  .slider-nav-arrow{
    width: 453px;
    height: 195px;
    top: 54%;
  }
  .carousel-control-prev i,.carousel-control-next i{
    position: relative;
    top: -5px;
  }
  .our-features-head-image-box {
    padding-top: 22px !important;
  }
}
@media screen and (max-width: 1439px){
  .slider-nav-arrow{
    width: 440px;
    height: 195px;
    top: 54%;
  }
}
@media screen and (max-width: 1399px){
  .gallery-page .gallery_front{
    grid-template-rows: repeat(16, 15px);
  }
  .projects-post-contents-box {
    padding: 15px 15px;
  }
  .projects-post-contents-box h5{
    font: 600 18px/24px var(--pri-font);
  }
  .our-counter-box:before{
    bottom: 69px;
    left: -72px;
    border-bottom: 45px solid transparent;
  }
  .our-counter-box:after{
    top: 74px;
    border-top: 41px solid transparent;
    right: -72px;
  }
  .counter-title {
    font: normal normal 600 15px / 35px var(--pri-font);
  }
  .counter-box{
    padding: 26% 18px;
  }
  .our-process-box:after {
    right: -17px;
    top: 113px;
    border-left: 130px solid var(--yellow);
    border-top: 95px solid transparent;
  }
  .our-process-box:before {
    left: -19px;
    bottom: 97px;
    border-right: 130px solid var(--yellow);
    border-bottom: 123px solid transparent;
  }
  .newsletter-outer-box:before{
    left: 34px;
    bottom: 63px;
    border-bottom: 72px solid transparent;
  }
  .newsletter-outer-box:after{
    right: 24px;
    top: 74px;
    border-top: 74px solid transparent;
  }
  .slider-main-image {
    height: 700px;
  }
  section#our-features {
    margin-top: -13%;
  }
  .slider-nav-arrow{
    height: 194px;
    top: 54%;
    width: 378px;
  }
  .carousel-control-prev{
    left: -10px;
  }
  .our-features-head-image-box {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 1199px){
  .gallery-page .gallery_front{
    grid-template-rows: repeat(16, 10px);
  }
  .title-box {
    height: 320px;
  }
  .about-inner-paragraph{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .About-image{
    grid-template-rows: repeat(14, 28px);
  }
  .about-main-heading {
    font: normal normal 800 30px / 40px Figtree;
  }
  .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;
  }
  h5 {
    font: 600 17px / 24px var(--pri-font);
  }
  .our-mission-head-image-box {
    width: 50%;
    height: auto;
  }
  .our-mission-para {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .our-process-box:before {
    left: -26px;
    bottom: 85px;
    border-right: 120px solid var(--yellow);
    border-bottom: 112px solid transparent;
  }
  .our-process-box:after {
    right: -21px;
    top: 102px;
    border-left: 115px solid var(--yellow);
    border-top: 81px solid transparent;
  }
  #testimonial .owl-nav {
    left: -75%;
  }
  .newsletter-outer-box:after{
    right: 6px;
    top: 61px;
    border-top: 61px solid transparent;
  }
  .newsletter-outer-box:before{
    left: 16px;
    bottom: 51px;
    border-bottom: 60px solid transparent;
  }
  .call-number {
    font: normal normal bold 16px / 26px var(--pri-font);
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  .slider-main-image {
    height: 750px;
  }
  .header-main-box{
    text-align: center;
  }
  .logo{
    width: 170px;
  }
  .main-navigation #menu-primary-menu a{
    padding: 15px 20px;
  }
  #slidemainbox {
    top: 18%;
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  .slider-main-image {
    height: 700px;
  }
  .slider-nav-arrow{
    width: 270px;
    height: 160px;
    top: 49%;
  }
  #slider .carousel-control-prev{
    right: 0;
  }
  section#our-features {
    margin-top: -15%;
  }
  .carousel-control-prev i,.carousel-control-next i{
    top: -8px;
    position: relative;
  }
}
@media screen and (max-width:1023px){
  .gallery-page .gallery_front{
    grid-template-rows: repeat(16, 10px);
  }
  .header-main-box{
    text-align: center;
  }
  #slidemainbox {
    top: 18%;
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  .slider-main-image {
    height: 700px;
  }
  .slider-nav-arrow{
    width: 270px;
    height: 160px;
    top: 49%;
  }
  #slider .carousel-control-prev{
    right: 0;
  }
  section#our-features {
    margin-top: -15%;
  }
  .carousel-control-prev i,.carousel-control-next i{
    top: -8px;
    position: relative;
  }
}
@media screen and (max-width: 991px){
  .gallery-page .gallery_front{
    grid-template-rows: repeat(16, 5px);
  }
  .quotation-form-box{
    padding: 20px;
  }
  .quotation-form-box .head-label {
    font-size: 20px !important;
    line-height: 25px;
    font-weight: 600 !important; 
  }
  .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_box .social_widget aside .widget-title{
    width: 35%;
  }
  .heading-box{
    gap: 0px;
  }
  .single-post-content li {
    font: 400 13px / 24px var(--pri-font);
  }
  .single-post-content {
    font: 400 14px / 22px var(--pri-font);
  }
  .about-main-heading, h3 {
    font: normal normal 800 25px / 35px Figtree;
  }
  .about-inner-title{
    font: normal normal bold 19px / 30px Figtree;
  }
  .about-main-img-two:before{
    border-right: 120px solid var(--green);
    border-bottom: 100px solid transparent;
  }
  .about-main-img-three:before{
    border-left: 70px solid var(--yellow);
    border-top: 70px solid transparent;
  }
  .about-count {
    font: normal normal bold 30px / 30px Figtree;
  }
  .about-count-text {
    font: normal normal 600 15px / 20px Figtree;
  }
  .About-image{
    grid-template-rows: repeat(14, 20px);
  }
  .About-image img{
    border: 10px solid #fff;
  }
  .our-counter-box:before{
    bottom: 73px;
    border-bottom: 53px solid transparent;
  }
  .our-counter-box:after{
    top: 81px;
    border-top: 48px solid transparent;
  }
  .why-choose-image{
    grid-template-rows: repeat(10, 25px);
  }
  .why-choose-main-box .progress-bar{
    padding: 10px 0px;
  }
  .our-process-box:before {
    left: -35px;
    bottom: 59px;
    border-right: 122px solid var(--yellow);
    border-bottom: 125px solid transparent;
  }
  .our-process-box:after {
    right: -36px;
    top: 93px;
    border-left: 106px solid var(--yellow);
    border-top: 75px solid transparent;
  }
  .mission-title {
    font: normal normal bold 14px / 25px var(--pri-font);
  }
  .team-social-icon-box{
    display: block;
  }
  .teambox .team-image-outer:before{
    right: 0px;
    top: 0px;
    border-left: 60px solid transparent;
    border-top: 60px solid var(--green);
    z-index: 2;
  }
  .teambox .team-image-outer:after {
    left: 0px;
    bottom: 0px;
    border-left: 60px solid var(--yellow);
    border-top: 60px solid transparent;
  }
  ul.gallery_front{
    grid-template-rows: repeat(11, 20px);
  }
  .blog-outer-box{
    justify-content: center !important;
  }
  .newsletter-head-form-box {
    width: 80%;
    margin: auto;
  }
  .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(--yellow);
    border-top: 55px solid transparent;
  }  
  .footer2 h4, .footer3 h4 {
    padding-bottom: 4%;
    padding-top: 10%;
  }
  .footer1 .widget_media_image, .footer4 h4 {
    padding-bottom: 5%;
    padding-top: 10%;
  }
  .copyright-menus-box{
    justify-content: space-evenly !important;
    margin: auto;
  }
  #slidemainbox {
    top: 20%;
    position: absolute;
  }
  h1 {
    font: normal normal 800 32px / 42px var(--pri-font);
  }
  .slider-main-image {
    height: 700px;
  }
  .slider-nav-arrow{
    width: 204px;
    height: 125px;
    top: 44%;
    clip-path: polygon(100% 0%, 0% 42%, 100% 100%);
  }
  .carousel-control-prev i,.carousel-control-next i{
    top: -8px;
    position: relative;
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  section#our-features {
    margin-top: -16%;
  }
  .features-box {
    width: 50px;
    height: 50px;
    margin: auto;
  }
  .our-features-head-image-box {
    padding-top: 12px !important;
  }
  .features-inner-boxed {
    padding: 20px 5px;
  }
  .teambox .team-image-outer:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    border-left: 60px solid transparent;
    border-top: 60px solid var(--green);
    z-index: 2;
  }
  .teambox .team-image-outer:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    border-left: 60px solid var(--yellow);
    z-index: 2;
  }
  .project-content .project-active-content-box:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    border-left: 60px solid transparent;
    border-top: 60px solid var(--green);
    z-index: 2;
  }
  .project-content .projects-post-contents-outer-box:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    border-left: 60px solid var(--yellow);
    border-top: 60px solid transparent;
  }  
  
}
@media screen and (max-width: 800px){
  h1 {
    font: normal normal 800 32px / 42px var(--pri-font);
  }
  .slider-main-image {
    height: 650px;
  }
  .slider-nav-arrow {
    width: 203px;
    height: 148px;
    top: 49%;
  }
  .carousel-control-prev i,.carousel-control-next i{
    top: -8px;
    position: relative;
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  section#our-features {
    margin-top: -16%;
  }
  .features-box {
    width: 50px;
    height: 50px;
    margin: auto;
  }
  .our-features-head-image-box {
    padding-top: 4px !important;
  }
  .features-inner-boxed {
    padding: 20px 5px;
  }
}
@media screen and (max-width:767px){
  .gallery-page .gallery_front{
    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;
  }
  .About-image{
    grid-template-rows: repeat(14, 30px);
  }
  .blog-main-heading{
    margin: auto;
  }
  .our-counter-box{
    width: 100%;
    margin: auto;
  }
  .counter-counter-box,.process-outer-box,.newsletter-inner-box{
    clip-path: none;
    width: 100%;
    margin: auto;
  }
  .our-counter-box:before,.our-counter-box:after,.our-process-box:before,.our-process-box:after,.newsletter-outer-box:before,.newsletter-outer-box:after{
    display: none;
  }
  .project-botton-media-btn{
    margin-top: -90px;
  }
  #project .owl-nav{
    padding-top: 6% !important;
  }
  #project h5 {
    font: 600 17px / 24px var(--pri-font);
  }
  .services-text-box{
    padding: 25% 6% 8% 6%;
  }
  .our-mission-head-image-box{
    height: auto;
    width: auto;
  }
  .our-mission-para {
    width: 100%;
  }
  .our-mission-title-box h6 {
    font: normal normal bold 20px / 25px var(--pri-font);
  }
  .mission-title {
    font: normal normal bold 16px / 17px var(--pri-font);
  }
  .testimonial-main-heading{    
    margin: auto;
  }
  ul.gallery_front{
    grid-template-rows: repeat(11, 15px);
  }
  .footer-content .footer1 p{
    width: 100%;
  }
  .slider-main-image{
    clip-path: none;
  }
  .our-features-head-content-box{
    margin: auto;
  }  
  h1 {
    font: normal normal 800 33px / 43px var(--pri-font);
  }
  .slider-para{
    width: 100%;
  }
  .slider-main-image {
    height: 600px;
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  .slider-nav-arrow{
    height: 95px;
    width: 120px;
    top: unset;
    clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
  }
  .slider-call-box{
    justify-content: center;
  }
  .our-features-box,.our-feature-outer-box{
    clip-path: none;
  }
  .features-inner-boxed {
    padding: 25px 5px;
  }
  section#our-features{
    margin-top: 0px;
  }
  .slidemainbox-col1:after{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .carousel-control-prev i, .carousel-control-next i {
    top: 0px;
  }
  #slidemainbox{
    top: 25%;
    position: absolute;
  }  
  .our-mission-head-content-box h3{
    margin: auto !important;
  }
  .why-choose-image {
    grid-template-rows: repeat(10, 32px);
  }
  #newsletter .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;
  }
  #newsletter .wpcf7-not-valid-tip{
    position: unset;
  }
  .footer2 #menu-quick-links li a, .menu-services-menu-container ul li a {
    font: normal normal 500 16px / 30px var(--pri-font);
  }

}
@media screen and (max-width:575px){
  .gallery-page .gallery_front{
    gap: 8px;
  }
  #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-image{
    grid-template-rows: repeat(14, 18px);
  }
  .why-choose-image{
    grid-template-rows: repeat(10, 35px);
  }
  .project-botton-media-btn{
    margin-top: -90px;
  }
  #project .owl-nav{
    padding-top: 14% !important;
  }
  .services-text-box{
    padding: 18% 6% 8% 6%;
  }
  ul.gallery_front{
    gap: 5px;
    grid-template-rows: repeat(11, 10px);
  }
  .footer-content{
    text-align: center;
  }
  .footer-contact-box,.footer-call-box {
    margin: auto;
  }
  .footer-content .footer1 p{
    width: 90%;
    margin: auto;
  }
  .location{
    justify-content: center;
  }
  .footer2 h4, .footer3 h4 {
    padding-bottom: 4%;
    padding-top: 10%;
  }
  .footer1 .widget_media_image, .footer4 h4 {
    padding-bottom: 5%;
    padding-top: 10%;
  }
  .logo{
    width: fit-content;
    margin: auto;
  }
  .header-main-outer-box:before{
    display: none;
  }
  h1 {
    font: normal normal 800 20px / 30px var(--pri-font);
  }
  .features-inner-box {
    border-top: 1px solid #2A2A2A;
  }
}
@media screen and (max-width:480px){
  .banner-heading {
    padding-top: 20%;
  }
  #newsletter form{
    display: block;
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 100%;
  }
  .why-choose-image {
    grid-template-rows: repeat(10, 25px);
  }
  a.single-services-button.btn{
    padding: 12px 20px;
  }
}

@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);
  }
}