/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.price {
    color:var(--wd-title-color);
    font-weight: 600;
}
.blockquote{
	padding: 16px 16px 16px 16px;
    background-color: var(--e-global-color-39e8b67);
	color:#fff
}
.blockquote a{
	color:#fff
}
 .blockquote p{
	margin-bottom:0
} 

.services-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}



/* ==========================================
   SERVICE HERO
========================================== */

.service-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
	top:-40px;
	padding: 40px 0;
		
}

.service-hero-breadcrumbs a{
	color:#fff
	}
.service-hero-breadcrumbs .breadcrumb_last{
    color: var(--wd-alternative-color);
	}
/* Фон */

.service-hero-bg img {
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: cover;
    object-position: center;
}

.service-hero-bg:after {
    content: "";
    position: absolute;
    inset: 0;
     background: linear-gradient(90deg, rgba(2, 45, 68, .80) 70%, rgba(4, 35, 52, .35) 100%);
}


/* Контейнер */

.service-hero .container {
    position: relative;
    z-index: 2;
}


/* ==========================================
   ОСНОВНАЯ ЧАСТЬ
========================================== */

.service-hero-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: 20px;
    align-items: center;
    width:100%;
    padding-bottom:40px;
}


/* ==========================================
   ЛЕВАЯ ЧАСТЬ
========================================== */

.service-hero-title {
    margin: 12px 0;
    color: #fff;
    text-transform: uppercase;
}

.service-hero-price {
    margin-bottom: 20px;
  color: var(--wd-alternative-color);
    font-weight: 600;
	font-size: 20px;
    text-transform: uppercase;
}


/* ==========================================
   СПИСОК ПРЕИМУЩЕСТВ
========================================== */

.service-hero-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.service-hero-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: rgba(255,255,255,.92);

}

.service-hero-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--wd-alternative-color);
    color: #000;
    font-size: 13px;
    font-weight: 900;
}

/* ==========================================
   ФОРМА
========================================== */

.service-hero-form {
    padding: 15px;
    border: 1px solid rgba(255,255,255,.28);
    box-shadow:0 20px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
	display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Верх формы */
.service-form-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.service-form-counter {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

/* Поля CF7 */

 .min-form input[type="text"],
.min-form input[type="tel"],
.min-form input[type="email"] {
    border: 0 !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #222 !important;
}

.min-form input:focus {
    outline: none !important;
    box-shadow:
        0 0 0 2px rgba(255,183,25,.45) !important;
}
	.min-form label,.min-form label a{
		color:#fff
	}
		

.service-hero-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;

}


.service-bottom-item {
    display: flex;
    gap: 12px;
    padding: 0 30px;
    border-right: 1px solid rgba(255,255,255,.15);
}

.service-bottom-item:first-child {
    padding-left: 0;
}

.service-bottom-item:last-child {
    border-right: 0;
}


.service-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--wd-alternative-color);
    color: #12394f;
    font-size: 13px;
    font-weight: 900;
}


.service-bottom-title {
    margin-bottom: 7px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}


.service-bottom-text {
    max-width: 260px;
    color: rgba(255,255,255,.72);
    font-size: 14px;
    line-height: 1.55;
}

