/*!
Theme Name: remont
Author: Alexius Grey
Description: Repair works theme
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: remont
*/


@font-face {
	font-family: 'Open Sans';
	    src: url('assets/fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
         src: url('assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Tenor Sans';
	    src: url('assets/fonts/TenorSans.eot'); /* IE9 Compat Modes */
         src: url('assets/fonts/TenorSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/TenorSans.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/TenorSans.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/TenorSans.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 400;
	font-style: normal;
}

html[lang="en-CA"] .lang-ru,
html[lang="en-CA"] .lang-fr,
html[lang="fr-CA"] .lang-ru,
html[lang="fr-CA"] .lang-en,
html[lang="ru-RU"] .lang-fr,
html[lang="ru-RU"] .lang-en{
	display:none!important
}

tr#advanced-custom-fields-pro-update .update-message.notice.inline.notice-warning.notice-alt {
    opacity: 0;
    height: 0;
    margin: 0!important;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

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

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Tenor+Sans&display=swap');

/* --------- Specification --------- */
body {
   font-family: 'Open Sans', sans-serif;
   color: #ffffff;
   margin: 0;
   padding: 0;
   background-color: #171717;
   letter-spacing: 0.08em;
}

html {
   font-size: 1vw;
   overflow-x: hidden;
}

body, html {
   height: 100%;
}

div, p, form, input, a, span, button, textarea, input {
   box-sizing: border-box;
}

ul, li {
   display: block;
   padding: 0;
   margin: 0;
}

p {
   margin: 0;
   font-weight: 400;
   color: #8a8a8a;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Tenor Sans', sans-serif;
   margin: 0;
   font-weight: 400;
}

a, a:hover, a:active {
   text-decoration: none;
}

a, button, input {
   transition: all 0.5s ease;
}

input {
   font-family: inherit;
   border-radius: 0;
   -webkit-appearance: button;
}

input, input:hover, input:focus, input:active,
button, button:hover, button:focus, button:active,
textarea, textarea:hover, textarea:focus, textarea:active {
   outline: none;
}

textarea {
   outline: none;
   resize: none;
   font-family: inherit;
   border: none;
   display: block;
}

main {
   flex: 1 1 auto;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

.container {
   margin: 0 auto;
   max-width: 71.25rem;
   padding-left: 1.25rem;
   padding-right: 1.25rem;
}

.d-flex {
   display: flex;
}

.text-center {
   text-align: center;
}

.ibg {
   position: relative;
}

.ibg img, .ibg iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

.ibg img {
   object-fit: cover;
}


img {
   max-width: 100%;
   display: block;
}

.btn {
   font-family: inherit;
   width: 100%;
   display: block;
   text-align: center;
   cursor: pointer;
   border: none;
   background-color: transparent;
}

.btn-primary {
   color: #dd9665;
   border: 0.0625rem solid #dd9665;
   font-weight: 400;
   max-width: 16.5625rem;
   padding: 1.4375rem 0;
   font-size: 0.875rem;
}

.btn-primary:hover {
   background-color: #dd9665;
   color: #171717;
   box-shadow: 0rem 0.3125rem 3.125rem 0 rgba(221, 149, 101, 0.3);
}

header .navigation__logo a{
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
	    gap: 5px;
	color: #efad3d;
}

header span.blogdescription {
    font-size: 12px;
	    padding-left: 13px;
}
header span.blogname {
    font-size: 26px;
}


/* MOBILE MENU BUTTON */
.menu-btn {
   position: relative;
   width: 1.25rem;
   height: 0.6875rem;
   padding: 0;
   background-color: transparent;
   border: none;
   cursor: pointer;
   z-index: 99999;
   transition: all 0.5s ease;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.menu-btn.active {
   height: 1.3rem;
}

.menu-btn .line {
   height: 0.0625rem;
   display: block;
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}

.menu-btn .line:nth-child(1),
.menu-btn .line:nth-child(3) {
   background-color: #ffffff;
   width: 0.875rem;
}

.menu-btn .line:nth-child(2) {
   background-color: #dd9665;
   width: 100%;
}

.menu-btn.active .line:first-child {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   position: relative;
   top: 0.55rem;
   width: 100%;
}

.menu-btn.active .line:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: relative;
   background-color: #ffffff;
}

.menu-btn.active .line:nth-child(3) {
   opacity: 0;
}

.table.price-list {
    margin:3rem auto;
    width: fit-content;
	    background-color: #1b1b1b;
}

.table__row.total, .table-head,.table-foot {
    display: flex;
    flex-wrap: wrap;    
}

.table-head div, .table-foot div {
    font-size: 14px!important;
    font-weight: 600;
}

.table__cell.room-name,
.table__cell.room-work-price,
.table__cell.room-material-price {
    padding: 15px 15px 15px 15px;
    text-align: left;
    font-size: 13px;
    text-transform: capitalize;
    white-space: nowrap;
    width: 250px;
}

.table__cell.room-work-price,
.table__cell.room-material-price {
    border: 1px solid;
    border-left: none;
}
.table__cell.room-name {
    border: 1px solid;
}

label.d-flex.skip {
    font-size: 12px;
    padding: 10px 0px;
    white-space: nowrap;
    align-items: center;
    letter-spacing: 0;
    margin-top: 0px;
    height: 0;
}

/* Базовий стиль для label */
label.d-flex.skip {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* Сховати стандартний чекбокс */
label.d-flex.skip input[type="checkbox"] {
    display: none;
}

/* Стилізація кастомного чекбокса */
label.d-flex.skip input[type="checkbox"] + span::before {
    content: ''; /* Порожній блок для кастомного чекбокса */
    display: inline-flex!important;
    width: 15px;
	min-width: 15px;
    height: 15px;
    border: 2px solid #ee8a4b; /* Рамка */
    border-radius: 4px; /* Злегка заокруглені кути */
    background-color: transparent; /* Прозорий фон для неактивного стану */
    box-sizing: border-box;
	margin-right: 5px;
	flex-wrap:nowrap;
    transition: all 0.3s ease; /* Плавний перехід */
}

/* Стан "обрано" для чекбокса */
label.d-flex.skip input[type="checkbox"]:checked + span::before {
    content: '✓'; /* Галочка */
    display: inline-flex;
    justify-content: center;
    align-items: center;
	width: 15px;
	min-width: 15px;
    height: 15px;
    color: white; /* Колір галочки */
    background-color: #ee8a4b; /* Фон для активного стану */
    border: 2px solid #ee8a4b; /* Той самий колір рамки */
}
.single-post main#primary {
    padding-top: 100px;   
	padding-bottom:100px
}
.blog-banner.row.justify-content-center img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
}

.single-post .breadcrumbs {
    padding-left: 0px;
}

.single-post main .container .row {
    margin: 0;
    padding: 0 15px;
}
.article {
    font-size: 0.875rem;
    font-weight: 300;
    color: #ffffff;
    line-height: 200%;
	    white-space: pre-line;
}


.article p{
	color:#ffffff;
}

.article h1 {
    font-size: 2.25rem;
    text-transform: uppercase;
    margin-bottom:40px;
    color: #ffffff;
    line-height: 55px;
}

.article h1,.article h2,.article h3{
	font-weight:500
}
.article h2 {
    margin-top: 40px;
	color: #dd9665;
}
.postid-2021 .article h1+h2 {
    margin-top: 0!important;
}

.article h3 {
    color: #dd9665;
}

@media screen and (min-width: 576px) {
   .menu-wrapper__left>ul>li:nth-child(4) {
      margin-top: -6rem;
   }

   .menu-wrapper__left>ul>li:nth-child(5) {
      width: 100%;
      margin-bottom: 1rem !important;
   }
}

.section-line {
   width: 0.0625rem;
   height: 88.5%;
   background-color: rgba(255, 255, 255, 0.04);
   position: absolute;
   left: 6.2rem;
   z-index: 20;
   top: 4.1rem;
}

/* --------- Header --------- */
.header {
   position: relative;
   position: absolute;
   width: 100vw;
   left: 0;
   top: 0;
   transition: all 0.5s ease;
   z-index: 10;
   overflow: hidden;
   background-color: rgba(23, 23, 23, 1);
}

.header-inner {
   border-bottom: none;
}

.header.fixed {
   background-color: rgba(23, 23, 23, 0.85);
   position: fixed;
   z-index: 25;
   backdrop-filter: blur(5px);
}

.header.fixed .navigation__right {
   background-color: transparent;
}

.header.fixed .navigation__language {
   border-right: 0.0625rem solid transparent;
}

.navigation {
   align-items: center;
   justify-content: space-between;
   height: 4.0625rem;
}

.navigation__language {
   position: absolute;
   width: 6.25rem;
   height: 100%;
   border-right: 0.0625rem solid #202020;
   display: flex;
   align-items: center;
   justify-content: center;
   left: 0;
   color: #ffffff;
   font-weight: 300;
   font-size: 0.6875rem;
   transition: background-color 0.5s ease;
   cursor: pointer;
}

#polylang-2 {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}

#polylang-2 ul {
   display: flex;
   align-items: center;
   justify-content: center;
}

@media screen and (min-width: 768px) {
   html.hidden .navigation__menu {
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s ease;
   }

	
   .navigation__menu li:not(:last-child) {
      margin-right: 4.0625rem;
   }
	

   .navigation__menu li a {
      font-size: 0.6875rem;
      color: #8a8a8a;
      font-weight: 300;
   }

   .navigation__menu li a:hover {
      color: #ffffff;
   }

   html.hidden .header.fixed {
      background-color: transparent;
      border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.04);
      backdrop-filter: none;
   }
	
	
	
	
	
	
}


@media screen and (max-width: 991px) {
.slides__item>div>div {
    min-height: unset!important;
}
.pdf-mob-image {
    max-width: 100%!important;
    width: 100%!important;
}	
.form-slide-last {
	max-width: 100%!important;}	
.hero-content__title,	
.banner-text {
    max-width: 85%;
}	
.hero__container.container {
    max-width: 62.25rem;
}
.portfolio-gallery-slider {
    margin-right: 0;
}	
.portfolio-gallery-slider {
    margin-right: 0px!important;
}	
}

@media screen and (max-width: 768px) {
   .navigation__menu.d-flex {
      display: none!important;
   }
	
.slides__item>div>div {
    min-height: unset!important;
}
	
.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm {
    order: 1;
}
.banner-text {
    font-size: 12px;
}	
.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm {
    max-height: unset;
	padding-top: 4rem;
}	
	
.hero-content__left {
    max-width: 100%;
}	
	
}

.language ul li:not(.current-lang) {
   color: #8a8a8a;
   text-decoration: underline;
   text-underline-offset: 0.125rem;
}


.table__cell.room-name, .table__cell.room-work-price, .table__cell.room-material-price {
    width: 30vw;
}

.language a {
   color: inherit !important;
}

.navigation__logo img {
   width: 14.5rem;
   height: auto;
}

.navigation__right {
   display: flex;
   align-items: center;
   background-color: #171717;
   padding: 1.65rem 0rem 1.65rem 1.5625rem;
   position: relative;
}

.navigation__phone {
   font-size: 0.75rem;
   color: #ffffff;
   font-weight: 300;
   margin-left: 3.4375rem;
}

.menu {
   z-index: 9;
   position: fixed;
   right: 0;
   top: 0;
   left: 0;
   bottom: 0;
   height: 100vh;
   overflow: hidden;
   background-position: top left;
   background-repeat: no-repeat;
   background-size: cover;
   visibility: hidden;
   opacity: 0;
   background: url('https://prime-renovations.ca/wp-content/uploads/2024/11/hero-bg.jpg') no-repeat center center/cover;
   transition: all 0.5s ease;
}

.menu.active {
   opacity: 1;
   visibility: visible;
}

.menu-wrapper {
   width: 100%;
   height: 100%;
}

.menu-wrapper__left {
   position: absolute;
   width: 34%;
   height: 100%;
   background-color: #171717;
   top: 0;
   transform: translateY(120%);
   transition: all .5s ease-in-out;
   padding-top: 7.5rem;
   opacity: 0;
}

.menu-wrapper__left>ul {
   display: flex;
   flex-wrap: wrap;
}

.menu-wrapper__left>ul>li:first-child {
   width: 100%;
}

.menu-wrapper__left>ul>li {
   width: 50%;
	    padding-right: 20px;
}

.menu-wrapper__left>ul>li:not(:last-child) {
   margin-bottom: 2.5rem;
}

.menu-wrapper__right {
   position: absolute;
   width: 29.6%;
   height: 100%;
   background-color: #171717;
   top: 0;
   transform: translateY(-120%);
   transition: all .5s ease-in-out;
   right: 0;
   opacity: 0;
}

.menu.active .menu-wrapper__right {
   transform: translateY(0%);
   transition: all .9s ease-in-out;
   opacity: 1;
}

.menu-wrapper__left:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: inherit;
   top: 0;
   left: -100%;
}

