/*!
Theme Name: wecangroup child
Theme URI: https://wecan-group.com/
Author: wecan-group.vn
Author URI: https://wecan-group.com/
Template: wecangroup
Description: WecanGroup Company Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wecangroup
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wecangroup is based on wecangroup https://underscores.me/, (C) 2012-2020 Automattic, Inc.
wecangroup is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-- site general css --*/
@font-face {
    font-family: 'BT BeauSans Regular';
    src: url('webfonts/BT-BeauSans-Regular.ttf');
}

@font-face {
    font-family: 'BT BeauSans Bold';
    src: url('webfonts/BT-BeauSans-Bold.ttf');
}

:root {
    --site-primary-color: #FEF116;
    --site-second-color: #113142;
    --site-third-color: #1A1A1A;
    --font-primary-color: #333;
    --font-second-color: #FFF;
    --font-third-color: #4D4D4D;
    --font-fourth-color: #CCC;
    --font-fifth-color: #F2F2F2;
    --site-border-color-1: #E4E4E4;
    --site-border-color-2: #E6E6E6;
    --site-regular-font: "Be Vietnam Pro";
    --site-title-font: 'BT BeauSans Bold';
}

html, body {
    /* overflow-x: hidden; */
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--site-regular-font), sans-serif;
    color: var(--font-primary-color);
}

body {
    scroll-padding-top: 120px;
}

.container-fluid {
    width: 1736px;
    max-width: 100%;
}

.container {
    width: 1520px;
    max-width: 100%;
}

table,
table th,
table tr,
table td {
    border: solid 1px var(--site-border-color-1);
}

table th,
table tr,
table td {
    padding: 15px;
}

a {
    text-decoration: none;
    transition: .5s;
}

a:focus {
    outline: none;
}

a,
a:visited {
    color: var(--font-primary-color);
}

a:hover,
a:focus {
    color: var(--font-primary-color);
}

.hidden,
.img-solution-content-mobile,
.woocommerce-cart-form__cart-item .minus,
.woocommerce-cart-form__cart-item .plus {
	display: none !important;
}

.btn {
    box-shadow: none !important
}

.btn,
.btn:hover,
.btn:focus {
    border: none;
}

.img-content,
video {
    width: 100% !important;
}

.hover-img-wrapper {
    margin-bottom: -5px;
    width: 100%;
    display: inline-block;
    overflow: hidden !important;
}

.hover-img {
    transition: all .5s ease-in-out;
}

.service-popular-content:hover .hover-img,
.servicePageSwiper .swiper-slide:hover .hover-img {
    transform: scale(1.1);
}

.service-popular-content .hover-img-wrapper,
.servicePageSwiper .hover-img-wrapper {
    border-radius: 8px;
}

.fancybox-container {
    z-index: 99999;
}

.swiper-button-next, 
.swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--font-primary-color);
}

.swiper-button-next::after, 
.swiper-button-prev::after {
    color: var(--font-second-color);
    font-size: unset;
}

.content-subtitle-1,
.content-subtitle-2 {
    margin-bottom: 8px;
    font-weight: 700;
}

.content-subtitle-1 {
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(to right, #923800, #F8CF00);
    display: inline-block;
}

.content-subtitle-2 {
    color: var(--site-primary-color);
}

.content-title-1,
.content-title-2,
.page-content-title-1,
.page-content-title-2 {
    margin-bottom: 0;
    /* font-family: var(--site-title-font); */
    font-weight: 700;
}

.content-title-1,
.content-title-2 {
    font-size: 48px;
    line-height: 68px;
}

.page-content-title-1,
.page-content-title-2 {
    font-size: 40px;
    line-height: 56px;
}

.content-title-1,
.page-content-title-1 {
    color: var(--site-second-color);
}

.content-title-2,
.page-content-title-2 {
    color: var(--font-second-color);
}

.content-description p:last-child {
    margin-bottom: 0;
}

.content-description-1 {
    color: var(--font-third-color);
}

.content-description-2 {
    color: var(--font-fifth-color);
}

.img-success-checkmark {
    margin-bottom: 20px;
}

.btn-content,
.btn-service-viewmore,
#serviceFormReset,
#prevBtn,
#nextBtn {
    padding: 14px 24px !important;
    font-weight: 700;
    border-radius: 4px;
    transition: .5s;
    border: none;
    background: var(--site-primary-color);
    display: inline-flex;
    align-items: center;
}

.btn-content,
.btn-content:visited,
.btn-service-viewmore,
#serviceFormReset,
.btn-service-viewmore:visited,
#serviceFormReset:visited {
    color: var(--site-second-color) !important;
}

.icon-arrow-right,
.icon-arrow-right-hover {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    transition: .5s;
    object-fit: contain;
}

.icon-arrow-right-hover,
.btn-content:hover .icon-arrow-right,
.btn-service-viewmore:hover .icon-arrow-right,
#serviceFormReset:hover .icon-arrow-right,
#prevBtn:hover .icon-arrow-right,
#nextBtn:hover .icon-arrow-right {
    display: none;
}

.btn-content:hover .icon-arrow-right-hover,
.btn-service-viewmore:hover .icon-arrow-right-hover,
#serviceFormReset:hover .icon-arrow-right-hover,
#prevBtn:hover .icon-arrow-right-hover,
#nextBtn:hover .icon-arrow-right-hover {
    display: inline-block;
}

.btn-content:hover,
#prevBtn:hover,
#nextBtn:hover,
.btn-service-viewmore:hover,
#serviceFormReset:hover,
.cf7mls_next:hover,
.cf7mls_back:hover {
    cursor: pointer;
    color: var(--font-second-color) !important;
    background: var(--site-second-color) !important;
}

.cf7mls_next,
.cf7mls_back {
    transition: .5 !important;
}