@media (max-width: 991px) {
    .service-hero-content {
        grid-template-columns: 1fr 400px;
        gap: 35px;
    }
    .service-hero-form {
        padding: 25px;
    }
    .service-bottom-item {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .service-hero {
        min-height: auto;
    }
   .service-hero-bg img {
        min-height: 1000px;
    }
    .service-hero-content {
        display: flex;
        flex-direction: column;
        width:100%;
        gap: 20px;
		padding-bottom: 0;
    }

    .service-hero-info {
        max-width: none;
        width: 100%;
    }

    .service-hero-price {
        font-size: 25px;
        margin-bottom: 22px;
    }

    .service-hero-list {
        gap: 10px;
    }

    .service-hero-list-item p {
        font-size: 15px;
    }

    .service-hero-button {
        width: 100%;
    }

    .service-hero-form {
        width: 100%;
        padding: 22px 18px;
    }

    .service-hero-bottom {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 25px 0 35px;
    }

    .service-bottom-item {
        padding: 0;
        border-right: 0;
    }

    .service-bottom-item:first-child {
        padding-left: 0;
    }

    .service-bottom-text {
        max-width: none;
    }
}

.service-card{
	text-align:center;
    background:#fff;
    overflow:hidden;
    box-shadow: 0 5px 18px rgba(20, 53, 75, 0.05);
    transition: box-shadow .5s cubic-bezier(0, 0, 0.44, 1.18);
}



.service-card-image img{
    width:100%;
    height:206px;
    object-fit:cover;
}

.services-slider .swiper-wrapper{
	margin-bottom:10px
}
.service-card-content{
    padding:15px;
	display: flex;
    flex-direction: column;
    gap: 6px;
}
.service-card__title a{
   font-size:18px;
   font-weight: 600;
   color: var(--wd-title-color)
}


@media (max-width: 1200px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}


.reviews-grid.service-reviews{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.service-reviews .review-card{
    grid-template-columns: repeat(1, 1fr);
}

.service-reviews .review-header{
    display:flex;
    gap:15px;
    align-items: flex-start;
}

.service-reviews .review-image {
    width:80px;
    flex-shrink:0;
}

.service-reviews .review-meta {
  flex: 2;
}

.reviews-grid{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.review-card{
    display:flex;
   background: #fff;
    box-shadow: 1px 1px 18px rgba(20, 53, 75, 0.05);
    transition:.3s;
	 gap:20px;
}


.review-content{
    padding:20px;
    display:flex;
    flex-direction:column;
   flex: 3;
	    gap: 10px;
	border: 1px solid #edf2f7;
}

.review-header{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
	
}

.review-image{
   flex:1
}

.review-image img{
    display:block;
    width:100%;
    height:auto;
 box-shadow: 1px 1px 18px rgba(20, 53, 75, 0.05);
}

.review-meta{
    flex:1;
}

.review-name{
    margin:0 0 8px;
    font-size:16px;
    font-weight:600;
    color:var(--wd-title-color);
}

.review-date{
    color:#888;
    font-size:14px;
}
.review-btn{
	text-align:right;
	margin-top:30px
}

.section{
   padding: 40px 0;
}


.reviews-tab-content{
    display:none;
}

.reviews-tab-content.active{
    display:block;
}

.reviews-tabs-buttons{
    display:flex;
    gap:20px;
    margin-bottom:40px;
}

.reviews-tab-btn{
    border:0;
    background:var( --e-global-color-e50e7e6 );
    padding:12px 25px;
    cursor:pointer;
    transition:.3s;
}

.reviews-tab-btn.active{
    background:var(--wd-primary-color);
    color:#fff;
}
.service-reviews .review-text{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
}





/* блок где мы оказываем услуги */
.block-gde{
	   
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(182px, 1fr));
    gap: 20px;
    align-items: stretch;
}

.item-bg{
    min-width:0;
    overflow:hidden;
	background: #fff;
     box-shadow: 0 5px 18px rgba(20, 53, 75, 0.05)!important;
    transition: .3s;
}

.img-item-bg{
    overflow:hidden;
	height: 250px;
}

.img-item-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.item-bg:hover img{
    transform:scale(1.08);
}

.title-item-bg{
    padding:15px 10px;
    text-align:center;
	color:#fff;
	background-color:var(--wd-primary-color)
 
}

.title-item-bg a{
    font-size:18px;
}
.important-text a{
	color:#fff
}

/* Замки, с которыми работаем */
.tipi-block {
  background-color:var( --e-global-color-e50e7e6 );
}


.ul-tipi-block {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
grid-template-columns: repeat(auto-fit, minmax(222px, 1fr));
    gap: 20px;
}

.ul-tipi-block .tipi_item{
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;	
	font-weight:600;
    min-height: 82px;
    padding: 18px 20px;
    box-sizing: border-box;
  border: 1px solid #edf2f7;
    font-weight: 600;
    box-shadow: 0 5px 18px rgba(20, 53, 75, 0.05); 
    overflow: hidden;
color: var(--wd-primary-color);
	position: relative;
	    transition: .3s;
}

.ul-tipi-block .tipi_item:hover{
	transform: translate(1px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    border-color: #dce6f4;

}

.ul-tipi-block .tipi_item:before {
    content: "";
    width: 65px;
    height: 65px;
    display: block;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23013555' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1016.588 1242.353v338.823h-112.94v-338.823h112.94ZM960.118 112.94c217.976 0 395.294 177.318 395.294 395.294V903.53H564.824V508.235c0-217.976 177.317-395.294 395.294-395.294Zm508.235 790.588V508.235C1468.353 228.028 1240.325 0 960.118 0S451.882 228.028 451.882 508.235V903.53H226v790.589C226 1818.692 327.308 1920 451.882 1920h1016.47c124.575 0 225.883-101.308 225.883-225.882V903.529h-225.882Z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
	    position: absolute;
    right: -20px;
    opacity: 0.2;

}


@media(max-width:764px){

   .ul-tipi-block {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}
.ul-tipi-block .tipi_item:before { 
    width: 42px;
    height: 42px;
    right: -22px;
}
	.ul-tipi-block .tipi_item {
    min-height: 72px;
    padding: 8px 8px;
}
}


/* Наши работы галерея */
.works-block{
	    background-color:var( --e-global-color-e50e7e6 );
}
.works-slider .swiper-slide {
    height: 350px;
}
.works-block .swiper-pagination{
 margin-top: 10px;
    position: static;
    text-align: center;
}
.swiper-pagination-bullet-active{
	  background-color:var(--e-global-color-39e8b67)!important;
}
.works-slider .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

 .swiper-button-next,.swiper-button-prev{
color: var(--wd-primary-color)!important;
}
 .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 24px!important;
    font-weight: 700!important;
}


.works-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media(max-width:1024px){

    .reviews-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:767px){
	.reviews-tabs .review-card{
		flex-direction: column;
		margin-bottom:0
	}
   .reviews-grid.service-reviews{
        grid-template-columns:1fr;
    }

    .review-header{
        align-items:flex-start;
    }

    .review-image{
        width:100%;
    }

    .review-image img{
        max-width:120px;
    }
.works-slider .swiper-slide {
    height: 220px;
}
}

	.preim-block {
		background-color: var( --e-global-color-e50e7e6 );
}

.title-block{
	margin-bottom:20px
}
.title-block .title{
	margin-bottom:10px
}
.preim-block h3 {
    margin-bottom: 15px;
    text-align: center;
}

.preim-block > .container > .in-preim-block > p {
    margin-bottom: 50px;
    text-align: center;
    color: #777;
    font-size: 18px;
}

.list-preim {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.item-l-p {
     padding: 30px 20px;
    background: #fff;
    text-align: center;
	box-shadow: 0 5px 18px rgba(20, 53, 75, 0.05);
}


.img-item-l-p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    margin-bottom: 20px;
}

.img-item-l-p img {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
}

.txt-item-l-p {
    font-size: 18px;
    color: #222;
}

@media (max-width: 1024px) {

    .list-preim {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 767px) {

    .preim-block {
        padding: 60px 0;
    }

    .list-preim {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .item-l-p {
        display: flex;
        align-items: center;
        text-align: left;
    }

    .img-item-l-p {
        width: 60px;
        min-width: 60px;
        height: 60px;
        margin: 0 20px 0 0;
    }

    .img-item-l-p img {
        max-width: 48px;
        max-height: 48px;
    }

    .txt-item-l-p {
        font-size: 16px;
    }

}


.system-block{
	background-color: var(--e-global-color-e50e7e6);
}
.brands-block{
	background-color: var( --e-global-color-e50e7e6 );
}
.brands-slider{
    margin-top:35px;
}

.brand-card{
    background:#fff;
    border:1px solid #edf2f7;
    height:180px;
	text-align:center;
gap: 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-weight: 600;
    transition:.3s;
}

.brand-card:hover{
  transform: translate(1px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    border-color:#dce6f4;
}

.brand-card img{
    height:90px;
    object-fit:contain;
}

/* блок faq */
.faq{
	background-color: var( --e-global-color-e50e7e6 );
}
.faq__item {
    border-bottom: 1px solid #ddd;
}

.faq__question {
    width: 100%;
    padding: 20px 0;
    border: none;
    display: flex;
	gap:20px;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
}
.faq__number {
    font-size: 25px;
	color: var(--e-global-color-39e8b67);
}

.faq__text {
    flex: 1;
}
.faq__icon {
     font-size: 23px;
    transition: .3s;
    width: 30px;
    height: 30px;
    background: var(--e-global-color-39e8b67);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
}

.faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
       
}

.faq__answer p {
    margin: 0;
    padding-bottom: 20px;
}

.faq__item.active .faq__icon {
    transform: rotate(45deg);
}

@media (max-width: 767px) {

   .faq__text {
    font-size:16px
}
	.faq__number {
    font-size: 19px;
	}
	.faq__question {
	gap:10px	
	}
/* блок в элементоре синий с иконкой important	 */
	.wd-info-box{
		flex-direction:column !important
	}
}
/* текстовый блок в синем фоне с иконкой важно! */
		.custom-info-box {
    background: #003555;
    padding: 18px 25px;
    color: #fff;
}

.custom-info-box .info-box-content {
    color: #fff;
}

.custom-info-box .info-box-inner {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

.custom-info-box .info-svg-wrapper {
    width: 30px;
    height: 30px;
}