.menu.active .menu-wrapper__left {
   transform: translateY(0);
   transition: transform .9s ease-in-out;
   opacity: 1;
}

html.hidden {
   overflow: hidden;
}

.menu ul>li>a {
   font-size: 0.8125rem;
   color: #ffffff;
   line-height: 200%;
   letter-spacing: 0.06em;
}

.menu ul>li .sub-menu a {
   font-size: 0.75rem;
   color: #8a8a8a;
   line-height: 200%;
   letter-spacing: 0.06em;
}

.menu ul>li .sub-menu a:hover {
   color: #dd9665;
   transform: translateX(0.75rem);
}

.menu-contact {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 9;
   background-color: #171717;
   display: none;
   transform: translateY(120%);
   transition: all .5s ease-in-out;
   opacity: 0;
}

.menu-contact__wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 4.0625rem 0.9375rem;
}

.menu-contact__phone {
   font-size: 1rem;
   color: #ffffff;
   margin-bottom: 1.625rem;
}

.nav-language {
   position: absolute;
   top: 6rem;
   right: 0.9375rem;
   font-size: 0.8125rem;
   color: #ffffff;
   display: flex;
   align-items: center;
   z-index: 1;
}

.language ul li:not(.current-lang) {
   opacity: 0;
   visibility: hidden;
   width: 0;
   display: block;
   transition: all 0.5s ease;
}

.nav-language.active ul li:not(.current-lang),
.navigation__language.hovered ul li:not(.current-lang) {
   opacity: 1;
   visibility: visible;
   width: auto;
   margin-left: 0.625rem;
}

.nav-language {
   display: none;
}

.current-lang {
   order: -1;
}

/* --------- Hero --------- */
.hero {
   position: relative;
}

.hero .section-line {
   height: 70rem;
}

.hero__container {
   min-height: 100vh;
   display: flex;
   align-items: center;
}

.hero:before {
   content: '';
   position: absolute;
   width: 35%;
   height: 100%;
   left: -100%;
   top: 0;
   background-color: #171717;
   z-index: 1;
   transition: all 1.5s ease;
   opacity: 0.75;
}

.hero.block-left-in:before {
   left: 0;
}

.hero-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   overflow: hidden;
   right: 0;
   top: 0;
}

.hero-bg:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: rgba(23, 23, 23, 0.85);
   top: 0;
   left: 0;
   z-index: 1;
}

.hero-bg img {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
   -webkit-animation: main-bg-anim 24s linear;
   animation: main-bg-anim 24s linear;
   pointer-events: none;
   width: 100%;
   height: 100%;
}

.hero-single__bg {
   position: absolute;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   overflow: hidden;
   right: 0;
   top: 0;
   opacity: 0.4;
}

.hero-single__bg img {
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   transform: scale(1.3);
   -webkit-animation: main-bg-anim 24s linear;
   animation: main-bg-anim 24s linear;
   pointer-events: none;
   width: 100%;
   height: 100%;
}

@keyframes main-bg-anim {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

.hero-content {
   position: relative;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}

.hero-content__left {
   max-width: 38rem;
}

.block-left {
   max-width: 45rem;
}

h1.hero-content__title {
   margin-bottom: 26px;
   font-size: 2.5rem;
}
.banner-text {
    font-size: 16px;
    margin-bottom: 40px;
    text-align: justify;
}

.title-h1 {
   font-size: 4.0625rem;
   text-transform: uppercase;
}

.section-label {
   font-size: 0.875rem;
   text-transform: uppercase;
   margin-bottom: 1.125rem;
}

.hero-service {
   align-items: flex-start;
}

.hero-service__card {
   overflow: hidden;
   height: 28.75rem;
   width: 11.875rem;
   transition: all 0.5s ease;
}

.hero-service__card:hover {
   transform: scale(1.05)
}

.hero-service__wrapper {
   transform: scale(1.5) translateX(-50%);
   transition: all 1.5s ease;
   position: relative;
   padding: 1.5625rem;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   height: 100%;
   width: 100%;
}

.hero-service__card.block-zoom .hero-service__wrapper {
   transform: scale(1);
}

.hero-service__wrapper:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(23, 23, 23, 0.9) 0%, rgba(255, 255, 255, 0) 35%);
   top: 0;
   left: 0;
   z-index: 1;
}

.hero-service__card:first-child,
.hero-service__card:nth-child(2),
.hero-service__card:nth-child(3)
{
   margin-right: 1.875rem;
}
.hero-service__card:nth-child(4),
.hero-service__card:nth-child(5)
.hero-service__card:nth-child(6) {
   margin-top: 2.5rem;
}

.hero-service__image {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all 0.5s ease;
}

.hero-service__card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.hero-service__label {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.125rem;
   font-weight: 300;
   position: relative;
   z-index: 3;
   line-height: 133%;
   color: #ffffff;
   transition: all 0.5s ease;
}

.hero-service__arrow {
   transform: translateX(-50%);
   height: 0;
   transition: all 0.5s ease;
   width: 1.6875rem;
   z-index: 3;
}

.hero-service__card:hover .hero-service__arrow {
   transform: translateX(0%);
   height: auto;
}

.hero-service__card.hovered .hero-service__label {
   margin-bottom: 1.125rem;
}

/* --------- Advantages --------- */
.advantages {
   padding-top: 5rem;
   position: relative;
   z-index: 1;
}

.advantages-block {
   display: flex;
   max-width: 62.5rem;
   margin: auto;
   justify-content: space-between;
}

.advantages-block__item {
   font-family: 'Tenor Sans', sans-serif;
   display: flex;
   align-items: center;
}

.advantages-block__num {
   font-size: 4.375rem;
   margin-right: 0.9375rem;
}

.advantages-block__text {
   font-size: 0.875rem;
   text-transform: uppercase;
   line-height: 128%;
}

.advantages-element {
   position: absolute;
   width: 25%;
   padding-bottom: 25%;
   pointer-events: none;
   z-index: -1;
   left: 0;
   top: -5rem;
}

.advantages-element img {
   width: 100%;
   position: absolute;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

/* --------- Portfolio --------- */
.portfolio {
   padding-top: 4.8125rem;
   overflow: hidden;
}

.portfolio-title {
   max-width: 34.6875rem;
   margin: auto;
   text-align: center;
   margin-bottom: 2.8125rem;
}

.section-title {
   font-size: 2.25rem;
   line-height: 105%;
   text-transform: uppercase;
}

.portfolio-slider .slick-list {
   overflow: inherit;
   padding: 0 0.3125rem;
}

.portfolio-slider .slick-slide {
   margin: 0 0.9375rem;
   height: 20rem;
}

.portfolio-slider .slick-slide img {
   display: block;
   height: 100%;
   object-fit: cover;
   margin: auto;
}

.portfolio-slider .slick-arrow {
   z-index: 5;
   width: 2.5rem;
   height: 5.625rem;
}

.slick-arrow:before {
   display: none;
}

.portfolio-slider .slick-prev {
   background: rgba(23, 23, 23, 0.7) url('https://prime-renovations.ca/wp-content/uploads/2024/11/arrow-prev.svg') no-repeat center center;
   background-size: 0.6875rem 1.1875rem;
   left: -6.25rem;
}


section#consult .consult-form__block, .modal-calc .consult-form__block{
    height: 63.7px;
}

.portfolio-slider .slick-next {
   background: rgba(23, 23, 23, 0.7) url('https://prime-renovations.ca/wp-content/uploads/2024/11/arrow-next.svg') no-repeat center center;
   background-size: 0.6875rem 1.1875rem;
   right: -6.25rem;
}

.portfolio-btn {
   margin: 2.5rem auto 0;
}

#portfolio-single {
   padding-bottom: 1.875rem;
}

.portfolio-main {
   padding: 8.125rem 0 4rem;
}

.portfolio-main__title {
   margin-bottom: 3.5rem;
}

.portfolio-main__content {
   display: grid;
   grid-gap: 1.875rem;
   grid-template-columns: 1fr 1fr;
}

.portfolio-main__item {
   min-height: 31.25rem;
   transition: all 0.5s ease;
}

.portfolio-main__item.active {
   animation-duration: 1s;
   animation-name: fade-down;
   visibility: visible;
   transition-timing-function: ease-out;
}

.portfolio-main__item h3 {
   max-width: 16.25rem;
}

@keyframes fade-down {

   0% {
      transform: translateY(100%);
      opacity: 0;
   }

   5% {
      visibility: hidden;
   }

   100% {
      transform: translateY(0);
      opacity: 1;
   }
}

.project-gallery {
   line-height: 0;
   -webkit-column-count: 2;
   -webkit-column-gap: 1.875rem;
   -moz-column-count: 2;
   -moz-column-gap: 1.875rem;
   column-count: 2;
   column-gap: 1.875rem;
   padding-top: 7.5rem;
}

.project-gallery__photo {
   margin-bottom: 1.875rem;
   transition: all 0.5s ease;
}

.project-gallery__photo:nth-child(1) {
   margin-top: -7.5rem;
}

.project-gallery__photo img {
   width: 100%;
   object-fit: cover;
}

.project-gallery__photo.active {
   animation-duration: 1s;
   animation-name: fade-down;
   visibility: visible;
   transition-timing-function: ease-out;
}

/* --------- Steps --------- */
.steps {
   padding-top: 5.625rem;
   position: relative;
   overflow: hidden;
}

.steps-elements {
   width: 23%;
   position: absolute;
   right: 0;
   height: auto;
   top: 0;
   opacity: 0;
   transition: all 1.5s ease;
}

.steps-elements.blick {
   opacity: 1;
}

.steps-elements img {
   width: 100%;
}

.steps-body {
   justify-content: flex-end;
}

