@charset "UTF-8";@font-face {  font-family: "Font Awesome 6 Free";  src: url("../fonts/fa-solid-900.woff2") format("woff2"),    url("../fonts/fa-solid-900.ttf") format("truetype");  font-weight: 900;  font-style: normal;  font-display: swap;}:root {  --theme-color: #0dbfe1;  --theme-color2: #0cb6ff;  --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;  --black-color3: #000B01;  --black-color4: #071709;  --gray-color: #333333;  --th-border-color: #B3B3B3;  --th-border-color2: #D4D4D4;  --white-color: #ffffff;  --smoke-color4: #F5F7F9;  --gray-color2: #E5E4E9;  --gray-color3: #F3F5F6;  --gray-color4: #EEF4EE;  --gray-color5: #E4DFD8;  --gray-color6: #968D81;  --gray-color7: #ECE5DB;  --light-color: #ECF6ED;  --light-color2: #FBF5EC;  --yellow-color: #E2B93B;  --success-color: #27AE60;  --error-color: #EB5757;  --title-font: "Outfit", sans-serif;  --body-font: "Inter", sans-serif;  --icon-font: "Font Awesome 6 Free";  --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;}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;}body.bg-light2 .slider-drag-cursor {  background: rgba(66, 58, 47, 0.7);}body.home-sidemenu {  margin-left: 315px;  /* Medium devices */}@media (max-width: 991px) {  body.home-sidemenu {    margin-left: 0px;  }  body.home-sidemenu .th-btn {    padding: 17.5px 24px;    font-size: 14px;  }}.theme-color2 {  --theme-color: #F68A0A;}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%;}ins {  text-decoration: none;}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;}span.ajax-loader:empty,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.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;  transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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;}.blog-title,.pagi-title,.breadcumb-title {  word-break: break-word;}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption {  color: var(--body-color);}.bypostauthor,.gallery-caption {  display: block;}.page-links,.clearfix {  clear: both;}.page--item {  margin-bottom: 30px;}.page--item p {  line-height: 1.8;}.content-none-search {  margin-top: 30px;}.wp-block-button.aligncenter {  text-align: center;}.alignleft {  display: inline;  float: left;  margin-bottom: 10px;  margin-right: 1.5em;}.alignright {  display: inline;  float: right;  margin-bottom: 10px;  margin-left: 1.5em;  margin-right: 1em;}.aligncenter {  clear: both;  display: block;  margin-left: auto;  margin-right: auto;  max-width: 100%;}.gallery {  margin-bottom: 1.5em;  width: 100%;}.gallery-item {  display: inline-block;  text-align: center;  vertical-align: top;  width: 100%;  padding: 0 5px;}.wp-block-columns {  margin-bottom: 1em;}figure.gallery-item {  margin-bottom: 10px;  display: inline-block;}figure.wp-block-gallery {  margin-bottom: 14px;}.gallery-columns-2 .gallery-item {  max-width: 50%;}.gallery-columns-3 .gallery-item {  max-width: 33.33%;}.gallery-columns-4 .gallery-item {  max-width: 25%;}.gallery-columns-5 .gallery-item {  max-width: 20%;}.gallery-columns-6 .gallery-item {  max-width: 16.66%;}.gallery-columns-7 .gallery-item {  max-width: 14.28%;}.gallery-columns-8 .gallery-item {  max-width: 12.5%;}.gallery-columns-9 .gallery-item {  max-width: 11.11%;}.gallery-caption {  display: block;  font-size: 12px;  color: var(--body-color);  line-height: 1.5;  padding: 0.5em 0;}.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;}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-social-links {  margin-bottom: 0;}.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: var(--white-color);  color: var(--title-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(--white-color);  background-color: var(--theme-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(--title-color);  color: var(--white-color);}.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 .sticky-wrapper.sticky,.logged-in .preloader .th-btn {  top: 32px;}@media (max-width: 782px) {  .logged-in .sticky-wrapper.sticky,  .logged-in .preloader .th-btn {    top: 46px;  }}@media (max-width: 600px) {  .logged-in .sticky-wrapper.sticky,  .logged-in .preloader .th-btn {    top: 0;  }}.post-password-form {  margin-bottom: 30px;  margin-top: 20px;}.post-password-form p {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  position: relative;  gap: 15px;  /* Extra small devices */}@media (max-width: 575px) {  .post-password-form p {    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }}.post-password-form label {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-flex: 1;  -ms-flex: auto;  flex: auto;  margin-bottom: 0;  line-height: 1;  margin-top: 0;  gap: 15px;  /* Extra small devices */}@media (max-width: 575px) {  .post-password-form label {    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }}.post-password-form input {  width: 100%;  border: none;  height: 55px;  padding-left: 25px;  color: var(--body-color);  border: 1px solid var(--th-border-color);}.post-password-form input[type=submit] {  padding-left: 0;  padding-right: 0;  margin: 0;  width: 140px;  border: none;  color: #fff;  background-color: var(--theme-color);  text-align: center;}.post-password-form input[type=submit]:hover {  background-color: var(--title-color);}.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.format-quote,.blog-single.format-link,.blog-single.tag-sticky-2,.blog-single.sticky {  border-color: transparent;  position: relative;}.blog-single.format-quote .blog-content:before,.blog-single.format-link .blog-content:before,.blog-single.tag-sticky-2 .blog-content:before,.blog-single.sticky .blog-content:before {  display: none;}.blog-single.format-quote:before,.blog-single.format-link:before,.blog-single.tag-sticky-2:before,.blog-single.sticky:before {  content: "\f0c1";  position: absolute;  font-family: var(--icon-font);  font-size: 16px;  font-weight: 500;  opacity: 1;  right: 0;  top: 0;  color: var(--white-color);  background-color: var(--theme-color);  z-index: 1;  height: 44px;  width: 44px;  line-height: 44px;  text-align: center;  border-radius: 8px;  /* Small devices */}@media (max-width: 767px) {  .blog-single.format-quote:before,  .blog-single.format-link:before,  .blog-single.tag-sticky-2:before,  .blog-single.sticky:before {    border-radius: 0 10px 0 10px;  }}.blog-single.tag-sticky-2::before,.blog-single.sticky::before {  content: "\f08d";}.blog-single.tag-sticky-2 .blog-meta,.blog-single.sticky .blog-meta {  margin-right: 40px;}.blog-single.format-quote:before {  content: "\f10e";}.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 .widget_nav_menu li,.blog-single .widget_meta li,.blog-single .widget_pages li,.blog-single .widget_archive li,.blog-single .wp-block-archives li,.blog-single .widget_categories li,.blog-single .wp-block-categories li {  color: var(--body-color);}.blog-single .widget_nav_menu li:hover,.blog-single .widget_meta li:hover,.blog-single .widget_pages li:hover,.blog-single .widget_archive li:hover,.blog-single .wp-block-archives li:hover,.blog-single .widget_categories li:hover,.blog-single .wp-block-categories li:hover {  color: var(--theme-color);}.blog-single .widget_nav_menu a,.blog-single .widget_meta a,.blog-single .widget_pages a,.blog-single .widget_archive a,.blog-single .wp-block-archives a,.blog-single .widget_categories a,.blog-single .wp-block-categories a {  border-bottom: 1px solid var(--theme-color);}.blog-single .widget_nav_menu a:hover,.blog-single .widget_meta a:hover,.blog-single .widget_pages a:hover,.blog-single .widget_archive a:hover,.blog-single .wp-block-archives a:hover,.blog-single .widget_categories a:hover,.blog-single .wp-block-categories a:hover {  color: var(--theme-color);}.blog-single .widget_nav_menu a:hover~span,.blog-single .widget_meta a:hover~span,.blog-single .widget_pages a:hover~span,.blog-single .widget_archive a:hover~span,.blog-single .wp-block-archives a:hover~span,.blog-single .widget_categories 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 .widget_recent_comments li,.blog-single .wp-block-latest-comments li {  color: var(--body-color);}.blog-single .widget_recent_comments li:before,.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: var(--smoke-color);  color: var(--theme-color);}.blog-single .wp-block-tag-cloud a,.blog-single .tagcloud a {  background: transparent;  color: var(--title-color);  border: 1px solid var(--th-border-color);}.blog-single .wp-block-tag-cloud a:hover,.blog-single .tagcloud a:hover {  background: var(--theme-color);  border-color: var(--theme-color);  color: var(--white-color);}.blog-details .blog-single:before {  display: none;}.blog-details .blog-single .blog-content {  background-color: transparent;  overflow: hidden;}.blog-details .blog-single.format-chat .blog-meta {  margin-bottom: 20px;}.blog-details .blog-single.format-chat .blog-content>p:nth-child(2n) {  background: var(--smoke-color);  padding: 5px 20px;}.blog-details .blog-single.tag-sticky-2,.blog-details .blog-single.sticky,.blog-details .blog-single.format-quote,.blog-details .blog-single.format-link {  background-color: transparent;}.blog-details .blog-single.tag-sticky-2:before,.blog-details .blog-single.sticky:before,.blog-details .blog-single.format-quote:before,.blog-details .blog-single.format-link:before {  display: none;}.nof-title {  margin-top: -0.24em;}.th-search {  background-color: var(--smoke-color3);  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(--title-color);}.th-search .search-grid-title a {  color: inherit;}.th-search .search-grid-title a:hover {  color: var(--theme-color);}.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(--title-color);}.th-search .search-grid-meta a i,.th-search .search-grid-meta span i {  color: var(--theme-color);}/* Small devices */@media (max-width: 767px) {  .blog-single.format-quote:before,  .blog-single.format-link:before,  .blog-single.tag-sticky-2:before,  .blog-single.sticky:before {    font-size: 14px;    width: 40px;    height: 40px;    line-height: 40px;  }}@media (max-width: 768px) {  .wp-block-latest-comments {    padding-left: 10px;  }  .page--content.clearfix+.th-comment-form {    margin-top: 24px;  }}/*blog-navigation*****************/.blog-navigation {  --th-border-color: rgba(28, 45, 55, 0.2);  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: 0;  border-bottom: 1px solid var(--th-border-color);  padding: 0 0 30px;  margin-top: -30px;  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: 500;  -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);}.blog-navigation .blog-btn {  font-size: 38px;  color: var(--light-color);}.blog-navigation .blog-btn:hover {  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-navigation .blog-btn {    display: none;  }}/*blog-author*****************/.blog-author {  margin-top: 40px;  margin-bottom: 40px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  background-color: var(--smoke-color);  border-radius: 20px;  overflow: hidden;}.blog-author .auhtor-img {  width: 212px;  min-height: 100%;  background-color: #00ffff;  text-align: center;  display: grid;  -ms-flex-line-pack: center;  align-content: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  /* Small devices */}@media (max-width: 767px) {  .blog-author .auhtor-img {    width: 100%;    min-height: 200px;  }}.blog-author .auhtor-img img {  width: 96px;  height: auto;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: center center;  object-position: center center;}.blog-author .author-name {  font-size: 24px;  margin-top: -0.2em;  margin-bottom: 16px;}.blog-author .author-text {  margin-bottom: 0;}.blog-author .media-body {  padding: 40px 40px 40px 40px;  -ms-flex-item-align: center;  align-self: center;}/* Small devices */@media (max-width: 767px) {  .blog-author {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;  }  .blog-author .auhtor-img img {    width: 100%;  }}/* Extra small devices */@media (max-width: 575px) {  .blog-author .media-body {    padding: 35px 20px 30px 20px;  }}.sticky-widget-sidebar {  position: relative;}.sticky-widget-sidebar .wp-sticky-sidebar {  position: sticky;  top: 160px;}/*=================================    02. Reset==================================*//*------------------- 2.1. Container -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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-xxl,  .container-xl,  .container-lg,  .container-md,  .container-sm,  .container {    max-width: calc(var(--main-container) + var(--container-gutters));    padding-left: calc(var(--container-gutters) / 2);    padding-right: calc(var(--container-gutters) / 2);  }  .container-xxl.px-0,  .container-xl.px-0,  .container-lg.px-0,  .container-md.px-0,  .container-sm.px-0,  .container.px-0 {    max-width: var(--main-container);  }}@media only screen and (min-width: 1300px) {  .th-container {    --main-container: 1408px;  }  .th-container2 {    --main-container: 1760px;  }  .th-container3 {    --main-container: 990px;  }  .th-container4 {    --main-container: 1860px;  }}@media only screen and (max-width: 1600px) {  .container-fluid.px-0 {    padding-left: 15px !important;    padding-right: 15px !important;  }  .container-fluid.px-0 .row {    margin-left: 0 !important;    margin-right: 0 !important;  }}/*------------------- 2.2. Grid -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/@media (min-width: 1300px) {  .row {    --bs-gutter-x: 24px;  }}.gy-10 {  --bs-gutter-y: 10px;}.gy-30 {  --bs-gutter-y: 30px;}.gy-35 {  --bs-gutter-y: 35px;}.gy-40 {  --bs-gutter-y: 40px;}.gy-50 {  --bs-gutter-y: 50px;}.gy-60 {  --bs-gutter-y: 60px;}.gy-80 {  --bs-gutter-y: 80px;}.g-0 {  --bs-gutter-y: 0;  --bs-gutter-x: 0;}.gx-0 {  --bs-gutter-x: 0;}.gx-35 {  --bs-gutter-x: 35px;}.gx-10 {  --bs-gutter-x: 10px;}@media (min-width: 1299px) {  .gx-50 {    --bs-gutter-x: 50px;  }  .gx-60 {    --bs-gutter-x: 60px;  }  .gx-70 {    --bs-gutter-x: 70px;  }  .gx-80 {    --bs-gutter-x: 80px;  }  .gx-100 {    --bs-gutter-x: 100px;  }}@media (min-width: 1399px) {  .gx-30 {    --bs-gutter-x: 30px;  }  .gx-25 {    --bs-gutter-x: 25px;  }  .gx-40 {    --bs-gutter-x: 40px;  }}/* Large devices */@media (max-width: 1199px) {  .gy-80 {    --bs-gutter-y: 50px;  }}/* Medium devices */@media (max-width: 991px) {  .gy-50 {    --bs-gutter-y: 40px;  }}/*------------------- 2.3. Input -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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=time],input[type=date] {  padding: 0 25px 0 25px;  position: relative;}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator {  background: transparent;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  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-border select,.form-group.style-border textarea,.form-group.style-border input {  background: transparent;  border: 1px solid var(--theme-color);  color: var(--theme-color);}.form-group.style-border select::-webkit-input-placeholder,.form-group.style-border textarea::-webkit-input-placeholder,.form-group.style-border input::-webkit-input-placeholder {  color: var(--theme-color);}.form-group.style-border select::-moz-placeholder,.form-group.style-border textarea::-moz-placeholder,.form-group.style-border input::-moz-placeholder {  color: var(--theme-color);}.form-group.style-border select:-ms-input-placeholder,.form-group.style-border textarea:-ms-input-placeholder,.form-group.style-border input:-ms-input-placeholder {  color: var(--theme-color);}.form-group.style-border select::-ms-input-placeholder,.form-group.style-border textarea::-ms-input-placeholder,.form-group.style-border input::-ms-input-placeholder {  color: var(--theme-color);}.form-group.style-border select::placeholder,.form-group.style-border textarea::placeholder,.form-group.style-border input::placeholder {  color: var(--theme-color);}.form-group.style-border option {  color: var(--title-dark);}.form-group.style-border i {  color: var(--theme-color);}.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-border4 {  /* Small devices */}.form-group.style-border4 select,.form-group.style-border4 textarea,.form-group.style-border4 input {  background: transparent;  border: 1px solid var(--th-border-color);  color: var(--body-color);  border-radius: 50px;  height: 64px;}.form-group.style-border4 select::-webkit-input-placeholder,.form-group.style-border4 textarea::-webkit-input-placeholder,.form-group.style-border4 input::-webkit-input-placeholder {  color: var(--body-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.form-group.style-border4 select::-moz-placeholder,.form-group.style-border4 textarea::-moz-placeholder,.form-group.style-border4 input::-moz-placeholder {  color: var(--body-color);  -moz-transition: 0.4s;  transition: 0.4s;}.form-group.style-border4 select:-ms-input-placeholder,.form-group.style-border4 textarea:-ms-input-placeholder,.form-group.style-border4 input:-ms-input-placeholder {  color: var(--body-color);  -ms-transition: 0.4s;  transition: 0.4s;}.form-group.style-border4 select::-ms-input-placeholder,.form-group.style-border4 textarea::-ms-input-placeholder,.form-group.style-border4 input::-ms-input-placeholder {  color: var(--body-color);  -ms-transition: 0.4s;  transition: 0.4s;}.form-group.style-border4 select::placeholder,.form-group.style-border4 textarea::placeholder,.form-group.style-border4 input::placeholder {  color: var(--body-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.form-group.style-border4 select:focus,.form-group.style-border4 textarea:focus,.form-group.style-border4 input:focus {  color: var(--theme-color);  border-color: var(--theme-color);}.form-group.style-border4 select:focus::-webkit-input-placeholder,.form-group.style-border4 textarea:focus::-webkit-input-placeholder,.form-group.style-border4 input:focus::-webkit-input-placeholder {  color: var(--theme-color);}.form-group.style-border4 select:focus::-moz-placeholder,.form-group.style-border4 textarea:focus::-moz-placeholder,.form-group.style-border4 input:focus::-moz-placeholder {  color: var(--theme-color);}.form-group.style-border4 select:focus:-ms-input-placeholder,.form-group.style-border4 textarea:focus:-ms-input-placeholder,.form-group.style-border4 input:focus:-ms-input-placeholder {  color: var(--theme-color);}.form-group.style-border4 select:focus::-ms-input-placeholder,.form-group.style-border4 textarea:focus::-ms-input-placeholder,.form-group.style-border4 input:focus::-ms-input-placeholder {  color: var(--theme-color);}.form-group.style-border4 select:focus::placeholder,.form-group.style-border4 textarea:focus::placeholder,.form-group.style-border4 input:focus::placeholder {  color: var(--theme-color);}.form-group.style-border4 textarea {  border-radius: 24px;}.form-group.style-border4 option {  color: var(--title-color);}.form-group.style-border4 i {  color: var(--body-color);  top: 24px;}@media (max-width: 767px) {  .form-group.style-border4 select,  .form-group.style-border4 textarea,  .form-group.style-border4 input {    height: 50px;  }  .form-group.style-border4 i {    top: 16px;  }  .form-group.style-border4:has(textarea) i {    top: 22px;  }}.form-group.style-border5 {  /* Small devices */}.form-group.style-border5 select,.form-group.style-border5 textarea,.form-group.style-border5 input {  background: transparent;  border: 1px solid var(--white-color);  color: var(--white-color);  border-radius: 50px;  height: 64px;}.form-group.style-border5 select::-webkit-input-placeholder,.form-group.style-border5 textarea::-webkit-input-placeholder,.form-group.style-border5 input::-webkit-input-placeholder {  color: var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.form-group.style-border5 select::-moz-placeholder,.form-group.style-border5 textarea::-moz-placeholder,.form-group.style-border5 input::-moz-placeholder {  color: var(--white-color);  -moz-transition: 0.4s;  transition: 0.4s;}.form-group.style-border5 select:-ms-input-placeholder,.form-group.style-border5 textarea:-ms-input-placeholder,.form-group.style-border5 input:-ms-input-placeholder {  color: var(--white-color);  -ms-transition: 0.4s;  transition: 0.4s;}.form-group.style-border5 select::-ms-input-placeholder,.form-group.style-border5 textarea::-ms-input-placeholder,.form-group.style-border5 input::-ms-input-placeholder {  color: var(--white-color);  -ms-transition: 0.4s;  transition: 0.4s;}.form-group.style-border5 select::placeholder,.form-group.style-border5 textarea::placeholder,.form-group.style-border5 input::placeholder {  color: var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.form-group.style-border5 select:focus,.form-group.style-border5 textarea:focus,.form-group.style-border5 input:focus {  color: var(--white-color);  border-color: var(--theme-color);}.form-group.style-border5 select:focus::-webkit-input-placeholder,.form-group.style-border5 textarea:focus::-webkit-input-placeholder,.form-group.style-border5 input:focus::-webkit-input-placeholder {  color: var(--white-color);}.form-group.style-border5 select:focus::-moz-placeholder,.form-group.style-border5 textarea:focus::-moz-placeholder,.form-group.style-border5 input:focus::-moz-placeholder {  color: var(--white-color);}.form-group.style-border5 select:focus:-ms-input-placeholder,.form-group.style-border5 textarea:focus:-ms-input-placeholder,.form-group.style-border5 input:focus:-ms-input-placeholder {  color: var(--white-color);}.form-group.style-border5 select:focus::-ms-input-placeholder,.form-group.style-border5 textarea:focus::-ms-input-placeholder,.form-group.style-border5 input:focus::-ms-input-placeholder {  color: var(--white-color);}.form-group.style-border5 select:focus::placeholder,.form-group.style-border5 textarea:focus::placeholder,.form-group.style-border5 input:focus::placeholder {  color: var(--white-color);}.form-group.style-border5 textarea {  border-radius: 24px;}.form-group.style-border5 option {  color: var(--title-color);}.form-group.style-border5 i {  color: var(--white-color);  top: 24px;}@media (max-width: 767px) {  .form-group.style-border5 select,  .form-group.style-border5 textarea,  .form-group.style-border5 input {    height: 50px;  }  .form-group.style-border5 i {    top: 16px;  }  .form-group.style-border5:has(textarea) i {    top: 22px;  }}.form-group.style-white .form-select,.form-group.style-white .form-control {  background: var(--white-color);}.form-group.style-white>i {  top: 20px;  background: transparent;  color: var(--theme-color);}.form-group.style2 .form-select,.form-group.style2 .form-control {  background: #232323;  color: var(--white-color);  border: 1px solid rgba(228, 243, 243, 0.1);}.form-group.style2 .form-select::-webkit-input-placeholder,.form-group.style2 .form-control::-webkit-input-placeholder {  color: var(--white-color);}.form-group.style2 .form-select::-moz-placeholder,.form-group.style2 .form-control::-moz-placeholder {  color: var(--white-color);}.form-group.style2 .form-select:-ms-input-placeholder,.form-group.style2 .form-control:-ms-input-placeholder {  color: var(--white-color);}.form-group.style2 .form-select::-ms-input-placeholder,.form-group.style2 .form-control::-ms-input-placeholder {  color: var(--white-color);}.form-group.style2 .form-select::placeholder,.form-group.style2 .form-control::placeholder {  color: var(--white-color);}.form-group.style2 .form-select:focus,.form-group.style2 .form-control:focus {  border: 1px solid rgba(228, 243, 243, 0.5);}.form-group.style2>i {  color: var(--white-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 .form-control,.form-rounded-10 .form-select {  border-radius: 10px !important;}.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,.was-validated input: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,.was-validated input: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);}.row.no-gutters>.form-group {  margin-bottom: 0;}.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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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(--th-border-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);}.swiper-pagination-bullets.style6 {  padding-bottom: 8px;}.swiper-pagination-bullets.style6 .swiper-pagination-bullet {  background: var(--theme-color);  width: 6px;  height: 6px;  border-radius: 50%;  /* Extra small devices */}@media (max-width: 375px) {  .swiper-pagination-bullets.style6 .swiper-pagination-bullet {    --swiper-pagination-bullet-horizontal-gap: 9px;  }}.swiper-pagination-bullets.style6 .swiper-pagination-bullet:after {  content: "";  position: absolute;  inset: -8px;  border: 1px solid var(--theme-color);  border-radius: 50%;  -webkit-transition: 0.4s;  transition: 0.4s;  scale: 0;}.swiper-pagination-bullets.style6 .swiper-pagination-bullet:hover,.swiper-pagination-bullets.style6 .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-color: var(--theme-color);}.swiper-pagination-bullets.style6 .swiper-pagination-bullet:hover:after,.swiper-pagination-bullets.style6 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {  scale: 1;}.slider-pagination.swiper-pagination-progressbar {  width: -webkit-fill-available !important;  position: relative;  height: 1px;  background: #D9D9D9;  top: auto !important;  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 {  background: var(--light-color);}.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);}.slider-arrow.style6 {  border: 1px solid var(--white-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.style6 img {  -webkit-filter: invert(1) contrast(9);  filter: invert(1) contrast(9);}.slider-arrow.style6:hover {  background: var(--white-color);}.slider-arrow.style6:hover img {  -webkit-filter: none;  filter: none;}.slider-arrow.style7 {  border: 1px solid var(--white-color);  background: transparent;  line-height: 52px;  /* Medium devices */}.slider-arrow.style7 img {  -webkit-transition: 0.4s;  transition: 0.4s;}.slider-arrow.style7:hover {  background: var(--theme-color);  border-color: var(--theme-color);}.slider-arrow.style7:hover img {  -webkit-filter: invert(1) contrast(9);  filter: invert(1) contrast(9);}@media (max-width: 991px) {  .slider-arrow.style7 {    line-height: 37px;  }}.slider-arrow.style8 {  border: 1px solid var(--theme-color3);  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.style8:hover {  background: var(--theme-color3);}.slider-arrow.style8:hover img {  -webkit-filter: invert(1) contrast(9);  filter: invert(1) contrast(9);}.slider-arrow.style9 {  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.style9:hover {  background: var(--theme-color2);  border-color: var(--theme-color2);}.arrow-margin .slider-arrow {  top: calc(50% - 30px);}.arrow-wrap {  position: relative;}.arrow-wrap .slider-arrow {  opacity: 0;  visibility: hidden;  -webkit-transform: scale(0.4);  transform: scale(0.4);}.arrow-wrap:hover .slider-arrow {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);  transform: scale(1);}/* 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;  }}.icon-box {  /* Medium devices */}.icon-box .slider-arrow {  opacity: 1;  visibility: visible;  -webkit-transform: none;  transform: none;}.icon-box .slider-arrow:not(:last-child) {  margin-right: 8px;}@media (max-width: 991px) {  .icon-box .slider-arrow {    display: inline-block !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;  }  .icon-box .slider-arrow {    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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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;}.preloader-inner {  text-align: center;  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;  line-height: 1;}.preloader-inner img {  display: block;  margin: 0 auto 0 auto;}.loader {  font-size: 80px;  display: inline-block;  font-family: var(--title-font);  font-weight: 700;  color: var(--title-color);  -webkit-box-sizing: border-box;  box-sizing: border-box;  text-shadow: 0 0 2px var(--theme-color), 0 0 1px var(--theme-color), 0 0 1px var(--theme-color);  position: relative;  line-height: normal;  /* Extra small devices */}@media (max-width: 575px) {  .loader {    font-size: 60px;  }}.loading-text {  position: absolute;  left: 0;  top: 0;  color: var(--theme-color);  width: 100%;  height: 100%;  overflow: hidden;  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-animation: animloader 6s linear infinite;  animation: animloader 6s linear infinite;}@-webkit-keyframes animloader {  0% {    width: 0%;  }  100% {    width: 100%;  }}@keyframes animloader {  0% {    width: 0%;  }  100% {    width: 100%;  }}/*------------------- 3.2. Buttons -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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;  /* Extra small devices */}.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: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.style6 {  background-color: var(--theme-color3);  color: var(--white-color);}.th-btn.style6.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.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: none;  filter: none;  color: var(--theme-color);  width: 22px;  height: 22px;  -webkit-mask-image: url(../img/arrow-right.svg);  mask-image: url(../img/arrow-right.svg);  -webkit-mask-size: 100% 100%;  mask-size: 100% 100%;  background: var(--theme-color);}.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(--title-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%;}@media (max-width: 575px) {  .th-btn {    padding: 20px 24px;  }  .th-btn.th-btn-icon {    padding: 16.5px 24px;  }  .th-btn.style2,  .th-btn.style3 {    padding: 17px 24px;  }  .th-btn.style-border3,  .th-btn.style-border4,  .th-btn.style-border5,  .th-btn.style-border9 {    padding: 19px 24px;  }  .th-btn.style-border3.th-btn-icon,  .th-btn.style-border4.th-btn-icon,  .th-btn.style-border5.th-btn-icon,  .th-btn.style-border9.th-btn-icon {    padding: 16px 24px;  }}@-webkit-keyframes shine {  0% {    left: -100px;  }  60% {    left: 100%;  }  to {    left: 100%;  }}@keyframes shine {  0% {    left: -100px;  }  60% {    left: 100%;  }  to {    left: 100%;  }}@-webkit-keyframes btn-icon-anim {  0% {    top: 0;    right: 2px;  }  25% {    top: -10px;    right: -10px;  }  50% {    top: 10px;    opacity: 0;    right: 17px;  }  100% {    top: 0;    right: 2px;    opacity: 1;  }}@keyframes btn-icon-anim {  0% {    top: 0;    right: 2px;  }  25% {    top: -10px;    right: -10px;  }  50% {    top: 10px;    opacity: 0;    right: 17px;  }  100% {    top: 0;    right: 2px;    opacity: 1;  }}.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);}.icon-btn.bg-theme {  border-color: var(--theme-color);}.play-btn {  display: inline-block;  position: relative;  z-index: 1;}.play-btn>i {  display: inline-block;  width: 100px;  height: 100px;  line-height: 100px;  text-align: center;  background-color: var(--white-color);  color: var(--theme-color);  font-size: 3rem;  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);}.play-btn.style6>i {  --icon-size: 100px;  font-size: 30px;  background-color: transparent;  color: var(--white-color);  z-index: 1;  position: relative;}.play-btn.style6>i:after {  content: "";  position: absolute;  inset: 0;  background: var(--theme-color);  border-radius: 50%;  opacity: 0.6;  z-index: -1;}.play-btn.style6:before,.play-btn.style6:after {  background: rgba(255, 255, 255, 0.7);  z-index: -1;}.play-btn.style6:hover>i {  background-color: var(--theme-color);  color: var(--white-color);}.play-btn.style7>i {  --icon-size: 100px;  font-size: 30px;  background-color: transparent;  color: var(--white-color);  z-index: 1;  position: relative;}.play-btn.style7>i:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  border-radius: 50%;  z-index: -1;  -webkit-transition: 0.4s;  transition: 0.4s;}.play-btn.style7:before,.play-btn.style7:after {  background: rgba(255, 255, 255, 0.7);  z-index: -1;}.play-btn.style7:hover>i {  background-color: var(--theme-color);  color: var(--white-color);}.play-btn.style7:hover>i:after {  background: var(--theme-color);}.play-btn.style8>i {  --icon-size: 100px;  font-size: 30px;  background-color: transparent;  color: var(--white-color);  z-index: 1;  position: relative;}.play-btn.style8>i:after {  content: "";  position: absolute;  inset: 0;  background: var(--title-color);  border-radius: 50%;  z-index: -1;  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0.7;}.play-btn.style8:before,.play-btn.style8:after {  background: rgba(255, 255, 255, 0.7);  z-index: -1;}.play-btn.style8:hover>i {  background-color: var(--theme-color);  color: var(--white-color);}.play-btn.style8:hover>i:after {  background: var(--theme-color);}.play-btn.style9>i {  --icon-size: 96px;  font-size: 24px;  background-color: transparent;  color: var(--white-color);  z-index: 1;  position: relative;}.play-btn.style9>i:after {  content: "";  position: absolute;  inset: 0;  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.25);  border-radius: 50%;  z-index: -1;  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-backdrop-filter: blur(25.8px);  backdrop-filter: blur(25.8px);}.play-btn.style9:before,.play-btn.style9:after {  background: transparent;  border: 1px solid var(--white-color);}.play-btn.style9:hover>i {  background-color: var(--theme-color);  color: var(--white-color);}.play-btn.style9:hover>i:after {  background: var(--theme-color);}.play-btn.style10>i {  --icon-size: 76px;  font-size: 24px;  background-color: var(--smoke-color3);  color: var(--theme-color);  z-index: 1;  position: relative;}.play-btn.style10:before,.play-btn.style10:after {  background: transparent;  border: 1px dashed var(--theme-color);}.play-btn.style10:hover>i {  background-color: var(--theme-color);  color: var(--white-color);}.play-btn.style10:hover>i:after {  background: var(--theme-color);}.play-btn.style11>i {  --icon-size: 100px;  font-size: 24px;  background-color: var(--theme-color);  color: var(--white-color);  z-index: 1;  position: relative;}.play-btn.style11:before,.play-btn.style11:after {  background: transparent;  border: 2px dashed var(--theme-color);}.play-btn.style11:hover>i {  background-color: var(--theme-color);  color: var(--white-color);}.play-btn.style11:hover>i:after {  background: var(--theme-color);}.video-text-btn {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 15px;  --icon-size: 27px;  --icon-font-size: 8px;}.video-text-btn .play-btn>i {  color: var(--white-color);  background: var(--theme-color);}.video-text-btn .play-btn:before,.video-text-btn .play-btn:after {  border: 1px solid var(--theme-color);  background: transparent;}.video-text-btn .btn-title {  margin-bottom: 0;  font-size: 14px;  font-weight: 400;  text-transform: uppercase;}.link-btn {  font-weight: 700;  font-size: 14px;  font-family: var(--title-font);  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  line-height: 0.8;  position: relative;  padding-bottom: 2px;  margin-bottom: -2px;  text-transform: uppercase;  color: var(--title-color);}.link-btn .icon {  overflow: hidden;  display: inline-block;  position: relative;  top: 3px;  margin-left: 8px;}.link-btn i {  position: relative;}.link-btn:before {  content: "";  position: absolute;  left: 0;  bottom: 1px;  width: 0;  height: 1px;  background-color: var(--theme-color);  -webkit-transition: all ease 0.4s;  transition: all ease 0.4s;}.link-btn:hover,.link-btn.active {  color: var(--theme-color);}.link-btn:hover::before,.link-btn.active::before {  width: 100%;}.link-btn.style2 {  color: var(--theme-color);}.link-btn.style2::before {  width: 100%;}.link-btn.style2:hover:before {  width: 50%;}.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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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-title {  display: inline-block;  font-size: 16px;  font-weight: 400;  font-family: var(--body-font);  color: var(--theme-color);  margin-bottom: 28px;  line-height: 1;  padding: 8px 0px;  position: relative;}.sub-title:after,.sub-title:before {  content: "";  position: absolute;  height: 1px;  width: 32px;  background: var(--theme-color);}.sub-title:before {  top: 0;}.sub-title:after {  bottom: 0;}.sub-title.h4 {  font-size: 30px;  font-weight: 600;  line-height: 1;  margin-top: -0.14em;}.sub-title i {  font-size: 32px;  margin-right: 10px;  /* Medium devices */}@media (max-width: 991px) {  .sub-title i {    font-size: 24px;  }}.sub-title.text-white:after,.sub-title.text-white:before {  background: var(--white-color);}.sub-title.text-title:after,.sub-title.text-title:before {  background: var(--theme-color);}.sub-title.text-theme3:after,.sub-title.text-theme3:before {  background: var(--theme-color3);}.sub-title2 {  color: var(--theme-color);  font-size: 16px;  font-weight: 400;  font-family: var(--title-font);  text-transform: uppercase;  position: relative;  margin-bottom: 17px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 24px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-top: -0.4em;  /* Extra small devices */}.sub-title2: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%);}.sub-title2.text-white:before {  background-color: var(--white-color);}.sub-title2.text-title:before {  background-color: var(--title-color);}.sub-title2.text-theme3:before {  background-color: var(--theme-color3);}@media (max-width: 375px) {  .sub-title2:before {    display: none;  }}.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-title3.text-theme2:after,.sub-title3.text-theme2:before {  background: var(--theme-color2);}.sub-title3.text-theme3:after,.sub-title3.text-theme3:before {  background: var(--theme-color3);}.sub-title3.after-none:after {  display: none;}.sub-title3.before-none:before {  display: none;}.sub-title3.text-title:after,.sub-title3.text-title:before {  background-color: var(--title-color);}.sub-title4 {  background: var(--smoke-color);  font-size: 16px;  font-weight: 400;  color: var(--theme-color);  text-transform: uppercase;  padding: 4px 15px;  border-radius: 6px;  font-family: var(--title-font);  margin-bottom: 30px;  display: inline-block;}.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;}.sub-title6 {  color: var(--title-color);  font-size: 18px;  font-weight: 500;  font-family: var(--title-font);  position: relative;  margin-bottom: 17px;  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 10px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  letter-spacing: 0.02em;  margin-top: -0.4em;}.sub-title6:after,.sub-title6:before {  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-title6:after,  .sub-title6:before {    display: none;  }}.sub-title6:after {  position: absolute;  width: 7px;  height: 7px;  border-radius: 50%;  top: 50%;  left: 0;  margin-top: -4px;  -webkit-animation: movingX 8s linear infinite;  animation: movingX 8s linear infinite;}.sub-title7 {  border: 1px solid rgba(12, 10, 10, 0.1);  border-radius: 50px;  font-size: 18px;  font-weight: 500;  letter-spacing: 0.02em;  padding: 7px 20px;  position: relative;  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 10px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-bottom: 24px;}.sub-title7:before {  content: "";  position: relative;  height: 6px;  width: 6px;  display: inline-block;  background: var(--theme-color);  border-radius: 50%;}.sub-title7.style2 {  border: 1px solid rgba(255, 255, 255, 0.15);  color: var(--theme-color);}.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);}.box-subtitle {  margin-bottom: 8px;}.box-title2 {  font-size: 20px;  line-height: 1.5;  font-weight: 700;  margin-top: -0.35em;}.box-title2 a {  color: inherit;}.box-title2 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.text-center .sub-title:before,.title-area.text-center .sub-title:after {  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);}.title-area.mb-0 .sec-title {  margin-bottom: -0.24em;}.title-area .th-btn {  margin-top: 20px;  margin-bottom: 10px;}.mb-32 {  margin-bottom: 32px;}hr.title-line {  margin-top: 0;  background-color: var(--th-border-color);  opacity: 1;  margin-bottom: var(--section-title-space) !important;}.sec-btn {  text-align: center;}.sec-btn,.title-line {  margin-bottom: var(--section-title-space);}.shadow-title {  font-family: var(--title-font);  font-size: 100px;  font-weight: 500;  text-transform: uppercase;  line-height: 1;  background: transparent;  -webkit-text-fill-color: transparent;  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);  margin: -0.67em 0 -0.48em 0;  display: block;  /* Medium Large devices */}.shadow-title.style2 {  -webkit-text-stroke: 1px rgba(28, 45, 55, 0.15);}@media (max-width: 1299px) {  .shadow-title {    font-size: 85px;  }}.title-area2 {  padding: 50px 100px;}.title-area2 .subtitle {  color: var(--white-color);  text-transform: uppercase;  margin-top: -0.4em;  margin-bottom: 5px;  display: block;}.title-area2 .title {  color: var(--white-color);  max-width: 430px;  margin-bottom: -0.26em;}@media (max-width: 1700px) {  .title-area2 {    padding: 50px 50px;  }}/* Large devices */@media (max-width: 1199px) {  .shadow-title {    font-size: 64px;  }  .title-area,  .sec-title {    --section-title-space: 60px;  }  .title-area.mb-45,  .sec-title.mb-45 {    margin-bottom: 36px;  }  .title-area.mb-50,  .sec-title.mb-50 {    margin-bottom: 40px;  }  .sec-btn,  .title-line {    --section-title-space: 55px;  }  .title-area2 .title {    max-width: 300px;  }}/* Medium devices */@media (max-width: 991px) {  .shadow-title {    font-size: 60px;  }  .title-area,  .sec-title {    --section-title-space: 50px;  }  .title-area.mb-45,  .sec-title.mb-45 {    margin-bottom: 35px;  }  .sec-btn,  .title-line {    --section-title-space: 50px;  }  .sub-title.h4 {    font-size: 22px;  }}/* Small devices */@media (max-width: 767px) {  .title-area2 {    text-align: center;  }  .title-area2 .title {    max-width: 100%;  }}/* Extra small devices */@media (max-width: 575px) {  .shadow-title {    font-size: 52px;  }}/* Extra small devices */@media (max-width: 375px) {  .shadow-title {    font-size: 40px;  }  .title-area2 {    padding: 40px 20px;  }}/*------------------- 3.4. Common -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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.z-index-3 {  z-index: 3;  pointer-events: none;}.shape-mockup.z-index-1 {  z-index: 1;  pointer-events: none;}.shape-mockup .svg-img {  height: 110px;  width: 110px;}.z-index-step1 {  position: relative;  z-index: 4 !important;}.z-index-common {  position: relative;  z-index: 3;}.z-index-auto {  position: relative;  --z-index: auto;  z-index: auto;}.z-index-3 {  z-index: 3;}.z-index-1 {  z-index: 1;}.z-index-n1 {  z-index: -1;}.opacity-30 {  opacity: 0.3;}.media-body {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.badge {  position: absolute;  width: -webkit-fit-content;  width: -moz-fit-content;  width: fit-content;  display: inline-block;  text-align: center;  background-color: var(--theme-color2);  color: var(--title-color);  padding: 0.25em 0.45em;  font-size: 0.7em;  border-radius: 50%;  top: 8px;  right: 8px;  font-weight: 400;  -webkit-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out;}.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;}.btn-group {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 30px;  /* Small devices */}.btn-group.style2 {  gap: 20px 70px;  /* Small devices */}@media (max-width: 767px) {  .btn-group.style2 {    gap: 20px 30px;  }}@media (max-width: 767px) {  .btn-group {    gap: 20px;  }}.th-bg-img {  position: absolute;  inset: 0;}.th-bg-img img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}.link-anim .text-anime {  display: block;  overflow: hidden;  position: relative;  line-height: normal;}.link-anim .text {  display: block;  -webkit-animation: move-down-alternate 0.2s ease forwards;  animation: move-down-alternate 0.2s ease forwards;}.link-anim:hover .text,.link-anim:active .text,.link-anim:focus .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);  }}@-webkit-keyframes move-down-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-down-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);  }}.icon-masking {  position: relative;  display: inline-block;  height: auto;  width: auto;}.icon-masking .mask-icon {  position: absolute;  height: 100%;  width: 100%;  mix-blend-mode: color;  background: var(--theme-color);  top: 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 -------------------*/.font-icon {  font-family: var(--icon-font);}.font-title {  font-family: var(--title-font);}.font-body {  font-family: var(--body-font);}.fw-extralight {  font-weight: 100;}.fw-light {  font-weight: 300;}.fw-normal {  font-weight: 400;}.fw-medium {  font-weight: 500;}.fw-semibold {  font-weight: 600 !important;}.fw-bold {  font-weight: 700;}.fw-extrabold {  font-weight: 800;}.fs-md {  font-size: 18px;}.fs-16 {  font-size: 16px !important;}.fs-xs {  font-size: 14px;}/*------------------- 3.7. Background -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.bg-theme {  background-color: var(--theme-color) !important;}.bg-theme2 {  background-color: var(--theme-color2) !important;}.bg-theme3 {  background-color: var(--theme-color3) !important;}.bg-smoke {  background-color: var(--smoke-color) !important;}.bg-smoke2 {  background-color: var(--smoke-color2) !important;}.bg-smoke3 {  background-color: var(--smoke-color3) !important;}.bg-smoke4 {  background-color: var(--smoke-color4) !important;}.bg-gray {  background-color: var(--gray-color) !important;}.bg-gray2 {  background-color: var(--gray-color2) !important;}.bg-gray3 {  background-color: var(--gray-color3) !important;}.bg-gray4 {  background-color: var(--gray-color4) !important;}.bg-gray5 {  background-color: var(--gray-color5) !important;}.bg-gray6 {  background-color: var(--gray-color6) !important;}.bg-gray7 {  background-color: var(--gray-color7) !important;}.bg-light {  background-color: var(--light-color) !important;}.bg-light2 {  background-color: var(--light-color2) !important;}.bg-white {  background-color: var(--white-color) !important;}.bg-black {  background-color: var(--black-color) !important;}.bg-black2 {  background-color: var(--black-color2) !important;}.bg-black3 {  background-color: var(--black-color3) !important;}.bg-black4 {  background-color: var(--black-color4) !important;}.bg-title {  background-color: var(--title-color) !important;}.bg-title-dark {  background-color: var(--title-dark) !important;}.gradient-body {  background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);}.gr-bg1 {  background-image: linear-gradient(80deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 23.81%, rgba(198, 241, 255, 0.3) 45.3%, rgba(248, 242, 222, 0.3) 68.4%, rgba(212, 179, 253, 0.3) 99.5%);}.gr-bg2 {  background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);}.gr-bg3 {  background-image: linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);  -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(10px);}.gr-bg4 {  background-image: linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);  -webkit-backdrop-filter: blur(15px);  backdrop-filter: blur(15px);}.background-image,[data-bg-src] {  background-repeat: no-repeat;  background-size: cover;  background-position: center center;}.bg-fluid {  background-repeat: no-repeat;  background-size: 100% 100%;  background-position: center center;}.bg-auto {  background-size: auto auto;}.bg-top-center {  background-size: auto;  background-position: top center;}.bg-repeat {  background-size: auto;  background-repeat: repeat;}.bg-bottom-right {  background-size: auto;  background-position: bottom right;}.bg-top-right {  background-size: auto;  background-position: top right;}.bg-top-left {  background-size: auto;  background-position: top left;}.bg-attachment {  background-attachment: fixed;}.section-bg-shape {  position: absolute;  inset: 0 30px;  z-index: -1;  overflow: hidden;  /* Medium Large devices */  /* Medium devices */}.section-bg-shape img {  width: 100%;  height: 100%;}.section-bg-shape:after {  content: "";  position: absolute;  right: 0px;  top: 50%;  width: 140px;  height: 140px;  -webkit-filter: blur(175px);  filter: blur(175px);  background: var(--theme-color);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  border-radius: 50%;  z-index: 1;}.section-bg-shape.left-shadow:after {  left: 0px;  right: auto;}@media (max-width: 1399px) {  .section-bg-shape {    inset: 0 20px;  }}@media (max-width: 991px) {  .section-bg-shape {    inset: 0;    background: var(--title-dark);  }}.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-theme2 {  color: var(--theme-color2) !important;}.text-theme3 {  color: var(--theme-color) !important;}.text-title {  color: var(--theme-color) !important;}.text-title-dark {  color: var(--title-dark) !important;}.text-body {  color: var(--body-color) !important;}.text-white {  color: var(--white-color) !important;}.text-light {  color: var(--light-color) !important;}.text-gray {  color: var(--gray-color) !important;}.text-yellow {  color: var(--yellow-color) !important;}.text-success {  color: var(--success-color) !important;}.text-error {  color: var(--error-color) !important;}.text-inherit {  color: inherit;}.text-inherit:hover {  color: var(--theme-color);}a.text-theme:hover,.text-reset:hover {  text-decoration: underline;}/*------------------- 3.9. Overlay -------------------*/.overlay {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;}.position-center {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}[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=smoke]:before {  background-color: var(--smoke-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-overlay=black3]:before {  background-color: var(--black-color3);}[data-overlay=overlay1]:before {  background-color: #080E1C;}[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 -------------------*/.ripple-animation {  -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;}@-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;  }}@-webkit-keyframes ripple2 {  0% {    -webkit-transform: scale(1);    transform: scale(1);    opacity: 0;  }  30% {    opacity: 0.4;  }  100% {    -webkit-transform: scale(2.8);    transform: scale(2.8);    opacity: 0;  }}@keyframes ripple2 {  0% {    -webkit-transform: scale(1);    transform: scale(1);    opacity: 0;  }  30% {    opacity: 0.4;  }  100% {    -webkit-transform: scale(2.8);    transform: scale(2.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;  }}.fancy-animation {  -webkit-animation: morph 8s ease-in-out infinite;  animation: morph 8s ease-in-out infinite;}@-webkit-keyframes morph {  0% {    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;  }  50% {    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;  }  100% {    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;  }}@keyframes morph {  0% {    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;  }  50% {    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;  }  100% {    border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;  }}.movingX {  -webkit-animation: movingX 8s linear infinite;  animation: movingX 8s linear infinite;}@-webkit-keyframes movingX {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(40px);    transform: translateX(40px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes movingX {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(40px);    transform: translateX(40px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.movingCar {  -webkit-animation: movingCar 25s linear infinite;  animation: movingCar 25s linear infinite;}@-webkit-keyframes movingCar {  0% {    -webkit-transform: translateX(0) rotateY(0deg);    transform: translateX(0) rotateY(0deg);  }  50% {    -webkit-transform: translateX(calc(-100vw + 108%));    transform: translateX(calc(-100vw + 108%));  }  51% {    -webkit-transform: translateX(calc(-100vw + 108%)) rotateY(180deg);    transform: translateX(calc(-100vw + 108%)) rotateY(180deg);  }  100% {    -webkit-transform: translateX(0) rotateY(180deg);    transform: translateX(0) rotateY(180deg);  }}@keyframes movingCar {  0% {    -webkit-transform: translateX(0) rotateY(0deg);    transform: translateX(0) rotateY(0deg);  }  50% {    -webkit-transform: translateX(calc(-100vw + 108%));    transform: translateX(calc(-100vw + 108%));  }  51% {    -webkit-transform: translateX(calc(-100vw + 108%)) rotateY(180deg);    transform: translateX(calc(-100vw + 108%)) rotateY(180deg);  }  100% {    -webkit-transform: translateX(0) rotateY(180deg);    transform: translateX(0) rotateY(180deg);  }}.moving {  -webkit-animation: moving 8s linear infinite;  animation: moving 8s linear infinite;}@-webkit-keyframes moving {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(-50px);    transform: translateX(-50px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes moving {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(-50px);    transform: translateX(-50px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.moving2 {  -webkit-animation: moving2 8s linear infinite;  animation: moving2 8s linear infinite;}@-webkit-keyframes moving2 {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(100%);    transform: translateX(100%);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes moving2 {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(100%);    transform: translateX(100%);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.moving3 {  -webkit-animation: moving3 8s linear infinite;  animation: moving3 8s linear infinite;}@-webkit-keyframes moving3 {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(10px);    transform: translateX(10px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes moving3 {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(10px);    transform: translateX(10px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.moving4 {  -webkit-animation: moving4 8s linear infinite;  animation: moving4 8s linear infinite;}@-webkit-keyframes moving4 {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(37px);    transform: translateX(37px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes moving4 {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  50% {    -webkit-transform: translateX(37px);    transform: translateX(37px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.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);  }}.jump-reverse {  -webkit-animation: jumpReverseAni 7s linear infinite;  animation: jumpReverseAni 7s linear infinite;}@-webkit-keyframes jumpReverseAni {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  50% {    -webkit-transform: translateY(30px);    transform: translateY(30px);  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes jumpReverseAni {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  50% {    -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);  }}.bg-color-ani,.color-animate {  -webkit-animation: bgColor 6s linear infinite;  animation: bgColor 6s linear infinite;}@-webkit-keyframes bgColor {  0% {    background-color: #F2BA4C;  }  25% {    background-color: #81F24C;  }  50% {    background-color: #41F27D;  }  75% {    background-color: #0500FF;  }  100% {    background-color: #F2BA4C;  }}@keyframes bgColor {  0% {    background-color: #F2BA4C;  }  25% {    background-color: #81F24C;  }  50% {    background-color: #41F27D;  }  75% {    background-color: #0500FF;  }  100% {    background-color: #F2BA4C;  }}@-webkit-keyframes animate-positive {  0% {    width: 0;  }}@keyframes animate-positive {  0% {    width: 0;  }}.fadein,.scalein,.slidetopleft,.slidebottomright,.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);  }}.spin2 {  -webkit-animation: spin2 10s linear infinite;  animation: spin2 10s linear infinite;}@-webkit-keyframes spin2 {  0% {    -webkit-transform: rotate(0);    transform: rotate(0);  }  100% {    -webkit-transform: rotate(-360deg);    transform: rotate(-360deg);  }}@keyframes spin2 {  0% {    -webkit-transform: rotate(0);    transform: rotate(0);  }  100% {    -webkit-transform: rotate(-360deg);    transform: rotate(-360deg);  }}/*animation bubble****************/.animation-bubble {  width: 100%;  position: absolute;  top: 0;  left: 0;  height: 100%;  overflow: hidden;  z-index: 1;  pointer-events: none;}.animation-bubble div[class^=bubble-] {  height: 1px;  width: 1px;  position: absolute;  background: url(../img/shape/star.svg) no-repeat center center;  background-size: cover;  border-radius: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  pointer-events: none;}@media (max-width: 1024px) {  .animation-bubble> :nth-child(even) {    display: none;  }}.bubble-1 {  bottom: -5px;  left: 68%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -6.57s;  animation: bubble-animation 4.5s infinite ease-in -6.57s;}.bubble-2 {  bottom: -71px;  left: 97%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -5.07s;  animation: bubble-animation 4.5s infinite ease-in -5.07s;}.bubble-3 {  bottom: -71px;  left: 43%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -6.73s;  animation: bubble-animation 4.5s infinite ease-in -6.73s;}.bubble-4 {  bottom: -3.8px;  left: 82%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -4.04s;  animation: bubble-animation 4.5s infinite ease-in -4.04s;}.bubble-5 {  bottom: -73.4px;  left: 29%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -3.11s;  animation: bubble-animation 4.5s infinite ease-in -3.11s;}.bubble-6 {  bottom: -71px;  left: 41%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -5.95s;  animation: bubble-animation 4.5s infinite ease-in -5.95s;}.bubble-7 {  bottom: -79.4px;  left: 14%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -3.68s;  animation: bubble-animation 4.5s infinite ease-in -3.68s;}.bubble-8 {  bottom: -115.4px;  left: 90%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -3.89s;  animation: bubble-animation 4.5s infinite ease-in -3.89s;}.bubble-9 {  bottom: -44.6px;  left: 33%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -1.09s;  animation: bubble-animation 4.5s infinite ease-in -1.09s;}.bubble-10 {  bottom: -6.2px;  left: 59%;  -webkit-animation: bubble-animation 4.5s infinite ease-in -0.96s;  animation: bubble-animation 4.5s infinite ease-in -0.96s;}@-webkit-keyframes bubble-animation {  0% {    -webkit-transform: translate3d(-50%, 0, 0);    transform: translate3d(-50%, 0, 0);    height: 1px;    width: 1px;  }  100% {    -webkit-transform: translate3d(-50%, -280px, 0);    transform: translate3d(-50%, -280px, 0);    height: 30px;    width: 30px;  }}@keyframes bubble-animation {  0% {    -webkit-transform: translate3d(-50%, 0, 0);    transform: translate3d(-50%, 0, 0);    height: 1px;    width: 1px;  }  100% {    -webkit-transform: translate3d(-50%, -280px, 0);    transform: translate3d(-50%, -280px, 0);    height: 30px;    width: 30px;  }}@-webkit-keyframes toTopFromBottom {  49% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }  50% {    opacity: 0;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }  51% {    opacity: 1;  }}@keyframes toTopFromBottom {  49% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }  50% {    opacity: 0;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }  51% {    opacity: 1;  }}@-webkit-keyframes icon-anim {  0% {    top: 26px;    right: 90px;  }  25% {    top: 86px;    right: 110px;  }  100% {    top: 26px;    right: 90px;  }}@keyframes icon-anim {  0% {    top: 26px;    right: 90px;  }  25% {    top: 86px;    right: 110px;  }  100% {    top: 26px;    right: 90px;  }}.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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.widget_nav_menu ul,.widget_meta ul,.widget_pages ul,.widget_archive ul,.widget_categories ul,.wp-block-page-list ul,.wp-block-categories ul {  list-style: none;  padding: 0;  margin: 0 0 0 0;}.widget_nav_menu a,.widget_meta a,.widget_pages a,.widget_archive a,.widget_categories a,.wp-block-page-list 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,.widget_meta li,.widget_pages li,.widget_archive li,.widget_categories li,.wp-block-page-list li,.wp-block-categories li {  display: block;  position: relative;}.widget_nav_menu li span,.widget_meta li span,.widget_pages li span,.widget_archive li span,.widget_categories li span,.wp-block-page-list li span,.wp-block-categories li span {  color: inherit;  position: absolute;  right: 25px;  top: 21px;  pointer-events: none;  text-align: right;  line-height: 1;}.widget_nav_menu .menu>li:last-child>a,.widget_nav_menu>ul>li:last-child>a,.widget_meta .menu>li:last-child>a,.widget_meta>ul>li:last-child>a,.widget_pages .menu>li:last-child>a,.widget_pages>ul>li:last-child>a,.widget_archive .menu>li:last-child>a,.widget_archive>ul>li:last-child>a,.widget_categories .menu>li:last-child>a,.widget_categories>ul>li:last-child>a,.wp-block-page-list .menu>li:last-child>a,.wp-block-page-list>ul>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,.widget_meta a:hover,.widget_pages a:hover,.widget_archive a:hover,.widget_categories a:hover,.wp-block-page-list a:hover,.wp-block-categories a:hover {  background: var(--theme-color);  color: var(--white-color);}.widget_nav_menu a:hover::before,.widget_meta a:hover::before,.widget_pages a:hover::before,.widget_archive a:hover::before,.widget_categories a:hover::before,.wp-block-page-list a:hover::before,.wp-block-categories a:hover::before {  opacity: 1;  color: var(--white-color);}.widget_nav_menu a:hover~span,.widget_meta a:hover~span,.widget_pages a:hover~span,.widget_archive a:hover~span,.widget_categories a:hover~span,.wp-block-page-list 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_meta .children,.widget_pages .sub-menu,.widget_pages .children,.widget_archive .sub-menu,.widget_archive .children,.widget_categories .sub-menu,.widget_categories .children,.wp-block-page-list .sub-menu,.wp-block-page-list .children,.wp-block-categories .sub-menu,.wp-block-categories .children {  margin-left: 10px;}.wp-block-page-list {  list-style: none;  padding: 0;  margin: 0;}.wp-block-page-list>li:last-child>a {  margin-bottom: 0;}.wp-block-categories {  list-style: none;  padding: 0;}.wp-block-categories>li:last-child>a {  border-bottom: none;}.widget_nav_menu a,.widget_meta a,.widget_pages a {  padding-right: 20px;}.widget_nav_menu .sub-menu {  margin-left: 10px;}.wp-block-archives {  list-style: none;  margin: 0;  padding: 0;}.wp-block-archives a:not(:hover) {  color: inherit;}.th-blog ul.wp-block-archives li {  margin: 5px 0;}/*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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);}.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-form {  --bs-gutter-x: 20px;}.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,.tagcloud {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 10px;  margin: 0;}.wp-block-tag-cloud a,.tagcloud 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,.tagcloud a:hover {  background-color: var(--theme-color);  color: var(--white-color) !important;}.sidebar-gallery {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 20px;  max-width: 320px;}.sidebar-gallery .gallery-btn {  position: absolute;  top: 20px;  left: 0;  color: var(--white-color);  visibility: hidden;  opacity: 0;  height: 100%;  width: 100%;  -webkit-transform: none;  transform: none;  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;}.sidebar-gallery .gallery-btn:hover {  color: var(--theme-color);}.sidebar-gallery .gallery-thumb {  overflow: hidden;  position: relative;  border-radius: 0px;}.sidebar-gallery .gallery-thumb:before {  content: "";  height: 100%;  width: 100%;  background-color: var(--theme-color);  opacity: 0.6;  position: absolute;  top: 0;  left: 0;  -webkit-transform: scaleX(0);  transform: scaleX(0);  border-radius: inherit;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.sidebar-gallery .gallery-thumb img {  width: 100%;}.sidebar-gallery .gallery-thumb:hover:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}.sidebar-gallery .gallery-thumb:hover .gallery-btn {  visibility: visible;  opacity: 1;  top: 0;}.sidebar-gallery .gallery-thumb:hover .gallery-btn:hover {  color: var(--white-color);}.sidebar-gallery .wp-block-image {  overflow: hidden;  position: relative;  border-radius: 5px;  width: 100% !important;}.sidebar-gallery .wp-block-image img {  width: 100%;}.author-widget-wrap {  text-align: center;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  background-color: var(--smoke-color);  border-radius: 20px;  padding: 40px;  gap: 20px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.author-widget-wrap .avater {  width: 100px;  border-radius: 16px;  overflow: hidden;}.author-widget-wrap .avater img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}.author-widget-wrap .name {  margin-top: 0;  margin-bottom: 0;  color: var(--title-color);  font-size: 20px;  font-weight: 700;}.author-widget-wrap .author-bio {  margin-top: 25px;  margin-bottom: 18px;}.author-widget-wrap .author-social {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  gap: 20px;}.author-widget-wrap .author-social a {  color: var(--white-color);}.author-widget-wrap .author-social a:hover {  color: var(--theme-color);}.recent-post {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-bottom: 24px;}.recent-post:last-child {  margin-bottom: 0;  padding-bottom: 0;  border-bottom: 0;}.recent-post .media-img {  margin-right: 20px;  width: 85px;  overflow: hidden;  border-radius: 20px;  position: relative;}.recent-post .media-img img {  width: 100%;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.recent-post .media-img:after {  content: "\f0c1";  font-family: var(--icon-font);  position: absolute;  inset: 0;  text-align: center;  line-height: 85px;  font-size: 24px;  background-color: rgba(0, 0, 0, 0.4);  color: var(--theme-color2);  pointer-events: none;  -webkit-transform: scale(0);  transform: scale(0);  border-radius: 3px;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.recent-post .post-title {  font-weight: 600;  font-size: 18px;  line-height: 1.777;  margin: 3px 0 -0.35em 0;  font-family: var(--body-font);  color: var(--title-color);  text-transform: capitalize;}.recent-post .post-title:hover a {  color: var(--theme-color2);}.recent-post .recent-post-meta {  margin-top: -0.3em;}.recent-post .recent-post-meta a {  text-transform: capitalize;  font-size: 16px;  color: var(--body-color);  font-family: var(--body-font);}.recent-post .recent-post-meta a i {  margin-right: 8px;  color: var(--theme-color);}.recent-post .recent-post-meta a:hover {  color: var(--theme-color2);}.recent-post:hover .media-img img {  -webkit-transform: scale(1.1);  transform: scale(1.1);}.recent-post:hover .media-img:after {  -webkit-transform: scale(1);  transform: scale(1);}.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>ul,.sidebar-area .widget_meta .menu,.sidebar-area .widget_pages>ul,.sidebar-area .widget_pages .menu,.sidebar-area .widget_archive>ul,.sidebar-area .widget_archive .menu,.sidebar-area .widget_categories>ul,.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 .widget_meta a,.sidebar-area .widget_pages a,.sidebar-area .widget_archive a,.sidebar-area .widget_categories a,.sidebar-area .wp-block-categories a {  color: var(--body-color);}.sidebar-area .widget_nav_menu a:hover,.sidebar-area .widget_meta a:hover,.sidebar-area .widget_pages a:hover,.sidebar-area .widget_archive a:hover,.sidebar-area .widget_categories a:hover,.sidebar-area .wp-block-categories a:hover {  color: var(--white-color);}.sidebar-area .sidebar-gallery {  margin-bottom: 0 !important;}.sidebar-area .widget .wp-block-search {  margin-bottom: 0;}.sidebar-area .wp-block-categories .wp-block-categories__label,.sidebar-area .wp-block-search__label,.sidebar-area .wp-block-archives-dropdown 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;  margin: -0.12em 0 30px 0;}.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;}.sidebar-area .wp-block-latest-comments__comment-excerpt p {  margin-bottom: 0;}.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-map iframe {  min-height: 280px;}.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;}.price_slider_wrapper {  margin-top: -0.5em;}.price_slider_wrapper .price_label span {  display: inline-block;  color: var(--body-color);}.price_slider_wrapper .ui-slider {  height: 7px;  position: relative;  width: 100%;  background-color: var(--gray-color2);  border: none;  margin-top: 32px;  margin-bottom: 15px;  cursor: pointer;  border-radius: 8px;}.price_slider_wrapper .ui-slider-range {  border: none;  cursor: pointer;  position: absolute;  top: 0;  height: 100%;  z-index: 1;  display: block;  background-color: var(--theme-color2);}.price_slider_wrapper .ui-slider-handle {  width: 17px;  height: 17px;  line-height: 17px;  border-radius: 50%;  text-align: center;  padding: 0;  cursor: pointer;  position: absolute;  margin-top: -5px;  z-index: 2;  background-color: var(--theme-color);  -webkit-transform: translateX(-1px);  transform: translateX(-1px);}.price_slider_wrapper .ui-slider-handle:focus {  outline: none;  -webkit-box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.15);  box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.15);}.price_slider_wrapper .ui-slider-handle:last-child {  -webkit-transform: translateX(-9px);  transform: translateX(-9px);}.price_slider_wrapper button,.price_slider_wrapper .button {  background-color: var(--theme-color);  color: var(--white-color);  font-weight: 500;  line-height: 1.6;  text-transform: capitalize;  text-align: center;  border: none;  display: inline-block;  overflow: hidden;  position: relative;  z-index: 2;  padding: 7px 20px;  min-width: 100px;  font-size: 14px;  border-radius: 0;  -webkit-transition: 0.4s ease-in;  transition: 0.4s ease-in;}.price_slider_wrapper button:hover,.price_slider_wrapper .button:hover {  background-color: var(--title-color);}.widget_shopping_cart .widget_title {  margin-bottom: 35px;  border-bottom: none;}.widget_shopping_cart ul {  margin: 0;  padding: 0;}.widget_shopping_cart ul li {  list-style-type: none;}.widget_shopping_cart .mini_cart_item {  position: relative;  padding: 30px 30px 30px 90px;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  margin-bottom: 0;  text-align: left;}.widget_shopping_cart .mini_cart_item:first-child {  border-top: 1px solid rgba(0, 0, 0, 0.1);}.widget_shopping_cart .cart_list a:not(.remove) {  display: block;  color: var(--body-color);  font-size: 16px;  font-weight: 500;  font-family: var(--title-font);  font-weight: 600;  color: var(--title-color);}.widget_shopping_cart .cart_list a:not(.remove):hover {  color: var(--theme-color);}.widget_shopping_cart .cart_list a.remove {  position: absolute;  top: 50%;  left: 95%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  color: var(--body-color);}.widget_shopping_cart .cart_list a.remove:hover {  color: var(--theme-color);}.widget_shopping_cart .cart_list img {  width: 75px;  height: 75px;  position: absolute;  left: 0;  top: 18px;}.widget_shopping_cart .quantity {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  white-space: nowrap;  vertical-align: top;  margin-right: 20px;  font-size: 14px;  font-weight: 500;}.widget_shopping_cart .total {  margin-top: 20px;  font-size: 18px;  color: var(--title-color);  font-family: var(--body-font);}.widget_shopping_cart .total strong {  font-family: var(--title-font);}.widget_shopping_cart .amount {  padding-left: 5px;}.widget_shopping_cart .th-btn {  margin-right: 15px;}.widget_shopping_cart .th-btn:last-child {  margin-right: 0;}.widget_banner {  padding: 70px 60px;  border-radius: 24px;  overflow: hidden;  position: relative;  z-index: 1;}.widget_banner:after {  content: "";  position: absolute;  inset: 32px;  border-radius: 24px;  background: rgba(12, 10, 10, 0.6);  -webkit-backdrop-filter: blur(11.6px);  backdrop-filter: blur(11.6px);  z-index: -1;}.widget_banner .title {  font-size: 24px;  font-weight: 600;  font-family: var(--body-font);  line-height: 1.5em;  margin-bottom: 30px;  color: var(--white-color);  margin-top: -0.35em;}.widget_banner .title a {  color: var(--theme-color);}.widget_banner .title a:hover {  color: var(--white-color);}.widget_banner .logo {  display: inline-block;  background: var(--white-color);  border-radius: 100px;  padding: 12px 37px;  margin-bottom: 19px;}.widget_banner .subtitle {  color: var(--white-color);  font-size: 20px;  font-weight: 500;  font-family: var(--body-font);  margin-bottom: 4px;}.widget_banner .link {  font-size: 18px;  font-weight: 400;  font-family: var(--body-font);  margin-bottom: 17px;}.widget_banner .link a {  color: var(--white-color);}.widget_banner .link a:hover {  color: var(--theme-color2);}.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;}.widget_recent_entries ul {  margin: -0.3em 0 0 0;  padding: 0;  list-style: none;}.widget_recent_entries ul li>a {  color: var(--body-color);  font-weight: 500;  display: inline-block;}.widget_recent_entries ul li>a:hover {  color: var(--theme-color);}.widget_recent_entries ul li span.post-date {  font-size: 14px;}.widget_recent_entries ul li:not(:last-child) {  border-bottom: 1px solid #dadada;  padding-bottom: 12px;  margin-bottom: 12px;}.widget_recent_entries ul li:last-child .wp-block-latest-posts__post-excerpt,.widget_recent_entries ul li:last-child .wp-block-latest-posts__post-full-content {  margin-bottom: 0;}.widget_recent_entries ul li:first-child {  margin-top: 0;}.widget_recent_comments ul,.wp-block-latest-comments ul {  list-style-type: none;  padding-left: 0;}ul.widget_recent_comments,ol.widget_recent_comments,.wp-block-latest-comments {  margin-top: -0.11em;  padding-left: 0;}.widget_recent_comments ol,.widget_recent_comments ul,.wp-block-latest-comments ol,.wp-block-latest-comments ul {  margin-bottom: 0;}.widget_recent_comments li,.wp-block-latest-comments li {  margin-bottom: 0;  color: var(--body-color);  padding-left: 30px;  position: relative;}.widget_recent_comments li:before,.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;}.widget_recent_comments.has-avatars li:before,.wp-block-latest-comments.has-avatars li:before {  display: none;}.widget_recent_comments .avatar,.wp-block-latest-comments .avatar {  margin-top: 0.4em;}.widget_recent_comments li:not(:last-child),.wp-block-latest-comments li:not(:last-child) {  padding-bottom: 12px;}.widget_recent_comments article,.wp-block-latest-comments article {  line-height: 1.5;}.widget_recent_comments a,.wp-block-latest-comments a {  color: inherit;}.widget_recent_comments a:hover,.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,.calendar_wrap {  position: relative;  background-color: #fff;  padding-bottom: 0;  border: none;}.wp-block-calendar span[class*=wp-calendar-nav],.calendar_wrap 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,.calendar_wrap 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,.calendar_wrap caption {  caption-side: top;  text-align: center;  color: var(--white-color);  background-color: var(--theme-color);  border-radius: 10px 10px 0 0;}.wp-block-calendar th,.calendar_wrap 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,.calendar_wrap th:first-child {  border-left: 1px solid #eee;}.wp-block-calendar th:last-child,.calendar_wrap th:last-child {  border-right: 1px solid #eee;}.wp-block-calendar table th,.calendar_wrap table th {  font-weight: 500;}.wp-block-calendar td,.calendar_wrap 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,.calendar_wrap #today {  color: var(--theme-color);  background-color: var(--white-color);  border-color: #ededed;}.wp-block-calendar thead,.calendar_wrap 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,.calendar_wrap a {  color: inherit;  text-decoration: none;}.wp-block-calendar a:hover,.calendar_wrap a:hover {  color: var(--title-color);}.wp-block-calendar {  border: none;  padding-bottom: 0;}.wp-block-calendar table caption {  color: var(--white-color);}ul.widget_rss,ul.wp-block-rss,ol.widget_rss,ol.wp-block-rss {  padding-left: 0;}.widget_rss,.wp-block-rss {  list-style-type: none;}.widget_rss ul,.wp-block-rss ul {  margin: -0.2em 0 -0.5em 0;  padding: 0;  list-style: none;}.widget_rss ul .rsswidget,.wp-block-rss ul .rsswidget {  color: var(--title-color);  font-family: var(--theme-font);  font-size: 18px;  display: block;  margin-bottom: 10px;}.widget_rss ul .rssSummary,.wp-block-rss ul .rssSummary {  font-size: 14px;  margin-bottom: 7px;  line-height: 1.5;}.widget_rss ul a,.wp-block-rss ul a {  display: block;  font-weight: 600;  color: inherit;}.widget_rss ul a:hover,.wp-block-rss ul a:hover {  color: var(--theme-color);}.widget_rss ul .rss-date,.wp-block-rss ul .rss-date {  font-size: 14px;  display: inline-block;  margin-bottom: 5px;  font-weight: 400;  color: var(--title-color);}.widget_rss ul .rss-date:before,.wp-block-rss ul .rss-date:before {  content: "\f073";  font-family: var(--icon-font);  margin-right: 10px;  font-weight: 300;  color: var(--theme-color);}.widget_rss ul cite,.wp-block-rss ul cite {  font-weight: 500;  color: var(--title-color);  font-family: var(--body-font);  font-size: 14px;}.widget_rss ul cite:before,.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);}.widget_rss li:not(:last-child),.wp-block-rss li:not(:last-child) {  margin-bottom: 16px;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  padding-bottom: 16px;}.widget_rss a:hover,.wp-block-rss a:hover {  color: var(--theme-color);}.textwidget {  margin-top: -0.1em;}.sidebar-area .widget_shopping_cart .th-btn {  margin-right: 10px;  padding: 8px 22px;  font-size: 14px;}@media (min-width: 1200px) {  .sidebar-shop .widget {    padding: 30px;  }}@media (min-width: 992px) {  .sidebar-shop .widget {    margin-bottom: 24px;  }}/* 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;  }  .author-widget-wrap .name {    font-size: 22px;  }}/* Medium devices */@media (max-width: 991px) {  .sidebar-area {    padding-top: 30px;  }}/* Extra small devices */@media (max-width: 575px) {  .recent-post .post-title {    font-size: 16px;  }}/* Extra small devices */@media (max-width: 375px) {  .recent-post .media-img {    margin-right: 20px;    width: 100px;  }  .widget_banner {    padding: 60px 50px;  }  .widget_banner:after {    inset: 20px;  }  .widget_banner .title {    font-size: 20px;  }  .widget_banner .subtitle {    font-size: 18px;  }  .widget_banner .link {    font-size: 16px;  }}@media (max-width: 330px) {  .recent-post .post-title {    font-size: 14px;    line-height: 24px;  }  .recent-post .recent-post-meta a {    font-size: 12px;  }  .recent-post .media-img {    margin-right: 14px;    width: 90px;  }}.widget-property-contact .widget_subtitle {  display: inline-block;  border: 1px solid var(--white-color);  border-radius: 50px;  font-size: 18px;  font-weight: 400;  font-family: var(--body-font);  color: var(--white-color);  padding: 6px 16px;  margin-bottom: 18px;}.widget-property-contact .widget_price {  font-size: 24px;  font-weight: 600;  color: var(--white-color);  padding-bottom: 24px;  position: relative;  margin-bottom: 18px;}.widget-property-contact .widget_price:after {  content: "";  position: absolute;  bottom: 0;  left: -30px;  right: -30px;  height: 1px;  background: #A4B5BA;}.widget-property-contact .widget_text {  color: var(--white-color);  font-size: 24px;  font-weight: 400;  margin-bottom: 15px;  /* Large devices */}@media (max-width: 1199px) {  .widget-property-contact .widget_text {    font-size: 16px;  }}.widget-property-contact .widget-property-contact-form .form-group {  margin-bottom: 16px;}.widget-property-contact .widget-property-contact-form .form-group input {  border: 1px solid rgba(255, 255, 255, 0.5);  background: transparent;  border-radius: 50px;  color: var(--white-color);  height: 44px;}.widget-property-contact .widget-property-contact-form .form-group input::-webkit-input-placeholder {  color: rgba(255, 255, 255, 0.5);}.widget-property-contact .widget-property-contact-form .form-group input::-moz-placeholder {  color: rgba(255, 255, 255, 0.5);}.widget-property-contact .widget-property-contact-form .form-group input:-ms-input-placeholder {  color: rgba(255, 255, 255, 0.5);}.widget-property-contact .widget-property-contact-form .form-group input::-ms-input-placeholder {  color: rgba(255, 255, 255, 0.5);}.widget-property-contact .widget-property-contact-form .form-group input::placeholder {  color: rgba(255, 255, 255, 0.5);}/*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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 .sidebar-gallery {  gap: 20px;}.footer-widget .sidebar-gallery .gallery-thumb {  border-radius: 0px;}.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_meta ul,.footer-widget.widget_pages ul,.footer-widget.widget_archive ul,.footer-widget.widget_categories ul,.footer-widget.widget_nav_menu ul {  margin-top: -4px;}.footer-widget.widget_meta .menu,.footer-widget.widget_meta>ul,.footer-widget.widget_pages .menu,.footer-widget.widget_pages>ul,.footer-widget.widget_archive .menu,.footer-widget.widget_archive>ul,.footer-widget.widget_categories .menu,.footer-widget.widget_categories>ul,.footer-widget.widget_nav_menu .menu,.footer-widget.widget_nav_menu>ul {  margin-bottom: -4px;}.footer-widget.widget_meta a,.footer-widget.widget_pages a,.footer-widget.widget_archive a,.footer-widget.widget_categories a,.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_meta a:before,.footer-widget.widget_pages a:before,.footer-widget.widget_archive a:before,.footer-widget.widget_categories a:before,.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_meta a:hover,.footer-widget.widget_pages a:hover,.footer-widget.widget_archive a:hover,.footer-widget.widget_categories a:hover,.footer-widget.widget_nav_menu a:hover {  background-color: transparent;  color: var(--theme-color);}.footer-widget.widget_meta a:hover:before,.footer-widget.widget_pages a:hover:before,.footer-widget.widget_archive a:hover:before,.footer-widget.widget_categories a:hover:before,.footer-widget.widget_nav_menu a:hover:before {  color: var(--theme-color);  left: 5px;}.footer-widget.widget_meta li>span,.footer-widget.widget_pages li>span,.footer-widget.widget_archive li>span,.footer-widget.widget_categories li>span,.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_meta li:last-child a,.footer-widget.widget_pages li:last-child a,.footer-widget.widget_archive li:last-child a,.footer-widget.widget_categories li:last-child a,.footer-widget.widget_nav_menu li:last-child a {  margin-bottom: 0;}.footer-widget .recent-post {  max-width: 300px;  margin-bottom: 20px;}.footer-widget .recent-post .media-img {  max-width: 80px;}.footer-widget .recent-post .media-img:after {  line-height: 74px;}.footer-widget .recent-post .post-title {  color: var(--white-color);}.footer-widget .recent-post:last-child {  margin-bottom: 0;  padding-bottom: 0;  border-bottom: 0;}.footer-widget .recent-post .recent-post-meta {  margin-top: -0.4em;}.footer-widget .recent-post .recent-post-meta a {  font-weight: 400;  line-height: 1.2;}.footer-widget .recent-post .recent-post-meta i {  color: var(--theme-color);}.footer-widget .recent-post .recent-post-meta a:hover i {  color: var(--theme-color);}.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;}.footer-text {  margin-top: -0.5em;  margin-bottom: -0.5em;}.icon-group a {  color: var(--white-color);  font-size: 18px;  margin-right: 17px;}.icon-group a:last-child {  margin-right: 0;}.newsletter-widget {  max-width: 370px;}.newsletter-widget .footer-widget-links {  margin-top: -0.4em;  margin-bottom: 37px;}.newsletter-widget .footer-widget-links ul {  list-style: none;  padding: 0;  margin: 0;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 20px 35px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.newsletter-widget .footer-widget-links ul li {  font-size: 14px;  font-weight: 700;  font-family: var(--title-font);  color: var(--white-color);  text-transform: uppercase;}.newsletter-widget .footer-widget-links ul li:hover {  color: var(--theme-color);}.newsletter-widget .footer-widget-links ul li a {  color: inherit;}.newsletter-widget .newsletter-form {  margin-top: -0.3em;  max-width: 300px;}.newsletter-widget .newsletter-form .form-group {  gap: 15px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  padding-bottom: 10px;  border-bottom: 1px solid rgba(196, 207, 222, 0.3);  margin-bottom: 15px;}.newsletter-widget .newsletter-form .check-group label {  color: var(--body-color);  margin-bottom: 0;  padding-left: 29px;  font-weight: 400;  font-size: 14px;}.newsletter-widget .newsletter-form .check-group label:before {  border-radius: 50%;  height: 18px;  width: 18px;  line-height: 16px;  background: transparent;  top: 4px;  font-size: 10px;  color: var(--body-color);}.newsletter-widget .newsletter-form .check-group input[type=checkbox]:checked~label:before {  border-color: var(--white-color);}.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 {  background: transparent;  border: 0;  padding: 0;  width: 100%;  height: auto;  color: var(--title-color);}.newsletter-widget .newsletter-form input:hover,.newsletter-widget .newsletter-form input:focus,.newsletter-widget .newsletter-form input:active {  background: transparent;}.newsletter-widget .form-group {  margin-bottom: 0;}.newsletter-widget .check-group {  margin-bottom: 20px;}.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_meta a,  .footer-widget.widget_pages a,  .footer-widget.widget_archive a,  .footer-widget.widget_categories a,  .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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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 li:hover ul.mega-menu {  visibility: visible;  opacity: 1;  -webkit-transform: scaleY(1) translateX(0%);  transform: scaleY(1) translateX(0%);  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;}.main-menu .mega-menu-wrap {  position: static;}@media (max-width: 1500px) {  .main-menu>ul>li {    margin: 0 13px;  }}.simple-icon {  border: none;  background-color: transparent;  padding: 0;  font-size: 24px;  position: relative;}.simple-icon:has(.badge) {  padding-right: 8px;}.simple-icon .badge {  top: -8px;  right: 0;  font-size: 12px;}.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 .icon-btn .badge {  font-size: 12px;  top: 0;  right: 0;}.header-button .icon-btn:hover .badge {  background-color: var(--title-dark);}.header-button .th-btn {    background-color: #075e54;  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;}.social-links .social-title {  font-weight: 500;  font-size: 16px;  display: inline-block;  margin: 0 10px 0 0;  color: var(--body-color);}.social-links a {  font-size: 16px;  display: inline-block;  color: var(--body-color);  margin: 0 15px 0 0;}.social-links a:last-child {  margin-right: 0 !important;}.social-links a:hover {  color: var(--theme-color);}.header-logo {  padding-top: 15px;  padding-bottom: 15px;}.header-links ul {  margin: 0;  padding: 0;  list-style-type: none;}.header-links li {  display: inline-block;  position: relative;  font-size: 16px;  font-weight: 600;  font-family: var(--title-font);}.header-links li:not(:last-child) {  margin: 0 55px 0 0;}.header-links li:not(:last-child):after {  content: "";  height: 20px;  width: 1px;  background-color: #363739;  position: absolute;  top: 0px;  right: -30px;  margin-top: 3px;}.header-links li>i {  margin-right: 11px;  color: var(--theme-color);}.header-links li,.header-links span,.header-links p,.header-links a {  color: var(--body-color);}.header-links a:hover {  color: var(--theme-color);}.header-links b,.header-links strong {  font-weight: 600;  margin-right: 6px;}.header-links .social-links a {  font-size: 14px;}.header-notice {  margin: 0;}.dropdown-link {  position: relative;}.dropdown-link>a {  color: var(--body-color);}.dropdown-link>a i {  color: var(--theme-color);  margin-right: 5px;}.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);}.header-icons {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  display: flex;  gap: 15px;}.header-icons .icon-btn {  font-size: 18px;}.header-icons .icon-btn .badge {  font-size: 12px;  top: 0;  right: 0;}.header-icons .icon-btn:hover .badge {  background-color: var(--title-dark);}.header-search {  position: relative;}.header-search input {  height: 46px;  border: 1px solid var(--th-border-color);  width: 500px;  max-width: 100%;  /* Large devices */}.header-search input:focus {  border-color: var(--theme-color);}@media (max-width: 1199px) {  .header-search input {    max-width: 350px;  }}.header-search button {  display: inline-block;  position: absolute;  top: 0;  right: 0;  border: none;  background-color: var(--theme-color);  color: var(--white-color);  width: 50px;  height: 46px;  line-height: 45px;  text-align: center;  padding: 0;  border-radius: 0 99px 99px 0;}.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;}.header-default.style-border {  border-bottom: 1px solid rgba(255, 255, 255, 0.4);}@media (min-width: 1600px) {  .header-default {    --main-container: 1760px;  }}/* Medium Large devices */@media (max-width: 1399px) {  .header-default .main-menu ul.mega-menu {    left: -25rem !important;  }}/* Large devices */@media (max-width: 1199px) {  .header-default .main-menu {    margin-left: 0;  }  .header-default .main-menu ul.mega-menu {    left: -15rem !important;  }  .header-default.onepage-nav .main-menu ul.mega-menu {    left: -25rem !important;  }}/* 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 {  position: absolute;  left: 0;  right: 0;  top: 0;  background: var(--black-color2);}.header-layout1 .sticky-wrapper.sticky {  background: var(--black-color2);}.header-layout1 .simple-icon {  margin-left: 35px;  /* Medium Large devices */}@media (max-width: 1299px) {  .header-layout1 .simple-icon {    margin-left: 0;  }}.header-layout1 .header-button .th-btn {  padding: 16px 24px;  /* Medium Large devices */}@media (max-width: 1299px) {  .header-layout1 .header-button .th-btn {    display: none;  }}@media (min-width: 1600px) {  .header-layout1 {    --main-container: 1604px;  }}/* Large devices */@media (max-width: 1199px) {  .header-layout1 .main-menu {    margin-left: 0;  }  .header-layout1.onepage-nav .main-menu ul.mega-menu {    left: -26rem !important;  }}/* 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 {  /* Medium Large devices */}.header-layout2 .main-menu a {  color: var(--title-color);}.header-layout2 .main-menu ul li:has(.sub-menu)>a:after,.header-layout2 .main-menu ul li:has(.mega-menu)>a:after,.header-layout2 .main-menu ul li.menu-item-has-children>a:after {  color: var(--title-color);}.header-layout2 .main-menu>ul>li>a:hover {  color: var(--theme-color);  text-shadow: 0px 0px 0px var(--theme-color), 0px 0px 0px var(--theme-color), 0px 0px 0px var(--theme-color);}.header-layout2 .sticky-wrapper.sticky {  background: var(--white-color);}.header-layout2 .th-menu-toggle.sidebar-btn {  width: 56px;  background: var(--theme-color);}.header-layout2 .header-button .th-btn {  padding: 13px 24px;}.header-layout2 .main-menu>ul>li>a:before {  content: "";  position: absolute;  height: 1px;  left: 0;  background: var(--theme-color);  width: 0%;  margin-top: 30px;  -webkit-transition: 0.4s;  transition: 0.4s;}.header-layout2 .main-menu>ul>li>a:hover:before {  width: 100%;}@media (max-width: 1399px) {  .header-layout2 .main-menu ul.mega-menu {    left: -15rem !important;  }  .header-layout2.onepage-nav .main-menu ul.mega-menu {    left: -25rem !important;  }}@media (min-width: 1600px) {  .header-layout2 {    --main-container: 1760px;  }}/* Header 3 ---------------------------------- */.header-layout3 {  position: absolute;  left: 80px;  right: 0;  top: 0;  border-bottom: 1px solid rgba(255, 255, 255, 0.2);  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.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;}.header-layout3 .sticky-wrapper.sticky {  background: var(--black-color2);}.header-layout3 .main-menu>ul>li>a {  padding: 36.5px 0;}@media (max-width: 1299px) {  .header-layout3 .header-button {    display: none;  }}@media (max-width: 1199px) {  .header-layout3 {    left: 0;  }  .header-layout3 .menu-area .sidebar-btn.style3 {    display: none;  }  .header-layout3.onepage-nav .main-menu ul.mega-menu {    left: -25rem !important;  }}@media (max-width: 991px) {  .header-layout3 .header-button {    display: block;  }  .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;  }}@media (min-width: 1600px) {  .header-layout3 {    --main-container: 1680px;  }}/* Header 4 ---------------------------------- */.header-layout4 {  position: absolute;  left: 0;  right: 0;  top: 0;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */}.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;}.header-layout4 .main-menu>ul>li>a {  padding: 36.5px 0;}@media (max-width: 1500px) {  .header-layout4 .sticky-wrapper {    background: var(--black-color2);  }  .header-layout4 .sticky-wrapper.sticky {    background: var(--black-color2);  }  .header-layout4 .menu-area {    border-radius: 0;    padding: 0 30px;    margin-top: 0px;  }}@media (max-width: 1399px) {  .header-layout4 .main-menu ul.mega-menu {    left: -15rem !important;  }  .header-layout4.onepage-nav .main-menu ul.mega-menu {    left: -25rem !important;  }}@media (max-width: 1299px) {  .header-layout4 .header-button {    display: none;  }  .header-layout4 .menu-area {    padding: 0;  }}@media (min-width: 1900px) {  .header-layout4 {    --main-container: 1760px;  }}@media (max-width: 1899px) {  .header-layout4 {    --main-container: 1460px;  }}.header-layout4.header-layout4-1 {  /* Extra large devices */}.header-layout4.header-layout4-1 .menu-area {  background: var(--white-color);}.header-layout4.header-layout4-1 .main-menu a {  color: var(--title-color);}.header-layout4.header-layout4-1 .main-menu ul li:has(.sub-menu)>a:after,.header-layout4.header-layout4-1 .main-menu ul li:has(.mega-menu)>a:after,.header-layout4.header-layout4-1 .main-menu ul li.menu-item-has-children>a:after {  color: var(--title-color);}.header-layout4.header-layout4-1 .main-menu>ul>li>a:hover {  color: var(--theme-color);  text-shadow: 0px 0px 0px var(--theme-color), 0px 0px 0px var(--theme-color), 0px 0px 0px var(--theme-color);}.header-layout4.header-layout4-1 .sticky-wrapper.sticky {  background: var(--white-color);}.header-layout4.header-layout4-1 .main-menu>ul>li>a:before {  content: "";  position: absolute;  height: 1px;  left: 0;  background: var(--theme-color);  width: 0%;  margin-top: 30px;  -webkit-transition: 0.4s;  transition: 0.4s;}.header-layout4.header-layout4-1 .main-menu>ul>li>a:hover:before {  width: 100%;}.header-layout4.header-layout4-1 .th-menu-toggle.sidebar-btn {  width: 56px;  background: var(--theme-color);}.header-layout4.header-layout4-1 .th-menu-toggle.sidebar-btn .line {  height: 2px;  background: var(--title-color);}.header-layout4.header-layout4-1 .sidebar-btn.style2 .line {  background: var(--title-color);  height: 2px;}@media (max-width: 1500px) {  .header-layout4.header-layout4-1 .sticky-wrapper {    background: var(--white-color);  }}.header-layout4.header-layout4-2 {  /* Extra large devices */}.header-layout4.header-layout4-2 .menu-area {  margin-top: 48px;  /* Extra large devices */}@media (max-width: 1500px) {  .header-layout4.header-layout4-2 .menu-area {    margin-top: 0;  }}@media (max-width: 1500px) {  .header-layout4.header-layout4-2 {    position: relative;  }}/* Header 5 ---------------------------------- */.header-layout5 {  position: absolute;  left: 0;  right: 0;  top: 20px;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */}.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 .main-menu>ul>li>a {  padding: 36.5px 0;}.header-layout5 .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-layout5 .main-menu>ul>li>a:hover {  color: var(--white-color);}.header-layout5 .main-menu>ul>li>a:hover:before {  width: 100%;}.header-layout5 .main-menu>ul>li>a:hover:after {  color: var(--white-color);}.header-layout5 .main-menu ul.mega-menu {  left: -5em !important;}.header-layout5 .th-menu-toggle.sidebar-btn {  background: transparent;}.header-layout5.style2 .sticky-wrapper:after {  content: "";  position: absolute;  inset: 0;  background: var(--theme-color);  opacity: 0.8;}.header-layout5.style-border {  border-bottom: 1px solid var(--gray-color);  top: 0;}.header-layout5.header-layout5-1 {  top: 0;}.header-layout5.header-layout5-4 {  top: 0;  background: rgba(0, 11, 1, 0.8);}.header-layout5.header-layout5-4 .sticky-wrapper.sticky {  background: #000b01;}@media (max-width: 1500px) {  .header-layout5 {    top: 0;  }  .header-layout5 .sticky-wrapper.sticky {    background: var(--black-color2);  }  .header-layout5 .menu-area {    border-radius: 0;    padding: 0 30px;    margin-top: 0px;  }}@media (max-width: 1299px) {  .header-layout5 .menu-area {    padding: 0;  }  .header-layout5 .main-menu ul.mega-menu {    left: -8rem !important;  }}@media (max-width: 1199px) {  .header-layout5 .menu-area {    padding: 0;  }  .header-layout5 .main-menu ul.mega-menu {    left: -15rem !important;  }  .header-layout5.onepage-nav .main-menu ul.mega-menu {    left: -26rem !important;  }}@media (min-width: 1900px) {  .header-layout5 {    --main-container: 1760px;  }}@media (max-width: 1899px) {  .header-layout5 {    --main-container: 1460px;  }}/* Header 6 ---------------------------------- */.header-layout6 {  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.header-layout6 .header-top {  background: var(--black-color2);  padding: 17.5px 0;}.header-layout6 .header-top .header-links li,.header-layout6 .header-top .header-links span,.header-layout6 .header-top .header-links p,.header-layout6 .header-top .header-links a {  color: var(--white-color);  font-weight: 400;  font-family: var(--body-font);}.header-layout6 .header-top .header-links li:hover,.header-layout6 .header-top .header-links span:hover,.header-layout6 .header-top .header-links p:hover,.header-layout6 .header-top .header-links a:hover {  color: var(--theme-color);}.header-layout6 .header-top .header-links li:not(:last-child):after {  display: none;}.header-layout6 .header-top .header-links li>i {  color: var(--theme-color);}.header-layout6 .header-top .header-links li:not(:last-child) {  margin: 0 22px 0 0;}.header-layout6 .header-top .social-links a {  width: 24px;  height: 24px;  line-height: 22px;  border: 1px solid var(--white-color);  border-radius: 50%;  text-align: center;  font-size: 10px;  color: var(--white-color);  margin: 0 20px 0 0;}.header-layout6 .header-top .social-links a:hover {  border-color: var(--theme-color);  background: var(--theme-color);  color: var(--white-color);}.header-layout6 .main-menu a {  color: var(--title-color);}.header-layout6 .main-menu ul li:has(.sub-menu)>a:after,.header-layout6 .main-menu ul li:has(.mega-menu)>a:after,.header-layout6 .main-menu ul li.menu-item-has-children>a:after {  color: var(--title-color);}.header-layout6 .main-menu>ul>li>a:hover {  color: var(--theme-color);  text-shadow: 0px 0px 0px var(--theme-color), 0px 0px 0px var(--theme-color), 0px 0px 0px var(--theme-color);}.header-layout6 .main-menu>ul>li>a {  padding: 36.5px 0;}.header-layout6 .sticky-wrapper.sticky {  background: var(--white-color);}.header-layout6 .th-menu-toggle.sidebar-btn {  width: 56px;  background: var(--theme-color);}.header-layout6 .main-menu>ul>li>a:before {  content: "";  position: absolute;  height: 1px;  left: 0;  background: var(--title-color);  width: 0%;  margin-top: 30px;  -webkit-transition: 0.4s;  transition: 0.4s;}.header-layout6 .main-menu>ul>li>a:hover:before {  width: 100%;}.header-layout6 .header-button {  gap: 32px;}@media (min-width: 1900px) {  .header-layout6 {    --main-container: 1760px;  }}@media (max-width: 1899px) {  .header-layout6 {    --main-container: 1460px;  }}@media (max-width: 1299px) {  .header-layout6 .main-menu ul.mega-menu {    left: -8rem !important;  }}@media (max-width: 1199px) {  .header-layout6 .main-menu ul.mega-menu {    left: -15rem !important;  }  .header-layout6.onepage-nav .main-menu ul.mega-menu {    left: -25rem !important;  }}@media (max-width: 991px) {  .header-layout6 .header-top {    padding: 16.5px 0;  }}/* Header 7 ---------------------------------- */.header-layout7 {  position: absolute;  left: 0;  right: 0;  top: 18px;  --main-container: 1820px;  /* Large devices */  /* Extra small devices */}.header-layout7 .menu-area {  padding: 22px 0;}.header-layout7 .main-menu>ul>li>a {  text-transform: uppercase;}.header-layout7 .main-menu>ul>li>a:hover {  color: var(--theme-color2);}.header-layout7 .main-menu ul li:has(.sub-menu)>a:hover:after,.header-layout7 .main-menu ul li:has(.mega-menu)>a:hover:after,.header-layout7 .main-menu ul li.menu-item-has-children>a:hover:after {  color: var(--theme-color2);}.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);}.header-layout7 .header-button {  gap: 30px;}.header-layout7 .header-button .social-links {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 30px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.header-layout7 .header-button .social-links a {  font-size: 14px;  font-weight: 600;  color: var(--white-color);  position: relative;  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin: 0;  gap: 30px;}.header-layout7 .header-button .social-links a:hover {  color: var(--theme-color2);}.header-layout7 .header-button .social-links a:not(:last-child):after {  content: "";  position: relative;  width: 6px;  height: 6px;  border-radius: 50%;  background: var(--white-color);  display: inline-block;}.header-layout7 .sticky-wrapper.sticky {  background: var(--black-color2);}@media (max-width: 1199px) {  .header-layout7 {    top: 0;  }  .header-layout7 .menu-area {    padding: 7px 0;  }  .header-layout7 .main-menu ul.mega-menu {    left: -22rem !important;  }}@media (max-width: 575px) {  .header-layout7 .header-logo img {    width: 180px;  }}/* Header 8 ---------------------------------- */.header-layout8 .header-agent-wrap {  padding-top: 50px;  padding-bottom: 30px;  /* Medium devices */  /* Extra small devices */}@media (max-width: 991px) {  .header-layout8 .header-agent-wrap {    padding-top: 30px;  }}@media (max-width: 575px) {  .header-layout8 .header-agent-wrap {    display: none;  }}.header-layout8 .header-agent-wrap .thumb {  display: inline-block;  border-radius: 50%;  overflow: hidden;}.header-layout8 .header-agent-wrap .agent-name {  display: block;  font-size: 36px;  font-weight: 600;  margin-top: 24px;  color: var(--white-color);  /* Medium devices */}.header-layout8 .header-agent-wrap .agent-name:hover {  color: var(--theme-color2);}@media (max-width: 991px) {  .header-layout8 .header-agent-wrap .agent-name {    font-size: 16px;    margin-top: 20px;  }}.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;  display: none;  background: var(--theme-color);  color: var(--white-color);}.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(--black-color2);  border: 0;  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;  -ms-flex-line-pack: justify;  align-content: space-between;  overflow: auto;}.header-layout8 .th-menu-wrapper2 .th-menu-area::-webkit-scrollbar {  display: none;}.header-layout8 .th-menu-wrapper2 .th-menu-area .th-social {  gap: 20px;}.header-layout8 .th-menu-wrapper2 .mobile-logo {  background: transparent;  padding-top: 70px;}.header-layout8 .th-menu-wrapper2 .th-mobile-menu {  margin-top: 0;  padding-bottom: 0;}.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-color);}.header-layout8 .header-logo {  display: none;  /* Extra small devices */}@media (max-width: 575px) {  .header-layout8 .header-logo {    display: block;  }}.header-layout8 .btn-wrap {  -ms-flex-line-pack: end;  align-content: end;  /* Medium devices */}@media (max-width: 991px) {  .header-layout8 .btn-wrap {    display: none;  }}/* Medium devices */@media (max-width: 991px) {  .header-layout8 .th-menu-wrapper2 .th-mobile-menu {    display: none;  }  .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;    display: block;  }  .header-layout8 .th-menu-wrapper2 .th-menu-toggle:hover {    background: var(--white-color);    color: var(--title-dark);  }}/* Header 9 ---------------------------------- */.header-layout9 {  position: absolute;  left: 80px;  right: 0;  top: 24px;  border-bottom: 1px solid rgba(255, 255, 255, 0.2);  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.header-layout9 .menu-area {  position: relative;}.header-layout9 .menu-area .sidebar-btn.style3 {  position: absolute;  left: -80px;  top: -24px;  background: var(--smoke-color3);  height: calc(100% + 25px);  padding: 0 24px;  border-bottom: 1px solid var(--body-color);}.header-layout9 .menu-area .sidebar-btn.style3 .line {  background: var(--title-color);  height: 2px;}.header-layout9 .sticky-wrapper.sticky {  background: var(--black-color2);}.header-layout9 .main-menu>ul>li>a {  padding: 36.5px 0;}@media (max-width: 1299px) {  .header-layout9 .header-button {    display: none;  }}@media (max-width: 1199px) {  .header-layout9 {    left: 0;  }  .header-layout9 .menu-area .sidebar-btn.style3 {    display: none;  }  .header-layout9.onepage-nav .main-menu ul.mega-menu {    left: -25rem !important;  }}@media (max-width: 991px) {  .header-layout9 {    top: 0;  }  .header-layout9 .header-button {    display: block;  }  .header-layout9 .header-button .th-menu-toggle.sidebar-btn {    width: 56px;    background: var(--theme-color);  }  .header-layout9 .header-button .th-menu-toggle.sidebar-btn .line {    background: var(--white-color);    height: 2px;  }}@media (min-width: 1600px) {  .header-layout9 {    --main-container: 1680px;  }}/*------------------- 4.3. Footer  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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;}.footer-wrapper .social-links a {  margin: 0 30px 0 0;}.widget-area {  padding-top: 80px;  padding-bottom: 30px;}.sticky-footer {  position: fixed;  bottom: 0;  left: 0;  width: 100%;}.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-wrap.bg-title .copyright-text a:hover {  color: var(--theme-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 {  --body-color: #1C2D37;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */}.footer-layout1 .footer-wrap {  margin: 0 80px 80px;}.footer-layout1 .footer-widget .widget_title {  color: var(--title-color);}.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-layout1 .footer-widget.widget_meta a:hover,.footer-layout1 .footer-widget.widget_pages a:hover,.footer-layout1 .footer-widget.widget_archive a:hover,.footer-layout1 .footer-widget.widget_categories a:hover,.footer-layout1 .footer-widget.widget_nav_menu a:hover {  color: var(--theme-color);}.footer-layout1 .footer-widget.widget_meta a:hover:before,.footer-layout1 .footer-widget.widget_pages a:hover:before,.footer-layout1 .footer-widget.widget_archive a:hover:before,.footer-layout1 .footer-widget.widget_categories a:hover:before,.footer-layout1 .footer-widget.widget_nav_menu a:hover:before {  color: var(--theme-color);}.footer-layout1 .newsletter-wrap {  margin-top: 40px;  border-bottom: 0;  padding-bottom: 0;}.footer-layout1 .copyright-wrap {  background: var(--theme-color);  padding: 22px 0;}.footer-layout1 .copyright-wrap .copyright-text {  color: var(--white-color);}.footer-layout1 .copyright-wrap .copyright-text a {  color: var(--white-color);}.footer-layout1 .copyright-wrap .copyright-text a:hover {  color: var(--title-color);}.footer-layout1 .copyright-wrap .footer-links ul {  gap: 10px 24px;}.footer-layout1 .copyright-wrap .footer-links a {  color: var(--white-color);}.footer-layout1 .copyright-wrap .footer-links a:hover {  color: var(--title-color);}@media (max-width: 1500px) {  .footer-layout1 .footer-wrap {    margin: 0 40px 40px;  }}@media (max-width: 1399px) {  .footer-layout1 .footer-wrap {    margin: 0 20px 20px;  }}@media (max-width: 991px) {  .footer-layout1 .widget-area {    padding-bottom: 80px;  }}@media (max-width: 767px) {  .footer-layout1 .footer-wrap {    margin: 0;    -webkit-mask-image: none !important;    mask-image: none !important;  }}/* Footer Area 2---------------------------------- */.footer-layout2 {  --body-color: #6E7070;}.footer-layout2 .newsletter-wrap {  border-bottom: 1px solid #DDE8DD;  padding-bottom: 75px;  /* Medium devices */}.footer-layout2 .newsletter-wrap .newsletter-form {  /* Extra small devices */}.footer-layout2 .newsletter-wrap .newsletter-form .form-group input {  background: transparent;  border: 1px solid var(--body-color);  border-radius: 50px;  height: 64px;  min-width: 416px;  /* Large devices */  /* Extra small devices */}@media (max-width: 1199px) {  .footer-layout2 .newsletter-wrap .newsletter-form .form-group input {    min-width: auto;  }}@media (max-width: 575px) {  .footer-layout2 .newsletter-wrap .newsletter-form .form-group input {    height: 56px;  }}.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;  }}@media (max-width: 575px) {  .footer-layout2 .newsletter-wrap .newsletter-form {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}@media (max-width: 991px) {  .footer-layout2 .newsletter-wrap {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    text-align: center;  }}.footer-layout2 .widget-area {  padding-bottom: 75px;  /* Medium devices */}@media (max-width: 991px) {  .footer-layout2 .widget-area {    padding-bottom: 25px;  }}.footer-layout2 .footer-widget .widget_title {  color: var(--title-color);}.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-layout2 .footer-widget.widget_meta a:hover,.footer-layout2 .footer-widget.widget_pages a:hover,.footer-layout2 .footer-widget.widget_archive a:hover,.footer-layout2 .footer-widget.widget_categories a:hover,.footer-layout2 .footer-widget.widget_nav_menu a:hover {  color: var(--theme-color);}.footer-layout2 .footer-widget.widget_meta a:hover:before,.footer-layout2 .footer-widget.widget_pages a:hover:before,.footer-layout2 .footer-widget.widget_archive a:hover:before,.footer-layout2 .footer-widget.widget_categories a:hover:before,.footer-layout2 .footer-widget.widget_nav_menu a:hover:before {  color: var(--theme-color);}.footer-layout2 .copyright-wrap .copyright-text {  color: var(--white-color);}.footer-layout2 .copyright-wrap .copyright-text a {  color: var(--white-color);}.footer-layout2 .copyright-wrap .copyright-text a:hover {  color: var(--theme-color);}.footer-layout2 .footer-links a {  color: var(--white-color);}.footer-layout2 .footer-links a:hover {  color: var(--theme-color);}/* Footer Area 2.1---------------------------------- */.footer-layout2-1 {  --body-color: #6E7070;}.footer-layout2-1 .newsletter-wrap {  border-bottom: 1px solid #DDE8DD;  padding-bottom: 75px;  /* Medium devices */}.footer-layout2-1 .newsletter-wrap .newsletter-form {  /* Extra small devices */}.footer-layout2-1 .newsletter-wrap .newsletter-form .form-group input {  background: transparent;  border: 1px solid var(--white-color);  border-radius: 50px;  height: 64px;  min-width: 416px;  /* Large devices */  /* Extra small devices */}@media (max-width: 1199px) {  .footer-layout2-1 .newsletter-wrap .newsletter-form .form-group input {    min-width: auto;  }}@media (max-width: 575px) {  .footer-layout2-1 .newsletter-wrap .newsletter-form .form-group input {    height: 56px;  }}.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: 575px) {  .footer-layout2-1 .newsletter-wrap .newsletter-form {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}@media (max-width: 991px) {  .footer-layout2-1 .newsletter-wrap {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    text-align: center;  }}.footer-layout2-1 .newsletter-wrap.style2 {  background: var(--theme-color2);  padding: 48px;  border-radius: 0 0 24px 24px;  /* Medium Large devices */  /* Small devices */}@media (max-width: 1299px) {  .footer-layout2-1 .newsletter-wrap.style2 .newsletter-form {    -webkit-box-flex: 0;    -ms-flex: none;    flex: none;  }}@media (max-width: 767px) {  .footer-layout2-1 .newsletter-wrap.style2 {    padding: 40px;    gap: 30px;  }  .footer-layout2-1 .newsletter-wrap.style2 .newsletter-form {    display: block;    -webkit-box-flex: 1;    -ms-flex: auto;    flex: auto;  }  .footer-layout2-1 .newsletter-wrap.style2 .newsletter-form .th-btn {    margin-top: 20px;  }}.footer-layout2-1 .widget-area {  padding-bottom: 75px;  /* Medium devices */}@media (max-width: 991px) {  .footer-layout2-1 .widget-area {    padding-bottom: 25px;  }}.footer-layout2-1 .footer-widget .widget_title {  color: var(--title-color);}.footer-layout2-1 .widget .th-social a {  -webkit-box-shadow: none;  box-shadow: none;  border-color: var(--title-color);  color: var(--title-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);  border-color: var(--theme-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-layout2-1 .footer-widget.widget_meta a:hover,.footer-layout2-1 .footer-widget.widget_pages a:hover,.footer-layout2-1 .footer-widget.widget_archive a:hover,.footer-layout2-1 .footer-widget.widget_categories a:hover,.footer-layout2-1 .footer-widget.widget_nav_menu a:hover {  color: var(--theme-color);}.footer-layout2-1 .footer-widget.widget_meta a:hover:before,.footer-layout2-1 .footer-widget.widget_pages a:hover:before,.footer-layout2-1 .footer-widget.widget_archive a:hover:before,.footer-layout2-1 .footer-widget.widget_categories a:hover:before,.footer-layout2-1 .footer-widget.widget_nav_menu a:hover:before {  color: var(--theme-color);}.footer-layout2-1 .copyright-wrap .copyright-text {  color: var(--white-color);}.footer-layout2-1 .copyright-wrap .copyright-text a {  color: var(--white-color);}.footer-layout2-1 .copyright-wrap .copyright-text a:hover {  color: var(--theme-color);}.footer-layout2-1 .footer-links a {  color: var(--white-color);}.footer-layout2-1 .footer-links a:hover {  color: var(--theme-color);}/* Footer Area 2.2---------------------------------- */.footer-layout2-2 {  --body-color: #B3B3B3;}.footer-layout2-2 .copyright-wrap .copyright-text {  color: var(--body-color);}/* Footer Area 2.4---------------------------------- */.footer-layout2-4 .copyright-wrap .copyright-text {  color: var(--title-dark);}.footer-layout2-4 .copyright-wrap .copyright-text a {  color: var(--title-dark);}.footer-layout2-4 .copyright-wrap .copyright-text a:hover {  color: var(--theme-color2);}.footer-layout2-4 .footer-links a {  color: var(--title-dark);}.footer-layout2-4 .footer-links a:hover {  color: var(--theme-color2);}/* footer 3 ---------------------------------- */.footer-layout3 {  --body-color: #ffffff;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.footer-layout3 .footer-container {  max-width: 1296px;  margin-left: auto;  margin-right: auto;  /* Medium Large devices */}@media (max-width: 1399px) {  .footer-layout3 .footer-container {    max-width: 1250px;  }}.footer-layout3 .widget-area {  border-radius: 32px 32px 0 0;}.footer-layout3 .copyright-area {  padding-bottom: 80px;  position: relative;  z-index: 1;}.footer-layout3 .copyright-area:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 0.7;  z-index: -1;}.footer-layout3 .copyright-wrap {  background: transparent;  border-radius: 0 0 32px 32px;}.footer-layout3 .copyright-wrap .copyright-text a {  color: var(--theme-color);  font-weight: 400;}.footer-layout3 .copyright-wrap .copyright-text a:hover {  color: var(--title-color);}.footer-layout3 .footer-links a {  color: var(--title-color);}.footer-layout3 .footer-links a:hover {  color: var(--theme-color);}@media (max-width: 1299px) {  .footer-layout3 .th-container2 {    max-width: none;  }  .footer-layout3 .footer-container {    max-width: 1110px;  }}@media (max-width: 1199px) {  .footer-layout3 .footer-container {    max-width: 940px;  }}@media (max-width: 991px) {  .footer-layout3 .footer-container {    max-width: 700px;  }}@media (max-width: 767px) {  .footer-layout3 .footer-container {    max-width: 520px;  }}@media (max-width: 575px) {  .footer-layout3 .footer-container {    padding: 0 15px;  }}/* footer 4 ---------------------------------- */.footer-layout4 .footer-links a {  color: var(--theme-color);}.footer-layout4 .footer-links a:hover {  color: var(--title-color);}/* footer 5 ---------------------------------- */.footer-layout5 {  position: relative;}.footer-layout5 .newsletter-wrap.style5 {  border-bottom: 1px solid rgba(216, 216, 216, 0.3);}.footer-layout5 .copyright-wrap .copyright-text a:hover {  color: var(--title-color);}.footer-layout5 .footer-links a {  color: var(--title-color);}.footer-layout5 .footer-links a:hover {  color: var(--theme-color2);}/* footer 6 ---------------------------------- */.footer-layout6 .newsletter-wrap.style5 {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  text-align: center;  padding-bottom: 120px;  border-bottom: 1px solid var(--th-border-color);  /* Medium devices */}@media (max-width: 991px) {  .footer-layout6 .newsletter-wrap.style5 {    padding-bottom: 80px;  }}.footer-layout6 .newsletter-wrap.style5 .newsletter-form {  display: block;}.footer-layout6 .newsletter-wrap.style5 .newsletter-title {  font-size: 48px;  max-width: 656px;  margin-bottom: 50px;  /* Large devices */  /* Medium devices */  /* Small devices */}@media (max-width: 1199px) {  .footer-layout6 .newsletter-wrap.style5 .newsletter-title {    font-size: 40px;  }}@media (max-width: 991px) {  .footer-layout6 .newsletter-wrap.style5 .newsletter-title {    font-size: 36px;  }}@media (max-width: 767px) {  .footer-layout6 .newsletter-wrap.style5 .newsletter-title {    font-size: 34px;  }}.footer-layout6 .newsletter-wrap.style5 .form-group {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 16px;  /* Extra small devices */}@media (max-width: 575px) {  .footer-layout6 .newsletter-wrap.style5 .form-group {    display: block;  }  .footer-layout6 .newsletter-wrap.style5 .form-group .th-btn {    margin-top: 20px;  }}.footer-layout6 .copyright-wrap {  background: transparent;  border-top: 1px solid var(--th-border-color);}.footer-layout6 .copyright-wrap .copyright-text a {  color: var(--white-color);}.footer-layout6 .copyright-wrap .copyright-text a:hover {  color: var(--theme-color2);}/* footer 7 ---------------------------------- */.footer-layout7 {  --body-color: #DDE8DD;}.footer-layout7 .newsletter-wrap.style5 {  border-bottom: 1px solid var(--body-color);}.footer-layout7 .footer-links a {  color: var(--theme-color3);}.footer-layout7 .footer-links a:hover {  color: var(--title-color);}.footer-layout7 .copyright-wrap {  background: var(--gray-color7);}/*------------------- 4.4. Breadcumb  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Blockquote ---------------------*/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;}blockquote p,.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;}blockquote p a,.wp-block-quote p a {  color: inherit;}blockquote:before,.wp-block-quote:before {  content: "";  position: absolute;  top: -1px;  left: -1px;  height: 50px;  width: 33px;  background-color: var(--white-color);}blockquote:after,.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");}blockquote cite,.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;}blockquote cite br,.wp-block-quote cite br {  display: none;}blockquote.is-large:not(.is-style-plain),blockquote.is-style-large:not(.is-style-plain),blockquote.style-left-icon,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;}blockquote.style-left-icon,.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;}blockquote.style-left-icon:before,.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;}blockquote.style-left-icon cite,.wp-block-quote.style-left-icon cite {  color: var(--title-color);}blockquote.style-left-icon cite:before,.wp-block-quote.style-left-icon cite:before {  background-color: var(--title-color);  top: 8px;}blockquote:not(:has(> cite)) p:last-child,.wp-block-quote:not(:has(> cite)) p:last-child {  margin-bottom: -0.3em;}blockquote p:has(cite),.wp-block-quote p:has(cite) {  padding-bottom: 10px;}blockquote p cite,.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) {  blockquote,  .wp-block-quote {    padding: 22px 30px;  }}/* Small devices */@media (max-width: 767px) {  .wp-block-pullquote.is-style-solid-color blockquote {    max-width: 90%;  }  blockquote cite,  .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) {  blockquote cite,  .wp-block-quote cite {    font-size: 18px;    padding-left: 22px;  }  blockquote cite:before,  .wp-block-quote cite:before {    width: 20px;  }}.blog-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin-bottom: 25px;  z-index: 2;  gap: 10px 0;}.blog-meta span,.blog-meta a {  display: inline-block;  font-size: 14px;  font-weight: 400;  color: var(--body-color);  font-family: var(--body-font);  position: relative;  margin-right: 32px;  line-height: normal;}.blog-meta span img,.blog-meta span svg,.blog-meta span i,.blog-meta a img,.blog-meta a svg,.blog-meta a i {  margin-right: 11px;  color: var(--theme-color);}.blog-meta span:last-child,.blog-meta a:last-child {  margin-right: 0;}.blog-meta span:last-child:after,.blog-meta a:last-child:after {  display: none;}.blog-meta span:hover,.blog-meta a:hover {  color: var(--theme-color);}.blog-meta .author img {  border-radius: 50%;  width: 30px;  height: 30px;  margin-right: 6px;}.blog-audio img,.blog-img img,.blog-video img {  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.blog-title a {  color: inherit;}.blog-title a:hover {  color: var(--theme-color);}.th-blog {  margin-bottom: 30px;}.blog-inner-title {  margin-top: 0;  margin-bottom: 32px;  font-size: 32px;  font-weight: 600;  font-family: var(--body-font);  color: var(--title-color);  /* Extra small devices */}.blog-inner-title i {  color: var(--theme-color);  margin-right: 8px;}@media (max-width: 575px) {  .blog-inner-title {    font-size: 24px;  }}.blog-single {  position: relative;  margin-bottom: var(--blog-space-y, 60px);  background-color: var(--smoke-color2);  overflow: hidden;  padding: 40px;  border-radius: 24px;}.blog-single.has-post-thumbnail {  background: transparent;  border-radius: 0;  padding: 0;}.blog-single .blog-img img {  width: 100%;  min-height: 312px;  -o-object-fit: cover;  object-fit: cover;}.blog-single .blog-title {  margin-bottom: 22px;  font-size: 32px;  line-height: 1.25em;  font-weight: 600;  font-family: var(--body-font);  margin-top: -0.3em;}.blog-single .blog-title a {  color: var(--title-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--title-color)), to(var(--title-color)));  background-image: linear-gradient(to left, var(--title-color), var(--title-color));  background-repeat: no-repeat;  background-position: bottom left;  background-size: 0 2px;}.blog-single .blog-title a:hover {  background-size: 100% 2px;}.blog-single .blog-text {  margin-bottom: 32px;}.blog-single .checklist li {  color: var(--theme-color);}.blog-single .social-links {  margin: 0;  padding: 0;  list-style-type: none;  display: inline-block;}.blog-single .social-links li {  display: inline-block;  margin-right: 3px;}.blog-single .social-links li:last-child {  margin-right: 0;}.blog-single .social-links a {  display: inline-block;  width: 40px;  height: 40px;  line-height: 40px;  background-color: var(--smoke-color);  font-size: 14px;  color: var(--title-color);  text-align: center;  border-radius: 5px;}.blog-single .social-links a:hover {  color: var(--white-color);  background-color: var(--theme-color);}.blog-single .blog-content {  margin: 0 0 0 0;  padding: 0;  position: relative;  z-index: 2;}.blog-single .blog-audio {  line-height: 1;}.blog-single .blog-audio,.blog-single .blog-img,.blog-single .blog-video {  position: relative;  overflow: hidden;  background-color: transparent;  border-radius: 24px;  margin-bottom: 24px;  z-index: 3;}.blog-single .blog-audio .blog-meta,.blog-single .blog-img .blog-meta,.blog-single .blog-video .blog-meta {  position: absolute;  bottom: 0;  left: 0;  background: var(--title-dark);  margin-bottom: 0;  border-left: 1px solid var(--theme-color);  border-radius: 0 0 0 10px;  padding: 9px 30px;  z-index: 2;  -webkit-box-shadow: 0px 0px 35px rgba(1, 1, 1, 0.18);  box-shadow: 0px 0px 35px rgba(1, 1, 1, 0.18);}.blog-single .blog-audio .blog-meta a,.blog-single .blog-img .blog-meta a,.blog-single .blog-video .blog-meta a {  font-size: 14px;  font-weight: 500;}.blog-single .blog-img .slider-arrow {  --pos-x: 30px;  --icon-size: 45px;  border: none;  background-color: var(--white-color);  color: var(--theme-color);  -webkit-box-shadow: none;  box-shadow: none;}.blog-single .blog-img .slider-arrow:hover {  background-color: var(--theme-color);  color: var(--white-color);}.blog-single .blog-img .play-btn {  --icon-size: 80px;  position: absolute;  left: 50%;  top: 50%;  margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);}.blog-single .line-btn {  display: block;  max-width: -webkit-fit-content;  max-width: -moz-fit-content;  max-width: fit-content;  margin-bottom: -1px;}.blog-single .th-slider {  --pos-x: 20px;}.blog-single:hover .blog-img .slick-arrow {  opacity: 1;  visibility: visible;}.share-links-title {  font-size: 20px;  color: var(--title-color);  font-family: var(--body-font);  font-weight: 600;  margin: 0 10px 0 0;  display: inline-block;}.share-links {  --th-border-color: rgba(28, 45, 55, 0.2);  margin: 34px 0 0 0;  border-top: 1px solid var(--th-border-color);  border-bottom: 1px solid var(--th-border-color);  padding: 40px 0;}.share-links>.row {  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  --bs-gutter-y: 20px;}.share-links .wp-block-tag-cloud,.share-links .tagcloud {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;}.share-links .wp-block-tag-cloud a,.share-links .tagcloud a {  background: transparent;  border: 1px solid var(--th-border-color);  color: var(--body-color);}.share-links .wp-block-tag-cloud a:hover,.share-links .tagcloud 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 */@media (max-width: 1399px) {  .blog-single .blog-title {    font-size: 28px;  }  .share-links {    --blog-space-x: 20px;  }}/* Medium devices */@media (max-width: 991px) {  .share-links {    --blog-space-x: 40px;  }}/* Small devices */@media (max-width: 767px) {  .share-links {    --blog-space-x: 20px;  }  .blog-single .blog-title {    font-size: 24px;    line-height: 1.3;  }  .blog-single .blog-text {    margin-bottom: 22px;  }  .blog-single .blog-bottom {    padding-top: 15px;  }  .blog-single .share-links-title {    font-size: 18px;    display: block;    margin: 0 0 10px 0;  }}/* Extra small devices */@media (max-width: 575px) {  blockquote,  .wp-block-quote {    padding: 20px 20px 30px;  }  .blog-single {    margin-bottom: 40px;    padding: 30px;  }}/*------------------- 4.7. Comments  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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);}.th-comment-form .form-control {  background: var(--white-color);}@media (max-width: 1199px) {  .th-comment-form {    padding: 40px;  }}@media (max-width: 575px) {  .th-comment-form {    padding: 30px;  }}.blog-comment-area {  margin: 40px 0 0;}.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: 40px;  padding: 0;  position: relative;  background: transparent;  border-radius: 0px;  border-bottom: 1px solid var(--th-border-color);  padding-bottom: 40px;}.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 .woocommerce-Reviews-title {  margin-bottom: 0;}.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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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-title {  margin-bottom: 24px;  margin-top: -0.2em;}.hero-title span {  display: block;}.hero-1 {  background: var(--black-color2);  padding-top: 120px;  margin-top: -1px;  position: relative;  /* Medium devices */}@media (max-width: 991px) {  .hero-1 {    padding-top: 110px;  }}.hero-1 .hero-big-text {  position: absolute;  bottom: -30px;  font-size: 250px;  font-family: var(--title-font);  font-weight: 500;  line-height: 1;  -webkit-text-fill-color: transparent;  -webkit-text-stroke: 1px var(--white-color);  opacity: 0.2;  z-index: 1;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-1 .hero-big-text {    font-size: 200px;  }}@media (max-width: 1299px) {  .hero-1 .hero-big-text {    font-size: 170px;  }}@media (max-width: 991px) {  .hero-1 .hero-big-text {    font-size: 150px;  }}@media (max-width: 767px) {  .hero-1 .hero-big-text {    font-size: 120px;  }}@media (max-width: 575px) {  .hero-1 .hero-big-text {    font-size: 80px;  }}.hero-1 .hero-slider1 {  max-width: 1604px;  margin: auto;  -webkit-transform: translate(0, 165px);  transform: translate(0, 165px);  margin-top: -165px;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}.hero-1 .hero-slider1 .hero-inner {  -webkit-mask-size: 100% 100%;  mask-size: 100% 100%;  /* Extra small devices */}.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;}@media (max-width: 575px) {  .hero-1 .hero-slider1 .hero-inner {    -webkit-mask-image: none !important;    mask-image: none !important;  }}.hero-1 .hero-slider1 .slider-pagination {  position: absolute;  text-align: end;  padding-right: 32px;  padding-bottom: 48px;  --swiper-pagination-bullet-size: 8px;  /* Medium devices */}.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);}@media (max-width: 991px) {  .hero-1 .hero-slider1 .slider-pagination {    text-align: center;    padding-right: 0;  }}@media (max-width: 1500px) {  .hero-1 .hero-slider1 {    max-width: 1220px;  }}@media (max-width: 1299px) {  .hero-1 .hero-slider1 {    margin-left: 70px;    margin-right: 70px;  }}@media (max-width: 991px) {  .hero-1 .hero-slider1 {    margin-left: 35px;    margin-right: 35px;    border-radius: 20px 0 20px 20px;  }}@media (max-width: 575px) {  .hero-1 .hero-slider1 {    margin-left: 15px;    margin-right: 15px;    border-radius: 30px;  }}.hero-1 .scroll-down {  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);  -webkit-transform-origin: left;  transform-origin: left;  position: absolute;  right: -14px;  bottom: 48px;  z-index: 1;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */}.hero-1 .scroll-down .hero-scroll-wrap {  color: var(--white-color);  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 16px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  font-size: 14px;}.hero-1 .scroll-down .hero-scroll-wrap i {  font-size: 36px;  margin-bottom: -2px;}.hero-1 .scroll-down .hero-scroll-wrap:hover {  color: var(--theme-color2);}@media (max-width: 1500px) {  .hero-1 .scroll-down {    right: -34px;  }}@media (max-width: 1399px) {  .hero-1 .scroll-down {    right: -43px;  }  .hero-1 .scroll-down .hero-scroll-wrap i {    font-size: 24px;    margin-bottom: 0px;  }}@media (max-width: 991px) {  .hero-1 .scroll-down {    display: none;  }}.hero-social-link {  position: absolute;  left: 70px;  bottom: 52px;  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);  -webkit-transform-origin: left;  transform-origin: left;  display: inline-block;  z-index: 1;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */}.hero-social-link .social-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 90px;}.hero-social-link .social-wrap a {  width: auto;  height: auto;  font-size: 14px;  font-weight: 400;  color: var(--white-color);  text-transform: uppercase;  position: relative;}.hero-social-link .social-wrap a:after {  content: "";  position: absolute;  right: -50%;  top: 50%;  width: 6px;  height: 6px;  border-radius: 50%;  background: var(--theme-color);  -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);}.hero-social-link .social-wrap a:hover {  color: var(--theme-color);}.hero-social-link .social-wrap a:last-child:after {  display: none;}@media (max-width: 1500px) {  .hero-social-link {    left: 55px;  }}@media (max-width: 1399px) {  .hero-social-link {    left: 35px;  }}@media (max-width: 991px) {  .hero-social-link {    display: none;  }}.hero-video-wrap {  --icon-size: 116px;  /* Medium devices */}.hero-video-wrap .play-btn i:hover {  background: var(--white-color);  color: var(--theme-color);}@media (max-width: 991px) {  .hero-video-wrap {    padding-bottom: 120px;  }}.hero-style1 {  position: relative;  z-index: 6;  padding: 187px 0 190px;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.hero-style1 .hero-text {  font-size: 18px;  font-weight: 400;  margin-bottom: 42px;  max-width: 767px;  /* Medium Large devices */}@media (max-width: 1299px) {  .hero-style1 .hero-text {    font-size: 16px;  }}@media (max-width: 1500px) {  .hero-style1 {    padding: 200px 0 200px 60px;  }}@media (max-width: 1299px) {  .hero-style1 {    padding: 160px 0 160px 60px;  }}@media (max-width: 991px) {  .hero-style1 {    padding: 120px 60px 60px;    text-align: center;  }}@media (max-width: 767px) {  .hero-style1 {    padding: 120px 30px 60px;  }}@media (max-width: 575px) {  .hero-style1 {    padding: 120px 0 60px;  }}.hero-style1 .th-btn {  padding: 24px 24px;}/* Hero 2 ---------------------------------- */.hero-2 {  margin-top: 88px;}.hero-2 .hero-thumb2-1 {  border-radius: 32px;  overflow: hidden;}.hero-2 .hero-thumb2-1 img {  height: 700px;  -o-object-fit: cover;  object-fit: cover;  width: 100%;}.hero-2 .hero-grid-thumb {  margin-top: -225px;}.hero-2 .hero-grid-thumb .box-img {  position: relative;  overflow: hidden;  border-radius: 24px;  z-index: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  cursor: pointer;}.hero-2 .hero-grid-thumb .box-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 0;}.hero-2 .hero-grid-thumb .box-img img {  height: 192px;  -o-object-fit: cover;  object-fit: cover;  width: 100%;}.hero-2 .hero-grid-thumb .box-img .slider-number {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  font-size: 32px;  font-weight: 400;  font-family: var(--body-font);  color: var(--white-color);  z-index: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0;}.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;}.hero-2 .hero-slider-thumb-wrap {  margin-right: -15px;}.hero-2 .hero-slider-thumb-wrap .slider-arrow {  --pos-x: -25px;  opacity: 1;  visibility: visible;  -webkit-transform: none;  transform: none;}.hero-2 .about-tag {  position: absolute;  right: 62px;  top: 50%;  -webkit-transform: translate(0, calc(-50% - 60px));  transform: translate(0, calc(-50% - 60px));  /* Extra large devices */  /* Medium Large devices */  /* Large devices */}.hero-2 .about-tag .about-experience-tag {  color: var(--title-color);}@media (max-width: 1500px) {  .hero-2 .about-tag {    -webkit-transform: translate(0, calc(-50% - 0px));    transform: translate(0, calc(-50% - 0px));  }}@media (max-width: 1299px) {  .hero-2 .about-tag {    -webkit-transform: translate(0, calc(-50% + 20px));    transform: translate(0, calc(-50% + 20px));  }  .hero-2 .about-tag .about-tag-thumb img {    width: 150px;  }  .hero-2 .about-tag .about-experience-tag {    height: 170px;    width: 170px;    margin-left: -85px;    margin-top: -85px;  }  .hero-2 .about-tag .about-experience-tag span {    height: 100px;    left: 39%;    top: -8px;  }}@media (max-width: 1199px) {  .hero-2 .about-tag {    -webkit-transform: translate(-50%, 0);    transform: translate(-50%, 0);    position: relative;    left: 50%;    right: auto;    top: auto;    margin-top: 30px;  }}@media (min-width: 1600px) {  .hero-2 {    --main-container: 1760px;  }}.hero-style2 .hero-subtitle {  font-size: 24px;  font-weight: 700;  margin-bottom: 30px;}.hero-style2 .hero-title {  margin-bottom: 15px;  font-size: 72px;  font-weight: 600;}.hero-style2 .hero-text {  margin-bottom: 48px;  max-width: 648px;  font-size: 18px;}.hero-style2 .about-experience-tag {  color: var(--title-color);}.hero-style2 .about-tag {  margin-left: auto;  margin-top: -120px;}.hero-style2 .btn-wrap {  -webkit-box-align: start;  -ms-flex-align: start;  align-items: start;}/* Extra large devices */@media (max-width: 1500px) {  .hero-style2 .about-tag {    margin-top: -60px;  }  .hero-2 .hero-grid-thumb {    margin-top: -192px;  }  .hero-style2 .hero-title {    font-size: 60px;    margin-bottom: 18px;  }  .hero-2 .hero-grid-thumb .box-img img {    height: 170px;  }}/* Medium Large devices */@media (max-width: 1299px) {  .hero-style2 .about-tag {    margin-top: -30px;  }  .hero-style2 .about-tag .about-tag-thumb img {    width: 150px;  }  .hero-style2 .about-experience-tag {    height: 170px;    width: 170px;    margin-left: -85px;    margin-top: -85px;  }  .hero-style2 .about-experience-tag span {    height: 100px;    left: 39%;    top: -8px;  }  .hero-2 .hero-slider-thumb-wrap .slider-arrow {    display: none;  }  .hero-2 .hero-thumb2-1 img {    height: 670px;  }}/* Large devices */@media (max-width: 1199px) {  .hero-2 {    padding-bottom: 120px;  }  .hero-2 .hero-slider-thumb-wrap {    margin-right: 0;  }  .hero-2 .hero-grid-thumb {    display: none;  }  .hero-2 .hero-thumb2-1 img {    height: 500px;  }  .hero-style2 {    text-align: center;  }  .hero-style2 .hero-text {    margin-left: auto;    margin-right: auto;  }  .hero-style2 .btn-wrap {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }  .hero-style2 .about-tag {    margin-top: 0;    margin-left: 0;    width: -webkit-fill-available;  }}/* Medium devices */@media (max-width: 991px) {  .hero-2 {    padding-bottom: 80px;    margin-top: 0;  }}/* Small devices */@media (max-width: 767px) {  .hero-2 {    padding-bottom: 80px;  }  .hero-2 .hero-thumb2-1 {    border-radius: 24px;  }  .hero-2 .hero-thumb2-1 img {    height: 400px;  }  .hero-style2 .hero-title {    font-size: 40px;  }}/* Extra small devices */@media (max-width: 575px) {  .hero-2 .hero-thumb2-1 img {    height: 300px;  }  .hero-style2 .hero-text {    font-size: 16px;  }}/* Extra small devices */@media (max-width: 375px) {  .hero-style2 .hero-title {    font-size: 38px;  }}/* Hero 3 ---------------------------------- */.hero-3 {  position: relative;  padding: 140px 0;  /* Small devices */}.hero-3:after {  content: "";  position: absolute;  inset: 0;  background: var(--theme-color);  opacity: 0.7;  z-index: -1;}@media (max-width: 767px) {  .hero-3 {    padding: 100px 0;  }}.hero-3 .hero-video {  position: absolute;  inset: 0;  z-index: -1;  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}.hero-style3 .btn-wrap {  gap: 20px 24px;  margin-bottom: 60px;}.hero-style3 .btn-wrap .th-btn {  padding: 12px 24px;}.hero-style3 .hero-title {  font-size: 72px;  font-weight: 600;  line-height: 1.22;  max-width: 1100px;  margin-left: auto;  margin-right: auto;  margin-bottom: 44px;  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .hero-style3 .hero-title {    font-size: 60px;    max-width: 900px;    margin-bottom: 54px;  }}@media (max-width: 991px) {  .hero-style3 .hero-title {    font-size: 50px;  }}@media (max-width: 767px) {  .hero-style3 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style3 .hero-title {    font-size: 38px;  }}.hero-style3 .hero-scroll-wrap {  height: 64px;  width: 40px;  border: 1px solid var(--light-color);  display: inline-block;  border-radius: 30px;  margin-top: 114px;  position: relative;  margin-bottom: -0.4em;  /* Extra small devices */}.hero-style3 .hero-scroll-wrap:before {  content: "";  height: 15px;  width: 1px;  border-radius: 50px;  background-color: var(--white-color);  position: absolute;  top: 50%;  left: 50%;  margin: -15px -1px 0 0;  -webkit-animation: scrollMove 1.5s infinite;  animation: scrollMove 1.5s infinite;}@media (max-width: 575px) {  .hero-style3 .hero-scroll-wrap {    margin-top: 60px;  }}@-webkit-keyframes scrollMove {  0% {    opacity: 0;  }  50% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translateY(10px);    transform: translateY(10px);  }}@keyframes scrollMove {  0% {    opacity: 0;  }  50% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translateY(10px);    transform: translateY(10px);  }}/* Hero 4 ---------------------------------- */.hero-4 {  position: relative;  background: var(--smoke-color2);}.hero-thumb4-1 {  position: absolute;  top: 0;  right: 0;  bottom: 0;  width: 48%;  z-index: -1;  /* Medium devices */}.hero-thumb4-1 img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 991px) {  .hero-thumb4-1 {    display: none;  }}.hero-style4 {  padding: 167px 0;  /* Medium devices */  /* Small devices */  /* Extra small devices */}.hero-style4 .sub-title {  font-size: 24px;  font-weight: 400;  padding: 0;  margin-bottom: 33px;}.hero-style4 .sub-title:before,.hero-style4 .sub-title:after {  display: none;}.hero-style4 .hero-title {  font-weight: 600;  line-height: 1.2em;  margin-bottom: 16px;}.hero-style4 .hero-text {  font-size: 18px;}.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 {    padding: 140px 0;    text-align: center;  }  .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;  }}@media (max-width: 767px) {  .hero-style4 {    padding: 120px 0;  }  .hero-style4 .sub-title {    font-size: 16px;  }}@media (max-width: 575px) {  .hero-style4 {    padding: 100px 0;  }}/* Home 5 ---------------------------------- */.hero-5 {  position: relative;  margin-left: 80px;  /* Large devices */}.hero-5 .th-hero-bg:after {  content: "";  position: absolute;  inset: 0;  background: var(--title-color);  opacity: 0.7;}.hero-5 .hero-social-link {  background: var(--black-color2);  bottom: 0;  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  left: 0;  width: 827px;  /* Large devices */  /* Medium devices */  /* Extra small devices */}.hero-5 .hero-social-link .social-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 90px;  height: 80px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}.hero-5 .hero-social-link .social-wrap a {  width: auto;  height: auto;  font-size: 14px;  font-weight: 400;  color: var(--white-color);  text-transform: uppercase;  position: relative;}.hero-5 .hero-social-link .social-wrap a:after {  content: "";  position: absolute;  right: -50%;  top: 50%;  width: 6px;  height: 6px;  border-radius: 50%;  background: var(--theme-color2);  -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);}.hero-5 .hero-social-link .social-wrap a:hover {  color: var(--theme-color2);}.hero-5 .hero-social-link .social-wrap a:last-child:after {  display: none;}@media (max-width: 1199px) {  .hero-5 .hero-social-link {    -webkit-transform: none;    transform: none;    width: 100%;  }}@media (max-width: 991px) {  .hero-5 .hero-social-link {    display: block;  }}@media (max-width: 375px) {  .hero-5 .hero-social-link .social-wrap {    gap: 30px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .hero-5 .hero-social-link .social-wrap a:after {    display: none;  }}.hero-5 .scroll-down {  position: absolute;  bottom: 50px;  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  z-index: 1;  /* Large devices */}@media (max-width: 1199px) {  .hero-5 .scroll-down {    bottom: 110px;  }}.hero-5 .hero-scroll-wrap {  height: 64px;  width: 40px;  border: 1px solid var(--light-color);  display: inline-block;  border-radius: 30px;  position: relative;  margin-bottom: -0.4em;}.hero-5 .hero-scroll-wrap:before {  content: "";  height: 15px;  width: 1px;  border-radius: 50px;  background-color: var(--white-color);  position: absolute;  top: 50%;  left: 50%;  margin: -15px -1px 0 0;  -webkit-animation: scrollMove 1.5s infinite;  animation: scrollMove 1.5s infinite;}@media (max-width: 1199px) {  .hero-5 {    margin-left: 0;  }}.hero-slider5 {  /* Large devices */}.hero-slider5 .slider-pagination {  position: absolute;  right: 64px;  bottom: 50% !important;  top: auto;  left: auto !important;  width: auto !important;  margin: 0;  height: auto;  -webkit-transform: translate(0, calc(50% + 50px));  transform: translate(0, calc(50% + 50px));}.hero-slider5 .slider-pagination .swiper-pagination-bullet {  display: block;  margin: 32px 0 0 !important;}.hero-slider5 .slider-pagination .swiper-pagination-bullet:first-child {  margin-top: 0 !important;}@media (max-width: 1199px) {  .hero-slider5 .slider-pagination {    display: none;  }}.hero-style5 {  padding: 290px 0 290px;  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */}.hero-style5 .hero-subtitle {  margin-bottom: 56px;  text-transform: uppercase;  font-size: 28px;  font-weight: 600;  letter-spacing: 0.06em;  margin-top: -0.1em;  /* Large devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1199px) {  .hero-style5 .hero-subtitle {    font-size: 24px;    margin-bottom: 46px;  }}@media (max-width: 767px) {  .hero-style5 .hero-subtitle {    font-size: 20px;    margin-bottom: 36px;  }}@media (max-width: 575px) {  .hero-style5 .hero-subtitle {    font-size: 16px;  }}.hero-style5 .hero-title {  font-size: 72px;  font-weight: 600;  margin-bottom: 48px;}.hero-style5 .th-btn.style4 {  padding: 21px 32px;}@media (max-width: 1399px) {  .hero-style5 {    padding: 250px 0;  }}@media (max-width: 1299px) {  .hero-style5 .hero-title {    font-size: 60px;  }}@media (max-width: 1199px) {  .hero-style5 .hero-title {    font-size: 54px;  }}@media (max-width: 991px) {  .hero-style5 .hero-title {    font-size: 48px;  }  .hero-style5 .btn-wrap {    margin-bottom: 50px;  }}@media (max-width: 767px) {  .hero-style5 {    padding: 200px 0;  }  .hero-style5 .hero-title {    font-size: 38px;    margin-bottom: 40px;  }  .hero-style5 .btn-wrap {    gap: 20px 24px;  }  .hero-style5 .th-btn.style-border {    padding: 12px 24px;  }}/* Home 6 ---------------------------------- */.hero-style6 {  padding: 73px 0 104px;  /* Large devices */  /* Medium devices */}.hero-style6 .hero-text {  margin-bottom: -0.3em;  font-size: 18px;  /* Extra small devices */}@media (max-width: 375px) {  .hero-style6 .hero-text {    font-size: 16px;  }}@media (max-width: 1199px) {  .hero-style6 {    padding: 70px 0 120px;  }}@media (max-width: 991px) {  .hero-style6 {    padding: 70px 0 50px;  }}.hero-thumb6-1 {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 24px;  margin-right: -232px;  position: relative;  margin-bottom: 24px;  /* Extra large devices */  /* Large devices */  /* Extra small devices */}.hero-thumb6-1 .img1 {  margin-top: 133px;}.hero-thumb6-1 .img2 img,.hero-thumb6-1 .img1 img {  border-radius: 16px;}.hero-thumb6-1 .about-tag {  position: absolute;  left: 50%;  bottom: 52px;  padding: 0;  height: 150px;  width: 150px;  text-align: center;  line-height: 150px;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);}.hero-thumb6-1 .about-tag .about-experience-tag {  color: var(--white-color);  background: rgba(12, 10, 10, 0.7);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  height: 150px;  width: 150px;  margin-left: -75px;  margin-top: -75px;  font-size: 14px;  font-weight: 500;}.hero-thumb6-1 .about-tag .about-experience-tag span {  --rotate-letter: 16deg;  height: 68px;  position: absolute;  width: 14px;  left: 42%;  top: 3px;}.hero-thumb6-1 .about-tag .about-tag-icon {  z-index: 1;  position: relative;  -webkit-filter: grayscale(99) brightness(99) invert(0);  filter: grayscale(99) brightness(99) invert(0);}@media (max-width: 1700px) {  .hero-thumb6-1 {    margin-right: -136px;  }}@media (max-width: 1500px) {  .hero-thumb6-1 {    margin-right: 0;  }}@media (max-width: 1199px) {  .hero-thumb6-1 {    margin-bottom: 0;  }}@media (max-width: 575px) {  .hero-thumb6-1 {    display: block;  }  .hero-thumb6-1 .img1 {    margin-top: 0;    margin-bottom: 24px;  }  .hero-thumb6-1 .about-tag {    bottom: 50%;    -webkit-transform: translate(-50%, 50%);    transform: translate(-50%, 50%);  }}.hero-6 .hero-form-wrap {  position: relative;}.hero-6 .hero-thumb6-2 {  margin: 0 -232px;  position: relative;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */}.hero-6 .hero-thumb6-2 img {  border-radius: 24px;  min-height: 600px;  -o-object-fit: cover;  object-fit: cover;}.hero-6 .hero-thumb6-2 .play-btn {  position: absolute;  right: 85px;  bottom: 85px;}@media (max-width: 1700px) {  .hero-6 .hero-thumb6-2 {    margin: 0 -100px;  }}@media (max-width: 1500px) {  .hero-6 .hero-thumb6-2 {    margin: 0 -50px;  }}@media (max-width: 1399px) {  .hero-6 .hero-thumb6-2 {    margin: 0 -20px;  }}@media (max-width: 991px) {  .hero-6 .hero-thumb6-2 {    margin: 0;  }  .hero-6 .hero-thumb6-2 .play-btn {    right: 50%;    bottom: 50%;    -webkit-transform: translate(50%, 50%);    transform: translate(50%, 50%);  }}@media (max-width: 767px) {  .hero-6 .hero-thumb6-2 img {    min-height: 400px;  }}/* Home 7 ---------------------------------- */.hero-7 {  /* Medium devices */}.hero-7 .th-hero-bg {  right: auto;}.hero-7 .th-hero-bg img {  -o-object-position: right;  object-position: right;}.hero-7 .hero-video-wrap {  position: relative;  padding: 24px;}.hero-7 .hero-video-wrap:hover .play-btn.style9>i:after {  background: var(--theme-color3);}.hero-7 .circle-tag .about-experience-tag {  width: 140px;  height: 140px;  margin-left: -70px;  margin-top: -70px;  font-size: 12px;  font-weight: 500;  font-family: var(--title-font);}.hero-7 .circle-tag .about-experience-tag span {  --rotate-letter: 10.5deg;  height: 74px;  left: 37%;}.hero-7 .scroll-down {  position: absolute;  bottom: 50px;  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  z-index: 1;}.hero-7 .hero-scroll-wrap {  height: 64px;  width: 40px;  border: 1px solid var(--light-color);  display: inline-block;  border-radius: 30px;  position: relative;  margin-bottom: -0.4em;}.hero-7 .hero-scroll-wrap:before {  content: "";  height: 15px;  width: 1px;  border-radius: 50px;  background-color: var(--white-color);  position: absolute;  top: 50%;  left: 50%;  margin: -15px -1px 0 0;  -webkit-animation: scrollMove 1.5s infinite;  animation: scrollMove 1.5s infinite;}@media (max-width: 991px) {  .hero-7 {    padding-bottom: 140px;  }}.hero-style7 {  padding: 215px 0;  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.hero-style7 .sub-title3 {  font-size: 20px;  margin-bottom: 22px;  /* Extra small devices */}@media (max-width: 575px) {  .hero-style7 .sub-title3 {    font-size: 16px;  }}.hero-style7 .hero-text {  max-width: 574px;  color: var(--th-border-color);  font-size: 18px;  margin-bottom: 40px;  /* Small devices */}@media (max-width: 767px) {  .hero-style7 .hero-text {    font-size: 16px;  }}@media (max-width: 1399px) {  .hero-style7 {    padding: 180px 0;  }}@media (max-width: 1199px) {  .hero-style7 {    padding: 150px 0;  }}@media (max-width: 991px) {  .hero-style7 {    padding: 140px 0 60px;  }}/* Home 8 ---------------------------------- */.hero-8 {  background: var(--smoke-color3);  margin: 40px 40px 0;  border-radius: 40px;  padding: 260px 0 120px;  /* Extra large devices */}@media (max-width: 1500px) {  .hero-8 {    margin: 0;    border-radius: 0;    padding: 220px 0 80px;  }}@media (min-width: 1900px) {  .hero-8 .hero-slider8 {    margin-right: -192px;  }}.hero-8 .hero-slider8 .swiper-slide {  opacity: 0 !important;}.hero-8 .hero-slider8 .swiper-slide.swiper-slide-active {  opacity: 1 !important;}.hero-8 .hero-thumb8-1 {  border-radius: 10px;  overflow: hidden;  position: relative;  /* Medium Large devices */}.hero-8 .hero-thumb8-1 img {  height: 580px;  -o-object-fit: cover;  object-fit: cover;  width: 100%;}@media (max-width: 1899px) {  .hero-8 .hero-thumb8-1 {    border-radius: 30px;  }  .hero-8 .hero-thumb8-1 .thumb {    -webkit-mask-image: none !important;    mask-image: none !important;  }}@media (max-width: 1299px) {  .hero-8 .hero-thumb8-1 img {    height: 450px;  }}.hero-8 .hero-grid-thumb {  margin-top: -51px;}.hero-8 .hero-grid-thumb .box-img {  position: relative;  overflow: hidden;  border-radius: 16px;  z-index: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  cursor: pointer;}.hero-8 .hero-grid-thumb .box-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.hero-8 .hero-grid-thumb .box-img img {  height: 102px;  -o-object-fit: cover;  object-fit: cover;  width: 100%;  /* Extra small devices */}@media (max-width: 575px) {  .hero-8 .hero-grid-thumb .box-img img {    height: auto;  }}.hero-8 .hero-grid-thumb .box-img .slider-number {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  font-size: 28px;  font-weight: 600;  font-family: var(--title-font);  color: var(--white-color);  z-index: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0;  /* Extra small devices */}@media (max-width: 575px) {  .hero-8 .hero-grid-thumb .box-img .slider-number {    font-size: 22px;  }}.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;}@media (max-width: 320px) {  .hero-8 .hero-grid-thumb {    margin-top: -30px;  }}.hero-8 .hero-slider-thumb-wrap {  margin-right: 45px;  margin-left: 30px;  /* Medium Large devices */}@media (min-width: 1900px) {  .hero-8 .hero-slider-thumb-wrap {    margin-right: -47px;    margin-left: 221px;  }}@media (max-width: 1299px) {  .hero-8 .hero-slider-thumb-wrap {    margin-left: 30px;    margin-right: 30px;  }}.hero-8 .hero-slider-thumb-wrap .slider-arrow {  --pos-x: -25px;  opacity: 1;  visibility: visible;  -webkit-transform: none;  transform: none;}.hero-8 .about-tag {  position: absolute;  left: 0;  top: 0;  padding: 0;  text-align: center;  border-radius: 50%;  background: var(--white-color);  height: 150px;  width: 150px;  line-height: 150px;  /* Extra small devices */}.hero-8 .about-tag .about-experience-tag {  color: var(--title-color);  margin-left: -75px;  margin-top: -75px;  width: 100%;  height: 100%;  font-size: 14px;  font-weight: 500;  text-transform: uppercase;}.hero-8 .about-tag .about-experience-tag span {  height: 70px;  --rotate-letter: 16deg;  left: 39%;  top: 2px;}.hero-8 .about-tag .about-tag-thumb {  border-radius: 0;}.hero-8 .about-tag .about-tag-thumb img {  width: auto;  height: auto;}@media (max-width: 1899px) {  .hero-8 .about-tag {    top: 30px;    left: 30px;  }}@media (max-width: 575px) {  .hero-8 .about-tag {    display: none;  }}.hero-style8 {  max-width: 680px;}.hero-style8 .sub-title3 {  margin-bottom: 15px;}.hero-style8 .hero-title {  margin-bottom: 15px;  font-size: 80px;  font-weight: 700;}.hero-style8 .hero-title span {  display: inline-block;}.hero-style8 .hero-text {  margin-bottom: 30px;  max-width: 628px;  font-size: 18px;}.hero-style8 .btn-wrap {  gap: 20px 24px;}.hero-style8 .about-experience-tag {  color: var(--title-color);}.hero-style8 .about-tag {  margin-left: auto;  margin-top: -120px;}.hero-style8 .btn-wrap {  -webkit-box-align: start;  -ms-flex-align: start;  align-items: start;}/* Extra large devices */@media (max-width: 1500px) {  .hero-style8 .hero-title {    font-size: 60px;    margin-bottom: 18px;  }}/* Medium Large devices */@media (max-width: 1399px) {  .hero-style8 .hero-title {    font-size: 56px;  }}/* Medium Large devices */@media (max-width: 1299px) {  .hero-style8 .hero-title {    font-size: 50px;  }}/* Large devices */@media (max-width: 1199px) {  .hero-8 {    padding-bottom: 120px;  }  .hero-8 .hero-thumb8-1 img {    height: 500px;  }  .hero-style8 {    text-align: center;    margin-left: auto;    margin-right: auto;  }  .hero-style8 .sub-title3 {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }  .hero-style8 .sub-title3:after {    display: none;  }  .hero-style8 .hero-text {    margin-left: auto;    margin-right: auto;  }  .hero-style8 .btn-wrap {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}/* Small devices */@media (max-width: 767px) {  .hero-8 .hero-thumb8-1 {    border-radius: 24px;  }  .hero-8 .hero-thumb8-1 img {    height: 400px;  }}/* Extra small devices */@media (max-width: 575px) {  .hero-8 {    padding: 180px 0 80px;  }  .hero-8 .hero-thumb8-1 img {    height: 300px;  }  .hero-style8 .hero-title {    font-size: 40px;  }}/* Extra small devices */@media (max-width: 375px) {  .hero-style8 .hero-title {    font-size: 38px;  }}/* Hero 9 ---------------------------------- */.hero-9 {  padding: 40px 0;  /* Large devices */  /* Extra small devices */}@media (max-width: 1199px) {  .hero-9 {    padding: 120px 0;  }}@media (max-width: 575px) {  .hero-9 {    padding: 100px 0;  }}.hero-thumb9-1 {  border: 10px solid var(--white-color);  border-radius: 60px;  background: var(--white-color);  margin-right: -272px;  display: inline-block;  /* Extra large devices */  /* Extra small devices */}.hero-thumb9-1 img {  border-radius: 56px;}@media (max-width: 1500px) {  .hero-thumb9-1 {    margin-right: 0px;  }}@media (max-width: 575px) {  .hero-thumb9-1 {    border-radius: 16px;  }  .hero-thumb9-1 img {    border-radius: 16px;  }}.hero-style9 {  padding: 55px 0;  /* Large devices */  /* Extra small devices */}.hero-style9 .sub-title4 {  margin-bottom: 40px;}.hero-style9 .hero-title {  margin-bottom: 14px;  font-size: 70px;  line-height: 1.228;  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .hero-style9 .hero-title {    font-size: 60px;  }}@media (max-width: 991px) {  .hero-style9 .hero-title {    font-size: 50px;  }}@media (max-width: 767px) {  .hero-style9 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style9 .hero-title {    font-size: 38px;  }}.hero-style9 .hero-text {  font-size: 18px;  color: var(--white-color);  max-width: 678px;}.hero-style9 .btn-wrap {  margin-top: 40px;}@media (max-width: 1199px) {  .hero-style9 {    padding: 80px 0 0;  }}@media (max-width: 575px) {  .hero-style9 {    padding: 60px 0 0;  }}/* 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-style10 {  position: relative;  z-index: 2;  padding: 260px 0 350px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.hero-style10 .hero-sub-title {  display: block;  font-size: 24px;  font-weight: 600;  text-transform: uppercase;  margin-bottom: 45px;  margin-top: -0.15em;  /* Medium Large devices */  /* Extra small devices */}@media (max-width: 1299px) {  .hero-style10 .hero-sub-title {    font-size: 18px;    margin-bottom: 35px;  }}@media (max-width: 575px) {  .hero-style10 .hero-sub-title {    font-size: 16px;  }}.hero-style10 .hero-title {  font-size: 84px;  font-weight: 500;  margin-bottom: 34px;  text-transform: uppercase;  margin-top: -0.25em;  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .hero-style10 .hero-title {    font-size: 70px;  }}@media (max-width: 1299px) {  .hero-style10 .hero-title {    font-size: 60px;  }}@media (max-width: 991px) {  .hero-style10 .hero-title {    font-size: 50px;  }}@media (max-width: 767px) {  .hero-style10 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style10 .hero-title {    font-size: 38px;  }}@media (max-width: 1299px) {  .hero-style10 .hero-title {    max-width: 800px;    margin-left: auto;    margin-right: auto;  }}@media (max-width: 1199px) {  .hero-style10 {    padding: 200px 0 280px;  }}@media (max-width: 991px) {  .hero-style10 {    padding: 180px 0 300px;  }  .hero-style10 .hero-title {    max-width: 650px;  }  .hero-style10 .btn-wrap {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}.hero-10 {  position: relative;}.hero-10 .hero-bottom-wrap {  position: absolute;  z-index: 2;  left: 50%;  right: auto;  bottom: 30px;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);}.hero-10 .hero-bottom-wrap .about-tag {  text-align: center;  border-radius: 50%;  background: var(--white-color);  -webkit-backdrop-filter: blur(19.2px);  backdrop-filter: blur(19.2px);  height: 164px;  width: 164px;  line-height: 164px;}.hero-10 .hero-bottom-wrap .about-tag .about-experience-tag {  color: var(--title-color);  margin-left: -82px;  margin-top: -82px;  width: 100%;  height: 100%;  font-size: 12px;  font-weight: 500;  text-transform: uppercase;}.hero-10 .hero-bottom-wrap .about-tag .about-experience-tag span {  height: 76px;  --rotate-letter: 15deg;  left: 34%;  top: -4px;}.hero-10 .hero-bottom-wrap .about-tag .about-tag-thumb {  border-radius: 0;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  position: absolute;  inset: 0;}.hero-10 .hero-bottom-wrap .about-tag .about-tag-thumb .hero-scroll-wrap {  height: 40px;  width: 20px;  border: 1px solid var(--theme-color);  display: inline-block;  border-radius: 30px;  position: relative;  margin-bottom: 0;  z-index: 1;}.hero-10 .hero-bottom-wrap .about-tag .about-tag-thumb .hero-scroll-wrap:before {  content: "";  height: 10px;  width: 1px;  border-radius: 50px;  background-color: var(--theme-color);  position: absolute;  top: 50%;  left: 50%;  margin: -15px -1px 0 0;  -webkit-animation: scrollMove 1.5s infinite;  animation: scrollMove 1.5s infinite;}/* Hero Area 11 ---------------------------------- */.hero-11 .hero-slider11 {  background: var(--black-color2);}.hero-11 .hero-inner {  margin: 100px 0px;  background: var(--smoke-color3);  border-radius: 60px;}@media (min-width: 1900px) {  .hero-11 {    --main-container: 1760px;  }}@media (max-width: 1899px) {  .hero-11 {    --main-container: 1460px;  }}.hero-11 .hero-bottom-wrap {  -webkit-transform: translate(0, calc(-100% + 130px));  transform: translate(0, calc(-100% + 130px));  position: relative;  z-index: 1;  margin-bottom: -440px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.hero-11 .hero-bottom-wrap .box-img {  border-radius: 160px;  overflow: hidden;}.hero-11 .hero-bottom-wrap .box-img img {  height: 570px;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1399px) {  .hero-11 .hero-bottom-wrap {    margin-bottom: -320px;  }  .hero-11 .hero-bottom-wrap .box-img {    border-radius: 100px;  }  .hero-11 .hero-bottom-wrap .box-img img {    height: 450px;  }}@media (max-width: 1199px) {  .hero-11 .hero-bottom-wrap .box-img {    border-radius: 60px;  }}@media (max-width: 991px) {  .hero-11 .hero-bottom-wrap {    -webkit-transform: translate(0, calc(-100% + 130px));    transform: translate(0, calc(-100% + 130px));    margin-bottom: -220px;  }  .hero-11 .hero-bottom-wrap .box-img img {    height: 350px;  }}@media (max-width: 767px) {  .hero-11 .hero-bottom-wrap {    -webkit-transform: translate(0, calc(-100% + 100px));    transform: translate(0, calc(-100% + 100px));    margin-bottom: -150px;  }  .hero-11 .hero-bottom-wrap .box-img img {    height: 250px;  }}@media (max-width: 575px) {  .hero-11 .hero-bottom-wrap {    padding-left: 12px;    padding-right: 12px;  }}.hero-11 .hero-slider-thumb-wrap {  /* Hight Resoulation devices */  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */}.hero-11 .hero-slider-thumb-wrap .slider-arrow {  --pos-x: 250px;  --icon-size: 286px;  line-height: normal;  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;  border: 40px solid var(--smoke-color3);  background: transparent;  top: -43%;  font-size: 34px;  border-radius: 50%;  z-index: 3;}.hero-11 .hero-slider-thumb-wrap .slider-arrow:after {  content: "";  position: absolute;  inset: 0;  background: transparent;  border: 1px solid var(--title-dark);  border-radius: 50%;}.hero-11 .hero-slider-thumb-wrap .slider-arrow img {  width: 34px;}.hero-11 .hero-slider-thumb-wrap .slider-arrow .about-experience-tag {  color: var(--title-color);  height: 140px;  width: 140px;  margin-left: -70px;  margin-top: -70px;}.hero-11 .hero-slider-thumb-wrap .slider-arrow .about-experience-tag span {  --rotate-letter: 10.5deg;  height: 75px;  left: 37%;  top: -3px;  font-size: 12px;  font-weight: 500;}@media (min-width: 1922px) {  .hero-11 .hero-slider-thumb-wrap .slider-arrow {    --pos-x: 24.5%;  }}@media (max-width: 1500px) {  .hero-11 .hero-slider-thumb-wrap .slider-arrow {    --pos-x: 80px;    --icon-size: 180px;    border: 0;  }}@media (max-width: 1399px) {  .hero-11 .hero-slider-thumb-wrap .slider-arrow {    top: -55%;  }}@media (max-width: 1299px) {  .hero-11 .hero-slider-thumb-wrap .slider-arrow {    --pos-x: 100px;    --icon-size: 60px;  }  .hero-11 .hero-slider-thumb-wrap .slider-arrow img {    width: 24px;  }  .hero-11 .hero-slider-thumb-wrap .slider-arrow .circle-tag {    display: none;  }}@media (max-width: 1199px) {  .hero-11 .hero-slider-thumb-wrap .slider-arrow {    --pos-x: 120px;    --icon-size: 60px;  }}.hero-style11 {  padding: 164px 0 442px;  position: relative;  max-width: 956px;  margin-left: auto;  margin-right: auto;  /* Medium Large devices */  /* Medium devices */  /* Small devices */}.hero-style11 .hero-title {  color: var(--title-dark);  text-transform: uppercase;  font-size: 74px;  font-weight: 500;  margin-top: -0.25em;  margin-bottom: 34px;  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .hero-style11 .hero-title {    font-size: 68px;  }}@media (max-width: 1299px) {  .hero-style11 .hero-title {    font-size: 60px;  }}@media (max-width: 991px) {  .hero-style11 .hero-title {    font-size: 50px;  }}@media (max-width: 767px) {  .hero-style11 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style11 .hero-title {    font-size: 38px;  }}.hero-style11 .hero-border {  position: absolute;  inset: 120px 0 467px;  background-size: 100% 100%;}@media (max-width: 1399px) {  .hero-style11 {    padding: 164px 0 322px;    max-width: 856px;  }  .hero-style11 .hero-border {    inset: 120px 0 347px;  }}@media (max-width: 991px) {  .hero-style11 {    padding: 120px 0 220px;  }  .hero-style11 .hero-border {    display: none;  }}@media (max-width: 767px) {  .hero-style11 {    padding: 100px 0 100px;  }}/* hero area 12 ---------------------------------- */.hero-12 {  --pos-x: 200px;  --icon-size: 90px;  position: relative;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */}.hero-12 .slider-arrow {  border: 1px solid var(--white-color);  background: transparent;  margin-top: calc(var(--icon-size, 55px) / -2);  width: 90px;  height: 90px;}.hero-12 .slider-arrow.slider-prev {  left: var(--pos-x, -120px);}.hero-12 .slider-arrow:after {  display: none;}.hero-12 .slider-arrow img {  -webkit-filter: brightness(0) grayscale(9) invert(2);  filter: brightness(0) grayscale(9) invert(2);  position: relative;  z-index: 9;  width: 34px;}.hero-12 .slider-arrow .circle-tag .about-experience-tag {  font-size: 12px;  font-weight: 500;  width: 130px;  height: 130px;  margin-left: -65px;  margin-top: -65px;}.hero-12 .slider-arrow .circle-tag .about-experience-tag span {  --rotate-letter: 10.5deg;  height: 67px;  left: 36%;}.hero-12 .scroll-down {  position: absolute;  bottom: 0;  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  z-index: 9;  height: 42px;  width: 285px;  clip-path: path("M272 42H13.96C43.62 42 72.92 32.72 100.1 14.92C127.22 -4.31 158.99 -4.31 186.16 14.92C213.34 32.72 242.64 42 272 42Z");  background-color: var(--theme-color);  text-align: center;}.hero-12.hero-12_2 .slider-arrow {  background: rgba(0, 21, 2, 0.71);  border: 1px solid var(--theme-color2);  top: calc(50% + 50px);}@media (max-width: 1500px) {  .hero-12 .slider-arrow {    --pos-x: 120px;  }}@media (max-width: 1399px) {  .hero-12 .slider-arrow {    --pos-x: 80px;  }}@media (max-width: 1199px) {  .hero-12 {    --icon-size: 60px;  }  .hero-12 .slider-arrow {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    width: 60px;    height: 60px;  }  .hero-12 .slider-arrow img {    width: 20px;  }  .hero-12 .slider-arrow .circle-tag .about-experience-tag {    width: 110px;    height: 110px;    margin-left: -55px;    margin-top: -55px;  }  .hero-12 .slider-arrow .circle-tag .about-experience-tag span {    height: 57px;    left: 35%;  }}.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-slider12.hero-slider12-2 .swiper-slide:after {  display: none;}.hero-style12 {  padding: 185px 0 225px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */}.hero-style12 .hero-subtitle {  margin-top: -0.3em;  margin-bottom: 30px;  font-size: 24px;}.hero-style12 .hero-title {  font-size: 100px;  font-weight: 600;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-style12 .hero-title {    font-size: 80px;  }}@media (max-width: 1299px) {  .hero-style12 .hero-title {    font-size: 70px;  }}@media (max-width: 1199px) {  .hero-style12 .hero-title {    font-size: 60px;  }}@media (max-width: 991px) {  .hero-style12 .hero-title {    font-size: 54px;  }}@media (max-width: 767px) {  .hero-style12 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style12 .hero-title {    font-size: 38px;  }}.hero-style12 .btn-wrap {  margin-top: 40px;}.hero-style12.style2 {  padding: 286px 0 226px;}.hero-style12.style2 .hero-text {  font-size: 18px;  max-width: 637px;  margin-left: auto;  margin-right: auto;}@media (max-width: 1399px) {  .hero-style12 {    padding: 165px 0 200px;  }  .hero-style12.style2 {    padding: 246px 0 186px;  }}@media (max-width: 1199px) {  .hero-style12 {    padding: 140px 0 175px;  }}@media (max-width: 991px) {  .hero-style12.style2 {    padding: 206px 0 146px;  }  .hero-style12.style2 .hero-text {    font-size: 16px;  }}@media (max-width: 767px) {  .hero-style12 {    padding: 120px 0 155px;  }}.hero-scroll-down12 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-top: -40px;  position: relative;  z-index: 3;}.hero-scroll-down12 .scroll-down {  height: 42px;  width: 285px;  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  z-index: 99;}.hero-scroll-down12 .scroll-down:after {  content: "";  position: absolute;  inset: 0;  clip-path: path("M272 42H13.96C43.62 42 72.92 32.72 100.1 14.92C127.22 -4.31 158.99 -4.31 186.16 14.92C213.34 32.72 242.64 42 272 42Z");  background-color: var(--white-color);  text-align: center;  z-index: -1;}.hero-scroll-down12 .hero-scroll-wrap {  height: 40px;  width: 20px;  border: 1px solid var(--title-color);  display: inline-block;  border-radius: 30px;  position: relative;  margin-bottom: -40px;}.hero-scroll-down12 .hero-scroll-wrap:before {  content: "";  height: 10px;  width: 1px;  border-radius: 50px;  background-color: var(--title-color);  position: absolute;  top: 50%;  left: 50%;  margin: -10px -1px 0 0;  -webkit-animation: scrollMove 1.5s infinite;  animation: scrollMove 1.5s infinite;}.hero-scroll-down12.style2 .scroll-down:after {  background: var(--black-color3);}.hero-scroll-down12.style2 .hero-scroll-wrap {  border-color: var(--white-color);}.hero-scroll-down12.style2 .hero-scroll-wrap:before {  background-color: var(--white-color);}/* 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 .slider-arrow {  --pos-x: 80px;  --icon-size: 80px;  border: 1px solid var(--theme-color);  background: rgba(255, 255, 255, 0.1);  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;  font-size: 24px;  color: var(--white-color);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  -webkit-transition: 0.4s;  transition: 0.4s;  /* Medium Large devices */  /* Medium Large devices */}.hero-slider13 .slider-arrow img {  width: 24px;  -webkit-filter: brightness(99) invert(0);  filter: brightness(99) invert(0);}.hero-slider13 .slider-arrow:hover {  background: var(--theme-color);}@media (max-width: 1399px) {  .hero-slider13 .slider-arrow {    --icon-size: 60px;  }}@media (max-width: 1299px) {  .hero-slider13 .slider-arrow {    --pos-x: 40px;  }}.hero-slider13 .th-hero-bg:before {  z-index: 1;}.hero-style13 {  padding: 215px 0;  /* Medium Large devices */  /* Large devices */  /* Small devices */}.hero-style13 .hero-subtitle {  color: var(--white-color);  font-size: 24px;  font-weight: 600;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  position: relative;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  gap: 16px;  margin-top: -0.23em;  /* Extra small devices */}.hero-style13 .hero-subtitle:after,.hero-style13 .hero-subtitle:before {  content: "";  position: relative;  display: inline-block;  width: 40px;  height: 2px;  background: var(--theme-color);}@media (max-width: 575px) {  .hero-style13 .hero-subtitle {    font-size: 20px;  }}.hero-style13 .hero-title {  margin-bottom: 15px;  font-size: 100px;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.hero-style13 .hero-title .title span {  display: inline-block;}@media (max-width: 1500px) {  .hero-style13 .hero-title {    font-size: 80px;  }}@media (max-width: 1399px) {  .hero-style13 .hero-title {    font-size: 64px;  }}@media (max-width: 1199px) {  .hero-style13 .hero-title {    font-size: 54px;  }}@media (max-width: 991px) {  .hero-style13 .hero-title {    font-size: 50px;  }}@media (max-width: 767px) {  .hero-style13 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style13 .hero-title {    font-size: 38px;  }}.hero-style13 .btn-wrap {  margin-top: 40px;}@media (max-width: 1399px) {  .hero-style13 {    padding: 160px 0;  }}@media (max-width: 1199px) {  .hero-style13 {    padding: 140px 0;  }}@media (max-width: 767px) {  .hero-style13 {    padding: 120px 0;  }}/* Hero Area 14 ---------------------------------- */.hero-14 {  position: relative;  padding-left: 80px;  /* Medium Large devices */}@media (max-width: 1299px) {  .hero-14 {    padding-left: 0;  }}.hero-14 .hero-social-link {  background: var(--smoke-color3);  bottom: 0;  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  left: 80px;  width: 853px;  z-index: 1;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */}.hero-14 .hero-social-link .social-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 90px;  height: 80px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}.hero-14 .hero-social-link .social-wrap a {  width: auto;  height: auto;  font-size: 14px;  font-weight: 400;  color: var(--title-dark);  text-transform: uppercase;  position: relative;}.hero-14 .hero-social-link .social-wrap a:after {  content: "";  position: absolute;  right: -50%;  top: 50%;  width: 6px;  height: 6px;  border-radius: 50%;  background: var(--theme-color);  -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);}.hero-14 .hero-social-link .social-wrap a:hover {  color: var(--title-color);}.hero-14 .hero-social-link .social-wrap a:last-child:after {  display: none;}@media (max-width: 1500px) {  .hero-14 .hero-social-link {    width: 794px;  }}@media (max-width: 1399px) {  .hero-14 .hero-social-link {    width: 755px;  }}@media (max-width: 1299px) {  .hero-14 .hero-social-link {    display: none;  }}.hero-14 .hero-grid-thumb {  border-top: 3px solid var(--smoke-color3);  background: var(--smoke-color3);}.hero-14 .hero-grid-thumb .box-img {  position: relative;  overflow: hidden;  z-index: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  cursor: pointer;}.hero-14 .hero-grid-thumb .box-img:after {  content: "";  position: absolute;  inset: 0;  background: #0D0D0C;  opacity: 0;}.hero-14 .hero-grid-thumb .box-img img {  height: 157px;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: top;  object-position: top;  width: 100%;}.hero-14 .hero-grid-thumb .box-img .slider-number {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  font-size: 32px;  font-weight: 400;  font-family: var(--body-font);  color: var(--white-color);  z-index: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0;}.hero-14 .hero-grid-thumb .swiper-slide-thumb-active .box-img:after {  opacity: 0.8;}.hero-14 .hero-grid-thumb .swiper-slide-thumb-active .box-img .slider-number {  opacity: 1;}.hero-14 .hero-slider-thumb-wrap {  /* Large devices */}.hero-14 .hero-slider-thumb-wrap .slider-arrow {  --pos-x: 25px;  opacity: 1;  visibility: visible;  -webkit-transform: none;  transform: none;}@media (max-width: 1199px) {  .hero-14 .hero-slider-thumb-wrap {    display: none;  }}.hero-thumb14-1 {  position: relative;  height: 100%;  /* Large devices */}.hero-thumb14-1 .about-tag {  position: absolute;  left: 0;  bottom: 0;  -webkit-transform: translate(-90%, -60%);  transform: translate(-90%, -60%);  z-index: 1;  /* Large devices */}.hero-thumb14-1 .about-tag .about-experience-tag {  font-size: 12px;  font-weight: 500;  height: 140px;  width: 140px;  margin-left: -70px;  margin-top: -74px;}.hero-thumb14-1 .about-tag .about-experience-tag span {  --rotate-letter: 10.5deg;  height: 73px;  left: 38%;}.hero-thumb14-1 .about-tag .about-tag-icon {  width: 32px;  height: 28px;  background: var(--theme-color);  display: inline-block;  position: relative;  z-index: 3;}.hero-thumb14-1 .about-tag .about-tag-icon:hover {  -webkit-transform: scale(1.2);  transform: scale(1.2);}@media (max-width: 1199px) {  .hero-thumb14-1 .about-tag {    -webkit-transform: translate(-50%, 50%);    transform: translate(-50%, 50%);    left: 50%;    bottom: 50%;  }}.hero-thumb14-1 .thumb {  height: 100%;  max-height: 694px;  /* Large devices */}.hero-thumb14-1 .thumb img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1199px) {  .hero-thumb14-1 .thumb {    max-height: 550px;  }}@media (max-width: 1199px) {  .hero-thumb14-1:after {    content: "";    position: absolute;    inset: 0;    background: rgba(0, 0, 0, 0.5);  }}.hero-style14 {  padding: 175px 140px;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Extra small devices */  /* Large devices */}@media (max-width: 1500px) {  .hero-style14 {    padding: 156px 40px;  }}@media (max-width: 1399px) {  .hero-style14 {    padding: 140px 50px;  }}@media (max-width: 1199px) {  .hero-style14 {    padding: 100px 30px;  }}@media (max-width: 375px) {  .hero-style14 {    padding: 80px 20px;  }}.hero-style14 .hero-title {  font-size: 74px;  font-weight: 500;  margin-bottom: 15px;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-style14 .hero-title {    font-size: 64px;  }}@media (max-width: 1299px) {  .hero-style14 .hero-title {    font-size: 60px;  }}@media (max-width: 991px) {  .hero-style14 .hero-title {    font-size: 46px;  }}@media (max-width: 575px) {  .hero-style14 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style14 .hero-title {    font-size: 34px;  }}.hero-style14 .hero-text {  font-size: 18px;  max-width: 583px;  color: var(--th-border-color);  /* Medium Large devices */}@media (max-width: 1399px) {  .hero-style14 .hero-text {    font-size: 16px;  }}.hero-style14 .btn-wrap {  margin-top: 42px;}@media (max-width: 1199px) {  .hero-style14 {    text-align: center;  }  .hero-style14 .hero-text {    margin-left: auto;    margin-right: auto;  }  .hero-style14 .btn-wrap {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}/* Hero Area 15 ---------------------------------- */.hero-15 {  position: relative;  padding: 20px;  /* Extra small devices */}@media (max-width: 575px) {  .hero-15 {    padding: 12px;  }}.hero-thumb15-1 {  position: relative;  height: 100%;  max-height: 974px;  /* Large devices */}.hero-thumb15-1 .thumb {  height: 100%;  border-radius: 20px;  overflow: hidden;}.hero-thumb15-1 .thumb img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1199px) {  .hero-thumb15-1 {    max-height: 600px;  }}.hero-thumb15-2 {  position: relative;  /* Large devices */}.hero-thumb15-2 .thumb {  border-radius: 20px;  overflow: hidden;  -webkit-box-flex: 1;  -ms-flex: auto;  flex: auto;}.hero-thumb15-2 .about-tag {  padding: 50px;  margin-bottom: 20px;}.hero-thumb15-2 .about-tag .about-experience-tag {  font-size: 12px;  font-weight: 500;  height: 140px;  width: 140px;  margin-left: -70px;  margin-top: -74px;}.hero-thumb15-2 .about-tag .about-experience-tag span {  --rotate-letter: 10.5deg;  height: 73px;  left: 38%;}.hero-thumb15-2 .about-tag .about-tag-icon {  width: 32px;  height: 28px;  background: var(--theme-color2);  display: inline-block;  position: relative;  z-index: 3;}.hero-thumb15-2 .about-tag .about-tag-icon:hover {  -webkit-transform: scale(1.2);  transform: scale(1.2);}@media (max-width: 1199px) {  .hero-thumb15-2 {    text-align: start;    margin-top: 40px;  }  .hero-thumb15-2 img {    width: 100%;    max-height: 400px;    -o-object-fit: cover;    object-fit: cover;  }}.hero-style15 {  padding: 206px 0px 0;  /* Large devices */  /* Small devices */}@media (max-width: 1199px) {  .hero-style15 {    padding: 80px 0 0;    text-align: start !important;  }}@media (max-width: 767px) {  .hero-style15 {    padding: 50px 0 0;  }}.hero-style15 .hero-title {  font-size: 94px;  font-weight: 600;  max-width: 838px;  margin-bottom: -95px;  -webkit-transform: translate(calc(-50% - 60px), 0);  transform: translate(calc(-50% - 60px), 0);  letter-spacing: 0.02em;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-style15 .hero-title {    font-size: 64px;  }}@media (max-width: 1299px) {  .hero-style15 .hero-title {    font-size: 60px;    margin-bottom: -45px;    -webkit-transform: translate(-50%, 0);    transform: translate(-50%, 0);  }}@media (max-width: 1199px) {  .hero-style15 .hero-title {    -webkit-transform: none;    transform: none;    text-align: start;    margin-bottom: 20px;    max-width: none;  }}@media (max-width: 991px) {  .hero-style15 .hero-title {    font-size: 46px;  }}@media (max-width: 575px) {  .hero-style15 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style15 .hero-title {    font-size: 36px;  }}.hero-style15 .hero-content-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;  gap: 20px;  /* Large devices */}@media (max-width: 1199px) {  .hero-style15 .hero-content-wrap {    display: block;  }}.hero-style15 .hero-text {  font-size: 18px;  max-width: 365px;  text-transform: uppercase;  text-align: left;  line-height: 1.777em;  /* Extra large devices */  /* Large devices */}@media (max-width: 1500px) {  .hero-style15 .hero-text {    font-size: 16px;  }}@media (max-width: 1199px) {  .hero-style15 .hero-text {    max-width: none;  }}.hero-style15 .btn-wrap {  margin-top: 32px;}/* Hero Area 16 ---------------------------------- */.hero-16 {  position: relative;}.hero-16 .slider-arrow {  --pos-x: 156px;  text-align: center;  /* Medium Large devices */  /* Medium Large devices */}@media (max-width: 1399px) {  .hero-16 .slider-arrow {    --pos-x: 20px;  }}@media (max-width: 1299px) {  .hero-16 .slider-arrow {    top: 50%;  }}.hero-16 .scroll-down {  position: absolute;  bottom: 50px;  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  z-index: 1;}.hero-16 .hero-scroll-wrap {  height: 64px;  width: 40px;  border: 1px solid var(--light-color);  display: inline-block;  border-radius: 30px;  position: relative;  margin-bottom: -0.4em;}.hero-16 .hero-scroll-wrap:before {  content: "";  height: 15px;  width: 1px;  border-radius: 50px;  background-color: var(--white-color);  position: absolute;  top: 50%;  left: 50%;  margin: -15px -1px 0 0;  -webkit-animation: scrollMove 1.5s infinite;  animation: scrollMove 1.5s infinite;}.hero-style16 {  padding: 300px 0;  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */}@media (max-width: 1399px) {  .hero-style16 {    padding: 200px 0;  }}@media (max-width: 1299px) {  .hero-style16 {    padding: 180px 0;  }}@media (max-width: 991px) {  .hero-style16 {    padding: 150px 0;  }}@media (max-width: 767px) {  .hero-style16 {    padding: 120px 0 160px;  }}.hero-style16 .hero-title {  font-size: 74px;  font-weight: 700;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-style16 .hero-title {    font-size: 64px;  }}@media (max-width: 1299px) {  .hero-style16 .hero-title {    font-size: 58px;  }}@media (max-width: 1199px) {  .hero-style16 .hero-title {    font-size: 50px;  }}@media (max-width: 991px) {  .hero-style16 .hero-title {    font-size: 46px;  }}@media (max-width: 767px) {  .hero-style16 .hero-title {    font-size: 42px;  }}@media (max-width: 575px) {  .hero-style16 .hero-title {    font-size: 36px;  }}@media (max-width: 375px) {  .hero-style16 .hero-title {    font-size: 36px;  }}.hero-style16 .hero-title .text-stroke {  color: transparent;  -webkit-text-stroke: 1px var(--white-color);}.hero-style16 .btn-wrap {  margin-top: 45px;}/* Home 17 ---------------------------------- */.hero-17 {  background: var(--smoke-color3);  margin: 40px 40px 0;  border-radius: 50px;  padding: 320px 0 160px;  /* Extra large devices */}@media (max-width: 1500px) {  .hero-17 {    margin: 0;    border-radius: 0;    padding: 220px 0 120px;  }}.hero-17 .hero-thumb17-1 {  overflow: hidden;  position: absolute;  top: 0;  right: 0;  bottom: 0;  width: 55%;  /* Extra large devices */  /* Medium devices */  /* Small devices */}.hero-17 .hero-thumb17-1 .hero-thumb17-1-shape {  clip-path: polygon(0 0, 10px 0, 137px calc(100% - 20px), calc(100% - 10px) 0, 100% 0, 132px 100%);  width: 440px;  height: 445px;  background: var(--theme-color);  position: absolute;  top: 0;  left: 179px;  z-index: 1;  /* Extra large devices */}@media (max-width: 1500px) {  .hero-17 .hero-thumb17-1 .hero-thumb17-1-shape {    clip-path: polygon(0 0, 10px 0, 137px calc(100% - 20px), calc(100% - 10px) 0, 100% 0, 132px 100%);    width: 500px;    height: 400px;    left: 169px;  }}.hero-17 .hero-thumb17-1 .thumb {  clip-path: polygon(188px 0, 100% 0, 100% 100%, 0 100%, 315px 440px);  height: 100%;  width: 100%;}.hero-17 .hero-thumb17-1 img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;  width: 100%;}@media (max-width: 1500px) {  .hero-17 .hero-thumb17-1 .thumb {    clip-path: polygon(180px 0, 100% 0, 100% 100%, 0 100%, 300px 400px);  }}@media (max-width: 991px) {  .hero-17 .hero-thumb17-1 {    position: relative;    width: 100%;    margin-bottom: 50px;  }}@media (max-width: 767px) {  .hero-17 .hero-thumb17-1 .thumb {    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 40% 45%);  }  .hero-17 .hero-thumb17-1 .hero-thumb17-1-shape {    left: 0;    width: 100%;    height: 45%;    clip-path: polygon(0 0, 10px 0, 40% calc(100% - 20px), calc(100% - 10px) 0, 100% 0, 40% 100%);  }}.hero-17 .about-tag {  position: absolute;  left: 130px;  bottom: 25%;  padding: 0;  text-align: center;  border-radius: 50%;  background: var(--white-color);  height: 150px;  width: 150px;  line-height: 150px;  /* Extra large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */}.hero-17 .about-tag .about-experience-tag {  color: var(--title-color);  margin-left: -75px;  margin-top: -75px;  width: 100%;  height: 100%;  font-size: 14px;  font-weight: 500;  text-transform: uppercase;}.hero-17 .about-tag .about-experience-tag span {  height: 70px;  --rotate-letter: 16deg;  left: 39%;  top: 2px;}.hero-17 .about-tag .about-tag-thumb {  border-radius: 0;}.hero-17 .about-tag .about-tag-thumb img {  width: auto;  height: auto;}@media (max-width: 1899px) {  .hero-17 .about-tag {    top: 30px;    left: 30px;  }}@media (max-width: 1500px) {  .hero-17 .about-tag {    left: 130px;    bottom: 25%;    top: auto;  }}@media (max-width: 1199px) {  .hero-17 .about-tag {    left: 120px;    bottom: 15%;  }}@media (max-width: 991px) {  .hero-17 .about-tag {    left: 30px;    bottom: 40%;  }}@media (max-width: 575px) {  .hero-17 .about-tag {    display: none;  }}.hero-style17 .sub-title3 {  margin-bottom: 15px;}.hero-style17 .hero-title {  margin-bottom: 15px;  font-size: 80px;  font-weight: 700;}.hero-style17 .hero-title span {  display: inline-block;}.hero-style17 .hero-text {  margin-bottom: 30px;  max-width: 628px;  font-size: 18px;  /* Extra small devices */}@media (max-width: 575px) {  .hero-style17 .hero-text {    font-size: 16px;  }}.hero-style17 .btn-wrap {  gap: 20px 24px;  -webkit-box-align: start;  -ms-flex-align: start;  align-items: start;}/* Extra large devices */@media (max-width: 1500px) {  .hero-style17 .hero-title {    font-size: 60px;    margin-bottom: 18px;  }}/* Medium Large devices */@media (max-width: 1399px) {  .hero-style17 .hero-title {    font-size: 56px;  }}/* Medium Large devices */@media (max-width: 1299px) {  .hero-style17 .hero-title {    font-size: 50px;  }}/* Large devices */@media (max-width: 1199px) {  .hero-17 {    padding-bottom: 120px;  }  .hero-style17 {    max-width: 550px;  }}/* Medium devices */@media (max-width: 991px) {  .hero-17 {    padding: 100px 0 80px;  }  .hero-style17 {    max-width: none;  }  .hero-style17 .hero-title {    font-size: 48px;  }}/* Small devices */@media (max-width: 767px) {  .hero-style17 .hero-title {    font-size: 40px;  }}/* Extra small devices */@media (max-width: 375px) {  .hero-style17 .hero-title {    font-size: 38px;  }}/* Home 18 ---------------------------------- */.hero-18 {  padding: 24px 24px 0;}.hero-18 .hero-inner {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 24px;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;  /* Medium devices */}@media (max-width: 991px) {  .hero-18 .hero-inner {    display: block;  }}.hero-18 .hero-thumb18-1 {  -webkit-box-flex: 50%;  -ms-flex: 50%;  flex: 50%;  border-radius: 20px;  overflow: hidden;  /* Medium devices */}.hero-18 .hero-thumb18-1 .thumb {  height: 100%;}.hero-18 .hero-thumb18-1 img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 991px) {  .hero-18 .hero-thumb18-1 {    margin-bottom: 24px;  }}.hero-slider18 {  position: relative;}.hero-slider18 .slider-pagination {  position: absolute;  right: 0;  top: 50%;  left: auto !important;  width: auto !important;  height: auto;  bottom: auto !important;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  margin-top: 0;  background: var(--smoke-color3);  padding: 38px 43px;  border-radius: 20px 0 0 20px;  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .hero-slider18 .slider-pagination {    padding: 20px 35px;  }}@media (max-width: 991px) {  .hero-slider18 .slider-pagination {    top: 28%;  }}@media (max-width: 767px) {  .hero-slider18 .slider-pagination {    top: 25%;  }}@media (max-width: 575px) {  .hero-slider18 .slider-pagination {    position: relative;    top: auto;    bottom: 0 !important;    -webkit-transform: none;    transform: none;    padding: 30px 0 12px;  }}.hero-slider18 .slider-pagination:after {  content: "";  position: absolute;  width: 20px;  height: 20px;  -webkit-mask-image: url(../img/hero/hero_18_shape.svg);  mask-image: url(../img/hero/hero_18_shape.svg);  background: var(--smoke-color3);  -webkit-transform: translate(0, 100%) rotate(-90deg);  transform: translate(0, 100%) rotate(-90deg);  bottom: 0;  right: 0;}.hero-slider18 .slider-pagination:before {  content: "";  position: absolute;  width: 20px;  height: 20px;  -webkit-mask-image: url(../img/hero/hero_18_shape.svg);  mask-image: url(../img/hero/hero_18_shape.svg);  background: var(--smoke-color3);  -webkit-transform: translate(0, -100%);  transform: translate(0, -100%);  top: 0;  right: 0;}.hero-slider18 .slider-pagination .swiper-pagination-bullet {  width: 10px;  height: 10px;  border-radius: 50%;  background: transparent;  border: 1px solid var(--theme-color);  display: block;  margin: 32px 0 !important;  position: relative;  /* Extra small devices */}.hero-slider18 .slider-pagination .swiper-pagination-bullet:after {  content: "";  position: absolute;  inset: -12px;  background: var(--theme-color);  opacity: 0.2;  border-radius: 50%;  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-transform: scale(0);  transform: scale(0);}.hero-slider18 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  background: var(--theme-color);}.hero-slider18 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {  -webkit-transform: scale(1);  transform: scale(1);}@media (max-width: 575px) {  .hero-slider18 .slider-pagination .swiper-pagination-bullet {    display: inline-block;    margin: 0 15px !important;  }}.hero-style18 {  background: var(--title-dark);  padding: 235px 0 107px;  -webkit-box-flex: 50%;  -ms-flex: 50%;  flex: 50%;  border-radius: 20px;  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;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  position: relative;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-style18 {    padding: 120px 0 120px;  }}@media (max-width: 1299px) {  .hero-style18 {    padding: 120px 40px;  }}@media (max-width: 1199px) {  .hero-style18 {    padding: 100px 40px;  }}@media (max-width: 375px) {  .hero-style18 {    padding: 80px 25px;  }}.hero-style18 .hero-bg-shape {  position: absolute;  bottom: 0;  right: 0;}.hero-style18 .hero-content {  max-width: 583px;  margin-left: auto;  margin-right: auto;}.hero-style18 .hero-title {  font-size: 80px;  font-weight: 600;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .hero-style18 .hero-title {    font-size: 74px;  }}@media (max-width: 1399px) {  .hero-style18 .hero-title {    font-size: 64px;  }}@media (max-width: 1299px) {  .hero-style18 .hero-title {    font-size: 58px;  }}@media (max-width: 1199px) {  .hero-style18 .hero-title {    font-size: 54px;  }}@media (max-width: 991px) {  .hero-style18 .hero-title {    font-size: 48px;  }}@media (max-width: 767px) {  .hero-style18 .hero-title {    font-size: 42px;  }}@media (max-width: 575px) {  .hero-style18 .hero-title {    font-size: 40px;  }}@media (max-width: 375px) {  .hero-style18 .hero-title {    font-size: 38px;  }}.hero-style18 .hero-text {  font-size: 18px;  /* Medium Large devices */}@media (max-width: 1399px) {  .hero-style18 .hero-text {    font-size: 16px;  }}.hero-style18 .btn-wrap {  margin-top: 42px;}/* Home 19 ---------------------------------- */.hero-19 {  position: relative;  margin-left: 80px;  padding-top: 24px;  padding-right: 24px;  background: var(--smoke-color3);  /* Extra large devices */  /* Large devices */  /* Medium devices */}.hero-19 .th-hero-bg:after {  content: "";  position: absolute;  inset: 0;  background: var(--title-color);  opacity: 0.7;}.hero-19 .hero-social-link {  background: var(--smoke-color3);  bottom: 0;  -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  left: 0;  width: 854px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */}.hero-19 .hero-social-link .social-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 90px;  height: 80px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}.hero-19 .hero-social-link .social-wrap a {  width: auto;  height: auto;  font-size: 14px;  font-weight: 400;  color: var(--title-color);  text-transform: uppercase;  position: relative;}.hero-19 .hero-social-link .social-wrap a:after {  content: "";  position: absolute;  right: -50%;  top: 50%;  width: 6px;  height: 6px;  border-radius: 50%;  background: var(--theme-color);  -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);}.hero-19 .hero-social-link .social-wrap a:hover {  color: var(--theme-color);}.hero-19 .hero-social-link .social-wrap a:last-child:after {  display: none;}@media (max-width: 1399px) {  .hero-19 .hero-social-link {    width: 654px;  }}@media (max-width: 1199px) {  .hero-19 .hero-social-link {    -webkit-transform: none;    transform: none;    width: 100%;    border-bottom: 1px solid var(--th-border-color2);  }}@media (max-width: 991px) {  .hero-19 .hero-social-link {    display: block;  }}@media (max-width: 375px) {  .hero-19 .hero-social-link .social-wrap {    gap: 30px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .hero-19 .hero-social-link .social-wrap a:after {    display: none;  }}@media (max-width: 1500px) {  .hero-19 {    padding-right: 0;  }}@media (max-width: 1199px) {  .hero-19 {    margin-left: 0;    padding: 24px 24px 80px;  }}@media (max-width: 991px) {  .hero-19 {    padding: 0 0 80px;  }}.hero-slider19 {  border-radius: 20px;  /* Medium devices */}.hero-slider19 .slider-pagination {  position: absolute;  right: 0;  top: 50%;  left: auto !important;  width: auto !important;  height: auto;  bottom: auto !important;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  margin-top: 0;  background: var(--smoke-color3);  padding: 38px 43px;  border-radius: 20px 0 0 20px;  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}.hero-slider19 .slider-pagination:after {  content: "";  position: absolute;  width: 20px;  height: 20px;  -webkit-mask-image: url(../img/hero/hero_18_shape.svg);  mask-image: url(../img/hero/hero_18_shape.svg);  background: var(--smoke-color3);  -webkit-transform: translate(0, 100%) rotate(-90deg);  transform: translate(0, 100%) rotate(-90deg);  bottom: 0;  right: 0;}.hero-slider19 .slider-pagination:before {  content: "";  position: absolute;  width: 20px;  height: 20px;  -webkit-mask-image: url(../img/hero/hero_18_shape.svg);  mask-image: url(../img/hero/hero_18_shape.svg);  background: var(--smoke-color3);  -webkit-transform: translate(0, -100%);  transform: translate(0, -100%);  top: 0;  right: 0;}.hero-slider19 .slider-pagination .swiper-pagination-bullet {  width: 10px;  height: 10px;  border-radius: 50%;  background: transparent;  border: 1px solid var(--theme-color);  display: block;  margin: 32px 0 !important;  position: relative;  /* Extra small devices */  /* Extra small devices */}.hero-slider19 .slider-pagination .swiper-pagination-bullet:after {  content: "";  position: absolute;  inset: -12px;  background: var(--theme-color);  opacity: 0.2;  border-radius: 50%;  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-transform: scale(0);  transform: scale(0);}.hero-slider19 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  background: var(--theme-color);}.hero-slider19 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {  -webkit-transform: scale(1);  transform: scale(1);}@media (max-width: 575px) {  .hero-slider19 .slider-pagination .swiper-pagination-bullet {    display: inline-block;    margin: 0 15px !important;  }}@media (max-width: 375px) {  .hero-slider19 .slider-pagination .swiper-pagination-bullet {    margin: 0 10px !important;  }}@media (max-width: 1399px) {  .hero-slider19 .slider-pagination {    padding: 20px 35px;  }}@media (max-width: 991px) {  .hero-slider19 .slider-pagination {    top: auto;    right: auto;    bottom: 0 !important;    left: 50% !important;    -webkit-transform: translate(-50%, 0);    transform: translate(-50%, 0);    border-radius: 20px 20px 0 0;  }  .hero-slider19 .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet {    display: inline-block;    margin: 0 12px !important;  }  .hero-slider19 .slider-pagination:before {    top: auto;    right: auto;    left: 0;    bottom: 0;    -webkit-transform: translate(-100%, 0);    transform: translate(-100%, 0);  }  .hero-slider19 .slider-pagination:after {    top: auto;    right: 0;    left: auto;    bottom: 0;    -webkit-transform: translate(100%, 0) rotateY(180deg);    transform: translate(100%, 0) rotateY(180deg);  }}@media (max-width: 575px) {  .hero-slider19 .slider-pagination {    padding: 20px 20px;  }}@media (max-width: 991px) {  .hero-slider19 {    border-radius: 0;  }}.hero-style19 {  padding: 314px 0 255px;  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.hero-style19 .hero-subtitle {  margin-bottom: 38px;  font-size: 18px;  font-weight: 600;  letter-spacing: 0.06em;  text-transform: uppercase;  background: rgba(255, 255, 255, 0.05);  border: 2px solid rgba(255, 255, 255, 0.12);  -webkit-backdrop-filter: blur(12px);  backdrop-filter: blur(12px);  border-radius: 100px;  display: inline-block;  padding: 10px 28px;  /* Medium Large devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .hero-style19 .hero-subtitle {    font-size: 16px;  }}@media (max-width: 575px) {  .hero-style19 .hero-subtitle {    font-size: 14px;  }}@media (max-width: 375px) {  .hero-style19 .hero-subtitle {    font-size: 12px;  }}.hero-style19 .hero-title {  font-size: 72px;  font-weight: 600;  margin-bottom: 43px;}.hero-style19 .btn-wrap {  gap: 24px;}.hero-style19 .th-btn {  padding: 20.5px 32px;}.hero-style19 .th-btn.style-border {  padding: 20px 32px;}@media (max-width: 1399px) {  .hero-style19 {    padding: 250px 0 150px;  }}@media (max-width: 1299px) {  .hero-style19 .hero-title {    font-size: 60px;  }}@media (max-width: 1199px) {  .hero-style19 .hero-title {    font-size: 54px;  }}@media (max-width: 991px) {  .hero-style19 {    padding: 220px 0 170px;  }  .hero-style19 .hero-title {    font-size: 48px;  }}@media (max-width: 767px) {  .hero-style19 .hero-title {    font-size: 38px;    margin-bottom: 40px;  }  .hero-style19 .btn-wrap {    gap: 20px 24px;  }}@media (max-width: 575px) {  .hero-style19 {    padding: 200px 0 150px;  }  .hero-style19 .th-btn {    padding: 16.5px 24px;  }  .hero-style19 .th-btn.style-border {    padding: 16px 24px;  }}/*------------------- 4.9. Error  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.sidemenu-wrapper {  position: fixed;  z-index: 99999;  right: 0;  top: 0;  height: 100%;  width: 0;  background-color: rgba(0, 0, 0, 0.75);  opacity: 0;  visibility: hidden;  -webkit-transition: all ease 0.8s;  transition: all ease 0.8s;}.sidemenu-wrapper .th-social a {  -webkit-box-shadow: none;  box-shadow: none;}.sidemenu-wrapper .closeButton {  display: inline-block;  border: 2px solid;  width: 50px;  height: 50px;  line-height: 48px;  font-size: 24px;  padding: 0;  position: absolute;  top: 20px;  right: 20px;  background-color: var(--white-color);  border-radius: 50%;  -webkit-transform: rotate(0);  transform: rotate(0);  -webkit-transition: all ease 0.4s;  transition: all ease 0.4s;}.sidemenu-wrapper .closeButton:hover {  color: var(--theme-color);  border-color: var(--theme-color);  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}.sidemenu-wrapper .sidemenu-content {  background-color: var(--white-color);  width: 450px;  margin-left: auto;  padding: 80px 30px;  height: 100%;  overflow: scroll;  position: relative;  right: -500px;  cursor: auto;  -webkit-transition-delay: 1s;  transition-delay: 1s;  -webkit-transition: right ease 1s;  transition: right ease 1s;}.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);  background-color: #f5f5f5;}.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {  width: 2px;  background-color: #f5f5f5;}.sidemenu-wrapper .widget {  padding: 0;  border: none;  background-color: transparent;  margin-bottom: 40px;}.sidemenu-wrapper .recent-post .post-title,.sidemenu-wrapper .widget_title {  color: var(--title-color);}.sidemenu-wrapper .th-widget-contact .info-box_text .icon img {  -webkit-filter: none;  filter: none;}.sidemenu-wrapper .newsletter-widget .newsletter-form {  max-width: 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 {    background: transparent;  }  .sidemenu-wrapper .sidemenu-content {    width: 100%;  }  .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .th-btn {    margin-bottom: 10px;  }}.info-box {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-bottom: 11px;}.info-box:last-child {  margin-bottom: 0;}.info-box_icon {  font-size: 16px;  background-color: transparent;  color: var(--theme-color);  text-align: center;  margin-right: 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.woocommerce-message,.woocommerce-info {  position: relative;  padding: 11px 20px 11px 50px;  background-color: var(--theme-color);  color: var(--white-color);  font-size: 14px;  font-weight: 500;  margin-bottom: 15px;  border-radius: 0px;}.woocommerce-message a,.woocommerce-info a {  color: var(--white-color);  text-decoration: underline;}.woocommerce-message a:hover,.woocommerce-info a:hover {  color: var(--theme-color2);}.woocommerce-message:before,.woocommerce-info:before {  content: "\f06a";  font-family: var(--icon-font);  font-weight: 400;  margin-right: 10px;  font-size: 18px;  position: absolute;  left: 20px;  top: 11px;}.woocommerce-notices-wrapper .woocommerce-message {  background-color: var(--theme-color);  color: var(--white-color);}.woocommerce-notices-wrapper .woocommerce-message:before {  content: "\f14a";  font-weight: 300;}.woocommerce-form-login-toggle .woocommerce-info {  background-color: var(--theme-color);  color: var(--white-color);}.woocommerce-form-login-toggle .woocommerce-info a {  color: inherit;}.woocommerce-form-login-toggle .woocommerce-info a:hover {  color: var(--title-color);}.woocommerce-form-register,.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-register,  .woocommerce-form-coupon,  .woocommerce-form-login {    padding: 40px 20px;    border-radius: 10px;  }}.woocommerce-form-register .form-group,.woocommerce-form-coupon .form-group,.woocommerce-form-login .form-group {  margin-bottom: 20px;}.woocommerce-form-register .form-group:last-child,.woocommerce-form-coupon .form-group:last-child,.woocommerce-form-login .form-group:last-child {  margin-bottom: 0;}.woocommerce-error {  background-color: var(--error-color);  color: #fff;  list-style: none;  padding: 10px 26px;  margin: 0 0 30px 0;  border-radius: 0;  font-weight: 500;  font-size: 14px;}nav.woocommerce-MyAccount-navigation li {  border: 1px solid #ddd;  margin: 0;  border-top: none;}nav.woocommerce-MyAccount-navigation li:first-child {  border-top: 1px solid #ddd;}nav.woocommerce-MyAccount-navigation li a {  color: var(--title-color);  font-weight: 700;  padding: 7px 17px;  display: block;}nav.woocommerce-MyAccount-navigation li.is-active a,nav.woocommerce-MyAccount-navigation li a:hover {  color: var(--white-color);  background-color: var(--theme-color);}.woocommerce-MyAccount-content h3 {  margin-top: -0.3em;}.woocommerce-MyAccount-content .btn {  background-color: var(--theme-color);  color: var(--white-color);  font-size: 14px;  padding: 10px 25px;  font-weight: 700;}.woocommerce-MyAccount-content .btn:hover {  background-color: var(--title-color);  color: var(--white-color);}table.variations,.woocommerce-grouped-product-list-item {  border-collapse: separate;  border-spacing: 0 15px;  margin-bottom: 5px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  border: none;}table.variations td,.woocommerce-grouped-product-list-item td {  border: none;  vertical-align: middle;  padding: 0 5px;}table.variations td:first-child,.woocommerce-grouped-product-list-item td:first-child {  padding: 0;}table.variations label,.woocommerce-grouped-product-list-item label {  margin: 0;  font-size: 14px;  text-transform: capitalize;}table.variations label a,.woocommerce-grouped-product-list-item label a {  color: var(--title-color);}table.variations label a:hover,.woocommerce-grouped-product-list-item label a:hover {  color: var(--theme-color);}table.variations .label,.woocommerce-grouped-product-list-item .label {  border: none;}table.variations__label,.woocommerce-grouped-product-list-item__label {  border: none !important;  font-weight: 600;}table.variations__price,.woocommerce-grouped-product-list-item__price {  border: none !important;}table.variations__price .price,table.variations__price .amount,.woocommerce-grouped-product-list-item__price .price,.woocommerce-grouped-product-list-item__price .amount {  font-size: 18px !important;}table.variations del,.woocommerce-grouped-product-list-item del {  margin-left: 12px;}.woocommerce-product-attributes th,.woocommerce-product-attributes td {  border: 1px solid var(--th-border-color);}.woocommerce-product-attributes th p:last-child,.woocommerce-product-attributes td p:last-child {  margin-bottom: 0;}.woocommerce-grouped-product-list.group_table {  border-collapse: collapse;  margin-bottom: 15px;}.woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount {  font-size: 16px;  color: var(--title-color);}.woocommerce-grouped-product-list.group_table label {  margin: 0 0 0 10px;  margin: 0 0 0 10px;  font-family: var(--title-font);  font-size: 18px;}.woocommerce-grouped-product-list.group_table .qty-input {  border-color: #e3e6e9;}.woocommerce-grouped-product-list.group_table tr {  border-bottom: 1px solid #e3e6e9;}.woocommerce-grouped-product-list.group_table tr:last-child {  border-bottom: none;}.woocommerce-grouped-product-list.group_table td {  padding: 30px 5px;}table.variations {  width: -webkit-max-content;  width: -moz-max-content;  width: max-content;  position: relative;}table.variations td {  padding: 0;}table.variations td.label {  padding-right: 10px;  width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}table.variations select {  width: -webkit-max-content;  width: -moz-max-content;  width: max-content;  font-weight: 400;  line-height: 1.5;  vertical-align: middle;  margin: 0;  padding-right: 54px;  padding-left: 20px;  height: 50px;}table.variations .reset_variations {  margin-left: 16px;  display: inline-block;  position: absolute;  left: 100%;  bottom: 25px;}.woosq-product .product .woocommerce-grouped-product-list-item__quantity,.woosq-product .product .woocommerce-grouped-product-list-item__label,.woosq-product .product .woocommerce-grouped-product-list-item__price {  width: auto !important;}.woocommerce-grouped-product-list-item__label:after,.woocommerce-grouped-product-list-item__price:after {  display: none;}.woocommerce-variation.single_variation {  margin-bottom: 30px;}.woocommerce-variation.single_variation .price {  color: var(--title-color);  font-weight: 700;}.wooscp-table-items td.woocommerce-product-attributes-item__value {  padding-left: 15px !important;}.wooscp-table-items a.added_to_cart.wc-forward {  margin-left: 15px;  text-decoration: underline;}.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open {  z-index: 1111;}table.woocommerce-product-attributes {  margin-bottom: 30px;}#woosq-popup .product_meta {  margin-top: 20px;}#woosq-popup .product_title {  font-size: 24px;  margin-bottom: 5px;}#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 {  margin-bottom: 30px;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}.login-tab button.nav-link {  background-color: var(--smoke-color);  color: var(--title-color);  padding: 11px 39px;  font-size: 18px;  font-weight: 500;  border-radius: 15px ​15px 0;}.login-tab button.nav-link.active {  background-color: var(--theme-color);  color: var(--white-color);}.star-rating {  overflow: hidden;  position: relative;  width: 100px;  height: 1.2em;  line-height: 1.2em;  display: block;  font-family: var(--icon-font);  font-weight: 700;  font-size: 14px;}.star-rating:before {  content: "\e28b\e28b\e28b\e28b\e28b";  color: #e1e1e1;  float: left;  top: 0;  left: 0;  position: absolute;  letter-spacing: 3px;}.star-rating span {  overflow: hidden;  float: left;  top: 0;  left: 0;  position: absolute;  padding-top: 1.5em;}.star-rating span:before {  content: "\e28b\e28b\e28b\e28b\e28b";  top: 0;  position: absolute;  left: 0;  color: var(--theme-color);  letter-spacing: 3px;}.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 */@media (max-width: 767px) {  .woocommerce-message,  .woocommerce-info {    font-size: 14px;    line-height: 22px;    padding: 10px 15px 10px 37px;  }  .woocommerce-message:before,  .woocommerce-info:before {    font-size: 16px;    top: 10px;    left: 15px;  }}/*------------------- 4.00. Products  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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);}.product-list-area {  margin-bottom: -24px;}#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-popup {  border-radius: 10px;}.woosq-popup .product_meta>span>a:after,.woosq-popup .product_meta>span>span:after {  display: none;}.woosq-product>.product .summary {  display: grid;  -ms-flex-line-pack: center;  align-content: center;}.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;}.woosq-product .tinv-wraper {  display: none;}.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-thumb-area {  position: relative;  margin-right: 10px;}.product-thumb-area .product-thumb-tab {  position: absolute;  top: 0;  left: 0;}.product-thumb-tab {  --thumb: 120px;  --gap: 10px;  max-width: var(--thumb);  margin-left: calc(0px - var(--thumb) / 2);  position: relative;  z-index: 3;  display: grid;  -ms-flex-line-pack: center;  align-content: center;  height: 100%;}.product-thumb-tab .tab-btn {  background-color: var(--white-color);  cursor: pointer;  height: var(--thumb);  width: var(--thumb);  padding: var(--gap);}.product-thumb-tab .tab-btn img {  max-width: 100%;}.product-thumb-tab .tab-btn:not(:last-of-type) {  margin-bottom: 20px;}.product-thumb-tab .indicator {  position: absolute;  top: calc(var(--pos-y) + var(--gap));  left: calc(var(--pos-x) + var(--gap));  width: calc(var(--width-set) - var(--gap) * 2);  height: calc(var(--height-set) - var(--gap) * 2);  border: 2px solid var(--theme-color);  pointer-events: none;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.product-big-img {  background-color: var(--smoke-color2);  text-align: center;  overflow: hidden;  border-radius: 20px;}.product-big-img .img {  width: 100%;}.product-big-img .img img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.product-big-img .slider-pagination {  position: absolute;  bottom: 40px;  left: 0;}.product-big-img .slick-dots {  margin: -11px 0 0 0 !important;  -webkit-transform: translateY(-30px);  transform: translateY(-30px);  --border-color: #c0c0c0;}.img-magnifier-container {  position: relative;}.img-magnifier-glass {  position: absolute;  -webkit-box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);  box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);  border-radius: 50%;  cursor: none;  width: 200px;  height: 200px;}.magnify {  position: relative;  cursor: none;}.magnify .magnifier {  height: 180px;  width: 180px;  position: absolute;  z-index: 20;  -webkit-box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);  box-shadow: inset 0 10px 18px rgba(0, 0, 0, 0.2);  border-radius: 50%;  background-size: 700%;  background-repeat: no-repeat;  margin-left: -90px !important;  margin-top: -90px !important;  pointer-events: none;  display: none;}.magnify .magnified {  display: block;  z-index: 10;  margin: auto;  width: 100%;  height: 100%;}.magnify img {  width: 100%;  height: 100%;}.quantity {  position: relative;  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  vertical-align: middle;}.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;}.quantity .qty-btn,.quantity .qty-input {  display: inline-block;  width: 50px;  height: 50px;  border: none;  border-right: none;  background-color: transparent;  padding: 0;  border-radius: 0;  text-align: center;  color: var(--body-color);  font-size: 18px;  font-weight: 600;}.quantity .qty-btn:last-child,.quantity .qty-input:last-child {  border-right: none;}.quantity .qty-btn {  font-size: 16px;}.product_meta {  font-weight: 700;  font-size: 16px;  font-family: var(--body-font);  margin: 35px 0 0 0;}.product_meta>span {  display: block;  margin-bottom: 5px;  color: var(--title-color);  font-weight: bold;}.product_meta>span:last-child {  margin-bottom: 0;}.product_meta>span a {  color: inherit;}.product_meta>span a:hover {  color: var(--theme-color);}.product_meta>span>a,.product_meta>span>span {  position: relative;  color: var(--body-color);  font-weight: 400;}.product_meta>span>a:after,.product_meta>span>span:after {  content: ",";  margin-right: 5px;}.product_meta>span>a:last-child:after,.product_meta>span>span:last-child:after {  display: none;}.product_meta>span>a:first-child,.product_meta>span>span:first-child {  margin-left: 7px;}.product-tab-style1 {  border-bottom: 1px solid var(--smoke-color2);  margin: 95px auto 40px auto;  padding-bottom: 40px;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  gap: 24px;}#productTabContent {  margin-bottom: -10px;}#additional_information {  margin-bottom: 40px;}.product-inner-list>ul {  margin: 0;  padding: 0;  list-style-type: none;}.product-inner-list li {  position: relative;  padding-left: 15px;}.product-inner-list li:before {  content: "-";  position: absolute;  left: 0;}.share-title {  font-size: 16px;  font-weight: 600;  color: var(--title-color);  margin-bottom: 8px;}.share-title i {  color: var(--theme-color);}.summary-content .product-title,.product-about .product-title {  margin: 0 0 14px 0;}.summary-content .product_title,.product-about .product_title {  margin-bottom: 20px !important;}.summary-content>.price,.product-about>.price {  font-family: var(--body-font);  font-size: 20px;  font-weight: 800;  color: var(--title-color);  display: block;  max-width: -webkit-fit-content;  max-width: -moz-fit-content;  max-width: fit-content;  margin-bottom: 19px;  margin-top: -0.2em;}.summary-content>.price del,.product-about>.price del {  color: var(--theme-color);  font-weight: 500;  margin-left: 15px;}.summary-content .woocommerce-product-rating,.summary-content .product-rating,.product-about .woocommerce-product-rating,.product-about .product-rating {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 5px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  position: relative;  top: 2px;  font-size: 16px;  line-height: 20px;  padding: 0 0 0 0;  margin: 0 0 0 0;  margin-bottom: 22px;}.summary-content .woocommerce-product-rating .star-rating,.summary-content .product-rating .star-rating,.product-about .woocommerce-product-rating .star-rating,.product-about .product-rating .star-rating {  width: 80px;  font-size: 12px;  margin-right: 8px;}.summary-content .woocommerce-review-link,.product-about .woocommerce-review-link {  color: var(--body-color);}.summary-content .checklist,.product-about .checklist {  margin: 29px 0 29px 0;}.summary-content .actions,.product-about .actions {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 15px;  margin: 35px 0 27px 0;}.summary-content .actions .th-btn .btn-icon,.product-about .actions .th-btn .btn-icon {  padding: 10.5px 15px 10.5px 15px;}.summary-content .actions .icon-btn,.product-about .actions .icon-btn {  border-color: var(--theme-color);  background-color: var(--theme-color);  color: var(--white-color);  --btn-size: 56px;}.summary-content .actions .icon-btn:hover,.product-about .actions .icon-btn:hover {  background-color: var(--title-color);  border-color: var(--title-color);}.summary-content .share,.product-about .share {  margin-top: 25px;}.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);}.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {  width: 56px;  height: 56px;  line-height: 54px;  display: inline-block;  border-radius: 99px;  background-color: var(--theme-color);  color: var(--white-color);  border: none;}.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,.product-about .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;}.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover {  background-color: var(--title-color);}.summary-content .tinv-wishlist a,.product-about .tinv-wishlist a {  display: inline-block;  width: 56px;  height: 56px;  line-height: 56px;  border-radius: 0;}.summary-content .tinv-wishlist a:hover,.product-about .tinv-wishlist a:hover {  background-color: var(--theme-color);  color: var(--white-color);}.summary-content .quantity,.product-about .quantity {  position: relative;}.summary-content .quantity:after,.product-about .quantity:after {  content: "";  height: 100%;  width: 1px;  background-color: var(--th-border-color);  position: absolute;  top: 0;  left: 55px;}.summary-content .quantity .qty-input,.product-about .quantity .qty-input {  width: 112px;  height: 56px;  border: 1px solid var(--th-border-color);  background-color: transparent;  color: var(--title-color);  padding: 0 25px;  text-align: left;  font-weight: 500;  border-radius: 30px;}.summary-content .quantity .qty-btn,.product-about .quantity .qty-btn {  color: var(--title-color);  background-color: transparent;  position: absolute;  right: 23px;  height: auto;  width: auto;  border: none;  line-height: 16px;}.summary-content .quantity .quantity-minus,.product-about .quantity .quantity-minus {  bottom: 12px;}.summary-content .quantity .quantity-plus,.product-about .quantity .quantity-plus {  top: 12px;}.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;}.product-details .border-title {  position: relative;  padding-bottom: 20px;  margin-bottom: 40px;}.product-details .border-title:before {  content: "";  position: absolute;  left: 0;  bottom: 0;  height: 2px;  width: 80px;  background-color: var(--theme-color);}.product-inner-title {  font-size: 32px;  border-bottom: 1px solid var(--th-border-color);  padding: 0 0 7px 0;  margin: 0 0 30px 0;}.related-product-wrapper {  padding-top: 115px;}/* Medium Large devices */@media (max-width: 1399px) {  .th-product.list-view .product-img {    max-width: 150px;  }}/* Medium Large devices */@media (max-width: 1299px) {  .product-thumb-tab {    --thumb: 100px;    margin-left: -40px;  }  .product-thumb-area {    margin-right: 0;  }}/* Large devices */@media (max-width: 1199px) {  .th-sort-bar select {    min-width: auto;  }  .product-tab-style1 {    margin: 55px 0 40px 0;  }  .summary-content,  .product-about {    padding-left: 0;  }}/* Medium devices */@media (max-width: 991px) {  .product-big-img {    margin-bottom: 40px;  }  .product-thumb-tab {    margin-left: -10px;  }  .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;  }  .woosq-product>.product .thumbnails {    max-height: 400px;    min-height: 200px;    padding: 10px;  }}/* 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 */@media (max-width: 575px) {  .product-about .actions {    gap: 15px 15px;  }  .product-thumb-tab {    --thumb: 74px;    --gap: 6px;  }  .product-thumb-tab .tab-btn:not(:last-of-type) {    margin-bottom: 10px;  }  .product-grid {    max-width: 340px;    margin-left: auto;    margin-right: auto;  }}/* 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.woocommerce-cart-form {  text-align: center;}.cart_table {  border: 1px solid var(--th-border-color);  margin-bottom: 45px;}.cart_table thead {  background-color: var(--theme-color);}.cart_table thead th {  border: none !important;}.cart_table td:before,.cart_table th {  font-family: var(--title-font);  color: var(--white-color);  font-weight: 600;  border: none;  padding: 27px 15px;}.cart_table td:before {  content: attr(data-title);  position: absolute;  left: 15px;  top: 50%;  vertical-align: top;  padding: 0;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  display: none;}.cart_table td {  border: none;  border-bottom: 1px solid var(--th-border-color);  color: var(--body-color);  padding: 20px 10px;  position: relative;  vertical-align: middle;}.cart_table .product-quantity {  color: var(--title-color);}.cart_table .product-quantity input {  position: relative;  top: -2px;}.cart_table .cart-productname {  font-weight: 500;  font-family: var(--body-font);  color: var(--title-color);}.cart_table .cart-productimage {  display: inline-block;  border: 1px solid var(--th-border-color);}.cart_table .remove {  color: var(--theme-color);  font-size: 18px;}.cart_table .quantity {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.cart_table td.product-quantity {  min-width: 155px;}.cart_table .qty-btn {  border: 2px solid var(--th-border-color) !important;  background-color: transparent;  color: var(--title-color);  padding: 0;  width: 30px;  height: 30px;  line-height: 28px;  font-size: 14px;  border-radius: 4px;}.cart_table .qty-btn:hover {  background-color: var(--theme-color);  border: 2px solid var(--theme-color) !important;  color: var(--white-color);}.cart_table .qty-input {  vertical-align: middle;  border: 2px solid var(--th-border-color);  width: 60px;  height: 30px;  font-size: 14px;  text-align: center;  color: var(--title-color);  font-weight: 700;  margin: 0 3px;  border-radius: 4px;  padding: 0;  /* Firefox */}.cart_table .qty-input::-moz-placeholder {  color: var(--title-color);}.cart_table .qty-input::-webkit-input-placeholder {  color: var(--title-color);}.cart_table .qty-input:-ms-input-placeholder {  color: var(--title-color);}.cart_table .qty-input::-ms-input-placeholder {  color: var(--title-color);}.cart_table .qty-input::placeholder {  color: var(--title-color);}.cart_table .qty-input::-webkit-outer-spin-button,.cart_table .qty-input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}.cart_table .qty-input[type=number] {  -moz-appearance: textfield;}.cart_table .actions {  text-align: right;  vertical-align: middle;  padding-left: 20px;}.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;}.cart_totals {  border: 1px solid var(--th-border-color);  --body-color: #1C2D37;}.cart_totals th,.cart_totals td {  vertical-align: top;  padding: 20px 20px;  border: none;  border-bottom: 1px solid var(--th-border-color);  font-size: 14px;  color: var(--title-color);  width: 55%;}.cart_totals th:first-child,.cart_totals td:first-child {  width: 45%;  background-color: var(--smoke-color3);  font-weight: 700;  font-size: 14px;  color: #333333;}.cart_totals .shipping-calculator-button {  display: inline-block;  border-bottom: 1px solid;  color: var(--title-color);  font-weight: 700;}.cart_totals .shipping-calculator-button:hover {  color: var(--theme-color);}.cart_totals .woocommerce-shipping-destination {  margin-bottom: 10px;}.cart_totals .woocommerce-shipping-methods {  margin-bottom: 0;}.cart_totals .shipping-calculator-form {  display: none;}.cart_totals .shipping-calculator-form p:first-child {  margin-top: 20px;}.cart_totals .shipping-calculator-form p:last-child {  margin-bottom: 0;}.cart_totals .amount {  font-weight: 700;}.cart_totals .order-total .amount {  color: var(--theme-color);}.empty-notice {  margin: 40px auto;}/* Medium devices */@media (max-width: 991px) {  .cart_table th {    padding: 23px 8px;    font-size: 14px;  }  .cart_table .cart-productname {    font-size: 14px;  }  .cart_table .th-cart-coupon {    width: 100%;    margin-bottom: 20px;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }  .cart_table .actions {    text-align: center;  }  .cart_table .cart-productimage {    max-width: 100px;  }}/* Small devices */@media (max-width: 767px) {  .cart_table {    text-align: left;    min-width: auto;    border-collapse: separate;    border-spacing: 0 20px;    border: none;  }  .cart_table thead {    display: none;  }  .cart_table td {    padding: 15px;    display: block;    width: 100%;    padding-left: 25%;    text-align: right;    border: 1px solid var(--theme-color);    border-bottom: none;  }  .cart_table td::before {    display: block;  }  .cart_table td:last-child {    border-bottom: 1px solid var(--theme-color);  }  .cart_table td.actions {    padding-left: 15px;    text-align: center;  }  .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;  }  .cart_totals th,  .cart_totals td {    padding: 15px 10px;  }  .cart_totals th:first-child,  .cart_totals td:first-child {    width: 17%;    line-height: 1.4;  }}/*------------------- 4.00. Checkout  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.woocommerce-checkout .form-group,.woocommerce-checkout .form-row {  margin-bottom: 0;}.woocommerce-checkout .form-select,.woocommerce-checkout .select2-container,.woocommerce-checkout .form-control {  margin-bottom: 0;}.woocommerce-checkout .select2-container--open .select2-dropdown--below {  margin-top: 0;}.woocommerce-checkout .select2-container--open .select2-dropdown--above {  position: relative;  bottom: 0;}.woocommerce-checkout .select2-dropdown {  border: none;  border-top: none;}.woocommerce-checkout .select2-container--default .select2-selection--single {  border-radius: 27px;}.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,.woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus {  color: var(--body-color);}.woocommerce-checkout .shipping_address {  margin-top: -3px;}.select2-container--default .select2-search--dropdown .select2-search__field {  border: 1px solid transparent;  padding: 0;}.woocommerce-form-login select,.woocommerce-form-login .form-select,.woocommerce-form-login .form-control,.woocommerce-form-login .select2,.woocommerce-form-login .select2-container,.woocommerce-form-coupon select,.woocommerce-form-coupon .form-select,.woocommerce-form-coupon .form-control,.woocommerce-form-coupon .select2,.woocommerce-form-coupon .select2-container,.woocommerce-checkout select,.woocommerce-checkout .form-select,.woocommerce-checkout .form-control,.woocommerce-checkout .select2,.woocommerce-checkout .select2-container {  margin-bottom: var(--bs-gutter-x);}#ship-to-different-address {  margin-top: 15px;}.select2-container--default .select2-selection--single {  height: 56px;  border: 1px solid transparent;  background-color: var(--smoke-color2);  border-radius: 27px;}.select2-container--default .select2-selection--single .select2-selection__rendered {  line-height: 56px;  padding-left: 25px;  padding-right: 25px;}.woocommerce-billing-fields .form-row {  margin-bottom: 0;}.select2-container--default .select2-selection--single .select2-selection__arrow b:before {  content: "\f107";  font-family: var(--icon-font);}.select2-container--default .select2-selection--single .select2-selection__arrow b {  margin: 0;  border: none;  top: 0;}.select2-container--default .select2-selection--single .select2-selection__arrow {  height: 56px;  line-height: 56px;  margin-right: 30px;}span.select2-selection.select2-selection--single:focus {  outline: none;}.checkout-ordertable th,.checkout-ordertable td {  border: 1px solid var(--th-border-color);  text-align: right;  padding: 5px 20px;  vertical-align: top;  font-size: 14px;  font-weight: 600;  color: #2c3e50;}.checkout-ordertable th {  font-weight: 800;  text-align: left;}.checkout-ordertable ul {  margin: 0;  padding: 0;}.checkout-ordertable .order-total .amount {  color: var(--theme-color);}.checkout-ordertable input[type=hidden]~label {  color: var(--theme-color);}.woocommerce-checkout .form-group input:not(:last-child) {  margin-bottom: var(--bs-gutter-x);}.woocommerce-checkout-payment {  text-align: left;}.woocommerce-checkout-payment ul {  margin: 0;  padding: 0;  list-style-type: none;}.woocommerce-checkout-payment ul li {  padding-top: 12px;  border-bottom: 1px solid var(--th-border-color);  border-radius: 0;  font-size: 16px;}.woocommerce-checkout-payment ul input[type=radio]~label {  margin-bottom: 17px;  color: var(--title-color);}.woocommerce-checkout-payment ul input[type=radio]~label img {  margin-bottom: -2px;  margin-left: 10px;}.woocommerce-checkout-payment .place-order {  padding-top: 30px;}.woocommerce-checkout-payment .payment_box {  color: var(--white-color);  background-color: var(--theme-color);  border: 1px solid var(--theme-color);  border-bottom: none;  font-size: 14px;  padding: 10px 20px;  border-radius: 4px;  display: none;}.woocommerce-checkout-payment .payment_box p {  margin: 0;  color: var(--white-color);}.th-checkout-wrapper form.woocommerce-form {  margin-bottom: 30px;}/* Small devices */@media (max-width: 767px) {  tfoot.checkout-ordertable th {    display: none;  }  .woocommerce-checkout-payment ul input[type=radio]~label img {    max-width: 150px;  }  .checkout-ordertable th,  .checkout-ordertable td {    padding: 5px 20px 5px 60px;  }}/*------------------- 4.00. Wishlist  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.tinv-wishlist input[type=checkbox] {  display: inline-block;  opacity: 1;  visibility: visible;  vertical-align: middle;  width: auto;  height: auto;}.tinv-wishlist .tinv-header {  margin-top: -0.8rem;  text-transform: capitalize;}.tinv-wishlist .cart-empty {  padding: 14px 25px;  font-weight: 700;  font-size: 14px;  padding-left: 45px;  border-radius: 8px;}.tinv-wishlist p.return-to-shop .button {  display: inline-block;  background-color: var(--theme-color);  color: #fff;  font-size: 14px;  padding: 10px 25px;  margin-top: 10px;  font-weight: 700;}.tinv-wishlist p.return-to-shop .button:hover {  background-color: var(--title-color);  color: var(--white-color);}.tinv-wishlist table {  border: none;}.tinv-wishlist table td,.tinv-wishlist table th {  padding: 15.3px 10px;  border-bottom: 1px solid var(--theme-color);  border-color: var(--th-border-color);  text-align: center;  color: var(--body-color);}.tinv-wishlist table td p,.tinv-wishlist table th p {  color: var(--title-color);}.tinv-wishlist table th {  color: var(--white-color);}.tinv-wishlist table thead {  background-color: var(--theme-color);}.tinv-wishlist .product-cb,.tinv-wishlist .product-remove {  width: 40px;  text-align: center;}.tinv-wishlist .product-thumbnail {  width: 110px;}.tinv-wishlist .stock.in-stock {  margin-bottom: 0;}.tinv-wishlist ins {  text-decoration: none;}.tinv-wishlist .product-remove button {  border: none;  height: 22px;  width: 22px;  text-align: center;  font-size: 12px;  line-height: 22px;  border-radius: 0;  padding-top: 0;}.tinv-wishlist .product-remove button i {  line-height: 22px;  font-size: 16px;}.tinv-wishlist .tinvwl-mobile {  display: none;}.tinv-wishlist .social-buttons {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  max-width: 295px;  margin-left: auto;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.tinv-wishlist .social-buttons ul {  padding-left: 0;  margin-bottom: 0;  margin-left: auto;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 6px;}.tinv-wishlist table.tinvwl-table-manage-list {  font-size: 16px;}.tinv-wishlist .product-stock .stock {  display: block;}.tinv-wishlist .product-stock span {  display: inline;}.tinv-wishlist .product-stock i {  margin-right: 5px;}.tinv-wishlist .tinv-modal .icon_big_times {  margin-bottom: 5px;  color: var(--theme-color);}.tinv-wishlist button.button {  border: none;  height: 38px;  line-height: 38px;  font-size: 14px;  font-weight: 600;  background-color: var(--theme-color);  color: #fff;  padding: 1px 15px;  min-width: 140px;  border-radius: 0;}.tinv-wishlist button.button i {  font-size: 18px !important;  margin-right: 3px !important;}.tinv-wishlist button.button:hover {  background-color: var(--title-color);  color: #fff;}.tinv-wishlist .tinvwl-buttons-group button i {  font-size: 14px;}.tinv-wishlist th,.tinv-wishlist td.product-name {  font-size: 16px;  font-weight: 700;  font-family: var(--title-font);}.tinv-wishlist td.product-name a {  color: var(--title-color);}.tinv-wishlist td.product-name a:hover {  color: var(--theme-color);}.tinv-wishlist td.product-price del {  margin-left: 8px;  font-size: 0.9em;}.tinv-wishlist .social-buttons>span {  font-weight: 700;  margin-right: 10px;  font-family: var(--title-font);  color: var(--title-color);}.tinv-wishlist .social-buttons li {  display: inline-block;  margin-right: 0;}.tinv-wishlist .social-buttons li a.social {  background-color: var(--theme-color);  color: #fff;  width: 30px;  height: 30px;  line-height: 30px;  font-size: 14px;  display: inline-block;  text-align: center;  border-radius: 50px;  margin-left: 3px;}.tinv-wishlist .social-buttons li a.social:first-child {  margin-left: 0;}.tinv-wishlist .social-buttons li a.social i {  line-height: inherit;}.tinv-wishlist .social-buttons li a.social:hover {  background-color: var(--title-color);  color: var(--white-color);}/* Medium devices */@media (max-width: 991px) {  .tinvwl-full {    display: none;  }  .tinv-wishlist .tinvwl-mobile {    display: block;  }  .tinvwl-txt {    display: inline-block !important;  }  .product-stock {    width: 40px;    text-align: center;  }}/* Small devices */@media (max-width: 767px) {  .tinv-wishlist table {    table-layout: fixed;    border-bottom: 1px solid var(--th-border-color);  }  .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove,  .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) {    display: none;  }  .tinv-wishlist table td,  .tinv-wishlist table th {    border: 1px solid var(--th-border-color);  }  .tinv-wishlist table.tinvwl-table-manage-list tbody td {    display: block;    width: 100% !important;    text-align: center;  }  .product-name {    text-align: center;  }  .tinv-wishlist table td,  .tinv-wishlist table th {    border-bottom: none;  }  .tinv-wishlist table tfoot {    border-bottom: 1px solid var(--th-border-color);  }  .tinv-wishlist .social-buttons {    max-width: 100%;    margin-left: unset;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;  }  .tinv-wishlist .social-buttons ul {    margin-left: unset;    margin-top: 5px;  }  .tinvwl-txt {    display: inline-block !important;  }}/*------------------- 4.00. Contact  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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;  right: 0;  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);  right: 15%;  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 sec 4.1 ---------------------------------- */.contact-area-4-1 {  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--light-color)), to(var(--light-color)));  background-image: linear-gradient(var(--light-color), var(--light-color));  background-repeat: no-repeat;  background-size: 100% 50%;  background-position: bottom;}/* Contact Area 5 -------------------------------*/.contact-wrap5 {  padding: 60px;  border-radius: 24px;  background: var(--white-color);  /* Small devices */  /* Extra small devices */}.contact-wrap5 .appointment-wrap .form-title {  margin-top: -0.3em;}@media (max-width: 767px) {  .contact-wrap5 {    padding: 40px;  }}@media (max-width: 575px) {  .contact-wrap5 {    padding: 30px;  }}.contact-thumb5-1 {  border-radius: 16px;  overflow: hidden;  height: 100%;  position: relative;  /* Large devices */  /* Extra small devices */}.contact-thumb5-1 img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}.contact-thumb5-1:after {  content: "";  position: absolute;  inset: 0;  background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 23, 23, 0)), to(#171717));  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 100%);  border-radius: 16px;}.contact-thumb5-1 .contact-cta-wrap {  position: absolute;  bottom: 60px;  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  z-index: 1;  text-align: center;  width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}.contact-thumb5-1 .contact-cta-wrap .box-title {  color: var(--white-color);  font-size: 40px;  font-weight: 600;  margin-bottom: 25px;}@media (max-width: 1199px) {  .contact-thumb5-1 .contact-cta-wrap .box-title {    font-size: 30px;  }}@media (max-width: 575px) {  .contact-thumb5-1:after {    background: var(--theme-color);    opacity: 0.6;  }}/* contact area 6 ---------------------------------- */.contact-thumb6-1 {  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 50%;  /* Medium devices */}.contact-thumb6-1 img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 991px) {  .contact-thumb6-1 {    width: 100%;    position: relative;    top: -80px;  }}.contact-wrap6 {  padding-left: 90px;  margin-right: -120px;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */}.contact-wrap6 .form-title {  margin-top: -0.3em;}@media (max-width: 1500px) {  .contact-wrap6 {    margin-right: 0;    padding-left: 50px;  }}@media (max-width: 1399px) {  .contact-wrap6 {    padding-left: 20px;  }}@media (max-width: 1299px) {  .contact-wrap6 {    padding-left: 30px;  }}@media (max-width: 991px) {  .contact-wrap6 {    padding-left: 0;  }}/* contact area 7 ---------------------------------- */.contact-thumb7-1 {  position: absolute;  right: 0;  top: 0;  bottom: 0;  width: 50%;  /* Medium devices */}.contact-thumb7-1 img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 991px) {  .contact-thumb7-1 {    width: 100%;    position: relative;    top: -80px;  }}.contact-wrap7 {  padding-right: 90px;  margin-left: -120px;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */}@media (max-width: 1500px) {  .contact-wrap7 {    margin-left: 0;    padding-right: 50px;  }}@media (max-width: 1399px) {  .contact-wrap7 {    padding-right: 20px;  }}@media (max-width: 1299px) {  .contact-wrap7 {    padding-right: 30px;  }}@media (max-width: 991px) {  .contact-wrap7 {    padding-right: 0;  }}/* contact area 11 ---------------------------------- */.contact-area-11:after {  content: "";  position: absolute;  inset: 0 0 0 50%;  background: var(--smoke-color3);  /* Medium devices */}@media (max-width: 991px) {  .contact-area-11:after {    display: none;  }}.contact-wrap11 {  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */}.contact-wrap11 .appointment-wrap {  padding-right: 138px;}.contact-wrap11 .appointment-wrap .form-title {  color: var(--white-color);}.contact-wrap11 .faq-wrap {  padding-left: 138px;}@media (max-width: 1500px) {  .contact-wrap11 .appointment-wrap {    padding-right: 60px;  }  .contact-wrap11 .faq-wrap {    padding-left: 60px;  }}@media (max-width: 1299px) {  .contact-wrap11 .appointment-wrap {    padding-right: 40px;  }  .contact-wrap11 .faq-wrap {    padding-left: 40px;  }}@media (max-width: 991px) {  .contact-wrap11 .appointment-wrap {    padding-right: 0;  }  .contact-wrap11 .faq-wrap {    padding-left: 0;  }  .contact-wrap11 .faq-wrap .sub-title7 {    border: 1px solid rgba(255, 255, 255, 0.15);    color: var(--theme-color);  }  .contact-wrap11 .faq-wrap .sec-title {    color: var(--white-color);  }  .contact-wrap11 .faq-wrap .accordion-card.style3 {    background: #232323;  }  .contact-wrap11 .faq-wrap .accordion-card.style3 .accordion-button {    color: var(--white-color);  }  .contact-wrap11 .faq-wrap .accordion-card.style3 .accordion-button:after {    color: var(--theme-color);  }  .contact-wrap11 .faq-wrap .accordion-card.style3 .faq-text {    color: var(--light-color);  }}/*contact-area********************/.contact-map-area {  margin-top: -164px;  -webkit-filter: brightness(0.7);  filter: brightness(0.7);}.contact-map-area .contact-map {  max-width: none;}.contact-map-area .contact-map iframe {  border-radius: 0;  height: 685px;}/*------------------- 4.00. About  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* About 1 ---------------------------------- */.img-box1 {  position: relative;  z-index: 2;  width: 100%;  text-align: center;}.img-box1 img {  display: inline-block;  position: relative;  -webkit-mask-image: url(../img/shape/about-1-mask.png);  mask-image: url(../img/shape/about-1-mask.png);  -webkit-mask-size: 100% 100%;  mask-size: 100% 100%;  width: 100%;}.about-wrap1 .about-text {  font-size: 48px;  font-weight: 400;  line-height: 1.333;  font-family: var(--title-font);  margin-bottom: 0;  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1199px) {  .about-wrap1 .about-text {    font-size: 40px;  }}@media (max-width: 991px) {  .about-wrap1 .about-text {    font-size: 36px;  }}@media (max-width: 767px) {  .about-wrap1 .about-text {    font-size: 30px;  }}@media (max-width: 575px) {  .about-wrap1 .about-text {    font-size: 24px;  }}.about-tag {  display: inline-block;  position: relative;  padding: 22px;}.about-tag .about-tag-thumb {  display: inline-block;  border-radius: 50%;  overflow: hidden;}.about-experience-tag {  display: inline-block;  height: 250px;  width: 250px;  border-radius: 50%;  z-index: 1;  font-size: 20px;  font-weight: 300;  font-family: var(--body-font);  color: var(--white-color);  line-height: normal;  text-align: center;  -webkit-animation: spin 20s linear infinite;  animation: spin 20s linear infinite;  position: absolute;  top: 50%;  left: 50%;  margin-left: -125px;  margin-top: -125px;}.about-experience-tag span {  --rotate-letter: 7deg;  height: 127px;  position: absolute;  width: 20px;  left: 42%;  top: -2px;  -webkit-transform-origin: bottom;  transform-origin: bottom;  -webkit-transform: rotate(var(--rotate-letter));  transform: rotate(var(--rotate-letter));}.about-experience-tag span.char2 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 2));  transform: rotate(calc(var(--rotate-letter) * 2));}.about-experience-tag span.char3 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 3));  transform: rotate(calc(var(--rotate-letter) * 3));}.about-experience-tag span.char4 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 4));  transform: rotate(calc(var(--rotate-letter) * 4));}.about-experience-tag span.char5 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 5));  transform: rotate(calc(var(--rotate-letter) * 5));}.about-experience-tag span.char6 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 6));  transform: rotate(calc(var(--rotate-letter) * 6));}.about-experience-tag span.char7 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 7));  transform: rotate(calc(var(--rotate-letter) * 7));}.about-experience-tag span.char8 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 8));  transform: rotate(calc(var(--rotate-letter) * 8));}.about-experience-tag span.char9 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 9));  transform: rotate(calc(var(--rotate-letter) * 9));}.about-experience-tag span.char10 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 10));  transform: rotate(calc(var(--rotate-letter) * 10));}.about-experience-tag span.char11 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 11));  transform: rotate(calc(var(--rotate-letter) * 11));}.about-experience-tag span.char12 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 12));  transform: rotate(calc(var(--rotate-letter) * 12));}.about-experience-tag span.char13 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 13));  transform: rotate(calc(var(--rotate-letter) * 13));}.about-experience-tag span.char14 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 14));  transform: rotate(calc(var(--rotate-letter) * 14));}.about-experience-tag span.char15 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 15));  transform: rotate(calc(var(--rotate-letter) * 15));}.about-experience-tag span.char16 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 16));  transform: rotate(calc(var(--rotate-letter) * 16));}.about-experience-tag span.char17 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 17));  transform: rotate(calc(var(--rotate-letter) * 17));}.about-experience-tag span.char18 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 18));  transform: rotate(calc(var(--rotate-letter) * 18));}.about-experience-tag span.char19 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 19));  transform: rotate(calc(var(--rotate-letter) * 19));}.about-experience-tag span.char20 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 20));  transform: rotate(calc(var(--rotate-letter) * 20));}.about-experience-tag span.char21 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 21));  transform: rotate(calc(var(--rotate-letter) * 21));}.about-experience-tag span.char22 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 22));  transform: rotate(calc(var(--rotate-letter) * 22));}.about-experience-tag span.char23 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 23));  transform: rotate(calc(var(--rotate-letter) * 23));}.about-experience-tag span.char24 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 24));  transform: rotate(calc(var(--rotate-letter) * 24));}.about-experience-tag span.char25 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 25));  transform: rotate(calc(var(--rotate-letter) * 25));}.about-experience-tag span.char26 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 26));  transform: rotate(calc(var(--rotate-letter) * 26));}.about-experience-tag span.char27 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 27));  transform: rotate(calc(var(--rotate-letter) * 27));}.about-experience-tag span.char28 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 28));  transform: rotate(calc(var(--rotate-letter) * 28));}.about-experience-tag span.char29 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 29));  transform: rotate(calc(var(--rotate-letter) * 29));}.about-experience-tag span.char30 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 30));  transform: rotate(calc(var(--rotate-letter) * 30));}.about-experience-tag span.char31 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 31));  transform: rotate(calc(var(--rotate-letter) * 31));}.about-experience-tag span.char32 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 32));  transform: rotate(calc(var(--rotate-letter) * 32));}.about-experience-tag span.char33 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 33));  transform: rotate(calc(var(--rotate-letter) * 33));}.about-experience-tag span.char34 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 34));  transform: rotate(calc(var(--rotate-letter) * 34));}.about-experience-tag span.char35 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 35));  transform: rotate(calc(var(--rotate-letter) * 35));}.about-experience-tag span.char36 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 36));  transform: rotate(calc(var(--rotate-letter) * 36));}.about-experience-tag span.char37 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 37));  transform: rotate(calc(var(--rotate-letter) * 37));}.about-experience-tag span.char38 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 38));  transform: rotate(calc(var(--rotate-letter) * 38));}.about-experience-tag span.char39 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 39));  transform: rotate(calc(var(--rotate-letter) * 39));}.about-experience-tag span.char40 {  -webkit-transform: rotate(calc(var(--rotate-letter) * 40));  transform: rotate(calc(var(--rotate-letter) * 40));}.author-grid {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 30px 45px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.author-grid .author-profile {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 16px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.author-grid .author-profile .author-profile-name {  font-size: 18px;  font-weight: 700;  letter-spacing: 0.02em;  margin-bottom: 2px;}.author-grid .author-profile .author-desig {  margin-bottom: 0;  font-size: 16px;}/* About 2 ---------------------------------- */.about-area-2 {  position: relative;  left: calc((100% - var(--main-container)) / 2);}.about-wrap2 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-right: -30px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}.about-wrap2 .checklist {  padding-right: 40px;  border-right: 1px solid #C2D6C2;  margin-right: 40px;}@media (max-width: 1299px) {  .about-wrap2 .checklist {    padding-right: 30px;    margin-right: 30px;  }  .about-wrap2 .checklist.style2 li {    font-size: 16px;  }}@media (max-width: 991px) {  .about-wrap2 .checklist {    padding-right: 40px;    margin-right: 40px;  }}@media (max-width: 575px) {  .about-wrap2 {    display: block;  }  .about-wrap2 .checklist {    padding-right: 0;    margin-right: 0;    border-right: 0;  }}.about-wrap2.style-theme .checklist {  border-color: var(--theme-color);}.call-btn {  /* Medium Large devices */  /* Medium Large devices */  /* Extra small devices */}.call-btn .icon-btn {  background: var(--title-dark);  --btn-size: 52px;  font-size: 20px;  color: var(--white-color);  margin-bottom: 15px;}.call-btn .icon-btn img {  width: 20px;  -webkit-filter: invert(1);  filter: invert(1);}.call-btn .btn-title {  font-size: 18px;  font-weight: 500;  font-family: var(--body-font);  color: var(--title-color);  margin-bottom: 11px;}.call-btn .btn-text {  font-size: 24px;  font-weight: 700;  color: var(--title-color);}.call-btn .btn-text a {  color: inherit;}.call-btn .btn-text:hover {  color: var(--theme-color);}.call-btn.style2 .icon-btn {  background: var(--theme-color2);  border-color: var(--theme-color2);  color: var(--theme-color);}.call-btn.style2 .btn-title {  color: var(--theme-color2);  font-weight: 400;}.call-btn.style2 .btn-text a {  color: var(--white-color);}.call-btn.style2 .btn-text a:hover {  color: var(--theme-color2);}.call-btn.style3 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 18px;}.call-btn.style3 .icon-btn {  background: var(--white-color);  color: var(--theme-color);  --btn-size: 40px;  font-size: 18px;  margin-bottom: 0;  position: relative;}.call-btn.style3 .icon-btn:after {  content: "";  position: absolute;  inset: -10px;  background: rgba(255, 255, 255, 0.1);  border-radius: 50%;}.call-btn.style3 .btn-title {  color: var(--th-border-color);  margin-bottom: 5px;}.call-btn.style3 .btn-text a {  color: var(--white-color);  font-family: var(--title-font);}.call-btn.style3 .btn-text a:hover {  color: var(--theme-color);}@media (max-width: 1399px) {  .call-btn .btn-text {    font-size: 22px;  }}@media (max-width: 1299px) {  .call-btn .btn-text {    font-size: 20px;  }}@media (max-width: 575px) {  .call-btn {    margin-top: 30px;  }}.img-box2 {  position: relative;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */}.img-box2 .about-tag {  position: absolute;  top: 60px;  /* Medium devices */  /* Extra small devices */}.img-box2 .about-tag .play-btn {  --icon-size: 150px;  border: 1px solid var(--smoke-color);  border-radius: 50%;}.img-box2 .about-tag .play-btn:after,.img-box2 .about-tag .play-btn:before {  display: none;}.img-box2 .about-tag .play-btn i {  line-height: 110px;  background: var(--smoke-color);  --icon-font-size: 26px;  border: 20px solid var(--white-color);}.img-box2 .about-tag .play-btn:hover i {  color: var(--title-color);}.img-box2 .about-tag .about-experience-tag {  color: var(--title-color);  width: 170px;  height: 170px;  margin-left: -85px;  margin-top: -85px;}.img-box2 .about-tag .about-experience-tag span {  height: 107px;  top: -12px;}@media (max-width: 991px) {  .img-box2 .about-tag {    left: 60px;  }  .img-box2 .about-tag .about-experience-tag {    color: var(--title-color);    width: 220px;    height: 220px;    margin-left: -110px;    margin-top: -110px;    background: white;  }  .img-box2 .about-tag .about-experience-tag span {    top: 0;  }}@media (max-width: 575px) {  .img-box2 .about-tag {    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    z-index: 1;  }}.img-box2 .slider-area {  overflow: hidden;  margin-left: 105px;  margin-right: -230px;  width: 868px;}.img-box2 .img1 {  border-radius: 24px;  position: relative;}.img-box2 .img1:after {  content: "";  position: absolute;  inset: 0;  border: 5px solid var(--white-color);  border-radius: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;}.img-box2 .img1 img {  -webkit-filter: blur(5px);  filter: blur(5px);  border-radius: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;}.img-box2 .about-thumb-slider {  margin-left: -938px;  margin-right: 0;  -webkit-transform: translate(331px, 0);  transform: translate(331px, 0);}.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;}.img-box2 .slider-arrow {  --pos-x: 247px;  opacity: 1;  visibility: visible;  -webkit-transform: none;  transform: none;  background: rgba(255, 255, 255, 0.66);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  width: 70px;  height: 46px;  line-height: 40px;  border: 3px solid var(--white-color);}.img-box2 .slider-arrow img {  width: 24px;}@media (max-width: 1500px) {  .img-box2 .slider-area {    width: auto;    margin-right: 0;  }  .img-box2 .about-thumb-slider {    margin-left: -877px;    -webkit-transform: translate(366px, 0);    transform: translate(366px, 0);  }  .img-box2 .slider-arrow {    --pos-x: 115px;  }}@media (max-width: 1399px) {  .img-box2 .about-thumb-slider {    margin-left: -871px;    -webkit-transform: translate(370px, 0);    transform: translate(370px, 0);  }  .img-box2 .slider-arrow {    --pos-x: 100px;  }}@media (max-width: 1299px) {  .img-box2 .about-thumb-slider {    margin-left: -853px;    -webkit-transform: translate(383px, 0);    transform: translate(383px, 0);  }  .img-box2 .slider-arrow {    --pos-x: 55px;  }}@media (max-width: 1199px) {  .img-box2 .about-thumb-slider {    margin-left: -930px;    -webkit-transform: translate(336px, 0);    transform: translate(336px, 0);  }  .img-box2 .slider-arrow {    --pos-x: 225px;  }}@media (max-width: 991px) {  .img-box2 .slider-area {    margin-left: 0;  }  .img-box2 .about-thumb-slider {    margin-left: 0;    -webkit-transform: none;    transform: none;  }  .img-box2 .img1 img {    width: 100%;  }}@media (max-width: 575px) {  .img-box2 .img1 {    overflow: hidden;  }}/* About 3 ---------------------------------- */.about-3-bg-shape {  opacity: 0.6;}.about-3-thumb-list {  list-style: none;  padding: 0;  margin: 0;  position: relative;  margin-top: 95px;  text-align: center;  /* Large devices */  /* Medium devices */}.about-3-thumb-list .gallery-card a {  border-radius: 24px;}.about-3-thumb-list li:first-child {  position: absolute;  top: -240px;  left: 0;  -webkit-transform: translate(0, -100%);  transform: translate(0, -100%);  /* Large devices */}.about-3-thumb-list li:first-child img {  width: 230px;  height: 200px;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1199px) {  .about-3-thumb-list li:first-child {    position: initial;    -webkit-transform: none;    transform: none;  }  .about-3-thumb-list li:first-child a {    -webkit-animation: none;    animation: none;  }  .about-3-thumb-list li:first-child img {    width: 100%;    height: auto;  }}.about-3-thumb-list li:nth-child(2) {  position: absolute;  top: -240px;  right: 0;  -webkit-transform: translate(0, -100%);  transform: translate(0, -100%);  /* Large devices */}.about-3-thumb-list li:nth-child(2) img {  width: 230px;  height: 200px;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1199px) {  .about-3-thumb-list li:nth-child(2) {    position: initial;    -webkit-transform: none;    transform: none;  }  .about-3-thumb-list li:nth-child(2) a {    -webkit-animation: none;    animation: none;  }  .about-3-thumb-list li:nth-child(2) img {    width: 100%;    height: auto;  }}.about-3-thumb-list li:nth-child(3) {  position: absolute;  top: -120px;  left: 0;  /* Large devices */}.about-3-thumb-list li:nth-child(3) img {  width: 405px;  height: 350px;  -o-object-fit: cover;  object-fit: cover;  /* Extra large devices */  /* Medium Large devices */}@media (max-width: 1500px) {  .about-3-thumb-list li:nth-child(3) img {    width: 350px;    height: 300px;  }}@media (max-width: 1399px) {  .about-3-thumb-list li:nth-child(3) img {    width: 300px;    height: 280px;  }}@media (max-width: 1199px) {  .about-3-thumb-list li:nth-child(3) {    position: initial;    -webkit-transform: none;    transform: none;  }  .about-3-thumb-list li:nth-child(3) a {    -webkit-animation: none;    animation: none;  }  .about-3-thumb-list li:nth-child(3) img {    width: 100%;    height: auto;  }}.about-3-thumb-list li:nth-child(4) {  /* Large devices */}.about-3-thumb-list li:nth-child(4) img {  width: 636px;  height: 350px;  -o-object-fit: cover;  object-fit: cover;  /* Medium Large devices */}@media (max-width: 1299px) {  .about-3-thumb-list li:nth-child(4) img {    width: 460px;    height: 300px;  }}@media (max-width: 1199px) {  .about-3-thumb-list li:nth-child(4) {    position: initial;    -webkit-transform: none;    transform: none;  }  .about-3-thumb-list li:nth-child(4) a {    -webkit-animation: none;    animation: none;  }  .about-3-thumb-list li:nth-child(4) img {    width: 100%;    height: auto;  }}.about-3-thumb-list li:nth-child(5) {  position: absolute;  top: -120px;  right: 0;  /* Large devices */}.about-3-thumb-list li:nth-child(5) img {  width: 405px;  height: 350px;  -o-object-fit: cover;  object-fit: cover;  /* Extra large devices */  /* Medium Large devices */}@media (max-width: 1500px) {  .about-3-thumb-list li:nth-child(5) img {    width: 350px;    height: 300px;  }}@media (max-width: 1399px) {  .about-3-thumb-list li:nth-child(5) img {    width: 300px;    height: 280px;  }}@media (max-width: 1199px) {  .about-3-thumb-list li:nth-child(5) {    position: initial;    -webkit-transform: none;    transform: none;  }  .about-3-thumb-list li:nth-child(5) a {    -webkit-animation: none;    animation: none;  }  .about-3-thumb-list li:nth-child(5) img {    width: 100%;    height: auto;  }}@media (max-width: 1199px) {  .about-3-thumb-list {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 20px;    margin-top: 20px;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }  .about-3-thumb-list li {    width: calc(50% - 20px);  }}@media (max-width: 991px) {  .about-3-thumb-list {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 20px;    margin-top: 20px;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }  .about-3-thumb-list li {    width: 100%;  }}.img-box3 {  position: relative;}.img-box3 .img1 {  border-radius: 24px;  overflow: hidden;}.img-box3 .img1 img {  width: 100%;}.img-box3 .about-tag {  position: absolute;  top: 60px;  right: -56px;  padding: 0;  /* Extra large devices */  /* Extra small devices */}.img-box3 .about-tag .play-btn {  --icon-size: 107px;  border: 0;  border-radius: 50%;}.img-box3 .about-tag .play-btn:after,.img-box3 .about-tag .play-btn:before {  background: rgba(255, 255, 255, 0.5);}.img-box3 .about-tag .play-btn i {  line-height: 110px;  background: var(--light-color);  --icon-font-size: 30px;}.img-box3 .about-tag .about-experience-tag {  color: var(--title-color);  width: 150px;  height: 150px;  margin-left: -75px;  margin-top: -75px;}.img-box3 .about-tag .about-experience-tag span {  height: 95px;  top: -11px;}@media (max-width: 1500px) {  .img-box3 .about-tag {    top: 50%;    left: 50%;    right: auto;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    z-index: 1;    text-align: center;    background: var(--white-color);    padding: 60px;    border-radius: 50%;  }}@media (max-width: 575px) {  .img-box3 .about-tag {    padding: 40px;  }  .img-box3 .about-tag .play-btn {    --icon-size: 60px;  }  .img-box3 .about-tag .play-btn i {    --icon-font-size: 20px;    line-height: 60px;  }  .img-box3 .about-tag .about-experience-tag {    width: 90px;    height: 90px;    margin-left: -45px;    margin-top: -45px;  }  .img-box3 .about-tag .about-experience-tag span {    --rotate-letter: 15deg;    height: 62px;    top: -10px;    left: 30%;  }}/* About 5 ---------------------------------- */.about-profile {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 16px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.about-profile .avater {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.about-profile .avater img {  border-radius: 50%;  overflow: hidden;}.about-profile .about-profile-name {  font-size: 18px;  font-weight: 500;  margin-bottom: 0;  color: var(--title-color);  margin-top: -0.2em;}.about-profile .desig {  font-size: 16px;  font-weight: 400;  color: var(--body-color);  margin-bottom: -0.3em;}.client-group-wrap {  background: var(--black-color2);  border-radius: 16px;  padding: 32px 24px;  display: inline-block;}.client-group-wrap .box-title {  font-size: 24px;  font-weight: 500;  color: var(--white-color);  margin-bottom: 24px;}.img-box5 {  padding-right: 30px;  display: inline-block;  /* Extra small devices */}.img-box5 .img1 {  border-radius: 24px;  overflow: hidden;}.img-box5 .client-group-wrap {  position: absolute;  bottom: 70px;  right: -150px;  /* Extra large devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .img-box5 .client-group-wrap {    right: -20px;  }}@media (max-width: 767px) {  .img-box5 .client-group-wrap {    right: 0;  }}@media (max-width: 575px) {  .img-box5 .client-group-wrap {    position: initial;    -webkit-animation: none !important;    animation: none !important;    margin-top: 20px;  }}@media (max-width: 575px) {  .img-box5 {    padding-right: 0;  }}/* About area -------------------------------*/.img-box6 {  position: relative;  padding-left: 172px;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Small devices */  /* Extra small devices */}.img-box6 .img1 {  border-radius: 32px;  overflow: hidden;  display: inline-block;}.img-box6 .img2 {  border-radius: 32px;  border: 2px solid var(--white-color);  display: inline-block;  overflow: hidden;  position: absolute;  left: -200px;  bottom: -200px;}.img-box6 .about-tag {  padding: 0;  position: absolute;  left: 110px;  bottom: 130px;}.img-box6 .about-tag .about-experience-tag {  color: var(--title-color);  height: 200px;  width: 200px;  margin-left: -100px;  margin-top: -100px;}.img-box6 .about-tag .about-experience-tag span {  height: 105px;}.img-box6 .about-tag .play-btn {  --icon-size: 107px;  border: 0;  border-radius: 50%;}@media (max-width: 1500px) {  .img-box6 {    padding-bottom: 63px;  }  .img-box6 .img2 {    left: 0;    bottom: 0;  }  .img-box6 .about-tag {    position: absolute;    left: 50px;    bottom: auto;    top: 20px;  }  .img-box6 .about-tag .play-btn {    --icon-size: 80px;  }  .img-box6 .about-tag .about-experience-tag {    height: 150px;    width: 150px;    margin-left: -75px;    margin-top: -75px;  }  .img-box6 .about-tag .about-experience-tag span {    --rotate-letter: 10deg;    height: 80px;    left: 38%;    top: -3px;  }}@media (max-width: 1399px) {  .img-box6 {    padding-bottom: 86px;  }}@media (max-width: 1299px) {  .img-box6 {    padding-bottom: 128px;  }}@media (max-width: 1199px) {  .img-box6 {    padding-left: 212px;  }  .img-box6 .about-tag {    left: 60px;    top: 70px;  }}@media (max-width: 767px) {  .img-box6 {    padding-left: 192px;    padding-bottom: 248px;  }}@media (max-width: 575px) {  .img-box6 {    padding-left: 0;    padding-bottom: 0;  }  .img-box6 .img2 {    position: initial;    margin-top: 20px;    display: block;    border: 0;  }  .img-box6 .img2 img {    width: 100%;  }}/* About 7 ---------------------------------- */.img-box7 .img1 img {  border-radius: 24px;  width: 100%;}/* About area 8 ---------------------------------- */.img-box8 .img1 {  border-radius: 50px;  overflow: hidden;}.img-box8 .img1 img {  width: 100%;}.about-wrap8 {  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);  padding-top: 40px;  margin-top: 32px;  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}.about-wrap8 .checklist {  padding-right: 40px;  margin-right: 40px;  border-right: 1px solid rgba(255, 255, 255, 0.1);}@media (max-width: 1299px) {  .about-wrap8 .checklist {    padding-right: 30px;    margin-right: 30px;  }  .about-wrap8 .checklist.style2 li {    font-size: 16px;  }}@media (max-width: 991px) {  .about-wrap8 .checklist {    padding-right: 40px;    margin-right: 40px;  }}@media (max-width: 575px) {  .about-wrap8 {    display: block;  }  .about-wrap8 .checklist {    padding-right: 0;    margin-right: 0;    border-right: 0;  }}.about8-feature-list {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  background: var(--white-color);  border-radius: 10px;  border-bottom: 5px solid var(--theme-color2);  padding: 40px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin-left: -464px;  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .about8-feature-list {    margin-left: -484px;  }}@media (max-width: 1299px) {  .about8-feature-list {    margin-left: -524px;    padding: 30px;  }}@media (max-width: 1199px) {  .about8-feature-list {    margin-left: 0;  }}@media (max-width: 767px) {  .about8-feature-list {    gap: 20px;  }}@media (max-width: 575px) {  .about8-feature-list {    gap: 30px;  }}.about8-feature-list .about-feature {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  padding-right: 30px;  margin-right: 30px;  gap: 11px;  position: relative;  /* Small devices */}.about8-feature-list .about-feature:after {  content: "";  position: absolute;  right: 0;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  background: var(--light-color);  width: 1px;  height: 30px;}.about8-feature-list .about-feature:last-child {  padding-right: 0;  margin-right: 0;}.about8-feature-list .about-feature:last-child:after {  display: none;}.about8-feature-list .about-feature img {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.about8-feature-list .about-feature .box-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 0;}.about8-feature-list .about-feature .text {  margin-bottom: -0.3em;  font-size: 14px;}@media (max-width: 767px) {  .about8-feature-list .about-feature {    padding-right: 0;    margin-right: 0;  }  .about8-feature-list .about-feature:after {    display: none;  }}/* About Area 9-------------------------------*/.img-box9 {  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 24px;  height: 635px;  /* Medium devices */  /* Extra small devices */}.img-box9 img {  width: 100%;  -o-object-fit: cover;  object-fit: cover;  border-radius: 50px;}.img-box9 .img1 {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.img-box9 .img1 img {  height: calc(50% - 12px);}.img-box9 .img2 {  margin-top: 24px;  height: calc(50% - 12px);}.img-box9 .img2 img {  height: 100%;}.img-box9 .img3 {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.img-box9 .img3 img {  height: 100%;}.img-box9 .client-group-wrap {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  border-radius: 30px;}@media (max-width: 991px) {  .img-box9 {    height: auto;  }}@media (max-width: 575px) {  .img-box9 {    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .img-box9 .client-group-wrap {    position: initial;    -webkit-transform: none;    transform: none;    width: 100%;  }}/* About Area 10 ---------------------------------- */.img-box10 {  position: relative;  display: inline-block;  padding: 64px 94px 81px 132px;  /* Medium Large devices */  /* Extra small devices */}.img-box10 .img1 {  display: inline-block;  border-radius: 32px;  overflow: hidden;}.img-box10 .img2 {  display: inline-block;  border-radius: 32px;  border: 2px solid var(--white-color);  overflow: hidden;  position: absolute;  left: 0;  top: 0;}.img-box10 .img3 {  display: inline-block;  border-radius: 32px;  border: 2px solid var(--white-color);  overflow: hidden;  position: absolute;  right: 0;  bottom: 0;}.img-box10 .about-tag {  padding: 0;  position: absolute;  left: 70px;  bottom: 130px;}.img-box10 .about-tag .about-experience-tag {  color: var(--title-color);  height: 180px;  width: 180px;  margin-left: -90px;  margin-top: -90px;}.img-box10 .about-tag .about-experience-tag span {  height: 95px;  --rotate-letter: 8deg;}.img-box10 .about-tag .play-btn {  --icon-size: 107px;  border: 0;  border-radius: 50%;}.img-box10 .about-tag .play-btn:after,.img-box10 .about-tag .play-btn:before {  background: var(--white-color);  mix-blend-mode: exclusion;}@media (max-width: 1299px) {  .img-box10 {    padding: 60px 75px 80px 100px;  }}@media (max-width: 575px) {  .img-box10 {    padding: 0;  }  .img-box10 .img1 {    margin-bottom: 15px;  }  .img-box10 .img2 {    position: initial;    display: block;    width: calc(50% - 10px);    float: left;  }  .img-box10 .img2 img {    width: 100%;  }  .img-box10 .img3 {    position: initial;    display: block;    width: calc(50% - 10px);    float: right;  }  .img-box10 .img3 img {    width: 100%;  }  .img-box10 .about-tag {    left: 70px;    bottom: auto;    top: 70px;  }}/* About Area 11 ---------------------------------- */.about-experience-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: end;  -ms-flex-align: end;  align-items: end;  gap: 20px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.about-experience-wrap .box-number {  font-size: 290px;  font-weight: 700;  font-family: var(--title-font);  -webkit-background-clip: text;  background-clip: text;  background-position: center;  background-size: cover;  color: transparent;  line-height: 0.76;  letter-spacing: -0.03em;  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .about-experience-wrap .box-number {    font-size: 250px;  }}@media (max-width: 1299px) {  .about-experience-wrap .box-number {    font-size: 200px;  }}@media (max-width: 1199px) {  .about-experience-wrap .box-number {    font-size: 150px;  }}@media (max-width: 767px) {  .about-experience-wrap .box-number {    font-size: 120px;  }}@media (max-width: 375px) {  .about-experience-wrap .box-number {    font-size: 100px;  }}.about-experience-wrap .box-text {  display: block;  font-size: 96px;  font-weight: 600;  font-family: var(--title-font);  color: var(--title-color);  line-height: 0.75;  margin-bottom: 18px;  /* Medium Large devices */  /* Large devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .about-experience-wrap .box-text {    font-size: 80px;    margin-bottom: 20px;  }}@media (max-width: 1199px) {  .about-experience-wrap .box-text {    font-size: 60px;  }}@media (max-width: 767px) {  .about-experience-wrap .box-text {    font-size: 50px;  }}@media (max-width: 575px) {  .about-experience-wrap .box-text {    font-size: 40px;  }}.about-experience-wrap .border-text {  font-size: 38px;  font-weight: 600;  font-family: var(--title-font);  color: transparent;  text-transform: uppercase;  -webkit-text-stroke: 1px var(--theme-color2);  display: block;  line-height: 1;  letter-spacing: 0.13em;  /* Large devices */  /* Small devices */}@media (max-width: 1199px) {  .about-experience-wrap .border-text {    font-size: 30px;  }}@media (max-width: 767px) {  .about-experience-wrap .border-text {    font-size: 24px;  }}.img-box11 {  text-align: end;  position: relative;  padding-top: 195px;  /* Large devices */  /* Extra small devices */  /* Extra small devices */}.img-box11 .img1 {  border-radius: 20px;  overflow: hidden;}.img-box11 .img1 img {  width: 100%;}.img-box11 .img2 {  position: absolute;  top: 0;  right: 50px;  border-radius: 20px;  overflow: hidden;  border: 6px solid var(--white-color);  /* Small devices */  /* Extra small devices */}@media (max-width: 767px) {  .img-box11 .img2 {    -webkit-animation: none !important;    animation: none !important;  }}@media (max-width: 575px) {  .img-box11 .img2 {    right: 30px;    left: 30px;  }  .img-box11 .img2 img {    width: 100%;  }}@media (max-width: 1199px) {  .img-box11 {    display: inline-block;  }}@media (max-width: 575px) {  .img-box11 {    padding-top: 150px;  }}@media (max-width: 375px) {  .img-box11 {    padding-top: 100px;  }}/* about area 12 ---------------------------------- */.about-wrap12 .about-counter-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  /* Small devices */}.about-wrap12 .about-counter-wrap .about-counter-card {  border: 1px solid rgba(255, 255, 255, 0.5);  text-align: center;  height: 216px;  width: 216px;  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;  border-radius: 50%;}.about-wrap12 .about-counter-wrap .about-counter-card:not(:first-child) {  margin-left: -26px;}.about-wrap12 .about-counter-wrap .about-counter-card .box-number {  font-size: 36px;  font-weight: 400;  font-family: var(--body-font);  color: var(--theme-color2);  margin-top: -0.25em;}.about-wrap12 .about-counter-wrap .about-counter-card .box-text {  color: var(--white-color);  max-width: 93px;  margin-left: auto;  margin-right: auto;  line-height: 1.375em;  margin-bottom: -0.35em;}@media (max-width: 767px) {  .about-wrap12 .about-counter-wrap {    display: block;  }  .about-wrap12 .about-counter-wrap .about-counter-card {    width: auto;    height: auto;    border-radius: 20px;    padding: 40px 20px;  }  .about-wrap12 .about-counter-wrap .about-counter-card .box-text {    max-width: none;  }  .about-wrap12 .about-counter-wrap .about-counter-card:not(:first-child) {    margin-top: 20px;    margin-left: 0;  }}.img-box12 {  border-radius: 50px;  overflow: hidden;}.img-box12 img {  width: 100%;}/* about area 13 ---------------------------------- */.about-thumb13 {  overflow: hidden;}.about-thumb13 .img1,.about-thumb13 .img2,.about-thumb13 .img3,.about-thumb13 img {  -webkit-transition: 0.4s;  transition: 0.4s;  border-radius: 24px;  overflow: hidden;}.about-thumb13:hover img {  -webkit-transform: scale(1.05);  transform: scale(1.05);}.about-wrap13-1 {  padding: 40px;  /* Medium Large devices */}.about-wrap13-1 .about-info-list {  list-style: none;  padding: 0;  margin: 0;}.about-wrap13-1 .about-info-list li {  padding-top: 12px;  position: relative;}.about-wrap13-1 .about-info-list li:after {  content: "";  position: absolute;  top: 0;  left: 0;  background: var(--theme-color);  width: 40px;  height: 1px;}.about-wrap13-1 .about-info-list li:not(:last-child) {  margin-bottom: 30px;}.about-wrap13-1 .about-info-list li .box-title {  font-size: 20px;  font-weight: 500;  font-family: var(--body-font);  margin-bottom: 6px;}@media (max-width: 1299px) {  .about-wrap13-1 {    padding: 40px 0 0;  }}.about-wrap13-2 {  padding: 0 0 0 16px;  /* Medium Large devices */}@media (max-width: 1299px) {  .about-wrap13-2 {    padding: 0;  }}/* About area 14 ---------------------------------- */.about-wrap14 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 50px 60px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.about-wrap14 .about-thumb14-1 {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  /* Small devices */}.about-wrap14 .about-thumb14-1 img {  width: 502px;  height: 589px;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 767px) {  .about-wrap14 .about-thumb14-1 {    width: 100%;  }  .about-wrap14 .about-thumb14-1 img {    width: 100%;    height: auto;  }}.about-wrap14 .about-content {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;  max-width: 546px;  /* Medium devices */}@media (max-width: 991px) {  .about-wrap14 .about-content {    max-width: none;    width: 100%;    -webkit-box-flex: 0;    -ms-flex: none;    flex: none;  }}.about-wrap14 .about-profile2 .about-profile-name {  font-size: 34px;  font-weight: 700;  margin-bottom: 0;  margin-top: 10px;  color: var(--theme-color);  /* Extra small devices */}@media (max-width: 575px) {  .about-wrap14 .about-profile2 .about-profile-name {    font-size: 24px;  }}.about-wrap14 .about-profile2 .desig {  font-size: 18px;  font-weight: 400;  color: var(--body-color);  margin-bottom: 0;}.about-wrap14 .about-feature-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 60px;  width: 100%;  /* Medium Large devices */}.about-wrap14 .about-feature-wrap .about-card-wrap {  -ms-flex-item-align: self-end;  align-self: self-end;  width: 100%;}@media (max-width: 1299px) {  .about-wrap14 .about-feature-wrap {    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}.about-wrap14 .about-thumb14-2 {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  margin-top: -275px;  /* Medium Large devices */}.about-wrap14 .about-thumb14-2 img {  width: 404px;  height: 450px;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1299px) {  .about-wrap14 .about-thumb14-2 {    margin-top: 0;    width: 100%;  }  .about-wrap14 .about-thumb14-2 img {    width: 100%;  }}.about-feature-card14 {  text-align: center;  max-width: 242px;  margin-left: auto;  margin-right: auto;  /* Small devices */}.about-feature-card14 .box-icon {  margin-bottom: 28px;}.about-feature-card14 .box-title {  font-size: 20px;  font-weight: 600;  margin-bottom: 5px;  color: var(--theme-color);}.about-feature-card14 .box-text {  margin-bottom: -0.4em;}@media (max-width: 767px) {  .about-feature-card14 {    max-width: none;    text-align: start;  }}/* About Area 15 ---------------------------------- */.about-wrap15 {  max-width: 687px;  margin-left: auto;  margin-right: auto;  /* Medium Large devices */}.about-wrap15 p {  max-width: 545px;  margin-left: auto;  margin-right: auto;  margin-top: 16px;}@media (max-width: 1399px) {  .about-wrap15 {    max-width: none;  }}.about-thumb15-1 {  border-radius: 30px;  overflow: hidden;}.about-thumb15-1 img {  width: 100%;}.about-thumb15-2 {  margin-top: 110px;  border-radius: 30px;  overflow: hidden;  /* Medium Large devices */}.about-thumb15-2 img {  width: 100%;}@media (max-width: 1399px) {  .about-thumb15-2 {    margin-top: 0;  }}/* About Area 16 ---------------------------------- */.about-wrap16 .about-profile-name {  font-size: 34px;  font-weight: 700;  /* Large devices */}@media (max-width: 1199px) {  .about-wrap16 .about-profile-name {    font-size: 24px;  }}.about-wrap16 .desig {  font-size: 18px;  color: var(--body-color);  /* Large devices */}@media (max-width: 1199px) {  .about-wrap16 .desig {    font-size: 16px;  }}.about-thumb16-1 {  border-radius: 30px;  overflow: hidden;}.about-thumb16-1 img {  width: 100%;}/* About 17 ---------------------------------- */.about-thumb17-1 {  position: relative;  display: inline-block;  padding: 0 279px 150px 0;  /* Medium devices */  /* Small devices */}.about-thumb17-1 .img1 {  border-radius: 20px;  overflow: hidden;}.about-thumb17-1 .img1 img {  width: 100%;}.about-thumb17-1 .img2 {  overflow: hidden;  border-radius: 20px;  border: 10px solid var(--white-color);  position: absolute;  right: 0;  bottom: 0;  background: var(--white-color);}.about-thumb17-1 .img2 img {  width: 100%;  border-radius: 14px;}.about-thumb17-1 .about-tag {  position: absolute;  right: 140px;  top: 80px;  background: #C6C7C9;  border-radius: 50%;  padding: 33px;  border: 17px solid var(--smoke-color2);}.about-thumb17-1 .about-tag .about-experience-tag {  width: 210px;  height: 210px;  margin-left: -105px;  margin-top: -105px;}.about-thumb17-1 .about-tag .about-experience-tag span {  height: 110px;}.about-thumb17-1 .about-tag .play-btn:after,.about-thumb17-1 .about-tag .play-btn:before {  display: none;}.about-thumb17-1 .about-tag .play-btn>i {  --icon-size: 64px;  background: var(--title-color);  color: var(--white-color);}.about-thumb17-1 .about-shape17-1 {  position: absolute;  bottom: 75px;  left: 100px;  z-index: -1;}.about-thumb17-1 .about-shape17-2 {  position: absolute;  top: 280px;  right: 40px;  z-index: -1;}@media (max-width: 991px) {  .about-thumb17-1 {    padding: 0 100px 240px 0;  }  .about-thumb17-1 .about-tag {    right: 20px;  }}@media (max-width: 767px) {  .about-thumb17-1 {    padding: 0;  }  .about-thumb17-1 .img2 {    position: relative;    border: 0;    margin-top: 24px;  }  .about-thumb17-1 .about-tag {    top: auto;    bottom: -50px;    right: 50px;  }  .about-thumb17-1 .about-tag .about-experience-tag {    color: var(--white-color) !important;  }}/* About Area 18 ---------------------------------- */.about-thumb18-1 {  border-radius: 20px;  overflow: hidden;}.about-wrap18 .counter-card-wrap {  display: grid;  gap: 50px;  grid-template-columns: repeat(2, 1fr);  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}@media (max-width: 1399px) {  .about-wrap18 .counter-card-wrap {    grid-template-columns: repeat(4, 1fr);  }}@media (max-width: 991px) {  .about-wrap18 .counter-card-wrap {    grid-template-columns: repeat(2, 1fr);  }}@media (max-width: 375px) {  .about-wrap18 .counter-card-wrap {    grid-template-columns: repeat(1, 1fr);  }}/* About Area 19 ---------------------------------- */.about-thumb19-1 {  margin-left: -165px;  position: relative;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Extra small devices */  /* Extra small devices */}.about-thumb19-1 .counter-wrap {  position: absolute;  right: 0;  bottom: 0;  background: var(--smoke-color3);  border-radius: 10px;  padding: 22px 46px 22px 30px;}.about-thumb19-1 .counter-wrap .box-number {  font-size: 44px;  font-weight: 600;  color: var(--theme-color);  margin-top: -0.28em;  margin-bottom: -0.17em;  /* Extra large devices */}@media (max-width: 1500px) {  .about-thumb19-1 .counter-wrap .box-number {    font-size: 36px;  }}.about-thumb19-1 .counter-wrap .box-text {  font-size: 18px;  /* Extra large devices */}@media (max-width: 1500px) {  .about-thumb19-1 .counter-wrap .box-text {    font-size: 16px;  }}@media (max-width: 1700px) {  .about-thumb19-1 {    margin-left: -100px;  }  .about-thumb19-1 .counter-wrap {    padding: 22px 29px 22px 30px;  }}@media (max-width: 1500px) {  .about-thumb19-1 {    margin-left: 0;    margin-right: -80px;  }  .about-thumb19-1 .counter-wrap {    padding: 22px 31px;  }}@media (max-width: 1299px) {  .about-thumb19-1 .counter-wrap {    padding: 20px 25px;  }}@media (max-width: 1199px) {  .about-thumb19-1 {    margin-right: 0;    display: inline-block;  }  .about-thumb19-1 .counter-wrap {    padding: 26px 40px;  }}@media (max-width: 575px) {  .about-thumb19-1 .counter-wrap {    padding: 18px 16px;  }  .about-thumb19-1 .counter-wrap .box-number {    font-size: 30px;  }}@media (max-width: 375px) {  .about-thumb19-1 .counter-wrap {    position: relative;    margin-top: 20px;    padding: 28px 26px;    display: inline-block;  }}.about-wrap19 {  /* Extra large devices */  /* Large devices */}@media (max-width: 1500px) {  .about-wrap19 {    margin-left: 80px;  }}@media (max-width: 1199px) {  .about-wrap19 {    margin-left: 0;  }}.about-wrap19 .about-grid-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 50px;  /* Medium Large devices */  /* Small devices */}.about-wrap19 .about-grid-wrap .about-thumb19-2 {  -webkit-box-flex: 0;  -ms-flex: 0 0 50%;  flex: 0 0 50%;  /* Extra large devices */}.about-wrap19 .about-grid-wrap .about-thumb19-2 .img1 {  height: 100%;}.about-wrap19 .about-grid-wrap .about-thumb19-2 img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1500px) {  .about-wrap19 .about-grid-wrap .about-thumb19-2 {    -webkit-box-flex: 0;    -ms-flex: 0 0 40%;    flex: 0 0 40%;  }}.about-wrap19 .about-grid-wrap .about-content {  -ms-flex-item-align: center;  align-self: center;}@media (max-width: 1299px) {  .about-wrap19 .about-grid-wrap {    gap: 24px;  }  .about-wrap19 .about-grid-wrap .about-thumb19-2 {    -webkit-box-flex: 0;    -ms-flex: 0 0 44%;    flex: 0 0 44%;  }  .about-wrap19 .about-grid-wrap .checklist.style5 li {    font-size: 16px;  }}@media (max-width: 767px) {  .about-wrap19 .about-grid-wrap {    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }}/* About Area 20 ---------------------------------- */.about-thumb20-1 {  position: relative;  /* Large devices */}.about-thumb20-1:after {  content: "";  position: absolute;  width: 280px;  height: 280px;  border-radius: 50%;  background: var(--theme-color);  top: 28px;  left: -36px;  z-index: -1;  /* Extra large devices */}@media (max-width: 1500px) {  .about-thumb20-1:after {    left: -20px;  }}.about-thumb20-1 .counter-wrap {  position: absolute;  bottom: 96px;  left: -58px;  background: var(--white-color);  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08);  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.08);  border-radius: 10px;  padding: 30px 76px 30px 30px;  /* Extra large devices */  /* Extra small devices */}.about-thumb20-1 .counter-wrap .box-number {  margin-top: -0.25em;  color: var(--theme-color);  margin-bottom: 0;}.about-thumb20-1 .counter-wrap .box-text {  font-size: 18px;}@media (max-width: 1500px) {  .about-thumb20-1 .counter-wrap {    left: -30px;  }}@media (max-width: 575px) {  .about-thumb20-1 .counter-wrap {    left: auto;    right: 30px;    bottom: 30px;    padding: 30px;  }  .about-thumb20-1 .counter-wrap .box-text {    font-size: 16px;  }}.about-thumb20-1 .about-thumb-bg-shape20-1 {  position: absolute;  left: -80px;  top: 100px;  z-index: -1;  /* Extra large devices */}@media (max-width: 1500px) {  .about-thumb20-1 .about-thumb-bg-shape20-1 {    left: -50px;    top: 120px;  }}@media (max-width: 1199px) {  .about-thumb20-1 {    display: inline-block;  }}/*------------------- 4.00. Team  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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-area-1 {  padding-top: 570px;  /* Medium devices */}@media (max-width: 991px) {  .team-area-1 {    padding-top: 530px;  }}.team-slider1 {  text-align: center;  margin-bottom: 0px;  /* Medium devices */}@media (max-width: 991px) {  .team-slider1 {    margin-bottom: 0;  }}.team-slider1 .slider-pagination.swiper-pagination-progressbar {  bottom: 8px;  margin: 70px 40px 0;  background: rgba(255, 255, 255, 0.15);  height: 1px;  /* 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-slider1 .slider-arrow {  top: auto;  bottom: 0px;  left: 0;  background: transparent;  width: auto;  height: auto;  line-height: normal;  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}.team-slider1 .slider-arrow.slider-next {  right: 0;  left: auto;}/* Team Card ---------------------------------- */.team-card {  position: relative;}.team-card .team-img img {  height: 442px;  -o-object-fit: cover;  object-fit: cover;}.team-card .team-card-content {  position: absolute;  bottom: 24px;  left: 24px;  right: 24px;  top: 325px;  background: rgba(23, 23, 23, 0.7);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  border-radius: 0px;  padding: 18px 25px;  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-mask-image: url(../img/theme-img/team-shape1-2.png);  mask-image: url(../img/theme-img/team-shape1-2.png);  -webkit-mask-size: 100% 100%;  mask-size: 100% 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  /* Extra small devices */  /* Extra small devices */}@media (max-width: 575px) {  .team-card .team-card-content {    padding: 18px 20px;  }}.team-card .team-card-content .media {  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;  margin-bottom: auto;  width: 100%;  text-align: start;}.team-card .team-card-content .media .media-body {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.team-card .team-card-content .icon-btn {  border: 0;  background: var(--theme-color);}.team-card .team-card-content .icon-btn img {  -webkit-filter: brightness(99) invert(0);  filter: brightness(99) invert(0);  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card .team-card-content .icon-btn:hover {  background: var(--white-color);}.team-card .team-card-content .icon-btn:hover img {  -webkit-filter: none;  filter: none;}@media (max-width: 575px) {  .team-card .team-card-content {    bottom: 15px;    left: 15px;    right: 15px;    top: 338px;  }}.team-card .box-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 5px;}.team-card .box-title a {  color: var(--white-color);}.team-card .box-title a:hover {  color: var(--theme-color);}.team-card .team-desig {  font-size: 16px;  font-weight: 400;  font-family: var(--body-font);  margin-bottom: -0.4em;  display: block;  color: var(--white-color);}.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 .team-card-content {  top: 24px;  -webkit-mask-image: url(../img/theme-img/team-shape1.png);  mask-image: url(../img/theme-img/team-shape1.png);  padding: 24px 25px;  /* Extra small devices */}@media (max-width: 575px) {  .team-card:hover .team-card-content {    top: 15px;    padding: 20px;  }}.team-card:hover .th-social {  opacity: 1;  visibility: visible;}/* Team Card 2---------------------------------- */.team-slider2 .slider-arrow {  --pos-x: -25px;}.team-card.style2 {  padding: 0;  background: transparent;  border-radius: 24px;  overflow: hidden;}.team-card.style2 .img-wrap {  position: relative;}.team-card.style2 .img-wrap:after {  content: "";  position: absolute;  inset: 0;  background: rgba(12, 10, 10, 0.6);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style2 .team-img img {  height: auto;}.team-card.style2 .team-card-content {  background: var(--white-color);  padding: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  position: initial;  -webkit-mask-image: none;  mask-image: none;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.team-card.style2 .box-title {  margin-bottom: 1px;}.team-card.style2 .box-title a {  color: var(--title-color);}.team-card.style2 .box-title a:hover {  color: var(--theme-color);}.team-card.style2 .team-desig {  color: var(--title-dark);}.team-card.style2 .icon-btn {  background: var(--title-dark);  color: var(--white-color);}.team-card.style2 .icon-btn img {  -webkit-filter: invert(1);  filter: invert(1);  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style2 .icon-btn:hover {  background: var(--theme-color);  color: var(--white-color);}.team-card.style2 .icon-btn:hover img {  -webkit-filter: invert(1);  filter: invert(1);}.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 .img-wrap:after {  opacity: 1;}.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-slider3 {  --pos-x: -38px;}.team-card.style3 {  padding: 0;  background: transparent;  border-radius: 24px;  overflow: hidden;}.team-card.style3 .img-wrap {  position: relative;}.team-card.style3 .img-wrap:after {  content: "";  position: absolute;  inset: 0;  background: rgba(23, 23, 23, 0.7);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style3 .team-img img {  height: auto;}.team-card.style3 .team-card-content {  background: var(--smoke-color2);  padding: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  position: initial;  -webkit-mask-image: none;  mask-image: none;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.team-card.style3 .box-title {  margin-bottom: 1px;}.team-card.style3 .box-title a {  color: var(--title-color);}.team-card.style3 .box-title a:hover {  color: var(--theme-color);}.team-card.style3 .team-desig {  color: var(--body-color);}.team-card.style3 .icon-btn {  background: var(--title-color);  color: var(--white-color);}.team-card.style3 .icon-btn img {  -webkit-filter: invert(1) brightness(99);  filter: invert(1) brightness(99);  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style3 .icon-btn:hover {  background: var(--theme-color);}.team-card.style3 .icon-btn:hover img {  -webkit-filter: invert(1) brightness(99);  filter: invert(1) brightness(99);}.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 .img-wrap:after {  opacity: 1;}.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 {  padding: 0;  background: transparent;  border-radius: 24px;  overflow: hidden;}.team-card.style4 .img-wrap {  position: relative;}.team-card.style4 .img-wrap:after {  content: "";  position: absolute;  inset: 0;  background: rgba(23, 23, 23, 0.7);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style4 .team-img img {  height: auto;}.team-card.style4 .team-card-content {  background: var(--smoke-color2);  padding: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  position: initial;  -webkit-mask-image: none;  mask-image: none;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.team-card.style4 .box-title {  margin-bottom: 1px;}.team-card.style4 .box-title a {  color: var(--title-color);}.team-card.style4 .box-title a:hover {  color: var(--theme-color);}.team-card.style4 .team-desig {  color: var(--title-color);}.team-card.style4 .icon-btn {  background: var(--title-color);  color: var(--white-color);}.team-card.style4 .icon-btn img {  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style4 .icon-btn:hover {  background: var(--theme-color);}.team-card.style4 .icon-btn:hover img {  -webkit-filter: brightness(99) invert(0) grayscale(9);  filter: brightness(99) invert(0) grayscale(9);}.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 .img-wrap:after {  opacity: 1;}.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 {  padding: 0;  background: transparent;  border-radius: 24px;  overflow: hidden;}.team-card.style5 .img-wrap {  position: relative;  border-radius: 300px 300px 0 0;  overflow: hidden;}.team-card.style5 .img-wrap:after {  content: "";  position: absolute;  inset: 0;  background: rgba(23, 23, 23, 0.7);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style5 .team-img img {  height: auto;}.team-card.style5 .team-card-content {  background: var(--white-color);  padding: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  position: initial;  -webkit-mask-image: none;  mask-image: none;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.team-card.style5 .box-title {  margin-bottom: 1px;  font-weight: 500;}.team-card.style5 .box-title a {  color: var(--title-color);}.team-card.style5 .box-title a:hover {  color: var(--theme-color);}.team-card.style5 .team-desig {  color: var(--body-color);}.team-card.style5 .icon-btn {  background: var(--title-color);  color: var(--white-color);}.team-card.style5 .icon-btn img {  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style5 .icon-btn:hover {  background: var(--theme-color);}.team-card.style5 .icon-btn:hover img {  -webkit-filter: brightness(99) invert(0);  filter: brightness(99) invert(0);}.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 .img-wrap:after {  opacity: 1;}.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 6-------------------------------*/.team-thumb-slider-wrap {  margin-top: 24px;  /* Large devices */}@media (max-width: 1199px) {  .team-thumb-slider-wrap {    margin-bottom: 24px;  }}.team-thumb-slider1 {  height: 831px;  /* Large devices */}.team-thumb-slider1 .swiper-wrapper {  padding: 0 !important;}.team-thumb-slider1 .team-box-img {  border-radius: 24px;  overflow: hidden;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Medium Large devices */}.team-thumb-slider1 .team-box-img .team-img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1299px) {  .team-thumb-slider1 .team-box-img {    height: 261px;  }}.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);}@media (max-width: 1199px) {  .team-thumb-slider1 {    height: auto;  }  .team-thumb-slider1 .team-box-img {    width: 100%;    height: auto;  }  .team-thumb-slider1 .team-box-img .team-img {    width: 100%;    -o-object-position: top;    object-position: top;  }}.team-slider6 .swiper-slide {  opacity: 0 !important;}.team-slider6 .swiper-slide.swiper-slide-active {  opacity: 1 !important;}.team-slider6 .icon-box {  position: absolute;  left: 50%;  bottom: 40px;  -webkit-transform: translate(calc(-50% + 102px), 0);  transform: translate(calc(-50% + 102px), 0);  z-index: 1;  --icon-size: 64px;  gap: 10px;  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.team-slider6 .icon-box .slider-arrow {  background: transparent;  border: 1px solid var(--white-color);}.team-slider6 .icon-box .slider-arrow:not(:last-child) {  margin-right: 15px;}.team-slider6 .icon-box .slider-arrow img {  -webkit-filter: brightness(1) invert(1);  filter: brightness(1) invert(1);  width: 24px;  height: 24px;}.team-slider6 .icon-box .slider-arrow:hover {  background: var(--white-color);}.team-slider6 .icon-box .slider-arrow:hover img {  -webkit-filter: none;  filter: none;}@media (max-width: 1399px) {  .team-slider6 .icon-box {    -webkit-transform: translate(calc(-50% + 120px), 0);    transform: translate(calc(-50% + 120px), 0);  }}@media (max-width: 1299px) {  .team-slider6 .icon-box {    -webkit-transform: translate(calc(-50% + 170px), 0);    transform: translate(calc(-50% + 170px), 0);  }}@media (max-width: 991px) {  .team-slider6 .icon-box .slider-arrow img {    width: auto;    height: auto;  }}@media (max-width: 767px) {  .team-slider6 .icon-box {    left: auto;    right: 0;    -webkit-transform: none;    transform: none;    bottom: 0;  }  .team-slider6 .icon-box .slider-arrow:not(:last-child) {    margin-right: 10px;  }}@media (max-width: 375px) {  .team-slider6 .icon-box {    display: none;  }}.team-card5 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  /* Small devices */  /* Extra small devices */}.team-card5 .team-img {  background: var(--white-color);  border-radius: 24px;  overflow: hidden;}.team-card5 .team-card-content {  padding: 24px 24px 24px 40px;  -ms-flex-item-align: center;  align-self: center;}.team-card5 .team-card-content .box-title {  font-size: 40px;  font-weight: 500;  margin-bottom: 0px;}.team-card5 .team-card-content .box-title a {  color: var(--white-color);}.team-card5 .team-card-content .box-title a:hover {  color: var(--theme-color2);}.team-card5 .team-card-content .team-desig {  margin-bottom: 33px;  display: block;  color: var(--white-color);}.team-card5 .team-card-content .contact-info {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 16px;  font-size: 24px;  font-weight: 400;  color: var(--white-color);}.team-card5 .team-card-content .contact-info:not(:last-child) {  margin-bottom: 16px;}.team-card5 .team-card-content .contact-info:hover {  color: var(--theme-color2);}.team-card5 .team-card-content .icon-btn {  border: 1px solid var(--white-color);  background: transparent;  line-height: 35px;}.team-card5 .team-card-content .icon-btn img {  -webkit-filter: contrast(0) brightness(2);  filter: contrast(0) brightness(2);}@media (max-width: 767px) {  .team-card5 .team-card-content {    padding: 24px;    -ms-flex-item-align: start;    align-self: flex-start;  }  .team-card5 .team-card-content .box-title {    font-size: 24px;  }  .team-card5 .team-card-content .contact-info {    font-size: 16px;  }}@media (max-width: 575px) {  .team-card5 {    display: block;  }  .team-card5 .team-card-content {    padding: 24px 0 0;  }  .team-card5 .team-card-content .team-desig {    margin-bottom: 25px;  }}/* Team sec 7 ---------------------------------- */.team-area-7 {  margin-top: -1px;  background-size: auto !important;  background-position: bottom;}.team-area-7 .th-container {  --main-container: 1760px;}.team-slider7-wrap .icon-box {  margin-top: 10px;  --icon-size: 48px;  /* Extra large devices */  /* Large devices */  /* Medium devices */}.team-slider7-wrap .icon-box .slider-arrow {  line-height: 44px;}.team-slider7-wrap .icon-box .slider-arrow:not(:last-child) {  margin-right: 15px;}@media (max-width: 1500px) {  .team-slider7-wrap .icon-box {    margin-top: 38px;  }}@media (max-width: 1199px) {  .team-slider7-wrap .icon-box {    margin-top: -10px;  }}@media (max-width: 991px) {  .team-slider7-wrap .icon-box .slider-arrow {    line-height: 36px;  }}.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 .team-img {  margin-bottom: 64px;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Large devices */}.team-card6 .team-img img {  border-radius: 500px;  width: 100%;}@media (max-width: 1199px) {  .team-card6 .team-img {    margin-bottom: 30px;  }}.team-card6 .team-card-content {  text-align: center;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card6 .box-title {  font-size: 40px;  font-weight: 500;  margin-bottom: 0px;  /* Extra large devices */  /* Large devices */}.team-card6 .box-title a {  color: var(--title-color);}.team-card6 .box-title a:hover {  color: var(--theme-color3);}@media (max-width: 1500px) {  .team-card6 .box-title {    font-size: 36px;  }}@media (max-width: 1199px) {  .team-card6 .box-title {    font-size: 24px;  }}.team-card6 .team-desig {  font-size: 16px;  margin-top: -0.3em;  margin-bottom: 18px;  color: var(--theme-color3);}.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(--title-color);  color: var(--title-color);}.team-card6 .th-social a:hover {  border-color: var(--theme-color3);  background: var(--theme-color3);}/* Team area 8 ---------------------------------- */.team-card.style8 .img-wrap {  position: relative;}.team-card.style8 .img-wrap .team-img img {  height: auto;}.team-card.style8 .img-wrap .icon-btn {  position: absolute;  right: 0;  top: 0;  border: 1px solid var(--theme-color2);  background: var(--theme-color2);}.team-card.style8 .img-wrap .icon-btn:hover {  background: var(--white-color);}.team-card.style8 .team-card-content {  position: relative;  -webkit-mask-image: none;  mask-image: none;  left: auto;  bottom: auto;  top: auto;  right: auto;  background: transparent;  -webkit-backdrop-filter: none;  backdrop-filter: none;  display: block;  padding: 0;  margin-top: 30px;}.team-card.style8 .box-title a {  color: var(--white-color);}.team-card.style8 .box-title a:hover {  color: var(--theme-color2);}.team-card.style8 .team-desig {  margin-bottom: -0.2em;}/* Team Area 9 ---------------------------------- */.team-slider9 .slider-pagination.swiper-pagination-progressbar {  bottom: 8px;  margin: 70px 40px 0;  background: var(--th-border-color);  height: 1px !important;  /* Medium devices */}@media (max-width: 991px) {  .team-slider9 .slider-pagination.swiper-pagination-progressbar {    margin: 60px 0 0;  }}.team-slider9 .slider-arrow {  top: auto;  bottom: 0px;  left: 0;  background: transparent;  width: auto;  height: auto;  line-height: normal;}.team-slider9 .slider-arrow.slider-next {  right: 0;  left: auto;}.team-card.style6 {  border-radius: 30px;  overflow: hidden;  /* Extra small devices */}.team-card.style6 .team-card-content {  -webkit-mask-image: none;  mask-image: none;  border-radius: 16px;  -ms-flex-line-pack: end;  align-content: end;  top: 320px;}.team-card.style6 .team-card-content .media {  margin-bottom: -25px;  -ms-flex-item-align: self-end;  align-self: self-end;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style6 .team-card-content .th-social {  margin-top: 0;}.team-card.style6:hover .team-card-content {  inset: 0;  padding: 40px;  -webkit-backdrop-filter: none;  backdrop-filter: none;  background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 23, 23, 0)), to(rgba(23, 23, 23, 0.9)));  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.9) 100%);  top: 0;  -ms-flex-line-pack: end;  align-content: end;}.team-card.style6:hover .team-card-content .media {  margin-bottom: 0;}.team-card.style6:hover .th-social {  margin-top: 30px;}@media (max-width: 575px) {  .team-card.style6 .team-card-content {    top: 330px;  }}/* Team Area 10 ---------------------------------- */.team-card.style7 {  border-radius: 30px;  overflow: hidden;  /* Extra small devices */}.team-card.style7 .team-img img {  -o-object-position: top;  object-position: top;}.team-card.style7 .team-card-content {  -webkit-mask-image: none;  mask-image: none;  border-radius: 16px;  -ms-flex-line-pack: end;  align-content: end;  left: 20px;  right: 20px;  bottom: 20px;  padding: 18px 20px;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style7 .team-card-content .media {  margin-bottom: -25px;  -ms-flex-item-align: self-end;  align-self: self-end;  -webkit-transition: 0.4s;  transition: 0.4s;  gap: 15px;}.team-card.style7 .team-card-content .th-social {  margin-top: 0;}.team-card.style7:hover .team-card-content {  inset: 20px;  -ms-flex-line-pack: end;  align-content: end;}.team-card.style7:hover .team-card-content .media {  margin-bottom: 0;}.team-card.style7:hover .th-social {  margin-top: 30px;}@media (max-width: 575px) {  .team-card.style7 .team-card-content {    top: 325px;  }}/* Team area 12 ---------------------------------- */.team-card.style9 .img-wrap {  position: relative;}.team-card.style9 .img-wrap .team-img img {  height: auto;}.team-card.style9 .team-card-content {  position: relative;  -webkit-mask-image: none;  mask-image: none;  left: auto;  bottom: auto;  top: auto;  right: auto;  background: transparent;  -webkit-backdrop-filter: none;  backdrop-filter: none;  display: block;  padding: 0;  margin-top: 30px;}.team-card.style9 .box-title a {  color: var(--theme-color);}.team-card.style9 .box-title a:hover {  color: var(--title-color);}.team-card.style9 .team-desig {  margin-bottom: -0.2em;  color: var(--body-color);}.team-card.style9 .icon-btn:hover {  background: var(--theme-color);}.team-card.style9 .icon-btn:hover img {  -webkit-filter: brightness(99);  filter: brightness(99);}/* Team sec 13 ---------------------------------- */.team-slider13-wrap .team-card6 .team-img {  -webkit-filter: none;  filter: none;  margin-bottom: 40px;}.team-slider13-wrap .team-card6 .team-img img {  border: 2px solid rgba(66, 58, 47, 0.3);}.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 .box-title {  text-transform: uppercase;  font-size: 30px;  /* Large devices */}.team-slider13-wrap .team-card6 .box-title a {  color: var(--title-color);}.team-slider13-wrap .team-card6 .box-title a:hover {  color: var(--theme-color2);}@media (max-width: 1199px) {  .team-slider13-wrap .team-card6 .box-title {    font-size: 28px;  }}.team-slider13-wrap .team-card6 .team-desig {  text-transform: uppercase;  color: var(--title-color);}.team-slider13-wrap .team-card6 .th-social a {  border-color: var(--title-color);  color: var(--title-color);}.team-slider13-wrap .team-card6 .th-social a:hover {  background: var(--theme-color2);  border-color: var(--theme-color2);  color: var(--title-color);}/* Team Card 14---------------------------------- */.team-card.style10 {  padding: 0;  background: transparent;  border-radius: 24px;  overflow: hidden;}.team-card.style10 .img-wrap {  position: relative;  overflow: hidden;}.team-card.style10 .img-wrap:after {  content: "";  position: absolute;  inset: 0;  background: rgba(23, 23, 23, 0.7);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style10 .team-img img {  height: auto;}.team-card.style10 .team-card-content {  background: var(--white-color);  padding: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  position: initial;  margin-top: 0;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-mask-image: none !important;  mask-image: none !important;}.team-card.style10 .box-title {  margin-bottom: 1px;  font-weight: 500;}.team-card.style10 .box-title a {  color: var(--title-color);}.team-card.style10 .box-title a:hover {  color: var(--theme-color);}.team-card.style10 .team-desig {  color: var(--theme-color);}.team-card.style10 .icon-btn {  background: var(--title-color);  color: var(--white-color);}.team-card.style10 .icon-btn img {  -webkit-filter: brightness(99) invert(0);  filter: brightness(99) invert(0);  -webkit-transition: 0.4s;  transition: 0.4s;}.team-card.style10 .icon-btn:hover {  background: var(--theme-color);}.team-card.style10 .icon-btn:hover img {  -webkit-filter: brightness(99) invert(0);  filter: brightness(99) invert(0);}.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 .img-wrap:after {  opacity: 1;}.team-card.style10:hover .th-social-wrap {  -webkit-transform: translate(-50%, -50%) scale(1);  transform: translate(-50%, -50%) scale(1);  opacity: 1;  visibility: visible;}/* Team Card 16---------------------------------- */.team-card.style11 .img-wrap {  position: relative;}.team-card.style11 .img-wrap .team-img img {  height: auto;}.team-card.style11 .img-wrap .icon-btn {  position: absolute;  right: 0;  top: 0;  border: 1px solid var(--theme-color);  background: var(--theme-color);  color: var(--white-color);}.team-card.style11 .img-wrap .icon-btn img {  -webkit-filter: brightness(99) invert(0);  filter: brightness(99) invert(0);}.team-card.style11 .img-wrap .icon-btn:hover {  background: var(--title-color);  border: 1px solid var(--title-color);}.team-card.style11 .team-card-content {  position: relative;  -webkit-mask-image: none;  mask-image: none;  left: auto;  bottom: auto;  top: auto;  right: auto;  background: transparent;  -webkit-backdrop-filter: none;  backdrop-filter: none;  display: block;  padding: 0;  margin-top: 30px;}.team-card.style11 .box-title a {  color: var(--title-color);}.team-card.style11 .box-title a:hover {  color: var(--theme-color);}.team-card.style11 .team-desig {  margin-bottom: -0.2em;  color: var(--body-color);}/* Team Details ---------------------------------- */.team-details-thumb {  border-radius: 24px;  overflow: hidden;}.team-details-thumb img {  width: 100%;}.team-about-list {  margin: 0;  padding: 0;  list-style: none;}.team-about-list li {  font-size: 16px;  color: var(--body-color);}.team-about-list li a {  color: inherit;}.team-about-list li:not(:last-child) {  margin-bottom: 18px;}.team-about-list li strong {  font-weight: 500;  font-size: 18px;  min-width: 200px;  display: inline-block;  color: var(--title-color);  /* Extra small devices */}@media (max-width: 575px) {  .team-about-list li strong {    min-width: auto;    display: block;  }}/*------------------- 4.00. Testimonial  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Testimonial Area 1 ---------------------------------- */.testi-slider1 .slider-pagination {  text-align: start;  margin-top: 96px;  /* Large devices */}@media (max-width: 1199px) {  .testi-slider1 .slider-pagination {    margin-top: 40px;  }}.testi-card {  position: relative;  margin-right: 110px;  /* Large devices */}@media (max-width: 1199px) {  .testi-card {    margin-right: 0;  }}.testi-card .testi-grid_review {  color: var(--yellow-color);  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 8px;}.testi-card_text {  font-size: 24px;  line-height: 2em;  font-weight: 400;  margin: 5px 0 15px 0;  color: #1B1B1B;  /* Medium Large devices */  /* Extra small devices */}@media (max-width: 1299px) {  .testi-card_text {    font-size: 20px;  }}@media (max-width: 575px) {  .testi-card_text {    font-size: 16px;  }}.testi-card .quote-icon {  margin-bottom: 0px;  /* Medium devices */  /* Extra small devices */}@media (max-width: 991px) {  .testi-card .quote-icon {    width: 90px;  }}@media (max-width: 375px) {  .testi-card .quote-icon {    width: 60px;  }}.testi-card_title {  font-size: 24px;  font-weight: 700;  margin-bottom: 10px;  margin-top: -0.25em;}.testi-card_name {  font-size: 18px;  font-weight: 700;  letter-spacing: 0.02em;  margin-bottom: 4px;}.testi-card_desig {  margin-bottom: 0;  display: block;  color: var(--body-color);  font-size: 16px;}.testi-card .testi-grid-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 30px;  /* Extra small devices */}.testi-card_profile {  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;  gap: 16px;}.testi-thumb-wrap {  position: relative;  display: inline-block;  padding-right: 85px;  padding-bottom: 65px;  /* Extra small devices */}.testi-thumb-wrap .img2 {  position: absolute;  bottom: 0;  right: 0;}@media (max-width: 375px) {  .testi-thumb-wrap {    padding-right: 0;    padding-bottom: 0;  }  .testi-thumb-wrap .img2 {    position: initial;    margin-top: 30px;    -webkit-animation: none;    animation: none;  }  .testi-thumb-wrap .img2 img {    width: 100%;  }}/* Testimonial Area 2 ---------------------------------- */.testi-wrap2 {  position: relative;  left: calc((100% - var(--main-container)) / 2);  /* Medium Large devices */  /* Extra small devices */}@media (max-width: 1299px) {  .testi-wrap2 {    left: 0;    padding: 0 40px;  }}@media (max-width: 575px) {  .testi-wrap2 {    padding: 0;  }}.testi-grid-wrap2 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  /* Medium Large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.testi-grid-wrap2 .testi-grid-thumb {  border-radius: 24px;  overflow: hidden;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}@media (max-width: 1399px) {  .testi-grid-wrap2 .testi-grid-thumb img {    max-width: 580px;    height: 500px;    -o-object-fit: cover;    object-fit: cover;  }}@media (max-width: 1299px) {  .testi-grid-wrap2 .testi-grid-thumb {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;  }  .testi-grid-wrap2 .testi-grid-thumb img {    max-width: none;    width: 100%;    height: 500px;    -o-object-fit: cover;    object-fit: cover;  }}@media (max-width: 1199px) {  .testi-grid-wrap2 .testi-grid-thumb img {    height: auto;  }}@media (max-width: 991px) {  .testi-grid-wrap2 {    display: block;  }  .testi-grid-wrap2 .testi-grid-thumb {    border-radius: 24px 24px 0 0;  }}.testi-card.style2 {  background: var(--white-color);  margin-left: -306px;  margin-right: 0;  border-radius: 24px;  padding: 32px;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */  /* Medium devices */}.testi-card.style2 .testi-grid_review {  margin-top: -0.05em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}.testi-card.style2 .testi-card_text {  margin-top: 14px;  font-size: 20px;  font-weight: 500;  line-height: 1.8em;  color: var(--body-color);  position: relative;  padding-bottom: 30px;  margin-bottom: 0;}.testi-card.style2 .testi-card_text:after {  content: "";  position: absolute;  bottom: 0;  left: -32px;  background: #E5E4E9;  height: 1px;  width: 100%;}.testi-card.style2 .testi-card_profile {  position: relative;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: start;  padding-top: 28px;}.testi-card.style2 .testi-card_profile .quote-icon {  position: absolute;  right: 0;  top: 0;  background: var(--white-color);  padding-left: 22px;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);}.testi-card.style2 .avatar img {  width: 72px;  height: 72px;  border-radius: 50%;  -o-object-fit: cover;  object-fit: cover;}.testi-card.style2 .testi-card_name {  font-size: 24px;  font-weight: 700;  margin-bottom: 5px;  margin-top: 0px;}.testi-card.style2 .testi-card_desig {  font-size: 16px;  margin-bottom: -0.4em;}@media (max-width: 1500px) {  .testi-card.style2 {    margin-left: -506px;  }  .testi-card.style2 .testi-card_text {    font-size: 18px;  }}@media (max-width: 1399px) {  .testi-card.style2 {    margin-left: -406px;  }  .testi-card.style2 .testi-card_text {    font-size: 18px;  }}@media (max-width: 1299px) {  .testi-card.style2 {    margin-left: -300px;    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;  }}@media (max-width: 991px) {  .testi-card.style2 {    margin-left: 0;    border-radius: 0 0 24px 24px;  }  .testi-card.style2 .testi-card_text {    font-size: 16px;  }  .testi-card.style2 .testi-card_name {    font-size: 20px;  }  .testi-card.style2 .testi-card_profile .quote-icon {    width: auto;  }}/* Testimonial sec 2.2 ---------------------------------- */.testi-card.style2.style-border {  border: 1px solid var(--th-border-color);}/* Testimonial Area 3 ---------------------------------- */.testi-slider3 {  margin: 0 -120px;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}.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 {    margin: 0 -240px;  }  .testi-slider3 .swiper-wrapper {    margin: 0 0 0 -315px;  }}@media (max-width: 1299px) {  .testi-slider3 {    margin: 0;  }  .testi-slider3 .swiper-wrapper {    margin: 0;  }}@media (max-width: 991px) {  .testi-slider3 {    margin: 0 40px;  }}@media (max-width: 575px) {  .testi-slider3 {    margin: 0 15px;  }}.testi-card.style3 {  background: var(--white-color);  margin-right: 0;  border-radius: 24px;  padding: 40px;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Extra small devices */}.testi-card.style3 .testi-grid_review {  margin-top: -0.05em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}.testi-card.style3 .testi-card_text {  margin-top: -0.5em;  font-size: 20px;  font-weight: 500;  line-height: 1.8em;  color: var(--body-color);  position: relative;  padding-bottom: 38px;  margin-bottom: 0;  /* Medium Large devices */}@media (max-width: 1399px) {  .testi-card.style3 .testi-card_text {    font-size: 18px;  }}.testi-card.style3 .testi-card_profile {  position: relative;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: start;  padding-top: 56px;}.testi-card.style3 .testi-card_profile .quote-icon {  position: absolute;  right: 0;  top: 0;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);}.testi-card.style3 .testi-card_profile .quote-icon img {  width: 64px;}.testi-card.style3 .avatar img {  width: 72px;  height: 72px;  border-radius: 50%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: top;  object-position: top;}.testi-card.style3 .testi-card_name {  font-size: 24px;  font-weight: 700;  margin-bottom: 5px;  margin-top: 0px;  color: var(--title-color);}.testi-card.style3 .testi-card_desig {  font-size: 16px;  margin-bottom: -0.4em;}@media (max-width: 575px) {  .testi-card.style3 {    padding: 30px;  }  .testi-card.style3 .testi-card_text {    padding-bottom: 28px;    font-size: 16px;  }  .testi-card.style3 .testi-card_profile {    padding-top: 36px;  }  .testi-card.style3 .testi-card_name {    font-size: 18px;  }}/* Testimonial Area 4 ---------------------------------- */.testi-slider4 {  margin: 0 -750px 0 0 !important;  /* Extra large devices */}.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);}@media (max-width: 1500px) {  .testi-slider4 {    margin: 0 !important;  }}/* Testimonial Area 4.1 ---------------------------------- */.testi-slider4-2 {  margin: 0 -750px 0 0 !important;  /* Extra large devices */}@media (max-width: 1500px) {  .testi-slider4-2 {    margin: 0 !important;  }}/* Testimonial Area 5-------------------------------*/.testi-slider5 {  margin-right: -492px !important;  /* Extra large devices */}@media (max-width: 1500px) {  .testi-slider5 {    margin-right: 0 !important;  }}.testi-card.style4 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  border-radius: 24px;  background: var(--white-color);  padding: 10px;  margin: 0;  gap: 30px;  /* Extra small devices */}.testi-card.style4 .avatar {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  position: relative;}.testi-card.style4 .avatar img {  width: 134px;  height: 100%;  -o-object-fit: cover;  object-fit: cover;  border-radius: 18px;}.testi-card.style4 .avatar .testi-grid_review {  position: absolute;  bottom: 22px;  left: 50%;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  z-index: 1;  font-size: 12px;  gap: 5px;}.testi-card.style4 .testi-card_profile {  display: block;}.testi-card.style4 .testi-card_profile-details {  padding: 20px 20px 20px 0;  position: relative;  -ms-flex-item-align: center;  align-self: center;}.testi-card.style4 .testi-card_profile-details .testi-card_name {  font-size: 24px;  font-weight: 700;  color: var(--title-color);  margin-bottom: 2px;  margin-top: -0.25em;}.testi-card.style4 .testi-card_profile-details .quote-icon {  position: absolute;  top: 20px;  right: 20px;  width: 52px;}.testi-card.style4 .testi-card_profile-details .testi-card_text {  font-size: 18px;  line-height: 1.555;  color: var(--body-color);  margin-bottom: -0.3em;}@media (max-width: 575px) {  .testi-card.style4 {    display: block;  }  .testi-card.style4 .avatar {    display: inline-block;  }}/* testimonial Area 6 ---------------------------------- */.testi-slider6 .slider-pagination {  text-align: start;  margin-top: 40px;}.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);}.testi-card.style5 {  margin-right: 0;  /* Medium Large devices */}.testi-card.style5 .testi-card_profile .avatar {  border-radius: 10px;  overflow: hidden;}@media (max-width: 1399px) {  .testi-card.style5 .testi-card_text {    font-size: 20px;  }}.testi-thumb-wrap6 {  border: 3px solid var(--white-color);  border-radius: 24px;  display: inline-block;  background: var(--white-color);}.testi-thumb-wrap6 img {  border-radius: 24px;}.testi-card.style6 {  background: var(--gray-color3);  border-radius: 20px;  padding: 40px;  margin-right: 0;}.testi-card.style6 .testi-grid_review {  margin-top: -0.1em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}.testi-card.style6 .testi-card_text {  font-size: 16px;  font-weight: 400;  margin-top: 15px;  color: var(--body-color);  margin-bottom: 17px;}.testi-card.style6 .avatar img {  width: 44px;  height: 44px;  border-radius: 50%;  -o-object-fit: cover;  object-fit: cover;}.testi-card.style6 .testi-card_name {  font-size: 16px;  font-weight: 500;  color: var(--theme-color);}.testi-card.style6 .testi-card_desig {  color: var(--body-color);  font-size: 14px;  margin-bottom: -0.2em;}/* Testimonial area 7 -------------------------------*/.testi-wrap7 {  padding-top: 0 !important;}.testi-thumb-wrap7 {  margin: -120px -315px 0 -162px;  overflow: hidden;  border-radius: 50px 0 0 50px;  /* Hight Resoulation devices */  /* Large devices */  /* Small devices */}.testi-thumb-wrap7 img {  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (min-width: 1922px) {  .testi-thumb-wrap7 {    border-radius: 50px;  }}@media (max-width: 1199px) {  .testi-thumb-wrap7 {    margin: 0;    border-radius: 50px;  }}@media (max-width: 767px) {  .testi-thumb-wrap7 {    border-radius: 30px;  }}/* Testimonial Area 8 ---------------------------------- */.testi-slider8 .testi-card.style6 .testi-card_name {  color: var(--title-color);}/* testimonial area 9 ---------------------------------- */.testimonial-thumb9-1 {  border-radius: 30px;  overflow: hidden;  margin-left: -330px;  /* Extra large devices */  /* Medium Large devices */}.testimonial-thumb9-1 img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1500px) {  .testimonial-thumb9-1 {    margin-left: -255px;  }}@media (max-width: 1399px) {  .testimonial-thumb9-1 {    margin-left: 0;  }}.testi-slider9 {  margin-right: -430px;  /* Medium Large devices */}@media (max-width: 1399px) {  .testi-slider9 {    margin-right: 0;  }}.testi-card.style7 {  border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 30px;  padding: 30px;  margin: 0;}.testi-card.style7 .testi-card_text {  font-size: 24px;  font-weight: 400;  color: var(--white-color);  margin-top: 10px;  margin-bottom: 30px;  /* Medium devices */  /* Extra small devices */}@media (max-width: 991px) {  .testi-card.style7 .testi-card_text {    font-size: 20px;  }}@media (max-width: 575px) {  .testi-card.style7 .testi-card_text {    font-size: 16px;  }}.testi-card.style7 .testi-card_name {  color: var(--white-color);}.testi-card.style7 .testi-card_desig {  color: var(--theme-color2);}.testi-card.style7 .quote-icon {  width: 85px;  /* Extra small devices */}@media (max-width: 575px) {  .testi-card.style7 .quote-icon {    width: 45px;  }}/* Testimonial Area 10---------------------------------- */.testi-wrap10 {  padding-left: 68px;  padding-right: 68px;  /* Small devices */  /* Extra small devices */}@media (max-width: 767px) {  .testi-wrap10 {    padding-left: 30px;    padding-right: 30px;  }}@media (max-width: 575px) {  .testi-wrap10 {    padding-left: 15px;    padding-right: 15px;  }}.testi-slider10 .slider-pagination-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-top: 60px;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}.testi-slider10 .slider-pagination-wrap .slider-pagination2 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  width: -webkit-fill-available;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  /* Medium devices */}.testi-slider10 .slider-pagination-wrap .slider-pagination2 .current-slide {  font-weight: 600;  font-size: 48px;  color: var(--title-color);  margin-right: 0;}.testi-slider10 .slider-pagination-wrap .slider-pagination2 .divider {  font-size: 18px;  font-weight: 500;  margin-top: 15px;}.testi-slider10 .slider-pagination-wrap .slider-pagination2 .total-slides {  font-size: 18px;  font-weight: 500;  margin-top: 15px;}.testi-slider10 .slider-pagination-wrap .slider-pagination2:before,.testi-slider10 .slider-pagination-wrap .slider-pagination2:after {  content: "";  position: relative;  display: inline-block;  height: 1px;  background: var(--title-color);  opacity: 0.2;  width: -webkit-fill-available;  margin: 0 30px;}@media (max-width: 991px) {  .testi-slider10 .slider-pagination-wrap .slider-pagination2:before {    margin: 0 30px 0 0;  }  .testi-slider10 .slider-pagination-wrap .slider-pagination2:after {    margin: 0 0 0 30px;  }}.testi-card.style8 {  margin-right: 0;}.testi-card.style8 .avatar {  margin-right: 60px;}.testi-card.style8 .testi-grid-wrap {  background: var(--black-color2);  border-radius: 60px 60px 60px 0;  margin-top: -150px;  margin-left: 150px;  position: relative;  z-index: 1;  padding: 40px;  gap: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Large devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1199px) {  .testi-card.style8 .testi-grid-wrap {    border-radius: 20px 20px 20px 0;  }}@media (max-width: 767px) {  .testi-card.style8 .testi-grid-wrap {    margin-left: 70px;  }}@media (max-width: 575px) {  .testi-card.style8 .testi-grid-wrap {    margin-left: 30px;    margin-top: -60px;    padding: 30px;  }}.testi-card.style8 .testi-card_profile {  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;}.testi-card.style8 .testi-card_text {  font-size: 20px;  font-weight: 500;  color: var(--white-color);  margin-top: -0.5em;  margin-bottom: -0.5em;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Medium Large devices */}@media (max-width: 1299px) {  .testi-card.style8 .testi-card_text {    font-size: 16px;  }}.testi-card.style8 .testi-card_name {  font-size: 20px;  color: var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.testi-card.style8 .testi-card_desig {  font-size: 14px;  font-weight: 400;  color: var(--white-color);  margin-bottom: -0.2em;  -webkit-transition: 0.4s;  transition: 0.4s;}.testi-card.style8 .quote-icon {  -webkit-transition: 0.4s;  transition: 0.4s;  width: auto;}.testi-card.style8:hover .testi-grid-wrap {  background: var(--theme-color);}.testi-card.style8:hover .testi-card_desig,.testi-card.style8:hover .testi-card_name,.testi-card.style8:hover .testi-card_text {  color: var(--white-color);}.testi-card.style8:hover .quote-icon {  -webkit-filter: brightness(99) grayscale(99) invert(0);  filter: brightness(99) grayscale(99) invert(0);}/* Testimonial Area 11 ---------------------------------- */.testi-slider11 .slider-pagination {  text-align: start;  margin-top: 96px;  /* Large devices */}.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);}@media (max-width: 1199px) {  .testi-slider11 .slider-pagination {    margin-top: 40px;  }}.testi-slider11 .testi-card_profile .avatar {  border-radius: 16px;  overflow: hidden;}.testi-wrap11 {  max-width: 1820px;  margin-left: auto;  margin-right: auto;  border-radius: 60px;  /* Extra small devices */}@media (max-width: 575px) {  .testi-wrap11 {    border-radius: 30px;  }}.testi-thumb-wrap11 {  position: relative;  display: inline-block;  padding-right: 85px;  padding-bottom: 65px;  /* Extra small devices */}.testi-thumb-wrap11 img {  border: 2px solid var(--white-color);  border-radius: 30px;}.testi-thumb-wrap11 .img2 {  position: absolute;  bottom: 0;  right: 0;}@media (max-width: 375px) {  .testi-thumb-wrap11 {    padding-right: 0;    padding-bottom: 0;  }  .testi-thumb-wrap11 .img2 {    position: initial;    margin-top: 30px;    -webkit-animation: none;    animation: none;  }  .testi-thumb-wrap11 .img2 img {    width: 100%;  }}/* Testi Card 12---------------------------------- */.testi-thumb-wrap12 {  position: relative;  display: inline-block;  padding-right: 85px;  padding-bottom: 65px;  margin-right: -210px;  /* Extra large devices */  /* Medium Large devices */  /* Extra small devices */}.testi-thumb-wrap12 img {  border: 2px solid var(--white-color);  border-radius: 30px;}.testi-thumb-wrap12 .img2 {  position: absolute;  bottom: 0;  right: 0;}@media (max-width: 1500px) {  .testi-thumb-wrap12 {    margin-right: -40px;    margin-left: -40px;    padding-right: 30px;    padding-bottom: 140px;  }}@media (max-width: 1399px) {  .testi-thumb-wrap12 {    margin-right: 0;    margin-left: 0;    padding-right: 80px;    padding-bottom: 80px;  }}@media (max-width: 375px) {  .testi-thumb-wrap12 {    padding-right: 0;    padding-bottom: 0;  }  .testi-thumb-wrap12 .img2 {    position: initial;    margin-top: 30px;    -webkit-animation: none;    animation: none;  }  .testi-thumb-wrap12 .img2 img {    width: 100%;  }}.testi-slider12 .testi-card {  margin-right: 0;}.testi-slider12 .testi-card .testi-card_profile .avatar {  border-radius: 16px;  overflow: hidden;}.testi-slider12 .testi-card .testi-card_text {  margin-bottom: 25px;}/* Testimonial area 13 -------------------------------*/.testi-slider13 {  margin-right: -320px;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */}.testi-slider13 .swiper-slide.swiper-slide-active .testi-card.style9 {  border: 1px solid var(--theme-color);}@media (max-width: 1500px) {  .testi-slider13 {    margin-right: -120px;  }}@media (max-width: 1399px) {  .testi-slider13 {    margin-right: -50px;  }}@media (max-width: 1199px) {  .testi-slider13 {    margin-right: 0;  }}.testi-card.style9 {  background: var(--title-color);  margin-right: 0;  border-radius: 24px;  padding: 40px;  -webkit-transition: 0.4s;  transition: 0.4s;  border: 1px solid var(--title-color);  /* Extra small devices */}.testi-card.style9 .testi-grid_review {  margin-top: -0.05em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}.testi-card.style9 .testi-card_text {  margin-top: -0.5em;  font-size: 20px;  font-weight: 500;  line-height: 1.8em;  color: var(--white-color);  position: relative;  padding-bottom: 38px;  margin-bottom: 0;  /* Medium Large devices */}@media (max-width: 1399px) {  .testi-card.style9 .testi-card_text {    font-size: 18px;  }}.testi-card.style9 .testi-card_profile {  position: relative;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: start;  padding-top: 56px;}.testi-card.style9 .testi-card_profile .quote-icon {  position: absolute;  right: 0;  top: 0;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  -webkit-filter: brightness(99) invert(0) grayscale(9);  filter: brightness(99) invert(0) grayscale(9);}.testi-card.style9 .testi-card_profile .quote-icon img {  width: 64px;}.testi-card.style9 .avatar img {  width: 72px;  height: 72px;  border-radius: 50%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: top;  object-position: top;}.testi-card.style9 .testi-card_name {  font-size: 24px;  font-weight: 700;  margin-bottom: 5px;  margin-top: 0px;  color: var(--white-color);}.testi-card.style9 .testi-card_desig {  font-size: 16px;  margin-bottom: -0.4em;  color: var(--white-color);}@media (max-width: 575px) {  .testi-card.style9 {    padding: 30px;  }  .testi-card.style9 .testi-card_text {    padding-bottom: 28px;    font-size: 16px;  }  .testi-card.style9 .testi-card_profile {    padding-top: 36px;  }  .testi-card.style9 .testi-card_name {    font-size: 18px;  }}/* Testimonial area 14 -------------------------------*/.testi-wrap14 {  position: relative;}.testi-wrap14:after {  content: "";  position: absolute;  inset: -120px 0 50% 0;  background: var(--smoke-color3);  z-index: -1;  /* Large devices */  /* Small devices */}@media (max-width: 1199px) {  .testi-wrap14:after {    inset: 0px 0 50% 0;  }}@media (max-width: 767px) {  .testi-wrap14:after {    inset: 0px 0 30% 0;  }}.testimonial-thumb14-1 {  border-radius: 0 0 30px 0;  overflow: hidden;  margin-left: -315px;  margin-top: -120px;  /* Medium Large devices */  /* Large devices */}.testimonial-thumb14-1 img {  width: 100%;}@media (max-width: 1399px) {  .testimonial-thumb14-1 {    margin-left: -200px;  }}@media (max-width: 1199px) {  .testimonial-thumb14-1 {    margin-left: 0;    margin-top: 0;    border-radius: 30px;    display: inline-block;  }}.testi-slider14 {  margin-right: -320px !important;  /* Medium Large devices */  /* Large devices */}.testi-slider14 .icon-box {  margin-top: 50px;}.testi-slider14 .swiper-slide.swiper-slide-active .testi-card.style10 {  background: var(--white-color);}@media (max-width: 1399px) {  .testi-slider14 {    margin-right: -200px !important;  }}@media (max-width: 1199px) {  .testi-slider14 {    margin-right: 0 !important;  }}.testi-card.style10 {  background: var(--smoke-color3);  margin-right: 0;  border-radius: 24px;  padding: 40px;  -webkit-transition: 0.4s;  transition: 0.4s;  border: 1px solid var(--theme-color);  /* Extra small devices */}.testi-card.style10 .testi-grid_review {  margin-top: -0.05em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  color: var(--theme-color);}.testi-card.style10 .testi-card_text {  margin-top: -0.5em;  font-size: 20px;  font-weight: 500;  line-height: 1.8em;  color: var(--gray-color);  position: relative;  padding-bottom: 38px;  margin-bottom: 0;  /* Medium Large devices */}@media (max-width: 1399px) {  .testi-card.style10 .testi-card_text {    font-size: 18px;  }}.testi-card.style10 .testi-card_profile {  position: relative;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: start;  padding-top: 56px;}.testi-card.style10 .testi-card_profile .quote-icon {  position: absolute;  right: 0;  top: 0;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  -webkit-filter: brightness(0) invert(0) grayscale(9);  filter: brightness(0) invert(0) grayscale(9);}.testi-card.style10 .testi-card_profile .quote-icon img {  width: 64px;}.testi-card.style10 .avatar img {  width: 72px;  height: 72px;  border-radius: 50%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: top;  object-position: top;}.testi-card.style10 .testi-card_name {  font-size: 24px;  font-weight: 700;  margin-bottom: 5px;  margin-top: 0px;  color: var(--title-color);}.testi-card.style10 .testi-card_desig {  font-size: 16px;  margin-bottom: -0.4em;  color: var(--gray-color);}@media (max-width: 575px) {  .testi-card.style10 {    padding: 30px;  }  .testi-card.style10 .testi-card_text {    padding-bottom: 28px;    font-size: 16px;  }  .testi-card.style10 .testi-card_profile {    padding-top: 36px;  }  .testi-card.style10 .testi-card_name {    font-size: 18px;  }}/* Testimonial area 15 -------------------------------*/.testi-card14 {  text-align: center;}.testi-card14 .testi-card_thumb {  display: inline-block;  position: relative;  margin: 10px;}.testi-card14 .testi-card_thumb img {  border-radius: 50%;}.testi-card14 .testi-card_thumb:after {  content: "";  position: absolute;  inset: -10px;  border: 2px dashed var(--theme-color);  border-radius: 50%;}.testi-card14 .testi-card_text {  font-size: 22px;  line-height: 1.45;  max-width: 729px;  margin-left: auto;  margin-right: auto;  margin-top: 60px;  margin-bottom: 38px;  /* Medium Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .testi-card14 .testi-card_text {    margin-top: 40px;  }}@media (max-width: 991px) {  .testi-card14 .testi-card_text {    font-size: 18px;    max-width: 600px;  }}@media (max-width: 767px) {  .testi-card14 .testi-card_text {    margin-top: 30px;    margin-bottom: 25px;  }}@media (max-width: 575px) {  .testi-card14 .testi-card_text {    font-size: 16px;  }}.testi-card14 .testi-card_name {  font-size: 24px;  font-weight: 600;  /* Extra small devices */}@media (max-width: 575px) {  .testi-card14 .testi-card_name {    font-size: 20px;  }}/*------------------- 4.00. Counter  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Blog Grid ---------------------------------- */.blog-grid {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 60px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-bottom: 48px;  /* Large devices */  /* Medium devices */}.blog-grid:nth-of-type(odd) {  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;  /* Medium devices */}@media (max-width: 991px) {  .blog-grid:nth-of-type(odd) {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-direction: row;    flex-direction: row;  }}.blog-grid:last-child {  margin-bottom: 0;}.blog-grid .blog-img {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  overflow: hidden;  width: 50%;}.blog-grid .blog-img img {  -webkit-transition: 0.4s;  transition: 0.4s;  width: 100%;}.blog-grid .blog-content .subtitle {  color: var(--white-color);  font-size: 14px;  display: block;  margin-bottom: 15px;}.blog-grid .blog-content .box-title {  font-size: 24px;  font-weight: 600;  letter-spacing: 0.02em;  line-height: 1.5em;  max-width: 472px;  /* Extra small devices */}.blog-grid .blog-content .box-title a {  color: var(--white-color);}.blog-grid .blog-content .box-title a:hover {  color: var(--theme-color);}@media (max-width: 375px) {  .blog-grid .blog-content .box-title {    font-size: 20px;  }}.blog-grid .blog-content .blog-text {  color: var(--white-color);  opacity: 0.7;}.blog-grid .blog-bottom-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-top: 26px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 24px;}.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-grid .blog-author-wrap {  background: transparent;  border-radius: 0;  margin: 0;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 8px;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.blog-grid .blog-author-wrap a {  color: var(--white-color);}.blog-grid .blog-author-wrap a:hover {  color: var(--theme-color);}.blog-grid .blog-date {  color: var(--white-color);}.blog-grid:hover .blog-img img {  -webkit-transform: scale(1.08);  transform: scale(1.08);}@media (max-width: 1199px) {  .blog-grid {    gap: 30px;  }}@media (max-width: 991px) {  .blog-grid {    display: block;  }  .blog-grid .blog-img {    width: 100%;    margin-bottom: 30px;  }}/* Blog Card ---------------------------------- */.blog-card {  border-radius: 0px;  background-color: transparent;}.blog-card .box-title {  margin-top: 13px;  margin-bottom: -0.25em;  font-size: 24px;  font-weight: 700;  max-width: 386px;}.blog-card .box-title a {  background-image: -webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(var(--theme-color)));  background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));  background-repeat: no-repeat;  background-position: bottom left;  background-size: 0 2px;  -webkit-transition: 0.5s ease-in-out;  transition: 0.5s ease-in-out;}.blog-card .box-title a:hover {  background-size: 100% 2px;}.blog-card .blog-img {  overflow: hidden;  border-radius: 10px;  position: relative;}.blog-card .blog-img img {  width: 100%;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;  height: 326px;  -o-object-fit: cover;  object-fit: cover;}.blog-card .blog-content {  -webkit-transition: 0.4s;  transition: 0.4s;  position: relative;  z-index: 0;  border: 0;  padding-top: 30px;}.blog-card .blog-content .blog-date {  display: inline-block;  border-radius: 8px 0 8px 0;  background: var(--title-color);  color: var(--white-color);  text-align: center;  font-size: 14px;  padding: 0px 10px 2px;  position: absolute;  right: 20px;  overflow: hidden;  top: 0;  -webkit-transform: translate(0, -45px);  transform: translate(0, -45px);}.blog-card .blog-content .blog-date span {  background: var(--white-color);  display: block;  width: calc(100% + 20px);  color: var(--theme-color);  font-size: 24px;  font-weight: 700;  font-family: var(--title-font);  padding-bottom: 9px;  margin-bottom: 1px;  margin-left: -10px;  padding-top: 10px;}.blog-card .blog-category {  font-size: 14px;  font-weight: 400;  border: 1px solid var(--theme-color);  border-radius: 30px;  display: inline-block;  padding: 2px 14px;  color: var(--title-color);}.blog-card .blog-category:hover {  background: var(--theme-color);  color: var(--white-color);}.blog-card .link-btn {  color: var(--title-color);}.blog-card .link-btn:before {  background-color: var(--theme-color);}.blog-card .link-btn:hover {  color: var(--theme-color);}.blog-card:hover .blog-img img {  -webkit-transform: scale(1.08);  transform: scale(1.08);}.blog-card:hover .blog-img .icon-btn {  opacity: 1;}.blog-card:hover .blog-img:after {  opacity: 0.8;}/* Medium Large devices */@media (max-width: 1399px) {  .blog-card .box-title {    font-size: 20px;  }}/* Blog Card 2---------------------------------- */.blog-card.style2 {  background: transparent;  position: relative;}.blog-card.style2 .blog-img {  border-radius: 24px;}.blog-card.style2 .blog-img img {  height: 300px;}.blog-card.style2 .blog-content {  padding-top: 24px;  margin-bottom: 0;}.blog-card.style2 .blog-content .blog-meta {  margin-top: -0.3em;  margin-bottom: 14px;  background: transparent;}.blog-card.style2 .blog-content .blog-meta a {  color: var(--white-color);}.blog-card.style2 .blog-content .box-title {  margin-top: 0;  margin-bottom: 24px;  font-size: 24px;  font-weight: 600;  max-width: none;  /* Medium devices */}.blog-card.style2 .blog-content .box-title a {  color: var(--white-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--white-color)), to(var(--white-color)));  background-image: linear-gradient(to left, var(--white-color), var(--white-color));}@media (max-width: 991px) {  .blog-card.style2 .blog-content .box-title {    font-size: 22px;  }}/* Blog Card 3---------------------------------- */.blog-card.style3 {  background: transparent;  position: relative;}.blog-card.style3 .blog-img {  border-radius: 24px;  position: relative;}.blog-card.style3 .blog-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 0.2;  -webkit-transition: 0.4s;  transition: 0.4s;}.blog-card.style3 .blog-img img {  height: 300px;}.blog-card.style3 .blog-content {  padding-top: 25px;  margin-bottom: 0;}.blog-card.style3 .blog-content .blog-meta {  margin-top: -0.3em;  margin-bottom: 14px;  background: transparent;}.blog-card.style3 .blog-content .blog-meta a {  color: var(--title-color);}.blog-card.style3 .blog-content .box-title {  margin-top: 0;  margin-bottom: 32px;  font-size: 24px;  font-weight: 600;  max-width: none;  /* Medium Large devices */}.blog-card.style3 .blog-content .box-title a {  color: var(--title-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--title-color)), to(var(--title-color)));  background-image: linear-gradient(to left, var(--title-color), var(--title-color));}@media (max-width: 1299px) {  .blog-card.style3 .blog-content .box-title {    font-size: 22px;  }}.blog-card.style3:hover .blog-img:after {  opacity: 0;}/* Blog Card 4 ---------------------------------- */.blog-card.style4 {  border-radius: 16px;  overflow: hidden;}.blog-card.style4 .blog-img {  position: relative;  border-radius: 0;}.blog-card.style4 .blog-img .blog-tag {  position: absolute;  left: 24px;  top: 24px;  color: var(--title-color);  background: var(--theme-color2);  border-radius: 32px;  font-size: 14px;  padding: 6px 16px;}.blog-card.style4 .blog-meta {  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin-bottom: 5px;}.blog-card.style4 .blog-meta .author img {  width: 28px;  height: 28px;}.blog-card.style4 .box-title {  margin-top: 7px;  font-weight: 600;}.blog-card.style4 .th-btn {  margin-top: 32px;}.blog-card.style4 .blog-content {  background: var(--smoke-color2);  padding: 24px;}/* Blog Card 5---------------------------------- */.blog-card.style5 {  background: transparent;  position: relative;}.blog-card.style5 .blog-img {  border-radius: 24px;  position: relative;}.blog-card.style5 .blog-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 0.2;  -webkit-transition: 0.4s;  transition: 0.4s;}.blog-card.style5 .blog-img img {  height: 300px;}.blog-card.style5 .blog-content {  padding-top: 25px;  margin-bottom: 0;}.blog-card.style5 .blog-content .blog-meta {  margin-top: -0.3em;  margin-bottom: 14px;}.blog-card.style5 .blog-content .box-title {  margin-top: 0;  margin-bottom: 32px;  font-size: 24px;  font-weight: 600;  font-family: var(--body-font);  max-width: none;  /* Medium Large devices */}.blog-card.style5 .blog-content .box-title a {  color: var(--title-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--title-color)), to(var(--title-color)));  background-image: linear-gradient(to left, var(--title-color), var(--title-color));}@media (max-width: 1299px) {  .blog-card.style5 .blog-content .box-title {    font-size: 22px;  }}.blog-card.style5:hover .blog-img:after {  opacity: 0;}/* Blog Card 6---------------------------------- */.blog-card.style6 {  background: transparent;  position: relative;}.blog-card.style6 .blog-img {  border-radius: 0px;  position: relative;}.blog-card.style6 .blog-img img {  height: 300px;}.blog-card.style6 .blog-content {  padding-top: 25px;  margin-bottom: 0;}.blog-card.style6 .blog-content .blog-meta {  margin-top: -0.3em;  margin-bottom: 14px;}.blog-card.style6 .blog-content .box-title {  margin-top: 0;  margin-bottom: 32px;  font-size: 24px;  font-weight: 600;  max-width: none;  /* Medium Large devices */}.blog-card.style6 .blog-content .box-title a {  color: var(--title-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--title-color)), to(var(--title-color)));  background-image: linear-gradient(to left, var(--title-color), var(--title-color));}@media (max-width: 1299px) {  .blog-card.style6 .blog-content .box-title {    font-size: 22px;  }}/* Blog Card 8 ---------------------------------- */.blog-card.style7 {  background: transparent;  position: relative;}.blog-card.style7 .blog-img {  border-radius: 20px;  position: relative;}.blog-card.style7 .blog-img img {  height: 300px;}.blog-card.style7 .blog-content {  padding-top: 25px;  margin-bottom: 0;}.blog-card.style7 .blog-content .blog-meta {  margin-top: -0.3em;  margin-bottom: 14px;}.blog-card.style7 .blog-content .blog-meta a {  color: var(--body-color);  text-transform: uppercase;}.blog-card.style7 .blog-content .box-title {  margin-top: 0;  margin-bottom: 32px;  font-size: 24px;  font-weight: 600;  max-width: none;  /* Medium Large devices */}.blog-card.style7 .blog-content .box-title a {  color: var(--title-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--title-color)), to(var(--title-color)));  background-image: linear-gradient(to left, var(--title-color), var(--title-color));}@media (max-width: 1299px) {  .blog-card.style7 .blog-content .box-title {    font-size: 22px;  }}.blog-card.style7 .blog-content .th-btn {  text-transform: uppercase;  padding: 16px 24px;}.blog-card.style7:hover .blog-img:after {  opacity: 0;}/* Blog Card 9 ---------------------------------- */.blog-card.style8 {  background: var(--smoke-color3);  border-radius: 20px;  position: relative;  padding: 25px 25px 35px;}.blog-card.style8 .blog-img {  border-radius: 16px;  position: relative;}.blog-card.style8 .blog-img img {  height: 300px;}.blog-card.style8 .blog-content {  padding-top: 25px;  margin-bottom: 0;}.blog-card.style8 .blog-content .blog-meta {  margin-top: -0.3em;  margin-bottom: 14px;}.blog-card.style8 .blog-content .blog-meta a {  color: var(--body-color);  text-transform: uppercase;}.blog-card.style8 .blog-content .box-title {  margin-top: 0;  margin-bottom: 32px;  font-size: 24px;  font-weight: 600;  max-width: none;  /* Medium Large devices */}.blog-card.style8 .blog-content .box-title a {  color: var(--title-color);  background-image: -webkit-gradient(linear, right top, left top, from(var(--title-color)), to(var(--title-color)));  background-image: linear-gradient(to left, var(--title-color), var(--title-color));}@media (max-width: 1299px) {  .blog-card.style8 .blog-content .box-title {    font-size: 22px;  }}.blog-card.style8 .blog-content .th-btn {  text-transform: uppercase;  padding: 16px 24px;}.blog-card.style8:hover .blog-img:after {  opacity: 0;}/*------------------- 4.00. Simple Sections  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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.list-two-column ul {  display: inline-grid;  grid-template-columns: auto auto;  gap: 0 40px;  /* Small devices */}@media (max-width: 767px) {  .checklist.list-two-column ul {    grid-template-columns: auto;  }  .checklist.list-two-column ul li {    text-align: initial;  }}.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.mb-45 {  /* Large devices */}@media (max-width: 1199px) {  .checklist.mb-45 {    margin-bottom: 40px;  }}.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/checkmark.png);  position: relative;  top: 3px;}.checklist.style6 li {  font-size: 18px;  font-weight: 400;  color: var(--white-color);  gap: 10px;  line-height: initial;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.checklist.style6 li:not(:last-child) {  margin-bottom: 16px;}.checklist.style6 li:before {  content: url(../img/checkmark.png);  position: relative;  top: 3px;}.checklist.style7 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.style7 li:not(:last-child) {  margin-bottom: 16px;}.checklist.style7 li:before {  content: url(../img/checkmark.png);  position: relative;  top: 3px;  -ms-flex-item-align: start;  align-self: start;}.mega-hover {  position: relative;  overflow: hidden;  z-index: 2;}.mega-hover:after,.mega-hover:before {  content: "";  position: absolute;  pointer-events: none;  opacity: 1;  z-index: -1;}.mega-hover:before {  top: 0;  right: 51%;  bottom: 0;  left: 50%;  background: rgba(255, 255, 255, 0.2);}.mega-hover:after {  top: 50%;  right: 0;  bottom: 50%;  left: 0;  background: rgba(255, 255, 255, 0.3);}.mega-hover:hover:before {  left: 0;  right: 0;  opacity: 0;  -webkit-transition: all 900ms linear;  transition: all 900ms linear;}.mega-hover:hover:after {  top: 0;  bottom: 0;  opacity: 0;  -webkit-transition: all 900ms linear;  transition: all 900ms linear;}.bg-img {  position: absolute;  inset: 0;  height: 100%;  width: 100%;}.bg-img img {  width: 100%;  height: 100%;}.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-10 {  border-radius: 10px;}.rounded-20 {  border-radius: 20px;  /* Small devices */}@media (max-width: 767px) {  .rounded-20 {    border-radius: 10px;  }}.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 {  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;  gap: 15px;  text-align: center;  margin-bottom: 60px;  /* Large devices */  /* Medium devices */}@media (max-width: 1199px) {  .filter-menu {    margin-bottom: 50px;  }}@media (max-width: 991px) {  .filter-menu {    margin-top: -10px;    margin-bottom: 45px;    gap: 6px;  }}.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;  }  p.mb-45 {    margin-bottom: 38px;  }}.modal-backdrop.show {  opacity: 0.7;  z-index: 99;}.modal {  z-index: 999;  padding-right: 0 !important;}.modal-dialog {  max-width: 100%;}.modal-dialog .modal-content {  background: transparent;  border: 0;}.modal-dialog .modal-content .modal-header {  border: 0;}.modal-dialog .btn-close {  padding: 0;  outline: 0;  -webkit-box-shadow: none;  box-shadow: none;  margin: 0 0px 0 auto;  border-radius: 50%;  background: var(--theme-color);  color: var(--white-color);  border: 0;  opacity: 1;  -webkit-transform: translate(50%, 50%);  transform: translate(50%, 50%);  display: block;  /* Extra small devices */}.modal-dialog .btn-close:hover i {  -webkit-animation: toTopFromBottom 0.5s forwards;  animation: toTopFromBottom 0.5s forwards;}@media (max-width: 575px) {  .modal-dialog .btn-close {    -webkit-transform: translate(0, 50%);    transform: translate(0, 50%);  }}.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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Why Choose Us Area ---------------------------------- */.why-img-box2 {  border-radius: 0 0 50px 0;  overflow: hidden;  margin-left: -315px;  margin-top: -120px;  /* Extra large devices */  /* Medium Large devices */}.why-img-box2 img {  width: 100%;}@media (max-width: 1500px) {  .why-img-box2 {    margin-left: -200px;  }}@media (max-width: 1399px) {  .why-img-box2 {    margin-left: 0;    margin-top: 0;    border-radius: 20px;  }}.why-feature-list {  padding: 0;  margin: 0;  list-style: none;  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 0 40px;  padding-top: 40px;  /* Small devices */}.why-feature-list .why-feature-list-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 30px;  position: relative;  padding-bottom: 40px;}.why-feature-list .why-feature-list-wrap:after {  content: "";  position: absolute;  width: 1px;  height: calc(100% + 40px);  background: var(--th-border-color2);  left: 20px;  z-index: -1;  bottom: 0;}.why-feature-list .why-feature-list-wrap .number {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  font-size: 18px;  font-weight: 500;  color: var(--theme-color);  -webkit-box-shadow: 0px 0px 20px 10px rgba(190, 190, 190, 0.17);  box-shadow: 0px 0px 20px 10px rgba(190, 190, 190, 0.17);  width: 40px;  height: 40px;  line-height: 40px;  border-radius: 50%;  display: inline-block;  text-align: center;  background: var(--white-color);}.why-feature-list .why-feature-list-wrap .feature-title {  font-size: 24px;  font-weight: 600;  margin-top: 4px;  color: var(--title-color);  border-bottom: 1px solid var(--th-border-color2);  padding-bottom: 22px;  margin-bottom: 21px;}.why-feature-list .why-feature-list-wrap .feature-text {  margin-bottom: -0.5em;  color: var(--body-color);}@media (max-width: 767px) {  .why-feature-list {    grid-template-columns: repeat(1, 1fr);  }  .why-feature-list .why-feature-list-wrap {    gap: 20px;  }}.why-info-card {  background: var(--white-color);  border-radius: 20px;  padding: 0px 20px 20px;  margin-top: 23px;}.why-info-card .box-icon {  position: relative;  top: -23px;  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(--white-color);  width: 46px;  height: 46px;  border-radius: 50%;}.why-info-card .box-title {  font-size: 18px;  font-weight: 400;  margin-top: -20px;  margin-bottom: -0.25em;  max-width: 150px;  /* Medium Large devices */  /* Medium devices */  /* Extra small devices */}@media (max-width: 1299px) {  .why-info-card .box-title {    font-size: 16px;  }}@media (max-width: 991px) {  .why-info-card .box-title {    font-size: 18px;  }}@media (max-width: 575px) {  .why-info-card .box-title {    max-width: none;  }}.why-info-card.style2 {  background: var(--smoke-color3);}.why-info-card.style2 .box-icon {  background: var(--smoke-color3);}.why-info-card.style3 {  background: #232323;  border-radius: 10px;}.why-info-card.style3 .box-icon {  background: var(--smoke-color3);  margin-bottom: 4px;}.why-info-card.style3 .box-title {  color: var(--white-color);  max-width: 160px;}.why-list-wrap ul {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 20px 60px;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.why-list-wrap ul li {  color: var(--white-color);}.why-list-wrap ul li img {  width: 28px;  -ms-flex-item-align: self-start;  align-self: self-start;}/* Why Area 3---------------------------------- */.why-feature-list.style2 {  padding-top: 0;  margin-bottom: -40px;}.why-feature-list.style2 .why-feature-list-wrap {  gap: 24px;}.why-feature-list.style2 .why-feature-list-wrap:after {  display: none;}.why-feature-list.style2 .why-feature-list-wrap .number {  border: 1px solid var(--theme-color);  color: var(--title-color);}.why-feature-list.style2 .why-feature-list-wrap .feature-title {  border-bottom: 0;  padding-bottom: 0;  font-weight: 500;  margin-bottom: 8px;}.why-img-box3 {  position: relative;  text-align: center;}.why-img-box3 .img1 img {  width: 100%;}.why-img-box3 .img2 {  display: inline-block;  margin-top: -180px;}/* 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;  }}/* Why Choose Us Area 5---------------------------------- */.why-thumb5-1 {  border-radius: 24px;  overflow: hidden;}.why-thumb5-1 img {  width: 100%;}/*------------------- 4.00. Faq -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Faq 1 ---------------------------------- */.accordion-card {  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;  border-radius: 4px;  border: 1px solid var(--theme-color);  overflow: hidden;  background-color: transparent;  text-align: left;  position: relative;  z-index: 3;}.accordion-card:not(:last-child) {  margin-bottom: 24px;}.accordion-card .accordion-button {  font-size: 24px;  font-weight: 500;  font-family: var(--title-font);  border: 0;  color: var(--theme-color);  background-color: transparent;  border-radius: 0;  padding: 12px 45px 12px 30px;  min-height: 80px;  gap: 10px;  margin-bottom: 0;  text-align: left;  -webkit-transition: 0.3s;  transition: 0.3s;  position: relative;}.accordion-card .accordion-button:after {  content: "\f107";  height: 100%;  width: auto;  line-height: 1;  background-color: transparent;  background-image: none;  font-family: var(--icon-font);  color: var(--title-color);  font-weight: 500;  font-size: 18px;  display: grid;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  text-align: center;  position: absolute;  top: 0;  right: 30px;  -webkit-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out;}.accordion-card .accordion-button:focus {  outline: none;  -webkit-box-shadow: none;  box-shadow: none;}.accordion-card .accordion-button:not(.collapsed) {  -webkit-box-shadow: none;  box-shadow: none;  background: var(--theme-color);  color: var(--white-color);}.accordion-card .accordion-button:not(.collapsed):after {  -webkit-transform: rotateX(180deg);  transform: rotateX(180deg);  color: var(--light-color);}.accordion-card .accordion-collapse {  border: none;}.accordion-card .accordion-body {  border-radius: 0;  border: none;  padding: 0px 30px 30px;  background: var(--theme-color);}.accordion-card .faq-text {  color: var(--light-color);  margin-bottom: -0.48em;  margin-top: -0.48em;}/* Medium devices */@media (max-width: 991px) {  .accordion-card .accordion-button {    font-size: 20px;    min-height: 70px;  }}/* Extra small devices */@media (max-width: 575px) {  .accordion-card .accordion-button {    padding: 12px 45px 12px 20px;  }  .accordion-card .accordion-body {    padding: 0px 20px 30px;  }}/* Faq Area 2---------------------------------- */.accordion-2 {  margin-top: -26px;  /* Small devices */}@media (max-width: 767px) {  .accordion-2 {    margin-top: -40px;  }}.accordion-card.style2 {  border: 0;  border-bottom: 1px solid var(--title-color);  margin-bottom: 0;}.accordion-card.style2 .accordion-button {  padding: 42px 95px 42px 30px;  padding-left: 0;  font-size: 20px;  font-weight: 500;  color: var(--title-color);  /* Small devices */}@media (max-width: 767px) {  .accordion-card.style2 .accordion-button {    padding-right: 65px;  }}.accordion-card.style2 .accordion-button:after {  content: "+";  width: 85px;  height: 55px;  border-radius: 30px;  border: 1px solid var(--title-color);  right: 0;  top: 50%;  -webkit-transform: translate(0, -50%) !important;  transform: translate(0, -50%) !important;  font-size: 24px;  font-weight: 300;  /* Small devices */}@media (max-width: 767px) {  .accordion-card.style2 .accordion-button:after {    width: 55px;  }}.accordion-card.style2 .accordion-button:not(.collapsed) {  background: transparent;  color: var(--title-color);}.accordion-card.style2 .accordion-button:not(.collapsed):after {  color: var(--white-color);  background: var(--theme-color);  border-color: var(--theme-color);  content: "\f068";}.accordion-card.style2 .accordion-body {  padding: 0;  padding-bottom: 30px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  padding-right: 165px;  gap: 80px;  background: transparent;  /* Large devices */  /* Medium devices */}.accordion-card.style2 .accordion-body .faq-thumb {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.accordion-card.style2 .accordion-body .faq-thumb img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1199px) {  .accordion-card.style2 .accordion-body {    padding-right: 0;    gap: 40px;  }}@media (max-width: 991px) {  .accordion-card.style2 .accordion-body {    gap: 30px;    -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .accordion-card.style2 .accordion-body .faq-thumb {    width: 100%;  }  .accordion-card.style2 .accordion-body .faq-thumb img {    width: 100%;  }}.accordion-card.style2 .faq-text {  color: var(--body-color);}/* Faq 3 ---------------------------------- */.faq-wrap3 {  border-radius: 24px;  padding: 60px;  /* Small devices */  /* Extra small devices */}@media (max-width: 767px) {  .faq-wrap3 {    padding: 40px;  }}@media (max-width: 575px) {  .faq-wrap3 {    padding: 30px;  }}.faq-img-box3 {  position: relative;  display: inline-block;  padding: 0 215px 210px 0;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */}.faq-img-box3 img {  border-radius: 20px;}.faq-img-box3 .img1 img {  width: 412px;  height: 426px;  -o-object-fit: cover;  object-fit: cover;}.faq-img-box3 .img2 {  position: absolute;  right: 91px;  top: 27px;}.faq-img-box3 .img2 img {  width: 221px;  height: 225px;  -o-object-fit: cover;  object-fit: cover;}.faq-img-box3 .img3 {  position: absolute;  left: 36px;  bottom: 51px;}.faq-img-box3 .img3 img {  width: 221px;  height: 225px;  -o-object-fit: cover;  object-fit: cover;}.faq-img-box3 .img4 {  position: absolute;  right: 0;  bottom: 0;}.faq-img-box3 .img4 img {  width: 341px;  height: 347px;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1299px) {  .faq-img-box3 {    padding: 0 160px 210px 0;  }  .faq-img-box3 .img2 {    right: 50px;    top: 30px;  }  .faq-img-box3 .img4 img {    width: 280px;  }}@media (max-width: 1199px) {  .faq-img-box3 {    padding: 0 215px 210px 0;  }  .faq-img-box3 .img2 {    right: 30px;  }  .faq-img-box3 .img4 img {    width: 340px;  }}@media (max-width: 991px) {  .faq-img-box3 .img4 img {    width: 280px;  }}@media (max-width: 767px) {  .faq-img-box3 {    padding: 0;    display: block;  }  .faq-img-box3 .img1,  .faq-img-box3 .img2,  .faq-img-box3 .img3,  .faq-img-box3 .img4 {    position: relative;    right: auto;    left: auto;    top: auto;    bottom: auto;    width: 100%;  }  .faq-img-box3 .img1 img,  .faq-img-box3 .img2 img,  .faq-img-box3 .img3 img,  .faq-img-box3 .img4 img {    width: 100%;    height: auto;  }  .faq-img-box3 .img1:not(:first-child),  .faq-img-box3 .img2:not(:first-child),  .faq-img-box3 .img3:not(:first-child),  .faq-img-box3 .img4:not(:first-child) {    margin-top: 30px;  }}.accordion-card.style3 {  border: 0;  border-radius: 20px;  background: var(--white-color);}.accordion-card.style3 .accordion-button {  font-size: 18px;  font-weight: 500;  color: var(--title-color);  min-height: 60px;  padding: 12px 45px 12px 24px;}.accordion-card.style3 .accordion-button:after {  right: 24px;}.accordion-card.style3 .accordion-button:not(.collapsed) {  background: transparent;}.accordion-card.style3 .accordion-button:not(.collapsed):after {  color: var(--theme-color);}.accordion-card.style3 .accordion-body {  background: transparent;  padding: 1px 24px 24px;}.accordion-card.style3 .faq-text {  color: var(--body-color);}/*------------------- 4.00. Service -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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;  height: 1px;}.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-card.style6 {  border: 1px solid var(--th-border-color);  border-radius: 48px;  background: var(--white-color);  padding: 30px;}.service-card.style6 .service-card-icon {  width: 96px;  height: 96px;  line-height: 93px;  border-radius: 50%;  border: 1px solid var(--th-border-color);  background: var(--smoke-color2);  text-align: center;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card.style6 .service-card-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card.style6 .box-title {  margin-top: 17px;}.service-card.style6 .box-title a {  color: var(--title-color);  font-size: 24px;  font-weight: 600;}.service-card.style6 .box-title a:hover {  color: var(--theme-color);}.service-card.style6 .box-text {  color: var(--body-color);  opacity: 0.9;  /* Extra large devices */  /* Medium Large devices */  /* Medium devices */  /* Small devices */}@media (max-width: 1500px) {  .service-card.style6 .box-text {    font-size: 14px;  }}@media (max-width: 1299px) {  .service-card.style6 .box-text {    font-size: 16px;  }}@media (max-width: 991px) {  .service-card.style6 .box-text {    font-size: 15px;  }}@media (max-width: 767px) {  .service-card.style6 .box-text {    font-size: 16px;  }}.service-card.style6 .service-img {  margin-top: 50px;  border-radius: 24px;  overflow: hidden;  display: block;  position: relative;  z-index: 1;}.service-card.style6 .service-img img {  width: 100%;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card.style6 .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.style6 .service-img .icon-btn {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  border: 0;  background: transparent;  -webkit-filter: invert(1);  filter: invert(1);  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0;  z-index: 2;}.service-card.style6:hover .service-card-icon {  background: var(--theme-color);  border-color: var(--theme-color);}.service-card.style6:hover .service-card-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);  -webkit-filter: brightness(99) invert(0) grayscale(9);  filter: brightness(99) invert(0) grayscale(9);}.service-card.style6:hover .service-img img {  -webkit-transform: scale(1.05);  transform: scale(1.05);}.service-card.style6:hover .service-img:before {  opacity: 0.6;}.service-card.style6:hover .service-img .icon-btn {  opacity: 1;}/* Service Area 7 ---------------------------------- */.service-card.style7 {  border: 1px solid var(--th-border-color);  border-radius: 10px;  background: var(--white-color);  padding: 40px 28px 40px;  text-align: center;  overflow: hidden;  z-index: 3;  position: relative;}.service-card.style7 .service-img {  border-radius: 6px;  overflow: hidden;  display: block;  position: relative;  z-index: -1;  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;  position: absolute;  inset: 10px;}.service-card.style7 .service-img img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card.style7 .service-img:before {  content: "";  position: absolute;  inset: 0;  background: var(--black-color);  opacity: 0.6;  -webkit-transition: 0.4s;  transition: 0.4s;  z-index: 1;}.service-card.style7 .service-img .icon-btn {  position: absolute;  left: 50%;  top: 120px;  -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  border: 1px solid var(--white-color);  width: 50px;  height: 50px;  line-height: 48px;  background: transparent;  -webkit-transition: 0.4s;  transition: 0.4s;  z-index: 2;}.service-card.style7 .service-img .icon-btn img {  -webkit-filter: invert(1);  filter: invert(1);  width: 24px;  height: auto;}.service-card.style7 .service-img .icon-btn:hover {  background: var(--white-color);}.service-card.style7 .service-img .icon-btn:hover img {  -webkit-filter: none;  filter: none;}.service-card.style7 .service-card-icon2 {  padding-top: 30px;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card.style7 .service-card-icon {  text-align: center;  -webkit-transition: 0.4s;  transition: 0.4s;  margin-top: 60px;  padding-bottom: 60px;  position: relative;  z-index: -2;}.service-card.style7 .service-card-icon img {  -webkit-transform: none;  transform: none;}.service-card.style7 .box-title {  margin-top: -0.32em;  max-width: 160px;  margin-left: auto;  margin-right: auto;}.service-card.style7 .box-title a {  color: var(--title-dark);  font-size: 24px;  font-weight: 600;}.service-card.style7 .box-text {  opacity: 1;  color: var(--body-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card.style7 .box-num {  font-size: 18px;  font-weight: 500;  margin-bottom: -0.4em;  margin-top: -0.4em;}.service-card.style7:hover .service-img {  opacity: 1;}.service-card.style7:hover .service-card-icon2 {  opacity: 0;}.service-card.style7:hover .service-card-icon {  opacity: 0;}.service-card.style7:hover .box-title a {  color: var(--white-color);}.service-card.style7:hover .box-title a:hover {  color: var(--theme-color2);}.service-card.style7:hover .box-num {  color: var(--white-color);}.service-card.style7:hover .box-text {  color: var(--white-color);}.service-slider7 .swiper-slide {  -webkit-transition: 0.4s;  transition: 0.4s;}.service-slider7 .swiper-slide:nth-child(even) {  padding-top: 50px;  /* Large devices */}@media (max-width: 1199px) {  .service-slider7 .swiper-slide:nth-child(even) {    padding-top: 0;  }}.service-card7 {  background: var(--white-color);  border-radius: 20px;  padding: 40px 30px 30px;  position: relative;  /* Medium Large devices */}.service-card7 .box-title {  font-size: 22px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 0.02em;}.service-card7 .box-text {  margin-bottom: 22px;}.service-card7 .th-btn {  padding: 9px 16px;  font-size: 14px;}.service-card7 .box-img {  position: relative;  margin-top: 24px;}.service-card7 .box-img .box-icon {  width: 85px;  height: 90px;  border-radius: 14px;  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(--theme-color);  position: absolute;  right: 0;  top: -37px;  /* Extra large devices */}@media (max-width: 1500px) {  .service-card7 .box-img .box-icon {    width: 65px;    height: 70px;    padding: 12px;    top: -30px;  }}.service-card7 .box-img .thumb img {  width: 100%;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card7:hover .box-img .thumb img {  scale: 1.1;}@media (max-width: 1399px) {  .service-card7 {    padding: 125px 30px 30px;  }  .service-card7 .box-img {    position: initial;  }  .service-card7 .box-img .thumb {    -webkit-mask-image: none !important;    mask-image: none !important;    border-radius: 16px;    overflow: hidden;  }  .service-card7 .box-img .box-icon {    left: 30px;    top: 30px;    right: auto;    width: 70px;    padding: 15px;  }}/* Service Area 8 ---------------------------------- */.service-wrap8 {  max-width: 1860px;  margin-left: auto;  margin-right: auto;  border-radius: 30px;}.service-card8 {  background: var(--white-color);  border-radius: 20px;  padding: 24px 24px 40px;  position: relative;  /* Medium Large devices */  /* Large devices */  /* Medium devices */}.service-card8 .box-title {  font-size: 22px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 0.02em;}.service-card8 .box-text {  margin-bottom: 22px;}.service-card8 .th-btn {  padding: 9px 16px;  font-size: 14px;}.service-card8 .box-img {  position: relative;  margin-bottom: 35px;}.service-card8 .box-img .box-icon {  width: 85px;  height: 90px;  border-radius: 14px;  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: #F3F2F1;  position: absolute;  right: 0;  bottom: -18px;}.service-card8 .box-img .thumb img {  width: 100%;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card8 .box-content {  padding: 0 6px;}.service-card8:hover .box-img .thumb img {  scale: 1.1;}@media (max-width: 1299px) {  .service-card8 .box-img .box-icon {    width: 70px;    height: 77px;    padding: 13px;  }}@media (max-width: 1199px) {  .service-card8 .box-img .box-icon {    width: 90px;    height: 77px;    padding: 13px;    bottom: 0;  }}@media (max-width: 991px) {  .service-card8 {    padding: 125px 30px 30px;  }  .service-card8 .thumb {    -webkit-mask-image: none !important;    mask-image: none !important;    border-radius: 16px;    overflow: hidden;  }  .service-card8 .box-img {    position: initial;  }  .service-card8 .box-img .box-icon {    left: 30px;    top: 30px;    right: auto;    width: 70px;    padding: 15px;  }}/* Service Area 9 ---------------------------------- */.service-card9 {  border-radius: 20px;  background: var(--white-color);  padding: 30px;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card9 .box-icon {  background: var(--black-color2);  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  width: 80px;  height: 80px;  border-radius: 50%;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-bottom: 30px;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card9 .box-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-filter: brightness(99) invert(0) grayscale(99);  filter: brightness(99) invert(0) grayscale(99);}.service-card9 .box-title {  font-weight: 600;  margin-bottom: 10px;  /* Large devices */}.service-card9 .box-title a {  background-repeat: no-repeat;  background-position: bottom left;  background-size: 0 2px;  background-image: -webkit-gradient(linear, right top, left top, from(var(--white-color)), to(var(--white-color)));  background-image: linear-gradient(to left, var(--white-color), var(--white-color));}.service-card9 .box-title a:hover {  color: var(--white-color);  background-size: 100% 2px;}@media (max-width: 1199px) {  .service-card9 .box-title {    font-size: 20px;  }}.service-card9 .box-text {  margin-bottom: 22px;  -webkit-transition: 0.4s;  transition: 0.4s;}.service-card9 .th-btn {  padding: 9px 24px;  font-size: 14px;}.service-card9:hover {  background: var(--theme-color);}.service-card9:hover .box-icon {  background: var(--white-color);}.service-card9:hover .box-icon img {  -webkit-filter: none;  filter: none;  -webkit-transform: scale(-1) rotate(180deg);  transform: scale(-1) rotate(180deg);}.service-card9:hover .box-title {  color: var(--white-color);}.service-card9:hover .box-text {  color: var(--white-color);}.service-card9:hover .th-btn {  color: var(--white-color);}.service-card9:hover .th-btn:after {  -webkit-filter: brightness(0) grayscale(9) invert(2);  filter: brightness(0) grayscale(9) invert(2);}.service-card9:hover .th-btn:hover {  background: var(--white-color);  color: var(--title-color);}.service-card9:hover .th-btn:hover:after {  -webkit-filter: none;  filter: none;}/* Service details page ---------------------------------- */.page-img {  border-radius: 24px;  overflow: hidden;}.page-img img {  width: 100%;}/*------------------- 4.00. Process -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Process Card ---------------------------------- */.process-card {  position: relative;  z-index: 2;  /* Medium Large devices */  /* Small devices */  /* Extra small devices */}.process-card .box-number {  height: 60px;  width: 60px;  border-radius: 50%;  background: var(--theme-color3);  border: 6px solid var(--white-color);  color: var(--white-color);  font-size: 18px;  font-weight: 700;  line-height: 50px;  position: absolute;  left: 0;  top: 50%;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  z-index: 1;  text-align: center;  -webkit-transition: 0.4s;  transition: 0.4s;}.process-card .box-content {  background: var(--white-color);  margin-left: 10px;  padding: 27px 45px 27px 54px;}.process-card .box-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 3px;}.process-card .box-text {  font-size: 14px;  line-height: 1.5em;  margin-bottom: -0.4em;}.process-card:hover .box-number {  background: var(--title-color);  color: var(--white-color);}@media (max-width: 1399px) {  .process-card .box-title {    font-size: 22px;  }}@media (max-width: 767px) {  .process-card .box-content {    padding: 27px 90px 27px 84px;  }}@media (max-width: 575px) {  .process-card .box-content {    padding: 27px 50px 27px 64px;  }}/* Process Card 2---------------------------------- */.process-card2 {  background: var(--gray-color);  padding: 40px 30px;  border-radius: 16px;  overflow: hidden;  text-align: center;}.process-card2 .box-icon {  width: 114px;  height: 114px;  background: rgba(217, 217, 217, 0.1);  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;  margin-bottom: 40px;}.process-card2 .box-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;}.process-card2 .box-title {  color: var(--white-color);  font-weight: 600;}.process-card2 .box-text {  color: rgba(255, 255, 255, 0.8);}.process-card2 .box-number {  font-size: 16px;  font-weight: 500;  color: var(--white-color);  display: inline-block;  background: rgba(255, 255, 255, 0.1);  border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 48px;  padding: 7px 24px;  margin: 0;  margin-top: 32px;}.process-card2:hover .box-icon img {  -webkit-transform: scale(-1) rotate(180deg);  transform: scale(-1) rotate(180deg);}/* 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;}/* Process Card 4---------------------------------- */.process-area-3 {  margin-top: -400px;  padding-top: calc(var(--section-space) + 400px);  /* Medium devices */}@media (max-width: 991px) {  .process-area-3 {    margin-top: -350px;    padding-top: calc(var(--section-space-mobile) + 350px);  }}.process-card4 {  text-align: center;}.process-card4 .box-img {  display: inline-block;  position: relative;  margin-bottom: 30px;}.process-card4 .box-img img {  border-radius: 50%;  width: 246px;  height: 246px;  -o-object-fit: cover;  object-fit: cover;}.process-card4 .box-img .box-number {  position: absolute;  left: 0;  top: 0;  width: 88px;  height: 88px;  background: var(--black-color2);  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%;  font-size: 24px;  letter-spacing: 0.02em;  font-family: var(--title-font);  color: var(--theme-color2);}.process-card4 .box-title {  letter-spacing: 0.02em;  font-size: 24px;  font-weight: 600;  color: var(--white-color);  margin-bottom: 8px;  /* Medium Large devices */}@media (max-width: 1299px) {  .process-card4 .box-title {    font-size: 20px;  }}.process-card4 .box-text {  color: var(--light-color);}/*------------------- 4.00. Pricing -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Pricing Card ---------------------------------- */.price-card {  position: relative;  z-index: 2;  border-radius: 16px;  background: transparent;  border: 1px solid var(--theme-color);  padding: 32px;}.price-card .price-card-icon {  width: 72px;  height: 72px;  line-height: 70px;  text-align: center;  border-radius: 50%;  background: var(--theme-color);  margin-bottom: 24px;}.price-card .price-card-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;}.price-card .price-card-title {  padding-bottom: 35px;  margin-bottom: 30px;  margin-top: -0.25em;  font-size: 24px;  font-weight: 600;  color: var(--theme-color);  position: relative;}.price-card .price-card-title:after {  content: "";  position: absolute;  bottom: 0;  left: -32px;  right: -32px;  background: var(--theme-color);  height: 1px;}.price-card .price-card_price {  font-size: 40px;  font-weight: 600;  margin-bottom: 0px;  color: var(--theme-color);}.price-card .price-card_price .duration {  font-size: 16px;  font-weight: 400;  font-family: var(--body-font);  color: var(--theme-color);}.price-card .price-card_text {  color: var(--theme-color);  letter-spacing: -0.05px;  font-weight: 400;  font-size: 16px;  margin-bottom: 0;}.price-card .price-card_content .checklist {  margin-top: 46px;}.price-card .price-card_content .checklist li {  font-weight: 400;}.price-card .price-card_content .checklist li:not(:last-child) {  margin-bottom: 15px;}.price-card .price-card_content .checklist li i {  font-size: 24px;  margin-top: 2px;}.price-card .th-btn {  margin-top: 40px;  font-size: 18px;  padding: 21px 20px;}.price-card .offer-tag {  position: absolute;  right: 0;  top: 50px;  background: var(--theme-color2);  font-size: 18px;  color: var(--title-color);  padding: 5px 15px 5px 22px;  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);  opacity: 0;}.price-card.active .offer-tag {  opacity: 1;}.price-card:hover .price-card-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}/* Pricing Card 2---------------------------------- */.pricing-card-wrap2 {  padding: 28px 0;  /* Medium Large devices */  /* Large devices */}.pricing-card-wrap2 .price-card2:not(:last-child) {  margin-bottom: 100px;}@media (max-width: 1299px) {  .pricing-card-wrap2 {    padding: 5px 0;  }}@media (max-width: 1199px) {  .pricing-card-wrap2 {    padding: 0;  }  .pricing-card-wrap2 .price-card2:not(:last-child) {    margin-bottom: 60px;  }}.price-card2 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  border-top: 1px solid var(--th-border-color);  border-bottom: 1px solid var(--th-border-color);  padding: 48px 0;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 50px;  /* Large devices */  /* Medium devices */  /* Extra small devices */}.price-card2 .price-card-title-wrap {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.price-card2 .checklist {  margin-left: auto;  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.price-card2 .checklist li {  position: relative;  color: var(--body-color);}.price-card2 .checklist li:before {  content: "";  position: relative;  width: 6px;  height: 6px;  border-radius: 50%;  display: inline-block;  background: var(--theme-color);  top: 11px;}.price-card2 .checklist li:not(:last-child) {  margin-bottom: 6px;}.price-card2 .checklist li.unavailable {  color: var(--th-border-color);}.price-card2 .checklist li.unavailable:before {  background: var(--th-border-color);}.price-card2 .price-card-thumb {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin: -80px auto;  padding: 0 17px;}.price-card2 .price-card-thumb img {  -webkit-transform: rotate(9deg);  transform: rotate(9deg);  border-radius: 10px;}.price-card2 .price-card-thumb .img1 {  position: relative;  z-index: 1;}.price-card2 .price-card-thumb .img2 {  margin-left: -100px;}.price-card2 .price-card-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 6px;}.price-card2 .price-card-subtitle {  margin-bottom: 0;}.price-card2 .price-card_price {  text-align: center;  font-size: 28px;  font-weight: 600;  margin-bottom: 17px;}.price-card2 .price-card_price .duration {  display: block;  font-size: 14px;  font-weight: 400;  color: var(--body-color);  margin-top: 5px;}@media (max-width: 1199px) {  .price-card2 {    gap: 20px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    display: grid;    grid-template-columns: repeat(2, auto);    -ms-flex-pack: distribute;    justify-content: space-around;  }  .price-card2 .price-card-thumb {    -webkit-box-ordinal-group: 2;    -ms-flex-order: 1;    order: 1;    margin: 0;    padding: 17px;  }  .price-card2 .price-card-title-wrap {    -webkit-box-ordinal-group: 3;    -ms-flex-order: 2;    order: 2;    -webkit-box-flex: 0;    -ms-flex: none;    flex: none;    text-align: center;  }  .price-card2 .checklist {    -webkit-box-ordinal-group: 4;    -ms-flex-order: 3;    order: 3;    -webkit-box-flex: 0;    -ms-flex: none;    flex: none;    margin-left: 0;  }  .price-card2 .price-card_content {    -webkit-box-ordinal-group: 5;    -ms-flex-order: 4;    order: 4;  }}@media (max-width: 991px) {  .price-card2 {    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;  }}@media (max-width: 575px) {  .price-card2 {    grid-template-columns: repeat(1, 1fr);  }  .price-card2 .price-card-title-wrap {    text-align: start;  }  .price-card2 .price-card_price {    text-align: start;  }}/*------------------- 4.00. Feature -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Feature Area ---------------------------------- */.feature-thumb1-1 {  border-radius: 20px;  overflow: hidden;  margin-top: -87px;  /* Large devices */}.feature-thumb1-1 img {  width: 100%;}@media (max-width: 1199px) {  .feature-thumb1-1 {    margin-top: 0;  }}.feature-list-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 40px;  /* Small devices */}@media (max-width: 767px) {  .feature-list-wrap {    display: block;  }  .feature-list-wrap .feature-card:not(:last-child) {    margin-bottom: 40px;  }}.feature-card {  /* Small devices */}.feature-card .box-icon {  border-radius: 20px;  background: rgba(255, 255, 255, 0.1);  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;  width: 80px;  height: 80px;  margin-bottom: 30px;}.feature-card .box-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;}.feature-card .box-title {  color: var(--white-color);  font-size: 24px;  font-weight: 500;  margin-bottom: -0.35em;  /* Medium Large devices */}@media (max-width: 1299px) {  .feature-card .box-title {    font-size: 20px;  }}.feature-card .box-text {  color: var(--light-color);  margin-top: 23px;  text-align: left;  /* Medium Large devices */  /* Small devices */}@media (max-width: 1399px) {  .feature-card .box-text {    font-size: 14px;  }}@media (max-width: 767px) {  .feature-card .box-text {    font-size: 16px;    text-align: center;  }}.feature-card:hover .box-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}@media (max-width: 767px) {  .feature-card {    text-align: center;  }  .feature-card .box-icon {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;  }}/* Feature Area 2---------------------------------- */.feature-card2 {  text-align: center;  position: relative;  padding: 0 40px 40px;  /* Medium devices */  /* Extra small devices */  /* Extra small devices */}.feature-card2:after {  content: "";  position: absolute;  inset: 126px 0 0 0;  border-radius: 50px;  border: 1px solid var(--th-border-color2);}.feature-card2 .box-img {  border-radius: 50px;  overflow: hidden;  margin: 0 14px;  position: relative;  z-index: 1;  margin-bottom: 40px;}.feature-card2 .box-img img {  width: 100%;  -webkit-transition: 0.4s;  transition: 0.4s;}.feature-card2 .box-title {  letter-spacing: 0.02em;  font-weight: 600;}.feature-card2:hover .box-img img {  -webkit-transform: scale(1.1);  transform: scale(1.1);}.feature-card2:hover .box-img:after {  -webkit-animation: imgShine 1s;  animation: imgShine 1s;}@media (max-width: 991px) {  .feature-card2 .box-img {    margin-left: 0;    margin-right: 0;  }}@media (max-width: 575px) {  .feature-card2 {    padding: 0 30px 40px;  }}@media (max-width: 375px) {  .feature-card2:after {    border-radius: 30px;  }  .feature-card2 .box-img {    border-radius: 30px;  }}/*------------------- 4.00. Project -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Portfolio Area -------------------------------*/.project-area-1 {  background-attachment: fixed;}.project-wrap1 .project-number-pagination {  position: absolute;  z-index: 9;  left: 146px;  top: 50%;  -webkit-transform: translate(0, calc(-50% + 20px));  transform: translate(0, calc(-50% + 20px));  display: inline-block;  /* Extra large devices */}@media (max-width: 1500px) {  .project-wrap1 .project-number-pagination {    display: none;  }}.project-wrap1 .project-number-pagination .tab-btn {  position: relative;  margin: 110px 0;  cursor: pointer;}.project-wrap1 .project-number-pagination .tab-btn:before,.project-wrap1 .project-number-pagination .tab-btn:after {  content: "";  position: absolute;  height: 155px;  width: 1px;  background: rgba(255, 255, 255, 0.2);  top: 0px;  left: 50%;}.project-wrap1 .project-number-pagination .tab-btn:before {  height: 7px;  width: 7px;  border-radius: 50%;  -webkit-transform: translate(-50%, 0px);  transform: translate(-50%, 0px);  background: #D9D9D9;}.project-wrap1 .project-number-pagination .tab-btn:nth-child(4) {  margin-bottom: 0;}.project-wrap1 .project-number-pagination .tab-btn:nth-child(4):after {  display: none;}.project-wrap1 .project-number-pagination .tab-btn:first-child {  margin-top: 0;}.project-wrap1 .project-number-pagination .tab-btn span {  display: block;  color: var(--title-color);  height: 45px;  width: 45px;  line-height: 45px;  background-color: var(--white-color);  border-radius: 50%;  font-size: 24px;  font-weight: 600;  text-align: center;  opacity: 0;  position: relative;  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);}.project-wrap1 .project-number-pagination .tab-btn span:after {  content: "";  position: absolute;  inset: -17px;  background: rgba(255, 255, 255, 0.2);  border-radius: 50%;  z-index: -1;}.project-wrap1 .project-number-pagination .tab-btn.active span {  opacity: 1;}.project-slider-area {  margin-right: -312px;  /* Hight Resoulation devices */  /* Extra small devices */}@media (min-width: 1922px) {  .project-slider-area {    margin-right: 0;  }}@media (max-width: 575px) {  .project-slider-area {    margin-right: 0;  }}.project-slider1 {  padding-right: 560px;  /* Hight Resoulation devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (min-width: 1922px) {  .project-slider1 {    padding-right: 0;  }}@media (max-width: 1299px) {  .project-slider1 {    padding-right: 500px;  }}@media (max-width: 1199px) {  .project-slider1 {    padding-right: 580px;  }}@media (max-width: 991px) {  .project-slider1 {    padding-right: 500px;  }}@media (max-width: 767px) {  .project-slider1 {    padding-right: 400px;  }}@media (max-width: 575px) {  .project-slider1 {    padding-right: 0;  }}.project-slider1 .slider-pagination {  text-align: start;}.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 .portfolio-img .portfolio-card-shape {  background: rgba(12, 10, 10, 0.7);  -webkit-backdrop-filter: blur(2.5px);  backdrop-filter: blur(2.5px);  padding: 25px 50px;  position: absolute;  inset: 20px;  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0;}.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-img .portfolio-card-shape {  opacity: 1;}.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-img .portfolio-card-shape {  inset: 0;  background: rgba(23, 23, 23, 0.7);  border: 1px solid var(--white-color);  border-radius: 32px;  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  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;}.portfolio-card.style2 .portfolio-img .portfolio-card-shape img {  width: 421px;  -webkit-transform: scale(1.1);  transform: scale(1.1);}.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-location {  margin-bottom: 18px;}.portfolio-card.style4 .property-card-meta {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 65px;  padding-bottom: 20px;  margin-bottom: 26px;  border-bottom: 1px solid rgba(28, 45, 55, 0.5);}.portfolio-card.style4 .property-card-meta span {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 8px;  position: relative;  font-size: 14px;}.portfolio-card.style4 .property-card-meta span img {  width: 16px;}.portfolio-card.style4 .property-card-meta span:after {  content: "";  position: absolute;  width: 1px;  height: 100%;  background: #828282;  right: -32px;}.portfolio-card.style4 .property-card-meta span:last-child:after {  display: none;}.portfolio-card.style4 .portfolio-text {  font-size: 14px;  margin-bottom: -0.3em;}@media (max-width: 575px) {  .portfolio-card.style4 .portfolio-content {    padding-top: 10px;  }  .portfolio-card.style4 .property-card-meta {    gap: 20px;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    display: -webkit-box;    display: -ms-flexbox;    display: flex;  }  .portfolio-card.style4 .property-card-meta span:after {    display: none;  }}.project-slider4 {  /* Medium devices */  /* Extra small devices */}.project-slider4 .portfolio-card.style4 {  margin-top: 100px;}.project-slider4 .swiper-slide.swiper-slide-active .portfolio-card.style4 {  margin-top: 0;}.project-slider4 .slider-pagination {  margin-top: 0;}@media (max-width: 991px) {  .project-slider4 {    margin: 0 20px;  }  .project-slider4 .portfolio-card.style4 {    margin-top: 0;  }  .project-slider4 .slider-pagination {    margin-top: 60px;  }}@media (max-width: 575px) {  .project-slider4 {    margin: 0;  }}/* Project Area 5 ---------------------------------- */.project-slider5 {  margin-right: -492px;  position: relative;  margin-left: -90px;  /* Hight Resoulation devices */  /* Extra large devices */}.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 {    margin-left: 0;  }  .project-slider5 .th-slider {    padding-left: 0;  }  .project-slider5 .th-slider:after {    display: none;  }}@media (max-width: 1500px) {  .project-slider5 {    margin-right: 0;  }}.project-slider5 .slider-pagination-progressbar2 {  height: calc(100% - 64px);  z-index: 2;  top: 50%;  left: 8px;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  background: var(--th-border-color);  /* Hight Resoulation devices */  /* Extra large devices */}.project-slider5 .slider-pagination-progressbar2 .slider-progressbar-fill {  background: var(--theme-color2);}@media (min-width: 1922px) {  .project-slider5 .slider-pagination-progressbar2 {    display: none;  }}@media (max-width: 1500px) {  .project-slider5 .slider-pagination-progressbar2 {    display: none;  }}.project-slider5 .slider-pagination2 {  position: absolute;  left: 0px;  top: 0;  z-index: 2;  height: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-line-pack: justify;  align-content: space-between;  /* Hight Resoulation devices */}.project-slider5 .slider-pagination2 .divider {  display: none;}.project-slider5 .slider-pagination2 span {  display: block;  width: 100%;  line-height: 1;  color: var(--title-color);}@media (min-width: 1922px) {  .project-slider5 .slider-pagination2 {    display: none;  }}.project-slider5 .slider-pagination {  display: none;  /* Hight Resoulation devices */  /* Extra large devices */  /* Small devices */}@media (min-width: 1922px) {  .project-slider5 .slider-pagination {    display: block;  }}@media (max-width: 1500px) {  .project-slider5 .slider-pagination {    display: block;  }}@media (max-width: 767px) {  .project-slider5 .slider-pagination {    margin-top: 40px;  }}.project-slider5.style-dark .th-slider:after {  background: var(--black-color2);}.project-slider5.style-dark .slider-pagination2 span {  color: var(--white-color);}.project-slider5.style-dark .slider-pagination-progressbar2 {  background: rgba(179, 179, 179, 0.4);}.portfolio-card.style5 .portfolio-img {  border-radius: 30px;  overflow: hidden;}.portfolio-card.style5 .portfolio-img.radius-12 {  border-radius: 12px;}.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-content .box-content {  -ms-flex-item-align: center;  align-self: center;}.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 .portfolio-location {  font-size: 14px;  margin-bottom: -0.3em;}.portfolio-card.style5 .box-number {  font-size: 60px;  font-weight: 500;  font-family: var(--title-font);  color: transparent;  -webkit-text-stroke: 1px var(--light-color);  line-height: 1;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Small devices */}@media (max-width: 767px) {  .portfolio-card.style5 .box-number {    font-size: 50px;  }}.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);}.portfolio-card.style5:hover .box-number {  color: var(--theme-color2);  -webkit-text-stroke: 1px var(--theme-color2);}.portfolio-card.style5.style-dark .portfolio-title {  color: var(--white-color);}.portfolio-card.style5.style-dark .portfolio-title:hover {  color: var(--theme-color2);}.portfolio-card.style5.style-dark .portfolio-location {  color: var(--th-border-color);}/* 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 .slider-arrow {  top: auto;  bottom: 0px;  left: 0;  background: transparent;  width: auto;  height: auto;  line-height: normal;  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}.project-slider6 .slider-arrow.slider-next {  right: 0;  left: auto;}.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;  }}.portfolio-card.style6 {  margin-top: 180px;  -webkit-transition: 0.4s;  transition: 0.4s;  position: relative;  /* Large devices */  /* Extra small devices */}.portfolio-card.style6 .portfolio-img {  border-radius: 30px;}.portfolio-card.style6 .portfolio-img img {  height: 422px;  -o-object-fit: cover;  object-fit: cover;}.portfolio-card.style6 .portfolio-content {  position: absolute;  opacity: 0;  visibility: hidden;  -webkit-transition: 0.4s;  transition: 0.4s;}.portfolio-card.style6 .portfolio-content .portfolio-title {  font-size: 30px;  font-weight: 400;  margin-bottom: 6px;  /* Extra small devices */}.portfolio-card.style6 .portfolio-content .portfolio-title a {  color: var(--white-color);}.portfolio-card.style6 .portfolio-content .portfolio-title a:hover {  color: var(--theme-color2);}@media (max-width: 575px) {  .portfolio-card.style6 .portfolio-content .portfolio-title {    font-size: 24px;  }}.portfolio-card.style6 .portfolio-content .portfolio-subtitle {  margin-bottom: -0.3em;  font-size: 14px;  font-weight: 400;  text-transform: uppercase;  color: var(--theme-color2);}@media (max-width: 1199px) {  .portfolio-card.style6 {    margin-top: 0;  }  .portfolio-card.style6 .portfolio-img img {    height: 520px;  }  .portfolio-card.style6 .portfolio-content {    position: relative;    opacity: 1;    visibility: visible;  }}@media (max-width: 575px) {  .portfolio-card.style6 .portfolio-img img {    height: 422px;  }}/* 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;}.portfolio-card.style7 .portfolio-img {  border-radius: 0;}.portfolio-card.style7 .portfolio-img img {  -webkit-transition: 0.4s;  transition: 0.4s;  height: 520px;  -o-object-fit: cover;  object-fit: cover;  /* Medium Large devices */  /* Extra small devices */}@media (max-width: 1299px) {  .portfolio-card.style7 .portfolio-img img {    height: 520px !important;  }}@media (max-width: 375px) {  .portfolio-card.style7 .portfolio-img img {    height: 420px !important;  }}.portfolio-card.style7 .portfolio-content {  padding-top: 40px;}.portfolio-card.style7 .portfolio-title {  font-size: 20px;  font-weight: 500;  color: var(--title-color);  margin-bottom: -0.01em;  position: relative;}.portfolio-card.style7 .portfolio-title a {  color: var(--title-color);}.portfolio-card.style7 .portfolio-title a:hover {  color: var(--theme-color);}.portfolio-card.style7 .portfolio-title:before {  content: "";  position: absolute;  height: 76px;  width: 1px;  background: var(--title-color);  top: -5px;  -webkit-transform: translate(0, -100%);  transform: translate(0, -100%);  left: 30px;}.portfolio-card.style7:hover .portfolio-img img {  height: 320px;}/* 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 {  position: relative;}.portfolio-card.style8 .portfolio-img {  border-radius: 30px;  /* Extra small devices */}.portfolio-card.style8 .portfolio-img img {  min-height: 650px;  -o-object-fit: cover;  object-fit: cover;  /* Large devices */}@media (max-width: 1199px) {  .portfolio-card.style8 .portfolio-img img {    min-height: 500px;  }}@media (max-width: 575px) {  .portfolio-card.style8 .portfolio-img {    border-radius: 20px;  }}.portfolio-card.style8 .box-content {  position: absolute;  left: 60px;  bottom: 60px;  background: var(--white-color);  border-radius: 14px;  padding: 30px;  z-index: 2;  max-width: 464px;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Extra small devices */}@media (max-width: 575px) {  .portfolio-card.style8 .box-content {    left: 0;    bottom: 0;    right: 0;    margin: 20px;  }}.portfolio-card.style8 .box-subtitle {  display: block;  margin-top: -0.3em;}.portfolio-card.style8 .box-title {  font-size: 24px;  font-weight: 600;  border-bottom: 1px solid var(--th-border-color);  padding-bottom: 17px;  margin-bottom: 16px;  /* Large devices */  /* Extra small devices */}@media (max-width: 1199px) {  .portfolio-card.style8 .box-title {    font-size: 24px;  }}@media (max-width: 575px) {  .portfolio-card.style8 .box-title {    font-size: 20px;    margin-bottom: 10px;  }}.portfolio-card.style8 .box-title a {  color: var(--title-color);}.portfolio-card.style8 .box-title a:hover {  color: var(--theme-color);}.portfolio-card.style8 .box-text {  margin-bottom: 17px;  /* Extra small devices */}@media (max-width: 575px) {  .portfolio-card.style8 .box-text {    font-size: 14px;  }}.portfolio-card.style8 .th-btn {  padding: 9px 16px;  font-size: 14px;  min-width: auto;}.portfolio-card.style8 .th-btn:after {  width: 18px;}/* Project Area 9 ---------------------------------- */.project-slider8 .swiper-slide .portfolio-card.style9 .box-content {  opacity: 0;  visibility: hidden;  margin-bottom: -50px;}.project-slider8 .swiper-slide.swiper-slide-active .portfolio-card.style9 .box-content {  opacity: 1;  visibility: visible;  margin-bottom: 0;}.portfolio-card.style9 {  position: relative;}.portfolio-card.style9 .portfolio-img {  border-radius: 30px;  /* Extra small devices */}.portfolio-card.style9 .portfolio-img img {  min-height: 650px;  -o-object-fit: cover;  object-fit: cover;  /* Large devices */}@media (max-width: 1199px) {  .portfolio-card.style9 .portfolio-img img {    min-height: 500px;  }}@media (max-width: 575px) {  .portfolio-card.style9 .portfolio-img {    border-radius: 20px;  }}.portfolio-card.style9 .box-content {  position: absolute;  left: 40px;  bottom: 40px;  background: var(--white-color);  border-radius: 14px;  padding: 30px;  z-index: 2;  max-width: 507px;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Extra small devices */}@media (max-width: 575px) {  .portfolio-card.style9 .box-content {    left: 0;    bottom: 0;    right: 0;    margin: 20px;  }}.portfolio-card.style9 .box-subtitle {  display: block;  margin-top: -0.3em;}.portfolio-card.style9 .box-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 8px;  /* Large devices */  /* Extra small devices */}@media (max-width: 1199px) {  .portfolio-card.style9 .box-title {    font-size: 24px;  }}@media (max-width: 575px) {  .portfolio-card.style9 .box-title {    font-size: 20px;    margin-bottom: 10px;  }}.portfolio-card.style9 .box-title a {  color: var(--title-color);}.portfolio-card.style9 .box-title a:hover {  color: var(--theme-color2);}.portfolio-card.style9 .box-text {  margin-bottom: 32px;  /* Extra small devices */}@media (max-width: 575px) {  .portfolio-card.style9 .box-text {    font-size: 14px;  }}.portfolio-card.style9 .th-btn {  padding: 9px 16px;  font-size: 14px;  min-width: auto;}.portfolio-card.style9 .th-btn:after {  width: 18px;}/* Project Area 10 ---------------------------------- */.portfolio-card10 {  position: relative;}.portfolio-card10 .portfolio-img {  border-radius: 20px;  overflow: hidden;  position: relative;}.portfolio-card10 .portfolio-img:after {  content: "";  position: absolute;  inset: 0;  background: -webkit-gradient(linear, left top, left bottom, color-stop(45.49%, rgba(13, 13, 12, 0)), to(rgba(13, 13, 12, 0.9)));  background: linear-gradient(180deg, rgba(13, 13, 12, 0) 45.49%, rgba(13, 13, 12, 0.9) 100%);  mix-blend-mode: darken;}.portfolio-card10 .portfolio-img img {  width: 100%;}.portfolio-card10 .box-content {  position: absolute;  left: 0;  right: 0;  bottom: 0;  margin: 40px;  /* Medium devices */  /* Small devices */}@media (max-width: 991px) {  .portfolio-card10 .box-content {    margin: 30px;  }}@media (max-width: 767px) {  .portfolio-card10 .box-content {    margin: 40px;  }}.portfolio-card10 .meta-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 10px;  margin-bottom: 30px;}.portfolio-card10 .meta-wrap .box-meta {  font-size: 14px;  color: var(--white-color);  border: 1px solid rgba(255, 255, 255, 0.3);  border-radius: 50px;  padding: 6px 26px;  -webkit-transition: 0.4s;  transition: 0.4s;}.portfolio-card10 .meta-wrap .box-meta:hover {  background: var(--theme-color);  border-color: var(--theme-color);}.portfolio-card10 .box-title {  margin-bottom: -0.35em;  font-size: 30px;  font-weight: 600;  color: var(--white-color);  /* Medium Large devices */}@media (max-width: 1399px) {  .portfolio-card10 .box-title {    font-size: 24px;  }}/* Project Area 11 ---------------------------------- */.project-slider12 {  margin: 0 0 0 -600px;  /* Extra large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1500px) {  .project-slider12 {    margin: 0 -400px;  }}@media (max-width: 1199px) {  .project-slider12 {    margin: 0 -200px;  }}@media (max-width: 991px) {  .project-slider12 {    margin: 0 -80px;  }}@media (max-width: 767px) {  .project-slider12 {    margin: 0 30px;  }}@media (max-width: 575px) {  .project-slider12 {    margin: 0 15px;  }}.project-slider12 .swiper-slide.swiper-slide-active .portfolio-card11 .box-content {  opacity: 1;  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}.project-slider12 .slider-pagination {  margin-left: 300px;  /* Extra large devices */}@media (max-width: 1500px) {  .project-slider12 .slider-pagination {    margin-left: 0;  }}.portfolio-card11 {  border: 1px solid rgba(12, 10, 10, 0.1);  border-radius: 20px;  padding: 25px;  position: relative;  /* Extra small devices */}@media (max-width: 375px) {  .portfolio-card11 {    padding: 15px;  }}.portfolio-card11 .portfolio-img {  border-radius: 16px;  overflow: hidden;  position: relative;}.portfolio-card11 .portfolio-img:after {  content: "";  position: absolute;  inset: 0;  background: -webkit-gradient(linear, left top, left bottom, color-stop(53.92%, rgba(13, 13, 12, 0)), to(rgba(13, 13, 12, 0.9)));  background: linear-gradient(180deg, rgba(13, 13, 12, 0) 53.92%, rgba(13, 13, 12, 0.9) 100%);  mix-blend-mode: multiply;  /* Extra small devices */}@media (max-width: 375px) {  .portfolio-card11 .portfolio-img:after {    background: -webkit-gradient(linear, left top, left bottom, color-stop(33.92%, rgba(13, 13, 12, 0)), to(rgba(13, 13, 12, 0.9)));    background: linear-gradient(180deg, rgba(13, 13, 12, 0) 33.92%, rgba(13, 13, 12, 0.9) 100%);  }}.portfolio-card11 .portfolio-img img {  width: 100%;}.portfolio-card11 .box-content {  position: absolute;  left: 0;  bottom: 0;  right: 0;  background: rgba(255, 255, 255, 0.1);  border-radius: 16px;  z-index: 1;  margin: 45px;  padding: 40px 25px;  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  -webkit-transition: 0.4s;  transition: 0.4s;  border: 1px solid rgba(255, 255, 255, 0.3);  opacity: 0;  -webkit-transform: translate(0, 20px);  transform: translate(0, 20px);  /* Extra small devices */}@media (max-width: 375px) {  .portfolio-card11 .box-content {    margin: 35px;    padding: 30px 20px;  }}.portfolio-card11 .box-content .meta-wrap .box-meta {  font-size: 14px;  font-weight: 400;  border-radius: 50px;  border: 1px solid rgba(255, 255, 255, 0.3);  padding: 6px 18px;  display: inline-block;  color: var(--white-color);  /* Extra small devices */}.portfolio-card11 .box-content .meta-wrap .box-meta:hover {  background: var(--white-color);  color: var(--theme-color);}@media (max-width: 375px) {  .portfolio-card11 .box-content .meta-wrap .box-meta {    padding: 4px 14px;  }}.portfolio-card11 .box-content .box-title {  margin-bottom: -0.3em;  margin-top: 8px;  font-size: 30px;  font-weight: 600;  /* Medium Large devices */  /* Extra small devices */}.portfolio-card11 .box-content .box-title a {  color: var(--white-color);}.portfolio-card11 .box-content .box-title a:hover {  color: var(--theme-color);}@media (max-width: 1299px) {  .portfolio-card11 .box-content .box-title {    font-size: 24px;  }}@media (max-width: 375px) {  .portfolio-card11 .box-content .box-title {    font-size: 20px;  }}.portfolio-card11 .box-content .icon-btn {  position: absolute;  top: 24px;  right: 20px;  background: var(--theme-color);  width: 45px;  height: 60px;  border-radius: 10px;  color: var(--white-color);  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;  border: 0;  font-size: 20px;  /* Extra small devices */  /* Extra small devices */}.portfolio-card11 .box-content .icon-btn:hover {  background: var(--white-color);  color: var(--theme-color);}@media (max-width: 575px) {  .portfolio-card11 .box-content .icon-btn {    height: 50px;    width: 40px;    font-size: 18px;  }}@media (max-width: 375px) {  .portfolio-card11 .box-content .icon-btn {    top: 15px;    right: 15px;  }}.portfolio-card11:hover .box-content {  opacity: 1;  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}/* Project Area 12 ---------------------------------- */.portfolio-card12 {  position: relative;}.portfolio-card12 .portfolio-img {  border-radius: 20px;  overflow: hidden;  position: relative;  /* Small devices */  /* Extra small devices */}.portfolio-card12 .portfolio-img:after {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(90.11deg, rgba(4, 16, 16, 0.6) 0.09%, rgba(12, 10, 10, 0) 58.16%);  mix-blend-mode: darken;  border-radius: 20px;}.portfolio-card12 .portfolio-img img {  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 767px) {  .portfolio-card12 .portfolio-img {    margin-bottom: 24px;  }}@media (max-width: 575px) {  .portfolio-card12 .portfolio-img img {    min-height: 320px;  }}.portfolio-card12 .meta-wrap {  position: absolute;  top: 30px;  left: 30px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 10px;  /* Small devices */}.portfolio-card12 .meta-wrap .box-meta {  font-size: 17px;  font-weight: 400;  color: var(--white-color);  border: 1px solid rgba(255, 255, 255, 0.3);  border-radius: 50px;  padding: 6px 26px;  /* Large devices */  /* Medium devices */}.portfolio-card12 .meta-wrap .box-meta:hover {  background: var(--white-color);  color: var(--theme-color);}@media (max-width: 1199px) {  .portfolio-card12 .meta-wrap .box-meta {    font-size: 16px;  }}@media (max-width: 991px) {  .portfolio-card12 .meta-wrap .box-meta {    font-size: 14px;  }}@media (max-width: 767px) {  .portfolio-card12 .meta-wrap {    position: relative;    top: auto;    left: auto;    margin-bottom: 20px;  }  .portfolio-card12 .meta-wrap .box-meta {    border: 1px solid rgba(0, 0, 0, 0.3);    color: var(--body-color);    padding: 4px 15px;  }}.portfolio-card12 .box-title {  position: absolute;  bottom: 50px;  left: 40px;  font-size: 40px;  font-weight: 600;  color: var(--white-color);  margin-bottom: -0.3em;  max-width: 350px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */}@media (max-width: 1299px) {  .portfolio-card12 .box-title {    font-size: 36px;    max-width: 300px;  }}@media (max-width: 1199px) {  .portfolio-card12 .box-title {    font-size: 30px;    max-width: 260px;  }}@media (max-width: 991px) {  .portfolio-card12 .box-title {    font-size: 24px;    max-width: none;  }}@media (max-width: 767px) {  .portfolio-card12 .box-title {    position: relative;    left: auto;    bottom: auto;    color: var(--title-color);  }}.portfolio-card12 .icon-btn {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%) scale(0);  transform: translate(-50%, -50%) scale(0);  width: 90px;  height: 90px;  background: rgba(255, 255, 255, 0.2);  border: 2px solid rgba(255, 255, 255, 0.12);  -webkit-backdrop-filter: blur(7px);  backdrop-filter: blur(7px);  font-size: 24px;  color: var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;  /* Large devices */  /* Small devices */}@media (max-width: 1199px) {  .portfolio-card12 .icon-btn {    width: 70px;    height: 70px;    font-size: 20px;  }}@media (max-width: 767px) {  .portfolio-card12 .icon-btn {    width: 60px;    height: 60px;    border-radius: 16px;    top: 20px;    left: 20px;    -webkit-transform: none;    transform: none;  }}.portfolio-card12:hover .icon-btn {  -webkit-transform: translate(-50%, -50%) scale(1);  transform: translate(-50%, -50%) scale(1);  /* Small devices */}.portfolio-card12:hover .icon-btn:hover {  background: var(--white-color);  color: var(--theme-color);}@media (max-width: 767px) {  .portfolio-card12:hover .icon-btn {    -webkit-transform: none;    transform: none;  }}/* 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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Category Card -------------------------------------*/.category-card {  background-color: var(--smoke-color2);  padding: 40px 15px 45px 15px;  text-align: center;  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.category-card .box-shape {  position: absolute;  inset: 2px;  pointer-events: none;  background-size: 100% 100%;}.category-card .box-icon {  width: 120px;  height: 120px;  line-height: 120px;  background-color: var(--white-color);  margin: 0 auto 20px auto;}.category-card .box-title {  font-size: 18px;  margin-bottom: -0.3em;  -webkit-transition: 0.1s;  transition: 0.1s;}.category-card .box-title a:hover {  color: var(--title-color);}.category-card .box-subtitle {  font-size: 14px;  font-weight: 500;  font-family: var(--title-font);  -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out;}.category-card:hover {  background-color: var(--theme-color);}.category-card:hover .box-title {  color: var(--white-color);}.category-card:hover .box-subtitle {  color: var(--white-color);}.category-card:hover .box-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}/* Category Box -------------------------------------*/.category-box {  text-align: center;}.category-box .box-icon {  width: 150px;  height: 150px;  line-height: 150px;  margin: 0 auto 20px auto;  border-radius: 999px;  position: relative;  z-index: 2;  /* Extra small devices */}.category-box .box-icon:before,.category-box .box-icon:after {  content: "";  position: absolute;  border-radius: inherit;  z-index: -1;}.category-box .box-icon:before {  inset: 11px;  background-color: var(--white-color);}.category-box .box-icon:after {  inset: 0;  border: 2px dashed var(--th-border-color);}@media (max-width: 375px) {  .category-box .box-icon {    width: 130px;    height: 130px;    line-height: 130px;  }}.category-box .box-title {  font-size: 20px;  margin-bottom: 5px;  /* Extra small devices */}@media (max-width: 375px) {  .category-box .box-title {    font-size: 18px;  }}.category-box .box-text {  font-size: 14px;}.category-box:hover .box-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}.category-box:hover .box-icon:after {  border-color: var(--theme-color);  -webkit-animation: spin 10s linear infinite;  animation: spin 10s linear infinite;}/* Category Area 2 ---------------------------------- */.category-card2 .box-thumb {  border-radius: 20px;  overflow: hidden;}.category-card2 .box-thumb img {  width: 100%;}.category-card2 .box-title {  margin-bottom: -0.36em;  text-transform: uppercase;  font-size: 20px;  font-weight: 500;  margin-top: 30px;}.category-card2 .box-title a {  color: var(--title-color);}.category-card2 .box-title a:hover {  color: var(--theme-color2);}/* Category Area 3 ---------------------------------- */.category-card3 .box-thumb {  border-radius: 20px;  overflow: hidden;  margin-bottom: 28px;}.category-card3 .box-title {  font-size: 24px;  font-weight: 500;  margin-bottom: 3px;}.category-card3 .box-text {  font-size: 14px;  margin-bottom: -0.28em;}/*------------------- 4.00. CTA -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.cta-area-1 .cta-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  padding: 0 75px 0 0;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-bottom: -107px;}.cta-area-1 .cta-wrap .cta-thumb {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.cta-area-1 .cta-wrap .cta-thumb img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: right;  object-position: right;}.cta-area-1 .cta-wrap .cta-content {  padding: 50px 0;  max-width: 538px;  margin-right: auto;  margin-left: 50px;}.cta-area-1 .cta-wrap .cta-content .cta-subtitle {  font-size: 18px;  font-weight: 400;  font-family: var(--body-font);  color: var(--white-color);  margin-top: -0.3em;  margin-bottom: 12px;}.cta-area-1 .cta-wrap .cta-content .cta-title {  font-size: 36px;  font-weight: 700;  line-height: 46px;  color: var(--white-color);  margin-bottom: -0.3em;}.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 */@media (max-width: 1299px) {  .cta-area-1 .cta-wrap .cta-content .cta-title {    font-size: 30px;    font-weight: 700;    line-height: initial;  }  .cta-area-1 .cta-wrap .cta-content {    max-width: 460px;    margin-left: 30px;  }  .cta-area-1 .cta-wrap {    padding: 0 60px 0 0;  }}/* Large devices */@media (max-width: 1199px) {  .cta-area-1 .cta-wrap .cta-thumb {    width: 250px;  }  .cta-area-1 .cta-wrap .cta-content .cta-title {    font-size: 26px;  }  .cta-area-1 .cta-wrap .cta-content {    max-width: 400px;  }}/* Medium devices */@media (max-width: 991px) {  .cta-area-1 .cta-wrap .cta-thumb {    display: none;  }  .cta-area-1 .cta-wrap .cta-content {    margin-left: 0;  }  .cta-area-1 .cta-wrap {    padding: 0 50px;  }}/* Small devices */@media (max-width: 767px) {  .cta-area-1 .cta-wrap {    display: block;    text-align: center;    padding-bottom: 50px;  }  .cta-area-1 .cta-wrap .cta-content {    margin-left: auto;    margin-right: auto;  }}/* Extra small devices */@media (max-width: 575px) {  .cta-area-1 .cta-wrap .cta-content {    padding: 40px 0;  }  .cta-area-1 .cta-wrap {    padding: 0 40px 40px;  }}.cta-area-2 .cta-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  padding: 50px;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}.cta-area-2 .cta-wrap .cta-content {  max-width: 538px;}.cta-area-2 .cta-wrap .cta-content .cta-subtitle {  font-size: 18px;  font-weight: 400;  font-family: var(--body-font);  color: var(--white-color);  margin-top: -0.3em;  margin-bottom: 12px;}.cta-area-2 .cta-wrap .cta-content .cta-title {  font-size: 36px;  font-weight: 700;  line-height: 46px;  color: var(--white-color);  margin-bottom: -0.3em;}.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 */@media (max-width: 991px) {  .cta-area-2 .cta-wrap {    display: block;    text-align: center;  }  .cta-area-2 .cta-wrap .cta-content {    margin-left: auto;    margin-right: auto;    margin-bottom: 30px;  }}/* Small devices */@media (max-width: 767px) {  .cta-area-2 .cta-wrap .cta-content .cta-title {    font-size: 30px;  }  .cta-area-2 .cta-wrap {    padding: 40px;  }}/* Extra small devices */@media (max-width: 575px) {  .cta-area-2 .cta-wrap .cta-content .cta-title {    font-size: 24px;    line-height: normal;  }}.cta-box {  padding: 40px;  border-radius: 30px;  background-position: top left;}.cta-box .box-content {  max-width: 860px;  padding: 48px 40px;  border-radius: 20px 0 0 20px;  border-top: 6px solid var(--white-color);  border-left: 6px solid var(--white-color);  position: relative;}.cta-box .box-content:after {  content: "";  position: absolute;  bottom: -6px;  left: -6px;  width: 35%;  height: 50%;  border-radius: 0 0 0 20px;  border-bottom: 6px solid var(--white-color);  border-left: inherit;  pointer-events: none;}.cta-box .box-subtitle {  font-family: var(--title-font);  font-size: 20px;  font-weight: 600;  margin-top: -0.4em;  margin-bottom: 25px;  display: block;  color: var(--theme-color);}.cta-box .box-title {  font-size: 44px;  line-height: 54px;  font-weight: 300;  margin-bottom: 30px;}.cta-box .box-title b {  font-weight: 600;}/* Small devices */@media (max-width: 767px) {  .cta-box {    padding: 20px;  }  .cta-box .box-content {    padding: 20px;  }  .cta-box .box-title {    font-size: 40px;    line-height: 50px;  }}/* Extra small devices */@media (max-width: 575px) {  .cta-box {    text-align: center;    border-radius: 20px;  }  .cta-box .box-content {    padding: 20px 0;    border: none !important;  }  .cta-box .box-content:after {    display: none;  }  .cta-box .box-title {    font-size: 32px;    line-height: 42px;  }}@media (max-width: 360px) {  .cta-box .box-title {    font-size: 28px;  }}/*------------------- 4.00. Appointment -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Appointment ---------------------------------- */.appointment-thumb {  overflow: hidden;  border-radius: 32px;}.appointment-thumb img {  width: 100%;}/* 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---------------------------------- */.appointment-wrap3 {  border-radius: 24px;  padding: 60px;  /* Small devices */  /* Extra small devices */}.appointment-wrap3 .form-title {  font-weight: 600;  margin-top: -0.3em;  margin-bottom: 26px;}@media (max-width: 767px) {  .appointment-wrap3 {    padding: 40px;  }}@media (max-width: 375px) {  .appointment-wrap3 {    padding: 40px 30px;  }}/*------------------- 4.00. Video -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Video Area 1 -------------------------------*/.video-area-1 {  margin-bottom: -450px;  z-index: 1;  position: relative;}.video-wrap1 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;  /* Medium devices */}@media (max-width: 991px) {  .video-wrap1 {    display: block;  }}.video-wrap1.style2 {  border-radius: 20px;  overflow: hidden;}.video-wrap-details {  background: var(--smoke-color2);  padding: 60px 125px 64px 64px;  border-radius: 20px 0 0px 20px;  width: 50%;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */}.video-wrap-details .sec-title {  text-transform: capitalize;}@media (max-width: 1299px) {  .video-wrap-details {    padding: 60px 64px 64px 64px;  }}@media (max-width: 1199px) {  .video-wrap-details {    padding: 50px 54px 54px 54px;  }}@media (max-width: 991px) {  .video-wrap-details {    width: 100%;    border-radius: 20px;    margin-top: 30px;  }}@media (max-width: 575px) {  .video-wrap-details {    padding: 40px 30px 30px 30px;  }}.video-box1 {  position: relative;  width: 50%;  z-index: 1;  /* Medium devices */}.video-box1:before {  z-index: 1;}.video-box1 img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: right;  object-position: right;}.video-box1 .play-btn {  position: absolute;  bottom: 56px;  right: 56px;}@media (max-width: 991px) {  .video-box1 {    width: 100%;    border-radius: 30px;    overflow: hidden;  }  .video-box1 img {    width: 100%;  }}/* Video Box2 -------------------------------*/.video-box2 {  position: relative;  border-radius: 24px;  overflow: hidden;}.video-box2:before {  z-index: 1;}.video-box2 img {  width: 100%;  -o-object-fit: cover;  object-fit: cover;}.video-box2 .play-btn {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}/* Video Box2 -------------------------------*/.video-area-2 {  position: relative;  z-index: 1;}.video-area-2:after {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(137.41deg, rgba(28, 45, 55, 0) 31.44%, rgba(28, 45, 55, 0.5) 82.72%);  z-index: -1;}.video-wrap2 .video-title {  font-size: 72px;  font-weight: 600;  margin-bottom: 350px;  line-height: 1.111;  margin-top: -0.25em;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */}@media (max-width: 1500px) {  .video-wrap2 .video-title {    font-size: 60px;  }}@media (max-width: 1299px) {  .video-wrap2 .video-title {    font-size: 54px;  }}@media (max-width: 1199px) {  .video-wrap2 .video-title {    font-size: 45px;  }}@media (max-width: 991px) {  .video-wrap2 .video-title {    text-align: center;    margin-bottom: 40px;  }}@media (max-width: 575px) {  .video-wrap2 .video-title {    font-size: 34px;  }}.video-wrap2 .video-btn {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 42px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: end;  margin-left: auto;  font-size: 24px;  font-weight: 400;  color: var(--white-color);  /* Medium devices */}@media (max-width: 991px) {  .video-wrap2 .video-btn {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    gap: 25px;    font-size: 20px;  }  .video-wrap2 .video-btn .play-btn.style5:before,  .video-wrap2 .video-btn .play-btn.style5:after {    border-color: var(--theme-color);  }  .video-wrap2 .video-btn .play-btn.style5>i {    background: var(--theme-color);    color: var(--white-color);    --icon-size: 70px;    font-size: 18px;  }}/* Video area 3 -------------------------------*/.video-wrap3 {  position: relative;  border-radius: 24px;  overflow: hidden;  /* Medium devices */  /* Extra small devices */}.video-wrap3:before {  z-index: 1;}.video-wrap3 img {  border-radius: 24px;}.video-wrap3 .video-btn {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  font-size: 90px;  z-index: 2;  color: var(--white-color);}.video-wrap3 .video-btn:hover {  color: var(--theme-color);}@media (max-width: 991px) {  .video-wrap3 .video-btn {    font-size: 70px;  }}@media (max-width: 575px) {  .video-wrap3 img {    border-radius: 16px;  }  .video-wrap3 .video-btn {    font-size: 50px;  }}/* Video area 4 -------------------------------*/.video-wrap4 {  position: relative;  z-index: 1;  border-radius: 30px;  overflow: hidden;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.video-wrap4:before {  z-index: 1;}.video-wrap4 img {  border-radius: 30px;  width: 100%;}.video-wrap4 .video-btn {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 1;}.video-wrap4 .video-btn .play-btn:after,.video-wrap4 .video-btn .play-btn:before {  background: transparent;  border: 1px solid var(--white-color);}.video-wrap4 .video-btn .play-btn>i {  font-size: 40px;  --icon-size: 184px;  color: var(--theme-color);  font-weight: 300;}.video-wrap4 .video-btn .play-btn>i:after {  opacity: 1;  background: var(--black-color2);  border: 1px solid var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.video-wrap4 .video-btn .play-btn:hover>i {  color: var(--white-color);}.video-wrap4 .video-btn .play-btn:hover>i:after {  background: var(--theme-color);}.video-wrap4.style2 .video-btn .play-btn>i {  color: var(--theme-color2);}.video-wrap4.style2 .video-btn .play-btn>i:after {  background: rgba(12, 10, 10, 0.7);  -webkit-backdrop-filter: blur(22px);  backdrop-filter: blur(22px);  border-color: var(--theme-color2);}.video-wrap4.style2 .video-btn .play-btn:hover>i {  color: var(--white-color);}.video-wrap4.style2 .video-btn .play-btn:hover>i:after {  background: var(--theme-color2);}@media (max-width: 1399px) {  .video-wrap4 .video-btn .play-btn>i {    font-size: 40px;    --icon-size: 120px;  }}@media (max-width: 1199px) {  .video-wrap4 .video-btn .play-btn>i {    font-size: 32px;    --icon-size: 100px;  }}@media (max-width: 991px) {  .video-wrap4 .video-btn .play-btn>i {    font-size: 28px;    --icon-size: 80px;  }}@media (max-width: 767px) {  .video-wrap4 .video-btn .play-btn>i {    font-size: 24px;    --icon-size: 70px;  }}@media (max-width: 575px) {  .video-wrap4 img {    min-height: 300px;    -o-object-fit: cover;    object-fit: cover;  }  .video-wrap4 .video-btn .play-btn>i {    font-size: 24px;    --icon-size: 70px;  }}/* video area 6 ---------------------------------- */.video-wrap6 {  position: relative;}.video-wrap6 img {  width: 100%;  min-height: 400px;  -o-object-fit: cover;  object-fit: cover;}.video-wrap6 .video-btn {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 9;}.video-wrap6 .video-btn .play-btn.style6>i {  --icon-size: 398px;  background: radial-gradient(133.92% 133.92% at 50% 50%, #0D0D0C 0%, rgba(13, 13, 12, 0) 100%);  color: var(--theme-color2);  /* Medium Large devices */  /* Large devices */}.video-wrap6 .video-btn .play-btn.style6>i:after {  background: transparent;}@media (max-width: 1399px) {  .video-wrap6 .video-btn .play-btn.style6>i {    --icon-size: 320px;  }}@media (max-width: 1199px) {  .video-wrap6 .video-btn .play-btn.style6>i {    --icon-size: 250px;  }}.video-wrap6 .video-btn .play-btn.style6:after,.video-wrap6 .video-btn .play-btn.style6:before {  display: none;}.video-wrap6 .video-btn .circle-tag {  /* Large devices */}.video-wrap6 .video-btn .circle-tag .about-experience-tag {  border: 1px solid var(--white-color);  height: 246px;  width: 246px;  margin-left: -123px;  margin-top: -123px;}.video-wrap6 .video-btn .circle-tag .about-experience-tag:after {  content: "";  position: absolute;  border: 1px solid var(--white-color);  inset: 43px;  border-radius: 50%;}.video-wrap6 .video-btn .circle-tag .about-experience-tag span {  --rotate-letter: 10.2deg;  height: 112px;  left: 43%;  top: 5px;}@media (max-width: 1199px) {  .video-wrap6 .video-btn .circle-tag .about-experience-tag {    height: 200px;    width: 200px;    margin-left: -100px;    margin-top: -100px;  }  .video-wrap6 .video-btn .circle-tag .about-experience-tag span {    --rotate-letter: 10.2deg;    height: 88px;    left: 41%;    top: 5px;    font-size: 16px;  }}.video-wrap6 .video-text {  position: absolute;  left: 0;  right: 0;  top: 50%;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  text-align: center;  font-size: 140px;  font-weight: 700;  font-family: var(--title-font);  letter-spacing: 0.22em;  text-transform: uppercase;  color: var(--white-color);  opacity: 0.3;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .video-wrap6 .video-text {    font-size: 100px;  }}@media (max-width: 1199px) {  .video-wrap6 .video-text {    font-size: 80px;  }}@media (max-width: 991px) {  .video-wrap6 .video-text {    font-size: 60px;  }}@media (max-width: 575px) {  .video-wrap6 .video-text {    font-size: 38px;  }}@media (max-width: 375px) {  .video-wrap6 .video-text {    font-size: 32px;  }}/* Video Area 8 -------------------------------*/.video-wrap8 {  border-radius: 50px;  overflow: hidden;  position: relative;  /* Medium devices */}@media (max-width: 991px) {  .video-wrap8 {    border-radius: 20px;  }}.video-wrap8:before {  z-index: 1;  mix-blend-mode: multiply;}.video-wrap8 img {  width: 100%;  /* Medium devices */  /* Extra small devices */}@media (max-width: 991px) {  .video-wrap8 img {    min-height: 400px;    -o-object-fit: cover;    object-fit: cover;  }}@media (max-width: 575px) {  .video-wrap8 img {    min-height: 300px;  }}.video-wrap8 .video-btn {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  width: 184px;  height: 184px;  border-radius: 50%;  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  z-index: 1;  -ms-flex-line-pack: center;  align-content: center;  text-align: center;  gap: 15px;  color: var(--white-color);  /* Medium devices */}@media (max-width: 991px) {  .video-wrap8 .video-btn {    width: 150px;    height: 150px;  }}.video-wrap8 .video-btn:after {  content: "";  position: absolute;  inset: 0;  background: rgba(255, 255, 255, 0.1);  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(10px);  border-radius: 50%;  border: 1px solid var(--white-color);  border-left: 0;  border-right: 0;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  z-index: -1;}.video-wrap8 .video-btn>i {  display: block;  font-size: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;}.video-wrap8 .video-btn .play-btn-text {  display: block;  width: 100%;  font-size: 18px;  font-weight: 500;  letter-spacing: 0.02em;  font-family: var(--title-font);}.video-wrap8 .video-btn:hover {  color: var(--theme-color);}.video-wrap8 .video-btn:hover:after {  background: rgb(255, 255, 255);}/* Video Area 10 -------------------------------*/.video-wrap10 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;  background: var(--black-color2);  padding: 120px 80px;  gap: 80px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Extra small devices */}@media (max-width: 1299px) {  .video-wrap10 {    gap: 60px;  }}@media (max-width: 1199px) {  .video-wrap10 {    display: block;    -webkit-mask-image: none !important;    mask-image: none !important;    border-radius: 30px;  }}@media (max-width: 991px) {  .video-wrap10 {    padding: 80px 60px;  }}@media (max-width: 575px) {  .video-wrap10 {    padding: 80px 15px;  }}.video-wrap10 .video-wrap-details {  width: 50%;  background: transparent;  border-radius: 0;  padding: 0;  /* Large devices */}.video-wrap10 .video-wrap-details .sec-title {  text-transform: capitalize;}@media (max-width: 1199px) {  .video-wrap10 .video-wrap-details {    width: 100%;    margin-top: 40px;  }}.video-box10 {  position: relative;  width: 50%;  z-index: 1;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}.video-box10:before {  z-index: 1;}.video-box10 .thumb {  height: 100%;  width: 100%;}.video-box10 img {  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: right;  object-position: right;}.video-box10 .play-btn {  position: absolute;  top: 25px;  left: 20px;}@media (max-width: 1299px) {  .video-box10 .play-btn.style11>i {    --icon-size: 70px;  }}@media (max-width: 1199px) {  .video-box10 {    width: 100%;  }  .video-box10 img {    width: 100%;  }  .video-box10 .play-btn.style11>i {    --icon-size: 120px;  }}@media (max-width: 991px) {  .video-box10 .play-btn.style11>i {    --icon-size: 80px;  }}@media (max-width: 767px) {  .video-box10 .play-btn {    top: 20px;  }  .video-box10 .play-btn.style11>i {    --icon-size: 60px;  }}@media (max-width: 375px) {  .video-box10 .play-btn {    left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);  }}/*------------------- 4.00. Client -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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****************/.client-slider3 {  border-bottom: 1px solid var(--th-border-color);  padding-bottom: 32px;}.client-slider3 .client-card {  -webkit-filter: invert(1) brightness(0);  filter: invert(1) brightness(0);}.client-slider3 .client-card:hover {  -webkit-filter: none;  filter: none;}/*------------------- 4.00. Tab Menu -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Tab Menu 1 ------------------------------------*/.tab-menu1 {  gap: 10px;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}.tab-menu1 .tab-btn {  font-size: 14px;  padding: 4px 12px;  background-color: var(--smoke-color2);  border: 1px solid var(--th-border-color);  border-radius: 6px;}.tab-menu1 .tab-btn.active {  background-color: var(--theme-color);  border-color: var(--theme-color);  color: var(--white-color);}/*------------------- 4.00. Marquee  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Marquee Area ---------------------------------- */.marquee-slider1 {  margin: 0 -50px;}.marquee-slider1 .swiper-wrapper {  -webkit-transition-timing-function: linear;  transition-timing-function: linear;}.marquee-slider1 .swiper-slide {  width: auto;}.marquee-card {  margin-bottom: 0;  padding: 51px 0 46px;  display: inline-block;  /* Large devices */  /* Small devices */  /* Extra small devices */}.marquee-card a {  font-size: 54px;  font-weight: 600;  font-family: var(--title-font);  color: var(--title-color);  letter-spacing: 0.02em;  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  line-height: 1;  text-transform: uppercase;  gap: 30px;}@media (max-width: 1199px) {  .marquee-card {    padding: 35px 0 30px;  }  .marquee-card a {    font-size: 46px;  }}@media (max-width: 767px) {  .marquee-card {    padding: 40px 0 25px;  }  .marquee-card a {    font-size: 36px;  }}@media (max-width: 575px) {  .marquee-card {    padding: 30px 0 20px;  }  .marquee-card a {    font-size: 24px;  }  .marquee-card a img {    width: 24px;  }}/* Marquee Area 2---------------------------------- */.marquee-card.style2 a {  -webkit-text-stroke: 1px var(--th-border-color);  color: transparent;}/* Marquee Area ---------------------------------- */.marquee-area-3 {  border-radius: 0 0 30px 30px;  /* Extra large devices */}@media (max-width: 1500px) {  .marquee-area-3 {    border-radius: 0 0 20px 20px;  }}.marquee-slider3 {  margin: 0 24px;}.marquee-slider3 .swiper-wrapper {  -webkit-transition-timing-function: linear;  transition-timing-function: linear;}.marquee-slider3 .swiper-slide {  width: auto;}.marquee-card.style3 {  padding: 30px 0;}.marquee-card.style3 a {  font-size: 28px;  font-weight: 600;  letter-spacing: 0.02em;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.marquee-card.style3 a:hover {  color: var(--theme-color);}/*------------------- 4.00. Skill  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Skill Area ---------------------------------- */.skill-feature .skill-feature-icon {  height: 60px;}.skill-feature:not(:last-child) {  margin-bottom: 30px;}.skill-feature .skill-feature-logo-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 25px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.skill-feature_title {  font-size: 18px;  font-weight: 500;  margin-bottom: 6px;  margin-top: -0.2em;  font-family: var(--title-font);  color: var(--title-color);  /* Medium Large devices */}@media (max-width: 1299px) {  .skill-feature_title {    font-size: 20px;  }}.skill-feature .progress {  position: relative;  height: 8px;  background-color: var(--smoke-color);  overflow: visible;  border-radius: 10px;}.skill-feature .progress-bar {  background-color: var(--theme-color);  height: 4px;  border-radius: inherit;  overflow: visible;  position: relative;  border: 0;  margin: 2px;  border-radius: 10px;}.skill-feature .progress-value {  font-size: 18px;  font-weight: 500;  font-family: var(--title-font);  color: var(--title-color);  text-align: end;  position: absolute;  right: 0;  top: -30px;}/* Skill Area 2---------------------------------- */.skill-feature.style2 .skill-feature_title {  margin-bottom: 13px;  font-weight: 400;}.skill-feature.style2 .progress-value {  top: -35px;  font-weight: 400;}.skill-feature.style2 .progress {  border-radius: 0;  background: var(--gray-color);  height: 10px;}.skill-feature.style2 .progress-bar {  border-radius: 0;  margin: 3px;  background: var(--theme-color2);  position: relative;}.skill-feature.style2 .progress-bar:after {  content: "";  position: absolute;  right: 0;  background: var(--theme-color2);  height: 10px;  width: 1px;}.skill-feature.style2:not(:last-child) {  margin-bottom: 25px;}/*------------------- 4.00. Experience  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.experience-list-wrap {  list-style: none;  padding: 0;  margin: 0;  /* Medium devices */  /* Small devices */}.experience-list-wrap .experience-list {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.experience-list-wrap .experience-list:last-child .experience-card {  margin-bottom: 0;}.experience-list-wrap .experience-list:last-child .experience-list-date:after {  top: calc(50% - 10px);}.experience-list-wrap .experience-list .experience-list-date {  -ms-flex-item-align: normal;  align-self: normal;  border-right: 1px solid rgba(196, 207, 222, 0.2);  padding-bottom: 50px;  padding-top: 45px;  margin-right: 65px;  padding-right: 65px;  max-width: 206px;  position: relative;  color: var(--white-color);  /* Large devices */}.experience-list-wrap .experience-list .experience-list-date:after {  content: "";  position: absolute;  top: calc(50% - 25px);  right: 0;  -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);  width: 16px;  height: 16px;  border-radius: 50%;  background: var(--theme-color);  border: 2px solid var(--title-dark);}@media (max-width: 1199px) {  .experience-list-wrap .experience-list .experience-list-date {    margin-right: 45px;  }}@media (max-width: 991px) {  .experience-list-wrap .experience-list {    display: block;  }  .experience-list-wrap .experience-list .experience-list-date {    padding-right: 0;    padding-top: 0;    padding-bottom: 30px;    margin: 0;    max-width: none;    border: 0;  }  .experience-list-wrap .experience-list .experience-list-date:after {    display: none;  }}@media (max-width: 767px) {  .experience-list-wrap .experience-list-date {    padding-bottom: 20px;  }}.experience-card {  margin-bottom: 50px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;  padding: 28px 50px;  -webkit-box-shadow: 0px 0px 35px rgba(1, 1, 1, 0.18);  box-shadow: 0px 0px 35px rgba(1, 1, 1, 0.18);  border-radius: 128px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 20px;  /* Large devices */  /* Medium devices */  /* Extra small devices */}.experience-card .experience-card-title-wrap {  margin-bottom: -0.5em;}.experience-card .experience-card-title-wrap .experience-card-title {  font-size: 24px;  font-weight: 700;  margin-bottom: 5px;  /* Large devices */}@media (max-width: 1199px) {  .experience-card .experience-card-title-wrap .experience-card-title {    font-size: 20px;  }}.experience-card .experience-card-title-wrap .experience-card-location {  color: var(--theme-color);  margin-bottom: 0;}.experience-card .experience-card-text {  max-width: 229px;}.experience-card .experience-card-text p {  margin-bottom: 0;  line-height: 1.625em;}.experience-card .experience-card-icon {  font-size: 40px;  color: var(--body-color);}.experience-card .experience-card-icon:hover {  color: var(--theme-color);}@media (max-width: 1199px) {  .experience-card {    border-radius: 20px;  }}@media (max-width: 991px) {  .experience-card {    padding: 30px 40px 20px;    display: block;  }  .experience-card .experience-card-text {    max-width: none;    margin-top: 20px;    margin-bottom: 15px;  }  .experience-card .experience-card-icon {    font-size: 30px;  }}@media (max-width: 575px) {  .experience-card {    padding: 30px 30px 20px;  }}/*------------------- 4.00. Award  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Award ---------------------------------- */.award-slider1 .client-card {  -webkit-filter: grayscale(1) opacity(0.5);  filter: grayscale(1) opacity(0.5);}.award-slider1 .client-card:hover {  -webkit-filter: none;  filter: none;}.award-list-wrap {  padding: 0;  margin: 0;  list-style: none;}.award-single-list {  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;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 20px;  border-bottom: 1px solid rgba(196, 207, 222, 0.4);  padding-bottom: 30px;}.award-single-list:not(:last-child) {  margin-bottom: 30px;}.award-single-list .box-title {  margin-bottom: 11px;  /* Extra small devices */}@media (max-width: 575px) {  .award-single-list .box-title {    font-size: 20px;  }}.award-single-list .award-single-list-text {  margin-bottom: -0.5em;  font-size: 18px;}.award-single-list .icon-btn {  background: transparent;  border: 1px solid rgba(196, 207, 222, 0.4);  border-radius: 50%;}.award-single-list .icon-btn i.rotate-right {  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-transition: 0.4s;  transition: 0.4s;}.award-single-list .icon-btn:hover {  border: 1px solid var(--theme-color);}.award-single-list .icon-btn:hover i {  color: var(--theme-color);}/*award-area3********************/.award-title-wrap3 {  max-width: 466px;  margin-top: 110px;  /* Extra large devices */  /* Medium Large devices */}@media (max-width: 1500px) {  .award-title-wrap3 {    margin-top: 0;  }}@media (max-width: 1399px) {  .award-title-wrap3 {    max-width: none;  }}.award-wrap3 {  padding: 75px 100px;  margin-left: -596px;  margin-top: 30px;  border-radius: 24px;  /* Extra large devices */  /* Medium Large devices */}@media (max-width: 1500px) {  .award-wrap3 {    padding: 66px 50px;    margin-left: -480px;  }}@media (max-width: 1399px) {  .award-wrap3 {    margin-left: 0;  }}.award-thumb1-1 {  border-radius: 24px;  overflow: hidden;}.award-thumb1-1 img {  width: 100%;}.award-experience-wrap {  text-align: center;  margin-bottom: 32px;  /* Medium Large devices */  /* Large devices */  /* Small devices */}.award-experience-wrap .award-counter-title {  font-size: 96px;  font-weight: 600;  color: var(--title-color);  line-height: 0.74;  margin-bottom: 24px;}.award-experience-wrap .award-counter-text {  font-size: 40px;  font-weight: 600;  letter-spacing: 0.1em;  margin-top: 0;  line-height: 0.8;  -webkit-text-stroke: 1px var(--title-color);  -webkit-text-fill-color: transparent;}@media (max-width: 1399px) {  .award-experience-wrap {    text-align: start;  }  .award-experience-wrap .award-counter-title {    font-size: 70px;  }  .award-experience-wrap .award-counter-text {    font-size: 30px;  }}@media (max-width: 1199px) {  .award-experience-wrap .award-counter-title {    font-size: 50px;  }  .award-experience-wrap .award-counter-text {    font-size: 24px;  }}@media (max-width: 767px) {  .award-experience-wrap .award-counter-title {    font-size: 40px;  }}/*------------------- 4.00. Property  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Property Area -------------------------------*/.property-card-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  border-top: 1px solid rgba(255, 255, 255, 0.1);  padding-top: 47px;  margin-bottom: 47px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  /* Large devices */}.property-card-wrap .property-thumb {  display: inline-block;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  /* Large devices */}.property-card-wrap .property-thumb img {  -webkit-transition: 0.4s;  transition: 0.4s;}@media (max-width: 1199px) {  .property-card-wrap .property-thumb {    margin-bottom: 30px;    display: block;  }  .property-card-wrap .property-thumb img {    width: 100%;  }}.property-card-wrap:nth-of-type(odd) {  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;  /* Large devices */}@media (max-width: 1199px) {  .property-card-wrap:nth-of-type(odd) {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-direction: row;    flex-direction: row;  }}.property-card-wrap:last-child {  margin-bottom: 0;}@media (max-width: 1199px) {  .property-card-wrap {    display: block;  }}.property-card-wrap.style-dark {  border-color: rgba(28, 45, 55, 0.2);}.property-card-wrap:hover .property-thumb img {  -webkit-transform: scale(1.08);  transform: scale(1.08);}.property-card {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin-left: 24px;  margin-right: 65px;  /* Large devices */}@media (max-width: 1199px) {  .property-card {    margin-left: 0;    margin-right: 0;    display: block;  }}.property-card .property-card-number {  height: 64px;  width: 64px;  border-radius: 50%;  border: 1px solid rgba(255, 255, 255, 0.2);  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  line-height: 60px;  text-align: center;  font-size: 28px;  font-weight: 500;  font-family: var(--title-font);  color: var(--white-color);}.property-card .property-card-details {  margin-left: 32px;  border-left: 1px solid rgba(255, 255, 255, 0.1);  padding-left: 32px;  /* Large devices */}.property-card .property-card-details .property-card-price-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}@media (max-width: 1199px) {  .property-card .property-card-details {    margin-left: 0 !important;    border-left: 0 !important;    padding-left: 0 !important;    margin-top: 20px;  }}.property-card .property-card-subtitle {  color: var(--theme-color);  font-size: 14px;  display: block;  margin-bottom: 9px;}.property-card .property-card-title {  font-size: 24px;  font-weight: 600;  color: var(--white-color);  letter-spacing: 0.02em;}.property-card .property-card-title a {  color: inherit;}.property-card .property-card-title:hover {  color: var(--theme-color);}.property-card .property-card-text {  color: var(--white-color);  opacity: 0.8;  margin-bottom: 16px;}.property-card .property-card-price {  color: var(--white-color);  font-size: 24px;  font-weight: 600;  letter-spacing: 0.02em;  margin-bottom: 0;}.property-card .property-ratting-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  gap: 12px;  font-size: 14px;  color: var(--white-color);}.property-card .property-ratting-wrap .star-ratting {  border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 4px;  font-size: 14px;  color: var(--white-color);  padding: 2px 11px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 6px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.property-card .property-ratting-wrap .star-ratting i {  font-size: 12px;}.property-card .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: 32px;  /* Extra small devices */}@media (max-width: 575px) {  .property-card .property-card-meta {    gap: 20px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }}.property-card .property-card-meta span {  color: var(--white-color);  font-size: 18px;  font-family: var(--body-font);  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 16px;  position: relative;  padding-right: 55px;  margin-right: 54px;  border-right: 1px solid rgba(255, 255, 255, 0.2);  /* Medium Large devices */  /* Medium Large devices */}.property-card .property-card-meta span:last-child {  margin-right: 0;  border-right: 0;  padding-right: 0;}.property-card .property-card-meta span img {  -webkit-filter: brightness(9);  filter: brightness(9);}@media (max-width: 1399px) {  .property-card .property-card-meta span {    padding-right: 43px;    margin-right: 43px;  }}@media (max-width: 1299px) {  .property-card .property-card-meta span {    margin-right: 15px;    padding-right: 0;    border-right: 0;  }}.property-card .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;  border-top: 1px solid rgba(255, 255, 255, 0.2);  margin-top: 32px;  padding-top: 24px;}.property-card .property-author-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 8px;}.property-card .property-author-wrap img {  border-radius: 50%;}.property-card .property-author-wrap a {  color: var(--white-color);}.property-card .property-author-wrap a:hover {  color: var(--theme-color2);}.property-card.style-dark .property-card-number {  border-color: rgba(28, 45, 55, 0.2);  color: var(--theme-color);}.property-card.style-dark .property-card-details {  border-color: rgba(28, 45, 55, 0.2);}.property-card.style-dark .property-card-subtitle {  color: var(--theme-color);}.property-card.style-dark .property-card-title {  color: var(--theme-color);}.property-card.style-dark .property-card-title:hover {  color: var(--title-color);}.property-card.style-dark .property-ratting-wrap,.property-card.style-dark .property-card-price,.property-card.style-dark .property-card-text {  color: var(--theme-color);}.property-card.style-dark .property-ratting-wrap .star-ratting {  border-color: rgba(28, 45, 55, 0.2);  color: var(--theme-color);}.property-card.style-dark .property-ratting-wrap .star-ratting .directorist-icon-mask:after {  background-color: var(--theme-color);}.property-card.style-dark .property-card-meta span {  color: var(--theme-color);  border-color: rgba(28, 45, 55, 0.2);}.property-card.style-dark .property-card-meta span img {  -webkit-filter: brightness(0.2);  filter: brightness(0.2);}.property-card.style-dark .property-card-meta span.divider-line {  background: rgba(28, 45, 55, 0.2);}.property-card.style-dark .property-btn-wrap {  border-color: rgba(28, 45, 55, 0.2);}.property-card.style-dark .property-author-wrap a {  color: var(--theme-color);}.property-card.style-dark .property-author-wrap a:hover {  color: var(--title-color);}.property-style-white .property-card.style-dark .property-card-number {  background: var(--white-color);  color: var(--title-color);}.property-style-white .property-card.style-dark .property-card-details {  border-left: 1px solid rgba(255, 255, 255, 0.1);}.property-style-white .property-card.style-dark .property-card-subtitle {  color: var(--theme-color2);}.property-style-white .property-card.style-dark .property-card-title {  color: var(--white-color);}.property-style-white .property-card.style-dark .property-card-title:hover {  color: var(--theme-color2);}.property-style-white .property-card.style-dark .property-ratting-wrap,.property-style-white .property-card.style-dark .property-card-price,.property-style-white .property-card.style-dark .property-card-text {  color: var(--white-color);}.property-style-white .property-card.style-dark .property-ratting-wrap .star-ratting {  border: 1px solid rgba(255, 255, 255, 0.2);  color: var(--white-color);}.property-style-white .property-card.style-dark .property-ratting-wrap .star-ratting .directorist-icon-mask:after {  background-color: var(--white-color);}.property-style-white .property-card.style-dark .property-card-meta span {  color: var(--white-color);  border-color: rgba(255, 255, 255, 0.2);}.property-style-white .property-card.style-dark .property-card-meta span img {  -webkit-filter: none;  filter: none;}.property-style-white .property-card.style-dark .property-btn-wrap {  border-top: 1px solid rgba(255, 255, 255, 0.2);}.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-style-white .property-card.style-dark .property-author-wrap a {  color: var(--white-color);}.property-style-white .property-card.style-dark .property-author-wrap a:hover {  color: var(--theme-color2);}/* Property 2 -------------------------------*/.property-tab {  border: 0;  margin-bottom: 16px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 8px;}.property-tab .nav-item .nav-link {  border: 1px solid var(--theme-color);  border-radius: 50px;  background: transparent;  font-size: 18px;  font-weight: 500;  color: var(--theme-color);  padding: 12px 32px;}.property-tab .nav-item .nav-link.active {  background: var(--theme-color);  color: var(--white-color);}.property-search-form {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  border: 1px solid var(--theme-color);  border-radius: 16px;  overflow: hidden;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  padding-right: 40px;  margin-bottom: 64px;  /* Medium Large devices */  /* Large devices */  /* Extra small devices */  /* Extra small devices */}.property-search-form label {  background: var(--theme-color);  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  height: 110px;  line-height: 110px;  color: var(--white-color);  margin: 0;  font-size: 18px;  font-weight: 700;  letter-spacing: 0.02em;  padding: 0 40px;}.property-search-form .form-group {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  margin-left: 130px;  margin-bottom: 0;}.property-search-form .form-group input {  border: 0;  background: transparent;  color: var(--theme-color);  padding-right: 20px;}.property-search-form .form-group input::-webkit-input-placeholder {  color: var(--theme-color);}.property-search-form .form-group input::-moz-placeholder {  color: var(--theme-color);}.property-search-form .form-group input:-ms-input-placeholder {  color: var(--theme-color);}.property-search-form .form-group input::-ms-input-placeholder {  color: var(--theme-color);}.property-search-form .form-group input::placeholder {  color: var(--theme-color);}.property-search-form .form-group>i {  left: 0;  right: auto;  top: 50%;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  color: var(--theme-color);}.property-search-form .form-select {  background-color: transparent;  border: 0;  color: var(--theme-color);  max-width: 200px;  border-radius: 0;  border-left: 1px solid var(--theme-color);  height: 18px;  line-height: 18px;}.property-search-form .th-btn {  margin-left: auto;  font-size: 16px;  font-weight: 500;  padding: 14px 44px;}@media (max-width: 1299px) {  .property-search-form .form-group {    margin-left: 40px;  }}@media (max-width: 1199px) {  .property-search-form {    display: block;    padding: 0;  }  .property-search-form label {    text-align: center;    height: 70px;    line-height: 70px;  }  .property-search-form .form-group {    margin: 20px 40px 0;  }  .property-search-form .form-select {    margin: 20px 40px 0;    max-width: -webkit-fill-available;    border: 0;    padding-left: 0;    background-position: right 0 center;    width: calc(50% - 83px);    display: inline-block;  }  .property-search-form .th-btn {    margin: 30px 40px 40px;    width: -webkit-fill-available;  }}@media (max-width: 575px) {  .property-search-form .form-group {    margin: 20px 30px 0;  }  .property-search-form .form-select {    margin: 20px 30px 0;    width: calc(50% - 63px);  }  .property-search-form .th-btn {    margin: 30px 30px 40px;  }}@media (max-width: 375px) {  .property-search-form .form-select {    width: 100%;  }}.property-card2 .property-card-thumb {  overflow: hidden;  border-radius: 24px;}.property-card2 .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-card2 .property-card-thumb img {    height: 350px;  }}.property-card2 .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: 30px;  border-bottom: 1px solid rgba(28, 45, 55, 0.2);  padding-bottom: 22px;  margin-bottom: -8px;  /* Medium devices */}@media (max-width: 991px) {  .property-card2 .property-card-meta {    gap: 20px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }}.property-card2 .property-card-meta span {  color: var(--theme-color);  font-size: 16px;  font-family: var(--body-font);  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 16px;  position: relative;  border-right: 1px solid rgba(28, 45, 55, 0.2);  padding-right: 26px;  margin-right: 26px;  /* Extra large devices */  /* Medium Large devices */  /* Medium Large devices */}@media (max-width: 1500px) {  .property-card2 .property-card-meta span {    padding-right: 34px;    margin-right: 33px;  }}@media (max-width: 1399px) {  .property-card2 .property-card-meta span {    padding-right: 28px;    margin-right: 27px;  }}@media (max-width: 1299px) {  .property-card2 .property-card-meta span {    border-right: 0;    padding-right: 0;    margin-right: 20px;  }}.property-card2 .property-card-meta span:last-child {  border-right: 0;  padding-right: 0;  margin-right: 0;}.property-card2 .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-card2 .property-card-details {    gap: 25px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .property-card2 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 1199px) {  .property-card2 .property-card-details .media-left {    width: auto;  }}@media (max-width: 991px) {  .property-card2 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 767px) {  .property-card2 .property-card-details .media-left {    width: auto;  }}@media (max-width: 375px) {  .property-card2 .property-card-details .media-left {    width: 100%;  }}.property-card2 .property-card-title {  font-size: 24px;  font-weight: 600;  color: var(--theme-color);  margin-bottom: 13px;  margin-top: -0.3em;}.property-card2 .property-card-price {  font-size: 16px;  font-weight: 500;  color: var(--theme-color);  margin-bottom: 11px;}.property-card2 .property-card-location {  font-size: 16px;  font-family: var(--title-font);  color: var(--theme-color);  margin-bottom: -0.3em;}.property-card2:hover .property-card-thumb img {  -webkit-transform: scale(1.05);  transform: scale(1.05);}/* Property Area 3-------------------------------*/.property-card3 {  border-radius: 24px;  overflow: hidden;  background: var(--white-color);}.property-card3 .property-card-thumb {  overflow: hidden;}.property-card3 .property-card-thumb img {  width: 100%;  height: 364px;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Medium devices */}@media (max-width: 991px) {  .property-card3 .property-card-thumb img {    height: 350px;  }}.property-card3 .property-card-details {  padding: 24px 24px 24px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .property-card3 .property-card-details {    gap: 25px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .property-card3 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 1199px) {  .property-card3 .property-card-details .media-left {    width: auto;  }}@media (max-width: 991px) {  .property-card3 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 767px) {  .property-card3 .property-card-details .media-left {    width: auto;  }}@media (max-width: 375px) {  .property-card3 .property-card-details .media-left {    width: 100%;  }}.property-card3 .property-card-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 8px;  margin-top: -0.3em;  color: var(--title-color);}.property-card3 .property-card-title a {  color: var(--title-color);}.property-card3 .property-card-title a:hover {  color: var(--theme-color);}.property-card3 .property-card-text {  margin-bottom: 22px;}.property-card3 .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-card3 .property-btn-wrap .th-btn {  padding: 9px 16px;}.property-card3:hover .property-card-thumb img {  -webkit-transform: scale(1.05);  transform: scale(1.05);}/* Property Area 3.1-------------------------------*/.property-card3.style-border .property-card-details {  border: 1px solid var(--th-border-color2);  border-top: 0;  border-radius: 0 0 24px 24px;}/* Property Area 5-------------------------------*/.property-card5 {  border-radius: 24px;  overflow: hidden;  background: var(--white-color);  padding: 15px;}.property-card5 .property-card-thumb {  overflow: hidden;  border-radius: 12px;}.property-card5 .property-card-thumb img {  width: 100%;  height: 250px;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card5 .property-card-details {  padding: 32px 9px 9px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .property-card5 .property-card-details {    gap: 25px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .property-card5 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 1199px) {  .property-card5 .property-card-details .media-left {    width: auto;  }}@media (max-width: 991px) {  .property-card5 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 767px) {  .property-card5 .property-card-details .media-left {    width: auto;  }}@media (max-width: 375px) {  .property-card5 .property-card-details .media-left {    width: 100%;  }}.property-card5 .property-card-title {  font-size: 24px;  font-weight: 600;  color: var(--theme-color);  margin-bottom: 3px;  margin-top: -0.3em;}.property-card5 .property-card-price {  font-size: 16px;  font-weight: 500;  color: var(--theme-color);  margin-bottom: 11px;}.property-card5 .property-card-location {  font-size: 16px;  margin-bottom: 11px;}.property-card5 .property-card-location i {  color: var(--theme-color);}.property-card5 .property-author-wrap {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 8px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.property-card5 .property-author-wrap img {  border-radius: 50%;}.property-card5 .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-card5 .property-btn-wrap .th-btn {  padding: 9px 16px;}.property-card5:hover .property-card-thumb img {  -webkit-transform: scale(1.05);  transform: scale(1.05);}/* 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-card-wrap10 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  border-radius: 24px;  overflow: hidden;  /* Small devices */  /* Extra small devices */}.property-card-wrap10 .property-card8 {  width: 50%;  /* Medium Large devices */}@media (max-width: 1399px) {  .property-card-wrap10 .property-card8 {    width: 100%;  }}@media (max-width: 767px) {  .property-card-wrap10 {    gap: 30px;  }}@media (max-width: 575px) {  .property-card-wrap10 {    border-radius: 0;  }}.property-card8 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  background: var(--smoke-color4);  -webkit-transition: 0.4s;  transition: 0.4s;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  /* Medium Large devices */  /* Extra small devices */}.property-card8 .property-card-thumb {  width: 50%;  overflow: hidden;  height: 100%;  /* Small devices */}.property-card8 .property-card-thumb img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 767px) {  .property-card8 .property-card-thumb {    width: 100%;    height: auto;  }}.property-card8 .property-card-details {  width: 50%;  -ms-flex-item-align: center;  align-self: center;  padding: 60px 40px;  position: relative;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */}@media (max-width: 1500px) {  .property-card8 .property-card-details {    padding: 40px 30px;  }}@media (max-width: 1399px) {  .property-card8 .property-card-details {    padding: 60px;  }}@media (max-width: 1199px) {  .property-card8 .property-card-details {    padding: 60px 40px;  }}@media (max-width: 991px) {  .property-card8 .property-card-details {    padding: 40px 30px;  }}@media (max-width: 767px) {  .property-card8 .property-card-details {    width: 100%;    padding: 30px 24px;  }}.property-card8 .property-card-details:after {  content: "";  position: absolute;  top: 50%;  left: 0;  -webkit-transform: translate(-100%, -50%);  transform: translate(-100%, -50%);  width: 30px;  height: 60px;  border-right: solid 30px var(--smoke-color4);  border-bottom: solid 30px transparent;  border-top: solid 30px transparent;  -webkit-transition: 0.4s;  transition: 0.4s;  /* Small devices */}@media (max-width: 767px) {  .property-card8 .property-card-details:after {    display: none;  }}.property-card8 .property-card-title {  font-size: 24px;  font-weight: 600;  letter-spacing: 0.02em;  margin-bottom: 15px;  margin-top: -0.3em;}.property-card8 .property-card-title a {  color: inherit;}.property-card8 .box-icon {  margin-bottom: 40px;  /* Medium devices */}@media (max-width: 991px) {  .property-card8 .box-icon {    margin-bottom: 30px;  }}.property-card8 .property-card-text {  margin-bottom: 8px;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card8 .btn-wrap {  margin-top: 32px;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  /* Extra large devices */  /* Medium Large devices */  /* Large devices */  /* Medium devices */}@media (max-width: 1500px) {  .property-card8 .btn-wrap {    margin-top: 40px;  }}@media (max-width: 1399px) {  .property-card8 .btn-wrap {    margin-top: 60px;  }}@media (max-width: 1199px) {  .property-card8 .btn-wrap {    margin-top: 40px;  }}@media (max-width: 991px) {  .property-card8 .btn-wrap {    margin-top: 30px;  }}.property-card8 .th-btn {  padding: 12px 16px;}.property-card8:hover {  background: var(--black-color2);}.property-card8:hover .property-card-details:after {  border-right: solid 30px var(--black-color2);}.property-card8:hover .property-card-title a {  color: var(--white-color);}.property-card8:hover .property-card-title a:hover {  color: var(--theme-color);}.property-card8:hover .property-card-text {  color: var(--th-border-color);}.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-card8:nth-child(4n+3),.property-card8:nth-child(4n+4) {  -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}.property-card8:nth-child(4n+3) .property-card-details:after,.property-card8:nth-child(4n+4) .property-card-details:after {  left: auto;  right: 0;  -webkit-transform: translate(100%, -50%) rotateY(180deg);  transform: translate(100%, -50%) rotateY(180deg);}@media (max-width: 1399px) {  .property-card8:nth-child(4n+2),  .property-card8:nth-child(4n+4) {    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;    -ms-flex-direction: row-reverse;    flex-direction: row-reverse;  }  .property-card8:nth-child(4n+2) .property-card-details:after,  .property-card8:nth-child(4n+4) .property-card-details:after {    left: auto;    right: 0;    -webkit-transform: translate(100%, -50%) rotateY(180deg);    transform: translate(100%, -50%) rotateY(180deg);  }  .property-card8:nth-child(4n+3) {    -webkit-box-orient: horizontal;    -webkit-box-direction: normal;    -ms-flex-direction: row;    flex-direction: row;  }  .property-card8:nth-child(4n+3) .property-card-details:after {    left: 0;    right: auto;    -webkit-transform: translate(-100%, -50%);    transform: translate(-100%, -50%);  }}@media (max-width: 575px) {  .property-card8 {    border-radius: 24px;    overflow: hidden;  }}/* Property Area 11---------------------------------- */.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-slider11 .slider-arrow {  top: auto;  bottom: 0px;  left: 0;  background: transparent;  width: auto;  height: auto;  line-height: normal;  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}.property-slider11 .slider-arrow.slider-next {  right: 0;  left: auto;}.property-card9 {  overflow: hidden;  background: transparent;  background: var(--gray-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card9 .property-card-thumb {  overflow: hidden;  border-radius: 0px;}.property-card9 .property-card-thumb img {  width: 100%;  height: 340px;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card9 .property-card-details {  padding: 30px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .property-card9 .property-card-details {    gap: 25px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .property-card9 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 1199px) {  .property-card9 .property-card-details .media-left {    width: auto;  }}@media (max-width: 991px) {  .property-card9 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 767px) {  .property-card9 .property-card-details .media-left {    width: auto;  }}@media (max-width: 375px) {  .property-card9 .property-card-details .media-left {    width: 100%;  }}.property-card9 .property-card-title {  font-size: 24px;  font-weight: 600;  color: var(--white-color);  margin-bottom: 10px;  margin-top: -0.3em;}.property-card9 .property-card-title a {  color: var(--white-color);}.property-card9 .property-card-title a:hover {  color: var(--theme-color);}.property-card9 .property-card-text {  color: var(--th-border-color);  margin-bottom: 24px;}.property-card9 .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-card9 .btn-wrap .th-btn {  padding: 9px 16px;}.property-card9:hover .property-card-thumb img {  -webkit-transform: scale(1.05);  transform: scale(1.05);}.property-card9:hover .property-card-details:after {  border-right: solid 30px var(--theme-color);}.property-card9:hover .property-card-title a {  color: var(--white-color);}.property-card9:hover .property-card-title a:hover {  color: var(--theme-color);}.property-card9:hover .th-btn {  border-color: var(--theme-color);  background: var(--theme-color);  color: var(--white-color);}.property-card9:hover .th-btn.th-btn-icon:after {  -webkit-filter: brightness(99) grayscale(9) invert(0) !important;  filter: brightness(99) grayscale(9) invert(0) !important;}.property-card9:hover .th-btn:hover {  color: var(--white-color);  background: transparent;}/* Property Area 12 ---------------------------------- */.property-wrap12 {  max-width: 1820px;  margin-left: auto;  margin-right: auto;  border-radius: 60px;  /* Extra small devices */}@media (max-width: 575px) {  .property-wrap12 {    border-radius: 30px;  }}.property-card10 {  overflow: hidden;  background: transparent;  background: var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;  border-radius: 20px;}.property-card10 .property-card-thumb {  overflow: hidden;  border-radius: 0px;}.property-card10 .property-card-thumb img {  width: 100%;  height: 340px;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card10 .property-card-details {  padding: 30px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .property-card10 .property-card-details {    gap: 25px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .property-card10 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 1199px) {  .property-card10 .property-card-details .media-left {    width: auto;  }}@media (max-width: 991px) {  .property-card10 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 767px) {  .property-card10 .property-card-details .media-left {    width: auto;  }}@media (max-width: 375px) {  .property-card10 .property-card-details .media-left {    width: 100%;  }}.property-card10 .property-card-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 8px;  margin-top: -0.3em;}.property-card10 .property-card-title a {  color: var(--title-color);}.property-card10 .property-card-title a:hover {  color: var(--theme-color2);}.property-card10 .property-card-text {  font-size: 16px;  margin-bottom: 32px;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card10 .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-card10 .btn-wrap .th-btn {  padding: 9px 16px;  border-color: var(--th-border-color);}/* Property Area 13 ---------------------------------- */.property-tab.style4 .nav-item .nav-link {  border-color: var(--title-dark);  color: var(--title-dark);}.property-tab.style4 .nav-item .nav-link.active {  background: var(--title-dark);  color: var(--white-color);}.property-card11 {  overflow: hidden;  background: transparent;  background: var(--white-color);  -webkit-transition: 0.4s;  transition: 0.4s;  border-radius: 20px;}.property-card11 .property-card-thumb {  overflow: hidden;  border-radius: 0px;}.property-card11 .property-card-thumb img {  width: 100%;  height: 260px;  -o-object-fit: cover;  object-fit: cover;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-card11 .property-card-details {  padding: 24px;  /* Medium Large devices */  /* Large devices */  /* Medium devices */  /* Small devices */  /* Extra small devices */}@media (max-width: 1299px) {  .property-card11 .property-card-details {    gap: 25px;    -ms-flex-wrap: wrap;    flex-wrap: wrap;  }  .property-card11 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 1199px) {  .property-card11 .property-card-details .media-left {    width: auto;  }}@media (max-width: 991px) {  .property-card11 .property-card-details .media-left {    width: 100%;  }}@media (max-width: 767px) {  .property-card11 .property-card-details .media-left {    width: auto;  }}@media (max-width: 375px) {  .property-card11 .property-card-details .media-left {    width: 100%;  }}.property-card11 .property-card-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 3px;  margin-top: -0.3em;}.property-card11 .property-card-title a {  color: var(--title-color);}.property-card11 .property-card-title a:hover {  color: var(--theme-color);}.property-card11 .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;  gap: 20px 20px;}.property-card11 .btn-wrap .th-btn {  padding: 9px 16px;  font-size: 14px;  min-width: 102px;}/* Property Page Details -------------------------------*/.property-slider1 {  margin-bottom: 64px;}.property-slider1 .property-slider-img img {  border-radius: 8px;}.property-slider1 .slider-arrow {  top: auto;  bottom: 40px;  left: -23px;  --icon-size: 48px;  opacity: 1;  visibility: visible;  -webkit-transform: none;  transform: none;  line-height: 46px;  /* Medium Large devices */  /* Large devices */}.property-slider1 .slider-arrow.slider-next {  left: auto;  right: -23px;}@media (max-width: 1299px) {  .property-slider1 .slider-arrow {    bottom: 32px;  }}@media (max-width: 1199px) {  .property-slider1 .slider-arrow {    bottom: 40px;  }}.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 .property-meta {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 16px;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}.property-page-single .property-meta .property-tag {  background: var(--theme-color);  font-size: 18px;  color: var(--white-color);  border-radius: 50px;  padding: 5.5px 16px;}.property-page-single .property-meta .property-tag:hover {  background: var(--theme-color2);}.property-page-single .property-meta a {  color: var(--theme-color);  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 8px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.property-page-single .page-title {  font-size: 32px;  font-weight: 600;  letter-spacing: 0.02em;  color: var(--theme-color);}.property-page-single p {  color: var(--theme-color);  font-size: 18px;  line-height: 32px;}.property-page-single .property-grid-list {  display: grid;  grid-template-columns: repeat(5, 1fr);  background: var(--theme-color);  border-radius: 8px;  padding: 40px 45px;  list-style: none;  margin: 0;  gap: 40px;  /* Medium Large devices */  /* Medium Large devices */  /* Small devices */  /* Extra small devices */  /* Extra small devices */}@media (max-width: 1399px) {  .property-page-single .property-grid-list {    grid-template-columns: repeat(4, 1fr);  }}@media (max-width: 1299px) {  .property-page-single .property-grid-list {    grid-template-columns: repeat(3, 1fr);  }}@media (max-width: 767px) {  .property-page-single .property-grid-list {    padding: 30px;  }}@media (max-width: 575px) {  .property-page-single .property-grid-list {    grid-template-columns: repeat(2, 1fr);  }}@media (max-width: 375px) {  .property-page-single .property-grid-list {    grid-template-columns: repeat(1, 1fr);  }}.property-page-single .property-grid-list li {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  gap: 12px;}.property-page-single .property-grid-list li .property-grid-list-icon {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  width: 44px;  height: 44px;  line-height: 39px;  border-radius: 4px;  border: 1px solid rgba(164, 181, 186, 0.5);  text-align: center;}.property-page-single .property-grid-list li .property-grid-list-title {  font-size: 14px;  font-weight: 600;  font-family: var(--title-font);  color: var(--gray-color);  margin-bottom: 0;}.property-page-single .property-grid-list li .property-grid-list-text {  font-size: 14px;  font-weight: 400;  color: var(--gray-color);  margin-bottom: -0.3em;}.property-page-single .checklist li {  font-size: 16px;  font-weight: 400;  color: var(--theme-color);}.property-page-single .location-map {  position: relative;}.property-page-single .location-map .contact-map {  line-height: 0px;  max-width: 1520px;  margin: 0 auto;}.property-page-single .location-map .contact-map iframe {  width: 100%;  height: 365px;  border-radius: 16px;}.property-page-single .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) {  .property-page-single .location-map .location-map-address {    right: 15px;  }}.property-page-single .location-map .location-map-address .thumb {  width: 67px;  height: 64px;  border-radius: 8px;  overflow: hidden;  border: 1px solid var(--gray-color);}.property-page-single .location-map .location-map-address .thumb img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}.property-page-single .location-map .location-map-address .title {  color: var(--white-color);  font-size: 14px;  font-weight: 600;  margin-bottom: 0;  font-family: var(--body-font);}.property-page-single .location-map .location-map-address .text {  font-size: 14px;  font-weight: 400;  color: var(--gray-color);  margin-bottom: 8px;  font-family: var(--body-font);}.property-page-single .location-map .location-map-address .text:last-child {  margin-bottom: 0;}.property-page-single .property-tab {  margin-bottom: 30px;  /* Medium Large devices */}@media (max-width: 1299px) {  .property-page-single .property-tab {    margin-top: 0;    margin-bottom: 40px;  }}.property-page-single .property-tab .nav-item .nav-link {  font-size: 16px;  font-weight: 400;  padding: 8px 16px;}.property-page-single .video-box2 {  border-radius: 16px;  overflow: hidden;}.property-page-single .video-box2 img {  height: 365px;  -o-object-fit: cover;  object-fit: cover;}.property-gallery-card {  position: relative;}.property-gallery-card .property-gallery-card-img {  border-radius: 8px;  border: 1px solid transparent;  overflow: hidden;  -webkit-transition: 0.4s;  transition: 0.4s;}.property-gallery-card .property-gallery-card-img img {  width: 100%;  height: 215px;  -o-object-fit: cover;  object-fit: cover;}.property-gallery-card .icon-btn {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  width: auto;  height: auto;  line-height: normal;  border: 0;  background: transparent;  color: var(--white-color);  font-size: 32px;  opacity: 0;}.property-gallery-card:hover .property-gallery-card-img {  border-color: var(--white-color);}.property-gallery-card:hover .icon-btn {  opacity: 1;}.property-grid-plan {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 47px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  /* Medium Large devices */}.property-grid-plan .property-grid-thumb {  display: inline-block;  border-radius: 16px;  padding: 35px 24px;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  border: 1px solid var(--white-color);}.property-grid-plan .property-grid-thumb img {  width: 100%;}.property-grid-plan .property-grid-title {  font-size: 24px;  font-weight: 600;  margin-bottom: 35px;  color: var(--theme-color);}.property-grid-plan .property-grid-text {  font-size: 18px;  color: var(--theme-color);  line-height: 1.777;  margin-bottom: 0;}@media (max-width: 1299px) {  .property-grid-plan {    display: block;  }  .property-grid-plan .property-grid-thumb {    margin-bottom: 30px;  }  .property-grid-plan .property-grid-title {    margin-bottom: 15px;  }}/*------------------- 4.00. Aminities  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Aminities 1 ---------------------------------- */.aminities-slider {  text-align: center;  /* Medium devices */}@media (max-width: 991px) {  .aminities-slider {    margin-bottom: 0;  }}.aminities-slider .slider-pagination.swiper-pagination-progressbar {  bottom: 8px;  margin: 70px 40px 0;  height: 1px;  /* Medium devices */}@media (max-width: 991px) {  .aminities-slider .slider-pagination.swiper-pagination-progressbar {    margin: 50px 0 0;  }}.aminities-slider .slider-arrow {  top: auto;  bottom: 0px;  left: 0;  background: transparent;  width: auto;  height: auto;  line-height: normal;}.aminities-slider .slider-arrow.slider-next {  right: 0;  left: auto;}.aminities-card {  position: relative;  text-align: center;  padding: 44px 19px;  display: block;  position: relative;  /* Extra small devices */}@media (max-width: 575px) {  .aminities-card {    padding: 34px 20px;  }}.aminities-card:after {  content: "";  position: absolute;  inset: 0;  -webkit-transition: 0.4s;  transition: 0.4s;  background: var(--black-color2);  z-index: -1;}.aminities-card .aminities-card-img {  position: absolute;  inset: 0;  z-index: -1;}.aminities-card .aminities-card-img img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;}.aminities-card .aminities-card-icon {  margin-bottom: 8px;  position: relative;}.aminities-card .aminities-card-icon:after {  content: "";  position: relative;  height: 68px;  width: 1px;  background: rgba(255, 255, 255, 0.2);  display: block;  margin: 8px auto 0;}.aminities-card .aminities-card-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;}.aminities-card .box-title {  font-size: 16px;  font-weight: 400;  color: var(--white-color);  margin-bottom: 0;  font-family: var(--body-font);}.aminities-card:hover:after {  opacity: 0.7;}.aminities-card:hover .aminities-card-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}/*aminities-card2********************/.aminities-card.style2 {  border-radius: 50%;  overflow: hidden;  max-width: 240px;  margin-left: auto;  margin-right: auto;}.aminities-card.style2:after {  background: var(--smoke-color4);}.aminities-card.style2 .aminities-card-img {  border-radius: 50%;}.aminities-card.style2 .aminities-card-icon:after {  -webkit-transition: 0.4s;  transition: 0.4s;  background: var(--theme-color);  opacity: 0.2;}.aminities-card.style2 .box-title {  color: var(--title-color);  -webkit-transition: 0.4s;  transition: 0.4s;}.aminities-card.style2:hover:after {  background: var(--black-color2);  opacity: 0.8;}.aminities-card.style2:hover .aminities-card-icon img {  -webkit-filter: brightness(99) invert(0) grayscale(9);  filter: brightness(99) invert(0) grayscale(9);}.aminities-card.style2:hover .aminities-card-icon:after {  background: var(--theme-color);  opacity: 1;}.aminities-card.style2:hover .box-title {  color: var(--white-color);}/*aminities-card4********************/.aminities-card.style4:after {  background: #232323;}.aminities-card.style4:hover:after {  background: var(--theme-color);  opacity: 0.85;}/*------------------- 4.00. Download  -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*/.download-area-1 {  background-attachment: fixed;}/*------------------- 4.00. Color Scheme -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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-scheme-wrap-title {  font-size: 22px;  border-bottom: 2px solid var(--th-border-color);  padding-bottom: 6px;  color: var(--white-color);  margin-bottom: 20px;}.color-scheme-wrap .color-scheme-wrap-title i {  font-size: 18px;  margin-right: 3px;}.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: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Gallery Area -------------------------------*/.gallery-list-1,.gallery-list-2 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 80px;  list-style: none;  margin: 0;  padding: 0;  /* Medium Large devices */  /* Small devices */}@media (max-width: 1399px) {  .gallery-list-1,  .gallery-list-2 {    gap: 50px;  }}@media (max-width: 767px) {  .gallery-list-1,  .gallery-list-2 {    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 24px;  }}.gallery-list-1 {  -webkit-box-align: end;  -ms-flex-align: end;  align-items: end;  margin-bottom: 30px;}.gallery-list-1 li {  width: 416px;  height: 300px;  /* Large devices */  /* Medium devices */  /* Small devices */}.gallery-list-1 li img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}.gallery-list-1 li:nth-child(2) {  margin-bottom: 93px;  width: 416px;  height: 360px;  /* Small devices */}@media (max-width: 767px) {  .gallery-list-1 li:nth-child(2) {    margin-bottom: 0;  }}@media (max-width: 1199px) {  .gallery-list-1 li {    height: 250px;  }  .gallery-list-1 li:nth-child(2) {    height: 300px;  }}@media (max-width: 991px) {  .gallery-list-1 li {    height: 200px;  }  .gallery-list-1 li:nth-child(2) {    height: 250px;  }}@media (max-width: 767px) {  .gallery-list-1 li {    height: auto;    width: auto;  }  .gallery-list-1 li:nth-child(2) {    height: auto;    width: auto;  }}.gallery-list-2 {  -webkit-box-align: start;  -ms-flex-align: start;  align-items: start;  margin-top: -40px;  /* Small devices */}.gallery-list-2 li {  width: 416px;  height: 300px;  /* Large devices */  /* Medium devices */  /* Small devices */}.gallery-list-2 li img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}.gallery-list-2 li:nth-child(2) {  margin-top: 93px;  width: 416px;  height: 360px;  /* Small devices */}@media (max-width: 767px) {  .gallery-list-2 li:nth-child(2) {    margin-top: 0;  }}@media (max-width: 1199px) {  .gallery-list-2 li {    height: 250px;  }  .gallery-list-2 li:nth-child(2) {    height: 300px;  }}@media (max-width: 991px) {  .gallery-list-2 li {    height: 200px;  }  .gallery-list-2 li:nth-child(2) {    height: 250px;  }}@media (max-width: 767px) {  .gallery-list-2 li {    height: auto;    width: auto;  }  .gallery-list-2 li:nth-child(2) {    height: auto;    width: auto;  }}@media (max-width: 767px) {  .gallery-list-2 {    margin-top: 0;  }}.gallery-card {  display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex;  /* Small devices */  /* Extra small devices */}.gallery-card a {  border-radius: 32px;  overflow: hidden;  display: inline-block;  position: relative;}.gallery-card a:after {  content: "";  position: absolute;  inset: 0;  background: var(--title-dark);  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0.2;}.gallery-card a i {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%) scale(0);  transform: translate(-50%, -50%) scale(0);  z-index: 1;  color: var(--white-color);  font-size: 24px;  -webkit-transition: 0.4s;  transition: 0.4s;  opacity: 0;}.gallery-card a:hover:after {  opacity: 0.5;}.gallery-card a:hover i {  opacity: 1;  -webkit-transform: translate(-50%, -50%) scale(1);  transform: translate(-50%, -50%) scale(1);}@media (max-width: 767px) {  .gallery-card {    width: 100%;  }  .gallery-card a {    width: 100%;  }  .gallery-card img {    width: 100%;  }}@media (max-width: 575px) {  .gallery-card a {    border-radius: 20px;  }}/* Gallery Area 2---------------------------------- */.gallery-card.style2 {  position: relative;  display: block;}.gallery-card.style2 .gallery-img {  position: relative;}.gallery-card.style2 .gallery-img img {  -o-object-fit: cover;  object-fit: cover;  width: 100%;}.gallery-card.style2 .gallery-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--title-dark);  opacity: 0;  -webkit-transition: 0.4s;  transition: 0.4s;}.gallery-card.style2 .gallery-img .icon-btn {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%) scale(0);  transform: translate(-50%, -50%) scale(0);  z-index: 1;  --btn-size: 56px;}.gallery-card.style2 .gallery-img .icon-btn i {  -webkit-transform: translate(-50%, -50%) scale(1);  transform: translate(-50%, -50%) scale(1);  opacity: 1;}.gallery-card.style2:hover .gallery-img:after {  opacity: 0.8;}.gallery-card.style2:hover .gallery-img .icon-btn {  -webkit-transform: translate(-50%, -50%) scale(1);  transform: translate(-50%, -50%) scale(1);}.gallery-row .title-area {  max-width: 686px;  /* Large devices */}@media (max-width: 1199px) {  .gallery-row .title-area {    max-width: none;  }}.gallery-card-wrap .gallery-card.style2 .gallery-img img {  height: 348px;  /* Medium Large devices */}@media (max-width: 1399px) {  .gallery-card-wrap .gallery-card.style2 .gallery-img img {    height: 340px !important;  }}.gallery-card-wrap~.gallery-card-wrap .gallery-card.style2 .gallery-img img {  height: 440px;}.gallery-card-wrap~.gallery-card-wrap~.gallery-card-wrap .gallery-card.style2 .gallery-img img {  height: 440px;}.gallery-card-wrap~.gallery-card-wrap~.gallery-card-wrap~.gallery-card-wrap .gallery-card.style2 .gallery-img img {  height: 309px;}/*------------------- 4.00. Instagram -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Instagram Area 1-------------------------------*/.instagram-slider1 {  margin-left: -250px !important;  margin-right: -250px !important;  /* Medium Large devices */  /* Small devices */}@media (max-width: 1299px) {  .instagram-slider1 {    margin-right: -100px !important;    margin-left: -100px !important;  }}@media (max-width: 767px) {  .instagram-slider1 {    margin-left: 0 !important;    margin-right: 0 !important;  }}.insta-box {  position: relative;  border-radius: 24px;  overflow: hidden;}.insta-box:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 0.3;  -webkit-transition: 0.4s;  transition: 0.4s;}.insta-box img {  width: 100%;}.insta-box .icon-btn {  position: absolute;  top: 24px;  right: 24px;  z-index: 1;  height: auto;  width: auto;  border: 0;  line-height: normal;  font-size: 26px;  color: var(--white-color);  background: transparent;}.insta-box .icon-btn:hover {  color: var(--theme-color);}.insta-box:hover:after {  opacity: 0.5;}.insta-box:hover .icon-btn {  top: 50%;  right: 50%;  -webkit-transform: translate(50%, -50%) scale(1.5);  transform: translate(50%, -50%) scale(1.5);}/*------------------- 4.00. Agency -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Advantage area 1 ---------------------------------- */.advantage-thumb1-1 {  position: absolute;  right: 0;  top: 0;  bottom: 0;  width: calc(50% - 50px);  /* Medium Large devices */  /* Medium devices */}.advantage-thumb1-1 img {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}@media (max-width: 1399px) {  .advantage-thumb1-1 {    width: calc(50% - 15px);  }}@media (max-width: 991px) {  .advantage-thumb1-1 {    width: 100%;    position: relative;    top: -80px;  }}.advantage-list-wrap {  list-style: none;  padding: 0;  margin: 0;}.advantage-list-wrap .advantage-single-list {  font-size: 26px;  font-weight: 500;  text-transform: uppercase;  color: var(--white-color);  border-bottom: 1px solid rgba(255, 255, 255, 0.2);  padding-top: 13.5px;  padding-bottom: 13.5px;  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  line-height: 1.6;  /* Medium Large devices */  /* Large devices */  /* Extra small devices */}.advantage-list-wrap .advantage-single-list:first-child {  border-top: 1px solid rgba(255, 255, 255, 0.2);}.advantage-list-wrap .advantage-single-list:after {  content: "";  position: absolute;  width: 1px;  height: 100%;  background: rgba(255, 255, 255, 0.2);  left: 30px;  top: 0;}.advantage-list-wrap .advantage-single-list .advantage-number {  margin-right: 40px;  width: 10px;  display: inline-block;}.advantage-list-wrap .advantage-single-list .advantage-text {  display: inline-block;}@media (max-width: 1299px) {  .advantage-list-wrap .advantage-single-list {    font-size: 20px;  }}@media (max-width: 1199px) {  .advantage-list-wrap .advantage-single-list {    font-size: 18px;  }}@media (max-width: 575px) {  .advantage-list-wrap .advantage-single-list {    font-size: 16px;  }}/* Agency 1 ---------------------------------- */.agency-card .agency-card-img {  position: relative;  border-radius: 16px;  overflow: hidden;}.agency-card .agency-card-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--theme-color);  opacity: 0.2;}.agency-card .agency-card-img img {  width: 100%;  height: 400px;  -o-object-fit: cover;  object-fit: cover;}.agency-card .agency-card-img .agency-card-brand {  position: absolute;  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  border-radius: 16px;  background: rgba(28, 45, 55, 0.8);  top: 16px;  left: 16px;  padding: 16px;  z-index: 1;  max-width: 106px;}.agency-card .agency-card-img .agency-card-brand img {  height: auto;  width: auto;}.agency-card .agency-card-details {  margin-top: 18px;}.agency-card .agency-card-title {  font-size: 24px;  font-weight: 600;  color: var(--theme-color);  margin-bottom: 0;}.agency-card .agency-card-text {  font-size: 16px;  color: var(--theme-color);  margin-bottom: 3px;}.agency-card .agency-card-text i {  margin-right: 8px;}.agency-card .agency-card-text strong {  font-weight: 500;}.agency-card .agency-card-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 22px;  gap: 10px;  /* Medium Large devices */}.agency-card .agency-card-meta .btn-wrap {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}@media (max-width: 1399px) {  .agency-card .agency-card-meta {    display: block;  }  .agency-card .agency-card-meta .btn-wrap {    margin-top: 20px;  }}.agency-card.style-flex {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 30px;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  /* Medium Large devices */}.agency-card.style-flex .agency-card-img {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.agency-card.style-flex .agency-card-title {  margin-bottom: 10px;}.agency-card.style-flex .agency-card-details {  -webkit-box-flex: 1;  -ms-flex: auto;  flex: auto;}@media (max-width: 1399px) {  .agency-card.style-flex {    display: block;  }}.agency-page-img {  position: relative;  margin-bottom: 36px;}.agency-page-img:after {  content: "";  position: absolute;  inset: 0;  background: var(--theme-color);  opacity: 0.2;  border-radius: 16px;}.agency-page-img .thumb {  width: 100%;  border-radius: 16px;  overflow: hidden;}.agency-page-img .thumb img {  min-height: 300px;  -o-object-fit: cover;  object-fit: cover;}.agency-page-img .agency-card-brand {  position: absolute;  left: 16px;  bottom: -36px;  background: rgba(28, 45, 55, 0.8);  -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);  border-radius: 16px;  padding: 17px;  max-width: 107px;  z-index: 1;}/*------------------- 4.00. Subscribe -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Subscribe Area ---------------------------------- */.subscribe-area-2 {  padding: 200px 0;  background-attachment: fixed;  /* Small devices */}@media (max-width: 767px) {  .subscribe-area-2 {    padding: 120px 0;  }}.subscribe-form.style2 {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  gap: 16px;  /* Extra small devices */}.subscribe-form.style2 .form-group {  margin-bottom: 0;  width: 100%;}.subscribe-form.style2 .th-btn {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}@media (max-width: 575px) {  .subscribe-form.style2 {    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;  }}/*------------------- 4.00. Rent -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* rent 1 ---------------------------------- */.rent-card {  background: var(--black-color2);  border-radius: 16px;  text-align: center;  padding: 40px;  position: relative;  overflow: hidden;  z-index: 1;}.rent-card:after {  content: "";  position: absolute;  inset: 0;  background: var(--black-color2);  opacity: 1;  z-index: -1;  -webkit-transition: 0.4s;  transition: 0.4s;}.rent-card .box-icon {  display: inline-block;  height: 114px;  width: 114px;  line-height: 112px;  border-radius: 50%;  background: rgba(255, 255, 255, 0.1);  margin-bottom: 38px;}.rent-card .box-icon img {  -webkit-transition: 0.4s;  transition: 0.4s;}.rent-card .box-title {  font-weight: 500;  margin-bottom: 8px;}.rent-card .box-title a {  color: var(--white-color);}.rent-card .box-title a:hover {  color: var(--theme-color2);}.rent-card .box-text {  color: var(--light-color);  margin-bottom: 32px;}.rent-card .th-btn.style-border {  padding-top: 11px;  padding-bottom: 11px;}.rent-card:hover:after {  opacity: 0.85;}.rent-card:hover .box-icon img {  -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);}/* rent 2 ---------------------------------- */.rent-card.style2 {  background: var(--title-color);  padding: 40px 24px;}.rent-card.style2 .box-icon {  background: rgba(217, 217, 217, 0.1);  margin-bottom: 24px;}.rent-card.style2 .box-title a:hover {  color: var(--theme-color);}/*------------------- 4.00. Megamenu -------------------*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//*Mega menu area*********************/.main-menu ul.mega-menu {  position: absolute;  top: 100%;  left: 0 !important;  right: 0 !important;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  -webkit-box-align: start;  -ms-flex-align: start;  align-items: flex-start;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  width: 1200px;  max-width: -webkit-max-content;  max-width: -moz-max-content;  max-width: max-content;  max-height: 500px;  overflow: overlay;  opacity: 0;  visibility: hidden;  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-transform: scaleY(0) translateZ(100px);  transform: scaleY(0) translateZ(100px);  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;  z-index: 99;  background-color: var(--white-color);  padding: 20px 10px;  /* Medium Large devices */  /***scroll-bar***/  /* Medium devices */}@media (max-width: 1599px) {  .main-menu ul.mega-menu {    width: 920px;    left: -10rem !important;  }}@media (max-width: 1299px) {  .main-menu ul.mega-menu {    left: -18rem !important;    padding: 20px 0px;  }}.main-menu ul.mega-menu li {  -webkit-box-flex: 1;  -ms-flex: 1 1 100%;  flex: 1 1 100%;  width: 100%;  position: relative;}.main-menu ul.mega-menu a {  font-size: 16px;  line-height: 30px;}@media (max-width: 1599px) {  .main-menu ul.mega-menu a {    font-size: 14px;  }}.main-menu ul.mega-menu::-webkit-scrollbar {  width: 5px;  height: 5px;  border-radius: 0px;}.main-menu ul.mega-menu::-webkit-scrollbar-track {  background: rgb(255, 255, 255);  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);  border-radius: 0px;}.main-menu ul.mega-menu::-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;}.main-menu ul.mega-menu li li {  padding: 2px 0;}.main-menu ul.mega-menu li a {  display: inline-block;  text-transform: capitalize;}.main-menu ul.mega-menu>li>a {  display: block;  padding: 0;  padding-bottom: 15px;  margin-bottom: 10px;  text-transform: capitalize;  letter-spacing: 1px;  font-weight: 700;  color: var(--title-color);  border-color: var(--theme-color);}.main-menu ul.mega-menu>li>a::after,.main-menu ul.mega-menu>li>a::before {  content: "";  position: absolute;  bottom: 0;  left: 0;  width: 15px;  height: 1px;  background-color: var(--theme-color);}.main-menu ul.mega-menu>li>a::after {  width: calc(100% - 20px);  left: 20px;}.main-menu ul.mega-menu>li>a:hover {  padding-left: 0;}@media (max-width: 991px) {  .main-menu ul.mega-menu {    padding: 10px 0 !important;  }}.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 {  -webkit-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.08);  box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.08);  border-radius: 5px;  /* Medium devices */}.mega-menu-box .mega-menu-img {  position: relative;  border-radius: 5px 5px 0 0;  overflow: hidden;}.mega-menu-box .mega-menu-img:after {  content: "";  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.3);}.mega-menu-box .mega-menu-img img {  -webkit-transition: -webkit-filter 500ms ease;  transition: -webkit-filter 500ms ease;  transition: filter 500ms ease;  transition: filter 500ms ease, -webkit-filter 500ms ease;  -webkit-filter: blur(0px);  filter: blur(0px);}.mega-menu-box .mega-menu-img .btn-wrap {  z-index: 1;  background: rgba(0, 0, 0, 0.5);  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  gap: 10px;  -webkit-transform: scale(1, 0);  transform: scale(1, 0);  -webkit-transition: opacity 600ms linear, -webkit-transform 500ms ease;  transition: opacity 600ms linear, -webkit-transform 500ms ease;  transition: transform 500ms ease, opacity 600ms linear;  transition: transform 500ms ease, opacity 600ms linear, -webkit-transform 500ms ease;  -webkit-transform-origin: bottom center;  transform-origin: bottom center;  opacity: 0;}.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-box:hover .btn-wrap {  -webkit-transform: scale(1, 1);  transform: scale(1, 1);  opacity: 1;  -webkit-transform-origin: top center;  transform-origin: top center;}.mega-menu-box:hover .mega-menu-img img {  -webkit-filter: blur(2px);  filter: blur(2px);}.mega-menu-box .mega-menu-title {  margin-bottom: 0;  text-align: center;  line-height: normal;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding: 14px 0;}.mega-menu-box .mega-menu-title span {  color: var(--theme-color);  text-transform: capitalize;  font-size: 16px;  margin-right: 5px;}.mega-menu-box .mega-menu-title span:after {  display: none;}.mega-menu-box .mega-menu-title a {  color: var(--black-color2);  line-height: normal;}.mega-menu-box .mega-menu-title a:after {  display: none;}.mega-menu-box .mega-menu-title a:hover {  color: var(--title-color);}@media (max-width: 991px) {  .mega-menu-box .mega-menu-title a {    padding: 0;  }  .mega-menu-box .mega-menu-title a:before {    display: none;  }}/*Mega menu area end*********************//*=================================    05. Spacing==================================*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//*-- Padding Left And Right --*/.px-5 {  padding-right: 5px;  padding-left: 5px;}.px-10 {  padding-right: 10px;  padding-left: 10px;}.px-15 {  padding-right: 15px;  padding-left: 15px;}.px-20 {  padding-right: 20px;  padding-left: 20px;}.px-25 {  padding-right: 25px;  padding-left: 25px;}.px-30 {  padding-right: 30px;  padding-left: 30px;}.px-35 {  padding-right: 35px;  padding-left: 35px;}.px-40 {  padding-right: 40px;  padding-left: 40px;}.px-45 {  padding-right: 45px;  padding-left: 45px;}.px-50 {  padding-right: 50px;  padding-left: 50px;}/*-- Padding Top And Bottom --*/.py-5 {  padding-top: 5px;  padding-bottom: 5px;}.py-10 {  padding-top: 10px;  padding-bottom: 10px;}.py-15 {  padding-top: 15px;  padding-bottom: 15px;}.py-20 {  padding-top: 20px;  padding-bottom: 20px;}.py-25 {  padding-top: 25px;  padding-bottom: 25px;}.py-30 {  padding-top: 30px;  padding-bottom: 30px;}.py-35 {  padding-top: 35px;  padding-bottom: 35px;}.py-40 {  padding-top: 40px;  padding-bottom: 40px;}.py-45 {  padding-top: 45px;  padding-bottom: 45px;}.py-50 {  padding-top: 50px;  padding-bottom: 50px;}/*-- Padding Top --*/.pt-5 {  padding-top: 5px;}.pt-10 {  padding-top: 10px;}.pt-15 {  padding-top: 15px;}.pt-20 {  padding-top: 20px;}.pt-25 {  padding-top: 25px;}.pt-30 {  padding-top: 30px;}.pt-35 {  padding-top: 35px;}.pt-40 {  padding-top: 40px;}.pt-45 {  padding-top: 45px;}.pt-50 {  padding-top: 50px;}/*-- Padding Bottom --*/.pb-5 {  padding-bottom: 5px;}.pb-10 {  padding-bottom: 10px;}.pb-15 {  padding-bottom: 15px;}.pb-20 {  padding-bottom: 20px;}.pb-25 {  padding-bottom: 25px;}.pb-30 {  padding-bottom: 30px;}.pb-35 {  padding-bottom: 35px;}.pb-40 {  padding-bottom: 40px;}.pb-45 {  padding-bottom: 45px;}.pb-50 {  padding-bottom: 50px;}/*-- Padding Left --*/.pl-5 {  padding-left: 5px;}.pl-10 {  padding-left: 10px;}.pl-15 {  padding-left: 15px;}.pl-20 {  padding-left: 20px;}.pl-25 {  padding-left: 25px;}.pl-30 {  padding-left: 30px;}.pl-35 {  padding-left: 35px;}.pl-40 {  padding-left: 40px;}.pl-45 {  padding-left: 45px;}.pl-50 {  padding-left: 50px;}/*-- Padding Right --*/.pr-5 {  padding-right: 5px;}.pr-10 {  padding-right: 10px;}.pr-15 {  padding-right: 15px;}.pr-20 {  padding-right: 20px;}.pr-25 {  padding-right: 25px;}.pr-30 {  padding-right: 30px;}.pr-35 {  padding-right: 35px;}.pr-40 {  padding-right: 40px;}.pr-45 {  padding-right: 45px;}.pr-50 {  padding-right: 50px;}.pt-60 {  padding-top: 60px;}.pt-80 {  padding-top: 80px;}.pb-60 {  padding-bottom: 60px;}/*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//*-- margin Left And Right --*/.mx-5 {  margin-right: 5px;  margin-left: 5px;}.mx-10 {  margin-right: 10px;  margin-left: 10px;}.mx-15 {  margin-right: 15px;  margin-left: 15px;}.mx-20 {  margin-right: 20px;  margin-left: 20px;}.mx-25 {  margin-right: 25px;  margin-left: 25px;}.mx-30 {  margin-right: 30px;  margin-left: 30px;}.mx-35 {  margin-right: 35px;  margin-left: 35px;}.mx-40 {  margin-right: 40px;  margin-left: 40px;}.mx-45 {  margin-right: 45px;  margin-left: 45px;}.mx-50 {  margin-right: 50px;  margin-left: 50px;}/*-- margin Top And Bottom --*/.my-5 {  margin-top: 5px;  margin-bottom: 5px;}.my-10 {  margin-top: 10px;  margin-bottom: 10px;}.my-15 {  margin-top: 15px;  margin-bottom: 15px;}.my-20 {  margin-top: 20px;  margin-bottom: 20px;}.my-25 {  margin-top: 25px;  margin-bottom: 25px;}.my-30 {  margin-top: 30px;  margin-bottom: 30px;}.my-35 {  margin-top: 35px;  margin-bottom: 35px;}.my-40 {  margin-top: 40px;  margin-bottom: 40px;}.my-45 {  margin-top: 45px;  margin-bottom: 45px;}.my-50 {  margin-top: 50px;  margin-bottom: 50px;}/*-- margin Top --*/.mt-5 {  margin-top: 5px;}.mt-10 {  margin-top: 10px;}.mt-15 {  margin-top: 15px;}.mt-20 {  margin-top: 20px;}.mt-25 {  margin-top: 25px;}.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-5 {  margin-bottom: 5px;}.mb-10 {  margin-bottom: 10px;}.mb-15 {  margin-bottom: 15px;}.mb-20 {  margin-bottom: 20px;}.mb-25 {  margin-bottom: 25px;}.mb-30 {  margin-bottom: 30px;}.mb-35 {  margin-bottom: 35px;}.mb-40 {  margin-bottom: 40px;}.mb-45 {  margin-bottom: 45px;}.mb-50 {  margin-bottom: 50px;}/*-- margin Left --*/.ml-5 {  margin-left: 5px;}.ml-10 {  margin-left: 10px;}.ml-15 {  margin-left: 15px;}.ml-20 {  margin-left: 20px;}.ml-25 {  margin-left: 25px;}.ml-30 {  margin-left: 30px;}.ml-35 {  margin-left: 35px;}.ml-40 {  margin-left: 40px;}.ml-45 {  margin-left: 45px;}.ml-50 {  margin-left: 50px;}/*-- margin Right --*/.mr-5 {  margin-right: 5px;}.mr-10 {  margin-right: 10px;}.mr-15 {  margin-right: 15px;}.mr-20 {  margin-right: 20px;}.mr-25 {  margin-right: 25px;}.mr-30 {  margin-right: 30px;}.mr-35 {  margin-right: 35px;}.mr-40 {  margin-right: 40px;}.mr-45 {  margin-right: 45px;}.mr-50 {  margin-right: 50px;}.mb-33 {  margin-bottom: 33px;}.mb-28 {  margin-bottom: 28px;}.mb-55 {  margin-bottom: 55px;}.mb-60 {  margin-bottom: 60px;}.mt-80 {  margin-top: 80px;}.mt-70 {  margin-top: 70px;}.mt-55 {  margin-top: 55px;}.mt-60 {  margin-top: 60px;}.mt-n1 {  margin-top: -0.25rem;}.mt-n2 {  margin-top: -0.45rem;}.mt-n3 {  margin-top: -0.8rem;}.mt-n4 {  margin-top: -1.5rem;}.mt-n5 {  margin-top: -3rem;}.mb-n1 {  margin-bottom: -0.25rem;}.mb-n2 {  margin-bottom: -0.45rem;}.mb-n3 {  margin-bottom: -0.8rem;}.mb-n4 {  margin-bottom: -1.5rem;}.mb-n5 {  margin-bottom: -3rem;}/*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. 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-extra,.space-extra-top {  padding-top: calc(var(--section-space) - 30px);}.space-extra,.space-extra-bottom {  padding-bottom: calc(var(--section-space) - 30px);}.space-extra2,.space-extra2-top {  padding-top: calc(var(--section-space) - 40px);}.space-extra2,.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-extra,  .space-extra-top {    padding-top: calc(var(--section-space-mobile) - 30px);  }  .space-extra,  .space-extra-bottom {    padding-bottom: calc(var(--section-space-mobile) - 30px);  }  .space-top-md-none {    padding-top: 0;  }  .space-extra2,  .space-extra2-top {    padding-top: 70px;  }  .space-extra2,  .space-extra2-bottom {    padding-bottom: 70px;  }}/*=================================    Update 1==================================*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Property Area 4-------------------------------*/.property-card4 .property-card-thumb {  overflow: hidden;  position: relative;}.property-card4 .property-card-thumb img {  border-radius: 24px;  width: 100%;}.property-card4 .property-card-thumb .property-card-tag {  position: absolute;  left: 16px;  top: 16px;  background: var(--white-color);  border-radius: 8px;  padding: 9px 16px;}.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 {  background: var(--white-color);  position: absolute;  bottom: 0;  left: 0;  right: 0;  margin: 0 16px;  border-radius: 16px 16px 0 0;  -webkit-transition: 0.4s;  transition: 0.4s;  -webkit-transform: translate(0, calc(100% + 40px));  transform: translate(0, calc(100% + 40px));}.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 .property-card-thumb .property-card-hover-wrap .property-card-price {  padding: 30px 27px 20px;  border-bottom: 1px solid var(--th-border-color);  font-size: 24px;  font-weight: 500;  font-family: var(--title-font);  color: var(--title-color);}.property-card4 .property-card-thumb .property-card-hover-wrap .property-card-price span {  font-size: 14px;  font-weight: 400;  color: var(--body-color);}.property-card4 .property-card-thumb .property-card-hover-wrap .property-card-meta {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 24px 27px;  gap: 15px;}.property-card4 .property-card-thumb .property-card-hover-wrap .property-card-meta .meta-wrap {  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.property-card4 .property-card-thumb .property-card-hover-wrap .property-card-meta .meta-title {  font-size: 16px;  font-weight: 400;  color: var(--body-color);  margin-bottom: 0;  margin-top: -0.3em;}.property-card4 .property-card-thumb .property-card-hover-wrap .property-card-meta .meta-content {  margin-bottom: -0.3em;  font-size: 16px;  font-weight: 700;  color: var(--theme-color);}.property-card4 .property-card-location {  font-size: 16px;  font-weight: 40;  color: var(--white-color);  margin-top: 24px;  margin-bottom: 15px;}.property-card4 .box-title {  font-size: 24px;  font-weight: 600;  margin-bottom: -0.1em;}.property-card4 .box-title a {  color: var(--white-color);}.property-card4 .box-title a:hover {  color: var(--theme-color2);}.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 {  -webkit-transform: translate(0, 0);  transform: translate(0, 0);}.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;}/*=================================    Update 2==================================*//*Template Name: BuildaTemplate URL: https://themeholy.com/html/builda/Description: Construction Services & Architecture HTML TemplateAuthor: themeholyAuthor URI: https://themeforest.net/user/themeholyVersion: 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 Default02. Reset    2.1. Container    2.2. Grid    2.3. Input    2.4. Slider    2.5. Mobile Menu03. 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. Animation04. 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 Menu05. Spacing*//*=================================    CSS Index End==================================*//*=================================   01. Theme Base==================================*//*------------------- 1.1. Mixin -------------------*//* Destination Area 2 ---------------------------------- */.destination-card.style2 .card-thumb:after {  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(0, 0, 0, 0)), to(var(--theme-color)));  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, var(--theme-color) 100%);}.destination-card.style2 .card-details {  bottom: 40px;}/* Resort Details ---------------------------------- */.resort-details-thumb {  border-radius: 50px;  overflow: hidden;  /* Extra small devices */}.resort-details-thumb img {  width: 100%;}@media (max-width: 575px) {  .resort-details-thumb img {    min-height: 300px;    -o-object-fit: cover;    object-fit: cover;  }}/* vision area 1 ---------------------------------- */.vision-box1 {  border-radius: 30px;  overflow: hidden;}.vision-box1 img {  width: 100%;}.vision-card {  border: 1px solid rgba(138, 154, 160, 0.3);  border-radius: 30px;  padding: 40px;  /* Extra small devices */}.vision-card .box-title {  font-weight: 500;  color: var(--white-color);}.vision-card .box-text {  color: var(--light-color);}.vision-card .th-btn {  margin-top: 30px;  padding: 12px 24px;}@media (max-width: 575px) {  .vision-card {    border-radius: 20px;    padding: 30px;  }}/* ---------------------------------- *//* Home 14 /* ---------------------------------- *//* Aminities area 3 ---------------------------------- */.aminities-card.style3 {  border-radius: 50%;  overflow: hidden;  /* Extra small devices */}.aminities-card.style3:after {  background: #EEF4EE;  opacity: 1;}.aminities-card.style3:before {  content: "";  position: absolute;  inset: 0 0 50% 0;  border-radius: 0% 0% 100% 100%/0% 0% 200% 200%;  -webkit-transition: 0.4s;  transition: 0.4s;  background: var(--white-color);}.aminities-card.style3 .aminities-card-icon img {  -webkit-filter: brightness(0);  filter: brightness(0);}.aminities-card.style3 .aminities-card-icon:after {  background: var(--theme-color);  opacity: 0.2;  height: 55px;  margin-top: 25px;}.aminities-card.style3 .box-title {  color: var(--theme-color);}.aminities-card.style3:hover:before {  background: var(--theme-color);}.aminities-card.style3:hover .aminities-card-icon img {  -webkit-filter: brightness(1);  filter: brightness(1);}@media (max-width: 575px) {  .aminities-card.style3 {    display: inline-block;    width: 230px;  }}/*# sourceMappingURL=style.css.map *//* Header sub-menu icon */.hide-icon.main-menu ul.sub-menu li a:before {  display: none;}.hide-icon.main-menu ul.sub-menu li a:hover {  padding-left: 0;}/*  */.filter-item.hidden {  display: none;}