.custom-header {
    height: 476px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.custom-header,
.custom-header a,
.custom-header a:hover,
.custom-header a:focus,
.custom-header a:visited {
    color: var(--font-second-color);
}

.back-to-top {
    padding: 12px;
    right: 10px;
    bottom: 90px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 999;
    background: rgb(0,0,0, .6);
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    cursor: pointer;
}

.icon-to-top {
    filter: brightness(0) invert(1);
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #CCC;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: var(--font-primary-color);
}
/*-- end site breadcrumbs css --*/


/*-- site homepage content css --*/
.homeSwiper,
.homeSwiper .swiper-slide {
    position: relative;
}

.homeSwiper .swiper-slide {
    height: 960px;
}

.img-home-swiper,
.homeSwiper video,
.home-swiper-opaciy,
.home-swiper-content {
    width: 100%;
    height: 100%;
}

.home-swiper-opaciy,
.home-swiper-content {
    top: 0;
    left: 0;
    position: absolute;
}

.img-home-swiper,
.homeSwiper video {
    object-fit: cover;
}

.home-swiper-opaciy {
    background: linear-gradient(280deg, rgba(17, 49, 66, 0.00) 0.71%, rgba(17, 49, 66, 0.90) 76.24%);
}

.home-swiper-content,
.home-swiper-content a,
.home-swiper-content a:hover,
.home-swiper-content a:focus,
.home-swiper-content a:visited,
.swiper-customer-content {
    color: var(--font-second-color);
}

.home-swiper-content .content {
    bottom: 448px;
    width: 817px;
    max-width: 100%;
    position: absolute;
}

.home-swiper-title {
    margin-top: 16px;
    font-size: 60px;
    line-height: 76px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show before truncation */
    -webkit-box-orient: vertical;
}

.home-swiper-subtitle {
    margin-bottom: 0;
    color: var(--site-primary-color);
}

.swiper-search-form {
    width: 100%;
    bottom: 344px;
    z-index: 9999;
    position: absolute;
}

.swiper-search-content {
    width: 777px;
    max-width: 100%;
    position: relative;
}

.swiper-search-content label,
.swiper-search-content .search-field {
    width: 100%;
    height: 72px;
}

.swiper-search-content .search-field {
    padding: 10px 52px 10px 24px !important;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    border-radius: 8px;
    border: none;
    color: var(--font-second-color) !important;
    background: rgba(255, 255, 255, 0.18);
}

.swiper-search-content .search-field::placeholder {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: var(--font-second-color);
    opacity: 1;
}

.swiper-search-content .search-field:-ms-input-placeholder {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: var(--font-second-color);
}

.swiper-search-content .search-field::-ms-input-placeholder {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: var(--font-second-color);
}

.swiper-search-content .search-submit {
    top: 10px;
    right: 10px;
    bottom: 10px;
    margin: auto;
    width: auto;
    height: 52px;
}

.swiper-search-content .search-submit img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.homeSwiper .swiper-control-wrapper {
    left: 0;
    bottom: 141px;
    width: 100%;
    z-index: 999;
    position: absolute;
}

.homeSwiper .swiper-control,
.swiper-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.homeSwiper .swiper-pagination {
    width: auto;
    text-align: left;
    position: unset;
}

.swiper-button-wrapper {
    margin-top: 6px;
    margin-left: 12px;
}

.custom-swiper-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.homeSwiper .swiper-pagination-bullet {
    width: 95px;
    height: 3px;
    border-radius: 0;
    background: var(--font-second-color);
}

.swiper-customer-wrapper {
    bottom: 61px;
    width: 100%;
    z-index: 999;
    position: absolute;
}

.swiper-customer-content,
.swiper-customer-list {
    display: flex;
    align-items: center;
}

.icon-swiper-customer {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.swiper-customer-title,
.swiper-customer-list {
    margin-left: 16px;
}

.swiper-customer-title {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.swiper-customer-list {
    margin-bottom: 0;
    padding-left: 0;
}

.swiper-customer-list li {
    list-style: none;
}

.swiper-customer-list li:not(:last-child) {
    margin-right: -16px;
}

.img-swiper-customer,
.icon-customer-plus {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.img-swiper-customer {
    border: solid 2px var(--font-second-color);
}

.icon-shield-wrapper {
    left: 20px;
    bottom: 35px;
    min-width: 130px;
    text-align: center;
    position: fixed;
    z-index: 999;
}

.icon-shield {
    width: 80px;
    height: 84px;
    object-fit: contain;
}

.illustration-content-wrapper {
    padding: 136px 0;
}

.illustration-content-left,
.illustration-content-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.illustration-content-left {
    padding-right: 64px;
    align-items: flex-start;
}

.illustration-content-right {
    padding-left: 64px;
}

.illustration-description {
    margin-top: 16px;
    margin-bottom: 76px;
}

.illustration-content {
    padding-left: 56px;
}

.illustration,
.illustration-content-title {
    position: relative;
}

.illustration::before,
.illustration-content-title::before {
    position: absolute;
}

.illustration:not(:last-child) {
    padding-bottom: 71px;
}

.illustration:not(:last-child)::before {
    content: '';
    top: 10px;
    left: -43px;
    width: 1px;
    height: 100%;
    border-left: dashed 1px var(--site-border-color-1);
}

.illustration-content-title {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
}

.illustration-content-title::before {
    top: 0;
    left: -56px;
    bottom: 0;
    margin: auto;
    content: '';
    width: 28px;
    height: 28px;
    background-image: url('img/icon-dot.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.illustration .content-description {
    margin-top: 12px;
}

.img-illustration {
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.solution-content-wrapper,
.reason-content-wrapper,
.news-content-wrapper,
.faqs-content-wrapper,
.about-slution-wrapper,
.about-homeowners-wrapper,
.about-craftsmen-wrapper,
.about-contact-wrapper,
.partner-benefit-wrapper,
.partner-commit-wrapper,
.partner-faqs-wrapper,
.partner-register-wrapper,
.advise-search-wrapper,
.advise-news-1-wrapper,
.advise-news-2-wrapper {
    padding: 120px 0;
}

.solution-content-wrapper {
    background-color: var(--site-second-color);
}

.solution-content-wrapper,
.solution-content-wrapper a,
.solution-content-wrapper a:hover,
.solution-content-wrapper a:focus,
.solution-content-wrapper a:visited {
    color: var(--font-second-color);
}

.solution-description,
.reason-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.solution-description {
    width: 972px;
}

.solution-content-bottom {
    margin-top: 72px;
    display: flex;
}

.solution-content-small {
    margin-left: 32px;
}

.solution-content {
    transition: .5s;
}

.solution-content-small {
    flex: 1;
}

.solution-content-small .solution-content-description,
.solution-content-small .btn-solution-content,
.solution-content-small:hover ~ .solution-content-large .solution-content-description,
.solution-content-small:hover ~ .solution-content-large .btn-solution-content {
    display: none;
}

.solution-content-large {
    flex: 2;
}

.solution-content:hover {
    flex: 2;
}

.solution-content-small:hover ~ .solution-content-large {
    flex: 1;
}

.solution-content-small:hover .solution-content-description,
.solution-content-small:hover .btn-solution-content {
    display: block;
}

.solution-content-large {
    order: 1;
}

.solution-content-small {
    order: 2;
}

.solution-content {
    height: 542px;
    border-radius: 8px;
    position: relative;
}

.img-solution-content,
.img-solution-content-mobile {
    height: 542px;
    border-radius: 8px;
    object-fit: cover;
}

.solution-content-info {
    left: 0;
    bottom: 0;
    padding: 32px 40px;
    width: 100%;
    border-radius: 0 0 8px 8px;
    position: absolute;
}

.solution-content-info .info {
    position: relative;
    z-index: 1;
}

.solution-content-title {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
}

.solution-content-description {
    margin-top: 9px;
}

.btn-solution-content {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
}

.btn-solution-content:hover {
    cursor: pointer;
}

.btn-solution-content,
.btn-solution-content:hover,
.btn-solution-content:focus,
.btn-solution-content:visited {
    color: var(--site-primary-color);
}

.reason-content-wrapper,
.faqs-content-wrapper,
.about-craftsmen-wrapper,
.about-contact-wrapper,
.single-related-wrapper,
.partner-faqs-wrapper,
.advise-news-1-wrapper {
    background-color: #F9FDFF;
}

.reason-description {
    width: 852px;
}

.reason-content-bottom {
    margin-top: 64px;
}

.icon-reson-content-outline,
.icon-reason-content-wrapper {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-reson-content-outline {
    margin-left: auto;
    margin-right: auto;
    width: 96px;
    height: 96px;
    background: #E0EEF6;
}

.icon-reason-content-wrapper {
    width: 72px;
    height: 72px;
    background: var(--site-second-color);
}

.icon-reason-content {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.reason-content-bottom .reason-content {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 100%;
}

.reason-content-bottom .col-lg-4:not(:last-child) .reason-content {
    padding-right: 72px;
    border-right: solid 1px var(--site-border-color-1);
}

.reason-content-bottom .col-lg-4:not(:first-child) .reason-content {
    padding-left: 72px;
}

.reason-content-title {
    margin-top: 32px;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
}

.reason-content-description,
.service-description,
.partner-description,
.news-description,
.about-solution-description {
    margin-top: 16px;
}

.service-content-wrapper {
    padding: 56px 0 120px 0;
}

.service-content-top,
.news-content-top {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-content-top .top-content,
.advise-service-left,
.related-title-wrapper {
    width: 80%;
}

.service-content-bottom {
    margin-top: 8px;
}

.service-content {
    margin-top: 56px;
    height: 280px;
    border-radius: 8px;
    display: block;
    position: relative;
}

.service-content:hover .hover-img {
    transform: scale(1.1);
}

.service-content .hover-img-wrapper,
.img-service-content {
    height: 280px;
    border-radius: 8px;
}

.img-service-content {
    object-fit: cover;
}

.service-content-title {
    margin-bottom: 0;
    padding: 16px 24px;
    left: 0;
    bottom: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    width: 100%;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 58.85%, rgba(0, 0, 0, 0.00) 100%);
    backdrop-filter: blur(9.199999809265137px);
    mask-image: linear-gradient(to bottom, transparent 0%, black 50%, black 100%);
    position: absolute;
}

.service-content-title,
.service-content-title a,
.service-content-title a:hover,
.service-content-title a:focus,
.service-content-title a:visited {
    color: var(--font-second-color);
}

.partner-content-wrapper {
    padding: 276px 0;
    position: relative;
}

#partner-video,
.parter-content-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

#partner-video {
    object-fit: cover;
}

.parter-content-bg {
    background: linear-gradient(256deg, rgba(17, 49, 66, 0.00) -78.17%, rgba(17, 49, 66, 0.90) 80.5%);
}

.partner-content-wrapper::before,
.icon-partner-pause {
    top: 0;
    z-index: 1;
    position: absolute;
}

.partner-content-wrapper::before {
    content: '';
    left: 297px;
    width: 1px;
    height: 100%;
    background: var(--font-second-color);
}

.icon-partner-pause {
    left: 222px;
    bottom: 0;
    margin: auto;
    width: 152px;
    height: 152px;
}

.partner-content {
    z-index: 1;
    position: relative;
}

.partner-title {
    color: var(--font-second-color);
}

.btn-partner {
    margin-top: 48px;
}

.news-content-top .top-content {
    width: 920px;
    max-width: 100%;
}

.news-content-bottom {
    margin-top: 64px;
}

.news-large {
    height: 411px;
    position: relative;
}

.news-large-thumb,
.news-small-thumb {
    border-radius: 8px;
    object-fit: cover;
}

.news-large .hover-img-wrapper,
.news-large-thumb {
    height: 100%;
}

.news-large-info {
    left: 0;
    bottom: 0;
    padding: 32px 40px;
    width: 100%;
    border-radius: 0 0 8px 8px;
    position: absolute;
}

.news-large-info .info {
    position: relative;
    z-index: 1;
}

.news-large-info,
.news-large-info a,
.news-large-info a:hover,
.news-large-info a:focus,
.news-large-info a:visited {
    color: var(--font-second-color);
}

.news-large-title {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
}

.news-large-excerpt,
.news-small-excerpt {
    margin-top: 9px;
}

.news-large-excerpt {
    height: 48px;
    overflow: hidden;
}

.btn-news-large,
.btn-news-small {
    margin-top: 24px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.btn-news-large,
.btn-news-large:hover,
.btn-news-large:focus,
.btn-news-large:visited {
    color: var(--site-primary-color) !important;
}

.news-small-thumb {
    height: 221px;
}

.news-small-title {
    margin-top: 24px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-small-title,
.news-small-title a,
.news-small-title a:hover,
.news-small-title a:focus,
.news-small-title a:visited {
    color: var(--site-third-color);
}

.news-small-excerpt {
    height: 72px;
    overflow: hidden;
}

.news-small-excerpt,
.news-small-excerpt a,
.news-small-excerpt a:hover,
.news-small-excerpt a:focus,
.news-small-excerpt a:visited {
    color: #666;
}

.btn-news-small,
.btn-news-small:hover,
.btn-news-small:focus,
.btn-news-small:visited {
    color: #006AA2 !important;
}

.faqs-content-wrapper,
.faqs-content-left,
.faqs-content-right {
    position: relative;
}

.img-faqs-background {
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
    position: absolute;
}

.faqs-content-left,
.faqs-content-right,
.partner-benefit-content-left,
.partner-benefit-content-right,
.partner-faqs-content-left,
.partner-faqs-content-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}

.partner-benefit-content-left {
    padding-right: 64px;
}

.partner-benefit-content-right {
    padding-left: 64px;
}

.btn-faqs {
    margin-top: 24px;
}

.faqs-description-1,
.faqs-description-2 {
    margin-top: 8px;
}

.faq-subtitle-2 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #113142;
}

#faqsExample .collapsing {
    transition: none !important;
}

#faqsExample .accordion-item {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #DADADA;
    background: none;
}

#faqsExample .accordion-button {
    padding: 32px 34px 0 34px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: var(--site-third-color);
    box-shadow: none;
    border: none !important;
    background: none;
}

#faqsExample .accordion-button::after {
    background-image: url('img/faqs-plus.png');
}

#faqsExample .accordion-button.collapsed {
    color: #666;
}

#faqsExample .accordion-button:not(.collapsed)::after {
    background-image: url('img/faqs-minus.png');
}

#faqsExample .accordion-button.collapsed {
    padding-bottom: 32px;
}

