@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('../fonts/avenir_next_lt_pro_condensed-webfont.woff2') format('woff2'),
        url('../fonts/avenir_next_lt_pro_condensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/avenir_regular-webfont.woff2') format('woff2'),
        url('../fonts/avenir_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*,
*::before,
*::after { 
    box-sizing: border-box;
}
html {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font-family: 'Avenir';
    font-size: 1rem;
    line-height: 1.3;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
    background: #F6F6F6;
    box-sizing: border-box;
}

.wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Avenir Next Condensed';
    line-height: 1.2;
    margin: 0;
}

p {
    margin: 0 0 1rem 0;
}

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

a:hover {
    text-decoration: underline;
}

.backbg {
    display: none !important;
}

.backbgbox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Button CSS */
a.btn {text-align: center;font-family: "Avenir Next Condensed";font-size: 1.1875rem;font-style: normal;font-weight: 900;line-height: normal;padding: 15px 45px;border-radius: 50px;
transition: all .2s;}
a.btn:hover {text-decoration: none;opacity: 0.8;}
a.btn.btn-green {background: #7AC942;}
a.btn.btn-skyblue {background: #00BADB;}
a.btn.btn-green:hover {background: #2A6600;color: #7AC942;}
a.btn.btn-skyblue:hover {background: #005260;color: #00BADB;}

/* Typing Animaton Effect CSS */ 
.fade-in-effect { 
  transform: translateY(40px);
  opacity: 0;
  animation: slideIn 2.5s ease-out forwards;
}

@keyframes slideIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Header CSS */
header.header {position: absolute; width: 100%;  padding: 30px 2%;  z-index: 9;}
.header-data {  display: flex; justify-content: space-between; align-items: center;}
.website-logo img {width: 260px;height: auto;  display: block;  margin: 0;}
.find-specialist-block {border-radius: 50px;background: #000;padding: 10px 15px;display: flex; align-items: center;  gap: 10px;  transition: all .2s;}
.find-specialist-block:hover { opacity: 0.8;}
.find-specialist-block a {color: #FFF; text-align: center;  font-family: "Avenir Next Condensed"; font-size: 17px;  font-style: normal; font-weight: 700;line-height: normal;}
.find-specialist-block a:hover {text-decoration: none;}
.social-link-lists ul {list-style: none;margin: 0;  padding: 0;  display: flex;  gap: 10px;}
.social-link-lists ul li a {border-radius: 50px; border: 2px solid #fff;width: 40px;height: 40px;position: relative;display: flex;  align-items: center;justify-content: center;padding: 5px; transition: all .2s;}
.social-link-lists ul li a:hover {background: #ffffffd4;}
.social-link-lists ul li img {display: block; margin: 0;height: 20px; width:auto;  transition: filter 0.3s ease;filter: invert();}
.social-link-lists ul li.facebook-icon a:hover img{filter: brightness(0) saturate(100%) invert(31%) sepia(70%) saturate(2156%) hue-rotate(184deg) brightness(92%) contrast(92%);}
.social-link-lists ul li.twitter-icon a:hover img{filter: brightness(0) saturate(100%) invert(71%) sepia(42%) saturate(747%) hue-rotate(178deg) brightness(98%) contrast(101%);}
.social-link-lists ul li.google-icon a:hover img{filter: brightness(0) saturate(100%) invert(29%) sepia(88%) saturate(7426%) hue-rotate(1deg) brightness(100%) contrast(118%);}

/* Hero Banner CSS */
section.hero-banner-section {height: 100vh;position: relative;    background-color: #000;}
.banner-caption {position: absolute;top: 60%;left: 50%;transform: translate(-50%, -60%);width: 1000px;max-width: 100%;text-align: center;}
.banner-caption h1 {color: #FFF;text-align: center;font-family: Avenir;font-size: 10rem;font-style: normal;font-weight: 500;line-height: 1;letter-spacing: normal;}
.banner-caption p {color: #FFF;text-align: center;font-family: "Avenir Next Condensed";font-size: 1.75rem;font-style: normal;font-weight: 700;line-height: normal;}
.btn-group-lists {display: flex;gap: 20px;justify-content: center;margin-top: 60px;}
section.hero-banner-section::before {content: "";background-image: linear-gradient(to bottom, #00000030, transparent);position: absolute;top: 0;left: 0;width: 100%;
height: 100%;}
section.hero-banner-section * {position: relative;z-index: 9;}


/* About Brand CSS */
section.about-brand-speciality-section {padding: 120px 0;}
section.about-brand-speciality-section.backbgbox {background-size: 65%;background-position: top right -30%;}
.about-brand-block span.icon-pattern {display: block;margin-bottom: 40px;}
.about-brand-block span.icon-pattern img {width: 55px;height: auto;display: block;}
.about-brand-block h2 {color: #000;font-family: "Avenir Next Condensed";font-size: 3.5rem;font-style: normal;font-weight: 400;line-height: normal;}
.about-brand-block h2 span {font-weight: 700;}
.about-brand-block p {color: #000;font-family: Avenir;font-size: 1.5rem;font-style: normal;font-weight: 400;line-height: 1.4;margin: 40px 0;}
.about-brand-block {width: 700px;max-width: 100%;}
.about-brand-block h5 {color: #000;font-family: "Avenir Next Condensed";font-size: 1.75rem;font-style: normal;font-weight: 700;line-height: normal;}
.about-brand-block .btn-group-lists {justify-content: flex-start;margin-top: 30px;}

/* Global */
.page-id-169 main {
  height: 100vh;
	margin-top:200px;
}

/* Services Lists CSS */
section.browse-by-services-section {padding: 0 0 60px 0;}
section.browse-by-services-section h4 {color: #000; font-family: "Avenir Next Condensed";font-size: 2.5rem;  font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 40px;}
.services-lists-block {display: flex;gap: 30px;flex-wrap: wrap;}
.service-block-item {flex: 1 1 calc(33.333% - 20px);box-sizing: border-box;display: flex;align-items: stretch;border-radius: 10px;overflow: hidden;background: #fff;
box-shadow: 5px 5px 5px #0000000d;}
.service-block-item figure {margin: 0;flex: 0 0 35%;max-width: 35%;}
.service-block-item figure img {display: block;margin: 0;object-fit: cover;width: 100%;height: 100%;}
.service-details-summary {padding: 15px 20px;}
.service-details-summary h5 {color: #000;font-family: "Avenir Next Condensed";font-size: 1.3rem;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 10px;}
.service-details-summary p {margin: 0;color: #000;font-family: Avenir;font-size: 15px;font-style: normal;font-weight: 400;line-height: 1.3;}
.service-block-item {position: relative;transition: all .2s;}
.service-block-item a.service-block-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;}
.service-block-item:hover {box-shadow: 5px 5px 5px #0000001c;}

/* Blog Post CSS */
section.blog-post-article-section {padding: 60px 0 100px;}
section.blog-post-article-section .container {max-width: 860px;width: 100%;margin: 0 auto;}
.post-icons ul {list-style: none;margin: 0;padding: 0;display: flex;gap: 20px;background-image: url(../images/bg-pattern-icon.svg);background-repeat: no-repeat;
background-size: 100%;width: 135px;height: 38px;align-items: center;}
.post-icons {margin-bottom: 40px;}
.post-icons ul li img {margin: 0;display: block;height: auto;object-fit: cover;}
.post-icons ul li a {display: block;padding: 0 5px;transition:all .2s;}
.post-icons ul li a:hover img {transform: scale(1.1);}
section.blog-post-article-section h3 {margin-bottom:30px;}
section.blog-post-article-section h3 a{color: #000;font-family: "Avenir Next Condensed";font-size: 3.3rem;font-style: normal;font-weight: 500;line-height: normal;}
section.blog-post-article-section h3 a:hover{text-decoration:none;}
.post-icons ul li:nth-child(1) {position: relative;left: 2px;}
.share-article {display: flex;align-items: center;gap: 5px;margin: 0 0 30px 0;}
.share-article a {display: block;color: #000;font-family: Avenir;font-size: 1rem;font-style: normal;font-weight: 400;line-height: normal;}
.share-article a:hover {text-decoration: underline;}
.post-article-content * {color: #000;font-family: Avenir;font-size: 1.3rem; font-style: normal;font-weight: 400;line-height: normal;} 
.post-icons ul li button {cursor: pointer;border: 0;background: no-repeat;display: block;padding: 0 5px;transition: all .2s;}
.post-icons ul li button:hover {transform: scale(1.1);}
div#reaction-feedback {position: relative;top: -20px;font-size: 1rem;}
.post-article-content p:not(:last-child) {margin-bottom: 1.1rem;}
.post-article-content p:last-child {margin: 0;}

/* Customer Testimonials CSS */
section.customer-testimonials-section {padding: 100px 0;background: #000;}
section.customer-testimonials-section.backbgbox {position: relative;background-size: 55% 115%;background-position: center right;background-repeat: no-repeat;}
section.customer-testimonials-section::after {content: "";background-image: linear-gradient(to left, black, transparent);position: absolute;top: 0;right: 0;width: 15%;
height: 100%;}
.testimonial-inner-block {display: flex;align-items: center;margin: 0 auto;}
.testiminial-header-part {width: 50%;}
.testiminial-header-part h3 {color: rgba(255, 255, 255, 0.60);font-family: Avenir;font-size: 3.5rem;font-style: normal;font-weight: 400;line-height: 1.1;margin-bottom: 30px;}
.testiminial-header-part h2 {color: #fff;font-family: Avenir;font-size: 7rem;font-style: normal;font-weight: 400;line-height: 1;}
.testiminial-header-part .btn-group-lists {margin-top: 40px;justify-content: flex-start;} 
.testimonial-lists {position: absolute;top: 50%;right: 0;width: 52vw;transform: translateY(-50%);}
.service-testimonials {display: flex;gap: 30px;align-items: stretch; flex-wrap:wrap;}
.testimonial-inner-part-block{display: flex;flex-direction: column;justify-content: center;background: #fff; padding: 20px 20px;border-radius: 15px;min-height:90px; }
.service-testimonials>* {flex: 1;}
.service-testimonials > * {flex: calc(50% - 15px);box-sizing: border-box;}
.testimonial-body .top-part {display: flex;align-items: center;gap: 20px;margin-bottom: 10px;}
.testimonial-body .top-part h5 {font-family: 'Avenir Next Condensed';font-size: 1.3rem;color: #000;}
.testimonial-body .rating-star {margin: 0;display: flex;gap: 2px;}
.rating-star span {display: inline-flex;}
.rating-star img {display: block;height: auto;object-fit: cover;margin: 0;}
.testimonial-body p {margin: 0;font-size: 14px;}

/* Inner Pages CSS */
section.hero-banner-section.inner-banner-block {height: 70vh;}
section.hero-banner-section.inner-banner-block::before {background-color: #0000005e;}
section.hero-banner-section.inner-banner-block .banner-caption h1 {font-size: 4rem;}
section.hero-banner-section.inner-banner-block .banner-caption {width: 96%;}

/* Footer CSS */
footer.footer {padding: 20px 0;background: #000;border-top: 1px solid #d1d1d140;}
footer.footer p {color: rgba(255, 255, 255, 0.60);text-align: center;font-family: Avenir;font-size: 1.1rem;font-style: normal;font-weight: 400;line-height: normal;margin: 0;}

/* WP Forms */
div.wpforms-container-full input[type="date"], div.wpforms-container-full input[type="datetime"], div.wpforms-container-full input[type="datetime-local"], div.wpforms-container-full input[type="email"], div.wpforms-container-full input[type="month"], div.wpforms-container-full input[type="number"], div.wpforms-container-full input[type="password"], div.wpforms-container-full input[type="range"], div.wpforms-container-full input[type="search"], div.wpforms-container-full input[type="tel"], div.wpforms-container-full input[type="text"], div.wpforms-container-full input[type="time"], div.wpforms-container-full input[type="url"], div.wpforms-container-full input[type="week"], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type="date"], .wp-core-ui div.wpforms-container-full input[type="datetime"], .wp-core-ui div.wpforms-container-full input[type="datetime-local"], .wp-core-ui div.wpforms-container-full input[type="email"], .wp-core-ui div.wpforms-container-full input[type="month"], .wp-core-ui div.wpforms-container-full input[type="number"], .wp-core-ui div.wpforms-container-full input[type="password"], .wp-core-ui div.wpforms-container-full input[type="range"], .wp-core-ui div.wpforms-container-full input[type="search"], .wp-core-ui div.wpforms-container-full input[type="tel"], .wp-core-ui div.wpforms-container-full input[type="text"], .wp-core-ui div.wpforms-container-full input[type="time"], .wp-core-ui div.wpforms-container-full input[type="url"], .wp-core-ui div.wpforms-container-full input[type="week"], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {min-width: 100%;}
form {
  max-width: 900px;
  margin: 0 auto !important;
}
.wpforms-field-row.wpforms-field-medium {
  min-width: 100%;
}
input, select, text {
  height: 65px !important;
}
input, select, text, textarea {
	border: none !important;
}
body.page-id-169 {
  background: linear-gradient(to right, #7AC942, #00BADB);
}
div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), div.wpforms-container-full input[type="submit"], div.wpforms-container-full button[type="submit"], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type="submit"], .wp-core-ui div.wpforms-container-full button[type="submit"], .wp-core-ui div.wpforms-container-full .wpforms-page-button {background-color: black !important;width: 100% !important;height: 65px !important;min-width: 100% !important;}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: #000;
  border: none;
  box-sizing: border-box;
  max-width: 900px;
  text-align: center;
  padding: 40px;
  border-radius: 10px;
}
div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
  color: #fff;
}