@charset "UTF-8";
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
:root {
  --theme-color: #D9A043;
  --theme-color2: #F0A538;
  --theme-color3: #209E2E;
  --title-color: #0C0A0A;
  --title-dark: #0C0A0A;
  --body-color: #555555;
  --smoke-color: #FFEEDB;
  --smoke-color2: #F2F3F5;
  --smoke-color3: #FFF5EB;
  --black-color: #000000;
  --black-color2: #171717;
  --gray-color: #333333;
  --th-border-color: #B3B3B3;
  --th-border-color2: #D4D4D4;
  --white-color: #ffffff;
  --smoke-color4: #F5F7F9;
  --black-color3: #1A1A1A;
  --black-color4: #23343E;
  --gray-color2: #E5E4E9;
  --gray-color3: #F3F5F6;
  --gray-color4: #EEF4EE;
  --gray-color5: #E4DFD8;
  --gray-color6: #968D81;
  --gray-color7: #ECE5DB;
  --light-color: #A4B5BA;
  --light-color2: #FBF5EC;
  --yellow-color: #E2B93B;
  --success-color: #27AE60;
  --error-color: #EB5757;
  /* Arabic business: Cairo = titles, Tajawal = body (loaded via fg-google-fonts in functions.php) */
  --title-font: "Cairo", "Tajawal", sans-serif;
  --body-font: "Tajawal", "Cairo", sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1296px;
  --container-gutters: 24px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
  --th-body-background: #ffffff;
}

/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
/*------------------- 1.5. Typography -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
html,
body {
  scroll-behavior: auto !important;
}

body {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 26px;
  overflow-x: hidden;
  background: var(--th-body-background);
  -webkit-font-smoothing: antialiased;
  /***scroll-bar***/
}
body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 0px;
}
body::-webkit-scrollbar-track {
  background: rgba(252, 0, 18, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--theme-color);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  border-radius: 0px;
}
@media (max-width: 575px) {
  body.home-sidemenu .th-btn {
    padding: 17.5px 24px;
    font-size: 14px;
  }
}

iframe {
  border: none;
  width: 100%;
}

.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline: none;
}

input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--th-border-color);
}

th {
  font-weight: 700;
  color: var(--title-color);
}

td,
th {
  border: 1px solid var(--th-border-color);
  padding: 9px 12px;
}

a {
  color: var(--theme-color);
  text-decoration: none;
  outline: 0;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
a:hover {
  color: var(--title-color);
}
a:active, a:focus, a:hover, a:visited {
  text-decoration: none;
  outline: 0;
}

button {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

img {
  border: none;
  max-width: 100%;
}

pre {
  font-family: var(--body-font);
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}


p:empty {
  display: none;
}

p {
  font-family: var(--body-font);
  margin: 0 0 18px 0;
  color: var(--body-color);
  line-height: 1.75;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px 0;
}

.h1,
h1 {
  font-size: 80px;
  line-height: 1.18;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .h1,
  h1 {
    font-size: 70px;
  }
}

.h2,
h2 {
  font-size: 48px;
  line-height: 1.333;
}

.h3,
h3 {
  font-size: 36px;
  line-height: 1.278;
}

.h4,
h4 {
  font-size: 30px;
  line-height: 1.333;
}

.h5,
h5 {
  font-size: 24px;
  line-height: 1.417;
}

.h6,
h6 {
  font-size: 20px;
  line-height: 1.5;
}

/* Large devices */
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 60px;
    line-height: 1.3;
  }
  .h2,
  h2 {
    font-size: 36px;
    line-height: 1.3;
  }
  .h3,
  h3 {
    font-size: 30px;
  }
  .h4,
  h4 {
    font-size: 24px;
  }
  .h5,
  h5 {
    font-size: 20px;
  }
  .h6,
  h6 {
    font-size: 16px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 40px;
  }
  .h2,
  h2 {
    font-size: 34px;
    line-height: 1.3;
  }
  .h3,
  h3 {
    font-size: 26px;
  }
  .h4,
  h4 {
    font-size: 22px;
  }
  .h5,
  h5 {
    font-size: 18px;
  }
  .h6,
  h6 {
    font-size: 16px;
  }
}
.cursor-follower {
  position: fixed;
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  z-index: 999999;
  -webkit-transition: 0.2s cubic-bezier(0.16, 1, 0.3, 1) opacity, 0.2s cubic-bezier(0.16, 1, 0.3, 1) background, 0.6s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform;
  transition: 0.2s cubic-bezier(0.16, 1, 0.3, 1) opacity, 0.2s cubic-bezier(0.16, 1, 0.3, 1) background, 0.6s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform;
  transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1) transform, 0.2s cubic-bezier(0.16, 1, 0.3, 1) opacity, 0.2s cubic-bezier(0.16, 1, 0.3, 1) background;
  transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1) transform, 0.2s cubic-bezier(0.16, 1, 0.3, 1) opacity, 0.2s cubic-bezier(0.16, 1, 0.3, 1) background, 0.6s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
  opacity: 0.7;
  mix-blend-mode: multiply;
}

/*------------------- 1.6. Extend -------------------*/
/*------------------- 1.7. Wordpress Default -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
p.has-drop-cap {
  margin-bottom: 20px;
}

.page--item p:last-child .alignright {
  clear: right;
}


.breadcumb-title {
  word-break: break-word;
}


.wp-block-embed figcaption,
.wp-block-image figcaption {
  color: var(--body-color);
}

.page-links {
  clear: both;
}

.page--item {
  margin-bottom: 30px;
}
.page--item p {
  line-height: 1.8;
}

.wp-block-button.aligncenter {
  text-align: center;
}

.gallery {
  margin-bottom: 1.5em;
  width: 100%;
}

.wp-block-columns {
  margin-bottom: 1em;
}

figure.wp-block-gallery {
  margin-bottom: 14px;
}

.wp-block-cover p:not(.has-text-color),
.wp-block-cover-image-text,
.wp-block-cover-text {
  color: var(--white-color);
}

.wp-block-cover {
  margin-bottom: 15px;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  margin: 0.5em 0;
  font-size: 14px;
}

.wp-block-media-text,
.wp-block-media-text.alignwide,
figure.wp-block-gallery {
  margin-bottom: 30px;
}

.wp-block-media-text.alignwide {
  background-color: var(--smoke-color);
}

.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
  line-height: 1.4;
}

.wp-block-latest-comments a {
  color: inherit;
}

.wp-block-button {
  margin-bottom: 10px;
}
.wp-block-button:last-child {
  margin-bottom: 0;
}
.wp-block-button .wp-block-button__link {
  color: #fff;
}
.wp-block-button .wp-block-button__link:hover {
  color: #fff;
  background-color: var(--theme-color);
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border-color: var(--title-color);
  color: var(--title-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: #fff;
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

ol.wp-block-latest-comments li {
  margin: 15px 0;
}

ul.wp-block-latest-posts {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  color: var(--white-color);
}
ul.wp-block-latest-posts a {
  color: inherit;
}
ul.wp-block-latest-posts a:hover {
  color: var(--theme-color2);
}
ul.wp-block-latest-posts li {
  margin: 15px 0;
}

.wp-block-search__inside-wrapper {
  position: relative;
}

.wp-block-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}
.wp-block-search .wp-block-search__input {
  width: 100%;
  max-width: 100%;
  border: 0;
  padding-left: 25px;
  padding-right: 130px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 50px;
  background: rgba(164, 181, 186, 0.2);
  color: var(--white-color);
}
.wp-block-search .wp-block-search__input:focus {
  border-color: var(--theme-color);
}
.wp-block-search .wp-block-search__button {
  margin: 0;
  min-width: 110px;
  height: 100%;
  border: none;
  color: var(--title-color);
  background-color: var(--white-color);
  border-radius: 0px 50px 50px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.wp-block-search .wp-block-search__button.has-icon {
  min-width: 56px;
}
.wp-block-search .wp-block-search__button:hover {
  background-color: var(--theme-color2);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: 0;
  border: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 0 60px 0 25px;
}

ul.wp-block-rss a {
  color: inherit;
}

.wp-block-group.has-background {
  padding: 15px 15px 1px;
  margin-bottom: 30px;
}

.wp-block-table td,
.wp-block-table th {
  border-color: rgba(0, 0, 0, 0.1);
}

.wp-block-table.is-style-stripes {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.wp-block-table.is-style-stripes {
  border: 0;
  margin-bottom: 30px;
  border-bottom: 0;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
  border-color: var(--th-border-color);
}


.logged-in .preloader .th-btn {
  top: 32px;
}
@media (max-width: 782px) {
  
  .logged-in .preloader .th-btn {
    top: 46px;
  }
}
@media (max-width: 600px) {
  
  .logged-in .preloader .th-btn {
    top: 0;
  }
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
  padding-top: 1em;
}
.page-links > .page-links-title {
  margin-right: 10px;
}
.page-links > span:not(.page-links-title):not(.screen-reader-text),
.page-links > a {
  display: inline-block;
  padding: 5px 13px;
  background-color: var(--white-color);
  color: var(--title-color);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-right: 10px;
}
.page-links > span:not(.page-links-title):not(.screen-reader-text):hover,
.page-links > a:hover {
  opacity: 0.8;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: transparent;
}
.page-links > span:not(.page-links-title):not(.screen-reader-text).current,
.page-links > a.current {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: transparent;
}
.page-links span.screen-reader-text {
  display: none;
}

.blog-single .wp-block-archives-dropdown {
  margin-bottom: 30px;
}
.blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories,
.blog-single .blog-content .wp-block-archives-dropdown {
  display: block;
  margin-bottom: 30px;
}
.blog-single .wp-block-archives {
  margin-bottom: 0;
  margin-top: 0;
}
 .blog-single .wp-block-archives li, .blog-single .wp-block-categories li {
  color: var(--body-color);
}
 .blog-single .wp-block-archives li:hover, .blog-single .wp-block-categories li:hover {
  color: var(--theme-color);
}
 .blog-single .wp-block-archives a, .blog-single .wp-block-categories a {
  border-bottom: 1px solid var(--theme-color);
}
 .blog-single .wp-block-archives a:hover, .blog-single .wp-block-categories a:hover {
  color: var(--theme-color);
}
 .blog-single .wp-block-archives a:hover ~ span, .blog-single .wp-block-categories a:hover ~ span {
  color: var(--theme-color);
}
.blog-single .wp-block-latest-comments__comment a {
  color: var(--theme-color);
}
 .blog-single .wp-block-latest-comments li {
  color: var(--body-color);
}
 .blog-single .wp-block-latest-comments li:before {
  color: var(--theme-color);
}
.blog-single ul.wp-block-latest-posts {
  color: var(--theme-color);
}
.blog-single .wp-block-search .wp-block-search__input {
  background: rgba(28, 45, 55, 0.2);
  color: var(--theme-color);
}
.blog-single .wp-block-tag-cloud a {
  background: rgba(28, 45, 55, 0.2);
  color: var(--theme-color);
}
.blog-single .wp-block-tag-cloud a:hover {
  background: var(--theme-color2);
}

.th-search {
  background-color: var(--theme-color);
  margin-bottom: 30px;
  border-radius: 15px;
  overflow: hidden;
}
.th-search .search-grid-content {
  padding: 30px;
  /* Small devices */
}
@media (max-width: 767px) {
  .th-search .search-grid-content {
    padding: 20px;
  }
}
.th-search .search-grid-title {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 0;
  color: var(--white-color);
}
.th-search .search-grid-title a {
  color: inherit;
}
.th-search .search-grid-title a:hover {
  color: var(--theme-color2);
}
.th-search .search-grid-meta {
  margin-bottom: 0;
  margin-top: 10px;
}
.th-search .search-grid-meta > * {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}
.th-search .search-grid-meta > *:last-child {
  margin-right: 0;
}
.th-search .search-grid-meta a,
.th-search .search-grid-meta span {
  color: var(--light-color);
}
.th-search .search-grid-meta a i,
.th-search .search-grid-meta span i {
  color: var(--theme-color2);
}

/* Small devices */
@media (max-width: 768px) {
  .wp-block-latest-comments {
    padding-left: 10px;
  }
  .page--content.clearfix + .th-comment-form {
    margin-top: 24px;
  }
}
/*blog-navigation*****************/
.blog-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--th-border-color);
  border-bottom: 1px solid var(--th-border-color);
  padding: 30px 0;
  margin-top: 60px;
  margin-bottom: 40px;
}
.blog-navigation > div {
  min-width: 220px;
}
.blog-navigation .nav-text {
  font-size: 16px;
  font-family: var(--body-font);
  color: var(--title-color);
  display: inline-block;
  font-weight: 400;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.blog-navigation .nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  --btn-size: 55px;
  border-color: var(--title-color);
}
.blog-navigation .nav-btn img {
  border-radius: 10px;
}
.blog-navigation .nav-btn.next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.blog-navigation .nav-btn:hover .icon-btn {
  background: var(--theme-color);
  border-color: var(--theme-color);
}
.blog-navigation .nav-btn:hover .icon-btn img {
  -webkit-filter: brightness(99) grayscale(9) invert(0);
          filter: brightness(99) grayscale(9) invert(0);
}
.blog-navigation .nav-btn:hover .nav-text {
  color: var(--theme-color);
}

/* Extra small devices */
@media (max-width: 575px) {
  .blog-navigation > div {
    min-width: 150px;
  }
  .blog-navigation .nav-btn {
    --btn-size: 40px;
  }
  .blog-navigation .nav-text {
    font-size: 14px;
  }
}
/*blog-author*****************/

/* Small devices */
/* Extra small devices */
/*listing wp css***************/
.directorist-content-active .directorist-listings-header {
  background: transparent;
  border-radius: 16px;
  border: 1px solid var(--theme-color);
}

.directorist-content-active .directorist-listings-header__left .directorist-filter-btn {
  background: transparent !important;
}
.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover {
  background: var(--white-color) !important;
}

.atbd_content_active #directorist.atbd_wrapper .atbd_submit_btn_wrapper .more-filter {
  background: transparent !important;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_submit_btn_wrapper .more-filter:hover {
  background: var(--white-color) !important;
}

/*wp-widget-property-contact***********/