.steps-body__image {
   position: absolute;
   height: calc(100% - 4.625rem);
   width: 50%;
   top: 5.625rem;
   left: 0;
}

.steps-body__info {
   width: 50%;
   padding-top: 5rem;
}

.steps-body__title {
   margin-bottom: 4.0625rem;
   padding-left: 2.8125rem;
}

.steps-content__item {
   border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.04);
   position: relative;
}

.steps-content__item:first-child {
   border-top: 0.0625rem solid rgba(255, 255, 255, 0.04);
   position: relative;
}

.steps-content__item:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 0.0625rem;
   background-color: rgba(255, 255, 255, 0.04);
   bottom: -0.03rem;
   left: 100%;
}

.steps-content__item:first-child:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 0.0625rem;
   background-color: rgba(255, 255, 255, 0.04);
   top: -0.05rem;
   left: 100%;
}

.steps-content__top {
   padding: 1.75rem 0 1.75rem 3.125rem;
   cursor: pointer;
   display: flex;
   align-items: center;
}

.steps-content__num {
   font-size: 1rem;
   color: #dd9665;
   margin-right: 1rem;
}

.steps-content__title {
   font-size: 1rem;
   text-transform: uppercase;
   margin-right: 2rem;
}

.steps-content__btn {
   margin-left: auto;
   width: 1.875rem;
   height: 1.875rem;
   background: url('https://prime-renovations.ca/wp-content/uploads/2024/11/plus.png') no-repeat center center;
   transition: none;
}

.steps-content__top.active .steps-content__btn {
   background: url('https://prime-renovations.ca/wp-content/uploads/2024/11/minus.png') no-repeat center center;
}

.steps-content__info {
   height: 0;
   opacity: 0;
   pointer-events: none;
   transition: all 0.5s ease;
   padding-left: 5.3125rem;
   padding-right: 2.5rem;
   overflow: hidden;
}

.steps-content__info.active {
   height: auto;
   opacity: 1;
   pointer-events: all;
   padding-bottom: 2.0625rem;
}

.steps-content__info * {
   font-size: 0.875rem;
   color: #8a8a8a;
}

.steps-content__info ul li:not(:last-child), .steps-content__info p:not(:last-child) {
   margin-bottom: 1.25rem;
}

/* --------- About --------- */
.about {
   padding-top: 6.25rem;
   position: relative;
   overflow: hidden;
}

.about-body__info {
    max-width: 33.125rem;
    padding: 2.1875rem 10px 2.1875rem 0px;
}
.about-body__info h2 {
   font-size: 2.25rem;
   text-transform: uppercase;
   margin-bottom: 2.8125rem;
}

.about-body__info p {
   font-size: 0.875rem;
   font-weight: 300;
   color: #8a8a8a;
   line-height: 200%;
}

.about-body__info p:not(:last-child) {
   margin-bottom: 1.875rem;
}

.about-body__image {
   position: absolute;
   width: 50%;
   height: 30.625rem;
   right: 0;
}

.about-body__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm{
    max-height: 600px;
    overflow-y: auto;
}

.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm::-webkit-scrollbar{
  width: 6px;
}

.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm::-webkit-scrollbar-track{
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm::-webkit-scrollbar-thumb{
  background-color: #171717;
  outline: 1px solid #8a8a8a;
}
.about-body__info.animate_fade_right_sm.delay4.lang-en.fade_right_sm strong {
    color: #ffffff;
}

/* --------- Сonsult --------- */
.consult {
   padding: 5rem 0 6.25rem;
   position: relative;
}

.consult-elements img {
   position: absolute;
   pointer-events: none;
   z-index: -2;
}

.consult-element-1 {
   left: 0;
   bottom: 0;
   width: 21%;
   max-height: 27.9375rem;
}

.consult-element-2 {
   right: 0;
   top: 0;
   width: 21%;
   max-height: 27.9375rem;
}

.consult-element-3 {
   left: 0;
   bottom: 0;
   width: 22%;
   max-height: 54.375rem;
   z-index: -1;
   opacity: 0;
   transition: all 0.7s ease;
}

.consult-element-3.active {
   opacity: 1;
}

.consult-title {
   max-width: 40rem;
   text-align: center;
   margin: 0 auto 5.4375rem
}

.consult-form {
   max-width: 26.875rem;
   margin: auto;
}

.consult-form__block {
   margin-bottom: 1.25rem;
   position: relative;
}

.consult-form__block:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 0.0625rem;
   background-color: #ffffff;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

.consult-form__block.active:before {
   background-color: #dd9665;
   box-shadow: 0 0 0.625rem 0 rgba(221, 149, 101, 0.35);
}

.consult-form__label {
   font-size: 0.875rem;
   display: block;
   padding: 1.0625rem 0;
   color: #ffffff;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   text-align: center;
   cursor: pointer;
   transition: all 0.5s ease;
}

.consult-form__block.active label {
   font-size: 0.75rem;
   color: #8a8a8a;
   transform: translate(-50%, -1.5rem);
}

.consult-form__input {
   font-size: 0.875rem;
   background-color: transparent;
   border: none;
   padding: 1.0625rem 0;
   text-align: center;
   color: #ffffff;
   width: 100%;
}

.consult-form__btn {
   margin: 4.0625rem auto 0;
}

/* --------- Footer --------- */
.footer {
   padding: 2.5rem 0;
   border-top: 0.0625rem solid rgba(255, 255, 255, 0.04);
   text-align: center;
}

.footer p {
   font-size: 0.75rem;
   color: #ffffff;
}

/* --------- Offer --------- */
.offer {
   padding: 6.25rem 0 5.625rem;
   position: relative;
   z-index: 2;
}

.offer-content {
   margin-top: 3.125rem;
   display: flex;
   flex-wrap: wrap;
   gap: 1.875rem;
}

.offer-item {
   flex: 1 1 31.33%;
   min-height: 25rem;
}

.block-item {
   position: relative;
   padding: 2.1875rem;
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
   overflow: hidden;
}

.block-item__link {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
}

.block-item::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(23, 23, 23, 0.95) 0%, rgba(255, 255, 255, 0) 45%);
   bottom: 0;
   left: 0;
   z-index: 1;
}

.block-item__image {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all 0.5s ease;
}

.block-item__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.block-item:hover .block-item__image {
   transform: scale(1.05);
}

.block-item__title {
   font-size: 1.125rem;
   line-height: 133%;
   position: relative;
   z-index: 1;
   max-width: 11.25rem;
}

.block-item__title a {
   color: #ffffff;
}

.page-elements img {
   position: absolute;
   pointer-events: all;
   z-index: -2;
   object-fit: cover;
   pointer-events: none;
}

.page-element-1 {
   max-height: 27.9375rem;
   width: 30%;
   left: 0;
   top: -5.625rem;
}

img.page-element-2 {
   max-height: 65.3125rem;
   left: 0;
   top: -21.625rem;
   width: 21%;
   z-index: -1;
   opacity: 0;
   transition: all 0.5s ease;
   pointer-events: none;
}

img.page-element-2.active {
   opacity: 1;
}

@media screen and (min-width: 577px) {
   .offer-item.full-width {
      min-height: 16.875rem;
   }
}

/* --------- About service --------- */
.about-service {
   padding-bottom: 2.5rem;
}

.about-service__title {
   margin-bottom: 2.8125rem;
}

.about-service__content p,
.about-service__content li {
   font-weight: 300;
   line-height: 200%;
}

.about-service__content ul,
.about-service__content ol {
   color: #8a8a8a;
   margin-bottom: 1.875rem;
}

.about-service__content li {
   margin: 0.5rem 0;
}

.about-service__content li:before {
   content: '';
   display: inline-block;
   max-width: 0.5rem;
   width: 100%;
   height: 0.5rem;
   margin-left: 0.375rem;
   margin-right: 0.5625rem;
   border-radius: 100%;
   border: 0.0625rem solid #d28f61;
}

.about-service__content h3,
.about-service__content h2 {
   margin-bottom: 1.5rem;
}

.about-service__content p:not(:last-child) {
   margin-bottom: 1.875rem;
}

/* --------- Info page --------- */
.info-page {
   padding: 5.625rem 0 6.25rem;
   position: relative;
   z-index: 2;
}

.info-page__title {
   max-width: 42.1875rem;
   margin: 0 auto 2.8125rem;
}

.info-page__image {
   position: absolute;
   height: calc(100% - 19rem);
   width: 42%;
   bottom: 6rem;
   left: 0;
}

.info-page__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.info-page__content {
   width: 56%;
   margin-left: auto;
}

.info-page__content * {
   color: #8a8a8a;
}

.info-page__content h3 {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.875rem;
   margin-bottom: 0.9375rem;
   font-weight: 700;
}

.info-page__content p, .info-page__content ul li {
   line-height: 180%;
   font-weight: 300;
   font-size: 0.875rem;
}

.info-page__content p:not(:last-child) {
   margin-bottom: 1.875rem;
}

.info-page__content ul.list-circle li:before {
   content: '';
   display: inline-block;
   max-width: 0.5rem;
   width: 100%;
   height: 0.5rem;
   margin-left: 0.375rem;
   margin-right: 0.5625rem;
   border-radius: 100%;
   border: 0.0625rem solid #d28f61;
}

.info-page__content ul li:not(:last-child) {
   margin-bottom: 0.625rem;
}

.info-page__content ul:not(:last-child) {
   margin-bottom: 2.5rem;
}

.info-page__content ul.list-check li:before {
   content: '';
   display: inline-block;
   max-width: 0.625rem;
   width: 100%;
   height: 0.5rem;
   margin-left: 0.375rem;
   margin-right: 9px;
   background: url('../images/check.svg') no-repeat center center;
   background-size: contain;
}

.info-page__btn {
   color: #dd9665;
   margin-top: 4.375rem;
}

/* --------- Price --------- */
.small-head {
   padding: 8.4375rem 0 4.0625rem;
   position: relative;
}

.small-head__bg {
   position: absolute;
   width: 65%;
   height: 100%;
   opacity: 0.35;
   top: 0;
   right: 0;
}

.small-head__bg img,
.small-head__bg iframe {
   width: 100%;
   height: 100%;
}

.small-head__bg img {
   object-fit: cover;
}

.price-info {
   padding: 6.25rem 0 6.25rem;
}

.price-info__wrapper {
   max-width: 53.75rem;
   margin: auto;
}

.price-info__item {
   font-family: 'Open Sans', sans-serif;
}

.price-info__head {
   display: flex;
   align-items: center;
   padding: 0.9375rem 0;
   cursor: pointer;
}

.price-info__head.active .price-info__arrow {
   transform: rotate(-180deg);
}

.price-info__title {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.875rem;
}

.price-info__cost {
   margin-left: auto;
   font-size: 1.0625rem;
   margin-right: 1.25rem;
}

.price-info__arrow {
   width: 0.875rem;
   height: 0.5rem;
   display: block;
   background-color: transparent;
   border: none;
   padding: 0;
   cursor: pointer;
   transition: all 0.5s ease;
}

.price-info__arrow img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.price-info__content {
   height: 0;
   pointer-events: none;
   transition: .5s;
   opacity: 0;
   overflow: hidden;
}

.price-info__content.active {
   height: auto;
   opacity: 1;
   margin-top: 1.125rem;
   margin-bottom: 0.9375rem;
}

.price-info__content-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #7c7c7c;
}

