/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
 :root {
   --white-color: #ffffff;
   --primary-color: #F2CC8F;
   --secondary-color: #3D405B;
   --section-bg-color: #F4F1DE;
   --custom-btn-bg-color: #F2CC8F;
   --custom-btn-bg-hover-color: #E07A5F;
   --dark-color: #000000;
   --p-color: #717275;
   --link-hover-color: #F2CC8F;

   --body-font-family: 'DM Sans', sans-serif;

   --h1-font-size: 30px;
   --h2-font-size: 25px;
   --h3-font-size: 28px;
   --h4-font-size: 24px;
   --h5-font-size: 22px;
   --h6-font-size: 20px;
   --p-font-size: 18px;
   --menu-font-size: 20px;
   --btn-font-size: 27px;

   --border-radius-large: 100px;
   --border-radius-medium: 20px;
   --border-radius-small: 10px;

   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-bold: 700;
 }

 body {
   background-color: var(--white-color);
   font-family: var(--body-font-family);
 }


 /*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

 #obfuscatedEmail a {
   color: #000;
 }

 h2,
 h3,
 h4,
 h5,
 h6 {
   color: var(--dark-color);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-weight: var(--font-weight-medium);
   letter-spacing: -1px;
 }

 h1 {
   font-size: var(--h1-font-size);
   font-weight: var(--font-weight-bold);
 }

 h2 {
   font-size: var(--h2-font-size);
   font-weight: var(--font-weight-bold);
 }

 h3 {
   font-size: var(--h3-font-size);
 }

 h4 {
   font-size: var(--h4-font-size);
 }

 h5 {
   font-size: var(--h5-font-size);
 }

 h6 {
   font-size: var(--h6-font-size);
 }



 ul li {
   color: var(--p-color);
   font-size: var(--p-font-size);
   font-weight: var(--font-weight-normal);
 }

 a,
 button {
   touch-action: manipulation;
   transition: all 0.3s;
 }

 a {
   display: inline-block;
   color: #fff;
   text-decoration: none;
 }

 a:hover {
   color: var(--link-hover-color);
 }

 b,
 strong {
   font-weight: var(--font-weight-bold);
 }


 /*---------------------------------------
  SECTION               
-----------------------------------------*/
 .section-bg {
   background-color: var(--section-bg-color);
 }

 .section-padding {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 .section-overlay {
   content: "";
   background: rgba(0, 0, 0, 0) linear-gradient(rgba(39, 48, 83, 0.01) 0%, rgb(39, 48, 83) 100%) repeat scroll 0% 0%;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }

 ::selection {
   background-color: var(--primary-color);
   color: var(--white-color);
 }


 /*---------------------------------------
  ANIMATED HEADLINE               
-----------------------------------------*/
 .cd-words-wrapper {
   display: inline-block;
   position: relative;
   text-align: left;
 }

 .cd-words-wrapper b {
   color: var(--link-hover-color);
   display: inline-block;
   position: absolute;
   white-space: nowrap;
   left: 0;
   top: 0;
 }

 .cd-words-wrapper b.is-visible {
   position: relative;
 }

 .no-js .cd-words-wrapper b {
   opacity: 0;
 }

 .no-js .cd-words-wrapper b.is-visible {
   opacity: 1;
 }

 .cd-headline.rotate-1 .cd-words-wrapper {
   -webkit-perspective: 300px;
   -moz-perspective: 300px;
   perspective: 300px;
 }

 .cd-headline.rotate-1 b {
   opacity: 0;
   -webkit-transform-origin: 50% 100%;
   -moz-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   -o-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transform: rotateX(180deg);
   -moz-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   transform: rotateX(180deg);
 }

 .cd-headline.rotate-1 b.is-visible {
   opacity: 1;
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
   -webkit-animation: cd-rotate-1-in 1.2s;
   -moz-animation: cd-rotate-1-in 1.2s;
   animation: cd-rotate-1-in 1.2s;
 }

 .cd-headline.rotate-1 b.is-hidden {
   -webkit-transform: rotateX(180deg);
   -moz-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   transform: rotateX(180deg);
   -webkit-animation: cd-rotate-1-out 1.2s;
   -moz-animation: cd-rotate-1-out 1.2s;
   animation: cd-rotate-1-out 1.2s;
 }

 @-webkit-keyframes cd-rotate-1-in {
   0% {
     -webkit-transform: rotateX(180deg);
     opacity: 0;
   }

   35% {
     -webkit-transform: rotateX(120deg);
     opacity: 0;
   }

   65% {
     opacity: 0;
   }

   100% {
     -webkit-transform: rotateX(360deg);
     opacity: 1;
   }
 }

 @-moz-keyframes cd-rotate-1-in {
   0% {
     -moz-transform: rotateX(180deg);
     opacity: 0;
   }

   35% {
     -moz-transform: rotateX(120deg);
     opacity: 0;
   }

   65% {
     opacity: 0;
   }

   100% {
     -moz-transform: rotateX(360deg);
     opacity: 1;
   }
 }

 @keyframes cd-rotate-1-in {
   0% {
     -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
     -ms-transform: rotateX(180deg);
     -o-transform: rotateX(180deg);
     transform: rotateX(180deg);
     opacity: 0;
   }

   35% {
     -webkit-transform: rotateX(120deg);
     -moz-transform: rotateX(120deg);
     -ms-transform: rotateX(120deg);
     -o-transform: rotateX(120deg);
     transform: rotateX(120deg);
     opacity: 0;
   }

   65% {
     opacity: 0;
   }

   100% {
     -webkit-transform: rotateX(360deg);
     -moz-transform: rotateX(360deg);
     -ms-transform: rotateX(360deg);
     -o-transform: rotateX(360deg);
     transform: rotateX(360deg);
     opacity: 1;
   }
 }

 @-webkit-keyframes cd-rotate-1-out {
   0% {
     -webkit-transform: rotateX(0deg);
     opacity: 1;
   }

   35% {
     -webkit-transform: rotateX(-40deg);
     opacity: 1;
   }

   65% {
     opacity: 0;
   }

   100% {
     -webkit-transform: rotateX(180deg);
     opacity: 0;
   }
 }

 @-moz-keyframes cd-rotate-1-out {
   0% {
     -moz-transform: rotateX(0deg);
     opacity: 1;
   }

   35% {
     -moz-transform: rotateX(-40deg);
     opacity: 1;
   }

   65% {
     opacity: 0;
   }

   100% {
     -moz-transform: rotateX(180deg);
     opacity: 0;
   }
 }

 @keyframes cd-rotate-1-out {
   0% {
     -webkit-transform: rotateX(0deg);
     -moz-transform: rotateX(0deg);
     -ms-transform: rotateX(0deg);
     -o-transform: rotateX(0deg);
     transform: rotateX(0deg);
     opacity: 1;
   }

   35% {
     -webkit-transform: rotateX(-40deg);
     -moz-transform: rotateX(-40deg);
     -ms-transform: rotateX(-40deg);
     -o-transform: rotateX(-40deg);
     transform: rotateX(-40deg);
     opacity: 1;
   }

   65% {
     opacity: 0;
   }

   100% {
     -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
     -ms-transform: rotateX(180deg);
     -o-transform: rotateX(180deg);
     transform: rotateX(180deg);
     opacity: 0;
   }
 }


 /*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
 .custom-btn {
   background: var(--custom-btn-bg-color);
   border: 2px solid transparent;
   border-radius: var(--border-radius-large);
   color: #000;
   font-size: var(--btn-font-size);
   font-weight: var(--font-weight-bold);
   line-height: normal;
   transition: all 0.3s;
   padding: 10px 20px;
 }

 .custom-btn:hover {
   background: var(--custom-btn-bg-hover-color);
   color: var(--white-color);
 }

 .custom-border-btn {
   background: transparent;
   border: 2px solid var(--custom-btn-bg-color);
   color: var(--custom-btn-bg-color);
 }

 .custom-border-btn:hover {
   background: var(--custom-btn-bg-color);
   border-color: transparent;
   color: var(--white-color);
 }

 .custom-btn-bg-white {
   border-color: var(--white-color);
   color: var(--white-color);
 }

 .custom-btn-group .link {
   color: var(--white-color);
   font-weight: var(--font-weight-medium);
 }

 .custom-btn-group .link:hover {
   color: var(--link-hover-color);
 }


 /*---------------------------------------
  NAVIGATION BAR & OFFCANVAS              
-----------------------------------------*/

 .sticky-wrapper {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
 }

 .sticky-wrapper.is-sticky .navbar {
   background-color: rgb(61 64 91);
 }

 .navbar {
   background: transparent;
   z-index: 99;
   padding-top: 15px;
   padding-bottom: 15px;
 }

 .navbar-brand,
 .navbar-brand:hover {
   font-size: var(--h4-font-size);
   font-weight: var(--font-weight-bold);
   display: block;
   color: var(--dark-color);
   max-width: 48px;
 }

 .navbar .navbar-brand,
 .navbar .navbar-brand:hover {
   color: var(--white-color);
 }



 .logo {

   height: 90px;
 }

 .navbar-brand-text {
   line-height: normal;
   margin-left: 10px;
   position: relative;
   bottom: 5px;
 }

 .navbar-brand-text small {
   display: block;
   font-size: 10px;
   line-height: 1;
   text-transform: uppercase;
 }

 .navbar-expand-lg .navbar-nav .nav-link {
   border-radius: var(--border-radius-large);
   margin: 10px;
   padding: 10px;
 }

 .navbar-nav .nav-link {
   display: inline-block;
   color: var(--white-color);
   font-size: var(--menu-font-size);
   font-weight: var(--font-weight-medium);
   padding-top: 15px;
   padding-bottom: 15px;
 }


 .navbar-nav .nav-link:hover {
   color: var(--link-hover-color);
 }

 .navbar .dropdown-menu {
   background: var(--white-color);
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
   border: 0;
   display: inherit;
   opacity: 0;
   min-width: 9rem;
   margin-top: 20px;
   padding: 13px 0 10px 0;
   transition: all 0.3s;
   pointer-events: none;
 }

 .navbar .dropdown-menu::before {
   content: "";
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 15px solid var(--white-color);
   position: absolute;
   top: -10px;
   left: 10px;
 }

 .navbar .dropdown-item {
   display: inline-block;
   color: var(--p-color);
   font-size: var(--menu-font-size);
   font-weight: var(--font-weight-medium);
   position: relative;
 }

 .navbar .dropdown-item.active,
 .navbar .dropdown-item:active,
 .navbar .dropdown-item:focus,
 .navbar .dropdown-item:hover {
   background: transparent;
   color: var(--link-hover-color);
 }

 .navbar .dropdown-toggle::after {
   content: "\f282";
   display: inline-block;
   font-family: bootstrap-icons !important;
   font-size: var(--copyright-font-size);
   font-style: normal;
   font-weight: normal !important;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   vertical-align: -.125em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: relative;
   left: 2px;
   border: 0;
 }

 @media screen and (min-width: 992px) {
   .navbar .dropdown:hover .dropdown-menu {
     opacity: 1;
     margin-top: 0;
     pointer-events: auto;
   }
 }

 .navbar-toggler {
   border: 0;
   padding: 0;
   cursor: pointer;
   margin: 0;
   width: 30px;
   height: 35px;
   outline: none;
 }

 .navbar-toggler:focus {
   outline: none;
   box-shadow: none;
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
   background: transparent;
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
   transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
   transition: top 300ms 50ms ease, transform 300ms 350ms ease;
   transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
   top: 0;
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
   transform: rotate(45deg);
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
   transform: rotate(-45deg);
 }

 .navbar-toggler .navbar-toggler-icon {
   background: var(--white-color);
   transition: background 10ms 300ms ease;
   display: block;
   width: 30px;
   height: 2px;
   position: relative;
 }

 .navbar-toggler .navbar-toggler-icon:before,
 .navbar-toggler .navbar-toggler-icon:after {
   transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
   transition: top 300ms 350ms ease, transform 300ms 50ms ease;
   transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
   position: absolute;
   right: 0;
   left: 0;
   background: var(--white-color);
   width: 30px;
   height: 2px;
   content: '';
 }

 .navbar-toggler .navbar-toggler-icon::before {
   top: -8px;
 }

 .navbar-toggler .navbar-toggler-icon::after {
   top: 8px;
 }


 /*---------------------------------------
  HERO        
-----------------------------------------*/
 .hero-section {
   background-image: url('../images/carpet-clean.webp');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 670px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section>svg {
   top: 0;
 }

 .hero-section .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section .row {
   position: relative;
   z-index: 22;
 }

 .hero-section .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }



 /*---------------------------------------
  HERO s      
-----------------------------------------*/
 .hero-section-s {
   background-image: url('../images/stain.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 670px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-s svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-s>svg {
   top: 0;
 }

 .hero-section-s .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-s .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-s .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }



 /*---------------------------------------
  HERO r      
-----------------------------------------*/
 .hero-section-r {
   background-image: url('../images/rug.jpeg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 700px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-r svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-r>svg {
   top: 0;
 }

 .hero-section-r .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-r .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-r .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }



 /*---------------------------------------
  HERO u      
-----------------------------------------*/
 .hero-section-u {
   background-image: url('../images/Upholstery.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 700px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-u svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-u>svg {
   top: 0;
 }

 .hero-section-u .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-u .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-u .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }



 /*---------------------------------------
  HERO t      
-----------------------------------------*/
 .hero-section-t {
   background-image: url('../images/tile.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 700px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-t svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-t>svg {
   top: 0;
 }

 .hero-section-t .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-t .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-t .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }



 /*---------------------------------------
  HERO a      
-----------------------------------------*/
 .hero-section-a {
   background-image: url('../images/air-duct.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 700px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-a svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-a>svg {
   top: 0;
 }

 .hero-section-a .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-a .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-a .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }


 /*---------------------------------------
  HERO v      
-----------------------------------------*/
 .hero-section-v {
   background-image: url('../images/air-vent.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 700px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-v svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-v>svg {
   top: 0;
 }

 .hero-section-v .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-v .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-v .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }



 /*---------------------------------------
  HERO v      
-----------------------------------------*/
 .hero-section-dr {
   background-image: url('../images/dryer.webp');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   padding-top: 100px;
   padding-bottom: 100px;
   height: 100vh;
   min-height: 700px;
   margin-bottom: -90px;
   background-attachment: fixed;
 }

 .hero-50 {
   height: auto;
   min-height: 540px;
   margin-bottom: -100px;
 }

 .hero-50 .container+svg {
   transform: rotate(180deg);
 }


 .hero-section-dr svg {
   position: absolute;
   right: 0;
   left: 0;
 }

 .hero-section-dr>svg {
   top: 0;
 }

 .hero-section-dr .container+svg {
   top: auto;
   bottom: -1px;
 }

 .hero-section-dr .row {
   position: relative;
   z-index: 22;
 }

 .hero-section-dr .text {
   color: #ffffff;
   line-height: 22.5px;
   font-size: var(--p-font-size);
 }

 /*---------------------------------------
 BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image {
   background-image: url('../images/call-to-action.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }


 /*---------------------------------------
  BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image {
   background-image: url('../images/call-to-action.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }


 /*---------------------------------------
  BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-s {
   background-image: url('../images/stainn.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-s .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-s {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }



 /*---------------------------------------
  BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-r {
   background-image: url('../images/rug-call-to-action.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-r .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-r {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }



 /*---------------------------------------
  BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-u {
   background-image: url('../images/Upholstery_Cleaning_Slider.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-u .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-u {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }


 /*---------------------------------------
  BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-t {
   background-image: url('../images/tile-call-to-action.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-t .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-t {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }



 /*---------------------------------------
 BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-d {
   background-image: url('../images/duct-call-to-action.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-d .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-d {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }



 /*---------------------------------------
 BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-v {
   background-image: url('../images/vent-call-to-action.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-v .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-v {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }



 /*---------------------------------------
 BACKGROUND IMAGE SECTION        
-----------------------------------------*/
 .section-bg-image-dr {
   background-image: url('../images/vent-tech.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: relative;
   margin-bottom: -70px;
   background-attachment: fixed;
 }

 .section-bg-image-dr .container+svg {
   transform: rotate(180deg);
   position: relative;
   bottom: -1px;
 }

 .section-bg-image-block-dr {
   backdrop-filter: blur(5px) saturate(180%);
   -webkit-backdrop-filter: blur(5px) saturate(180%);
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: var(--border-radius-medium);
   border: 1px solid rgba(209, 213, 219, 0.3);
   border-radius: var(--border-radius-medium);
   padding: 50px;
 }

 /*---------------------------------------
  ABOUT SECTOIN              
-----------------------------------------*/
 .about-section {
   padding-bottom: 70px;
 }


 .about-section .about-image {
   border-radius: var(--border-radius-medium);
   filter: drop-shadow(0 0 0.75rem #3D405B);
 }

 /*---------------------------------------
  CUSTOM BLOCK              
-----------------------------------------*/
 .custom-block {
   border-radius: var(--border-radius-medium);
   position: relative;
   overflow: hidden;
   padding: 30px 20px;
 }

 .custom-block-bg {
   background: var(--white-color);
 }

 .custom-block-date-wrap {
   background-color: var(--primary-color);
   border-radius: var(--border-radius-medium);
   text-align: center;
   padding: 20px 30px;
 }

 .custom-block-date {
   font-size: var(--h1-font-size);
 }

 .custom-block-image-wrap {
   border-radius: var(--border-radius-medium);
   position: relative;
   overflow: hidden;
 }

 .custom-block-image-wrap:hover .custom-block-image {
   transform: scale(1.2);
 }

 .custom-block-image-wrap:hover .custom-block-icon {
   opacity: 1;
 }

 .custom-block-image {
   transition: all 0.3s;
 }

 .custom-block-image-wrap .custom-block-date-wrap,
 .custom-block-image-wrap .custom-btn-wrap {
   position: absolute;
   bottom: 0;
 }

 .custom-block-image-wrap .custom-block-date-wrap {
   border-radius: 0;
   left: 0;
   width: 50%;
   padding: 12.30px 20px;
 }

 .custom-block-image-wrap .custom-btn-wrap {
   right: 0;
   width: 50%;
 }

 .custom-block-image-wrap .custom-btn {
   border-radius: 0;
   display: block;
   padding: 15px 20px;
 }

 .custom-block-info {
   padding-top: 10px;
 }

 .custom-block-image-wrap+.custom-block-info {
   padding-top: 20px;
 }

 .custom-block-span {
   color: var(--secondary-color);
   font-weight: var(--font-weight-bold);
   min-width: 110px;
   margin-right: 10px;
 }

 .custom-block-icon {
   background: var(--custom-btn-bg-color);
   border-radius: var(--border-radius-large);
   color: var(--white-color);
   width: 60px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   font-size: var(--h3-font-size);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   opacity: 0;
   transition: all 0.5s;
 }

 .custom-block-icon:hover {
   background: var(--custom-btn-bg-hover-color);
   color: var(--white-color);
 }


 /*---------------------------------------
  EVENTS SECTION            
-----------------------------------------*/
 .events-section.section-bg .container>.row {
   margin-right: 5px;
   margin-left: 5px;
 }

 .events-section.section-bg .container>.row .row {
   margin: auto;
 }

 .events-listing-section {
   margin-bottom: 100px;
 }

 .events-detail-section .custom-block-info {
   padding: 40px 60px;
 }

 .events-detail-info {
   background-color: var(--section-bg-color);
   border-radius: var(--border-radius-medium);
   padding: 50px 25px;
 }

 .events-title {
   font-size: var(--h3-font-size);
   font-weight: var(--font-weight-medium);
 }


 /*---------------------------------------
  CONTACT               
-----------------------------------------*/
 .contact-form .form-floating>textarea {
   border-radius: var(--border-radius-medium);
   height: 120px;
 }

 .contact-info {
   position: relative;
 }

 .contact-info-item {
   background: var(--secondary-color);
   border-radius: var(--border-radius-medium);
   position: absolute;
   overflow: hidden;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
 }

 .contact-info-body {
   padding: 20px 85px;
 }

 .contact-info-body strong,
 .contact-info-item a {
   color: var(--white-color);
 }


 /*---------------------------------------
  SITE FOOTER            
-----------------------------------------*/
 .site-footer {
   position: relative;
   padding-bottom: 200px;
 }

 .site-footer .container {
   position: relative;
   z-index: 2;
 }

 .site-footer svg {
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   pointer-events: none;
 }

 .site-footer-title {
   color: var(--secondary-color);
 }

 .site-footer p span {
   font-weight: var(--font-weight-medium);
   margin-right: auto;
 }


 /*---------------------------------------
  CUSTOM FORM               
-----------------------------------------*/
 .custom-form .form-control {
   border-radius: var(--border-radius-large);
   border-width: 2px;
   box-shadow: none;
   color: var(--p-color);
   margin-bottom: 20px;
   padding: 10px;
   padding-left: 20px;
   outline: none;
 }

 .custom-form .form-control:focus,
 .custom-form .form-control:hover {
   border-color: var(--dark-color);
 }

 .form-floating>label {
   padding-left: 20px;
 }

 .custom-form button[type="submit"] {
   background: var(--custom-btn-bg-color);
   border: none;
   border-radius: var(--border-radius-large);
   color: var(--white-color);
   font-size: var(--p-font-size);
   font-weight: var(--font-weight-medium);
   transition: all 0.3s;
   margin-bottom: 0;
   padding-left: 10px;
 }

 .custom-form button[type="submit"]:hover,
 .custom-form button[type="submit"]:focus {
   background: var(--custom-btn-bg-hover-color);
   border-color: transparent;
 }

 .header-form {
   position: relative;
 }

 .header-form .form-control {
   padding-left: 42px;
 }

 .header-form-icon {
   width: 24px;
   position: absolute;
   top: 0;
   margin: 12px;
   margin-left: 15px;
 }


 /*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
 .social-icon {
   margin: 0;
   padding: 0;
 }

 .social-icon-item {
   list-style: none;
   display: inline-block;
   vertical-align: top;
 }

 .social-icon-link {
   background: var(--secondary-color);
   border-radius: var(--border-radius-large);
   color: var(--white-color);
   font-size: var(--btn-font-size);
   display: block;
   margin-right: 5px;
   text-align: center;
   width: 35px;
   height: 35px;
   line-height: 36px;
   transition: background 0.2s, color 0.2s;
 }

 .social-icon-link:hover {
   background: var(--primary-color);
   color: var(--white-color);
 }


 /*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
 @media screen and (max-width: 991px) {
   h1 {
     font-size: 36px;
   }

   h2 {
     font-size: 28px;
   }

   h3 {
     font-size: 22px;
   }

   h4 {
     font-size: 20px;
   }

   h5 {
     font-size: 18px;
   }

   h6 {
     font-size: 16px;
   }

   .section-padding {
     padding-top: 50px;
     padding-bottom: 50px;
   }

   .navbar {
     background-color: var(--secondary-color);
   }

   .navbar-nav .dropdown-menu {
     position: relative;
     left: 10px;
     opacity: 1;
     pointer-events: auto;
     max-width: 75%;
     margin-top: 15px;
     margin-bottom: 15px;
   }

   .navbar-expand-lg .navbar-nav {
     padding-top: 15px;
     padding-bottom: 10px;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     margin: 5px;
     padding: 0;
   }

   .hero-section {
     position: relative;
     top: 82px;
     margin-bottom: 82px;
   }

   .events-listing-section {
     margin-bottom: 50px;
   }

   .events-detail-section .custom-block-info {
     padding: 40px;
   }

   .events-detail-info {
     padding: 35px 25px;
   }

   .contact-info-item {
     width: 60%;
   }

   .events-detail-section .contact-info-item {
     width: 70%;
   }

   .section-bg-image {
     margin-bottom: 0;
   }

   .section-bg-image-block {
     padding: 30px;
   }

   .site-footer {
     padding-top: 20px;
     padding-bottom: 100px;
   }
 }

 @media screen and (max-width: 480px) {
   .navbar-brand {
     font-size: var(--p-font-size);
   }

   .navbar-brand-icon {
     width: 30px;
     height: 30px;
   }

   .navbar-brand-icon::after {
     top: 5px;
   }

   .section-bg-image-block {
     padding: 30px;
   }

   .contact-info-item {
     width: 72%;
   }
 }

 @media screen and (max-width: 360px) {
   .custom-btn {
     font-size: 12px;
     padding: 4px 12px;
   }
 }



 .info-btn {
   width: 135px;
   background-color: #3D405B;
   border: none;
 }

 .info-btn:hover {

   background-color: var(--custom-btn-bg-color);


 }

 /*  */

 .offer-btn {
   outline: 0;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   background: #4F536F;
   min-width: 200px;
   border: 0;
   border-radius: 4px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
   box-sizing: border-box;
   padding: 16px 20px;
   color: #fff;
   font-size: 25px;
   font-weight: 600;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   overflow: hidden;
   cursor: pointer;
 }

 .offer-btn:hover {
   opacity: .95;
 }

 .offer-btn .animation {
   border-radius: 100%;
   animation: ripple 0.6s linear infinite;
 }

 @keyframes ripple {
   0% {
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
   }

   100% {
     box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
   }
 }

 /*  */





 .listar-map-button {
   width: 100%;
   position: absolute;
   display: table;
   right: 0;
   top: 0;
   height: 200px;
   line-height: 164px;
   white-space: nowrap;
   font-size: 0;
 }

 .listar-map-button {
   right: auto;
   /***
    box-shadow: 0 0 65px rgba(0,0,0,.07) inset, 0 0 35px rgba(0,0,0,.05) inset;**/
 }

 .listar-map-button-text span {
   background-color: #fff;
   color: #252525;
   text-shadow: none;
 }

 .listar-page-header-content .listar-map-button-text span {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 15px;
   height: 44px;
   line-height: 1.6;
   padding: 10px 25px;
   box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
   border-radius: 50px;
   background-color: rgba(35, 40, 45, 0.9);
   color: #fff;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
 }



 .listar-feature-item-wrapper {
   margin-bottom: 120px;
   padding-left: 27px;
   padding-right: 27px;
 }

 .listar-feature-item {
   height: calc(100% - 20px);
 }

 .listar-feature-item.listar-feature-has-link~.listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
   position: relative;
   display: block;
   width: 100%;
   height: 30px;
 }

 .listar-feature-item a {
   position: absolute;
   top: -12px;
   left: 15px;
   width: calc(100% - 30px);
   height: calc(100% + 4px);
   border-radius: 1000px;
   z-index: 10;
 }

 .listar-feature-with-image .listar-feature-item a:before {
   content: "";
   position: absolute;
   top: -74px;
   left: 50%;
   margin-left: -74px;
   width: 148px;
   height: 148px;
   border-radius: 1000px;
   z-index: 10;
 }

 .listar-feature-item a:after {
   content: "";
   position: absolute;
   bottom: -7px;
   left: 50%;
   margin-left: -25px;
   width: 50px;
   height: 50px;
   border-radius: 1000px;
   z-index: 10;
   animation: ripple 0.7s linear infinite;
   box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
     -5px -5px 10px rgba(255, 255, 255, 0.5);
 }


 @keyframes ripple {
   0% {
     box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
   }

   100% {
     box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
   }
 }



 .listar-feature-item .listar-feature-item-inner {
   padding: 50px 30px;
   border-radius: 6px;
   z-index: 5;
   position: relative;
   height: 100%;
 }

 .listar-feature-item .listar-feature-item-inner {
   padding-top: 60px;
   padding-bottom: 60px;
 }

 .listar-feature-item .listar-feature-item-inner:before {
   border: 0;
   box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
     10px 0px 10px rgba(80, 80, 80, 0.02);
   border-radius: 1000px;
   background: rgba(255, 255, 255, 0);
   background: -moz-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: -webkit-gradient(left top,
       right top,
       color-stop(0%, rgba(255, 255, 255, 0)),
       color-stop(40%, rgba(255, 255, 255, 0)),
       color-stop(100%, rgba(255, 255, 255, 1)));
   background: -webkit-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: -o-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: -ms-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: linear-gradient(to right,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
 }

 .listar-feature-item .listar-feature-item-inner:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .listar-feature-right-border {
   position: absolute;
   width: calc(100% + 24px);
   height: calc(100% + 24px);
   top: -12px;
   left: 50%;
   overflow: hidden;
 }

 .listar-feature-items {
   text-align: center;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .listar-feature-right-border:before,
 .listar-hovering-features .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before {
   border: 11px solid #2f53bf;
 }

 .listar-feature-right-border:before,
 .listar-hovering-features .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before,
 .listar-hovering-features-grey .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border: 11px solid #258bd5;
   border-radius: 800px;
   left: -50%;
 }

 .listar-feature-item .listar-feature-block-content-wrapper {
   position: relative;
   display: block;
   text-decoration: none;
   margin: -30px;
   padding: 30px;
   height: calc(100% + 100px);
 }

 .listar-features-design-2 .listar-feature-item-wrapper {
   margin-bottom: 120px;
   padding-left: 27px;
   padding-right: 27px;
 }

 .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
   content: "";
   background-color: #fff;
   z-index: 6;
   position: absolute;
   background-repeat: no-repeat;
   background-position: center center;
 }

 .listar-feature-icon-wrapper {
   width: 148px;
   height: 148px;
   line-height: 148px;
   border-radius: 500px;
   position: relative;
   background-color: #fff;
   box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   left: 50%;
   vertical-align: middle;
   margin-left: -74px;
   top: -66px;
   margin-top: -74px;
 }

 .listar-feature-icon-inner {
   width: 120px;
   height: 120px;
   line-height: 120px;
   border-radius: 500px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
   background: #fff;
 }

 .listar-feature-icon-inner div {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   display: inline-block;
   position: relative;
   width: 120px;
   height: 120px;
   line-height: 120px;
   text-align: left;
 }

 .listar-feature-icon-inner img {
   position: relative;
   margin: 0 auto;
   vertical-align: middle;
   display: inline-block;
   width: auto;
   left: 50%;
   -webkit-transform: translate(-50%);
   -moz-transform: translate(-50%);
   -ms-transform: translate(-50%);
   -o-transform: translate(-50%);
   transform: translate(-50%);
   height: 55px;
 }

 .listar-feature-item img,
 .listar-feature-item i {
   position: relative;
   display: inline-block;
   border-bottom: 0;
   font-size: 40px;
   top: 0;
   padding: 0;
   color: #258bd5;
 }

 .listar-feature-with-image .listar-feature-content-wrapper {
   top: 0;
 }

 .listar-feature-content-wrapper {
   position: relative;
   margin-top: -15.5px;
 }

 .listar-feature-item .listar-feature-item-title {
   padding-top: 0;
   margin: 0 0 30px;
   text-align: center;
   line-height: 1.5;
 }

 .listar-feature-item .listar-feature-item-title.listar-feature-counter-added>span {
   margin-left: 25px;
   border-radius: 0 50px 50px 0;
 }

 .listar-feature-item .listar-feature-item-title>span {
   box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
     5px 0px 40px rgba(80, 80, 80, 0.1);
   padding: 10px 20px;
   display: inline-block;
   position: relative;
   background-color: #fff;
 }

 .listar-feature-item .listar-feature-item-title>span span {
   box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
     5px 0px 80px rgba(80, 80, 80, 0.15);
   padding: 10px 0;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 30px;
   white-space: nowrap;
   position: absolute;
   top: -3px;
   left: -40px;
   border-radius: 50px;
   background-color: #fff;
 }

 .listar-feature-item .listar-feature-item-title span {
   display: inline-block;
   font-size: 14px;
   line-height: normal;
   font-weight: 400;
   text-shadow: none;
   border-radius: 50px;
   color: #252525;
   font-size: 18px;
 }

 .listar-feature-item-excerpt {
   padding: 0 20px;
 }

 .listar-feature-item-excerpt {
   color: #252525;
   position: relative;
   top: 0;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }

 .pset {
   padding-top: 180px;
   padding-bottom: 80px;
 }

 .listar-map-button-text span {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 15px;
   height: 44px;
   line-height: 1.6;
   padding: 10px 25px;
   box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
   border-radius: 50px;
   background-color: rgba(35, 40, 45, 0.9);
   color: #fff;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
 }

 .listar-map-button-text span {
   background-color: #fff;
   color: #252525;
   text-shadow: none;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
 }

 .listar-map-button-text span:after {
   border: 12px solid #fff;
 }

 .listar-map-button-text span:after {
   content: "";
   position: absolute;
   top: -14px;
   left: -14px;
   width: calc(100% + 28px);
   height: calc(100% + 28px);
   border-radius: 36px;
 }

 .listar-map-button:hover .listar-map-button-text span {
   padding: 10px 43px 10px 51px;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
 }

 .listar-feature-with-image .listar-feature-item a:before {
   content: "";
   position: absolute;
   top: -74px;
   left: 50%;
   margin-left: -74px;
   width: 148px;
   height: 148px;
   border-radius: 1000px;
   z-index: 10;
 }

 .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
   margin-left: -25px;
   width: 50px;
   height: 50px;
   border-radius: 50px;
   box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
     15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
   bottom: -30px;
   background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
   background-size: 40%;
   color: #555;
   line-height: 52px;
 }

 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-xs-1,
 .col-xs-2,
 .col-xs-3,
 .col-xs-4,
 .col-xs-5,
 .col-xs-6,
 .col-xs-7,
 .col-xs-8,
 .col-xs-9,
 .col-xs-10,
 .col-xs-11,
 .col-xs-12 {
   align-self: flex-start;
 }


 /*  */
 .spam {
   display: none;
 }


 /*  */


 /*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
 .featured-services {
   background-color: var(--section-bg-color);
   padding: 40px 0;
 }

 .featured-services .service-item {
   position: relative;
   padding-top: 20px;
 }


 .featured-services .service-item .title {
   font-weight: 700;
   margin-bottom: 5px;
   font-size: 18px;
 }



 .featured-services .service-item .description {
   font-size: 14px;
 }