.wp-widget-property-contact .atbdp-widget-listing-contact .form-group {
  --bs-gutter-x: 20px;
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group .form-control {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 40px;
  color: var(--white-color);
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group .form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wp-widget-property-contact .atbdp-widget-listing-contact .form-group textarea.form-control {
  border-radius: 20px;
}
.wp-widget-property-contact .btn {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 13.5px 24px;
  min-width: 125px;
  border-radius: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--white-color);
  color: var(--title-color);
  border: 0;
  width: 100%;
}
.wp-widget-property-contact .btn:hover {
  background: var(--theme-color2);
}
.wp-widget-property-contact .btn:active, .wp-widget-property-contact .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

/*wp-widget-property-contact***********/
.wp-widget-property-author .atbd_author_info_widget .atbd_avatar_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_avatar_wrapper .atbd_review_avatar {
  border-radius: 10px;
  width: 120px;
  overflow: hidden;
  display: inline-block;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_avatar_wrapper .atbd_name_time h4 {
  font-size: 22px;
  color: var(--white-color);
  margin-top: 10px;
  margin-bottom: 5px;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_avatar_wrapper .atbd_name_time .review_time {
  font-size: 14px;
  color: var(--light-color);
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info {
  margin-top: 20px;
  margin-bottom: 20px;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: var(--white-color);
  word-break: break-word;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info ul li:not(:last-child) {
  margin-bottom: 15px;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info ul li i {
  -webkit-filter: brightness(9);
          filter: brightness(9);
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info ul li .atbd_info {
  color: inherit;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_widget_contact_info ul li .atbd_info a {
  color: inherit;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_social_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.wp-widget-property-author .atbd_author_info_widget .atbd_social_wrap p a {
  color: var(--white-color);
  width: 30px;
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-filter: brightness(9);
          filter: brightness(9);
}
.wp-widget-property-author .atbd_author_info_widget .atbd_social_wrap p a:hover {
  background: var(--theme-color2);
  -webkit-filter: none;
          filter: none;
}
.wp-widget-property-author .btn {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 13.5px 24px;
  min-width: 125px;
  border-radius: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 1px solid var(--white-color);
  color: var(--white-color);
  width: 100%;
}
.wp-widget-property-author .btn:hover {
  background: var(--white-color);
  color: var(--theme-color);
}
.wp-widget-property-author .btn:active, .wp-widget-property-author .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

/*directorist-authors__card***********/
.directorist-content-active .directorist-authors__card {
  border: 0;
  border-radius: 10px;
}
.directorist-content-active .directorist-authors__card .directorist-authors__card__info-list li {
  color: var(--theme-color);
}
.directorist-content-active .directorist-authors__card .directorist-authors__card__info-list li i {
  border: 1px solid var(--theme-color);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
  margin-right: 10px;
}
.directorist-content-active .directorist-authors__card .directorist-authors__card__info-list li a {
  color: var(--theme-color);
}
.directorist-content-active .directorist-authors__card .directorist-authors__card__info-list li:not(:last-child) {
  margin-bottom: 12px;
}
.directorist-content-active .directorist-authors__card .directorist-btn {
  border-radius: 50px;
}
.directorist-content-active .directorist-authors__card .directorist-btn:hover {
  background: var(--theme-color2);
  color: var(--title-color);
}
.directorist-content-active .directorist-authors__card .directorist-author-social a:hover {
  background: var(--theme-color2);
  color: var(--title-color);
}
.directorist-content-active .directorist-authors__card .directorist-author-social a:hover i {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.sticky-widget-sidebar .wp-sticky-sidebar {
  position: sticky;
  top: 160px;
}

/*directorist-authors__details***********/

/*directorist-listing-single***************/

/*directorist-listing-list*******************/

/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Medium Large devices */
@media (max-width: 1399px) {
  :root {
    --main-container: 1250px;
  }
}
@media only screen and (min-width: 1300px) {
  
  .container {
    max-width: calc(var(--main-container) + var(--container-gutters));
    padding-left: calc(var(--container-gutters) / 2);
    padding-right: calc(var(--container-gutters) / 2);
  }
}
@media only screen and (min-width: 1300px) {
  .th-container {
    --main-container: 1408px;
  }
  .th-container2 {
    --main-container: 1760px;
  }
  .th-container3 {
    --main-container: 990px;
  }
}
/*------------------- 2.2. Grid -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
@media (min-width: 1300px) {
  .row {
    --bs-gutter-x: 24px;
  }
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.g-0 {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
}

.gx-35 {
  --bs-gutter-x: 35px;
}
@media (min-width: 1399px) {
  .gx-40 {
    --bs-gutter-x: 40px;
  }
}
/* Large devices */
/* Medium devices */
/*------------------- 2.3. Input -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
select,
.form-control,
.form-select,
textarea,
input {
  height: 50px;
  padding: 0 25px 0 25px;
  padding-right: 45px;
  border: 1px solid transparent;
  color: var(--body-color);
  background-color: var(--smoke-color3);
  border-radius: 30px;
  font-size: 16px;
  width: 100%;
  font-family: var(--body-font);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--th-border-color);
  background-color: var(--smoke-color3);
}
select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--body-color);
}
select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--body-color);
}
select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--body-color);
}
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: var(--body-color);
}
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
  color: var(--body-color);
}
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: var(--body-color);
}
select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: var(--body-color);
}
select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
  color: var(--body-color);
}

input[type=date] {
  padding: 0 25px 0 25px;
  position: relative;
}
input[type=date]:after {
  content: "\f073";
  position: relative;
  font-family: var(--icon-font);
  top: 0px;
  font-weight: 300;
  color: var(--theme-color);
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  position: absolute;
  right: 20px;
  z-index: 1;
  cursor: pointer;
}

.form-select,
select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 26px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.form-select.style2,
select.style2 {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E");
}

textarea.form-control,
textarea {
  min-height: 154px;
  padding-top: 16px;
  padding-bottom: 17px;
}
textarea.form-control.style2,
textarea.style2 {
  min-height: 100px;
}

.form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}
.form-group > i {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 16px;
  font-size: 16px;
  color: var(--body-color);
}
.form-group > i.fa-envelope {
  padding-top: 1px;
}
.form-group > i.fa-comment {
  margin-top: -2px;
}
.form-group > i.fa-chevron-down {
  width: 17px;
  background-color: transparent;
}
.form-group.has-label > i {
  top: 50px;
}
.form-group.style-border2 select,
.form-group.style-border2 textarea,
.form-group.style-border2 input {
  background: transparent;
  border: 1px solid var(--th-border-color);
  color: var(--body-color);
}
.form-group.style-border2 select::-webkit-input-placeholder, .form-group.style-border2 textarea::-webkit-input-placeholder, .form-group.style-border2 input::-webkit-input-placeholder {
  color: var(--body-color);
}
.form-group.style-border2 select::-moz-placeholder, .form-group.style-border2 textarea::-moz-placeholder, .form-group.style-border2 input::-moz-placeholder {
  color: var(--body-color);
}
.form-group.style-border2 select:-ms-input-placeholder, .form-group.style-border2 textarea:-ms-input-placeholder, .form-group.style-border2 input:-ms-input-placeholder {
  color: var(--body-color);
}
.form-group.style-border2 select::-ms-input-placeholder, .form-group.style-border2 textarea::-ms-input-placeholder, .form-group.style-border2 input::-ms-input-placeholder {
  color: var(--body-color);
}
.form-group.style-border2 select::placeholder,
.form-group.style-border2 textarea::placeholder,
.form-group.style-border2 input::placeholder {
  color: var(--body-color);
}
.form-group.style-border2 option {
  color: var(--title-dark);
}
.form-group.style-border2 i {
  color: var(--body-color);
}
.form-group.style-border3 select,
.form-group.style-border3 textarea,
.form-group.style-border3 input {
  background: transparent;
  border: 1px solid rgba(221, 232, 221, 0.5);
  color: var(--gray-color);
  border-radius: 50px;
}
.form-group.style-border3 select::-webkit-input-placeholder, .form-group.style-border3 textarea::-webkit-input-placeholder, .form-group.style-border3 input::-webkit-input-placeholder {
  color: var(--gray-color);
}
.form-group.style-border3 select::-moz-placeholder, .form-group.style-border3 textarea::-moz-placeholder, .form-group.style-border3 input::-moz-placeholder {
  color: var(--gray-color);
}
.form-group.style-border3 select:-ms-input-placeholder, .form-group.style-border3 textarea:-ms-input-placeholder, .form-group.style-border3 input:-ms-input-placeholder {
  color: var(--gray-color);
}
.form-group.style-border3 select::-ms-input-placeholder, .form-group.style-border3 textarea::-ms-input-placeholder, .form-group.style-border3 input::-ms-input-placeholder {
  color: var(--gray-color);
}
.form-group.style-border3 select::placeholder,
.form-group.style-border3 textarea::placeholder,
.form-group.style-border3 input::placeholder {
  color: var(--gray-color);
}
.form-group.style-border3 textarea {
  border-radius: 24px;
}
.form-group.style-border3 option {
  color: var(--title-dark);
}
.form-group.style-border3 i {
  color: var(--gray-color);
}
.form-group.style-radius .form-select,
.form-group.style-radius .form-control {
  border-radius: 50px;
  height: 60px;
}
.form-group.style-radius textarea.form-control {
  border-radius: 16px;
}
.form-group.style-radius > i {
  top: 22px;
}

[class*=col-].form-group > i {
  right: calc(var(--bs-gutter-x) / 2 + 25px);
}
.form-rounded-10 .th-btn {
  border-radius: 10px;
}

option:checked, option:focus, option:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type=checkbox]:checked ~ label:before {
  content: "\f00c";
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
input[type=checkbox] ~ label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: block;
  margin-bottom: 6px;
}
input[type=checkbox] ~ label:before {
  content: "";
  font-family: var(--icon-font);
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 5.5px;
  background-color: transparent;
  border: 1px solid rgba(28, 45, 55, 0.2);
  border-radius: 3px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
}
input[type=checkbox].style2 ~ label {
  color: #8B929C;
  padding-left: 23px;
  margin-bottom: -0.5em;
}
input[type=checkbox].style2 ~ label:before {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #8B929C;
  height: 14px;
  width: 14px;
  line-height: 14px;
  border-radius: 3px;
  top: 6px;
}
input[type=checkbox].style2:checked ~ label:before {
  color: var(--theme-color);
}

input[type=radio] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type=radio] ~ label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}
input[type=radio] ~ label::before {
  content: "\f111";
  position: absolute;
  font-family: var(--icon-font);
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  padding-left: 0;
  font-size: 0.6em;
  line-height: 19px;
  text-align: center;
  border: 1px solid var(--theme-color);
  border-radius: 100%;
  font-weight: 700;
  background: var(--white-color);
  color: transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type=radio]:checked ~ label::before {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  color: var(--white-color);
}

label {
  margin-bottom: 18px;
  margin-top: -0.3em;
  display: block;
  color: var(--body-color);
  font-family: var(--body-font);
  font-size: 16px;
}

textarea.is-invalid,
select.is-invalid,
input.is-invalid {
  border: 1px solid var(--error-color) !important;
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}
textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}

.form-messages {
  display: none;
}
.form-messages.mb-0 * {
  margin-bottom: 0;
}
.form-messages.success {
  color: var(--success-color);
  display: block;
}
.form-messages.error {
  color: var(--error-color);
  display: block;
}
.form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

/*------------------- 2.4. Slick Slider -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.swiper-wrapper.row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.th-slider.has-shadow {
  padding-left: 12px;
  padding-right: 12px;
  margin: -25px -12px;
}
.th-slider.has-shadow .swiper-wrapper {
  padding: 25px 0;
}

.swiper-fade .swiper-slide {
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  opacity: 0 !important;
}
.swiper-fade .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.swiper-pagination-bullets {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: 53px 0 0px 0;
  line-height: 3px;
  height: 3px;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  --swiper-pagination-bullet-size: 64px;
  --swiper-pagination-bullet-horizontal-gap: 12px;
  margin: 5px 7px;
  height: 3px;
  opacity: 1;
  border-radius: 0;
  background-color: var(--theme-color);
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}
.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.swiper-pagination-bullets.style2 .swiper-pagination-bullet {
  height: 2px;
  background: #8A9AA0;
}
.swiper-pagination-bullets.style2 .swiper-pagination-bullet:hover, .swiper-pagination-bullets.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}
.swiper-pagination-bullets.style3 {
  height: 16px;
  bottom: var(--swiper-pagination-bottom, 0px);
}
.swiper-pagination-bullets.style3 .swiper-pagination-bullet {
  --swiper-pagination-bullet-size: 16px;
  height: 16px;
  background: transparent;
  border: 1px solid var(--light-color);
  border-radius: 50%;
}
.swiper-pagination-bullets.style3 .swiper-pagination-bullet:hover, .swiper-pagination-bullets.style3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.swiper-pagination-bullets.style4 {
  height: 10px;
}
.swiper-pagination-bullets.style4 .swiper-pagination-bullet {
  --swiper-pagination-bullet-size: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid var(--light-color);
  border-radius: 50%;
  position: relative;
}
.swiper-pagination-bullets.style4 .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.swiper-pagination-bullets.style4 .swiper-pagination-bullet:hover {
  background-color: var(--white-color);
}
.swiper-pagination-bullets.style4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--white-color);
}
.swiper-pagination-bullets.style4 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
  inset: -12px;
}
.swiper-pagination-bullets.style5 {
  text-align: start;
}
.swiper-pagination-bullets.style5 .swiper-pagination-bullet {
  background: var(--light-color);
}
.swiper-pagination-bullets.style5 .swiper-pagination-bullet:hover, .swiper-pagination-bullets.style5 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}

.slider-pagination.swiper-pagination-progressbar {
  width: -webkit-fill-available;
  position: relative;
  height: 1px;
  background: #D9D9D9;
  top: auto;
  bottom: 0px;
  margin: 70px 0px 0;
}
.slider-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 1px;
  top: auto;
  bottom: 0;
  background: var(--theme-color);
}

.slider-pagination-progressbar2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--light-color);
  z-index: 1;
}
.slider-pagination-progressbar2 .slider-progressbar-fill {
  width: 100%;
  height: 0;
  background-color: var(--theme-color);
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.slider-pagination.slider-pagination-progressbar3 .swiper-pagination-progressbar-fill {
  background-color: var(--theme-color2);
}

.slider-area {
  position: relative;
}

.slider-arrow {
  display: inline-block;
  padding: 0;
  background-color: var(--white-color);
  color: var(--theme-color);
  position: absolute;
  top: 50%;
  border: none;
  left: var(--pos-x, -120px);
  width: var(--icon-size, 55px);
  height: var(--icon-size, 55px);
  line-height: var(--icon-size, 55px);
  font-size: var(--icon-font-size, 18px);
  margin-top: calc(var(--icon-size, 55px) / -2);
  z-index: 3;
  border-radius: 99px;
}
.slider-arrow.default {
  position: relative;
  --pos-x: 0;
  margin-top: 0;
}
.slider-arrow.slider-next {
  right: var(--pos-x, -120px);
  left: auto;
}
.slider-arrow:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.slider-arrow.style2 {
  border: 1px solid var(--th-border-color);
  --icon-size: 48px;
  line-height: 46px;
  color: var(--title-color);
}
.slider-arrow.style2:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.slider-arrow.style2:hover img {
  -webkit-filter: grayscale(9) invert(1);
          filter: grayscale(9) invert(1);
}
.slider-arrow.style3 {
  border: 1px solid var(--white-color);
  background: var(--white-color);
  --icon-size: 48px;
  line-height: 46px;
}
.slider-arrow.style3:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
.slider-arrow.style3:hover img {
  -webkit-filter: grayscale(9) invert(1);
          filter: grayscale(9) invert(1);
}
.slider-arrow.style4 {
  border: 1px solid var(--title-dark);
  background: transparent;
  line-height: 52px;
  /* Medium devices */
}
.slider-arrow.style4:hover {
  background: var(--title-dark);
}
.slider-arrow.style4:hover img {
  -webkit-filter: invert(1) contrast(9);
          filter: invert(1) contrast(9);
}
@media (max-width: 991px) {
  .slider-arrow.style4 {
    line-height: 37px;
  }
}
.slider-arrow.style5 {
  border: 1px solid var(--title-color);
  background: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-arrow.style5:hover {
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.slider-arrow.style5:hover img {
  -webkit-filter: invert(1) contrast(9);
          filter: invert(1) contrast(9);
}

/* Extra large devices */
@media (max-width: 1500px) {
  .slider-arrow {
    --arrow-horizontal: -20px;
    --pos-x: -30px;
  }
}
/* Medium Large devices */
@media (max-width: 1399px) {
  .slider-arrow {
    --arrow-horizontal: 40px;
    --pos-x: -30px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .slider-arrow {
    display: none !important;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .slider-arrow {
    --icon-size: 40px;
    line-height: 38px;
    margin-right: 40px;
    font-size: 14px;
  }
  .slider-arrow.slider-next {
    margin-right: 0;
  }
}
/*slider-drag-cursor**************/
.slider-drag-cursor {
  pointer-events: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: -2px;
  height: 36px;
  width: 36px;
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
  background: rgba(23, 23, 23, 0.7);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 100%;
  color: var(--white-color);
  display: none;
  cursor: none;
}
.slider-drag-cursor.active {
  display: block;
}

/*------------------- 2.5. Mobile Menu -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.th-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.th-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--black-color2);
}
.th-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}
.th-menu-wrapper .th-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: -16.5px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 35px;
  font-size: 18px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
}
.th-menu-wrapper .th-menu-toggle:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}
.th-menu-wrapper .th-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: #fff;
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  z-index: 1;
}
.th-menu-wrapper.th-body-visible {
  opacity: 1;
  visibility: visible;
}
.th-menu-wrapper.th-body-visible .th-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.th-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.th-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.th-mobile-menu ul li {
  border-bottom: 1px solid var(--th-border-color);
  list-style-type: none;
}
.th-mobile-menu ul li li:first-child {
  border-top: 1px solid var(--th-border-color);
}
.th-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1.4;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-dark);
  padding-left: 18px;
}
.th-mobile-menu ul li a:before {
  content: "\f105";
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 12px;
  margin-right: 10px;
  display: inline-block;
}
.th-mobile-menu ul li.th-active > a {
  color: var(--theme-color);
}
.th-mobile-menu ul li.th-active > a:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.th-mobile-menu ul li ul {
  padding-left: 20px;
}
.th-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.th-mobile-menu ul .menu-item-has-children > a .th-mean-expand {
  position: absolute;
  inset: 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  background-color: transparent;
  color: var(--title-dark);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.th-mobile-menu ul .menu-item-has-children > a .th-mean-expand:before {
  content: "\f067";
  font-family: var(--icon-font);
}
.th-mobile-menu ul .menu-item-has-children > a:after {
  content: "\f067";
  font-family: var(--icon-font);
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: none;
  text-align: center;
  font-size: 12px;
  border-radius: 50px;
  background-color: var(--smoke-color);
  float: right;
  margin-top: 1px;
}
.th-mobile-menu ul .menu-item-has-children.th-active > a .th-mean-expand:before {
  content: "\f068";
}
.th-mobile-menu ul .menu-item-has-children.th-active > a:after {
  content: "\f068";
}
.th-mobile-menu > ul {
  padding: 0 30px;
}
.th-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.th-menu-toggle {
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 20px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  border-radius: 5px;
}
.th-menu-toggle:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}
.th-menu-toggle.style-text, .th-menu-toggle.style-text-white {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--title-color);
  font-size: 20px;
}
.th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i {
  margin-right: 10px;
}
.th-menu-toggle.style-text-white {
  color: var(--white-color);
}
.th-menu-toggle.sidebar-btn {
  width: auto;
}
.th-menu-toggle.sidebar-btn:hover {
  background: transparent;
}

@media (max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .th-mobile-menu > ul {
    padding: 0 20px;
  }
}
/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*
 * 2.0 -> Preloader
 * -----------------------------------------------
*/
.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: var(--white-color);
}
.preloader .th-btn {
  padding: 15px 20px;
  border-radius: 0;
  font-size: 14px;
}
/*------------------- 3.2. Buttons -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.th-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 20.5px 32px;
  min-width: 125px;
  border-radius: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.th-btn i {
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  position: relative;
  color: var(--white-color);
}
.th-btn .btn-icon {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.th-btn.th-btn-icon:after {
  content: "";
  position: relative;
  background-image: url(../img/icon/arrow-right.svg);
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.th-btn:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100px;
  opacity: 0.3;
}
.th-btn:focus, .th-btn:hover, .th-btn.active {
  color: var(--white-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.th-btn:focus:before, .th-btn:hover:before, .th-btn.active:before {
  -webkit-animation: shine 1.5s ease-out infinite;
          animation: shine 1.5s ease-out infinite;
}
.th-btn.btn-mask {
  border-radius: 0;
  -webkit-mask-image: url(../img/theme-img/btn-shape.png);
          mask-image: url(../img/theme-img/btn-shape.png);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background: var(--theme-color);
  color: var(--white-color);
  -webkit-transition: 1s ease;
  transition: 1s ease;
  padding: 20px 24px;
}
.th-btn.btn-mask:hover, .th-btn.btn-mask:active, .th-btn.btn-mask:focus {
  border-radius: 50px;
}
.th-btn.btn-mask.th-btn-icon:after {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
  color: var(--white-color);
  width: 16px;
  height: 16px;
}
.th-btn.btn-mask .btn-icon {
  -webkit-filter: none;
          filter: none;
}
.th-btn.btn-mask2 {
  border-radius: 0;
  background-image: url(../img/theme-img/btn-shape2.png);
  background-size: 100% 100%;
  background-color: transparent;
  color: var(--white-color);
  -webkit-transition: 1s ease;
  transition: 1s ease;
  padding: 20px 24px;
}
.th-btn.btn-mask2.th-btn-icon:after {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.th-btn.btn-mask2.th-btn-icon img {
  width: 16px;
}
.th-btn.btn-mask2:hover, .th-btn.btn-mask2:active, .th-btn.btn-mask2:focus {
  border-radius: 50px;
  background: var(--white-color);
  color: var(--title-color);
}
.th-btn.btn-mask2:hover:after, .th-btn.btn-mask2:active:after, .th-btn.btn-mask2:focus:after {
  -webkit-filter: none;
          filter: none;
}
.th-btn.style2 {
  background: var(--title-color);
  color: var(--white-color);
  padding: 21px 32px;
}
.th-btn.style2.th-btn-icon:after {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
  color: var(--white-color);
  width: 22px;
  height: 22px;
}
.th-btn.style3 {
  background: var(--title-color);
  color: var(--white-color);
  padding: 21px 32px;
}
.th-btn.style3.th-btn-icon:after {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
  color: var(--white-color);
  width: 22px;
  height: 22px;
}
.th-btn.style3 .btn-icon {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
}
.th-btn.style3:hover {
  background: var(--theme-color);
}
.th-btn.style4 {
  color: var(--white-color);
}
.th-btn.style4.th-btn-icon:after {
  -webkit-filter: brightness(1) invert(1);
          filter: brightness(1) invert(1);
  color: var(--white-color);
  width: 23px;
  height: 23px;
}
.th-btn.style5 {
  background-color: var(--theme-color2);
  color: var(--title-color);
  padding: 20px 32px;
}
.th-btn.style5:hover {
  color: var(--title-color);
}
.th-btn.style-border {
  border: 1px solid var(--white-color);
  padding: 16px 24px;
  background: transparent;
}
.th-btn.style-border.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border:before {
  background-image: linear-gradient(120deg, rgba(108, 108, 108, 0) 30%, rgba(108, 108, 108, 0.5), rgba(108, 108, 108, 0) 70%);
}
.th-btn.style-border .btn-icon {
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.th-btn.style-border:hover {
  background: var(--white-color);
  color: var(--title-color);
}
.th-btn.style-border:hover.th-btn-icon:after {
  -webkit-filter: none;
          filter: none;
  color: var(--title-color);
}
.th-btn.style-border:hover .btn-icon {
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border2 {
  border: 1px solid var(--title-color);
  padding: 16px 30px;
  color: var(--title-color);
  background: transparent;
}
.th-btn.style-border2.th-btn-icon:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
  color: var(--theme-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border2 .btn-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--theme-color);
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border2:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.th-btn.style-border2:hover.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
}
.th-btn.style-border2:hover .btn-icon {
  color: var(--white-color);
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.th-btn.style-border3 {
  border: 1px solid var(--white-color);
  padding: 20px 32px;
  background: transparent;
}
.th-btn.style-border3.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border3:before {
  background-image: linear-gradient(120deg, rgba(108, 108, 108, 0) 30%, rgba(108, 108, 108, 0.5), rgba(108, 108, 108, 0) 70%);
}
.th-btn.style-border3 .btn-icon {
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.th-btn.style-border3:hover {
  background: var(--white-color);
  color: var(--title-color);
}
.th-btn.style-border3:hover.th-btn-icon:after {
  -webkit-filter: none;
          filter: none;
  color: var(--title-color);
}
.th-btn.style-border3:hover .btn-icon {
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border4 {
  border: 1px solid var(--theme-color);
  padding: 20px 32px;
  color: var(--theme-color);
  background: transparent;
}
.th-btn.style-border4.th-btn-icon:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
  color: var(--theme-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border4 .btn-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--theme-color);
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border4:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
.th-btn.style-border4:hover.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
}
.th-btn.style-border4:hover .btn-icon {
  color: var(--white-color);
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.th-btn.style-border5 {
  border: 1px solid var(--title-dark);
  padding: 20px 32px;
  color: var(--title-dark);
  background: transparent;
}
.th-btn.style-border5.th-btn-icon:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
  color: var(--title-dark);
  width: 22px;
  height: 22px;
}
.th-btn.style-border5 .btn-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--title-dark);
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border5:hover {
  background: var(--title-dark);
  color: var(--white-color);
}
.th-btn.style-border5:hover.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
}
.th-btn.style-border5:hover .btn-icon {
  color: var(--white-color);
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.th-btn.style-border6 {
  border: 1px solid var(--white-color);
  padding: 16px 24px;
  background: transparent;
}
.th-btn.style-border6.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border6:before {
  background-image: linear-gradient(120deg, rgba(108, 108, 108, 0) 30%, rgba(108, 108, 108, 0.5), rgba(108, 108, 108, 0) 70%);
}
.th-btn.style-border6 .btn-icon {
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.th-btn.style-border6:hover {
  background: var(--theme-color2);
  color: var(--theme-color);
  border-color: var(--theme-color2);
}
.th-btn.style-border6:hover.th-btn-icon:after {
  -webkit-filter: none;
          filter: none;
  color: var(--theme-color);
}
.th-btn.style-border6:hover .btn-icon {
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border7 {
  border: 1px solid var(--theme-color3);
  padding: 16px 30px;
  color: var(--theme-color3);
  background: transparent;
}
.th-btn.style-border7.th-btn-icon:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
  color: var(--theme-color3);
  width: 22px;
  height: 22px;
}
.th-btn.style-border7 .btn-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--theme-color3);
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border7:hover {
  background: var(--theme-color3);
  color: var(--white-color);
}
.th-btn.style-border7:hover.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
}
.th-btn.style-border7:hover .btn-icon {
  color: var(--white-color);
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.th-btn.style-border8 {
  border: 1px solid var(--th-border-color2);
  padding: 16px 30px;
  color: var(--title-color);
  background: transparent;
}
.th-btn.style-border8.th-btn-icon:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
  color: var(--theme-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border8 .btn-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--theme-color);
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border8:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.th-btn.style-border8:hover.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
}
.th-btn.style-border8:hover .btn-icon {
  color: var(--white-color);
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.th-btn.style-border9 {
  border: 1px solid var(--th-border-color);
  color: var(--title-color);
  background: transparent;
  padding: 20px 32px;
}
.th-btn.style-border9.th-btn-icon:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
  color: var(--theme-color);
  width: 22px;
  height: 22px;
}
.th-btn.style-border9 .btn-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--theme-color);
  -webkit-filter: none;
          filter: none;
}
.th-btn.style-border9:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.th-btn.style-border9:hover.th-btn-icon:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  color: var(--white-color);
}
.th-btn.style-border9:hover .btn-icon {
  color: var(--white-color);
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.th-btn.style-white {
  background: var(--white-color);
  color: var(--theme-color);
}
.th-btn.style-white:hover {
  background: var(--theme-color2);
}
.th-btn.style-white2 {
  background: var(--white-color);
  color: var(--theme-color);
  padding: 21px 32px;
}
.th-btn.style-white2.th-btn-icon:after {
  width: 22px;
  height: 22px;
}
.th-btn.style-white2:hover {
  background: var(--theme-color2);
}
.th-btn.btn-fw {
  width: 100%;
}
.th-btn.btn-fw:before, .th-btn.btn-fw:after {
  display: none;
}
.th-btn.btn-fw:hover {
  background: var(--white-color);
  color: var(--title-color);
}
.th-btn.btn-sm {
  padding: 16px 25px;
  min-width: 152px;
}
.th-btn.circle-btn {
  height: 200px;
  width: 200px;
  border: 1px solid rgba(196, 207, 222, 0.28);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
}
.th-btn.circle-btn .circle-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.th-btn.circle-btn .circle-btn-wrap i {
  color: var(--theme-color);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  font-size: 24px;
}
.th-btn.circle-btn .circle-btn-wrap span {
  margin-top: 10px;
  line-height: 1.857;
  width: 100%;
}

@-webkit-keyframes shine {
  0% {
    left: -100px;
  }
  60% {
    left: 100%;
  }
  to {
    left: 100%;
  }
}

@keyframes shine {
  0% {
    left: -100px;
  }
  60% {
    left: 100%;
  }
  to {
    left: 100%;
  }
}
.icon-btn {
  display: inline-block;
  width: var(--btn-size, 40px);
  height: var(--btn-size, 40px);
  line-height: var(--btn-size, 40px);
  font-size: var(--btn-font-size, 18px);
  background-color: transparent;
  color: var(--title-color);
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--th-border-color);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
}
.icon-btn:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}
.icon-btn.style2 {
  background-color: var(--theme-color);
  color: var(--white-color);
  border: none;
  border-radius: 99px;
}
.icon-btn.style2:hover {
  background-color: var(--theme-color2);
}

.play-btn {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.play-btn > i {
  display: inline-block;
  width: var(--icon-size, 56px);
  height: var(--icon-size, 56px);
  line-height: var(--icon-size, 56px);
  text-align: center;
  background-color: var(--white-color);
  color: var(--theme-color);
  font-size: var(--icon-font-size, 1.4em);
  border-radius: 50%;
  z-index: 1;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.play-btn:after, .play-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-animation-duration: var(--ripple-ani-duration);
          animation-duration: var(--ripple-ani-duration);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.play-btn:after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.play-btn:hover:after, .play-btn:hover::before,
.play-btn:hover i {
  color: var(--white-color);
  background: var(--theme-color);
}
.play-btn.style2 > i {
  background: rgba(255, 255, 255, 0.2);
  color: var(--white-color);
  font-size: 32px;
}
.play-btn.style2:before, .play-btn.style2:after {
  background-color: transparent;
  border: 1px solid var(--white-color);
}
.play-btn.style3 > i {
  --icon-size: 74px;
  font-size: 24px;
  background: rgba(255, 255, 255, 0.2);
  color: var(--white-color);
}
.play-btn.style3:before, .play-btn.style3:after {
  background-color: rgba(12, 10, 10, 0.7);
}
.play-btn.style3:hover > i {
  background-color: var(--white-color);
  color: var(--theme-color);
}
.play-btn.style3:hover:before, .play-btn.style3:hover:after {
  background-color: var(--white-color);
}
.play-btn.style4 > i {
  --icon-size: 80px;
  font-size: 22px;
  background-color: rgba(28, 45, 55, 0.5);
  color: var(--white-color);
}
.play-btn.style4:before, .play-btn.style4:after {
  background: transparent;
  border: 1px solid var(--white-color);
}
.play-btn.style4:hover > i {
  background-color: var(--white-color);
  color: var(--theme-color);
}
.play-btn.style5 > i {
  --icon-size: 116px;
  font-size: 22px;
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--white-color);
}
.play-btn.style5:before, .play-btn.style5:after {
  background: transparent;
  border: 1px solid var(--white-color);
}
.play-btn.style5:hover > i {
  background-color: var(--white-color);
  color: var(--theme-color);
}
 .link-btn.active {
  color: var(--theme-color);
}
 .link-btn.active::before {
  width: 100%;
}

.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;
  -webkit-transform: translateY(45px);
          transform: translateY(45px);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.scroll-top:after {
  content: "\f062";
  font-family: var(--icon-font);
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border: 2px solid var(--theme-color);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 50%;
}
.scroll-top svg {
  color: var(--theme-color);
  border-radius: 50%;
  background: var(--white-color);
}
.scroll-top svg path {
  fill: none;
}
.scroll-top .progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.scroll-top.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*------------------- 3.3. Titles -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.sec-title {
  margin-bottom: calc(var(--section-title-space) - 16px);
  margin-top: -0.3em;
  font-weight: 600;
}

.sec-title.style2 {
  margin-top: -0.32em;
}

.sub-title3 {
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--title-font);
  text-transform: uppercase;
  position: relative;
  margin-bottom: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -0.4em;
}
.sub-title3:after, .sub-title3:before {
  content: "";
  height: 1px;
  width: 48px;
  background-color: var(--theme-color);
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  /* Extra small devices */
}
@media (max-width: 375px) {
  .sub-title3:after, .sub-title3:before {
    display: none;
  }
}
.sub-title3.text-white:after, .sub-title3.text-white:before {
  background-color: var(--white-color);
}

.sub-title5 {
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--title-font);
  text-transform: uppercase;
  position: relative;
  margin-bottom: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -0.4em;
}
.sub-title5 .line {
  content: "";
  height: 1px;
  width: 40px;
  background-color: var(--theme-color);
  position: relative;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  /* Extra small devices */
}
@media (max-width: 375px) {
  .sub-title5 .line {
    display: none;
  }
}
.sub-title5 .line:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: var(--theme-color);
  top: -3px;
  left: 0;
}
.sub-title5 .line.line1:after {
  right: 0;
  left: auto;
}

.sec-text {
  font-size: 18px;
  line-height: 1.777;
  /* Extra small devices */
}
.sec-text.text-white {
  opacity: 0.8;
}
@media (max-width: 575px) {
  .sec-text {
    font-size: 16px;
  }
}

.box-title {
  font-size: 24px;
  line-height: 1.417;
  margin-top: -0.32em;
}
.box-title a {
  color: inherit;
}
.box-title a:hover {
  color: var(--theme-color);
}

.title-area {
  margin-bottom: calc(var(--section-title-space) - 11px);
  position: relative;
  z-index: 2;
}
.title-area .sec-title {
  margin-bottom: 9px;
}
.title-area.mb-0 .sec-title {
  margin-bottom: -0.24em;
}
.title-area .th-btn {
  margin-top: 20px;
  margin-bottom: 10px;
}

.sec-btn {
  text-align: center;
}

.sec-btn {
  margin-bottom: var(--section-title-space);
}
/* Large devices */
@media (max-width: 1199px) {
  .title-area,
  .sec-title {
    --section-title-space: 60px;
  }
  .sec-btn {
    --section-title-space: 55px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .title-area,
  .sec-title {
    --section-title-space: 50px;
  }
  .sec-btn {
    --section-title-space: 50px;
  }
}
/* Small devices */
/* Extra small devices */
/* Extra small devices */
/*------------------- 3.4. Common -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.shape-mockup-wrap {
  z-index: var(--z-index, 1);
  position: relative;
}

.shape-mockup {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.shape-mockup .svg-img {
  height: 110px;
  width: 110px;
}

.z-index-common {
  position: relative;
  z-index: 3;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.th-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.th-social a {
  display: inline-block;
  width: var(--icon-size, 32px);
  height: var(--icon-size, 32px);
  line-height: var(--icon-size, 32px);
  background-color: transparent;
  color: var(--theme-color);
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--theme-color);
}
.th-social a:last-child {
  margin-right: 0;
}
.th-social a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.th-social.color-theme a {
  color: var(--body-color);
  border-color: var(--theme-color);
}
.th-social.style2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.th-social.style2 a {
  width: auto;
  height: auto;
  line-height: normal;
  background: transparent;
  border: 0;
}
.th-social.style2 a:hover {
  background: transparent;
  color: var(--title-color);
}
.th-social.style3 a {
  --icon-size: 40px;
  line-height: 40px;
  color: var(--theme-color);
  font-size: 16px;
}
.th-social.style3 a:hover {
  color: var(--white-color);
}
.th-social.style4 a {
  --icon-size: 40px;
  border-radius: 50%;
  background: transparent;
  border-color: var(--th-border-color);
  color: var(--title-color);
}
.th-social.style4 a:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
.th-social.style5 a {
  --icon-size: 32px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--smoke-color3);
  color: var(--white-color);
}
.th-social.style5 a:hover {
  background: var(--white-color);
  color: var(--title-dark);
}
.th-social.style6 a {
  --icon-size: 24px;
  font-size: 10px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--white-color);
  color: var(--white-color);
}
.th-social.style6 a:hover {
  background: var(--theme-color2);
  border-color: var(--theme-color2);
  color: var(--title-color);
}
.th-social.style7 a {
  --icon-size: 40px;
  font-size: 14px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--title-color);
  color: var(--title-color);
}
.th-social.style7 a:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}

.bg-mask {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.box-icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.box-text {
  margin-bottom: -0.5em;
}

.th-bg-img {
  position: absolute;
  inset: 0;
}
.th-bg-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
 .link-anim:active .text {
  -webkit-animation: move-up-alternate 0.2s ease forwards;
          animation: move-up-alternate 0.2s ease forwards;
}

@-webkit-keyframes move-up-alternate {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  51% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes move-up-alternate {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  51% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.mfp-zoom-in .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.7;
}

.mfp-zoom-in.mfp-removing .mfp-content {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/*------------------- 3.6. Font -------------------*/

.fw-semibold {
  font-weight: 600 !important;
}

/*------------------- 3.7. Background -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/

.bg-smoke2 {
  background-color: var(--smoke-color2) !important;
}

.bg-smoke4 {
  background-color: var(--smoke-color4) !important;
}

.bg-gray {
  background-color: var(--gray-color) !important;
}

.bg-black2 {
  background-color: var(--black-color2) !important;
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.sec-bg-shape2-1.text-white,
.sec-bg-shape2-2.text-white,
.sec-bg-shape2-3.text-white {
  -webkit-filter: brightness(99) invert(0) grayscale(9);
          filter: brightness(99) invert(0) grayscale(9);
}

/*------------------- 3.8. Text Color -------------------*/
.text-theme {
  color: var(--theme-color) !important;
}

.text-title {
  color: var(--title-color) !important;
}

.text-white {
  color: var(--white-color) !important;
}

a.text-theme:hover {
  text-decoration: underline;
}

/*------------------- 3.9. Overlay -------------------*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

[data-overlay] {
  position: relative;
  z-index: 2;
}
[data-overlay] [class^=col-],
[data-overlay] [class*=col-] {
  z-index: 1;
}

[data-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

[data-overlay=theme]:before {
  background-color: var(--theme-color);
}

[data-overlay=title]:before {
  background-color: var(--title-color);
}

[data-overlay=white]:before {
  background-color: var(--white-color);
}

[data-overlay=black]:before {
  background-color: var(--black-color);
}

[data-overlay=black2]:before {
  background-color: var(--black-color2);
}

[data-opacity="1"]:before {
  opacity: 0.1;
}

[data-opacity="2"]:before {
  opacity: 0.2;
}

[data-opacity="3"]:before {
  opacity: 0.3;
}

[data-opacity="4"]:before {
  opacity: 0.4;
}

[data-opacity="5"]:before {
  opacity: 0.5;
}

[data-opacity="6"]:before {
  opacity: 0.6;
}

[data-opacity="7"]:before {
  opacity: 0.7;
}

[data-opacity="8"]:before {
  opacity: 0.8;
}

[data-opacity="9"]:before {
  opacity: 0.9;
}

[data-opacity="10"]:before {
  opacity: 1;
}

/*------------------- 3.10. Animation -------------------*/

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}
.wave-anim {
  width: 105px;
  height: 69px;
  background-repeat: repeat;
  background-size: auto;
  -webkit-animation: wave 70s linear infinite;
          animation: wave 70s linear infinite;
}

@-webkit-keyframes wave {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left -2000px;
  }
}

@keyframes wave {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left -2000px;
  }
}
.jump {
  -webkit-animation: jumpAni 7s linear infinite;
          animation: jumpAni 7s linear infinite;
}

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

@keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.spin {
  -webkit-animation: spin 10s linear infinite;
          animation: spin 10s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fadein,
.scalein,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-name: var(--animation-name);
          animation-name: var(--animation-name);
}

.swiper-slide-active .fadein {
  --animation-name: fadein;
}
.swiper-slide-active .scalein {
  --animation-name: scalein;
}
.swiper-slide-active .slidetopleft {
  --animation-name: slidetopleft;
}
.swiper-slide-active .slidebottomright {
  --animation-name: slidebottomright;
}
.swiper-slide-active .slideinleft {
  --animation-name: slideinleft;
}
.swiper-slide-active .slideinright {
  --animation-name: slideinright;
}
.swiper-slide-active .slideinup {
  --animation-name: slideinup;
}
.swiper-slide-active .slideindown {
  --animation-name: slideindown;
}
.swiper-slide-active .rollinleft {
  --animation-name: rollinleft;
}
.swiper-slide-active .rollinright {
  --animation-name: rollinright;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scalein {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@keyframes scalein {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@-webkit-keyframes slideinup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideinup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideinright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideinright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideindown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideindown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slidebottomright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(120px) translateY(120px);
            transform: translateX(120px) translateY(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@keyframes slidebottomright {
  0% {
    opacity: 0;
    -webkit-transform: translateX(120px) translateY(120px);
            transform: translateX(120px) translateY(120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@-webkit-keyframes slidetopleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px) translateY(-100px);
            transform: translateX(-100px) translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
@keyframes slidetopleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px) translateY(-100px);
            transform: translateX(-100px) translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
}
/*animation bubble****************/
.img-shine {
  position: relative;
}
.img-shine:after {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
}
.img-shine:hover:after {
  -webkit-animation: imgShine 1s;
          animation: imgShine 1s;
}

@-webkit-keyframes imgShine {
  100% {
    left: 125%;
  }
}

@keyframes imgShine {
  100% {
    left: 125%;
  }
}
/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.widget_nav_menu ul,
.wp-block-categories ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}
.widget_nav_menu a,
.wp-block-categories a {
  display: block;
  background-color: var(--white-color);
  margin: 0 0 14px;
  padding: 20.5px 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--body-color);
  border-radius: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.widget_nav_menu li,
.wp-block-categories li {
  display: block;
  position: relative;
}
.widget_nav_menu li span,
.wp-block-categories li span {
  color: inherit;
  position: absolute;
  right: 25px;
  top: 21px;
  pointer-events: none;
  text-align: right;
}
.widget_nav_menu .menu > li:last-child > a,
.widget_nav_menu > ul > li:last-child > a,
.widget_meta .menu > li:last-child > a,
.widget_pages .menu > li:last-child > a,
.widget_archive .menu > li:last-child > a,
.widget_categories .menu > li:last-child > a,
.wp-block-categories .menu > li:last-child > a,
.wp-block-categories > ul > li:last-child > a {
  border-bottom: none;
}
.widget_nav_menu a:hover,
.wp-block-categories a:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
.widget_nav_menu a:hover::before,
.wp-block-categories a:hover::before {
  opacity: 1;
  color: var(--white-color);
}
.widget_nav_menu a:hover ~ span,
.wp-block-categories a:hover ~ span {
  color: var(--white-color);
}
.widget_nav_menu .sub-menu,
.widget_nav_menu .children,
.widget_meta .sub-menu,
.widget_pages .sub-menu,
.widget_archive .sub-menu,
.widget_categories .sub-menu,
.wp-block-categories .sub-menu,
.wp-block-categories .children {
  margin-left: 10px;
}

.wp-block-categories {
  list-style: none;
  padding: 0;
}
.wp-block-categories > li:last-child > a {
  border-bottom: none;
}

.widget_nav_menu a {
  padding-right: 20px;
}

.widget_nav_menu .sub-menu {
  margin-left: 10px;
}

.wp-block-archives {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.wp-block-archives a:not(:hover) {
  color: inherit;
}

.th-blog ul.wp-block-archives li {
  margin: 5px 0;
}

/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.widget {
  padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
  background-color: var(--smoke-color);
  margin-bottom: 40px;
  position: relative;
  border-radius: 24px;
  border: 0;
}
.widget[data-overlay]:before {
  z-index: -1;
}
.widget .th-social a {
  -webkit-box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1);
          box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1);
}
.widget select,
.widget input,
.widget .form-select,
.widget .form-control,
.widget textarea {
  background-color: var(--white-color);
  border-radius: 0px;
}
.widget textarea {
  min-height: 120px;
}
.widget .form-group > i {
  background-color: var(--white-color);
}

.widget_title {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  font-family: var(--body-font);
  color: var(--title-color);
  line-height: 1em;
  margin: -0.12em 0 30px 0;
}

.widget .search-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.widget .search-form input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 56px;
  border-radius: 50px;
  padding-right: 75px;
  padding-left: 32px;
  border: 0;
  background: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  color: var(--title-color);
}
.widget .search-form input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
}
.widget .search-form input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
}
.widget .search-form input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
}
.widget .search-form input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
}
.widget .search-form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
}
.widget .search-form input:focus {
  border-color: var(--theme-color);
}
.widget .search-form button {
  border: none;
  font-size: 14px;
  background-color: transparent;
  color: var(--title-color);
  display: inline-block;
  padding: 0;
  width: auto;
  height: 100%;
  padding: 0 32px 0 19px;
  text-align: center;
  border-radius: 0 50px 50px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.widget .search-form button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 15px;
  background: var(--title-color);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.widget .search-form button:hover {
  background-color: transparent;
  color: var(--theme-color2);
}

.wp-block-tag-cloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.wp-block-tag-cloud a {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--body-font);
  text-transform: capitalize;
  line-height: 1;
  padding: 11px 15px;
  color: var(--body-color);
  background-color: var(--white-color);
  border-radius: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}
.wp-block-tag-cloud a:hover {
  background-color: var(--theme-color);
  color: var(--white-color) !important;
}
.sidebar-gallery .wp-block-image {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  width: 100% !important;
}
.sidebar-gallery .wp-block-image img {
  width: 100%;
}

.sidebar-area {
  margin-bottom: 30px;
}
.sidebar-area ul.wp-block-latest-posts {
  margin-bottom: 0;
}
.sidebar-area ul.wp-block-latest-posts li:last-child {
  margin-bottom: 0;
}
.sidebar-area select,
.sidebar-area input {
  background-color: var(--white-color);
}
.sidebar-area .widget_nav_menu > ul,
.sidebar-area .widget_nav_menu .menu,
.sidebar-area .widget_meta .menu,
.sidebar-area .widget_pages .menu,
.sidebar-area .widget_archive .menu,
.sidebar-area .widget_categories .menu,
.sidebar-area .wp-block-categories > ul,
.sidebar-area .wp-block-categories .menu {
  margin: 0px 0 -14px 0;
}
.sidebar-area .widget_nav_menu a,
.sidebar-area .wp-block-categories a {
  color: var(--body-color);
}
.sidebar-area .widget_nav_menu a:hover,
.sidebar-area .wp-block-categories a:hover {
  color: var(--white-color);
}
.sidebar-area .wp-block-categories {
  margin: -20px 0 -20px 0;
}
.sidebar-area .widget .wp-block-search {
  margin-bottom: 0;
}
.sidebar-area .wp-block-search__label,
.sidebar-area .wp-block-group__inner-container h2 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--title-font);
  line-height: 1em;
  padding-bottom: 20px;
  margin: -0.12em 0 38px 0;
}
.sidebar-area .wp-block-search__label:after, .sidebar-area .wp-block-search__label:before,
.sidebar-area .wp-block-group__inner-container h2:after,
.sidebar-area .wp-block-group__inner-container h2:before {
  content: "";
  height: 3px;
  width: 100%;
  background-color: var(--th-border-color);
  position: absolute;
  bottom: 0;
  left: 0;
}
.sidebar-area .wp-block-search__label:after,
.sidebar-area .wp-block-group__inner-container h2:after {
  background-color: var(--theme-color);
  width: 40px;
}
.sidebar-area ol.wp-block-latest-comments {
  padding: 0;
  margin: 0;
}
.sidebar-area ol.wp-block-latest-comments li {
  line-height: 1.5;
  margin: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}
.sidebar-area ol.wp-block-latest-comments li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.download-widget-wrap .th-btn {
  width: 100%;
}
.download-widget-wrap .th-btn:first-child {
  margin-bottom: 15px;
}
.download-widget-wrap .th-btn.style2 {
  color: var(--body-color);
}
.download-widget-wrap .th-btn.style2:before {
  background-color: var(--theme-color);
}
.download-widget-wrap .th-btn.style2:hover {
  color: var(--white-color);
  border-color: var(--theme-color);
}

.widget_call {
  background-color: var(--title-color);
  position: relative;
  text-align: center;
}
.widget_call .play-btn {
  --icon-size: 50px;
}
.widget_call .play-btn:before, .widget_call .play-btn:after {
  background: transparent;
  border: 1px solid var(--white-color);
}
.widget_call .play-btn > i {
  background: var(--theme-color);
  font-size: 16px;
  color: var(--white-color);
}
.widget_call .box-title {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 0.02em;
  color: var(--white-color);
  margin-bottom: 0px;
  padding-top: 35px;
  /* Medium Large devices */
  /* Large devices */
}
@media (max-width: 1299px) {
  .widget_call .box-title {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .widget_call .box-title {
    font-size: 22px;
  }
}
.widget_call .call {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--white-color);
  display: block;
  margin: 18px auto 0 auto;
}
.widget_call .call:hover {
  color: var(--theme-color);
}
.widget_call .th-btn {
  margin-top: 33px;
}

.widget_info .th-btn {
  width: 100%;
  margin-bottom: 10px;
  display: block;
}
.widget_info .th-video {
  margin-bottom: 20px;
}

.info-list {
  margin-top: -16px;
}
.info-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.info-list .box-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--white-color);
  color: var(--theme-color);
  font-size: 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 50%;
}
.info-list strong {
  font-weight: 500;
  color: var(--title-color);
  display: block;
  font-size: 18px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .info-list strong {
    font-size: 16px;
  }
}
.info-list li {
  border-bottom: 1px solid var(--th-border-color);
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.info-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: -0.45em;
}
.widget_shopping_cart .th-btn {
  margin-right: 15px;
}
.widget_shopping_cart .th-btn:last-child {
  margin-right: 0;
}