.price-info__content-item:not(:last-child) {
   margin-bottom: 0.9375rem;
}

.price-info__content-name {
   font-size: 0.75rem;
}

.price-info__content-cost {
   font-size: 0.875rem;
}

.loading {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 50;
   background-color: #171717;
   top: 0;
   left: 0;
}

.loading-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.loading-logo {
   margin-bottom: 1.875rem;
   animation: shine-animation 1.5s infinite;
}

.loading-logo img {
   width: 12.5rem;
   height: auto;
}

.loading-img {
   animation: spin 5s linear infinite;
   width: 1.125rem;
   height: 1.125rem;
}

.loading-img img {
   width: 100%;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

@keyframes shine-animation {
   0%, 100% {
      opacity: 0;
   }

   50% {
      opacity: 1;
   }
}

.contact {
   padding: 3.125rem 0;
}

.contact-wrapper {
   padding: 0 2.5rem;
   justify-content: space-between;
}

.contact-wrapper__left {
   display: flex;
   flex-wrap: wrap;
   max-width: 34.375rem;
   justify-content: space-between;
}

.contact-text {
   font-size: 1.125rem;
   font-weight: 300;
   color: #ffffff;
   padding-left: 2.25rem;
   margin-bottom: 1.25rem;
   position: relative;
   display: block;
}

.icon-phone::before {
   content: '';
   position: absolute;
   background: url('../images/phone.svg') no-repeat center center;
   width: 1.3125rem;
   height: 1.3125rem;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.icon-email::before {
   content: '';
   position: absolute;
   background: url('../images/email.svg') no-repeat center center;
   width: 1.375rem;
   height: 0.9375rem;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.icon-location::before {
   content: '';
   position: absolute;
   background: url('../images/marker.svg') no-repeat center center;
   width: 1.375rem;
   height: 1.375rem;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.social li:not(:last-child) {
   margin-right: 1.5625rem;
}

.social li a {
   display: block;
   width: 1.375rem;
   height: 1.375rem;
}

.social li a:hover {
   transform: translateY(0.3125rem);
}

.contact-head .section-line {
   height: 37rem;
}

.contact-head .section-line-2 {
   width: 0.0625rem;
   height: 27.3rem;
   background-color: rgba(255, 255, 255, 0.04);
   position: absolute;
   right: 6.2rem;
   z-index: 20;
   top: 4.1rem;
}

.wpcf7 form.sent .wpcf7-response-output {
   width: fit-content;
   margin: auto;
}

.error-404 .container {
   min-height: 85vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.error-404 .page-content p {
   margin: 1.5rem 0;
}

.error-btn {
   margin: 1.5rem auto 0;
}

.wpcf7-not-valid-tip {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   text-align: center;
}

.wpcf7 form .wpcf7-response-output {
   max-width: 27rem;
   margin: 1rem auto 0;
   text-align: center;
}

.lang-item.current-lang {
   cursor: default;
}

.breadcrumbs {
    margin-bottom: 1.5rem;
    font-size: 0.6875rem;
    margin-top: 1.5rem;
    padding-left: 20px;
	font-family: 'Tenor Sans';
    font-weight: 400;
	color:#dd9665
}

.breadcrumbs a {
   text-decoration:none;
   color: #dd9665;
	border-bottom: 1px solid
}

.portfolio-main .breadcrumbs {
   text-align: center;
}







.modal {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 30;
   display: none;
}

.modal-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.modal-card {
   background-color: #171717;
   padding: 3rem 2rem;
   position: relative;
   width: 95%;
   max-width: 30rem;
}

.modal-close {
   background-color: transparent;
   border: none;
   color: #ffffff;
   font-size: 1.3rem;
   position: absolute;
   top: 1.1rem;
   right: 1.1rem;
   cursor: pointer;
   padding: 0;
}

.modal .consult-form__btn {
   margin: 2.0625rem auto 0;
}

.modal-title {
   margin-bottom: 1.5rem;
   text-align: center;
}

/* --------- Segment Section --------- */
.segment {
   padding: 6.375rem 0 8.1875rem;
   overflow: hidden;
}

.segment-title {
   font-size: 2.5rem;
   margin-bottom: 3.9375rem;
   letter-spacing: 0.05em;
   text-align: center;
}

.segment-wrapper {
   display: flex;
   grid-template-columns: repeat(4, 1fr);
   position: relative;
   z-index: 1;
	flex-wrap: wrap;
}
.segment-card,.segment-consult {
	max-width:25%
}

.segment-wrapper:after {
   content: '';
   position: absolute;
   width: 8.3125rem;
   height: 8.3125rem;
   top: -3.3125rem;
   right: -3.3125rem;
   z-index: -1;
   background: url('https://prime-renovations.ca/wp-content/uploads/2024/11/icon-sun.svg') no-repeat center center/contain;
}

.segment-card {
   border: 0.0625rem solid #323232;
   margin-right: -0.0625rem;
   padding: 0 1.8125rem 2.8125rem;
   text-align: center;
   background-color: #171717;
}

.segment-card__icon {
   width: 0.9375rem;
   margin: 0 auto 2.6875rem;
}

.segment-card__icon img {
   height: auto;
}

.segment-card__title {
   font-size: 1.25rem;
   letter-spacing: 0.05em;
   margin-bottom: 1.625rem;
   color: #DD9665;
}

.segment-card__desc {
   font-size: 0.75rem;
   font-weight: 300;
   line-height: 1.5;
   letter-spacing: 0.05em;
   margin-bottom: 3rem;
	min-height: 110px;
}

.segment-card__price {
   font-size: 0.75rem;
   max-width: 12.875rem;
   text-align: center;
   padding: 1rem 0;
   letter-spacing: 0.05em;
   line-height: 1.5;
   border: 0.0625rem solid #DD9665;
   margin: auto;
}

.segment-consult {
   border: 0.0625rem solid #323232;
   background-color: rgba(50, 50, 50, 0.3);
   backdrop-filter: blur(0.75rem);
   padding: 2.125rem 2.75rem 2.8125rem;
   text-align: center;
}

.segment-consult__title {
   font-size: 1.25rem;
   margin-bottom: 1.4375rem;
   letter-spacing: 0.05em;
}

.segment-consult .consult-form__label,
.segment-consult .consult-form__input {
   font-size: 0.625rem;
   padding: 0.375rem 0;
   line-height: 1.5;
}

.segment-consult .consult-form__block.active label {
   font-size: 0.65rem;
   transform: translate(-50%, -1rem);
}

.segment-consult .consult-form__block {
   margin-bottom: 1.25rem;
	    height: 33.19px;
}

.segment-consult .consult-form__btn {
   font-size: 0.75rem;
   padding: 1rem 0;
   margin-top: 2.6875rem auto 0;
}

.segment-consult .wpcf7-response-output,
.segment-consult .wpcf7-not-valid-tip {
   font-size: 0.6rem;
}

/* --------- Quiz Section --------- */
.quiz {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

.quiz-body {
   max-width: 59.375rem;
   margin: auto;
   background-color: rgba(23, 23, 23, 0.8);
   backdrop-filter: blur(1.25rem);
}

.quiz-body__head {
   text-align: center;
   max-width: 35.8125rem;
   margin: auto;
   padding: 4.375rem 1.25rem 3.375rem;
}

.quiz-body__title {
   font-size: 2.5rem;
   letter-spacing: 0.05em;
}

.quiz-body__progress {
   width: 100%;
   height: 44px;
   border-top: 0.0625rem solid #323232;
   border-bottom: 0.0625rem solid #323232;
}

.quiz-body__progress span {
   background: linear-gradient(260deg, rgba(221, 150, 101, 1) 0%, rgba(221, 150, 101, 0) 100%);
   height: 100%;
   width: 33%;
   display: block;
   transition: all 0.5s ease;
}

.quiz-body__wrapper {
   padding: 3rem 1.25rem 3.75rem;
}

.quiz-step {
   display: none;
}

.quiz-step h3 {
   text-align: center;
   font-size: 1.5rem;
   letter-spacing: 0.05em;
   margin-bottom: 4rem;
}

.error-message {
   font-size: 0.875rem;
   color: red;
   text-align: center;
   margin-top: 1.875rem;
}

.quiz-step__buttons {
   display: flex;
   align-items: center;
   justify-content: center;
}

.quiz-step__buttons .wpcf7-radio {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 3.4375rem;
}

.wpcf7-list-item {
   margin: 0;
}

.quiz-body__actions {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.5625rem;
   max-width: 12.9375rem;
   margin: 3.1875rem auto 0;
   flex-wrap: wrap;
}

.quiz-body__actions button,
.quiz-body__actions input[type="submit"] {
   font-size: 0.75rem;
   line-height: 1.5;
   letter-spacing: 0.05em;
   width: 5.6875rem;
}

.quiz-body__actions button {
   padding: 1rem 0.4375rem;
}

.quiz-body__actions input[type="submit"] {
   padding: 1rem;
   width: auto;
}

#nextStep,
.quiz-body__actions input[type="submit"] {
   color: #DD9665;
   border: 1px solid #DD9665;
}

#nextStep:hover,
.quiz-body__actions input[type="submit"]:hover {
   color: #171717;
   box-shadow: 0rem 0.3125rem 3.125rem 0 rgba(221, 149, 101, 0.3);
   background-color: #DD9665;
}

#prevStep {
   color: #323232;
   border: 0.0625rem solid #323232;
}

#prevStep:hover {
   color: #323232;
   border: 0.0625rem solid transparent;
   background-color: #ffffff;
}

#prevStep:disabled {
   pointer-events: none;
}

.quiz .wpcf7-not-valid-tip,
.quiz .wpcf7-response-output {
   font-size: 0.75rem;
}

.quiz .wpcf7-response-output {
   position: relative;
   top: -4.0625rem;
}

.quiz [type=radio]:checked, .quiz [type=radio]:not(:checked),
.quiz [type=checkbox]:checked, .quiz [type=checkbox]:not(:checked) {
   position: absolute;
   left: -9999px;
   width: 0;
   height: 0;
   visibility: hidden;
}

.quiz .wpcf7-list-item-label {
   font-size: 0.875rem;
   line-height: 1.5;
   letter-spacing: 0.05em;
   padding-left: 2.125rem;
   position: relative;
   cursor: pointer;
}

.quiz .wpcf7-list-item-label:before {
   position: absolute;
   width: 18px;
   height: 18px;
   border: 0.0625rem solid #DD9665;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   box-sizing: border-box;
}

.quiz .wpcf7-list-item-label:after {
   position: absolute;
   width: 0.625rem;
   height: 0.625rem;
   background-color: #DD9665;
   top: 50%;
   transform: translateY(-50%);
   left: 3px;
   opacity: 0;
   transition: all 0.5s ease;
   box-shadow: 0 0 0.625rem rgb(221, 150, 101, 0.70);
}

.quiz .wpcf7-list-item label input:checked+.wpcf7-list-item-label:after {
   opacity: 1;
}

.quiz-body__rangeSlider {
   max-width: 35.75rem;
   margin: auto;
   margin: 3.5rem auto 4.6875rem;
}

.irs--flat .irs-min, .irs--flat .irs-max,
.irs-from, .irs-to,
.irs--flat .irs-handle i {
   display: none !important;
}

.irs--flat .irs-handle {
   width: 1.625rem;
   height: 1.625rem;
   border-radius: 100%;
   border: 7px solid #DD9665;
   background-color: #ffffff;
   top: 0.5rem;
   cursor: pointer;
   box-shadow: 0 0 0.875rem rgb(221, 150, 101, 0.50);
}

.irs--flat .irs-line {
   height: 0.1875rem;
   border-radius: 0.0938rem;
   background-color: #ffffff;
   box-shadow: 0 0.25rem 0.875rem rgb(221, 150, 101, 0.50);
}

.irs--flat .irs-bar {
   height: 0.1875rem;
   border-radius: 0.0938rem;
   background-color: #DD9665;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before {
   display: none !important;
}

.irs--flat .irs-single {
   font-size: 0.875rem;
   line-height: 1.5;
   text-shadow: none;
   padding: 0;
   background-color: transparent;
   border-radius: 0;
   letter-spacing: 0.05em;
   top: 3.125rem;
   font-family: 'Tenor Sans', sans-serif;
}

.irs--flat .irs-single:after {
   content: 'м';
   display: inline-block;
   margin-left: 0.3125rem;
}

.irs--flat .irs-single:before {
   content: '2';
   position: absolute;
   display: block;
   top: 0;
   left: 109%;
   font-size: 0.5rem;
   border: none;
   color: #ffffff;
   bottom: auto;
   width: auto;
   height: auto;
}

.quiz-body__additional {
   margin: 2.125rem auto 0;
   border-top: 0.0625rem solid #323232;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   max-width: 50.125rem;
   gap: 2.625rem;
   padding-top: 2.125rem;
}

.quiz-body__additional-list {
   margin-top: 1.25rem;
   grid-gap: 0 0.8125rem;
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.quiz-body__additional-list li {
   font-size: 0.7rem;
   color: #AFAFAF;
   line-height: 1.5;
   letter-spacing: 0.05em;
   flex: 0 1 48%;
}

.quiz-body__additional-list .wpcf7-list-item-label {
   font-size: 0.875rem;
}

.quiz-body__additional .wpcf7-list-item-label:before,
.quiz-body__additional .wpcf7-list-item-label:after {
   border-radius: 100%;
}

.quiz-body__additional-list li:before {
   content: "";
   display: inline-block;
   width: 0.375rem;
   height: 0.375rem;
   background: url('../images/icon-check.svg') no-repeat center center/contain;
   margin-right: 0.3125rem;
   vertical-align: middle;
}

.quiz .swal-modal {
   opacity: 1;
   width: 100%;
   max-width: 59.375rem;
   margin: auto;
   background-color: rgba(23, 23, 23, 0.8);
   backdrop-filter: blur(1.25rem);
   border-radius: 0;
   pointer-events: all;
   min-height: 70vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   justify-content: center;
}

.quiz .swal-icon--success:after, .quiz .swal-icon--success:before,
.swal-icon--success__hide-corners,
.quiz .swal-footer {
   display: none !important;
}

.quiz .swal-icon:first-child {
   margin-top: 0;
}

.quiz .swal-icon {
   width: 6.25rem;
   height: 6.25rem;
   border: none;
   margin: 0 auto 2.5rem;
}

.quiz .swal-icon--success__ring {
   width: 6.25rem;
   height: 6.25rem;
   border: 0.25rem solid #C4865B;
   left: 0;
   top: 0;
}

.quiz .swal-icon--success__line--long {
   width: 3.0625rem;
   height: 0.25rem;
   background-color: #C4865B;
   right: 0.8rem;
   top: 3rem;
}

.swal-icon--success__line--tip {
   width: 1.3125rem;
   height: 0.25rem;
   background-color: #C4865B;
   top: 3.6rem;
   left: 1.9rem;
}

.quiz .swal-title {
   color: #C4865B;
   font-size: 2.5rem;
   letter-spacing: 0.05em;
   margin-bottom: 1rem;
   text-transform: uppercase;
   font-family: 'Tenor Sans', sans-serif;
   font-weight: 400;
   padding: 0;
}

.quiz .swal-text {
   text-transform: uppercase;
   font-family: 'Tenor Sans', sans-serif;
   color: #C4865B;
   font-size: 1.5rem;
   letter-spacing: 0.05em;
   padding: 0;
   max-width: none;
}

/* --------- Project Section --------- */
.details {
   padding: 6.875rem 0 7.75rem;
   overflow: hidden;
}

.details-title {
   text-align: center;
   font-size: 2.5rem;
   letter-spacing: 0.05em;
   line-height: 1.5;
   margin-bottom: 4.4375rem;
}

.details-slider__info {
   max-width: 40rem;
   padding-right: 4.6875rem;
   position: relative;
   padding-top: 1.875rem;
}

.details-slider__title {
   font-size: 1.5rem;
   letter-spacing: 0.05em;
   margin-bottom: 2.1875rem;
   color: #DD9665;
   font-family: 'Tenor Sans', sans-serif;
   max-width: 23.125rem;
   text-transform: uppercase;
}

.details-slider__price {
   position: absolute;
   top: 1.875rem;
   right: 0;
   background-color: #DD9665;
   font-size: 1.25rem;
   letter-spacing: 0.05em;
   font-family: 'Tenor Sans', sans-serif;
   padding: 0.6875rem 1.25rem;
   color: #000000;
}

.details-slider__price span {
   font-size: 0.75rem;
   display: inline-block;
   margin-left: 0.3125rem;
}

.details-slider__description h4 {
   font-size: 1.25rem;
   letter-spacing: 0.05em;
   margin-bottom: 17px;
}

.details-slider__description * {
   font-size: 0.875rem;
   line-height: 2;
   letter-spacing: 0.05em;
}

.details-slider__description p,
.details-slider__description ul,
.details-slider__description ol {
   margin-top: 1.0625rem;
   font-weight: 300;
}

.details-slider__description p strong,
.details-slider__description ul strong,
.details-slider__description ol strong {
   font-weight: 500;
}

.details-slider__description ul li,
.details-slider__description ol li {
   display: list-item;
}

.details-slider__description ul,
.details-slider__description ol {
   padding-left: 1.25rem;
   margin-bottom: 2.6875rem;
}

.details-slider__wrapper {
   position: relative;
}

.details-slider__gallery {
   width: 44.3%;
   position: absolute;
   top: 0;
   right: 0;
}

.details-slider__gallery img {
   width: 100%;
   object-fit: cover;
   height: auto;
   max-height: 38rem;
}

.details-slider .slick-list {
   overflow: inherit;
}

.details-slider__gallery .slick-list {
   overflow: hidden;
}

.details-slider__gallery .btn-arrow {
   background-color: rgb(23, 23, 23, 0.6);
   width: 2.6875rem;
   height: 6.625rem;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   bottom: 3.5625rem;
   z-index: 1;
}

.details-slider__gallery .btn-prev {
   left: 3.5625rem;
}

.details-slider__gallery .btn-next {
   left: 6.875rem;
}

.details-slider__actions {
   display: flex;
   align-items: center;
   gap: 0.625rem;
}

.details-slider__actions button,
.details-slider__actions a {
   font-size: 0.75rem;
   max-width: 10.6875rem;
   letter-spacing: 0.05em;
   line-height: 1.5;
   padding: 1rem 1.5rem;
}

.details-slider__actions .btn-call {
   color: #DD9665;
   border: 0.0625rem solid #DD9665;
}

.details-slider__actions .btn-call:hover {
   color: #000000;
   background-color: #DD9665;
}

.details-slider__actions .btn-next-slider {
   color: #ffffff;
   border: 0.0625rem solid #ffffff;
}

.details-slider__actions .btn-next-slider:hover {
   color: #000000;
   background-color: #ffffff;
}

.d-flex.row.portfolio {
    max-width: 90em!important;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0.617924em;
    box-sizing: content-box;
}

.filter{
	width:26%;
	display:none
}
.portfolio-wrapper {
 /*  width: 73.9130434783%;*/
    float: right;
    margin-right: 0;
	width:100%
}
/* Загальні стилі для гріда */
.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Три колонки */
    gap: 10px; /* Відступи між елементами */
}

.portfolio-item {
   height: 21.9vw; /* Для всіх елементів, крім великого */
    overflow: hidden; /* Обрізає зайве */
}

.portfolio-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Підгонка зображення */
}

/* Для великих елементів */
.portfolio-item--large {
    grid-column: span 2; /* Займає 2 колонки */
    grid-row: span 2; /* Займає 2 рядки */
   height: calc(2 * 21.9vw + 10px); /* Двічі висота квадрата плюс відступ */
}

.portfolio-item {
    position: relative;
}
.port-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #ffffff;
	 display: flex;
    flex-wrap: wrap;
	opacity:0;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    -webkit-transition: .8s;
    transition: .8s;
}
.port-card-title {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Tenor Sans';
    letter-spacing: 0;
    color: #ffffff;
	 padding: 0 5%;
    text-align: center;
    -webkit-transition: .8s;
    transition: .8s;
}

.port-card-area,
.port-card-location {
    display: flex;
    align-items: center;
    column-gap: 7px;
    font-size: 14px;
}
.port-card-meta {
    gap: 10px;
    display: flex;
    flex-direction: column;

    -webkit-transition: .8s;
    transition: .8s;
}


.portfolio-item:after {
    z-index: 100;
    pointer-events: none;
    content: "";
    position: absolute;
    width: 116px;
    height: 28px;
    top: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    background: url(https://prime-renovations.ca/wp-content/uploads/2025/02/port-arrow.svg) no-repeat center center,url(https://prime-renovations.ca/wp-content/uploads/2025/02/port.svg) no-repeat center top/100% 100%;
    -webkit-transition: .3s;
    transition: .3s;
}



.portfolio-item:hover:after {
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}
.portfolio-item:hover img{
	filter: blur(5px) brightness(0.5);
	-webkit-transition: .7s;
    transition: .7s;
}

.portfolio-item:hover .port-card-inner{
	opacity:1;
	 -webkit-transition: .8s;
    transition: .8s;
} 

.portfolio-item:hover .port-card-meta ,
.portfolio-item:hover .port-card-title{

	-webkit-transition: .8s;
    transition: .8s;
	
}

.blog-card-meta p {
    max-width: 75%;
    margin: 0 auto;
    font-size: 14px;
	color:#ffffff
}
.port-card-inner.blog-item-inner{
	opacity:1!important
}

.blog-item img {
    filter: blur(5px) brightness(0.5)!important;
    -webkit-transition: .7s;
    transition: .7s;
}
.blog-item:hover img{
	filter: unset!important;
}
.page-blog-content h1 {
    text-align: center;
    margin: 2rem 0;
    text-transform: uppercase;
    font-size: 75px;
    font-family: 'Open Sans';
}

.page-blog-content>p {
    color: #ffffff;
    text-align: justify;
    margin-bottom: 1.5rem;
}
section.page-blog-info,
.page-blog-content {
    width: 100%;
}

/* Для широких елементів */
.portfolio-item--wide {
    grid-column: span 2;
    grid-row: span 1;
   height: 21.9vw; /* Висота одного рядка */
}

/* Для вузьких елементів */
.portfolio-item--wide-short {
    grid-column: span 2;
    grid-row: span 1;
   height: 21.9vw;
}


/* Пагінація з стрілками */
.portfolio-pagination {
    text-align: center;
    margin-top: 20px;
}

.portfolio-pagination a,
.portfolio-pagination span {
    padding: 5px 10px;
}

.portfolio-pagination .current {
    background-color: #333;
    color: #fff;
    font-weight: bold;
}

/* Стрілки */
.portfolio-pagination a.prev,
.portfolio-pagination a.next {
    font-size: 16px;
    padding: 0 10px;
}

.portfolio-pagination a.prev::before {
    content: "←"; /* Ліва стрілка */
}

.portfolio-pagination a.next::before {
    content: "→"; /* Права стрілка */
}

.portfolio-pagination {
	text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.portfolio-pagination a,
.portfolio-pagination span {
	border: none;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
	    font-size: 16px;
}

.portfolio-pagination .current {
   background: #E5AD3E!important;
    color: #fff;
    font-weight: bold;
}

.portfolio-pagination a.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.delay{-webkit-animation-delay:0s;animation-delay:0s}.delay2{-webkit-animation-delay:.2s;animation-delay:.2s}.delay4{-webkit-animation-delay:.4s;animation-delay:.4s}.delay6{-webkit-animation-delay:.6s;animation-delay:.6s}.delay8{-webkit-animation-delay:.8s;animation-delay:.8s}.delay10{-webkit-animation-delay:1s;animation-delay:1s}@media (max-width:768px){.delay,.delay10,.delay2,.delay4,.delay6,.delay8{-webkit-animation-delay:.4s;animation-delay:.4s}}.animate_fade_in,.animate_fade_left,.animate_fade_left_sm,.animate_fade_right_sm{opacity:0}@-webkit-keyframes slide-up-in{0%{-webkit-transform:translate(0,100%) rotate(1deg);transform:translate(0,100%) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes slide-up-in{0%{-webkit-transform:translate(0,100%) rotate(1deg);transform:translate(0,100%) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}.fade_in{opacity:1;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slide-up-in;animation-name:slide-up-in}@-webkit-keyframes slide-left{0%{-webkit-transform:translate(30%,0) rotate(1deg);transform:translate(30%,0) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes slide-left{0%{-webkit-transform:translate(100%,0) rotate(1deg);transform:translate(100%,0) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}.fade_left{opacity:1;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slide-left;animation-name:slide-left}@-webkit-keyframes slide-left-sm{0%{-webkit-transform:translate(20%,0) rotate(1deg);transform:translate(20%,0) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes slide-left-sm{0%{-webkit-transform:translate(20%,0) rotate(1deg);transform:translate(20%,0) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}.fade_left_sm{opacity:1;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slide-left-sm;animation-name:slide-left-sm}@-webkit-keyframes slide-right-sm{0%{-webkit-transform:translate(-20%,0) rotate(1deg);transform:translate(-20%,0) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes slide-right-sm{0%{-webkit-transform:translate(-20%,0) rotate(1deg);transform:translate(-20%,0) rotate(1deg);opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{opacity:1;-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-transform-origin:0 0;transform-origin:0 0}}.fade_right_sm{opacity:1;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slide-right-sm;animation-name:slide-right-sm}


.page-portfolio-content {
    border-radius: 25px;
    padding: 37px 53px 53px 53px;
    letter-spacing: .2px;
    line-height: 28px;
    border: 1px solid #dd9665;
}
.page-portfolio-content p{
	color: #ffffff!important;
	font-size:18px
}
.page-portfolio-content p strong {
    margin: 35px 0 10px;
    font-size: 20px;
    display: block;
    color: #dd9665;
}
section.portfolio-footer {
    margin-top: 7.75rem;
}
.portfolio-footer-background img {
    margin: 0px auto;
}

.portfolio-page-form {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}

.portfolio-footer-background {
    position: relative;
}
.portfolio-page-form>div {
    padding: 53px;
    border: 1px solid #ffffff;
    border-radius: 25px;
	 backdrop-filter: blur(15px);
}

.portfolio-page-form input.wpcf7-form-control.wpcf7-submit{
    background: linear-gradient(153.43deg,#eacf9f 0,#e7a467 54.455%);
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}
.portfolio-page-form>h2 {
    margin-bottom: 30px;
}




/*Single portfolio*/


.portfolio-header img {
    height: 82vh;
    width: 100%;
    object-fit: cover;
    border-radius: 22px;
}

.portfolio-header{
	padding:0!important;	
	position:relative;
	margin-top: 4.0625rem;
}

.portfolio-header.container h1 {
    position: absolute;
    font-size: 75px;
    bottom: 40px;
    left: 40px;
    text-transform: uppercase;
    max-width: 40vw;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 600;
    font-family: system-ui;
    letter-spacing: -0.5px;
}


aside.sidebar {
    width: 22%;
}

.case-wrapper {
    width: 78%;
	padding-left:15px
}
.case-tab {
    padding: 28px 44px 40px;
    border-radius: 25px;
    border: 1px solid #cecece;
    margin-bottom: 27px;
    background: #ffffff;
    color: #000000;
}
.case-tab p {
    color: #000000;
    font-family: 'Open Sans';
    letter-spacing: 0;
    font-size: 18px;
    line-height: 30px;
}
h2.portfolio-tab-title {
	font-family: 'Open Sans';
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 26px;
}
h2.portfolio-subtitle {
    margin: 30px 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .7px;
}
button.portfolio-sidebar-button {
    display: block;
    color: #000;
    margin-bottom: 6px;
    font-size: 18px;
    padding: 15px 40px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #000;
    transition: .3s;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Tenor Sans';
    width: 100%;
    letter-spacing: -1px;
}

h2.portfolio-gallery-title.active,
h2.portfolio-gallery-title:hover,
h2.portfolio-gallery-title:focus,
button.portfolio-sidebar-button:hover {
    border-color: #dd9665!important;
    color: #dd9665!important;
	    transition: .3s;
	position:relative;
	outline:none!important;
}

h2.portfolio-gallery-title.active:after{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0;
    border-color: #e7a467 transparent transparent;

}
h2.portfolio-gallery-title {
    margin-right: 5px;
    position: relative;
    font-size: 18px;
    font-family: 'Tenor Sans';
    padding: 15px 27px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    letter-spacing: 0px;
	font-weight: 600;
}

.portfolio-plan-slider {
    display: flex;
}

.plan-slider__slide img {
    object-fit: cover;
    max-height: 213px;
    width: 100%;
	cursor: zoom-in;
}
.plan-slider__slide {
    padding: 0 16px;
    max-width: 33.33%;
   
}
.tab-titles {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
	flex-wrap: wrap;
}
.portfolio-gallery-slider {
    display: flex;
	margin-bottom: 20px;
}

.portfolio-gallery-slider__slide {
    max-width: 33.33%;
    padding-right: 10px;
	width: 33.02%!important;

}

.portfolio-gallery-slider__slide img{
	height: 416px;
    object-fit: cover;
	width:100%;
	 border-radius: 25px;
	cursor:pointer
}
.case-content.case-tab {
    background: #f8f8f8;
    border-radius: 25px;
    padding: 53px;
}
.case-content.case-tab p {
    margin-bottom: 20px;
    line-height: 30px;
}



.portfolio-gallery-slider {
	margin-right:10px
}

.portfolio-gallery-slider .slick-track{
	display:flex!important;	
}
.portfolio-plan-slider  button.splide__arrow.splide__arrow--prev,
.portfolio-gallery-slider button.splide__arrow.splide__arrow--prev,
.portfolio-plan-slider button.splide__arrow.splide__arrow--next,
.portfolio-gallery-slider button.splide__arrow.splide__arrow--next,
.portfolio-plan-slider .slick-prev, 
.portfolio-plan-slider .slick-next,
.portfolio-gallery-slider .slick-prev, 
.portfolio-gallery-slider .slick-next{
	background: linear-gradient(153.43deg,#eacf9f 0,#e7a467 79.352%);
    height: 35px;
    width: 35px;
    border-radius: 100%;
    z-index: 9;
}
.portfolio-gallery-slider button.splide__arrow.splide__arrow--next:after,
.portfolio-plan-slider button.splide__arrow.splide__arrow--next:after,
.portfolio-plan-slider button.slick-next.slick-arrow:after,
.portfolio-gallery-slider button.slick-next.slick-arrow:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ffffff;
    top: 50%;
    right: 20%;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.portfolio-plan-slider  button.slick-prev.slick-arrow:after,
.portfolio-gallery-slider  button.slick-prev.slick-arrow:after,
.portfolio-plan-slider  button.splide__arrow.splide__arrow--prev:after,
.portfolio-gallery-slider  button.splide__arrow.splide__arrow--prev:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ffffff;
    top: 50%;
    right: 26%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.portfolio-gallery-slider .slick-list.draggable {
    margin-right: -10px;
}

.portfolio-plan-slider .splide__arrow svg,
.portfolio-gallery-slider .splide__arrow svg {
    opacity: 0;
}

.zoom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;  /* Центрування по вертикалі */
    justify-content: center; /* Центрування по горизонталі */
    z-index: 1000;
    display: none;
}

.zoom-overlay img {
    max-width: 90%;
    max-height: 90%;
    transition: transform 0.3s ease;
    cursor: pointer;
	min-width:50vw
}

.zoom-prev, .zoom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1001;
}

.zoom-prev { left: 10px; }
.zoom-next { right: 10px; }

button.zoom-next svg,button.zoom-prev svg {
    fill: white;
    width: 38px;
    height: 38px;
}

button.zoom-next:focus,
button.zoom-prev:focus{
	outline:none!important;
}

.zoom-overlay img.scaled {
    transform: scale(1.2);
}


.header-figure {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://prime-renovations.ca/wp-content/uploads/2025/02/border-r.svg) no-repeat center center/100% 100%;
    padding: 44px 0 0 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: max-content;
    white-space: nowrap;
}

button.btn-yellow.open-popup.hero-content__btn.btn.btn-primary.animate_fade_right_sm.delay6.open-modal.fade_right_sm {
    background: no-repeat right 64px center,linear-gradient(153.43deg,#eacf9f 0,#e7a467 54.455%);
    color: #fff;
    padding: 30px 20px 30px 20px;
    background-position: right 45px center,center center;
    font-size: 30px;
    text-align: center;
    border-radius: 25px;
    transition: .3s;
    border: 0;
	    min-width: 25vw;
}

@media (max-width: 1600px) {
.portfolio-template-default  .container {
    max-width: 80vw;
}
	
.single-post main#primary {
    padding-top: 70px;   
}	
	
.portfolio-header.container h1 {
    font-size: 65px;
    line-height: 70px;
	    max-width: 65vw;
}	
	
button.portfolio-sidebar-button {
    font-size: 16px;
    padding: 15px 15px;
}	
h2.portfolio-tab-title {
    font-size: 20px;
	letter-spacing:unset
}	
h2.portfolio-subtitle {
    margin: 25px 0 15px;
    font-size: 19px;
}	
	
h2.portfolio-gallery-title {
    font-size: 18px;
    padding: 12px 20px;
}	
	
}

@media screen and (max-width: 1499px) {
	.page-portfolio-content {
    padding: 5px 35px 35px 35px;
}	
}



@media screen and (max-width: 1299px) {
.hero__container.container {
   max-width: 81.25rem;
}
.hero-service__card {
    height: 38.75rem;
    width: 16.875rem;
}
.single-post main#primary {
    padding-top: 55px;    
}
	
	
.portfolio-template-default  .container {
    max-width: 90vw;
}	
	
.portfolio-template-default header .container {
    max-width: 100%;
}	
	
.article h1 {
    margin-bottom: 20px;
	line-height: 45px;
}	
	
.article h2 {
    margin-top: 30px;   
}	
	
.single-post main#primary {
    padding-bottom: 50px;
}	
	
button.btn-yellow.open-popup.hero-content__btn.btn.btn-primary.animate_fade_right_sm.delay6.open-modal.fade_right_sm {
    font-size: 25px;
    min-width: 28vw;
}	
.portfolio-gallery-slider__slide img {
    height: 300px;

}
	
.page-blog-content h1 {
    font-size: 55px; 
	}	
	
.port-card-title {
	font-size: 24px;
	}	

.blog-card-meta p {
    font-size: 12px;
}	
	
}





@media screen and (max-width: 1025px) {
	#hero {
		padding: 12rem 0;
	}

	.hero__container {
		min-height: inherit;
	}

	.navigation__phone,
	.steps-content__info *,
	.about-body__info p,
	.navigation__menu li a,
	.btn-primary,
	.about-service__content p {
		font-size: 1rem;
	}

	.navigation__language {
		font-size: 0.8rem;
	}

	html {
		font-size: 12px;
	}
	
	.article h1 {
    margin-bottom: 10px;
    line-height: 40px;
}
	
	.single-post main#primary .container{
		max-width:80rem
	}	
	

	.navigation__logo {
		margin-left: 7rem;
	}

	.portfolio-slider .slick-prev {
		left: 1.5rem;
	}

	.portfolio-slider .slick-next {
		right: 1.5rem;
	}

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

	.details-slider__info {
		max-width: 100%;
	}

	.details-slider__gallery {
		position: static;
		width: 100%;
		margin-top: 2.5rem;
	}

	.details-slider__gallery img {
		max-height: 45rem;
	}

	.details {
		padding-bottom: 0;
	}
	
.segment-card,.segment-consult {
	max-width:50%;
		width: 50%;
}	
.portfolio-wrapper {
    width: 100%;
}	
.filter {
    width: 90%;
    position: absolute;
	left:0
}	

.portfolio-item {
   height: 32.2vw; /* Для всіх елементів, крім великого */
}

.page-blog-content h1 {
    font-size: 40px;
}
	
.page-blog-content>p {
    text-align: unset;
    margin-bottom: 0.5rem;
    max-width: 95%;
}	

/* Для великих елементів */
.portfolio-item--large {
   height: calc(2 * 32.2vw + 10px); /* Двічі висота квадрата плюс відступ */
}

/* Для широких елементів */
.portfolio-item--wide {
   height: 32.2vw; /* Висота одного рядка */
}

/* Для вузьких елементів */
.portfolio-item--wide-short {
   height: 32.2vw;
}	
.portfolio-header.container h1 {
    font-size: 65px;
    line-height: 70px;
    max-width: 55vw;
    left: 30px;
}
	
.portfolio-gallery-slider__slide img {
    height: 255px;
}	
	
}


@media screen and (max-width: 991px) {
	
.portfolio-header.container h1 {
    font-size: 50px;
    left: 5%;
    max-width: 70%;
    letter-spacing: 0;
    line-height: 70px;
    bottom: unset;
    top: 10%;
}
	
button.btn-yellow.open-popup.hero-content__btn.btn.btn-primary.animate_fade_right_sm.delay6.open-modal.fade_right_sm {
    font-size: 25px;
    min-width: 50vw;
}	
	
aside.sidebar {
    width: 100%;
    padding: 0 10px;
}	
.case-wrapper {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
	    padding-top: 10px;
}
.portfolio-gallery-slider__slide {
    max-width: 50%;   
}	
.plan-slider__slide {
    padding: 0;
    max-width: 100%;
    width: 100%!important;
    margin: 0!important;
}	
	
.plan-slider__slide img {
    max-height: unset;
}	
.portfolio-plan-slider  .splide__arrow--prev,	
.portfolio-gallery-slider .splide__arrow--prev {
    left: 0%;
}	
.portfolio-plan-slider  .splide__arrow--next,	
.portfolio-gallery-slider .splide__arrow--next {
    right: 0%;
}	
.case-tab {
    padding: 22px;
    margin-bottom: 20px;
}	
	
.portfolio-gallery-slider__slide img {
    height: 416px;
}	
	
h2.portfolio-tab-title {
    font-size: 22px;
	margin-bottom:15px
}	
h2.portfolio-subtitle {
    margin: 0px 0 10px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .5px;
    max-width: 93%;
}	
.case-tab p {
    line-height: 25px;
    text-align: justify;
}	
.case-content.case-tab {
    background: #f8f8f8;
    border-radius: 25px;
    padding: 20px;
}	
h2.portfolio-gallery-title {
    font-size: 13px;
    padding: 8px 15px;
}	
.tab-titles {
    gap: 10px 0;
}	
button.zoom-next svg, button.zoom-prev svg {
    fill: #dd9665!important;
	width: 30px;
    height: 30px;
}	
	
.page-portfolio-content {
    padding: 5px 20px 25px 20px;
}	
section.portfolio-footer {
    margin-top: 2.75rem;
}	
.portfolio-gallery-slider__slide {
    max-width: 100%;
    width: 100%!important;
}	
	.port-card-title {
    font-size: 20px;
}	
}












@media screen and (max-width: 768px) {
	html {
		font-size: 16px;
	}

	.navigation__logo {
		margin: 0;
	}

	.hero-content {
		flex-direction: column;
	}

	.hero-bg img {
		object-fit: cover;
	}
	
.portfolio-header.container h1 {
    font-size: 40px;
}


	.navigation__language,
	.hero .section-line {
		display: none;
	}

	.header {
		border-bottom: none;
		background-color: rgba(23, 23, 23, 0.86);
		box-shadow: 0 0 10px rgb(0 0 0 / 26%);
	}

	.navigation__right {
		background-color: transparent;
		padding: 0;
	}

	.menu-btn {
		order: 1;
	}

	/*.navigation__phone {*/
	/*	font-size: 0;*/
	/*	margin-left: 0;*/
	/*	margin-right: 0.875rem;*/
	/*	width: 1rem;*/
	/*	height: 1rem;*/
	/*	position: relative;*/
	/*}*/

	/*.navigation__phone:before {*/
	/*	content: '';*/
	/*	position: absolute;*/
	/*	width: 100%;*/
	/*	height: 100%;*/
	/*	background: url('../images/phone-call.svg') no-repeat center center;*/
	/*	background-size: contain;*/
	/*	left: 0;*/
	/*	top: 0;*/
	/*}*/

	.menu-wrapper__right {
		display: none;
	}

	.menu-wrapper__left {
		width: 100%;
	}

	#hero {
		padding: 8rem 0;
	}

	.hero-content__left {
		max-width: 100%;
		margin-bottom: 3rem;
	}

	.title-h1 {
		font-size: 3.5rem;
	}

	.hero-content__title {
		margin-bottom: 2rem;
	}

	.btn-primary {
		max-width: 14rem;
		padding: 1.25rem 0;
	}

	.hero-service__card {
		height: 22.75rem;
	}

	.hero-service__wrapper {
		padding: 1rem;
	}

	.hero-service__label {
		font-size: 1rem;
	}

	.advantages-block {
		flex-wrap: wrap;
		justify-content: center;
	}

	.advantages-block__item {
		margin: 0 2.5rem;
	}

	.section-title {
		font-size: 2rem;
		line-height: 133%;
	}

	.portfolio-title {
		margin-bottom: 2rem;
	}

	.portfolio-slider .slick-list {
		padding: 0 5rem;
	}

	.portfolio-slider .slick-slide img {
		width: 100%;
	}

	.steps-body__image {
		display: none;
	}

	.steps-body__info {
		width: 100%;
		padding-top: 0;
	}

	.steps-body__title {
		margin-bottom: 2rem;
		padding-left: 0;
		text-align: center;
	}

	.steps-content__top {
		padding: 1.75rem;
	}

	.steps-content__item:first-child:before,
	.steps-content__item:after {
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
	}

	.steps-content__item:first-child {
		border-top: none;
	}

	.steps-content__item {
		border-bottom: none;
	}

	.about-body__image,
	.info-page__image {
		position: relative;
		width: calc(100% + 3rem);
		height: auto;
		left: -1.5rem;
	}

	.info-page__image {
		bottom: auto;
	}

	.about-body {
		flex-direction: column;
	}

	.info-page__body {
		flex-direction: column-reverse;
	}

	.info-page__content {
		width: 100%;
		margin-bottom: 3rem;
	}

	.about-body__info {
		text-align: justify;
		margin: 0 auto 2rem;
		padding: 0;
	}

	.consult-elements {
		display: none;
	}

	.consult-title {
		margin: 0 auto 3rem;
	}

	.consult {
		padding: 6rem 0;
	}

	.steps-content__info {
		padding-left: 2rem;
	}

	.menu-contact {
		display: block;
	}

	.menu-contact.active {
		transform: translateY(0);
		transition: transform .9s ease-in-out;
		opacity: 1;
	}

.nav-language {
    display: flex;
    width: 100%;
    gap: 10px;
}

.widget_polylang ul{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
	    gap: 10px;
}
.language ul li:not(.current-lang) {
    opacity: 1;
    visibility: visible;
    width: fit-content;
    display: block;
    transition: all 0.5s ease;
}	
	

	
	.menu .nav-language {
		right: 0;
		position: static;
    margin-bottom: 30px;
	}

	.steps-elements {
		width: 17.5rem;
	}

	.offer-item {
		min-height: 23rem;
	}

	.price-head .section-line {
		display: none;
	}

	.portfolio-main__item {
		min-height: 24.25rem;
	}

	.block-item {
		padding: 1.875rem 1.5625rem;
	}

	.contact-head .section-line,
	.contact-head .section-line-2 {
		display: none;
	}

	.contact {
		padding: 5.125rem 0 0;
	}

	.hero-service__arrow {
		height: auto;
		transform: none;
	}

	.segment-title {
		margin-bottom: 2.3rem;
		font-size: 2rem;
	}

	.segment {
		padding: 6.375rem 0 8.1875rem;
	}

	.quiz-step__buttons .wpcf7-radio {
		flex-wrap: wrap;
		gap: 2rem;
	}

	.quiz-body__rangeSlider {
		margin: 2.5rem auto 4rem;
	}

	.quiz-body__title {
		font-size: 2rem;
	}

	.quiz-step h3 {
		font-size: 1.3rem;
		margin-bottom: 3rem;
	}

	.quiz-body__additional {
		grid-template-columns: 1fr 1fr;
		max-width: 33.125rem;
	}
button.btn-yellow.open-popup.hero-content__btn.btn.btn-primary.animate_fade_right_sm.delay6.open-modal.fade_right_sm {
    font-size: 17px;
    min-width: 50vw;
    padding: 15px;
}	
.blog-item {
    height: 55vw!important;
    grid-column: span 4!important;
}	
.article h1 {
    margin-bottom: 0px;
    line-height: 40px;
    font-size: 27px;
}	
.single-post main#primary {
    padding-top: 70px;
}	
.single-post .breadcrumbs {
    padding-left: 0px;
    line-height: 28px;
    margin-bottom: 0;
}		
}


@media screen and (max-width: 576px) {
header .navigation__logo img {
		max-width: 10.9375rem;
	}
	
header span.blogdescription {
        font-size: 10px;
    padding-left: 5px;
}	
header span.blogname {
    font-size: 20px;
	margin-top: 5px;
}	
	
.navigation__logo a{
    gap: 2px; 
}	
	
.portfolio-page-form>div {
    width: 90vw;
}
.blog-item .port-card-title {
    font-size: 12px;
}	
.page-template-design .details {
    padding-top: 3.875rem;
}	
	
.page-blog-content h1 {
    font-size: 35px;
}	

.page-blog-content>p {
    text-align: unset;
	max-width: 100%;
	    font-size: 14px;
  }	
	

	
.form-slide-last {
	max-width: 100%;
	}	
	
	.slides__title {
    font-size: 16px!important;
}
.slides__item_last, .slides__inner {

	min-height: unset;!important}	
	

	#hero {
		padding: 6.3125rem 0 0;
	}

	.navigation {
		height: 3.2rem;
		padding-bottom: 5px;
	}

	.section-label {
		font-size: 0.6875rem;
	}
.portfolio-header img {
    height: 55vh;
}


	.hero-content__title {
		font-size: 2rem;
	}

	.btn-primary {
		max-width: 12.5rem;
		font-size: 0.625rem;
		padding: 0.8125rem 0;
	}
	
	.banner-text {
    font-size: 12px;

}

	.hero:before {
		width: 85%;
	}

	.hero-service__card {
		height: 20.125rem;
		width: 8.3125rem;
	}

	.hero-service__label {
		font-size: 0.8125rem;
	}

	.hero-service__card:first-child {
		margin-right: 1.25rem;
	}

	.page-element-1 {
		width: 18.75rem;
		top: -11.625rem;
	}

	.advantages {
		padding-top: 4.0625rem;
	}

	.advantages-block__item {
		margin: 0 auto 2.0625rem;
	}

	.advantages-block__num {
		font-size: 2.875rem;
		margin-right: 0.625rem;
	}

	.advantages-block__text {
		font-size: 0.625rem;
	}

	.advantages-block__item:last-child {
		margin-bottom: 0;
	}

	img.page-element-2 {
		top: -28.625rem;
		width: 18rem;
	}

	.section-title {
		font-size: 1.5rem;
	}

	.portfolio-slider .slick-arrow {
		width: 1.875rem;
		height: 4.375rem;
	}

	.portfolio-slider .slick-slide {
		height: 13.5625rem;
	}

	.portfolio-slider .slick-prev {
		left: -0.5rem;
	}

	.portfolio-slider .slick-next {
		right: -0.5rem;
	}

	.steps-body__title {
		max-width: 12.5rem;
		margin: 0 auto 2rem;
	}

	.steps-content__top {
		padding: 1.75rem 0;
	}

	.steps-content__num {
		font-size: 0.8125rem;
		margin-right: 1.25rem;
	}

	.steps-content__title {
		font-size: 0.8125rem;
	}

	.steps-content__top {
		padding: 1.25rem 0;
	}

	.steps-content__info * {
		font-size: 0.6875rem;
	}

	.about-body__info h2 {
		font-size: 1.5rem;
		width: 11.25rem;
		margin: 0 auto 1.5rem;
	}

	.about-body__info p {
		font-size: 0.75rem;
	}

	.consult {
		padding: 4.0625rem 0;
	}

	.consult-form__btn {
		margin: 2rem auto 0;
	}

	.menu-wrapper__left {
		padding: 6rem 2.1875rem;
		overflow: scroll;
		left: 0;
	}

	.menu-wrapper__left>ul>li {
		width: 100%;
	}

	.menu-wrapper__left>ul>li:not(:last-child) {
		margin-bottom: 1.0625rem;
	}

	.hero-content {
		align-items: flex-start
	}

	.offer-item {
		flex: 1 1 100%;
	}

	.offer {
		padding: 4.25rem 0 5.625rem;
	}

	.about-service__title {
		margin-bottom: 1.5rem;
	}

	.steps-content__info *, .about-body__info p, .navigation__menu li a, .about-service__content p {
		font-size: 0.875rem;
	}

	.price-info__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.price-info__cost {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0.625rem;
	}

	.price-info__arrow {
		position: absolute;
		right: 0;
		top: 1.25rem;
	}

	.price-info {
		padding: 4rem 0 2rem;
	}

	.small-head__label,
	.portfolio-main__label {
		max-width: 12rem;
	}

	.small-head__title {
		font-size: 3rem;
	}

	.portfolio-main__title {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}

	.portfolio-main__content {
		grid-template-columns: 1fr;
	}

	.portfolio-main__label {
		margin: 0 auto 0.9375rem;
	}

	.portfolio-main {
		padding-top: 6.125rem;
	}

	#portfolio-single .portfolio-main__title {
		font-size: 1.5rem;
	}

	.project-gallery {
		padding-top: 3.5rem;
		column-gap: 1rem;
	}

	.project-gallery__photo:nth-child(1) {
		margin-top: -3.5rem;
	}

	.project-gallery__photo {
		margin-bottom: 1rem;
	}

	.contact-wrapper {
		flex-direction: column;
		padding: 0;
	}

	.contact-text {
		margin-bottom: 2.25rem;
	}

	.navigation__phone {
		font-size: 0.7rem;
		margin-left: 0;
		margin-right: 0.5rem;
	}

	.hero-single__bg img {
		object-fit: cover;
	}

	h1.hero-content__title {
		font-size: 1.9rem;
	}

	.segment-wrapper {
		grid-template-columns: 1fr;
	}

	.segment-title,
	.details-title {
		font-size: 1.5rem;
	}

	.segment-consult {
		padding: 2rem;
	}

	.segment-card {
		padding: 0 2rem 2.5rem;
		margin-right: 0;
		margin-bottom: -0.0625rem;
	}

	.segment-card__icon {
		margin: 0 auto 2rem;
		width: 1.2rem;
	}

	.segment-card__desc,
	.details-title {
		margin-bottom: 2rem;
	}

	.segment {
		padding: 6.375rem 0 4rem;
	}

	.quiz-body__title {
		font-size: 1.5rem;
	}

	.quiz-step h3 {
		font-size: 1.2rem;
	}

	.quiz-body__additional {
		grid-template-columns: 1fr;
	}

	.quiz-body__additional-list li {
		font-size: 0.75rem;
	}

	.quiz .swal-modal {
		min-height: 50vh;
	}

	.details-slider__info {
		padding: 0;
	}

	.details-slider__price {
		position: static;
		width: fit-content;
		margin-bottom: 1rem;
		font-size: 1rem;
		padding: 0.6rem;
	}

	.details-slider__title {
		font-size: 1.2rem;
		margin-bottom: 1.2rem;
	}

	.details-slider__gallery .btn-arrow {
		bottom: 1.5rem;
	}

	.details-slider__gallery .btn-prev {
		left: 1.5rem;
	}

	.details-slider__gallery .btn-next {
		left: 5rem;
	}

	.irs--flat .irs-handle {
		width: 2rem;
		height: 2rem;
	}
	
.segment-card,.segment-consult {
	max-width:100%;
	    width: 100%;
}	
.table-head div, .table-foot div,
	.table__cell.room-name{
    font-size: 10px!important;
}	
.portfolio-header.container h1 {
    font-size: 50px;
    bottom: unset;
    left: 5%;
    max-width: 100%;
    letter-spacing: 0;
    line-height: 55px;
    top: 65px;
}	
aside.sidebar {
    width: 100%;
    padding: 0 10px;
}	
.case-wrapper {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
	    padding-top: 10px;
}
.portfolio-gallery-slider__slide {
    max-width: 100%;
    padding-right: 0;
}	
.plan-slider__slide {
    padding: 0;
    max-width: 100%;
    width: 100%!important;
    margin: 0!important;
}	
	
	
.portfolio-plan-slider  .splide__arrow--prev,	
.portfolio-gallery-slider .splide__arrow--prev {
    left: -5%;
}	
.portfolio-plan-slider  .splide__arrow--next,	
.portfolio-gallery-slider .splide__arrow--next {
    right: -5%;
}	
.case-tab {
    padding: 20px;
    margin-bottom: 15px;
}	
	
h2.portfolio-tab-title {
    font-size: 20px;
	margin-bottom:15px
}	
h2.portfolio-subtitle {
    margin: 0px 0 10px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    max-width: 93%;
}	
.case-tab p {
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
}	
.case-content.case-tab {
    background: #f8f8f8;
    border-radius: 25px;
    padding: 20px;
}	
h2.portfolio-gallery-title {
    font-size: 13px;
    padding: 8px 15px;
}	
.tab-titles {
    gap: 10px 0;
}	
	
button.btn-yellow.open-popup.hero-content__btn.btn.btn-primary.animate_fade_right_sm.delay6.open-modal.fade_right_sm {
    min-width: 70vw;  
}	
.portfolio-template-default .container {
    max-width: 100vw;
}	
.portfolio-header {
    margin-top: 3.2rem;
}	
.page-portfolio-content p {
    font-size: 16px;
    text-align: justify;
}	
.page-portfolio-content p strong {
    margin: 25px 0 10px;
    font-size: 18px;
}	
.portfolio-header.container h1 {
    font-size: 28px;
    bottom: unset;
    left: 5%;
    letter-spacing: 0;
    line-height: 42px;
    top: 30px;   
}
.single-post main .container .row {
    margin: 0;
    padding: 0 0px;
}

.article h1 {
    margin-bottom: 0px;
    line-height: 28px;
    font-size: 20px;
}
.article h2 {
    font-size: 18px;
}	
.single-post main#primary {
    padding-bottom: 30px;
}	
.single-post main#primary {
    padding-top: 55px;
}		
	
}

@media screen and (max-width: 374px) {
	h1.hero-content__title {
		font-size: 1.5rem;
	}
.rooms__row {
    gap: 25px 15px!important;
}	
	
.table-head div, .table-foot div {
    padding: 15px 7px!important;
}	
	
.table__cell.room-work-price, .table__cell.room-material-price {
    font-size: 10px!important;
    width: 29vw;
}	
.portfolio-header.container h1 {
    font-size: 20px;
    bottom: unset;
    left: 5%;
    max-width: 100%;
    letter-spacing: 0;
    line-height: 48px;
    top: 35px;
    line-height: 1.5;
}	
.header-figure {
    padding: 35px 0 0 35px;
}	
.navigation__logo img {
    max-width: 9.9375rem;
}
.navigation__phone {
    font-size: 0.5rem;
}	
.article p {
    font-size: 14px;
    line-height: 24px;
}	
.article h2 {
    font-size: 17px;
}	
.article h2 {
    margin-top: 20px;
}	
.article h3 {
    color: #dd9665;
    font-size: 16px;
    margin: 0;
}	
}

/* Стилізація контейнера табів */
.acf-tabs-container {
    display: flex;
    flex-direction: column;
}

.acf-tabs-navigation {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.acf-tabs-navigation button {
    padding: 10px 20px;
    border: none;
    background-color: #f1f1f1;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    transition: background-color 0.3s ease;
}

.acf-tabs-navigation button.active {
    background-color: #0073aa;
    color: white;
}

.acf-tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fff;
}

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