/*
Theme Name: Coworking Space 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: coworking-space-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.
Coworking Space 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;
}
:root {
  --pri-font: "Inter", serif;
  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: 300;
  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: 600 16px/20px var(--pri-font);
  color: var(--black);
  margin: 0;    
}
h4{
  font: 700 18px/25px var(--pri-font);
  color: var(--black);
  margin: 0;    
}
h3,h3 a{
  font: 700 30px / 45px var(--pri-font);
  color: #000000;
  margin: 0;
}
h2{
  font: normal normal bold 45px/30px var(--pri-font);
  color: var(--white);
  margin: 0;
}
h1{
  font: 700 45px / 55px var(--pri-font);
  color: #fff;
  margin: 0px;
}
p{
  font: normal normal normal 14px/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(--pri-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: 4px;
  position: relative;
  border: none;
  z-index: 0;
  overflow: hidden;
}
.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: var(--black);
  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: var(--orange);
  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,.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(--orange);
}
#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(--orange);
}
.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;
}
.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: var(--orange);
}
.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: var(--orange) 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(--orange);
}
#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(--orange);
}
#comments .comment-author.vcard img {
  padding: 2px;
}


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





/* ------------- pricing plan ------------------ */
#pricing_plans h6{
  margin: 0 auto;
}
.pricing-plans-box {
  box-shadow: 0px 2px 5px 0px #00000040;
  border-radius: 10px;
  padding: 35px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#pricing_plans h5 {
  font: 600 20px / 20px var(--pri-font);
}
.pricing-package p{
  font: normal normal normal 13px / 25px var(--pri-font);
}
.contents-plan p{
  position: relative;
  padding-left: 20px;
}
.price-plan{
  display: flex;
  justify-content: center;
}
.price{
  font: normal normal 600 45px/45px var(--pri-font);
  color: var(--color-orange);
}
.dollar{
  color: #000;
}
#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;
}
.pricing-plans-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(to bottom, rgba(181, 181, 181, 0.1), rgba(255, 91, 46, 0.1));
  clip-path: polygon(0% 2.778%, 0% 2.778%, 0.031% 2.327%, 0.121% 1.9%, 0.264% 1.501%, 0.456% 1.137%, 0.692% 0.814%, 0.968% 0.536%, 1.278% 0.31%, 1.617% 0.142%, 1.981% 0.036%, 2.364% 0%, 97.369% 0%, 97.369% 0%, 97.729% 0.031%, 98.071% 0.123%, 98.393% 0.271%, 98.689% 0.47%, 98.954% 0.716%, 99.186% 1.005%, 99.378% 1.333%, 99.527% 1.696%, 99.628% 2.089%, 99.677% 2.507%, 99.677% 2.507%, 99.852% 7.199%, 99.924% 13.843%, 99.756% 22.029%, 99.208% 31.347%, 98.14% 41.386%, 96.413% 51.736%, 93.888% 61.984%, 90.425% 71.721%, 85.885% 80.536%, 80.13% 88.018%, 80.13% 88.018%, 72.873% 93.732%, 64.463% 97.429%, 55.282% 99.415%, 45.712% 100%, 36.138% 99.491%, 26.941% 98.197%, 18.504% 96.426%, 11.21% 94.486%, 5.442% 92.685%, 1.583% 91.331%, 1.583% 91.331%, 1.305% 91.204%, 1.049% 91.039%, 0.817% 90.839%, 0.61% 90.608%, 0.431% 90.349%, 0.28% 90.064%, 0.16% 89.758%, 0.072% 89.434%, 0.018% 89.095%, 0% 88.744%, 0% 2.778%);
  width: 100%;
  height: 65%;
  z-index: -1;
}
#pricing_plans .pricing-plans-outer-box:hover::after {
  opacity: 1;
}
#pricing_plans .pricing-plans-outer-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(130.69deg, var(--orange) 0%, rgba(18, 16, 18, 0) 50.24%, var(--orange) 100%) !important;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  z-index: -1;
  opacity: 0;
}
.blog-image-box:hover .blog-date-admin-box {
  transition: all .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);
}


/* 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-contents-box h5 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img{
  width: 100%;
  height: 230px;
  -webkit-mask-image: url(assets/images/our-blog/blog-mask.png);
  mask-image: url(assets/images/our-blog/blog-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
}
.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: var(--orange);
}
.blog-image-box:hover .blog-contents-box h5{
  color: var(--orange);
}

.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 .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 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(--orange);
}
#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: 79%; */
}
.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: 78%;
}
.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: #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: 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;
}







/* 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;
  }
  #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;
  } 
  #footer_box .container {
    padding-left: 4%; 
  }
}
@media screen and (max-width: 1399px){
  .newsletter-head-form-box input[type="email"]{
    width: 70%;
  }
  .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: 700 25px / 35px var(--pri-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;
  }
  .pricing-plans-box {
    box-shadow: 0px 2px 5px 0px #00000040;
    border-radius: 10px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .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%;
  }
}
@media screen and (max-width:1023px){
  .gallery-page .gallery-outer{
    grid-template-rows: repeat(16, 10px);
  }
  p {
    font: normal normal normal 13px / 25px var(--pri-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;
  }
  #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: 700 20px / 25px var(--pri-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;
  }  
  .footer-content .footer1 p {
    width: 100%;
  }
  .footer-call-box{
    margin: auto;
  }
  .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
  }
  .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(--pri-font);
    padding: 10px 25px;
  }
  .newsletter-inner-box{
    justify-content: center;
    margin: auto;
  }
  .newsletter-head-form-box input[type="email"]{
    width: 70%;
  }

}
@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%;
  }
}
@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{
  -webkit-mask-image: url(assets/images/footer-bg-mask.png);
  mask-image: url(assets/images/footer-bg-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  position: relative;
}

















/* spaces */
.spaces-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);
}
.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(.3) translate(-20px, 10px);
  }
  50% {
      transform: translate(0, 0);
      opacity: 1;
  }
}




/* Pricing Plan */
.booking-form-wrap {
  background: #E6E6E6;
  padding: 30px 30px;
  border-radius: 20px;
}
.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;
}