.th-video-widget .video-thumb {
  position: relative;
}
.th-video-widget .play-btn {
  --icon-size: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.th-video-widget .play-btn i {
  font-size: 16px;
}
.th-video-widget .video-thumb-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: -0.3em;
}


.wp-block-latest-comments ul {
  list-style-type: none;
  padding-left: 0;
}


.wp-block-latest-comments {
  margin-top: -0.11em;
  padding-left: 0;
}


.wp-block-latest-comments ol,
.wp-block-latest-comments ul {
  margin-bottom: 0;
}

.wp-block-latest-comments li {
  margin-bottom: 0;
  color: var(--body-color);
  padding-left: 30px;
  position: relative;
}

.wp-block-latest-comments li:before {
  content: "\f086";
  position: absolute;
  left: 0;
  top: -1px;
  color: var(--theme-color);
  font-family: var(--icon-font);
}
.widget_recent_comments.has-avatars li,
.wp-block-latest-comments.has-avatars li {
  padding-left: 0;
  padding-bottom: 0 !important;
}
.widget_recent_comments.has-avatars li:before,
.wp-block-latest-comments.has-avatars li:before {
  display: none;
}

.wp-block-latest-comments .avatar {
  margin-top: 0.4em;
}

.wp-block-latest-comments li:not(:last-child) {
  padding-bottom: 12px;
}

.wp-block-latest-comments article {
  line-height: 1.5;
}

.wp-block-latest-comments a {
  color: inherit;
}

.wp-block-latest-comments a:hover {
  color: var(--theme-color);
}

.wp-block-latest-comments__comment {
  line-height: 1.6;
}
.wp-block-latest-comments__comment a {
  color: var(--body-color);
}
.wp-block-latest-comments__comment a:hover {
  color: var(--theme-color);
}
.wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
  padding: 10px;
}

.wp-block-calendar {
  position: relative;
  background-color: #fff;
  padding-bottom: 0;
  border: none;
}
.wp-block-calendar span[class*=wp-calendar-nav] {
  position: absolute;
  top: 9px;
  left: 20px;
  font-size: 14px;
  color: var(--white-color);
  font-weight: 400;
  z-index: 1;
  line-height: 1.7;
}
.wp-block-calendar span[class*=wp-calendar-nav] a {
  color: inherit;
}
.wp-block-calendar span.wp-calendar-nav-next,
.calendar_wrap span.wp-calendar-nav-next {
  left: auto;
  right: 20px;
}
.wp-block-calendar caption {
  caption-side: top;
  text-align: center;
  color: var(--white-color);
  background-color: var(--theme-color);
}
.wp-block-calendar th {
  font-size: 14px;
  padding: 5px 5px;
  border: none;
  text-align: center;
  border-right: 1px solid #fff;
  color: var(--title-color);
  font-weight: 500;
}
.wp-block-calendar th:first-child {
  border-left: 1px solid #eee;
}
.wp-block-calendar th:last-child {
  border-right: 1px solid #eee;
}
.wp-block-calendar table th {
  font-weight: 500;
}
.wp-block-calendar td {
  font-size: 14px;
  padding: 5px 5px;
  color: #01133c;
  border: 1px solid #eee;
  text-align: center;
  background-color: transparent;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.wp-block-calendar #today {
  color: var(--theme-color);
  background-color: var(--white-color);
  border-color: #ededed;
}
.wp-block-calendar thead {
  background-color: #fff;
}
.wp-block-calendar .wp-calendar-table,
.calendar_wrap .wp-calendar-table {
  margin-bottom: 0;
}
.wp-block-calendar .wp-calendar-nav .pad,
.calendar_wrap .wp-calendar-nav .pad {
  display: none;
}
.wp-block-calendar a {
  color: inherit;
  text-decoration: none;
}
.wp-block-calendar a:hover {
  color: var(--title-color);
}

.wp-block-calendar {
  margin-bottom: 30px;
  border: none;
  padding-bottom: 0;
}
.wp-block-calendar table caption {
  color: var(--white-color);
}

 ul.wp-block-rss,
ol.wp-block-rss {
  padding-left: 0;
}


.wp-block-rss {
  list-style-type: none;
}

.wp-block-rss ul {
  margin: -0.2em 0 -0.5em 0;
  padding: 0;
  list-style: none;
}

.wp-block-rss ul .rsswidget {
  color: var(--title-color);
  font-family: var(--theme-font);
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

.wp-block-rss ul .rssSummary {
  font-size: 14px;
  margin-bottom: 7px;
  line-height: 1.5;
}

.wp-block-rss ul a {
  display: block;
  font-weight: 600;
  color: inherit;
}

.wp-block-rss ul a:hover {
  color: var(--theme-color);
}

.wp-block-rss ul .rss-date {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 400;
  color: var(--title-color);
}

.wp-block-rss ul .rss-date:before {
  content: "\f073";
  font-family: var(--icon-font);
  margin-right: 10px;
  font-weight: 300;
  color: var(--theme-color);
}

.wp-block-rss ul cite {
  font-weight: 500;
  color: var(--title-color);
  font-family: var(--body-font);
  font-size: 14px;
}

.wp-block-rss ul cite:before {
  content: "";
  position: relative;
  top: -1px;
  left: 0;
  width: 20px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-color: var(--theme-color);
}

.wp-block-rss li:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px;
}

.wp-block-rss a:hover {
  color: var(--theme-color);
}