#faqsExample .accordion-body {
    padding: 16px 34px 32px 34px;
}

#faqsExample .accordion-body p:last-child {
    margin-bottom: 0;
}
/*-- end site homepage content css --*/


/*-- site service page content css --*/
.service-header-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 1119px;
    max-width: 100%;
}

.service-popular-wrapper {
    padding: 100px 0 120px 0;
}

.service-popular-content-wrapper {
    margin-top: 36px;
}

.service-popular-content {
    margin-top: 20px;
    height: 280px;
    border-radius: 8px;
    position: relative;
}

.img-service-popular-content {
    height: 280px;
    border-radius: 8px;
    object-fit: cover;
}

.service-popular-content-title {
    margin-bottom: 0;
    padding: 16px 24px;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
    border-radius: 0 0 8px 8px;
    background: rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(9.199999809265137px);
    mask-image: linear-gradient(to bottom, transparent 0%, black 50%, black 100%);
    display: block;
    position: absolute;
}

.service-popular-content-title,
.service-popular-content-title:hover,
.service-popular-content-title:focus,
.service-popular-content-title:visited {
    color: var(--font-second-color) !important;
}

.service-page-content-top {
    padding-top: 90px;
}

.service-page-content-title,
.service-page-content-description {
    margin-left: auto;
    margin-right: auto;
    width: 864px;
    max-width: 100%;
}

.service-page-content-description {
    margin-top: 16px;
}

.nav-service-page-content {
    margin-top: 120px;
    margin-left: 0;
    margin-bottom: 0 !important;
}

.nav-service-page-content .nav-item {
    flex: 1;
}

.nav-service-page-content .nav-item:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.nav-service-page-content .nav-item:first-child .nav-link {
    border-radius: 8px 0 0 0;
}

.nav-service-page-content .nav-item:last-child .nav-link {
    border-radius: 0 8px 0 0;
}

.nav-service-page-content .nav-link {
    padding: 16px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    border-radius: 0;
    color: var(--font-second-color);
    background: #134058;
}

.nav-service-page-content .nav-link.active,
.nav-service-page-content .nav-link:hover,
.nav-service-page-content .nav-link:focus {
    color: #0D0D0D;
    background: var(--font-second-color);
}

.service-page-content-bottom {
    padding: 92px 0 128px 0;
}

.servicePageSwiper .swiper-slide {
    height: 280px !important;
    border-radius: 8px;
    position: relative;
}

.servicePageSwiper .hover-img-wrapper {
    height: 280px;
}

.icon-right-circle-wrapper {
    top: 30px;
    right: 30px;
    z-index: 999;
    position: absolute;
    display: none;
}

.service-content:hover .icon-right-circle-wrapper,
.service-popular-content:hover .icon-right-circle-wrapper,
.servicePageSwiper .swiper-slide:hover .icon-right-circle-wrapper {
    display: block;
}

.icon-right-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.archive-service-content-thumb {
    height: 280px;
    border-radius: 8px;
    object-fit: cover;
}

.archive-service-content-title {
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    position: absolute;
}

.archive-service-content-title a {
    padding: 16px 24px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 58.85%, rgba(0, 0, 0, 0.00) 100%);
    backdrop-filter: blur(9.199999809265137px);
    mask-image: linear-gradient(to bottom, transparent 0%, black 50%, black 100%);
    display: block;
}

.archive-service-content-title,
.archive-service-content-title a,
.archive-service-content-title a:hover,
.archive-service-content-title a:focus,
.archive-service-content-title a:visited {
    color: var(--font-second-color);
}

.servicePageSwiper .swiper-pagination {
    margin-top: 56px;
}
/*-- site service page content css --*/


/*-- site advise page content css --*/
.search-form-advise-header,
.search-form-advise-header-content {
    position: relative;
}

.search-form-advise-header {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 435px;
    max-width: 100%;
}

#datafetch {
    top: 110%;
    width: 100%;
    padding: 8px 24px;
    border-radius: 8px;
    text-align: left;
    background: var(--font-second-color);
    position: absolute;
    z-index: 9999;
}

#datafetch,
#datafetch a,
#datafetch a:hover,
#datafetch a:focus,
#datafetch a:visited {
    color: var(--font-primary-color);
}

.advise-search-ajax-title {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.advise-search-ajax-title a {
    font-weight: 500;
}

.search-form-advise-header label,
.search-form-advise-header .search-field {
    width: 100%;
}

.search-form-advise-header .search-field {
    padding: 20px 62px 20px 24px !important;
    height: auto;
    border-radius: 8px;
    border: none;
    color: var(--font-second-color) !important;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(6px);
}

.search-form-advise-header .search-field::placeholder {
    color: var(--font-second-color);
    opacity: .6;
}

.search-form-advise-header .search-field:-ms-input-placeholder {
    color: var(--font-second-color);
}

.search-form-advise-header .search-field::-ms-input-placeholder {
    color: var(--font-second-color);
}

.search-form-advise-header .search-submit {
    right: 24px;
    width: auto;
    height: 100%;
}

.search-form-advise-header .icon-search-w {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.advise-service-wrapper {
    padding-top: 100px;
}

.advise-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#serviceSwiper {
    margin-top: 64px;
}

#serviceSwiper .swiper-slide,
#serviceSwiper .related-content-thumb {
    height: 280px;
}

#serviceSwiper .related-content-info {
    padding: 16px 24px;
}

#serviceSwiper .related-content-title {
    font-size: 20px;
    line-height: 32px;
}

.advise-page-content-wrapper {
    padding: 150px 0 80px 0;
}

.advise-page-content-left {
    padding-right: 50px;
    position: sticky;
    top: 170px;
}

.advise-page-content-right {
    padding-left: 50px;
}

.archive-content-title-left,
.archive-content-title-left a,
.archive-content-title-left a:visited {
    color: #999;
}

.archive-content-title-left {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
}

.archive-content-title-left a {
    padding: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-radius: 8px;
}

.archive-content-title-left a.active {
    font-weight: 700;
}

.archive-content-title-left a .icon-right-title {
    display: none;
}

.archive-content-title-left .active,
.archive-content-title-left a:hover {
    justify-content: space-between;
}

.archive-content-title-left .active .icon-right-title,
.archive-content-title-left a:hover .icon-right-title {
    display: block;
}

.archive-content-title-left a:hover,
.archive-content-title-left a:focus,
.archive-content-title-left .active {
    background: var(--site-second-color);
}

.archive-content-title-left a:hover,
.archive-content-title-left a:focus,
.archive-content-title-left .active,
.archive-content-title-left .active:visited {
    color: var(--font-second-color);
}

.advise-page-content {
    padding-top: 120px;
}

.advise-page-archive:not(:last-child) {
    margin-bottom: 80px;
}

.archive-content-title-right {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
    color: var(--site-second-color);
}

.img-advise-page-archive {
    margin-top: 16px;
    height: 200px;
    border-radius: 16px;
    object-fit: cover;
}

.advise-page-archive-post {
    margin-top: 48px;
}

.about-homeowners-bottom .row,
.about-craftsmen-bottom .row,
.advise-page-archive-post .row {
    margin-right: calc(-1.4 * var(--bs-gutter-x));
    margin-left: calc(-1.4 * var(--bs-gutter-x));
}

.about-homeowners-bottom .row > *,
.about-craftsmen-bottom .row > *,
.advise-page-archive-post .row > * {
    padding-right: calc(var(--bs-gutter-x) * 1.4);
    padding-left: calc(var(--bs-gutter-x) * 1.4);
}

.advise-page-archive-post-title a,
.advise-page-archive-post-title a:visited {
    color: var(--font-primary-color);
}

.advise-page-archive-post-title a:hover,
.advise-page-archive-post-title a:focus {
    color: #006AA2;
}