.sidebar-area .widget_shopping_cart .th-btn {
  margin-right: 10px;
  padding: 8px 22px;
  font-size: 14px;
}
/* Large devices */
@media (max-width: 1199px) {
  .widget {
    --widget-padding-y: 30px;
    --widget-padding-x: 30px;
  }
  .widget_title {
    font-size: 22px;
    margin: -0.12em 0 28px 0;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .sidebar-area {
    padding-top: 30px;
  }
}
/* Extra small devices */
/* Extra small devices */

/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.footer-widget {
  margin-bottom: 50px;
}
.footer-widget,
.footer-widget .widget {
  padding: 0;
  border: none;
  padding-bottom: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.footer-widget .form-group > i {
  color: var(--theme-color);
  top: 18px;
}
.footer-widget .widget_title {
  max-width: 270px;
  color: var(--white-color);
  font-weight: 600;
  font-size: 24px;
  font-family: var(--body-font);
  text-transform: capitalize;
  margin: -0.12em 0 30px 0;
  padding: 0;
}
.footer-widget .widget_title:after, .footer-widget .widget_title:before {
  display: none;
}
.footer-widget .widget_title img {
  margin: -7px 10px 0 0;
}
 .footer-widget.widget_nav_menu ul {
  margin-top: -4px;
}
.footer-widget.widget_meta .menu, .footer-widget.widget_pages .menu, .footer-widget.widget_archive .menu, .footer-widget.widget_categories .menu, .footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu > ul {
  margin-bottom: -4px;
}
 .footer-widget.widget_nav_menu a {
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 0 22px;
  margin-bottom: 23px;
  font-family: var(--body-font);
  display: block;
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 0;
  background-color: transparent;
  border-bottom: none;
  position: relative;
}
 .footer-widget.widget_nav_menu a:before {
  content: "\f105";
  font-weight: 400;
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: 16px;
  background-color: transparent;
  border: none;
  color: var(--body-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
 .footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: var(--theme-color);
}
 .footer-widget.widget_nav_menu a:hover:before {
  color: var(--theme-color);
  left: 5px;
}
 .footer-widget.widget_nav_menu li > span {
  width: auto;
  height: auto;
  position: relative;
  background-color: transparent;
  color: var(--body-color);
  line-height: 1;
}
 .footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}

.about-logo {
  margin-bottom: 15px;
}

.th-widget-about {
  max-width: 354px;
  margin-bottom: -0.5em;
}
.th-widget-about .about-logo {
  margin-bottom: 44px;
}
.th-widget-about .about-text {
  margin-bottom: 30px;
  margin-top: -0.5em;
}
.newsletter-widget .newsletter-form .th-btn {
  width: auto;
  min-width: auto;
  padding: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  color: var(--theme-color);
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: visible;
}
.newsletter-widget .newsletter-form .th-btn:before, .newsletter-widget .newsletter-form .th-btn:after {
  display: none;
}
 .newsletter-widget .newsletter-form input:active {
  background: transparent;
}

.th-widget-contact {
  max-width: 260px;
  margin-bottom: -0.4em;
}
.th-widget-contact .info-box_text {
  line-height: 1.75em;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.th-widget-contact .info-box_text .icon {
  color: var(--body-color);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 40px;
  height: 40px;
  line-height: 37px;
  border: 1px solid var(--body-color);
  border-radius: 50%;
  text-align: center;
}
.th-widget-contact .info-box_text .icon img {
  -webkit-filter: contrast(0) brightness(2) opacity(0.7);
          filter: contrast(0) brightness(2) opacity(0.7);
}
.th-widget-contact .info-box_text .details {
  margin-top: -0.3em;
}
.th-widget-contact .info-box_text .details p {
  margin-bottom: 0;
}
.th-widget-contact .info-box_text a {
  color: inherit;
}
.th-widget-contact .info-box_text a:hover {
  color: var(--theme-color);
}
.th-widget-contact .info-box_text:not(:last-child) {
  margin-bottom: 18px;
}

/* Large devices */
@media (max-width: 1199px) {
   .footer-widget.widget_nav_menu a {
    margin-bottom: 16px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .footer-widget .widget_title {
    margin-bottom: 35px;
  }
  .th-widget-about .about-text {
    margin-bottom: 20px;
  }
}
/*------------------- 4.2. Header  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.th-header {
  position: relative;
  z-index: 41;
}
.th-header .icon-btn {
  border-radius: 99px;
}
.th-header .menu-area {
  position: relative;
  z-index: 2;
}

.sticky-wrapper {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.sticky-wrapper.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--black-color2);
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
  -webkit-animation: stickyAni 0.4s ease-in-out;
          animation: stickyAni 0.4s ease-in-out;
}

@-webkit-keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}

@keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
            transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
            transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1;
  }
}
.main-menu a {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--body-font);
  color: var(--white-color);
}
.main-menu a:hover {
  color: var(--theme-color2);
}
.main-menu > ul > li {
  margin: 0 22px;
}
.main-menu > ul > li > a {
  padding: 46.5px 0;
}
.main-menu > ul > li > a:hover {
  color: var(--theme-color);
}
.main-menu ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.main-menu ul li:has(.sub-menu) > a:after, .main-menu ul li:has(.mega-menu) > a:after, .main-menu ul li.menu-item-has-children > a:after {
  content: "\f107";
  display: inline-block;
  position: relative;
  font-family: var(--icon-font);
  margin-left: 4px;
  font-weight: 400;
  top: 0;
  font-size: 0.9em;
  color: var(--white-color);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-menu ul li:has(.sub-menu) > a:hover:after, .main-menu ul li:has(.mega-menu) > a:hover:after, .main-menu ul li.menu-item-has-children > a:hover:after {
  content: "\f106";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: var(--theme-color);
}
.main-menu ul li:last-child {
  margin-right: 0 !important;
}
.main-menu ul li:first-child {
  margin-left: 0 !important;
}
.main-menu ul li:hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  z-index: 9;
}
.main-menu ul.sub-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--white-color);
  visibility: hidden;
  min-width: 230px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  z-index: -1;
  -webkit-box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
          box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
  border-radius: 0px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding: 19px 11px 17px 11px;
  left: -27px;
}
.main-menu ul.sub-menu a {
  font-size: 16px;
  line-height: 30px;
  color: var(--title-color);
}
.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 0px 9px;
}
.main-menu ul.sub-menu li:not(:last-child) {
  margin-bottom: 5px;
}
.main-menu ul.sub-menu li:has(.sub-menu) > a:after, .main-menu ul.sub-menu li:has(.mega-menu) > a:after, .main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  float: right;
  top: 1px;
  display: inline-block;
  color: var(--title-color);
}
.main-menu ul.sub-menu li:has(.sub-menu) > a:hover:after, .main-menu ul.sub-menu li:has(.mega-menu) > a:hover:after, .main-menu ul.sub-menu li.menu-item-has-children > a:hover:after {
  content: "\f105";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main-menu ul.sub-menu li a {
  position: relative;
  text-transform: capitalize;
}
.main-menu ul.sub-menu li a:before {
  content: "\e1b1";
  position: absolute;
  top: 7px;
  left: 0px;
  font-family: var(--icon-font);
  text-align: center;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  color: var(--theme-color);
  font-weight: 400;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.main-menu ul.sub-menu li a:hover {
  color: var(--theme-color);
  padding-left: 27px;
}
.main-menu ul.sub-menu li a:hover:before {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 8px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}

@media (max-width: 1500px) {
  .main-menu > ul > li {
    margin: 0 13px;
  }
}

.header-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.header-button .th-btn {
  padding: 16px 24px;
}

.sidebar-btn .line {
  display: block;
  height: 1px;
  width: 32px;
  background: var(--white-color);
  margin: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebar-btn .line:not(:last-child) {
  margin-bottom: 9px;
}
.sidebar-btn .line:nth-child(2) {
  width: 20px;
}
.sidebar-btn:hover .line:nth-child(2) {
  width: 32px;
}
.sidebar-btn.style2 .line {
  margin-right: 0;
}
.sidebar-btn.style2 .line:first-child {
  width: 20px;
}
.sidebar-btn.style2 .line:nth-child(2) {
  width: 27px;
}
.sidebar-btn.style2:hover .line:first-child {
  width: 32px;
}
.sidebar-btn.style2:hover .line:nth-child(2) {
  width: 32px;
}
.sidebar-btn.style3 .line {
  margin-right: 0;
}
.sidebar-btn.style3 .line:first-child {
  width: 32px;
}
.sidebar-btn.style3 .line:nth-child(2) {
  width: 27px;
}
.sidebar-btn.style3:hover .line:first-child {
  width: 32px;
}
.sidebar-btn.style3:hover .line:nth-child(2) {
  width: 32px;
}

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.dropdown-toggle::after {
  content: "\f078";
  border: none;
  font-family: var(--icon-font);
  vertical-align: middle;
  font-weight: 400;
  margin-left: 6px;
  margin-top: -1px;
}

.dropdown-menu {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  top: calc(100% + 6px) !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  padding: 8px 20px !important;
  text-align: center;
  border-color: var(--th-border-color);
}
.dropdown-menu li {
  padding-right: 0;
  margin-right: 0;
}
.dropdown-menu li:after {
  display: none;
}
.dropdown-menu li a {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.dropdown-menu a {
  color: var(--title-dark) !important;
}
.dropdown-menu a:hover {
  color: var(--theme-color) !important;
}
.dropdown-menu:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background-color: var(--white-color);
  z-index: -1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid var(--th-border-color);
  border-left: 1px solid var(--th-border-color);
}

.menu-expand {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white-color);
  background-color: var(--theme-color2);
  padding: 17px 25px;
  width: 100%;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .menu-expand {
    font-size: 15px;
  }
}
.menu-expand i {
  margin-right: 15px;
}
.menu-expand:hover {
  color: var(--white-color);
}

/* Header default ---------------------------------- */
.header-default {
  background: var(--black-color2);
}
.header-default .main-menu > ul > li > a:before {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  background: var(--white-color);
  width: 0%;
  margin-top: 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.header-default .main-menu > ul > li > a:hover {
  color: var(--white-color);
}
.header-default .main-menu > ul > li > a:hover:after {
  color: var(--white-color);
}
.header-default .main-menu > ul > li > a:hover:before {
  width: 100%;
}
.header-default .menu-area {
  position: relative;
  z-index: 2;
}
.header-default .header-logo {
  position: relative;
  z-index: 2;
}
.header-default .th-menu-toggle {
  margin-left: auto;
}
.header-default .sticky-wrapper.sticky .header-logo {
  margin-top: 0px;
}
.header-default .sticky-wrapper.sticky .main-menu > ul > li > a {
  padding: 41px 0;
}
.header-default .header-button .th-btn {
  padding: 12.5px 20px;
}

@media (min-width: 1600px) {
  .header-default {
    --main-container: 1760px;
  }
}
/* Medium Large devices */
/* Large devices */
@media (max-width: 1199px) {
  .header-default .main-menu {
    margin-left: 0;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .header-logo {
    padding-top: 16.5px;
    padding-bottom: 16.5px;
  }
  .header-button {
    margin: 22px 0;
  }
}
/* Header 1 ---------------------------------- */
.header-layout1 .header-button .th-btn {
  padding: 16px 24px;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .header-layout1 .header-button .th-btn {
    display: none;
  }
}
/* Large devices */
/* Medium devices */
@media (max-width: 991px) {
  .header-logo {
    padding-top: 16.5px;
    padding-bottom: 16.5px;
  }
  .header-button {
    margin: 22px 0;
  }
}
/* Header 2 ---------------------------------- */

.header-layout2 .main-menu ul li.menu-item-has-children > a:after {
  color: var(--title-color);
}
.header-layout2 .th-menu-toggle.sidebar-btn {
  width: 56px;
  background: var(--theme-color);
}
.header-layout2 .header-button .th-btn {
  padding: 13px 24px;
}
/* Header 3 ---------------------------------- */
.header-layout3 .menu-area {
  position: relative;
}
.header-layout3 .menu-area .sidebar-btn.style3 {
  position: absolute;
  left: -80px;
  background: var(--black-color2);
  height: calc(100% + 1px);
  padding: 0 24px;
}
@media (max-width: 1199px) {
  .header-layout3 .menu-area .sidebar-btn.style3 {
    display: none;
  }
}
@media (max-width: 991px) {
  .header-layout3 .header-button .th-menu-toggle.sidebar-btn {
    width: 56px;
    background: var(--theme-color);
  }
  .header-layout3 .header-button .th-menu-toggle.sidebar-btn .line {
    background: var(--white-color);
    height: 2px;
  }
}
/* Header 4 ---------------------------------- */
.header-layout4 .menu-area {
  background: var(--black-color2);
  border-radius: 50px;
  position: relative;
  padding: 0 40px;
  margin-top: 80px;
}
.header-layout4 .menu-area .sidebar-btn.style3 {
  position: absolute;
  left: -80px;
  background: var(--theme-color);
  height: 100%;
  padding: 0 24px;
}
.header-layout4 .sticky-wrapper.sticky .menu-area {
  margin-top: 0;
}
@media (max-width: 1500px) {
  .header-layout4 .menu-area {
    border-radius: 0;
    padding: 0 30px;
    margin-top: 0px;
  }
}
@media (max-width: 1299px) {
  .header-layout4 .menu-area {
    padding: 0;
  }
}

/* Header 5 ---------------------------------- */
.header-layout5 .menu-area {
  position: relative;
}
.header-layout5 .menu-area .sidebar-btn.style3 {
  position: absolute;
  left: -80px;
  background: var(--theme-color);
  height: 100%;
  padding: 0 24px;
}
.header-layout5 .sticky-wrapper.sticky .menu-area {
  margin-top: 0;
}
.header-layout5 .th-menu-toggle.sidebar-btn {
  background: transparent;
}
@media (max-width: 1500px) {
  .header-layout5 .menu-area {
    border-radius: 0;
    padding: 0 30px;
    margin-top: 0px;
  }
}
@media (max-width: 1299px) {
  .header-layout5 .menu-area {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .header-layout5 .menu-area {
    padding: 0;
  }
}

/* Header 6 ---------------------------------- */

.header-layout6 .main-menu ul li.menu-item-has-children > a:after {
  color: var(--title-color);
}
.header-layout6 .th-menu-toggle.sidebar-btn {
  width: 56px;
  background: var(--theme-color);
}

/* Header 7 ---------------------------------- */
.header-layout7 .menu-area {
  padding: 22px 0;
}
.header-layout7 .sidebar-btn {
  width: 85px;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  background: transparent;
  padding: 0 22px;
  position: relative;
  top: 3px;
}
.header-layout7 .sidebar-btn .line {
  width: 40px;
  margin-left: 0;
}
.header-layout7 .sidebar-btn .line:nth-child(2) {
  width: 30px;
}
.header-layout7 .sidebar-btn .line:nth-child(3) {
  width: 20px;
}
.header-layout7 .sidebar-btn:hover {
  background: var(--theme-color2);
  border-color: var(--theme-color2);
}
.header-layout7 .sidebar-btn:hover .line {
  background: var(--title-color);
}
@media (max-width: 1199px) {
  .header-layout7 .menu-area {
    padding: 7px 0;
  }
}

/* Header 8 ---------------------------------- */
.header-layout8 .th-menu-wrapper2 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999999;
  height: 100%;
  width: 100%;
  max-width: 315px;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 1;
  background: transparent;
}
.header-layout8 .th-menu-wrapper2 .th-menu-toggle {
  position: initial;
  padding: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  border-radius: 50%;
  display: none;
  background: var(--theme-color2);
  color: var(--title-dark);
}
.header-layout8 .th-menu-wrapper2 .th-menu-area {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  left: 0;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  background: var(--title-dark);
  border: 0;
}
.header-layout8 .th-menu-wrapper2 .th-menu-area .th-social {
  margin-top: 80px;
  gap: 20px;
}
.header-layout8 .th-menu-wrapper2 .mobile-logo {
  background: transparent;
  padding-top: 70px;
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu {
  padding-bottom: 50px;
  height: calc(100vh - 392px);
  margin-top: 0;
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu > ul {
  padding: 0 60px;
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu::-webkit-scrollbar {
  display: none;
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu ul li:not(:last-child) {
  margin-bottom: 40px;
  border: 0;
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu ul li a {
  border: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--white-color);
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu ul li a:before {
  display: none;
}
.header-layout8 .th-menu-wrapper2 .th-mobile-menu ul li a:hover {
  color: var(--theme-color2);
}

/* Medium devices */
@media (max-width: 991px) {
  .header-layout8 .th-menu-wrapper2 .th-mobile-menu,
  .header-layout8 .th-menu-wrapper2 .mobile-logo {
    display: none;
  }
  .header-layout8 .th-menu-wrapper2 .th-menu-toggle {
    display: block;
  }
  .header-layout8 .th-menu-wrapper2 .th-menu-toggle:hover {
    background: var(--white-color);
    color: var(--title-dark);
  }
  .header-layout8 .th-menu-wrapper2 {
    max-width: 124px;
  }
  .header-layout8 .th-menu-wrapper2 .th-menu-area {
    padding: 30px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .header-layout8 .th-menu-wrapper2 {
    position: initial;
    max-width: none;
  }
  .header-layout8 .th-menu-wrapper2 .mobile-logo {
    display: block;
    padding: 0px;
  }
  .header-layout8 .th-menu-wrapper2 .th-menu-area {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-layout8 .th-menu-wrapper2 .th-menu-toggle {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
/*------------------- 4.3. Footer  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.footer-wrapper {
  --th-border-color: rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 2;
  background-color: var(--black-color2);
  overflow: hidden;
}

.widget-area {
  padding-top: 80px;
  padding-bottom: 30px;
}

.footer-links ul {
  padding: 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-links li {
  font-family: var(--body-font);
  display: inline-block;
  position: relative;
}
.footer-links li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.footer-links li:last-child:after {
  display: none;
}
.footer-links a {
  font-family: var(--body-font);
  color: var(--white-color);
}
.footer-links a:hover {
  color: var(--theme-color);
}

.copyright-wrap {
  padding: 20px 0;
  background-size: 100% auto;
  background-color: rgba(23, 26, 30, 0.4);
}
.copyright-wrap .copyright-text {
  color: var(--title-color);
}
.copyright-wrap .copyright-text a {
  color: var(--theme-color);
}
.copyright-wrap .copyright-text a:hover {
  color: var(--white-color);
}

.copyright-text {
  margin: 0;
}
.copyright-text a {
  color: var(--theme-color);
}
.copyright-text a:hover {
  color: var(--white-color);
}

.newsletter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(216, 216, 216, 0.3);
  padding-bottom: 70px;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* Large devices */
  /* Medium devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .newsletter-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.newsletter-wrap .newsletter-title {
  font-size: 38px;
  font-weight: 500;
  color: var(--title-color);
  max-width: 480px;
  line-height: 1.21;
  margin-bottom: -0.25em;
  margin-top: -0.25em;
  /* Large devices */
  /* Medium devices */
  /* Small devices */
}
@media (max-width: 1199px) {
  .newsletter-wrap .newsletter-title {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .newsletter-wrap .newsletter-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .newsletter-wrap .newsletter-title {
    font-size: 24px;
  }
}
.newsletter-wrap .newsletter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  /* Small devices */
}
@media (max-width: 767px) {
  .newsletter-wrap .newsletter-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.newsletter-wrap .newsletter-form .form-group input {
  height: 56px;
  background: transparent;
  border-radius: 30px;
  border: 1px solid #999999;
  color: var(--body-color);
  min-width: 416px;
  /* Extra small devices */
}
.newsletter-wrap .newsletter-form .form-group input::-webkit-input-placeholder {
  color: #999999;
}
.newsletter-wrap .newsletter-form .form-group input::-moz-placeholder {
  color: #999999;
}
.newsletter-wrap .newsletter-form .form-group input:-ms-input-placeholder {
  color: #999999;
}
.newsletter-wrap .newsletter-form .form-group input::-ms-input-placeholder {
  color: #999999;
}
.newsletter-wrap .newsletter-form .form-group input::placeholder {
  color: #999999;
}
@media (max-width: 575px) {
  .newsletter-wrap .newsletter-form .form-group input {
    min-width: auto;
  }
}
.newsletter-wrap .newsletter-form .th-btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 56px;
}
.newsletter-wrap .newsletter-form .th-btn img {
  width: 16px;
}
@media (max-width: 991px) {
  .newsletter-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .newsletter-wrap .newsletter-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .newsletter-wrap .newsletter-form .form-group {
    width: 100%;
  }
}
.newsletter-wrap.style3 {
  border-bottom: 1px solid #DDE8DD;
  padding-bottom: 75px;
  /* Medium devices */
}
.newsletter-wrap.style3 .newsletter-form {
  /* Extra small devices */
}
.newsletter-wrap.style3 .newsletter-form .form-group input {
  height: 56px;
  background: url(../img/theme-img/input-border.png);
  background-size: 100% 100%;
  border: 0;
  border-radius: 0;
  min-width: 326px;
}
.newsletter-wrap.style3 .newsletter-form .th-btn {
  height: 56px;
  padding: 18.5px 32px;
  /* Extra small devices */
}
.newsletter-wrap.style3 .newsletter-form .th-btn img {
  -webkit-filter: brightness(99) invert(0);
          filter: brightness(99) invert(0);
}
@media (max-width: 575px) {
  .newsletter-wrap.style3 .newsletter-form .th-btn {
    height: 56px;
  }
}
@media (max-width: 575px) {
  .newsletter-wrap.style3 .newsletter-form {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 991px) {
  .newsletter-wrap.style3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.newsletter-wrap.style4 {
  background: var(--theme-color);
  padding: 48px;
  border-radius: 0 0 24px 24px;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}
.newsletter-wrap.style4 .newsletter-form {
  /* Extra small devices */
}
.newsletter-wrap.style4 .newsletter-form .form-group input {
  background: transparent;
  border: 1px solid var(--white-color);
  border-radius: 50px;
  height: 64px;
  min-width: 416px;
  color: var(--white-color);
  /* Large devices */
  /* Extra small devices */
}
.newsletter-wrap.style4 .newsletter-form .form-group input::-webkit-input-placeholder {
  color: var(--white-color);
}
.newsletter-wrap.style4 .newsletter-form .form-group input::-moz-placeholder {
  color: var(--white-color);
}
.newsletter-wrap.style4 .newsletter-form .form-group input:-ms-input-placeholder {
  color: var(--white-color);
}
.newsletter-wrap.style4 .newsletter-form .form-group input::-ms-input-placeholder {
  color: var(--white-color);
}
.newsletter-wrap.style4 .newsletter-form .form-group input::placeholder {
  color: var(--white-color);
}
@media (max-width: 1199px) {
  .newsletter-wrap.style4 .newsletter-form .form-group input {
    min-width: auto;
  }
}
@media (max-width: 575px) {
  .newsletter-wrap.style4 .newsletter-form .form-group input {
    height: 56px;
  }
}
.newsletter-wrap.style4 .newsletter-form .th-btn {
  height: 64px;
  padding: 18.5px 32px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .newsletter-wrap.style4 .newsletter-form .th-btn {
    height: 56px;
  }
}
@media (max-width: 575px) {
  .newsletter-wrap.style4 .newsletter-form {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 1299px) {
  .newsletter-wrap.style4 .newsletter-form {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
@media (max-width: 991px) {
  .newsletter-wrap.style4 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .newsletter-wrap.style4 {
    padding: 40px;
    gap: 30px;
  }
  .newsletter-wrap.style4 .newsletter-form {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .newsletter-wrap.style4 .newsletter-form .th-btn {
    margin-top: 20px;
  }
}
.newsletter-wrap.style5 {
  border-bottom: 1px solid var(--light-color);
  padding-bottom: 75px;
  /* Medium devices */
}
.newsletter-wrap.style5 .newsletter-form {
  /* Extra small devices */
}
.newsletter-wrap.style5 .newsletter-form .form-group input {
  background: transparent;
  border: 1px solid var(--body-color);
  border-radius: 50px;
  height: 64px;
  min-width: 416px;
  color: var(--white-color);
  /* Large devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .newsletter-wrap.style5 .newsletter-form .form-group input {
    min-width: auto;
  }
}
@media (max-width: 575px) {
  .newsletter-wrap.style5 .newsletter-form .form-group input {
    height: 56px;
  }
}
.newsletter-wrap.style5 .newsletter-form .th-btn {
  height: 64px;
  padding: 18.5px 32px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .newsletter-wrap.style5 .newsletter-form .th-btn {
    height: 56px;
  }
}
@media (max-width: 575px) {
  .newsletter-wrap.style5 .newsletter-form {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 991px) {
  .newsletter-wrap.style5 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .footer-wrapper .widget-area {
    padding-top: var(--section-space-mobile);
    padding-bottom: 30px;
  }
  .copyright-text {
    text-align: center;
  }
}
/* Footer Area Default---------------------------------- */
.footer-default {
  --body-color: #B3B3B3;
}
.footer-default .widget-area {
  padding-top: 120px;
  padding-bottom: 70px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .footer-default .widget-area {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

/* Footer Area 1---------------------------------- */
.footer-layout1 .th-widget-contact .info-box_text .icon img {
  -webkit-filter: none;
          filter: none;
}
.footer-layout1 .th-widget-contact .info-box_text a:hover {
  color: var(--theme-color);
}

/* Footer Area 2---------------------------------- */
.footer-layout2 .newsletter-wrap .newsletter-form .th-btn {
  height: 64px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .footer-layout2 .newsletter-wrap .newsletter-form .th-btn {
    height: 56px;
  }
}
.footer-layout2 .widget .th-social a {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--title-color);
  color: var(--title-dark);
  --icon-size: 40px;
  line-height: 40px;
  font-size: 14px;
}
.footer-layout2 .widget .th-social a:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}
.footer-layout2 .th-widget-contact .info-box_text .icon img {
  -webkit-filter: none;
          filter: none;
}
.footer-layout2 .th-widget-contact .info-box_text a:hover {
  color: var(--theme-color);
}

/* Footer Area 2.1---------------------------------- */
.footer-layout2-1 .newsletter-wrap .newsletter-form .th-btn {
  height: 64px;
  padding: 18.5px 32px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .footer-layout2-1 .newsletter-wrap .newsletter-form .th-btn {
    height: 56px;
  }
}
@media (max-width: 767px) {
  .footer-layout2-1 .newsletter-wrap.style2 .newsletter-form .th-btn {
    margin-top: 20px;
  }
}
.footer-layout2-1 .widget .th-social a {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #C2D6C2;
  color: var(--theme-color);
  --icon-size: 32px;
  line-height: 32px;
  font-size: 14px;
}
.footer-layout2-1 .widget .th-social a:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
.footer-layout2-1 .th-widget-contact .info-box_text .icon img {
  -webkit-filter: none;
          filter: none;
}
.footer-layout2-1 .th-widget-contact .info-box_text a:hover {
  color: var(--theme-color);
}

/* Footer Area 2.2---------------------------------- */

/* Footer Area 2.4---------------------------------- */

/* footer 3 ---------------------------------- */
@media (max-width: 1299px) {
  .footer-layout3 .th-container2 {
    max-width: none;
  }
}

/* footer 4 ---------------------------------- */

/* footer 5 ---------------------------------- */

/* footer 6 ---------------------------------- */
@media (max-width: 575px) {
  .footer-layout6 .newsletter-wrap.style5 .form-group .th-btn {
    margin-top: 20px;
  }
}

/* footer 7 ---------------------------------- */

/*------------------- 4.4. Breadcumb  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.breadcumb-menu {
  max-width: 100%;
  padding: 0;
  margin: 26px 0 -0.5em 0;
  list-style-type: none;
  position: relative;
}
.breadcumb-menu li {
  display: inline-block;
  margin-right: 5px;
  padding-right: 3px;
  list-style: none;
  position: relative;
}
.breadcumb-menu li:after {
  content: "\f061";
  position: relative;
  margin-left: 13px;
  font-weight: 500;
  font-size: 15px;
  color: inherit;
  font-family: var(--icon-font);
}
.breadcumb-menu li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.breadcumb-menu li:last-child:after {
  display: none;
}
.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
  white-space: normal;
  color: inherit;
  word-break: break-word;
  font-weight: 400;
  font-size: 20px;
  color: var(--white-color);
}
.breadcumb-menu a:hover {
  color: var(--theme-color);
}

.breadcumb-title {
  margin: -0.2em 0 -0.18em 0;
  line-height: 1.1;
  font-size: 48px;
  font-weight: 600;
  color: var(--white-color);
}

.breadcumb-wrapper {
  background-color: var(--gray-color);
  padding: 165px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.breadcumb-wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, right top, left top, color-stop(24.56%, rgba(12, 10, 10, 0.5)), color-stop(71.75%, rgba(12, 10, 10, 0.74)), color-stop(81.83%, rgba(12, 10, 10, 0.82)), to(rgba(12, 10, 10, 0.9)));
  background: linear-gradient(-90deg, rgba(12, 10, 10, 0.5) 24.56%, rgba(12, 10, 10, 0.74) 71.75%, rgba(12, 10, 10, 0.82) 81.83%, rgba(12, 10, 10, 0.9) 100%);
}
.breadcumb-wrapper .breadcumb-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
}

/* Large devices */
@media (max-width: 1199px) {
  .breadcumb-menu li,
  .breadcumb-menu a,
  .breadcumb-menu span {
    font-size: 16px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .breadcumb-wrapper {
    padding: 140px 0;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .breadcumb-title {
    font-size: 34px;
  }
  .breadcumb-wrapper {
    padding: 120px 0;
  }
}
/*------------------- 4.5. Pagination  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.wp-block-query-pagination-numbers,
.th-pagination {
  margin-bottom: 40px;
}
.wp-block-query-pagination-numbers ul,
.th-pagination ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.wp-block-query-pagination-numbers li,
.th-pagination li {
  display: inline-block;
  margin: 0;
  list-style-type: none;
}
.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a,
.th-pagination span,
.th-pagination a {
  display: inline-block;
  text-align: center;
  position: relative;
  border: 1px solid var(--title-color);
  color: var(--title-color);
  background-color: transparent;
  width: 48px;
  height: 48px;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--title-font);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-block-query-pagination-numbers span.active, .wp-block-query-pagination-numbers span:hover,
.wp-block-query-pagination-numbers a.active,
.wp-block-query-pagination-numbers a:hover,
.th-pagination span.active,
.th-pagination span:hover,
.th-pagination a.active,
.th-pagination a:hover {
  color: var(--white-color);
  border-color: var(--theme-color);
  background-color: var(--theme-color);
}
.wp-block-query-pagination-numbers span.prev-page, .wp-block-query-pagination-numbers span.next-page,
.wp-block-query-pagination-numbers a.prev-page,
.wp-block-query-pagination-numbers a.next-page,
.th-pagination span.prev-page,
.th-pagination span.next-page,
.th-pagination a.prev-page,
.th-pagination a.next-page {
  width: auto;
  padding: 0 24px;
  border-radius: 30px;
  line-height: 46px;
}

.wp-block-query-pagination-next {
  display: inline-block;
  text-align: center;
  position: relative;
  border: none;
  color: var(--title-color);
  background-color: var(--smoke-color2);
  min-width: 56px;
  height: 56px;
  line-height: 56px;
  z-index: 1;
  font-size: 16px;
  padding: 0 20px;
  font-weight: 500;
  border-radius: 12px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.wp-block-query-pagination-next.active, .wp-block-query-pagination-next:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

/*------------------- 4.6. Blog  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Blockquote ---------------------*/

.wp-block-quote {
  font-size: 18px;
  line-height: 1.777;
  padding: 22px 60px;
  font-weight: 500;
  display: block;
  position: relative;
  background-color: transparent;
  margin: 50px 0 58px 0;
  color: var(--title-color);
  font-family: var(--body-font);
  font-style: normal;
  border: 1px solid var(--th-border-color) !important;
  border-radius: 20px;
}

.wp-block-quote p {
  font-size: inherit;
  font-family: inherit;
  margin-top: -0.3em;
  margin-bottom: 9px;
  line-height: inherit;
  color: inherit;
  width: 100%;
  position: relative;
  z-index: 3;
}

.wp-block-quote p a {
  color: inherit;
}

.wp-block-quote:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  height: 50px;
  width: 33px;
  background-color: var(--white-color);
}

.wp-block-quote:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  height: 20px;
  width: 25px;
  background-color: var(--theme-color);
  clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
}

.wp-block-quote cite {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  font-style: normal;
  font-family: var(--body-font);
  white-space: nowrap;
  position: absolute;
  bottom: -17px;
  left: 100px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 7px 45px 7px 20px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
  border-radius: 10px 0 0 10px;
}

.wp-block-quote cite br {
  display: none;
}
blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.has-text-align-right,
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote.style-left-icon,
.wp-block-quote.has-text-align-right {
  padding: 40px;
  margin-bottom: 30px;
}

.wp-block-quote.style-left-icon {
  font-size: 18px;
  color: var(--body-color);
  font-weight: 400;
  line-height: 1.556;
  background-color: var(--smoke-color);
  padding-left: 160px;
}

.wp-block-quote.style-left-icon:before {
  right: unset;
  left: 56px;
  top: 60px;
  font-size: 6rem;
  font-weight: 400;
  line-height: 4rem;
  color: var(--theme-color);
  text-shadow: none;
}

.wp-block-quote.style-left-icon cite {
  color: var(--title-color);
}

.wp-block-quote.style-left-icon cite:before {
  background-color: var(--title-color);
  top: 8px;
}

.wp-block-quote:not(:has(> cite)) p:last-child {
  margin-bottom: -0.3em;
}

.wp-block-quote p:has(cite) {
  padding-bottom: 10px;
}

.wp-block-quote p cite {
  margin-top: 20px;
  margin-bottom: -0.5em;
  bottom: -32px;
}

.wp-block-pullquote {
  color: var(--white-color);
  padding: 0;
}

blockquote.has-very-dark-gray-color {
  color: var(--title-color) !important;
}

.wp-block-pullquote blockquote,
.wp-block-pullquote p {
  color: var(--title-color);
}

.wp-block-pullquote cite {
  position: absolute;
  color: var(--white-color) !important;
}

.wp-block-column blockquote,
.wp-block-column .wp-block-quote {
  padding: 40px 15px 40px 15px;
}
.wp-block-column blockquote:before,
.wp-block-column .wp-block-quote:before {
  width: 100%;
  height: 60px;
  font-size: 30px;
}
.wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right,
.wp-block-column .wp-block-quote.style-left-icon,
.wp-block-column .wp-block-quote.is-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-column .wp-block-quote.has-text-align-right {
  padding: 40px 15px 40px 15px;
}
.wp-block-column blockquote cite,
.wp-block-column .wp-block-quote cite {
  font-size: 14px;
  left: 20px;
}
.wp-block-column blockquote cite:before,
.wp-block-column .wp-block-quote cite:before {
  bottom: 6px;
}

.wp-block-pullquote__citation::before,
.wp-block-pullquote cite::before,
.wp-block-pullquote footer::before {
  bottom: 7px;
}

.has-cyan-bluish-gray-background-color blockquote,
.has-cyan-bluish-gray-background-color .wp-block-quote {
  background-color: var(--white-color);
}

/* Large devices */
@media (max-width: 1199px) {
  
  .wp-block-quote {
    padding: 22px 30px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 90%;
  }
  
  .wp-block-quote cite {
    font-size: 18px;
    left: 30px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .wp-block-quote.is-large:not(.is-style-plain) p,
  .wp-block-quote.is-style-large:not(.is-style-plain) p {
    font-size: 1.2em;
  }
}
/* Extra small devices */
@media (max-width: 375px) {
  
  .wp-block-quote cite {
    font-size: 18px;
    padding-left: 22px;
  }
  
  .wp-block-quote cite:before {
    width: 20px;
  }
}

.th-blog {
  margin-bottom: 30px;
}
.blog-single.has-post-thumbnail {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.blog-single .th-slider {
  --pos-x: 20px;
}
.blog-single:hover .blog-img .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.share-links .wp-block-tag-cloud {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.share-links .wp-block-tag-cloud a {
  background: transparent;
  border: 1px solid var(--th-border-color);
  color: var(--body-color);
}
.share-links .wp-block-tag-cloud a:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
}
.share-links .th-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
}
.share-links .th-social a {
  font-size: 16px;
}

/* Medium Large devices */
/* Medium devices */
/* Small devices */
/* Extra small devices */
@media (max-width: 575px) {
   .wp-block-quote {
    padding: 20px 20px 30px;
  }
}
/*------------------- 4.7. Comments  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.th-comment-form {
  margin: 60px 0 40px 0;
  padding: 60px;
  position: relative;
  background: var(--smoke-color2);
  border-radius: 24px;
  /* Large devices */
  /* Extra small devices */
}
.th-comment-form .row {
  --bs-gutter-x: 30px;
}
.th-comment-form .form-title {
  margin-top: -0.35em;
}
.th-comment-form .form-title a#cancel-comment-reply-link {
  font-size: 0.7em;
  text-decoration: underline;
}
.th-comment-form .form-text {
  margin-bottom: 32px;
  color: var(--body-color);
  font-size: 16px;
  margin-top: 8px;
}
.th-comment-form .form-group > i {
  color: var(--theme-color);
}
@media (max-width: 1199px) {
  .th-comment-form {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .th-comment-form {
    padding: 30px;
  }
}

.th-comments-wrap {
  margin-top: var(--blog-space-y, 54px);
  padding: 0 0 1px 0;
}
.th-comments-wrap .description p:last-child {
  margin-bottom: -0.5em;
}
.th-comments-wrap .comment-respond {
  margin: 30px 0;
}
.th-comments-wrap pre {
  background: #ededed;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.th-comments-wrap li {
  margin: 0;
  margin-bottom: 30px;
}
.th-comments-wrap .th-post-comment {
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding: 0;
  position: relative;
  background: transparent;
  border-radius: 0px;
}
.th-comments-wrap .th-post-comment ol,
.th-comments-wrap .th-post-comment ul,
.th-comments-wrap .th-post-comment dl {
  margin-bottom: 1rem;
}
.th-comments-wrap .th-post-comment ol ol,
.th-comments-wrap .th-post-comment ol ul,
.th-comments-wrap .th-post-comment ul ol,
.th-comments-wrap .th-post-comment ul ul {
  margin-bottom: 0;
}
.th-comments-wrap ul.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.th-comments-wrap ul.comment-list ul ul,
.th-comments-wrap ul.comment-list ul ol,
.th-comments-wrap ul.comment-list ol ul,
.th-comments-wrap ul.comment-list ol ol {
  margin-bottom: 0;
}
.th-comments-wrap > .comment-list {
  margin-bottom: -30px !important;
}
.th-comments-wrap .comment-avater {
  width: 110px;
  height: 110px;
  margin-right: 25px;
  overflow: hidden;
  border-radius: 24px;
}
.th-comments-wrap .comment-avater img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.th-comments-wrap .comment-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: -3px;
  position: relative;
}
.th-comments-wrap .commented-on {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 2px;
  font-weight: 400;
  color: var(--body-color);
}
.th-comments-wrap .commented-on i {
  margin-right: 7px;
  font-size: 0.9rem;
}
.th-comments-wrap .name {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--body-font);
  color: var(--title-color);
}
.th-comments-wrap .comment-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.th-comments-wrap .text {
  margin-bottom: -0.5em;
  color: var(--body-color);
}
.th-comments-wrap .text:last-child {
  margin-bottom: 0;
}
.th-comments-wrap .comment-content p:last-of-type {
  margin-bottom: -0.4em;
}
.th-comments-wrap .children {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 80px;
}
.th-comments-wrap .reply_and_edit {
  position: absolute;
  top: 0;
  right: 0;
  /* Small devices */
}
.th-comments-wrap .reply_and_edit a {
  margin-right: 10px;
}
.th-comments-wrap .reply_and_edit a:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .th-comments-wrap .reply_and_edit {
    top: -40px;
  }
}
.th-comments-wrap .reply-btn {
  font-weight: 500;
  font-size: 16px;
  color: var(--theme-color);
  display: inline-block;
}
.th-comments-wrap .reply-btn i {
  margin-right: 7px;
}
.th-comments-wrap .reply-btn:hover {
  color: var(--title-color);
}
.th-comments-wrap .star-rating {
  font-size: 12px;
  margin-bottom: 10px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 80px;
}

ul.comment-list .th-comment-item:last-child > .th-post-comment {
  border-bottom: none;
  padding-bottom: 0;
}
ul.comment-list .children .th-comment-item > .th-post-comment {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--th-border-color);
}
ul.comment-list:has(> .th-comment-item ~ .th-comment-item):first-child > .th-post-comment {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--th-border-color);
}
ul.comment-list .th-comment-item:has(.children) .th-post-comment {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--th-border-color);
}

.th-comments-wrap.th-comment-form {
  margin: 0;
}

/* Large devices */
@media (max-width: 1199px) {
  .th-comments-wrap .children {
    margin-left: 40px;
  }
  .th-comments-wrap,
  .th-comment-form {
    --blog-space-x: 20px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .th-comments-wrap,
  .th-comment-form {
    --blog-space-x: 40px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .th-comments-wrap,
  .th-comment-form {
    --blog-space-x: 20px;
  }
  .th-comments-wrap .th-post-comment {
    display: block;
  }
  .th-comments-wrap .star-rating {
    position: relative;
    top: 0;
    right: 0;
  }
  .th-comments-wrap .comment-top {
    display: block;
  }
  .th-comments-wrap .comment-avater {
    margin-right: 0;
    margin-bottom: 25px;
  }
  .th-comments-wrap .children {
    margin-left: 40px;
  }
  .th-comments-wrap .children {
    margin-left: 30px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .th-comment-form {
    --blog-space-x: 20px;
  }
}
.woocommerce-Reviews {
  /* Medium devices */
  /* Small devices */
}
.woocommerce-Reviews .comment-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 24px;
  margin: -12px !important;
}
.woocommerce-Reviews .th-comments-wrap li {
  margin-bottom: 0;
  width: 50%;
}
.woocommerce-Reviews .th-post-comment {
  margin: 12px;
  margin-bottom: 12px !important;
}
@media (max-width: 991px) {
  .woocommerce-Reviews .th-post-comment {
    display: block;
  }
  .woocommerce-Reviews .th-post-comment .comment-avater {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .woocommerce-Reviews .th-comments-wrap li {
    width: 100%;
  }
}

/*------------------- 4.8. Hero Area  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Hero Global ---------------------------------- */
.th-hero-wrapper {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.th-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.th-hero-bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Hero 1 ---------------------------------- */
.hero-1 .hero-slider1 .hero-inner .th-hero-bg {
  -webkit-animation: scalein 20s infinite;
          animation: scalein 20s infinite;
}
.hero-1 .hero-slider1 .hero-inner .th-hero-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(20.58%, rgba(23, 23, 23, 0)), color-stop(65.37%, rgba(23, 23, 23, 0.671368)), color-stop(83.22%, rgba(23, 23, 23, 0.736842)), color-stop(91.08%, rgba(23, 23, 23, 0.8)));
  background: linear-gradient(-90deg, rgba(23, 23, 23, 0) 20.58%, rgba(23, 23, 23, 0.671368) 65.37%, rgba(23, 23, 23, 0.736842) 83.22%, rgba(23, 23, 23, 0.8) 91.08%);
  z-index: -1;
}
.hero-1 .hero-slider1 .slider-pagination .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 16px;
  background: var(--white-color);
}
.hero-1 .hero-slider1 .slider-pagination .swiper-pagination-bullet:before {
  border: 1px solid var(--white-color);
}
.hero-1 .hero-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme-color);
}
.hero-1 .hero-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.hero-style1 .th-btn {
  padding: 24px 24px;
}

/* Hero 2 ---------------------------------- */
.hero-2 .hero-grid-thumb .swiper-slide-thumb-active .box-img:after {
  opacity: 0.6;
}
.hero-2 .hero-grid-thumb .swiper-slide-thumb-active .box-img .slider-number {
  opacity: 1;
}

/* Extra large devices */
/* Medium Large devices */
/* Large devices */
/* Medium devices */
/* Small devices */
/* Extra small devices */
/* Extra small devices */
/* Hero 3 ---------------------------------- */
.hero-style3 .btn-wrap .th-btn {
  padding: 12px 24px;
}
/* Hero 4 ---------------------------------- */
.hero-style4 .counter-card-wrap {
  gap: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.hero-style4 .counter-card-wrap .counter-card {
  text-align: start;
}
.hero-style4 .counter-card-wrap .counter-card .box-text {
  color: var(--body-color);
}
@media (max-width: 991px) {
  .hero-style4 .counter-card-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hero-style4 .counter-card-wrap .counter-card {
    text-align: center;
  }
}

/* Home 5 ---------------------------------- */
.hero-5 .th-hero-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--title-color);
  opacity: 0.7;
}
.hero-slider5 .slider-pagination .swiper-pagination-bullet {
  display: block;
  margin: 32px 0 0;
}
.hero-slider5 .slider-pagination .swiper-pagination-bullet:first-child {
  margin-top: 0;
}
.hero-style5 .th-btn.style4 {
  padding: 21px 32px;
}
@media (max-width: 767px) {
  .hero-style5 .th-btn.style-border {
    padding: 12px 24px;
  }
}

/* Home 8 ---------------------------------- */
.hero-8 .hero-slider8 .swiper-slide {
  opacity: 0 !important;
}
.hero-8 .hero-slider8 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.hero-8 .hero-grid-thumb .swiper-slide-thumb-active .box-img:after {
  opacity: 0.8;
}
.hero-8 .hero-grid-thumb .swiper-slide-thumb-active .box-img .slider-number {
  opacity: 1;
}

/* Extra large devices */
/* Medium Large devices */
/* Medium Large devices */
/* Large devices */
/* Small devices */
/* Extra small devices */
/* Extra small devices */
/* Hero 9 ---------------------------------- */

/* Hero Area 10 ---------------------------------- */
.hero-slider10 .swiper-slide {
  position: relative;
  z-index: 1;
}
.hero-slider10 .th-hero-bg {
  /* Large devices */
}
@media (max-width: 1199px) {
  .hero-slider10 .th-hero-bg {
    -webkit-mask-image: none !important;
            mask-image: none !important;
    border-radius: 0 0 70px 70px;
    overflow: hidden;
  }
}

/* Hero Area 11 ---------------------------------- */

/* hero area 12 ---------------------------------- */

.hero-slider12 .swiper-slide {
  position: relative;
}
.hero-slider12 .swiper-slide:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--title-color);
  opacity: 0.6;
  z-index: -1;
}

/* hero area 13 ---------------------------------- */
.hero-slider13 .swiper-slide {
  position: relative;
  opacity: 0 !important;
  visibility: visible !important;
}
.hero-slider13 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
}
.hero-slider13 .th-hero-bg:before {
  z-index: 1;
}

/*------------------- 4.9. Error  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.error-content {
  text-align: center;
  /* Medium devices */
}
@media (max-width: 991px) {
  .error-content {
    max-width: none;
  }
}

.error-title {
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--title-color);
  margin-top: -0.3em;
}

.error-text {
  margin-bottom: 30px;
  font-size: 18px;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .error-text {
    font-size: 16px;
  }
}

/*------------------- 4.00. Popup Search  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.popup-search-box {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.95);
  height: 0;
  width: 0;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.popup-search-box button.searchClose {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 40px;
  right: 40px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-color);
  background-color: transparent;
  font-size: 22px;
  border-radius: 50%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  color: var(--theme-color);
}
.popup-search-box button.searchClose:hover {
  color: var(--body-color);
  background-color: #fff;
  border-color: transparent;
  border-color: transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.popup-search-box form {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding-bottom: 40px;
  cursor: auto;
  width: 100%;
  max-width: 700px;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform ease 0.4s;
  transition: -webkit-transform ease 0.4s;
  transition: transform ease 0.4s;
  transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  /* Large devices */
}
@media (max-width: 1199px) {
  .popup-search-box form {
    max-width: 600px;
  }
}
.popup-search-box form input {
  font-size: 18px;
  height: 70px;
  width: 100%;
  border: 2px solid var(--theme-color);
  background-color: transparent;
  padding-left: 30px;
  color: #fff;
  border-radius: 50px;
}
.popup-search-box form input::-moz-placeholder {
  color: #fff;
}
.popup-search-box form input::-webkit-input-placeholder {
  color: #fff;
}
.popup-search-box form input:-ms-input-placeholder {
  color: #fff;
}
.popup-search-box form input::-ms-input-placeholder {
  color: #fff;
}
.popup-search-box form input::placeholder {
  color: #fff;
}
.popup-search-box form button {
  position: absolute;
  top: 0px;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  right: 12px;
  color: var(--white-color);
  cursor: pointer;
  width: 70px;
  height: 70px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transform: scale(1.001);
          transform: scale(1.001);
}
.popup-search-box form button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.popup-search-box.show {
  opacity: 1;
  visibility: visible;
  width: 100.1%;
  height: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 0;
}
.popup-search-box.show form {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

/*------------------- 4.00. Popup Side Menu  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.sidemenu-wrapper .th-social a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sidemenu-wrapper .th-widget-contact .info-box_text .icon img {
  -webkit-filter: none;
          filter: none;
}
.sidemenu-wrapper.show {
  opacity: 1;
  visibility: visible;
  width: 100%;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
}
.sidemenu-wrapper.show .sidemenu-content {
  right: 0;
  opacity: 1;
  visibility: visible;
}

/* Extra small devices */
@media (max-width: 575px) {
  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .th-btn {
    margin-bottom: 10px;
  }
}
.info-box_text {
  display: block;
  color: var(--body-color);
  margin-top: -0.45em;
  margin-bottom: -0.45em;
  -ms-flex-item-align: center;
      align-self: center;
}
.info-box_link {
  display: inline-block;
  color: var(--body-color);
}
.info-box_link:hover {
  color: var(--theme-color);
}

/*------------------- 4.00. Wocommerce  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/


.woocommerce-form-coupon,
.woocommerce-form-login {
  padding: 35px 40px 35px 40px;
  background-color: var(--white-color);
  -webkit-box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.1);
          box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.1);
  margin-bottom: 0;
  border-radius: 0px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  
  .woocommerce-form-coupon,
  .woocommerce-form-login {
    padding: 40px 20px;
    border-radius: 10px;
  }
}

.woocommerce-form-coupon .form-group,
.woocommerce-form-login .form-group {
  margin-bottom: 20px;
}

.woocommerce-form-coupon .form-group:last-child,
.woocommerce-form-login .form-group:last-child {
  margin-bottom: 0;
}
nav.woocommerce-MyAccount-navigation li.is-active a {
  color: var(--white-color);
  background-color: var(--theme-color);
}

.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open {
  z-index: 1111;
}
#woosq-popup .single-product .product .actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
#woosq-popup .single-product .product .actions > div {
  height: auto;
  overflow: visible;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#woosq-popup .single-product .product .actions > div .quantity.style2.woocommerce-grouped-product-list-item__quantity {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.login-tab button.nav-link.active {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.rating-select label {
  margin: 0;
  margin-right: 10px;
}
.rating-select p.stars {
  margin-bottom: 0;
  line-height: 1;
}
.rating-select p.stars a {
  position: relative;
  height: 14px;
  width: 18px;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
}
.rating-select p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 14px;
  line-height: 1;
  font-family: var(--icon-font);
  content: "\e28b";
  font-weight: 400;
  text-indent: 0;
  color: var(--yellow-color);
}
.rating-select p.stars a:hover ~ a::before {
  content: "\e28b";
  font-weight: 400;
}
.rating-select p.stars:hover a::before {
  content: "\e28b";
  font-weight: 700;
}
.rating-select p.stars.selected a.active::before {
  content: "\e28b";
  font-weight: 700;
}
.rating-select p.stars.selected a.active ~ a::before {
  content: "\e28b";
  font-weight: 400;
}
.rating-select p.stars.selected a:not(.active)::before {
  content: "\e28b";
  font-weight: 700;
}

/* Small devices */
/*------------------- 4.00. Products  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.th-product {
  text-align: center;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  background-color: var(--smoke-color3);
  border-radius: 10px;
  padding: 18px;
}
.th-product .product-title {
  font-size: 20px;
  margin: 4px 0 6px 0;
  font-weight: 600;
}
.th-product .product-title a {
  color: inherit;
}
.th-product .product-title a:hover {
  color: var(--theme-color);
}
.th-product .product-category {
  color: var(--body-color);
  margin-bottom: 0px;
  display: block;
}
.th-product .product-category:hover {
  color: var(--theme-color);
}
.th-product .category,
.th-product .product-tag {
  font-size: 14px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--theme-color);
  color: var(--white-color);
  padding: 0 12px;
  min-width: 60px;
  z-index: 3;
  border-radius: 5px;
  line-height: 24px;
}
.th-product .woocommerce-product-rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-top: 8px;
  margin-bottom: 5px;
}
.th-product .star-rating {
  margin: 0 auto 0 auto;
  width: 93px;
}
.th-product .price {
  display: block;
  color: var(--body-color);
  font-weight: 500;
  margin-bottom: -0.4em;
  font-family: var(--body-font);
}
.th-product .price del {
  margin-left: 10px;
  color: #a9a9a9;
}
.th-product .product-img {
  --space: 0px;
  background-color: var(--smoke-color);
  overflow: hidden;
  position: relative;
  margin: 0 0 23px 0;
  text-align: center;
  z-index: 2;
  border-radius: 10px;
}
.th-product .product-img:before {
  --space: 0px;
  content: "";
  height: calc(100% - var(--space) * 2);
  width: calc(100% - var(--space) * 2);
  border-radius: inherit;
  position: absolute;
  top: var(--space);
  left: var(--space);
  background-color: var(--theme-color);
  z-index: 1;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.th-product .product-img img {
  width: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.th-product .actions {
  height: 100%;
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: center;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 40px;
}
.th-product .actions .icon-btn {
  --btn-size: 40px;
  font-size: 14px;
  border-color: var(--theme-color);
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  color: var(--white-color);
  background: var(--theme-color);
  border-radius: 99px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
}
.th-product .actions .icon-btn:hover {
  color: var(--title-color);
  border-color: var(--white-color);
  background: var(--white-color);
}
.th-product .actions > * {
  margin: 0 0;
}
.th-product .actions > * > a {
  margin: 0;
}
.th-product .icon-btn {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
  position: relative;
  top: 0;
  left: 0;
  line-height: inherit;
  margin: 0;
  font-size: 24px;
}
.th-product .tinv-wishlist a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--white-color);
  color: var(--title-color);
  border-radius: 50%;
}
.th-product .tinv-wishlist a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.th-product .add_to_cart_button.added {
  display: none;
}
.th-product .added_to_cart {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  background-color: var(--title-color);
  color: var(--white-color);
  font-size: 0;
  text-align: center;
  border-radius: 99px;
  border: none;
  margin-bottom: 10px;
}
.th-product .added_to_cart:after {
  content: "\f07a";
  position: relative;
  font-family: var(--icon-font);
  font-size: 16px;
  font-weight: 700;
}
.th-product .added_to_cart:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.th-product .action-btn {
  background-color: var(--white-color);
  font-size: 14px;
  font-family: var(--title-font);
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  padding: 13px 25px;
}
.th-product:hover .product-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.th-product:hover .product-img:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  visibility: visible;
  opacity: 0.25;
}
.th-product:hover .actions {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
.th-product:hover .icon-btn {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.th-product.list-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  height: 100%;
  padding: 10px;
}
.th-product.list-view .product-img {
  --space: 0px;
  width: 100%;
  width: 87px;
  margin: 0;
  border-radius: 10px;
}
.th-product.list-view .product-img:before {
  --space: 0px;
}
.th-product.list-view .product-category {
  font-size: 13px;
  line-height: 23px;
  margin-top: -3px;
}
.th-product.list-view .star-rating {
  margin: 5px 0 0 0;
  width: 93px;
  font-size: 12px;
}
.th-product.list-view .product-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 4px 0 13px;
}
.th-product.list-view .actions {
  --icon-gap-x: 2px;
  width: 100%;
  right: 0;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.th-product.list-view .actions .icon-btn {
  --btn-size: 36px;
  --btn-font-size: 14px;
  background-color: var(--theme-color2);
  color: var(--white-color);
  border: none;
}
.th-product.list-view .actions .icon-btn:hover {
  background-color: var(--title-color);
}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
  font-size: 20px;
}
.th-product.list-view .tinv-wishlist a {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.th-product.list-view .added_to_cart {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.th-product.list-view .added_to_cart:after {
  font-size: 16px;
}
.th-product.list-view .tag {
  top: 8px;
  right: 8px;
  padding: 0px 15px;
}
.th-product.list-view .product-title {
  font-size: 14px;
  margin: 0;
}
.th-product.list-view .price {
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  color: var(--theme-color);
}

#productCarousel .slick-arrow {
  top: 37.5%;
}

.mfp-content {
  margin: 1.5rem auto;
}
.mfp-content .product-details-img {
  padding-top: 15px;
}
.mfp-content .product-about {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mfp-content .container {
  position: relative;
}
.mfp-content .product-big-img {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.woosq-product .thumbnails .slick-list {
  display: block;
}
.woosq-product .thumbnails .slick-dots li button {
  width: 12px;
  height: 12px;
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: var(--theme-color);
  opacity: 0.4;
}
.woosq-product .thumbnails .slick-dots li button:before {
  display: none;
}
.woosq-product .thumbnails .slick-dots li.slick-active button {
  opacity: 1;
}

.th-sort-bar {
  padding: 0;
  margin: 0 0 35px 0;
  background-color: transparent;
  border-radius: 0px;
}
.th-sort-bar .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 15px;
}
.th-sort-bar select {
  height: 50px;
  border: 0;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 250px;
  font-size: 16px;
  margin: 0;
  color: var(--title-color);
  border: 1px solid var(--th-border-color);
  background-position: right 20px center;
}
.th-sort-bar .woocommerce-result-count {
  padding-left: 0;
  margin-bottom: 0;
  color: var(--title-color);
}
.th-sort-bar .sorting-filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.th-sort-bar .nav {
  border: 1px solid rgba(28, 45, 55, 0.2);
  border-radius: 4px;
  padding: 4px;
}
.th-sort-bar .nav a {
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border: 0;
  background-color: transparent;
  text-align: center;
  position: relative;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--body-color);
  border-radius: 5px;
}
.th-sort-bar .nav a.active {
  color: var(--white-color);
  background: var(--theme-color);
}
.product-big-img .slick-dots {
  margin: -11px 0 0 0 !important;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  --border-color: #c0c0c0;
}
.quantity > .screen-reader-text {
  display: inline-block;
  font-weight: 600;
  color: var(--title-color);
  font-family: var(--title-font);
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 10px;
}
.summary-content .actions .th-btn .btn-icon,
.product-about .actions .th-btn .btn-icon {
  padding: 10.5px 15px 10.5px 15px;
}
.summary-content .th-social a,
.product-about .th-social a {
  --icon-size: 40px;
  line-height: 38px;
  font-size: 14px;
  border: 1px solid var(--th-border-color);
  border-radius: 0;
}
.summary-content .th-social a:hover,
.product-about .th-social a:hover {
  border-color: var(--theme-color);
}

.woocommerce-Reviews .th-post-comment {
  border-radius: 20px;
}
.woocommerce-Reviews .th-post-comment .text {
  margin-bottom: -0.5em;
}
.woocommerce-Reviews .th-comments-wrap {
  padding: 0;
  margin-right: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.woocommerce-Reviews .th-comment-form {
  padding: 60px;
  background-color: var(--smoke-color3);
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-right: 0 !important;
  margin-top: 28px;
  margin-bottom: 40px;
  border-radius: 16px;
}
.woocommerce-Reviews .th-comment-form input,
.woocommerce-Reviews .th-comment-form .form-control {
  background-color: var(--white-color);
}
.woocommerce-Reviews .th-comment-form .blog-inner-title {
  margin-bottom: 10px;
}
.woocommerce-Reviews .comment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 24px;
  margin: -12px !important;
  margin-bottom: 28px !important;
}
.woocommerce-Reviews .comment-list li {
  width: 50%;
  /* Medium devices */
}
@media (max-width: 991px) {
  .woocommerce-Reviews .comment-list li {
    width: 100%;
  }
}
.woocommerce-Reviews .th-post-comment {
  border: 0 !important;
  padding: 40px !important;
  margin: 12px;
  background: var(--smoke-color3);
  border-radius: 16px;
}
.woocommerce-Reviews .th-post-comment .name {
  margin-bottom: 3px;
}
.woocommerce-Reviews .th-post-comment .commented-on {
  margin-bottom: 12px;
}

/* Large devices */
@media (max-width: 1199px) {
  .woocommerce-Reviews .th-post-comment {
    padding: 30px !important;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .woocommerce-Reviews .comment-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .woocommerce-Reviews .th-comment-form {
    padding: 40px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .woocommerce-Reviews .th-comment-form {
    padding: 40px 20px;
  }
}
#description {
  margin-bottom: 30px;
}

.product-details .th-comments-wrap {
  margin-top: 0;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .th-product.list-view .product-img {
    max-width: 150px;
  }
}
/* Medium Large devices */
/* Large devices */
@media (max-width: 1199px) {
  .th-sort-bar select {
    min-width: auto;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .th-product-box.list-view .product-img {
    max-width: 150px;
  }
  .th-sort-bar .row {
    --bs-gutter-x: 20px;
  }
  .th-sort-bar .nav a:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .th-sort-bar .nav a:last-child:before {
    display: none;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .th-sort-bar {
    text-align: center;
    padding: 0;
  }
  .th-sort-bar .sorting-filter-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .th-sort-bar .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .th-sort-bar select {
    margin: 0 auto;
  }
  .th-sort-bar .woocommerce-result-count {
    padding-left: 0;
  }
  .th-product-box.list-view .product-img {
    max-width: 130px;
  }
  .th-product-box.list-view .actions {
    --btn-size: 30px;
    --btn-font-size: 10px;
    --icon-gap-x: 2px;
  }
}
/* Extra small devices */
/* Extra small devices */
@media (max-width: 375px) {
  .th-product.list-view .product-img {
    max-width: 130px;
  }
  .th-product.list-view .product-content {
    padding: 0 15px;
  }
  .th-sort-bar .sorting-filter-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*------------------- 4.00. Cart  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.cart_table .actions > .th-btn {
  font-size: 16px;
  padding: 20px 28px;
  margin-right: 15px;
}
.cart_table .actions > .th-btn:last-child {
  margin-right: 0;
}
.cart_table .th-cart-coupon {
  float: left;
  margin: 0;
  width: 455px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart_table .th-cart-coupon input {
  width: calc(100% - 200px);
  margin-right: 10px;
}
.cart_table .th-cart-coupon .th-btn {
  font-size: 16px;
  padding: 20px 25px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Medium devices */
@media (max-width: 991px) {
  .cart_table .th-cart-coupon {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .cart_table td.actions > .th-btn {
    margin-top: 10px;
    margin-right: 0;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
  .cart_table td.actions > .th-btn:last-child {
    margin-right: auto;
  }
  .cart_table .th-cart-coupon {
    width: 100%;
    text-align: center;
    float: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: block;
    padding-bottom: 10px;
  }
  .cart_table .th-cart-coupon input {
    width: 100%;
    margin-bottom: 10px;
  }
}
/*------------------- 4.00. Checkout  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.woocommerce-checkout .select2-container--open .select2-dropdown--below {
  margin-top: 0;
}
.woocommerce-checkout .select2-container--open .select2-dropdown--above {
  position: relative;
  bottom: 0;
}

.woocommerce-form-login select,
.woocommerce-form-login .form-select,
.woocommerce-form-login .form-control,
.woocommerce-form-coupon select,
.woocommerce-form-coupon .form-select,
.woocommerce-form-coupon .form-control {
  margin-bottom: var(--bs-gutter-x);
}

#ship-to-different-address {
  margin-top: 15px;
}

.th-checkout-wrapper form.woocommerce-form {
  margin-bottom: 30px;
}

/* Small devices */
/*------------------- 4.00. Wishlist  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/

/* Medium devices */
/* Small devices */
/*------------------- 4.00. Contact  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Contact ---------------------------------- */
.location-map {
  position: relative;
}
.location-map .location-map-address {
  border-radius: 10px;
  background: var(--theme-color);
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 16px;
  gap: 14px;
  max-width: 252px;
  position: absolute;
  right: 95px;
  bottom: 50px;
  /* Extra small devices */
}
@media (max-width: 375px) {
  .location-map .location-map-address {
    right: 15px;
  }
}
.location-map .location-map-address .thumb {
  width: 67px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--gray-color);
}
.location-map .location-map-address .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.location-map .location-map-address .title {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  font-family: var(--body-font);
}
.location-map .location-map-address .text {
  font-size: 14px;
  font-weight: 400;
  color: var(--th-border-color2);
  margin-bottom: 8px;
  font-family: var(--body-font);
}
.location-map .location-map-address .text:last-child {
  margin-bottom: 0;
}

.contact-map {
  line-height: 0px;
  max-width: 1920px;
  margin: 0 auto;
}
.contact-map iframe {
  width: 100%;
  height: 377px;
  border-radius: 10px;
  /* Large devices */
  /* Medium devices */
}
@media (max-width: 1199px) {
  .contact-map iframe {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .contact-map iframe {
    height: 350px;
  }
}
.contact-map.style2 {
  max-width: none;
  width: 100%;
}
.contact-map.style2 iframe {
  height: 450px;
  border-radius: 0;
  /* Large devices */
  /* Medium devices */
}
@media (max-width: 1199px) {
  .contact-map.style2 iframe {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .contact-map.style2 iframe {
    height: 350px;
  }
}

/* Contact Area 1---------------------------------- */
.contact-bg-shape1-1 {
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .contact-bg-shape1-1 {
    display: none;
  }
}

.about-contact-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  border: 1px solid var(--th-border-color2);
  border-radius: 16px;
  padding: 24px 24px 18px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .about-contact-grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-contact-grid:not(:last-child) {
  margin-bottom: 30px;
}
.about-contact-grid .about-contact-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: var(--theme-color);
  border-radius: 50%;
  color: var(--white-color);
}
.about-contact-grid .about-contact-icon img {
  -webkit-filter: invert(1) contrast(9);
          filter: invert(1) contrast(9);
}
.about-contact-grid .about-contact-details-title {
  font-size: 24px;
  font-weight: 500;
  margin-top: -0.3em;
  margin-bottom: 8px;
}
.about-contact-grid .about-contact-details-text {
  margin-bottom: 0;
}
.about-contact-grid .about-contact-details-text a {
  color: inherit;
}
.about-contact-grid:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(213, 213, 213, 0.5);
          box-shadow: 0px 15px 30px rgba(213, 213, 213, 0.5);
  border-color: transparent;
}

.contact-sec-map {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  width: 50%;
  /* Medium devices */
}
.contact-sec-map .contact-map {
  height: 100%;
}
.contact-sec-map .contact-map iframe {
  height: 100%;
  border-radius: 0;
}
.contact-sec-map .location-map-address {
  background: var(--black-color2);
  left: 15%;
  right: auto;
  bottom: 30%;
}
@media (max-width: 991px) {
  .contact-sec-map {
    position: relative;
    top: auto;
    bottom: -80px;
    width: 100%;
  }
  .contact-sec-map .contact-map iframe {
    height: 350px;
  }
}

/* Contact Page 1---------------------------------- */
.about-contact-grid.style2 {
  background: var(--theme-color);
  border-radius: 8px;
}
.about-contact-grid.style2 .about-contact-icon {
  width: 70px;
  height: 70px;
  text-align: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 70px;
  font-size: 32px;
  color: var(--white-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Extra small devices */
}
@media (max-width: 375px) {
  .about-contact-grid.style2 .about-contact-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
}
.about-contact-grid.style2 .about-contact-details-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--white-color);
}
.about-contact-grid.style2 .about-contact-details-text {
  color: var(--light-color);
}
.about-contact-grid.style2 .about-contact-details-text a {
  color: var(--light-color);
}
.about-contact-grid.style2 .about-contact-details-text a:hover {
  color: var(--theme-color2);
}
.about-contact-grid.style2:hover .about-contact-icon {
  background: var(--light-color);
  border-color: var(--light-color);
  color: var(--theme-color);
}

/* Contact Page 1.1---------------------------------- */
.about-contact-grid.style3 {
  border-color: var(--white-color);
}
.about-contact-grid.style3 .about-contact-icon {
  background: var(--theme-color);
}
.about-contact-grid.style3 .about-contact-details-text {
  color: var(--theme-color);
}
.about-contact-grid.style3:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(131, 150, 155, 0.5);
          box-shadow: 0px 15px 30px rgba(131, 150, 155, 0.5);
}

/* Contact Page 4---------------------------------- */
.contact-wrap4 {
  border-radius: 16px;
  overflow: hidden;
}
.contact-wrap4 .appointment-wrap2 {
  border-radius: 0;
}
.contact-wrap4 .contact-thumb4-1 {
  height: 100%;
}
.contact-wrap4 .contact-thumb4-1 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.contact-area-4-2 .appointment-wrap2 {
  padding: 60px;
  /* Medium Large devices */
  /* Extra small devices */
  /* Extra small devices */
}
@media (max-width: 1299px) {
  .contact-area-4-2 .appointment-wrap2 {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .contact-area-4-2 .appointment-wrap2 {
    padding: 40px;
  }
}
@media (max-width: 375px) {
  .contact-area-4-2 .appointment-wrap2 {
    padding: 40px 30px;
  }
}

/* Contact Area 5 -------------------------------*/

/*------------------- 4.00. About  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* About 1 ---------------------------------- */

/* About 2 ---------------------------------- */
.img-box2 .about-thumb-slider .swiper-slide .swiper-slide-shadow-right,
.img-box2 .about-thumb-slider .swiper-slide .swiper-slide-shadow-left {
  background-image: none;
}
.img-box2 .about-thumb-slider .swiper-slide-active .img1:after {
  inset: -3px;
}
.img-box2 .about-thumb-slider .swiper-slide-active .img1 img {
  -webkit-filter: none;
          filter: none;
}

/* About 3 ---------------------------------- */

/* About 5 ---------------------------------- */

/* About Area 9-------------------------------*/

/* About Area 11 ---------------------------------- */

/* about area 13 ---------------------------------- */

/* About 17 ---------------------------------- */

/*------------------- 4.00. Team  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Team global ---------------------------------- */
.th-team {
  position: relative;
}
.th-team .team-img {
  position: relative;
  overflow: hidden;
}
.th-team .team-img img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.th-team .team-desig {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: -0.45em;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  color: var(--theme-color);
}
.th-team .th-social {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.th-team .th-social a {
  --icon-size: 40px;
  background-color: var(--white-color);
  color: var(--theme-color);
}
.th-team .th-social a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.th-team .box-title {
  margin-bottom: 0;
}

/* Team Area 1 ---------------------------------- */
.team-slider1 .slider-pagination.swiper-pagination-progressbar {
  bottom: 8px;
  margin: 70px 40px 0;
  background: rgba(255, 255, 255, 0.15);
  /* Medium devices */
}
.team-slider1 .slider-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--theme-color);
}
@media (max-width: 991px) {
  .team-slider1 .slider-pagination.swiper-pagination-progressbar {
    margin: 50px 0 0;
  }
}
.team-slider1 .slider-pagination.swiper-pagination-progressbar.style2 {
  background: rgba(255, 255, 255, 0.5);
}
.team-slider1 .slider-pagination.swiper-pagination-progressbar.style2 .swiper-pagination-progressbar-fill {
  background: var(--theme-color2);
}

/* Team Card ---------------------------------- */
.team-card .th-social {
  z-index: 1;
  border-radius: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: auto;
  opacity: 0;
  visibility: hidden;
}
.team-card .th-social a {
  display: block;
  text-align: center;
  padding: 0;
  color: var(--white-color);
  border: 1px solid rgba(189, 189, 189, 0.5);
  margin: 0;
  background: transparent;
  --icon-size: 32px;
}
.team-card .th-social a:hover {
  color: var(--title-color);
  background: var(--white-color);
}
.team-card:hover .th-social {
  opacity: 1;
  visibility: visible;
}

/* Team Card 2---------------------------------- */
.team-card.style2 .th-social-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-card.style2 .th-social-wrap .icon-btn {
  background: transparent;
  border: 0;
  margin-top: 15px;
  font-size: 30px;
}
.team-card.style2 .th-social-wrap .icon-btn img {
  width: 30px;
}
.team-card.style2 .th-social-wrap .icon-btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-card.style2 .th-social-wrap .icon-btn:hover img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.team-card.style2 .th-social {
  background: transparent;
  position: initial;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  width: auto;
}
.team-card.style2 .th-social a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  background: transparent;
  border: 1px solid rgba(189, 189, 189, 0.5);
  font-size: 16px;
}
.team-card.style2 .th-social a:hover {
  background: var(--white-color);
  color: var(--theme-color);
}
.team-card.style2:hover .th-social-wrap {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

/* Team Card 3---------------------------------- */
.team-card.style3 .th-social-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-card.style3 .th-social-wrap .icon-btn {
  background: transparent;
  border: 0;
  margin-top: 15px;
  font-size: 30px;
}
.team-card.style3 .th-social-wrap .icon-btn img {
  width: 30px;
}
.team-card.style3 .th-social-wrap .icon-btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-card.style3 .th-social-wrap .icon-btn:hover img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.team-card.style3 .th-social {
  background: transparent;
  position: initial;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  width: auto;
}
.team-card.style3 .th-social a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  background: transparent;
  border: 1px solid rgba(189, 189, 189, 0.5);
  font-size: 16px;
}
.team-card.style3 .th-social a:hover {
  background: var(--white-color);
  color: var(--title-color);
}
.team-card.style3:hover .th-social-wrap {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

/* Team Card 4---------------------------------- */
.team-card.style4 .th-social-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-card.style4 .th-social-wrap .icon-btn {
  background: transparent;
  border: 0;
  margin-top: 15px;
  font-size: 30px;
}
.team-card.style4 .th-social-wrap .icon-btn img {
  width: 30px;
  -webkit-filter: brightness(99) invert(0) grayscale(9);
          filter: brightness(99) invert(0) grayscale(9);
}
.team-card.style4 .th-social-wrap .icon-btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-card.style4 .th-social {
  background: transparent;
  position: initial;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  width: auto;
}
.team-card.style4 .th-social a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  background: transparent;
  border: 1px solid rgba(189, 189, 189, 0.5);
  font-size: 16px;
}
.team-card.style4 .th-social a:hover {
  background: var(--white-color);
  color: var(--theme-color);
}
.team-card.style4:hover .th-social-wrap {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

/* Team Card 5---------------------------------- */
.team-card.style5 .th-social-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-card.style5 .th-social-wrap .icon-btn {
  background: transparent;
  border: 0;
  margin-top: 15px;
  font-size: 30px;
}
.team-card.style5 .th-social-wrap .icon-btn img {
  width: 30px;
  -webkit-filter: invert(1);
          filter: invert(1);
}
.team-card.style5 .th-social-wrap .icon-btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-card.style5 .th-social {
  background: transparent;
  position: initial;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  width: auto;
}
.team-card.style5 .th-social a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  background: transparent;
  border: 1px solid rgba(189, 189, 189, 0.5);
  font-size: 16px;
}
.team-card.style5 .th-social a:hover {
  background: var(--white-color);
  color: var(--title-color);
}
.team-card.style5:hover .th-social-wrap {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

/* Team Area 9 ---------------------------------- */
.team-slider9 .slider-pagination.swiper-pagination-progressbar {
  bottom: 8px;
  margin: 70px 40px 0;
  background: var(--th-border-color);
  /* Medium devices */
}
@media (max-width: 991px) {
  .team-slider9 .slider-pagination.swiper-pagination-progressbar {
    margin: 60px 0 0;
  }
}
.team-card.style6 .team-card-content .th-social {
  margin-top: 0;
}
.team-card.style6:hover .th-social {
  margin-top: 30px;
}

/* Team Area 10 ---------------------------------- */
.team-card.style7 .team-card-content .th-social {
  margin-top: 0;
}
.team-card.style7:hover .th-social {
  margin-top: 30px;
}

/* Team Details ---------------------------------- */

/*------------------- 4.00. Testimonial  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Testimonial Area 1 ---------------------------------- */

/* Testimonial Area 2 ---------------------------------- */

/* Testimonial Area 3 ---------------------------------- */
.testi-slider3 .swiper-wrapper {
  margin: 0 0 0 -350px;
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3 {
  background: var(--theme-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3 .testi-card_text {
  color: var(--light-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3 .testi-card_name {
  color: var(--white-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3 .testi-card_desig {
  color: var(--light-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3.bg-smoke3 {
  background: var(--title-color) !important;
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3.bg-smoke3 .testi-card_text {
  color: var(--white-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3.bg-smoke3 .testi-card_name {
  color: var(--white-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3.bg-smoke3 .testi-card_desig {
  color: var(--white-color);
}
.testi-slider3 .swiper-slide.swiper-slide-active .testi-card.style3.bg-smoke3 .quote-icon {
  -webkit-filter: brightness(99) invert(0) grayscale(9);
          filter: brightness(99) invert(0) grayscale(9);
}
@media (max-width: 1500px) {
  .testi-slider3 .swiper-wrapper {
    margin: 0 0 0 -315px;
  }
}
@media (max-width: 1299px) {
  .testi-slider3 .swiper-wrapper {
    margin: 0;
  }
}

/* Testimonial Area 4 ---------------------------------- */
.testi-slider4 .swiper-slide.swiper-slide-active .testi-card.style3 {
  background: var(--title-color);
}
.testi-slider4 .swiper-slide.swiper-slide-active .testi-card.style3 .testi-card_text {
  color: var(--smoke-color2);
}
.testi-slider4 .swiper-slide.swiper-slide-active .testi-card.style3 .testi-card_name {
  color: var(--white-color);
}
.testi-slider4 .swiper-slide.swiper-slide-active .testi-card.style3 .testi-card_desig {
  color: var(--light-color);
}

/* Testimonial Area 4.1 ---------------------------------- */

/* Testimonial Area 5-------------------------------*/

/* testimonial Area 6 ---------------------------------- */
.testi-slider6 .slider-pagination .swiper-pagination-bullet {
  background: var(--body-color);
}
.testi-slider6 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme-color);
}

/* Testimonial area 7 -------------------------------*/

/* Testimonial Area 8 ---------------------------------- */

/*------------------- 4.00. Counter  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Counter 1 ---------------------------------- */
.counter-area-1 {
  padding-top: 165px;
}

.counter-card {
  text-align: center;
}
.counter-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.counter-card-wrap .divider {
  width: 1px;
  height: 75px;
  border: 1px dashed rgba(183, 183, 183, 0.5);
}
.counter-card-wrap .divider:last-of-type {
  display: none;
}
.counter-card .box-number {
  font-size: 40px;
  color: var(--title-color);
  font-weight: 600;
  margin-bottom: 3px;
  margin-top: -0.35em;
}
.counter-card .box-number .counter-number {
  color: var(--title-color);
}
.counter-card .box-text {
  font-size: 16px;
  font-weight: 400;
  color: var(--title-color);
}
.counter-card:hover .box-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: brightness(99);
          filter: brightness(99);
}
.counter-card:hover .box-icon:after {
  opacity: 1;
}
.counter-card:hover .box-icon:before {
  -webkit-animation: spin 10s infinite;
          animation: spin 10s infinite;
  border: 1px dashed var(--white-color);
}

/* Medium devices */
@media (max-width: 991px) {
  .counter-card .box-number {
    font-size: 36px;
  }
  .counter-card .box-text {
    font-size: 16px;
  }
}
/* Small devices */
@media (max-width: 767px) {
  .counter-card {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .counter-card-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    gap: 50px 0;
  }
  .counter-card-wrap .divider {
    display: none;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .counter-card {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
/* Extra small devices */
@media (max-width: 375px) {
  .counter-card .box-text {
    font-size: 14px;
  }
}
/* Counter 2 ---------------------------------- */
.counter-area-2 {
  padding-top: 126px;
  margin-top: -126px;
  z-index: -1;
  /* Extra large devices */
  /* Large devices */
}
@media (max-width: 1500px) {
  .counter-area-2 {
    padding-top: 106px;
    margin-top: -106px;
  }
}
@media (max-width: 1199px) {
  .counter-area-2 {
    padding-top: 0;
    margin-top: 0;
    z-index: 1;
  }
}

.counter-card.style2 .box-number {
  font-size: 48px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .counter-card.style2 .box-number {
    font-size: 40px;
  }
}

/* Counter 3 ---------------------------------- */
.counter-card-wrap.style2 {
  /* Large devices */
}
.counter-card-wrap.style2 .counter-card .box-number {
  margin-top: -0.3em;
}
@media (max-width: 1199px) {
  .counter-card-wrap.style2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px 0;
  }
  .counter-card-wrap.style2 .counter-card {
    width: 33%;
  }
}

/* Counter 4 ---------------------------------- */
.counter-card.style4 {
  /* Medium devices */
}
.counter-card.style4 .box-icon {
  width: auto;
  height: auto;
  border-radius: 0;
  line-height: normal;
  margin-bottom: 24px;
}
.counter-card.style4 .box-icon:before, .counter-card.style4 .box-icon:after {
  display: none;
}
.counter-card.style4 .box-icon img {
  -webkit-filter: none;
          filter: none;
}
.counter-card.style4 .box-text {
  font-size: 18px;
  text-transform: uppercase;
}
.counter-card.style4:hover .box-icon {
  -webkit-filter: brightness(99) grayscale(9) invert(0);
          filter: brightness(99) grayscale(9) invert(0);
}
@media (max-width: 991px) {
  .counter-card.style4 .box-text {
    font-size: 16px;
  }
}

/* Counter 5 ---------------------------------- */
.counter-card.style5 {
  /* Medium devices */
}
.counter-card.style5 .box-icon {
  width: auto;
  height: auto;
  border-radius: 0;
  line-height: normal;
  margin-bottom: 24px;
}
.counter-card.style5 .box-icon:before, .counter-card.style5 .box-icon:after {
  display: none;
}
.counter-card.style5 .box-icon img {
  -webkit-filter: none;
          filter: none;
}
.counter-card.style5 .box-text {
  font-size: 18px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .counter-card.style5 .box-text {
    font-size: 16px;
  }
}

/* Counter Area 6-------------------------------*/
.counter-card.style6 .box-icon {
  opacity: 0.2;
  margin-bottom: -75px;
}
.counter-card.style6:hover .box-icon img {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: scale(-1) rotate(180deg);
          transform: scale(-1) rotate(180deg);
}

/* Counter Area 11 ---------------------------------- */
.counter-area-7 .counter-border-top {
  border-top: 1px solid var(--th-border-color) !important;
}

/*------------------- 4.00. Blog  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Blog Grid ---------------------------------- */
.blog-grid .blog-bottom-wrap .th-btn {
  margin-left: auto;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .blog-grid .blog-bottom-wrap .th-btn {
    margin-left: 0;
  }
}

/* Blog Card ---------------------------------- */

/* Medium Large devices */
/* Blog Card 2---------------------------------- */

/* Blog Card 3---------------------------------- */

/* Blog Card 4 ---------------------------------- */
.blog-card.style4 .th-btn {
  margin-top: 32px;
}

/* Blog Card 5---------------------------------- */

/*------------------- 4.00. Simple Sections  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}
.checklist li {
  color: var(--title-color);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.checklist li:before {
  height: 28px;
}
.checklist li > i {
  color: var(--theme-color);
  margin-top: 5px;
}
.checklist li:not(:last-child) {
  margin-bottom: 15px;
}
.checklist.style2 li {
  font-size: 18px;
  font-weight: 400;
  color: var(--title-color);
  gap: 10px;
  line-height: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checklist.style2 li:not(:last-child) {
  margin-bottom: 16px;
}
.checklist.style3 li {
  font-size: 16px;
  font-weight: 400;
  color: var(--title-color);
  gap: 10px;
  line-height: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checklist.style3 li:not(:last-child) {
  margin-bottom: 16px;
}
.checklist.style3 li > i {
  font-size: 14px;
  border-radius: 50%;
  color: var(--light-color);
  padding: 4px;
}
.checklist.style4 li {
  font-size: 18px;
  font-weight: 400;
  color: var(--theme-color);
  gap: 10px;
  line-height: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checklist.style4 li:not(:last-child) {
  margin-bottom: 16px;
}
.checklist.style5 li {
  font-size: 18px;
  font-weight: 400;
  color: var(--title-color);
  gap: 10px;
  line-height: initial;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checklist.style5 li:not(:last-child) {
  margin-bottom: 16px;
}
.checklist.style5 li:before {
  content: url(../img/icon/checkmark.svg);
  position: relative;
  top: 3px;
}

.th-video {
  position: relative;
  border-radius: 10px;
}
.th-video img {
  border-radius: inherit;
}
.th-video .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.rounded-80 {
  border-radius: 80px 80px 0 0;
  /* Small devices */
}
@media (max-width: 767px) {
  .rounded-80 {
    border-radius: 10px 10px 0 0;
  }
}

.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 30px;
}
.filter-menu .th-btn {
  border-radius: 5px;
  padding: 15px 30px;
  background-color: transparent;
  color: var(--body-color);
  border: 1px solid var(--th-border-color);
  min-width: auto;
  /* Medium devices */
}
.filter-menu .th-btn:before {
  background-color: var(--theme-color);
}
.filter-menu .th-btn:hover, .filter-menu .th-btn.active {
  border-color: var(--theme-color);
  color: var(--white-color);
}
.filter-menu .th-btn:hover:before, .filter-menu .th-btn.active:before {
  border-radius: 3px;
}
@media (max-width: 991px) {
  .filter-menu .th-btn {
    padding: 13px 20px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  p.mb-40 {
    margin-bottom: 35px;
  }
}
.modal-backdrop.show {
  opacity: 0.7;
  z-index: 99;
}

.modal {
  z-index: 999;
  padding-right: 0 !important;
}

.modal-dialog {
  max-width: 100%;
}
.modal-dialog .page-single {
  margin-bottom: 30px;
  padding: 40px;
  border-radius: 20px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .modal-dialog .page-single {
    padding: 20px;
    border-radius: 15px;
  }
}

/*------------------- 4.00. Why -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Why Choose Us Area ---------------------------------- */

/* Why Choose Us Area 4---------------------------------- */
.why-wrap4 {
  border-radius: 24px;
  overflow: hidden;
  padding: 220px 60px;
  /* Medium Large devices */
  /* Medium devices */
  /* Extra small devices */
}
@media (max-width: 1399px) {
  .why-wrap4 {
    padding: 120px 60px;
  }
}
@media (max-width: 991px) {
  .why-wrap4 {
    padding: 80px 40px;
  }
}
@media (max-width: 575px) {
  .why-wrap4 {
    padding: 80px 20px;
  }
}

.why-wrap-card4 {
  background: var(--white-color);
  padding: 60px 55px;
  z-index: 1;
  border-radius: 24px;
  /* Extra large devices */
  /* Medium Large devices */
  /* Small devices */
}
.why-wrap-card4 .sec-title {
  font-weight: 600;
  line-height: 1.15;
}
.why-wrap-card4 .sec-title .number {
  font-size: 68px;
  font-weight: 900;
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 767px) {
  .why-wrap-card4 .sec-title .number {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .why-wrap-card4 .sec-title .number {
    font-size: 40px;
  }
}
.why-wrap-card4 .sec-title .content {
  font-size: 28px;
  font-weight: 600;
  margin: 0 3px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .why-wrap-card4 .sec-title .content {
    font-size: 24px;
  }
}
@media (max-width: 1500px) {
  .why-wrap-card4 {
    margin-left: -100px;
  }
}
@media (max-width: 1399px) {
  .why-wrap-card4 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .why-wrap-card4 {
    padding: 50px 30px;
  }
}

.why-card4 {
  background: var(--white-color);
  border-radius: 24px;
  padding: 30px;
  margin-bottom: -160px;
  /* Medium Large devices */
}
.why-card4 .box-icon {
  background: var(--title-color);
  width: 80px;
  height: 80px;
  border-radius: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
}
.why-card4 .box-title {
  margin-bottom: 8px;
}
@media (max-width: 1399px) {
  .why-card4 {
    margin-bottom: 0;
  }
}

/*------------------- 4.00. Faq -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Faq 1 ---------------------------------- */

/* Medium devices */
/* Extra small devices */
/* Faq Area 2---------------------------------- */

/* Faq 3 ---------------------------------- */

/*------------------- 4.00. Service -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Service Area 1 ---------------------------------- */
.service-card .service-card-icon img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card .box-title {
  margin-top: 30px;
}
.service-card .box-title a {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 600;
}
.service-card .box-title a:hover {
  color: var(--theme-color);
}
.service-card .box-text {
  color: var(--white-color);
  opacity: 0.8;
}
.service-card:hover .service-card-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/* Service Area 2 ---------------------------------- */
.service-card.style2 .service-card-icon {
  width: 96px;
  height: 96px;
  line-height: 93px;
  border-radius: 50%;
  border: 1px solid var(--title-color);
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style2 .service-card-icon img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style2 .box-title {
  margin-top: 17px;
}
.service-card.style2 .box-title a {
  color: var(--title-color);
  font-size: 24px;
  font-weight: 600;
}
.service-card.style2 .box-title a:hover {
  color: var(--theme-color);
}
.service-card.style2 .box-text {
  color: var(--body-color);
  opacity: 0.8;
}
.service-card.style2 .service-img {
  margin-top: 50px;
  border-radius: 24px;
  overflow: hidden;
}
.service-card.style2 .service-img img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style2:hover .img-shine:after {
  -webkit-animation: imgShine 1s;
          animation: imgShine 1s;
}
.service-card.style2:hover .service-card-icon {
  background: var(--theme-color);
  border-color: var(--theme-color);
}
.service-card.style2:hover .service-card-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: brightness(99) invert(0);
          filter: brightness(99) invert(0);
}
.service-card.style2:hover .service-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* Service Area 3 ---------------------------------- */
.service-slider3 .slider-pagination.swiper-pagination-progressbar {
  background: #8EA3A9;
}

.service-card.style3 .service-card-icon {
  width: 96px;
  height: 96px;
  line-height: 93px;
  border-radius: 50%;
  border: 1px solid var(--title-color);
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style3 .service-card-icon img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style3 .box-title {
  margin-top: 17px;
}
.service-card.style3 .box-title a {
  color: var(--title-color);
  font-size: 24px;
  font-weight: 600;
}
.service-card.style3 .box-title a:hover {
  color: var(--theme-color);
}
.service-card.style3 .box-text {
  color: var(--body-color);
  /* Extra large devices */
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}
@media (max-width: 1500px) {
  .service-card.style3 .box-text {
    font-size: 14px;
  }
}
@media (max-width: 1299px) {
  .service-card.style3 .box-text {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .service-card.style3 .box-text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .service-card.style3 .box-text {
    font-size: 16px;
  }
}
.service-card.style3 .service-img {
  margin-top: 50px;
  border-radius: 24px;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
}
.service-card.style3 .service-img img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style3 .service-img:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black-color2);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
.service-card.style3 .service-img .icon-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 0;
  background: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  z-index: 2;
  -webkit-filter: brightness(99) invert(0);
          filter: brightness(99) invert(0);
}
.service-card.style3:hover .service-card-icon {
  background: var(--black-color2);
}
.service-card.style3:hover .service-card-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: brightness(99) invert(0);
          filter: brightness(99) invert(0);
}
.service-card.style3:hover .service-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.service-card.style3:hover .service-img:before {
  opacity: 0.7;
}
.service-card.style3:hover .service-img .icon-btn {
  opacity: 1;
}

/* Service Area 4 ---------------------------------- */
.service-card.style4 .service-card-icon {
  width: 96px;
  height: 96px;
  line-height: 93px;
  border-radius: 50%;
  border: 1px solid var(--light-color);
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style4 .service-card-icon img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: brightness(9) contrast(0.4);
          filter: brightness(9) contrast(0.4);
}
.service-card.style4 .box-title {
  margin-top: 17px;
}
.service-card.style4 .box-title a {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 600;
}
.service-card.style4 .box-title a:hover {
  color: var(--theme-color2);
}
.service-card.style4 .box-text {
  color: var(--light-color);
}
.service-card.style4 .service-img {
  margin-top: 50px;
  border-radius: 24px;
  overflow: hidden;
}
.service-card.style4 .service-img img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style4:hover .img-shine:after {
  -webkit-animation: imgShine 1s;
          animation: imgShine 1s;
}
.service-card.style4:hover .service-card-icon {
  background: var(--light-color);
}
.service-card.style4:hover .service-card-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: none;
          filter: none;
}
.service-card.style4:hover .service-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* Service Area 5 ---------------------------------- */
.service-card.style5 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  text-align: center;
  padding: 40px;
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
.service-card.style5 .service-card-icon {
  width: 72px;
  height: 72px;
  line-height: 68px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-left: auto;
  margin-right: auto;
}
.service-card.style5 .service-card-icon img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-card.style5 .box-title {
  margin-top: 22px;
}
.service-card.style5 .box-title a {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 600;
}
.service-card.style5 .box-title a:hover {
  color: var(--theme-color);
}
.service-card.style5:hover .service-card-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: none;
          filter: none;
}
@media (max-width: 991px) {
  .service-card.style5 {
    padding: 40px 22px;
  }
}
@media (max-width: 767px) {
  .service-card.style5 {
    padding: 40px;
  }
}
@media (max-width: 375px) {
  .service-card.style5 {
    padding: 40px 30px;
  }
}

/* Service Area 6 ---------------------------------- */

/* Service Area 7 ---------------------------------- */

/* Service details page ---------------------------------- */
.page-img {
  border-radius: 24px;
  overflow: hidden;
}
.page-img img {
  width: 100%;
}

/*------------------- 4.00. Process -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Process Card ---------------------------------- */

/* Process Card 2---------------------------------- */

/* Process Card 3---------------------------------- */
.process-card3 {
  -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 0 24px 24px;
  text-align: center;
  margin-top: 28px;
}
.process-card3 .box-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--theme-color);
  color: var(--white-color);
  font-size: 30px;
  position: relative;
  top: -28px;
}
.process-card3 .box-title {
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  margin-top: -17px;
}
.process-card3 .box-text {
  font-size: 14px;
}

/*------------------- 4.00. Pricing -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Pricing Card ---------------------------------- */
.price-card .th-btn {
  margin-top: 40px;
  font-size: 18px;
  padding: 21px 20px;
}
.price-card.active .offer-tag {
  opacity: 1;
}

/* Pricing Card 2---------------------------------- */

/*------------------- 4.00. Feature -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Feature Area ---------------------------------- */

/* Feature Area 2---------------------------------- */

/*------------------- 4.00. Project -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Portfolio Area -------------------------------*/
.project-wrap1 .project-number-pagination .tab-btn.active span {
  opacity: 1;
}
.project-slider1 .slider-pagination .swiper-pagination-bullet {
  background: var(--white-color);
}
.project-slider1 .slider-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.project-slider1 .slider-pagination .swiper-pagination-bullet:hover, .project-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}

.portfolio-card {
  position: relative;
  width: 100%;
}
.portfolio-card .portfolio-img {
  z-index: 2;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.portfolio-card .portfolio-img img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}
.portfolio-card .icon-btn {
  --btn-size: 56px;
  line-height: 54px;
  background: var(--theme-color);
  border-color: var(--theme-color);
  font-size: 18px;
  position: absolute;
  right: 50%;
  top: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  color: var(--white-color);
}
.portfolio-card .icon-btn img {
  width: 22px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.portfolio-card .icon-btn:hover {
  background: var(--title-color);
  border-color: var(--title-color);
  color: var(--white-color);
}
.portfolio-card .portfolio-content {
  background-color: transparent;
  z-index: 3;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: relative;
  padding-top: 22px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .portfolio-card .portfolio-content {
    padding-top: 28px;
  }
}
.portfolio-card:hover .portfolio-img:after {
  -webkit-animation: imgShine 1s;
          animation: imgShine 1s;
}
.portfolio-card:hover .portfolio-content {
  opacity: 1;
  visibility: visible;
}

/* Portfolio Area 2-------------------------------*/
.project-bg-shape2-1 {
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .project-bg-shape2-1 {
    display: none;
  }
}

.project-slider2 {
  position: relative;
  left: calc((100% - var(--main-container)) / 2);
  /* Medium Large devices */
  /* Extra small devices */
}
.project-slider2 .slider-arrow {
  --pos-x: -30px;
  top: calc(50% - 65px);
}
@media (max-width: 1299px) {
  .project-slider2 {
    left: 0;
    padding: 0 40px;
  }
  .project-slider2 .slider-arrow {
    display: none;
  }
}
@media (max-width: 575px) {
  .project-slider2 {
    padding: 0 15px;
  }
}
.project-slider2 .portfolio-card.style5 .portfolio-title:hover {
  color: var(--theme-color);
}

.portfolio-card.style2 .portfolio-img {
  border-radius: 32px;
}
.portfolio-card.style2 .portfolio-title {
  margin-bottom: 18px;
}
.portfolio-card.style2 .portfolio-title a {
  font-size: 32px;
  font-weight: 500;
  color: var(--white-color);
  /* Large devices */
}
.portfolio-card.style2 .portfolio-title a:hover {
  color: var(--theme-color);
}
@media (max-width: 1199px) {
  .portfolio-card.style2 .portfolio-title a {
    font-size: 24px;
  }
}
.portfolio-card.style2 .portfolio-text {
  color: var(--white-color);
  margin-bottom: -0.25em;
}
.portfolio-card.style2:hover .portfolio-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* Portfolio Area 3-------------------------------*/
.portfolio-card.style3 .portfolio-img {
  border-radius: 24px;
  position: relative;
}
.portfolio-card.style3 .portfolio-img:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black-color2);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.portfolio-card.style3 .portfolio-img .icon-btn {
  position: absolute;
  left: 50%;
  right: auto;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: transparent;
  width: auto;
  height: auto;
  line-height: normal;
  border: 0;
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--white-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
.portfolio-card.style3 .portfolio-img .icon-btn .icon {
  margin-bottom: 24px;
}
.portfolio-card.style3 .portfolio-img .icon-btn .icon img {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
  width: 32px;
}
.portfolio-card.style3 .portfolio-title {
  margin-bottom: 8px;
}
.portfolio-card.style3 .portfolio-title a {
  font-size: 24px;
  font-weight: 600;
  color: var(--title-color);
}
.portfolio-card.style3 .portfolio-title a:hover {
  color: var(--theme-color);
}
.portfolio-card.style3 .portfolio-text {
  color: var(--title-color);
  margin-bottom: -0.25em;
}
.portfolio-card.style3 .portfolio-content {
  padding-top: 15px;
}
.portfolio-card.style3:hover .portfolio-img:before {
  opacity: 0.7;
}
.portfolio-card.style3:hover .portfolio-img .icon-btn {
  opacity: 1;
}

/* Portfolio Area 4-------------------------------*/
.portfolio-card.style4 {
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Extra small devices */
}
.portfolio-card.style4 .portfolio-img {
  border-radius: 24px;
  margin-bottom: 20px;
}
.portfolio-card.style4 .portfolio-content {
  max-width: 483px;
  margin-left: auto;
  margin-right: auto;
}
.portfolio-card.style4 .portfolio-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2px;
}
.portfolio-card.style4 .portfolio-title a {
  color: var(--title-color);
}
.portfolio-card.style4 .portfolio-title a:hover {
  color: var(--theme-color);
}
.portfolio-card.style4 .portfolio-text {
  font-size: 14px;
  margin-bottom: -0.3em;
}
@media (max-width: 575px) {
  .portfolio-card.style4 .portfolio-content {
    padding-top: 10px;
  }
}
.project-slider4 .swiper-slide.swiper-slide-active .portfolio-card.style4 {
  margin-top: 0;
}

/* Project Area 5 ---------------------------------- */
.project-slider5 .th-slider {
  padding-left: 90px;
  position: relative;
}
.project-slider5 .th-slider:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 90px;
  background: var(--white-color);
  left: 0px;
  top: 0;
  z-index: 1;
}
@media (min-width: 1922px) {
  .project-slider5 .th-slider {
    padding-left: 0;
  }
  .project-slider5 .th-slider:after {
    display: none;
  }
}

.portfolio-card.style5 .portfolio-img {
  border-radius: 30px;
  overflow: hidden;
}
.portfolio-card.style5 .portfolio-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.portfolio-card.style5 .portfolio-title {
  font-size: 30px;
  font-weight: 600;
  font-family: var(--body-font);
  margin-bottom: 5px;
  /* Small devices */
  /* Extra small devices */
}
.portfolio-card.style5 .portfolio-title a {
  color: inherit;
}
.portfolio-card.style5 .portfolio-title:hover {
  color: var(--theme-color2);
}
@media (max-width: 767px) {
  .portfolio-card.style5 .portfolio-title {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .portfolio-card.style5 .portfolio-title {
    font-size: 20px;
  }
}
.portfolio-card.style5 .icon-btn {
  position: relative;
  right: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  border: 1px solid var(--title-color);
  --btn-size: 44px;
  background: transparent;
}
.portfolio-card.style5 .icon-btn img {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.portfolio-card.style5 .icon-btn:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
}
.portfolio-card.style5 .icon-btn:hover img {
  -webkit-filter: brightness(99) invert(0);
          filter: brightness(99) invert(0);
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

/* Project Area 8 ---------------------------------- */
.project-slider8 .swiper-slide .portfolio-card.style8 .box-content {
  opacity: 0;
  visibility: hidden;
  margin-bottom: -50px;
}
.project-slider8 .swiper-slide.swiper-slide-active .portfolio-card.style8 .box-content {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0;
}
.portfolio-card.style8 .th-btn {
  padding: 9px 16px;
  font-size: 14px;
  min-width: auto;
}
.portfolio-card.style8 .th-btn:after {
  width: 18px;
}

/* Project Details Page ---------------------------------- */
.project-details-page .sidebar-area {
  margin-top: -120px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .project-details-page .sidebar-area {
    margin-top: 0;
  }
}

/*------------------- 4.00. Category -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Category Card -------------------------------------*/

/* Category Box -------------------------------------*/

/*------------------- 4.00. CTA -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.cta-area-1 .cta-wrap .th-btn {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* Medium Large devices */
/* Large devices */
/* Medium devices */
/* Small devices */
/* Extra small devices */
.cta-area-2 .cta-wrap .th-btn {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* Medium devices */
/* Small devices */
/* Extra small devices */

/* Small devices */
/* Extra small devices */
/*------------------- 4.00. Appointment -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Appointment ---------------------------------- */

/* Appointment 2---------------------------------- */
.appointment-wrap2 {
  border-radius: 16px;
  padding: 40px;
  /* Extra small devices */
}
.appointment-wrap2 .form-title {
  font-weight: 600;
  font-family: var(--body-font);
  margin-top: -0.3em;
  margin-bottom: 26px;
}
@media (max-width: 375px) {
  .appointment-wrap2 {
    padding: 40px 30px;
  }
}

/* Appointment 3---------------------------------- */

/*------------------- 4.00. Video -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Video Area 1 -------------------------------*/

/* Video Box2 -------------------------------*/

/* Video Box2 -------------------------------*/

/* Video area 3 -------------------------------*/

/* Video area 4 -------------------------------*/

/*------------------- 4.00. Client -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Client Card -------------------------------------*/
.client-card {
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.client-card:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*client area 3****************/

/*------------------- 4.00. Tab Menu -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Tab Menu 1 ------------------------------------*/
.tab-menu1 .tab-btn.active {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white-color);
}

/*------------------- 4.00. Marquee  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Marquee Area ---------------------------------- */
.marquee-slider1 .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.marquee-slider1 .swiper-slide {
  width: auto;
}

/* Marquee Area 2---------------------------------- */

/*------------------- 4.00. Skill  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Skill Area ---------------------------------- */

/*------------------- 4.00. Experience  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/

/*------------------- 4.00. Award  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Award ---------------------------------- */

/*award-area3********************/

/*------------------- 4.00. Property  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Property Area -------------------------------*/
.property-style-white .property-card.style-dark .property-btn-wrap .th-btn {
  background: var(--white-color);
}
.property-style-white .property-card.style-dark .property-btn-wrap .th-btn:after {
  -webkit-filter: brightness(4);
          filter: brightness(4);
}
.property-style-white .property-card.style-dark .property-btn-wrap .th-btn:hover {
  background: var(--theme-color2);
  color: var(--title-color);
}

/* Property 2 -------------------------------*/
.property-tab .nav-item .nav-link.active {
  background: var(--theme-color);
  color: var(--white-color);
}
.property-search-form .th-btn {
  margin-left: auto;
  font-size: 16px;
  font-weight: 500;
  padding: 14px 44px;
}
@media (max-width: 1199px) {
  .property-search-form .th-btn {
    margin: 30px 40px 40px;
    width: -webkit-fill-available;
  }
}
@media (max-width: 575px) {
  .property-search-form .th-btn {
    margin: 30px 30px 40px;
  }
}

/* Property Area 3-------------------------------*/
.property-card3 .property-btn-wrap .th-btn {
  padding: 9px 16px;
}

/* Property Area 3.1-------------------------------*/

/* Property Area 6-------------------------------*/
.property-card6 {
  border-radius: 24px;
  overflow: hidden;
  background: transparent;
  padding: 15px;
  border: 1px solid var(--th-border-color2);
}
.property-card6 .property-card-thumb {
  overflow: hidden;
  border-radius: 12px;
}
.property-card6 .property-card-thumb img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-card6 .property-card-details {
  padding: 32px 17px 17px;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 1299px) {
  .property-card6 .property-card-details {
    gap: 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .property-card6 .property-card-details .media-left {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .property-card6 .property-card-details .media-left {
    width: auto;
  }
}
@media (max-width: 991px) {
  .property-card6 .property-card-details .media-left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .property-card6 .property-card-details .media-left {
    width: auto;
  }
}
@media (max-width: 375px) {
  .property-card6 .property-card-details .media-left {
    width: 100%;
  }
}
.property-card6 .property-card-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 8px;
  margin-top: -0.3em;
}
.property-card6 .property-card-title a {
  color: inherit;
}
.property-card6 .property-card-title:hover {
  color: var(--theme-color);
}
.property-card6 .property-card-text {
  margin-bottom: 24px;
}
.property-card6 .property-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.property-card6 .property-btn-wrap .th-btn {
  padding: 9px 16px;
}
.property-card6:hover .property-card-thumb img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* Property Area 7 ---------------------------------- */
.property-card7 .property-card-thumb {
  overflow: hidden;
  border-radius: 24px;
}
.property-card7 .property-card-thumb img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Medium devices */
}
@media (max-width: 991px) {
  .property-card7 .property-card-thumb img {
    height: 350px;
  }
}
.property-card7 .property-card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
  /* Medium Large devices */
  /* Large devices */
  /* Medium devices */
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 1299px) {
  .property-card7 .property-card-details {
    gap: 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .property-card7 .property-card-details .media-left {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .property-card7 .property-card-details .media-left {
    width: auto;
  }
}
@media (max-width: 991px) {
  .property-card7 .property-card-details .media-left {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .property-card7 .property-card-details .media-left {
    width: auto;
  }
}
@media (max-width: 375px) {
  .property-card7 .property-card-details .media-left {
    width: 100%;
  }
}
.property-card7 .property-card-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--white-color);
  margin-bottom: 8px;
  margin-top: -0.3em;
}
.property-card7 .property-card-title a {
  color: var(--white-color);
}
.property-card7 .property-card-title a:hover {
  color: var(--theme-color);
}
.property-card7 .property-card-subtitle {
  font-size: 16px;
  font-family: var(--title-font);
  color: var(--theme-color);
  margin-bottom: -0.3em;
}
.property-card7 .icon-btn {
  --btn-size: 48px;
}
.property-card7 .icon-btn img {
  -webkit-filter: brightness(99) invert(0) grayscale(9);
          filter: brightness(99) invert(0) grayscale(9);
  width: 20px;
}
.property-card7:hover .property-card-thumb img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.property-card7.style2 .property-card-thumb img {
  height: 480px;
}
.property-card7.style2 .property-card-title {
  margin-bottom: 1px;
}
.property-card7.style2 .property-card-title a {
  color: var(--title-color);
}
.property-card7.style2 .property-card-title a:hover {
  color: var(--theme-color);
}
.property-card7.style2 .icon-btn img {
  -webkit-filter: none;
          filter: none;
}
.property-card7.style2 .icon-btn:hover img {
  -webkit-filter: brightness(99) invert(0) grayscale(9);
          filter: brightness(99) invert(0) grayscale(9);
}
.property-card7.style3 .property-card-thumb img {
  height: 488px;
}
.property-card7.style3 .property-card-title {
  margin-bottom: 18px;
}
.property-card7.style3 .property-card-title a:hover {
  color: var(--theme-color2);
}
.property-card7.style3 .property-card-details {
  padding: 0 30px;
}

/* property area 10 ---------------------------------- */
.property-card8 .th-btn {
  padding: 12px 16px;
}
.property-card8:hover .th-btn {
  border-color: var(--white-color);
  color: var(--white-color);
}
.property-card8:hover .th-btn:after {
  -webkit-filter: brightness(0) grayscale(9) invert(2);
          filter: brightness(0) grayscale(9) invert(2);
}
.property-card8:hover .th-btn:hover {
  border-color: var(--theme-color);
}

/* Property Page Details -------------------------------*/

.property-thumb-slider .swiper-slide {
  position: relative;
}
.property-thumb-slider .swiper-slide:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--theme-color);
  opacity: 0;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-thumb-slider .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 0.7;
}
.property-page-single .page-title {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--theme-color);
}

/*------------------- 4.00. Aminities  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Aminities 1 ---------------------------------- */
.aminities-slider .slider-pagination.swiper-pagination-progressbar {
  bottom: 8px;
  margin: 70px 40px 0;
  /* Medium devices */
}
@media (max-width: 991px) {
  .aminities-slider .slider-pagination.swiper-pagination-progressbar {
    margin: 50px 0 0;
  }
}

/*aminities-card2********************/

/*------------------- 4.00. Download  -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/

/*------------------- 4.00. Color Scheme -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* color scheme ---------------------------------- */
.color-scheme-wrap {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 99;
  background: var(--black-color2);
  padding: 20px;
  border-radius: 10px 0 0 10px;
  display: inline-block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.color-scheme-wrap .switchIcon {
  position: absolute;
  left: 0;
  top: 10px;
  border: 0;
  background: var(--theme-color);
  color: var(--white-color);
  height: 45px;
  width: 45px;
  border-radius: 5px 0 0 5px;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.color-scheme-wrap .color-switch-btns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px;
}
.color-scheme-wrap .color-switch-btns button {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 24px;
  color: var(--theme-color);
  text-align: left;
}
.color-scheme-wrap.active {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

/*------------------- 4.00. Gallery -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Gallery Area -------------------------------*/

/*------------------- 4.00. Instagram -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Instagram Area 1-------------------------------*/

/*------------------- 4.00. Agency -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Agency 1 ---------------------------------- */

/*------------------- 4.00. Subscribe -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Subscribe Area ---------------------------------- */
.subscribe-form.style2 .th-btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/*------------------- 4.00. Rent -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* rent 1 ---------------------------------- */
.rent-card .th-btn.style-border {
  padding-top: 11px;
  padding-bottom: 11px;
}

/*------------------- 4.00. Megamenu -------------------*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*Mega menu area*********************/
.main-menu ul.mega-menu .th-mobile-menu ul li ul li {
  padding-left: 0px;
}
.main-menu ul.mega-menu .th-mobile-menu ul li a:before {
  content: "\f105";
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 12px;
  margin-right: 10px;
  display: none;
}
.mega-menu-box .mega-menu-img .btn-wrap .th-btn {
  padding: 6px 18px;
  font-size: 14px;
  color: var(--white-color);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.mega-menu-box .mega-menu-img .btn-wrap .th-btn:after {
  display: none;
}
.mega-menu-box .mega-menu-img .btn-wrap .th-btn:hover {
  color: var(--theme-color);
}

/*Mega menu area end*********************/
/*=================================
    05. Spacing
==================================*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*-- Padding Left And Right --*/

/*-- Padding Top And Bottom --*/

/*-- Padding Top --*/

/*-- Padding Bottom --*/

/*-- Padding Left --*/

/*-- Padding Right --*/

/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*-- margin Left And Right --*/

/*-- margin Top And Bottom --*/

/*-- margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

/*-- margin Bottom --*/

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

/*-- margin Left --*/

/*-- margin Right --*/

.mb-60 {
  margin-bottom: 60px;
}

.mt-60 {
  margin-top: 60px;
}

/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
.space,
.space-top {
  padding-top: var(--section-space);
}

.space,
.space-bottom {
  padding-bottom: var(--section-space);
}


.space-extra2-top {
  padding-top: calc(var(--section-space) - 40px);
}


.space-extra2-bottom {
  padding-bottom: calc(var(--section-space) - 40px);
}

/* Medium devices */
@media (max-width: 991px) {
  .space,
  .space-top {
    padding-top: var(--section-space-mobile);
  }
  .space,
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }
  
  .space-extra2-top {
    padding-top: 70px;
  }
  
  .space-extra2-bottom {
    padding-bottom: 70px;
  }
}
/*=================================
    Update 1
==================================*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Home 6 ---------------------------------- */
.hero-6 .property-search-form .th-btn {
  padding: 16px 32px;
}
@media (max-width: 1199px) {
  .hero-6 .property-search-form .th-btn {
    margin: 0;
    width: auto;
  }
}

/* Property Area 4-------------------------------*/
.property-card4 .property-card-thumb .th-btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  border-radius: 16px;
  background: var(--white-color);
  width: 72px;
  height: 72px;
  line-height: 72px;
  min-width: auto;
  padding: 0;
}
.property-card4 .property-card-thumb .property-card-hover-wrap .th-btn {
  position: absolute;
  top: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: var(--theme-color);
  border: 2px solid var(--white-color);
}
.property-card4:hover .property-card-thumb .th-btn {
  opacity: 0;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  visibility: hidden;
}
.property-card4:hover .property-card-thumb .property-card-hover-wrap .th-btn {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 1;
  visibility: visible;
}

/* About area -------------------------------*/

/* About 7 ---------------------------------- */

/* Destination Area 1 ---------------------------------- */

/* team area 6-------------------------------*/
.team-thumb-slider1 .swiper-wrapper {
  padding: 0 !important;
}
.team-thumb-slider1 .swiper-slide {
  cursor: pointer;
}
.team-thumb-slider1 .swiper-slide.swiper-slide-thumb-active .team-box-img {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.team-slider6 .swiper-slide {
  opacity: 0 !important;
}
.team-slider6 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

/*=================================
    Update 2
==================================*/
/*
Template Name: Builda
Template URL: https://themeholy.com/html/builda/
Description: Construction Services & Architecture HTML Template
Author: themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Pricing
    4.00. Feature
    4.00. Project
    4.00. Category
    4.00. CTA
    4.00. Appointment
    4.00. Video
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/* Home 7 ---------------------------------- */
.hero-7 .single-location {
  max-width: 320px;
  display: block;
  padding: 16px;
  border-radius: 10px;
  /* Extra large devices */
  /* Medium Large devices */
  /* Medium Large devices */
  /* Medium devices */
  /* Extra small devices */
}
.hero-7 .single-location .thumb {
  border: 0;
  position: relative;
  border-radius: 10px;
  display: block;
  overflow: hidden;
}
.hero-7 .single-location .thumb .property-card-tag {
  background: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  color: var(--theme-color);
  border-radius: 30px;
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 0 8px;
}
.hero-7 .single-location .thumb img {
  width: 100%;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-7 .single-location .media-body {
  padding: 18px 8px 8px;
}
.hero-7 .single-location .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
.hero-7 .single-location .title a {
  color: var(--white-color);
}
.hero-7 .single-location .title a:hover {
  color: var(--theme-color2);
}
.hero-7 .single-location .price {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 11px;
}
.hero-7 .single-location .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: var(--light-color);
  max-width: 220px;
  font-size: 14px;
}
.hero-7 .single-location .location .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 2px;
}
.hero-7 .single-location .location .icon img {
  -webkit-filter: contrast(0) brightness(2) opacity(0.7);
          filter: contrast(0) brightness(2) opacity(0.7);
}
.hero-7 .single-location .location:hover {
  color: var(--theme-color2);
}
.hero-7 .single-location .property-card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 18px;
  border-top: 1px solid var(--light-color);
  padding-top: 8px;
  margin-bottom: 0;
}
.hero-7 .single-location .property-card-meta span {
  color: var(--white-color);
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
  border-right: 1px solid var(--light-color);
  padding-right: 12px;
  margin-right: 12px;
  line-height: 1;
}
.hero-7 .single-location .property-card-meta span img {
  width: 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-filter: brightness(9);
          filter: brightness(9);
}
.hero-7 .single-location .property-card-meta span:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
@media (max-width: 1500px) {
  .hero-7 .single-location {
    right: 100px;
  }
}
@media (max-width: 1399px) {
  .hero-7 .single-location {
    right: 70px;
  }
}
@media (max-width: 1299px) {
  .hero-7 .single-location {
    right: 50px;
  }
}
@media (max-width: 991px) {
  .hero-7 .single-location {
    position: relative;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
            transform: none;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-7 .single-location .property-card-meta span {
    border: 0;
  }
}
@media (max-width: 575px) {
  .hero-7 .single-location .property-card-meta span {
    padding: 0;
    margin: 0;
  }
}
.hero-7 .property-search-form .th-btn {
  padding: 13px 32px;
}
@media (max-width: 1199px) {
  .hero-7 .property-search-form .th-btn {
    margin: 0;
    width: auto;
  }
}

/* Contact sec 4.1 ---------------------------------- */

/* Team sec 7 ---------------------------------- */
.team-area-7 .th-container {
  --main-container: 1760px;
}

.team-slider7 {
  text-align: center;
  margin: 0 -50px;
  /* Extra large devices */
  /* Medium Large devices */
  /* Large devices */
}
.team-slider7 .swiper-slide {
  margin-top: 55px;
}
.team-slider7 .swiper-slide .team-card6 .team-card-content {
  opacity: 0;
  visibility: hidden;
}
.team-slider7 .swiper-slide.swiper-slide-next, .team-slider7 .swiper-slide.swiper-slide-prev {
  margin-top: 12px;
}
.team-slider7 .swiper-slide.swiper-slide-active {
  margin-top: 0;
}
.team-slider7 .swiper-slide.swiper-slide-active .team-card6 .team-img {
  -webkit-filter: none;
          filter: none;
}
.team-slider7 .swiper-slide.swiper-slide-active .team-card6 .team-card-content {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1500px) {
  .team-slider7 {
    margin: 0 -20px;
    padding: 0 50px;
  }
  .team-slider7 .swiper-slide {
    margin-top: 0px;
  }
}
@media (max-width: 1399px) {
  .team-slider7 {
    margin: 0 -50px;
    padding: 0 50px;
  }
}
@media (max-width: 1199px) {
  .team-slider7 {
    padding: 0 50px 40px;
  }
}
.team-card6 .th-social {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.team-card6 .th-social a {
  background: transparent;
  border-color: var(--white-color);
}
.team-card6 .th-social a:hover {
  border-color: var(--theme-color);
}

/* Testimonial sec 2.2 ---------------------------------- */

/* About area 8 ---------------------------------- */

/* Property Area 5-------------------------------*/
.property-card5 .property-btn-wrap .th-btn {
  padding: 9px 16px;
}

/* Counter Area 6-------------------------------*/
.counter-card.style6 .box-icon {
  opacity: 0.2;
  margin-bottom: -75px;
}

/* Property-plan Area 1-------------------------------*/
.property-plan-tabs .nav-item .nav-link.active {
  background: var(--theme-color);
  color: var(--white-color);
}

/* Destination Area 2 ---------------------------------- */

/* About Area 10 ---------------------------------- */

/* Resort Details ---------------------------------- */

/* testimonial 6 ---------------------------------- */

/* contact area 6 ---------------------------------- */

/* ---------------------------------- */
/* Home 12 
/* ---------------------------------- */
/* about area 12 ---------------------------------- */

/* vision area 1 ---------------------------------- */
.vision-card .th-btn {
  margin-top: 30px;
  padding: 12px 24px;
}

/* video area 6 ---------------------------------- */

/* Project area 6 ---------------------------------- */
.project-slider6 .slider-pagination.swiper-pagination-progressbar {
  bottom: 8px;
  margin: 70px 40px 0;
  background: rgba(255, 255, 255, 0.2);
  /* Medium devices */
}
.project-slider6 .slider-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--theme-color2);
}
@media (max-width: 991px) {
  .project-slider6 .slider-pagination.swiper-pagination-progressbar {
    margin: 50px 0 0;
  }
}
.project-slider6 .swiper-slide.swiper-slide-active .portfolio-card.style6 {
  margin-top: 0;
  /* Extra small devices */
}
.project-slider6 .swiper-slide.swiper-slide-active .portfolio-card.style6 .portfolio-img img {
  height: 520px;
}
.project-slider6 .swiper-slide.swiper-slide-active .portfolio-card.style6 .portfolio-content {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .project-slider6 .swiper-slide.swiper-slide-active .portfolio-card.style6 .portfolio-img img {
    height: 422px;
  }
}

/* Team area 9 ---------------------------------- */

/* Advantage area 1 ---------------------------------- */

/* testimonial area 9 ---------------------------------- */

/* ---------------------------------- */
/* Home 13 
/* ---------------------------------- */
/*product-area********************/
.product-wrap1 .product-hotspot-dot.show {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}

/*contact-area********************/

/* Team area 12 ---------------------------------- */

/* ---------------------------------- */
/* Home 14 
/* ---------------------------------- */
.hero-14 .hero-grid-thumb .swiper-slide-thumb-active .box-img:after {
  opacity: 0.3;
}
.hero-14 .hero-grid-thumb .swiper-slide-thumb-active .box-img .slider-number {
  opacity: 1;
}
.hero-14 .property-search-form-wrap .property-search-form .th-btn {
  width: 100px;
  height: 100px;
  border-radius: 0;
  min-width: auto;
  /* Large devices */
}
@media (max-width: 1199px) {
  .hero-14 .property-search-form-wrap .property-search-form .th-btn {
    margin: 0;
    margin-top: 30px;
    width: 100%;
    height: 60px;
  }
}

/* Aminities area 3 ---------------------------------- */

/* About area 14 ---------------------------------- */

/* Project area 7 ---------------------------------- */
.project-slider7 .swiper-slide.swiper-slide-active .portfolio-card.style7 .portfolio-img img {
  height: 320px;
}
.project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
  height: 420px;
}
.project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
  height: 520px;
}
.project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
  height: 520px;
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
    height: 420px;
  }
}
.project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
  height: 420px;
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
    height: 320px;
  }
}
.project-slider7 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide .portfolio-card.style7 .portfolio-img img {
  height: 320px;
}

/* Why Area 3---------------------------------- */

/* Property Area 11---------------------------------- */
.property-tab.style2 .nav-item .nav-link.active {
  background: transparent;
  color: var(--theme-color2);
  border-color: var(--theme-color2);
}

.property-slider11 .slider-pagination.swiper-pagination-progressbar {
  bottom: 8px;
  margin: 70px 40px 0;
  /* Medium devices */
}
@media (max-width: 991px) {
  .property-slider11 .slider-pagination.swiper-pagination-progressbar {
    margin: 50px 0 0;
  }
}
.property-card9 .btn-wrap .th-btn {
  padding: 9px 16px;
}
.property-card9:hover .th-btn {
  border-color: var(--theme-color2);
  background: var(--theme-color2);
  color: var(--title-color);
}
.property-card9:hover .th-btn:hover {
  color: var(--white-color);
  background: transparent;
}

/* Gallery Area 2---------------------------------- */

/* Testimonial Area 10---------------------------------- */
.testi-slider10 .slider-pagination-wrap .slider-pagination2 .current-slide {
  font-weight: 600;
  font-size: 48px;
  color: var(--theme-color);
  margin-right: 0;
}

/* Blog Card 6---------------------------------- */

/* contact area 7 ---------------------------------- */

/* ---------------------------------- */
/* Home 15 
/* ---------------------------------- */
.hero-15-search-wrap .property-search-form .btn-wrap .th-btn i {
  color: var(--title-color);
}
.hero-15-search-wrap .property-search-form.directorist-search-form .directorist-btn.directorist-btn-lg.directorist-btn-dark.directorist-btn-search.th-btn {
  border-radius: 50px;
  margin: 0;
  margin-left: 20px;
  padding: 0 23px;
  min-height: 44px;
  background: var(--theme-color) !important;
  /* Extra small devices */
}
.hero-15-search-wrap .property-search-form.directorist-search-form .directorist-btn.directorist-btn-lg.directorist-btn-dark.directorist-btn-search.th-btn i {
  margin-right: 0;
}
@media (max-width: 575px) {
  .hero-15-search-wrap .property-search-form.directorist-search-form .directorist-btn.directorist-btn-lg.directorist-btn-dark.directorist-btn-search.th-btn {
    margin-left: 0;
  }
}

/* Category Area 2 ---------------------------------- */

/* About Area 15 ---------------------------------- */

/* Property Area 12 ---------------------------------- */
.property-tab.style3 .nav-item .nav-link.active {
  background: var(--theme-color3);
  color: var(--white-color);
}
.property-card10 .btn-wrap .th-btn {
  padding: 9px 16px;
}

/* Testimonial Area 11 ---------------------------------- */
.testi-slider11 .slider-pagination .swiper-pagination-bullet {
  background: var(--gray-color7);
}
.testi-slider11 .slider-pagination .swiper-pagination-bullet:hover, .testi-slider11 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme-color2);
}

/* Team sec 13 ---------------------------------- */
.team-slider13-wrap .team-slider7 .swiper-slide {
  margin-top: 0px;
  margin-bottom: 50px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .team-slider13-wrap .team-slider7 .swiper-slide {
    margin-bottom: 0;
  }
}
.team-slider13-wrap .team-card6 .th-social a {
  border-color: var(--theme-color3);
  color: var(--theme-color3);
}
.team-slider13-wrap .team-card6 .th-social a:hover {
  background: var(--theme-color3);
  color: var(--white-color);
}

/* Blog Card 8 ---------------------------------- */

/* ---------------------------------- */
/* Home 16 
/* ---------------------------------- */
.hero-16-search-wrap .property-search-form .btn-wrap .th-btn i {
  color: var(--title-color);
}
@media (max-width: 1299px) {
  .hero-16-search-wrap .property-search-form .btn-wrap .th-btn {
    width: -webkit-fill-available;
    margin: 40px;
  }
}
@media (max-width: 575px) {
  .hero-16-search-wrap .property-search-form .btn-wrap .th-btn {
    margin: 30px 30px;
  }
}
.hero-16-search-wrap .property-search-form.directorist-search-form .directorist-btn.directorist-btn-lg.directorist-btn-dark.directorist-btn-search.th-btn {
  border-radius: 50px;
  margin: 0;
  margin-left: 20px;
  padding: 0 23px;
  min-height: 44px;
  background: var(--theme-color) !important;
  /* Extra small devices */
}
.hero-16-search-wrap .property-search-form.directorist-search-form .directorist-btn.directorist-btn-lg.directorist-btn-dark.directorist-btn-search.th-btn i {
  margin-right: 0;
}
@media (max-width: 575px) {
  .hero-16-search-wrap .property-search-form.directorist-search-form .directorist-btn.directorist-btn-lg.directorist-btn-dark.directorist-btn-search.th-btn {
    margin-left: 0;
  }
}

/* rent 2 ---------------------------------- */

/* About Area 16 ---------------------------------- */

/* Property Area 13 ---------------------------------- */
.property-tab.style4 .nav-item .nav-link.active {
  background: var(--title-dark);
  color: var(--white-color);
}
.property-card11 .btn-wrap .th-btn {
  padding: 9px 16px;
  font-size: 14px;
  min-width: 102px;
}

/* Category Area 3 ---------------------------------- */

/* Team Card 14---------------------------------- */
.team-card.style10 .th-social-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-card.style10 .th-social-wrap .icon-btn {
  background: transparent;
  border: 0;
  margin-top: 15px;
  font-size: 30px;
}
.team-card.style10 .th-social-wrap .icon-btn img {
  width: 30px;
  -webkit-filter: invert(1);
          filter: invert(1);
}
.team-card.style10 .th-social-wrap .icon-btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-card.style10 .th-social {
  background: transparent;
  position: initial;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  width: auto;
}
.team-card.style10 .th-social a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  background: transparent;
  border: 1px solid rgba(189, 189, 189, 0.5);
  font-size: 16px;
}
.team-card.style10 .th-social a:hover {
  background: var(--white-color);
  color: var(--theme-color);
}
.team-card.style10:hover .th-social-wrap {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

/* Testi Card 12---------------------------------- */