.advise-page-archive-post-title {
    margin-bottom: 0;
    font-weight: 500;
    transition: .5s;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.advise-page-archive-post-title a,
.advise-search-ajax-title a,
.advise-search-ajax-title span {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.advise-page-archive-post-title a:hover,
.advise-search-ajax-title a:hover {
    padding: 16px;
    background: #F5F9FB;
}

.icon-right-title,
.icon-right-title-hover {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.icon-right-title-hover,
.advise-page-archive-post-title:hover .icon-right-title,
.advise-search-ajax-title:hover .icon-right-title {
    display: none;
}

.advise-page-archive-post-title:hover .icon-right-title-hover,
.advise-search-ajax-title:hover .icon-right-title-hover {
    display: block;
}

.advise-search-wrapper {
    background: var(--site-second-color);
    position: relative;
}

.advise-search-wrapper,
.advise-search-wrapper a,
.advise-search-wrapper a:hover,
.advise-search-wrapper a:focus,
.advise-search-wrapper a:visited {
    color: var(--font-second-color);
}

.img-advise-search-background {
    right: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
}

.search-form-advise {
    margin-top: 16px;
    z-index: 1;
    position: relative;
}

.search-form-advise label,
.search-form-advise .search-field {
    width: 100%;
}

.advise-search-content {
    margin-top: 32px;
}

.advise-search {
    padding: 16px;
    width: 100%;
    border-radius: 8px;
    background: #004367;
    display: flex;
    align-items: center;
}

.advise-search-content .icon-search-w {
    margin-right: 16px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#newsSwiper1 .swiper-pagination,
#newsSwiper2 .swiper-pagination {
    margin-top: 56px !important;
}
/*-- end site advise page content css --*/


/*-- site about page content css --*/
.about-header-description,
.news-header-description,
.advise-header-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 770px;
    max-width: 100%;
}

.btn-about-header {
    margin-top: 32px;
}

.about-slution-top {
    margin-left: auto;
    margin-right: auto;
    width: 972px;
    max-width: 100%;
}

#about-solution-video {
    margin-top: 56px;
    height: 525px;
    border-radius: 8px;
    object-fit: cover;
}

.about-homeowners-wrapper {
    background: var(--site-second-color);
}

.about-homeowners-wrapper,
.about-homeowners-wrapper a,
.about-homeowners-wrapper a:hover,
.about-homeowners-wrapper a:focus,
.about-homeowners-wrapper a:visited {
    color: var(--font-second-color);
}

.about-homeowners-left,
.about-craftsmen-right,
.about-contact-left,
.about-contact-right {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.about-homeowners-left,
.about-craftsmen-left {
    padding-right: 64px;
}

.about-homeowners-right,
.about-craftsmen-right {
    padding-left: 64px;
}

.about-homeowners-right,
.about-craftsmen-left {
    height: 682px;
}

.about-homeowners-left,
.about-craftsmen-right,
.about-contact-left {
    justify-content: space-between;
}

.about-homeowners-description {
    margin-top: 24px;
}

.icon-homeowners-content {
    margin-bottom: 16px;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.homeowners-content-title {
    margin-bottom: 0;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.homeowners-content-description {
    padding-top: 16px;
    border-top: solid 1px rgba(255, 255, 255, .2);
}

.img-about-homeowners,
.img-about-craftsmen,
.img-about-contact,
.img-partner-benefit {
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.craftsmen-content-description {
    padding-top: 16px;
    border-top: solid 1px rgba(0,0,0, .1);
}

.about-mission-commit-wrapper {
    padding: 100px 0;
}

.about-mission-commit-content {
    padding: 72px 131px;
    border-radius: 12px;
}

.about-mission-commit-left {
    padding-right: 52px;
}

.about-mission-commit-right {
    padding-left: 52px;
}

.about-mission-commit-title {
    padding-bottom: 16px;
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    color: var(--font-second-color);
    position: relative;
}

.about-mission-commit-title::after {
    content: '';
    left: 0;
    bottom: 0;
    width: 118px;
    height: 4px;
    background: var(--site-primary-color);
    position: absolute;
}

.about-mission-commit-description {
    margin-top: 16px;
}

.about-customer-wrapper {
    padding: 120px 0 100px 0;
}

.about-customer-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 568px;
    max-width: 100%;
}

.customerSwiper {
    margin-top: 64px;
}

.customerSwiper .swiper-slide {
    padding: 40px 40px 140px 40px;
    border-radius: 8px;
    height: auto;
    background: #FAFAFA;
    position: relative;
}

.customerSwiper .d-flex {
    left: 40px;
    bottom: 40px;
    position: absolute;
}

.img-about-customer-star {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.about-customer-content {
    margin-top: 24px;
}

.about-customer-content,
.about-customer-content-title,
.about-customer-content-subtitle {
    color: var(--site-third-color);
}

.img-about-customer-content {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.customerSwiper .ms-3 {
    margin-left: 16px !important;
}

.about-customer-content-title,
.about-customer-content-subtitle,
.about-contact-content-title,
.about-contact-content {
    margin-bottom: 0;
}

.about-customer-content-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.about-customer-content-subtitle {
    margin-top: 8px;
}

.customerSwiper .swiper-pagination,
.relatedSwiper .swiper-pagination,
.servicePageSwiper .swiper-pagination {
    position: unset;
}

.customerSwiper .swiper-pagination,
.relatedSwiper .swiper-pagination {
    margin-top: 32px;
}

.customerSwiper .swiper-pagination-bullet,
.relatedSwiper .swiper-pagination-bullet,
.servicePageSwiper .swiper-pagination-bullet {
    opacity: .3;
    width: 65px;
    height: 4px;
    border-radius: 0;
    background: #006AA2;
}

.customerSwiper .swiper-pagination-bullet-active,
.relatedSwiper .swiper-pagination-bullet-active ,
.servicePageSwiper .swiper-pagination-bullet-active {
    opacity: 1;
}

.about-contact-wrapper,
.about-contact-left,
.about-contact-right {
    position: relative;
}

.img-about-contact-background {
    left: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
}

.about-contact-left,
.about-contact-right {
    z-index: 1;
}

.about-contact-content-wrapper:not(:last-child) {
    margin-bottom: 16px;
}

.about-contact-left {
    padding-right: 128px;
}

.about-contact-content-title {
    color: #666;
}

.about-contact-content {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}

.about-contact-content,
.about-contact-content a,
.about-contact-content a:hover,
.about-contact-content a:focus,
.about-contact-content a:visited {
    color: var(--site-third-color);
}
/*-- end site about page content css --*/


/*-- site partner page content css --*/
.partner-header {
    height: 721px;
}

.partner-header-content {
    position: relative;
}

.partner-header-top {
    top: 117px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1119px;
    max-width: 100%;
    position: absolute;
}

.partner-header-top,
.partner-header-top a,
.partner-header-top a:hover,
.partner-header-top a:focus,
.partner-header-top a:visited {
    color: var(--font-second-color);
}

.partner-header-description {
    margin-top: 16px;
}

.partner-header-form-wrapper {
    padding: 48px 80px;
    left: 0;
    top: 360px;
    width: 100%;
    border-radius: 12px;
    color: var(--font-primary-color);
    background: var(--font-second-color);
    position: absolute;
}

.partner-header-form-wrapper .wpcf7-spinner {
	position: absolute;
}

.form-partner-title {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
}

.form-partner-subtitle {
    margin-top: 9px;
    margin-bottom: 0;
    color: var(--font-third-color)
}

.partner-field {
    margin-top: 34px;
    margin-right: -3%;
    margin-bottom: 34px;
}

.partner-field .wpcf7-list-item {
    margin-top: 14px;
    margin-left: 0;
    margin-right: 2%;
    margin-bottom: 14px;
    padding: 16px 16px 16px 50px;
    width: 31%;
    border-radius: 8px;
    border: solid 1.232px var(--site-border-color-2);
    position: relative;
    display: inline-flex;
    align-items: center;
}

.partner-field .wpcf7-list-item-label {
    font-weight: 500;
    color: #1F1F1F;
}

.partner-field input[type="checkbox"] {
    top: 0;
    right: 14px;
    bottom: 0;
    margin: auto;
    padding: 2px;
    width: 18px;
    height: 18px;
    border-radius: 8px;
    border-color: #DCDCDC;
    accent-color: #006AA2;
    position: absolute;
}

.partner-field .wpcf7-list-item:nth-child(1) {
    background: url('img/icon-form-1.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(2) {
    background: url('img/icon-form-2.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(3) {
    background: url('img/icon-form-3.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(4) {
    background: url('img/icon-form-4.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(5) {
    background: url('img/icon-form-5.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(6) {
    background: url('img/icon-form-6.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(7) {
    background: url('img/icon-form-7.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(8) {
    background: url('img/icon-form-8.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.partner-field .wpcf7-list-item:nth-child(9) {
    background: url('img/icon-form-9.png') no-repeat left 14px center;
    background-size: 24px 24px;
}

.icon-form-partner {
    margin-right: 13px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.partner-method-wrapper {
    padding: 312px 0 120px 0;
}

.partner-method-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 852px;
    max-width: 100%;
}

.partner-method-content {
    margin-top: 64px;
    position: relative;
}

.img-method-arrow-1,
.img-method-arrow-2 {
    width: 325px;
    position: absolute;
}

.img-method-arrow-1 {
    top: 0;
    left: 22%;
}

.img-method-arrow-2 {
    top: 20%;
    right: 22%;
}

.icon-method-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background: #EBF8FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-method-content {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.method-content-title {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: #3C3C3C;
}

.method-content-description {
    margin-top: 16px;
}

.partner-benefit-wrapper {
    background: var(--site-second-color);
}

.partner-benefit-wrapper,
.partner-benefit-wrapper a,
.partner-benefit-wrapper a:hover,
.partner-benefit-wrapper a:focus,
.partner-benefit-wrapper a:visited {
    color: var(--font-second-color);
}

.partner-benefit-description {
    margin-top: 24px;
}

.partner-benefit-content-bottom ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.partner-benefit-content-bottom li {
    font-size: 18px;
    line-height: 28px;
    list-style: none;
    height: 100%;
    display: flex;
    align-items: center;
}

.partner-benefit-content-bottom li:not(:last-child) {
    margin-bottom: 24px;
}

.partner-benefit-content-bottom p:last-child {
    margin-bottom: 0;
}

.partner-benefit-content-bottom .icon-checkmark {
    margin-right: 16px;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.partner-commit-content {
    margin-top: 64px;
}

.partner-commit-content .commit-content {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 100%;
}

.partner-commit-content .col-lg-4:not(:last-child) .commit-content {
    padding-right: 72px;
    border-right: solid 1px var(--site-border-color-1);
}

.partner-commit-content .col-lg-4:not(:first-child) .commit-content {
    padding-left: 72px;
}

.icon-commit-content-outline,
.icon-commit-content-wrapper {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-commit-content-outline {
    margin-left: auto;
    margin-right: auto;
    width: 96px;
    height: 96px;
    background: #E6F0F6;
}

.icon-commit-content-wrapper {
    width: 72px;
    height: 72px;
    background: var(--site-second-color);
}

.icon-commit-content {
    width: 37px;
    height: 37px;
    object-fit: contain;
}

.commit-content-title {
    margin-top: 32px;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
}

.commit-content-description {
    margin-top: 16px;
}

.partner-faqs-wrapper {
    position: relative;
}

.img-customer-faqs-background {
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 0;
    position: absolute;
}

.partner-faqs-description {
    margin-top: 16px;
}

.partner-faqs-title-2 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
}

.btn-partner-faqs {
    margin-top: 24px;
}

.btn-partner-register {
    margin-top: 28px;
}

.partner-register-wrapper,
.partner-register-wrapper a,
.partner-register-wrapper a:hover,
.partner-register-wrapper a:focus,
.partner-register-wrapper a:visited {
    color: var(--font-second-color);
}
/*-- end site partner page content css --*/


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 16px 21px !important;
    border-radius: 8px !important;
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}

.wpcf7-response-output {
    margin: 20px 0 0 0 !important;
}
/*-- end site contact form 7 css --*/


/*-- site modal content css --*/
body.modal-open {
    padding-right: 0 !important;
}

.modal {
	z-index: 999999;
}

#footerSuccessModal .modal-body {
    padding: 50px;
    position: relative;
}

#footerSuccessModal .btn-close {
    top: 20px;
    right: 20px;
    position: absolute;
}

#footerSuccessModal p:last-child {
    margin-bottom: 0;
}
/*-- end site modal content css --*/


/*-- site navigation css --*/
.main-navigation {
    padding: 19px 0;
    height: 100px;
    border-bottom: solid 1px #D6DADC;
    background: var(--font-second-color);
}

.mega-site-title-wrapper {
    height: 52px !important;
}

.site-title,
.site-title a {
    display: inline-flex !important;
}

.site-title {
    margin-bottom: 0 !important;
}

.site-logo {
    padding: 0 !important;
    height: 52px !important;
    object-fit: contain;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child {
    margin-right: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::before {
    float: right !important;
    margin-left: 8px !important;
    position: relative !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.mega-pll-parent-menu-item .mega-menu-link {
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
}

.mega-pll-parent-menu-item img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    object-fit: cover;
}
/*-- end site navigation css --*/


/*-- site search page css --*/
.archive-search-main {
    background: #F6F7FC;
}

.search-navigation {
    margin-top: 24px;
    margin-left: 0;
    margin-bottom: 24px;
    padding-left: 0;
}

.search-navigation li {
    list-style: none;
    display: inline-block;
}

.search-navigation li:not(:last-child) {
    margin-right: 24px;
}

.search-navigation li a {
    padding: 10px 20px;
    border-radius: 4px;
    background: var(--font-fifth-color);
    display: inline-block;
}

.search-navigation li.active a,
.search-navigation li a:hover,
.search-navigation li a:focus {
    color: var(--font-second-color);
    background: var(--site-second-color);
}

.search-navigation li.active a:visited {
    color: var(--font-second-color);
}
/*-- end site search page css --*/


/*-- site archive page css --*/
.archive-title,
.page-title {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 68px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
}

.archive-main {
    padding: 100px 0;
}

.categories-list-wrapper {
    margin-top: 80px;
}

.categories-list-wrapper ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.categories-list-wrapper li,
.categories-list-wrapper li a,
.categories-list-wrapper li a:hover,
.categories-list-wrapper li a:focus,
.categories-list-wrapper li a:visited {
    color: var(--site-third-color);
}

.categories-list-wrapper li {
    margin: 12px 0;
    padding-bottom: 4px;
    font-weight: 500;
    transition: .5s;
    list-style: none;
    display: inline-block;
}

.categories-list-wrapper li.active,
.categories-list-wrapper li:hover {
    border-bottom: solid 2px #006AA2;
}

.categories-list-wrapper li {
    border-bottom: solid 2px var(--font-second-color);
}

.categories-list-wrapper li:not(:last-child) {
    margin-right: 40px;
}

.archive-content-top {
    padding-top: 100px;
}

.archive-sticky-title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: var(--site-third-color);
}

.archive-content-bottom {
    padding: 60px 0 100px 0;
    background: #F6F7FC;
}

.archive-content {
    border-radius: 8px;
    background: var(--font-second-color);
}

.archive-content:not(:last-child) {
    margin-bottom: 40px;
}

.archive-content-thumb {
    width: 472px;
    height: 293px;
    border-radius: 8px;
    object-fit: cover;
}

.archive-content .ms-3 {
    margin-left: 0 !important;
    padding: 30px;
}

.archive-content-list,
.archive-content-title,
.archive-content-excerpt {
    margin-bottom: 12px;
}

.archive-content-list,
.archive-content-list a,
.archive-content-date {
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.archive-content-list a,
.archive-content-list a:hover,
.archive-content-list a:focus,
.archive-content-list a:visited,
.archive-content-excerpt {
    color: #666;
}

.archive-content-list a:not(:last-child) {
    margin-right: 16px;
}

.archive-content-date {
    margin-bottom: 0;
    color: #999;
}

.icon-tag,
.icon-calendar {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.archive-content-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.archive-content-title,
.archive-content-title a,
.archive-content-title a:hover,
.archive-content-title a:focus,
.archive-content-title a:visited {
    color: #141518;
}

.archive-content-excerpt {
    height: 72px;
    overflow: hidden;
}
/*-- end site archive page css --*/


/*-- site widget css --*/
.search-form,
.search-form label,
.search-field {
    width: 100%;
}

.search-field,
.search-submit {
    height: 55px;
}

.widget-notfound .search-form {
    margin-bottom: 10px;
}

.search-form {
	position: relative;
}

.search-field {
    padding: 10px 48px 10px 24px !important;
    border-radius: 8px !important;
}

.search-submit {
    top: 0;
    right: 16px;
    padding: 0;
    border: none;
    position: absolute;
    display: flex;
    align-items: center;
}

.widget-title,
.widgettitle {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
}

.widget:not(:last-child) {
    margin-bottom: 40px;
}

.widget ul {
    margin-left: 0;
    padding-left: 0;
}

.widget li {
    list-style: inside;
}

.widget a,
.widget a:hover,
.widget a:focus,
.widget a:visited {
    color: var(--font-primary-color);
}

.widget-service {
    padding: 450px 32px 100px 32px;
    border-radius: 8px;
}

.widget-service-title,
.widget-service-subtitle {
    color: var(--font-second-color);
}

.widget-service-title,
.widget-lastest-post-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.widget-service-title {
    margin-bottom: 0;
}

.widget-service-subtitle {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
}

.btn-widget-service {
    margin-top: 24px;
}

.widget-lastest-post {
    padding: 24px;
    border-radius: 8px;
    border: solid 1px  var(--site-border-color-2);
}

.widget-lastest-post-title {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: solid 1px  var(--site-border-color-2);
}

.lastest-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lastest-post:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px  var(--site-border-color-2);
}

.lastest-post-thumb {
    margin-right: 20px;
    width: 90px;
    height: 64px;
    border-radius: 4px;
    object-fit: cover;
}

.lastest-post-title {
    margin-right: 20px;
    margin-bottom: 0;
    width: 154px;
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
}

.lastest-post .icon-arrow-right {
    margin-left: 0;
}
/*-- end site widget css --*/


/*-- site single css --*/
.entry-meta,
.entry-footer,
.nav-links {
    display: none !important;
}

.single-main {
    padding: 66px 0;
}

.single-info,
.single-share {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-info {
    margin: 24px 0;
}

.single-info .archive-content-date {
    margin-right: 16px;
    padding-right: 16px;
    position: relative;
}

.single-info .archive-content-date::after {
    content: '';
    top: 0;
    right: -2px;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--font-fourth-color);
    position: absolute;
}

.single-info .archive-content-list {
    margin-bottom: 0;
}

.icon-social-share {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}

.single-share a:not(:last-child) {
    margin-right: 16px;
    display: inline-flex;
}

.single-entry-content {
    margin-top: 48px;
}

.entry-content-left {
    padding-right: 40px;
}

.entry-content-right {
    padding-left: 40px;
}

.single-entry-content .entry-content {
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 40px;
    border-bottom: solid 1px #D1D5DB;
}

.single-entry-content .entry-content p:last-child {
    margin-bottom: 0;
}

.bnt-singl-back {
    font-weight: 700;
    display: flex;
    align-items: center;
}

.bnt-singl-back,
.bnt-singl-back:hover,
.bnt-singl-back:focus,
.bnt-singl-back:visited {
    color: #006AA2;
}

.post-navigation {
    margin: 0 !important;
}

.icon-arrow-left {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    object-fit: contain;
    transform: scaleX(-1);
}

.single-related-wrapper {
    padding: 80px 0;
}

.related-content-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.relatedSwiper {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: 56px;
    margin-left: calc((100vw - 1520px) / 2 + var(--bs-gutter-x) * .5);
    margin-right: 0;
    overflow-y: hidden;
}

.relatedSwiper .swiper-slide {
    height: 593px;
    border-radius: 8px;
    position: relative;
}

.swiper-slide-opacity {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    display: none;
}

.related-content-thumb {
    height: 593px;
    border-radius: 8px;
    object-fit: cover;
}

.related-content-info,
.masked-background {
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 8px 8px;
    position: absolute;
}

.related-content-info {
    padding: 32px;
}

.masked-background {
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 58.85%, rgba(0, 0, 0, 0.00) 100%);
    backdrop-filter: blur(9.199999809265137px);
    mask-image: linear-gradient(to bottom, transparent 0%, black 50%, black 100%);
    z-index: 0;
}

.related-content-info .info {
    position: relative;
    z-index: 1;
}

.related-categories-list,
.related-categories-list a,
.related-categories-list a:hover,
.related-categories-list a:focus,
.related-categories-list a:visited,
.related-content-title,
.related-content-title a,
.related-content-title a:hover,
.related-content-title a:focus,
.related-content-title a:visited {
    color: var(--font-second-color);
}

.related-categories-list a {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(14px);
    display: inline-block;
}

.related-content-title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
}

#newsSwiper1 .related-content-title,
#newsSwiper2 .related-content-title,
#relatedSwiper .related-content-title {
    height: 80px;
    overflow: hidden;
}

.related-content-date {
    color: var(--font-fourth-color);
    display: flex;
    align-items: center;
}
/*--  end site single css --*/


/*-- site custom post type css --*/
.custom-posttype-header {
    padding: 80px 0 100px 0;
}

.custom-posttype-header,
.custom-posttype-header a,
.custom-posttype-header a:hover,
.custom-posttype-header a:focus,
.custom-posttype-header a:visited {
    color: var(--font-second-color);
}

.custom-posttype-header-left,
.custom-posttype-header-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.installation-form-wrapper {
    padding: 40px 128px;
    border-radius: 16px;
    background: rgba(17, 49, 66, 0.60);
    backdrop-filter: blur(10px);
}

.installation-form-wrapper .tab {
    display: none;
}

.installation-form-wrapper p:last-child {
    margin-bottom: 0;
}

#prevBtn,
#nextBtn,
#serviceFormReset,
.form-installation-btns #wpcf7-custom-submit {
    margin: 0 10px;
}

.btn-service-viewmore {
    margin: 10px;
}

.form-installation-process::before {
    content: "";
    top: 0;
    left: 0;
    height: 15px;
    border-radius: 110px;
    background: #FFF;
    display: inline-block;
    position: absolute;
}

.form-installation-process-near-end::before {
    width: 90%;
}

.form-installation-process-end::before {
    width: 100%;
}

.form-installation-subtitle {
    margin-bottom: 16px;
    font-weight: 700;
    color: var(--site-primary-color);
    text-align: center;
}

.form-installation-title {
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    /* font-family: var(--site-title-font); */
    text-align: center;
}

.form-installation-process {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    width: 348px;
    max-width: 100%;
    height: 15px;
    border-radius: 110px;
    background: rgba(255, 255, 255, 0.20);
    position: relative;
}

.form-installation-content {
    margin: 56px 0;
}

.form-installation-content .wpcf7-list-item {
    margin-left: 0;
    display: block;
}

.form-installation-content .wpcf7-list-item:not(:last-child) {
    margin-bottom: 24px;
}

.form-installation-content .wpcf7-list-item label {
    padding: 24px 16px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    width: 100%;
    border-radius: 8px;
    text-align: center;
    transition: .5s;
    color: var(--font-second-color);
    background: #004367;
}

.form-installation-content .wpcf7-list-item input[type="checkbox"] {
    display: none;
}

.form-installation-content .wpcf7-list-item label:hover {
    cursor: pointer;
    background: #0972AA;
}

.form-installation-content .wpcf7-list-item label:has(input[type="checkbox"]:checked) {
    color: var(--site-second-color);
    background: var(--site-primary-color);
}

.form-installation-content .wpcf7-form-control-wrap {
    display: block;
}

.form-installation-content .wpcf7-form-control-wrap:not(:last-child) {
    margin-bottom: 24px;
}

.form-installation-content .wpcf7-text {
    margin-bottom: 0;
}

.form-installation-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cf7mls_next.action-button,
.cf7mls_back.action-button {
    margin: 0 !important;
    padding: 14px 24px;
    color: var(--site-second-color);
    background: var(--site-primary-color);
}

.installation-form-wrapper .wpcf7-validation-errors {
    margin-bottom: 65px !important;
}
/*-- end site custom post type css --*/


/*-- site pagination css --*/
.pagination {
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    text-align: center;
    justify-content: center;
}

.pagination .page-item:not(:last-child) {
    margin-right: 10px;
}

.pagination .page-link {
    min-width: 36px;
    height: 36px;
    font-weight: 700;
    color: #434449;
    border-radius: 4px !important;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link {
    color: var(--font-primary-color);
}

.pagination .current,
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #006AA2;
    border: none !important;
    background: rgba(0, 106, 162, 0.10);
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	box-shadow: none !important;
}

.pagination .prev,
.pagination .next {
    padding: 5px;
    min-width: 63px;
    border: none;
}

.pagination-left,
.pagination-right {
    width: 24px;
    height: 24px;
    object-fit: cover;
}
/*-- end site pagination css --*/


/*-- site cookies content css --*/
.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_left {
    bottom: 30px !important;
}

.eu-cookies-bar-cookies-bar-settings {
    width: 550px;
	max-width: 100%;
    height: 550px;
}

.eu-cookies-bar-policy-button,
.eu-cookies-bar-policy-button:hover,
.eu-cookies-bar-policy-button:focus,
.eu-cookies-bar-policy-button:visited {
    color: var(--font-second-color) !important;
}

.eu-cookies-bar-cookies-settings-call-container.eu-cookies-bar-cookies-settings-call-position-left {
    left: 20px;
    min-width: 130px;
    text-align: center;
}
/*-- end site cookies content css --*/


/*-- site footer css --*/
.site-footer,
.site-footer .container-fluid {
    position: relative;
    z-index: 1;
}

.site-footer {
    padding-top: 56px;
    padding-bottom: 32px;
}

.site-footer-opacity {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(17,49,66);
    opacity: 0;
    position: absolute;
}

.site-footer,
.site-footer a,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:visited {
    color: var(--font-second-color);
}

.img-footer-logo {
    width: 384px;
}

.footer-form-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-form-right .wpcf7-not-valid-tip,
.footer-form-right .wpcf7-response-output {
	display: none;
}

.footer-form {
    width: 413px;
    max-width: 100%;
}

.footer-form-title {
    margin-bottom: 16px;
    font-weight: 500;
}

.form-register {
    position: relative;
}

.form-register .wpcf7-text {
    margin-bottom: 0;
    color: var(--font-fourth-color) !important;
    border-color: rgba(255, 255, 255, 0.40);
    background: none;
}

.form-register .wpcf7-text::placeholder {
    color: var(--font-fourth-color);
    opacity: 1;
}

.form-register .wpcf7-text:-ms-input-placeholder {
    color: var(--font-fourth-color);
}

.form-register .wpcf7-text::-ms-input-placeholder {
    color: var(--font-fourth-color);
}

.form-register .wpcf7-not-valid,
.form-installation-content .wpcf7-not-valid,
.wpcf7-form-control-wrap .invalid {
    border: solid 1px red;
}

.form-installation-content .wpcf7-not-valid-tip,
.installation-form-wrapper .wpcf7-response-output {
    display: none;
}

.form-installation-btns .wpcf7-spinner {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    bottom: 110px;
} 

.form-register .wpcf7-submit,
.form-register .wpcf7-spinner {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.form-register .wpcf7-submit {
    right: 21px;
    padding: 0;
    border: none;
    background: none;
}

.form-register .wpcf7-spinner {
    right: 60px;
}

.footer-form .wpcf7-not-valid-tip,
.footer-form .wpcf7-response-output {
    display: none;
}

.footer-content-wrapper,
.footer-copyright-wrapper {
    margin-top: 32px;
}

.footer-content-title {
    color: var(--font-fourth-color);
}

.footer-content-left .footer-content-title,
.footer-content-right .footer-content-title,
.footer-contact:not(:last-child) {
    margin-bottom: 16px;
}

.footer-content-left ul,
.footer-content-right ul,
.footer-link {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-content-left li,
.footer-content-right li,
.footer-link li {
    list-style: none;
}

.footer-content-left li:not(:last-child),
.footer-content-right li:not(:last-child) {
    margin-bottom: 8px;
}

.footer-contact .footer-content-title {
    margin-bottom: 0;
}

.footer-content-left li,
.footer-content-right li,
.footer-contact-content,
.footer-copyright-wrapper {
    font-size: 18px;
    line-height: 28px;
}

.footer-content-left li,
.footer-content-right li,
.footer-contact-content {
    font-weight: 700;
}

.footer-content-right,
.footer-link {
    text-align: right;
}

.footer-copyright-wrapper {
    padding-top: 16px;
    border-top: solid 1px var(--font-second-color);
}

.footer-link li {
    display: inline-block;
}

.footer-link li:not(:last-child) {
    margin-right: 40px;
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }

    .site-title,
    .service-content-top .top-content,
    .advise-service-left,
    .related-title-wrapper {
        width: 100%;
    }

    .site-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-logo {
        width: 200px;
    }

    .solution-content-bottom,
    .reason-content-bottom,
    .news-content-bottom,
    .nav-service-page-content,
    .categories-list-wrapper,
    #serviceSwiper,
    .partner-method-content,
    .partner-commit-content {
        margin-top: 40px;
    }

    .service-content,
    .advise-page-archive-post,
    .about-homeowners-bottom,
    .about-craftsmen-bottom,
    .partner-benefit-content-bottom,
    #newsSwiper1 .swiper-pagination,
    #newsSwiper2 .swiper-pagination {
        margin-top: 30px !important;
    }

	.faqs-content-bottom,
    .reason-content-title,
    .service-content-top .btn-content,
    .news-content-top .btn-content,
    .service-popular-content-wrapper,
    .servicePageSwiper .swiper-pagination,
    .advise-service-top .btn-content,
    .related-content-top .btn-content,
    .commit-content-title,
    .footer-link {
        margin-top: 20px;
    }

    .archive-content-list {
        margin-top: 10px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        margin-left: 12px !important;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        margin-right: 12px !important;
    }

    .btn-swiper-home .icon-arrow-right,
    .btn-swiper-home .icon-arrow-right-hover {
        margin-left: 0;
    }
    
    .illustration-content-left,
    .advise-page-archive:not(:last-child) {
        margin-bottom: 40px;
    }

    .mobile-solution-content-large,
    .solution-content-bottom .col-12:not(:last-child) .mobile-solution-content-small,
    .reason-content-bottom .col-lg-4:not(:last-child) .reason-content,
    .news-large,
    .news-content-bottom .col-12:not(:last-child) .news-small,
    .servicePageSwiper .swiper-slide,
    .archive-sticky-right .col-12:not(:last-child) .news-small,
    .entry-content-left,
    .about-homeowners-left,
    .about-homeowners-bottom .col-12:not(:last-child) .about-homeowners-content,
    .about-craftsmen-left,
    .about-craftsmen-bottom .col-12:not(:last-child) .about-craftsmen-content,
    .about-mission-commit-left,
    .about-contact-left,
    .custom-posttype-header-left,
    .partner-header-top,
    .partner-method-content .col-12:not(:last-child) .method-content,
    .partner-benefit-content-left,
    .partner-commit-content .col-12:not(:last-child) .commit-content,
    .partner-faqs-content-left.footer-form-left,
    .footer-content-left,
    .footer-content-middle {
        margin-bottom: 32px !important;
    }

    .faqs-content-left,
    .advise-page-content-left,
    .related-content-top,
    .partner-faqs-content-top,
    .about-contact-top {
        margin-bottom: 20px;
    }

    .img-footer-logo {
        margin-bottom: 15px;
    }

    .archive-content-list a:not(:last-child) {
        margin-bottom: 10px;
    }

    .relatedSwiper {
        margin: 0;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    
    .main-navigation,
    .illustration-content-left,
    .illustration-content-right,
    .reason-content-bottom .col-lg-4:not(:last-child) .reason-content,
    .reason-content-bottom .col-lg-4:not(:first-child) .reason-content,
    .advise-page-content-left,
    .advise-page-content-right,
    .entry-content-left,
    .entry-content-right,
    .about-homeowners-left,
    .about-homeowners-right,
    .about-craftsmen-left,
    .about-craftsmen-right,
    .about-mission-commit-left,
    .about-mission-commit-right,
    .about-contact-left,
    .about-contact-right,
    .custom-posttype-header-left,
    .custom-posttype-header-right,
    .partner-benefit-content-left,
    .partner-benefit-content-right,
    .partner-commit-content .col-lg-4:not(:last-child) .commit-content,
    .partner-commit-content .col-lg-4:not(:first-child) .commit-content {
        padding: 0;
    }

    .content-wrapper,
    .partner-content-wrapper,
    .service-page-content-bottom,
    .partner-header,
    .single-main {
        padding: 50px 0;
    }

    .solution-content-info,
    .news-large-info,
    .related-content-info,
    .archive-content .ms-3,
    .about-mission-commit-content,
    .installation-form-wrapper,
    .partner-header-form-wrapper {
        padding: 20px;
    }

    .customerSwiper .swiper-pagination-bullet,
    .relatedSwiper .swiper-pagination-bullet,
    .servicePageSwiper .swiper-pagination-bullet {
        width: 25px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding: 0 18px !important;
    }

    .mega-menu-partner {
        text-align: center !important;
    }

    .mega-menu-partner a {
        margin-top: 10px !important;
        display: inline-block !important;
    }

    .mega-menu-partner a:focus {
        color: var(--font-second-color) !important;
        background: var(--site-second-color) !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        float: none !important;
    }
	
	.illustration:not(:last-child)::before {
		top: 30px;
	}

    #faqsExample .accordion-button,
    #faqsExample .accordion-button.collapsed {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 10px;
        padding-bottom: 20px;
    }

    #faqsExample .accordion-body {
        padding: 0 0 20px 0;
    }

    .nav-service-page-content .nav-link {
        padding: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .swiper-search-content .search-field::placeholder {
        font-size: 14px;
        line-height: 20px;
        opacity: 1;
    }

    .swiper-search-content .search-field:-ms-input-placeholder {
        font-size: 14px;
        line-height: 20px;
    }

    .swiper-search-content .search-field::-ms-input-placeholder {
        font-size: 14px;
        line-height: 20px;
    }

    .archive-content-top,
    .advise-page-content {
        padding-top: 50px;
    }

    .illustration:not(:last-child) {
        padding-bottom: 50px;
    }

    .icon-shield,
    .img-solution-content {
        display: none !important;
    }
	
	.archive-content .ms-3,
	.img-solution-content-mobile {
		width: 100%;
	}
	
    .img-solution-content-mobile {
        display: block !important;
    }

    .main-navigation,
    .illustration-content-left,
    .illustration-content-right,
    .faqs-content-left,
    .faqs-content-right,
    .advise-page-content-left,
    .advise-page-content-right,
    .about-homeowners-left,
    .about-homeowners-right,
    .about-craftsmen-left,
    .about-craftsmen-right,
    .about-contact-left,
    .about-contact-right,
    #about-solution-video,
    .custom-posttype-header-left,
    .custom-posttype-header-right,
    .partner-benefit-content-left,
    .partner-benefit-content-right,
    .partner-faqs-content-left,
    .partner-faqs-content-right,
    .partner-header {
        height: auto;
    }

    .solution-content,
    .img-solution-content,
    .img-solution-content-mobile,
    .custom-header,
    .relatedSwiper .swiper-slide,
    .related-content-thumb {
        height: 400px;
    }

    #datafetch {
        max-height: 175px;
        overflow-y: scroll;
    }

    .home-swiper-title,
    .content-title-1,
    .content-title-2,
    .about-solution-title,
    .about-homeowners-title,
    .about-mission-commit-title,
    #faqsExample .accordion-button,
    .partner-register-title,
    .archive-title,
    .page-title {
        font-size: 24px;
        line-height: 37px;
    }

    .solution-content-title,
    .reason-content-title,
    .service-content-title,
    .news-large-title,
    .archive-content-title-right,
    .related-content-title,
    .form-installation-title,
    .form-partner-title,
    .commit-content-title,
    #faqsExample .accordion-button {
        font-size: 20px;
        line-height: 31px;
    }
	
	.about-contact-content {
		font-size: 16px;
		line-height: 24px;
	}

    #newsSwiper1 .related-content-title,
    #newsSwiper2 .related-content-title,
    #relatedSwiper .related-content-title {
        height: 62px;
    }

    .mega-menu-logo,
    .img-footer-logo {
        width: 220px;
    }

    .homeSwiper .swiper-slide {
        height: 560px;
    }

    .home-swiper-content .content {
        bottom: 300px;
    }

    .homeSwiper .swiper-pagination-bullet {
        width: 40px;
    }

    .swiper-search-form {
        bottom: 200px;
    }

    .swiper-customer-wrapper {
        bottom: 30px;
    }

    .img-swiper-customer,
    .icon-customer-plus {
        width: 50px;
        height: 30px;
    }

    .reason-content-bottom .col-lg-4:not(:last-child) .reason-content {
        border: none;
    }

    .icon-partner-pause {
        left: 246px;
        width: 104px;
        height: 104px;
    }

    .service-content-top,
    .news-content-top,
    .advise-service-top,
    .related-content-top,
    .archive-content,
    .archive-content-list,
    .single-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .nav-service-page-content {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .nav-service-page-content .nav-item {
        white-space: nowrap;
    }

    .categories-list-wrapper ul {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .categories-list-wrapper ul li {
        display: inline-block;
    }

    .partner-header-top,
    .partner-header-form-wrapper {
        position: unset;
    }

    .custom-posttype-header-left {
        text-align: center;
    }

    .partner-field {
        margin-right: 0;
    }

    .partner-field .wpcf7-list-item {
        margin-right: 0;
        width: 100%;
    }

    .img-method-arrow-1,
    .img-method-arrow-2 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .img-method-arrow-1 {
        top: 23%;
        left: unset;
        right: -43%;
    }

    .img-method-arrow-2 {
        top: 56%;
        right: unset;
        left: -43%;
    }

    .about-mission-commit-title::after {
        width: 78px;
    }

    .swiper-button-next, 
    .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .archive-main {
        padding: 20px 0;
    }
	
	.eu-cookies-bar-cookies-settings-call-container.eu-cookies-bar-cookies-settings-call-position-left {
		left: 13px;
	}
	
	.footer-form-right {
		align-items: flex-start;
	}

	.footer-content-right,
    .footer-link {
        text-align: left;
    }

    .back-to-top {
        bottom: 85px;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    
}

@media (min-width: 800px) and (max-width: 1280px) {
    
}

@media (min-width: 810px) and (max-width: 1080px) {
    html,
    body {
        overflow-x: hidden;
    }

    .icon-shield {
        display: none;
    }

	.faqs-content-bottom,
	.about-contact-bottom,
    .service-content-top .btn-content,
    .news-content-top .btn-content,
    .servicePageSwiper .swiper-pagination {
        margin-top: 20px;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        margin-left: 23px !important;
    }

      #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        margin-right: 23px !important;
    }

    .mobile-solution-content-large,
    .illustration-content-left,
    .solution-content-bottom .col-12:not(:last-child) .solution-content,
    .reason-content-bottom .col-lg-4:not(:last-child) .reason-content,
    .news-large,
    .news-content-bottom .col-12:not(:last-child) .news-small,
    .servicePageSwiper .swiper-slide,
    .archive-sticky-right .col-12:not(:last-child) .news-small,
    .entry-content-left,
    .about-homeowners-left,
    .about-homeowners-bottom .col-12:not(:last-child) .about-homeowners-content,
    .about-craftsmen-left,
    .about-craftsmen-bottom .col-12:not(:last-child) .about-craftsmen-content,
    .about-mission-commit-left,
    .about-contact-left,
    .custom-posttype-header-left,
    .partner-header-top,
    .partner-method-content .col-12:not(:last-child) .method-content,
    .partner-benefit-content-left,
    .partner-commit-content .col-12:not(:last-child) .commit-content,
    .partner-benefit-content-top,
    .partner-faqs-content-left,
    .partner-faqs-content-top {
        margin-bottom: 30px !important;
    }

	.advise-page-content-left,
    .about-homeowners-top,
    .about-craftsmen-top,
    .footer-content-left,
    .footer-content-middle {
        margin-bottom: 20px;
    }

    .widget-service,
    .widget-lastest-post {
        margin-bottom: 0 !important;
    }

    .content-wrapper,
    .service-popular-wrapper,
    .service-page-content-bottom {
        padding: 50px 0;
    }

    .main-navigation,
    .illustration-content-left,
    .illustration-content-right,
    .reason-content-bottom .col-lg-4:not(:last-child) .reason-content,
    .reason-content-bottom .col-lg-4:not(:first-child) .reason-content,
    .faqs-content-left,
    .faqs-content-right,
    .advise-page-content-left,
    .advise-page-content-right,
    .entry-content-left,
    .entry-content-right,
    .about-homeowners-left,
    .about-homeowners-right,
    .about-craftsmen-left,
    .about-craftsmen-right,
    .about-mission-commit-left,
    .about-mission-commit-right,
    .about-contact-left,
    .about-contact-right,
    .custom-posttype-header-left,
    .custom-posttype-header-right,
    .partner-benefit-content-left,
    .partner-benefit-content-right,
    .partner-commit-content .col-lg-4:not(:last-child) .commit-content,
    .partner-commit-content .col-lg-4:not(:first-child) .commit-content,
    .partner-faqs-content-left,
    .partner-faqs-content-right {
        padding: 0;
    }
    
    .container,
    .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * 1);
        padding-left: calc(var(--bs-gutter-x) * 1);
    }

    .main-navigation,
    .illustration-content-left,
    .illustration-content-right,
    .faqs-content-left,
    .faqs-content-right,
    .advise-page-content-left,
    .advise-page-content-right,
    .about-homeowners-left,
    .about-homeowners-right,
    .about-craftsmen-left,
    .about-craftsmen-right,
    .about-contact-left,
    .about-contact-right,
    .custom-posttype-header-left,
    .custom-posttype-header-right,
    .partner-benefit-content-left,
    .partner-benefit-content-right,
    .partner-faqs-content-left,
    .partner-faqs-content-right,
    .partner-header {
        height: auto;
    }

    .archive-title,
    .page-title {
        font-size: 32px;
        line-height: 49px;
    }

    .home-swiper-title,
    .content-title-1,
    .content-title-2,
    .page-content-title-1,
    .page-content-title-2 {
        font-size: 24px;
        line-height: 37px;
    }

    .illustration-content-title,
    .solution-content-title,
    .reason-content-title,
    .service-content-title,
    .news-large-title,
    #faqsExample .accordion-button,
    .archive-content-title-right,
    .related-content-title {
        font-size: 20px;
        line-height: 31px;
    }
    
    #newsSwiper1 .related-content-title,
    #newsSwiper2 .related-content-title,
    #relatedSwiper .related-content-title {
        height: 62px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding: 0 18px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        float: none !important;
    }

    .mega-menu-partner {
        text-align: center !important;
    }

    .mega-menu-partner a {
        margin-top: 10px !important;
        display: inline-block !important;
    }

    .mega-menu-partner a:focus {
        color: var(--font-second-color) !important;
        background: var(--site-second-color) !important;
    }

	.site-title,
    .service-content-top .top-content,
    .advise-service-left,
    .related-title-wrapper,
    .about-contact-wrapper .col-lg-6,
    .faqs-content-wrapper .col-lg-5,
    .faqs-content-wrapper .col-lg-7,
    .partner-faqs-wrapper .col-lg-5,
    .partner-faqs-wrapper .col-lg-7 {
        width: 100% !important;
    }

    .service-content-top,
    .news-content-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-logo {
        width: 200px;
    }

    .partner-content-wrapper::before {
        left: unset;
        right: 197px;
    }

    .icon-partner-pause {
        left: unset;
        right: 145px;
        width: 104px;
        height: 104px;
    }
    
    .nav-service-page-content {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .nav-service-page-content .nav-item {
        white-space: nowrap;
    }

    .nav-service-page-content .nav-link {
        padding: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .categories-list-wrapper ul {
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
    }

    .categories-list-wrapper ul li {
        display: inline-block;
    }
    
    .partner-header {
        padding: 100px 0;
        height: auto;
    }

    .partner-header-top,
    .partner-header-form-wrapper {
        position: unset;
    }

    .img-method-arrow-1,
    .img-method-arrow-2 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .img-method-arrow-1 {
        top: 26%;
        left: unset;
        right: -12%;
    }

    .img-method-arrow-2 {
        top: 65%;
        right: unset;
        left: -10%;
    }

    .partner-field .wpcf7-list-item {
        width: 48%;
    }

    .reason-content-bottom .col-lg-4:not(:last-child) .reason-content,
    .partner-commit-content .col-lg-4:not(:last-child) .commit-content {
        border: none;
    }

    .partner-commit-content .commit-content {
        margin-left: auto;
        margin-right: auto;
        width: 66%;
    }

    .about-contact-wrapper .col-lg-6,
    .faqs-content-wrapper .col-lg-5,
    .faqs-content-wrapper .col-lg-7,
    .partner-faqs-wrapper .col-lg-5,
    .partner-faqs-wrapper .col-lg-7 {
        width: 100%;
    }

    .archive-content-thumb {
        width: 375px;
    }

    .entry-content-right {
        display: flex;
        justify-content: space-between;
    }

    .entry-content-right .widget {
        width: 49%;
        height: 100%;
    }

    .widget-service {
        padding: 408px 24px 24px 24px;
    }

    .relatedSwiper {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 1);
        padding-left: calc(var(--bs-gutter-x) * 1);
        margin-right: auto;
        margin-left: auto;
    }

    .img-footer-logo {
        width: 300px;
    }

    .footer-content-right {
        text-align: left;
    }
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
    
}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {
    
}

@media (min-width: 900px) and (max-width: 1600px) {
    .solution-content,
    .img-solution-content {
        height: 450px;
    }
}

@media (min-width: 900px) and (max-width: 1440px) {
    .main-navigation {
        padding-left: 36px;
        padding-right: 72px;
    }

    .main-navigation .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .container,
    .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * 1.5);
        padding-left: calc(var(--bs-gutter-x) * 1.5);
    }

    .relatedSwiper .swiper-slide,
    .related-content-thumb {
        height: 493px;
    }

    .relatedSwiper {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-left: 0;
        padding-right: calc(var(--bs-gutter-x) * 1.5);
        margin-left: calc(var(--bs-gutter-x) * 1.5);
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    .img-method-arrow-1,
    .img-method-arrow-2 {
        width: 275px;
    }
}

@media (min-width: 992px) and (max-width: 1824px) {
	
}

@media (min-width: 1824px) {
	.main-navigation {
		display: flex;
		align-items: center;
	}
	
    .relatedSwiper .swiper-slide:last-child .swiper-slide-opacity,
    #serviceSwiper .swiper-slide:last-child .swiper-slide-opacity,
    #newsSwiper1 .swiper-slide:last-child .swiper-slide-opacity,
    #newsSwiper2 .swiper-slide:last-child .swiper-slide-opacity {
        display: block;
    }

    .faqs-content-wrapper .col-lg-5,
    .partner-faqs-wrapper .col-lg-5 {
        width: 517px;
        max-width: 100%;
    }

    .faqs-content-wrapper .col-lg-7,
    .partner-faqs-wrapper .col-lg-7 {
        width: 873px;
        max-width: 100%;
    }

    .custom-posttype-header .col-lg-7 {
        width: 772px;
        max-width: 100%;
    }

    .about-contact-wrapper .col-lg-6 {
        width: 744px;
        max-width: 100%;
    }
}