:root {
    --text: #0F2F2A;
    --white: white;
    --turquoise: #4FC7B5;
    --light-turquoise: #4FC7B51F;
    --hover: #2DAF9C;
    --orange: #F0AF45;
    --light-orange: #F0AF451F;
    --red: #C23030;
    --green: #24921A;
    --bg: #F6F6F6;
}

body {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: var(--text);
    background-color: var(--bg);
}

.container {
    width: 100%;
    max-width: 1440px;
    padding-left: 48px;
    padding-right: 48px;
    margin-left: auto;
    margin-right: auto;
}

h1, h2 {
    font-family: Pliant, sans-serif;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.h1 {
    font-size: 86px;    
}
.h1 span {
    color: var(--turquoise);
}

.h2 {
    font-size: 64px;
}
.h2 span {
    color: var(--turquoise);
}

p, span {
    line-height: inherit;
}

.heading {
    display: flex;
}

.heading.row {
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.heading.column {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

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

.heading__text {
    width: 40%;
    font-size: 18px;
    line-height: 120%;
    opacity: .8;
}
.heading__text.wide {
	width: 100%;
}

.breadcrumbs {
	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 48px;
}

.has-fixed-header .breadcrumbs {
	position: absolute;
	left: 0;
	right: 0;
	top: 161px;
}

.breadcrumbs-list {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

.breadcrumbs .item-home,
.breadcrumbs .separator,
.breadcrumbs .item-cat {
	opacity: .3;
}

/* header */

.header {    
    z-index: 999;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px;   
    padding-top: 12px;    
}

.has-fixed-header .header {
	position: fixed;
    inset: 0 0 auto 0;
}

.has-sticky-header .header {
	position: sticky;
    top: 12px;
}

.navbar {
    background-color: var(--white);
    border-radius: 12px;
}

.navbar__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 20px 24px;
}

.navbar__logo-icon {
	width: 190px;
	height: 46px;
}

.navbar__list {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-right: auto;
}

.navbar__link {
    font-weight: 500;
}
.navbar__link:hover {
	color: var(--turquoise);
}

.navbar__socials {
    display: flex;
    align-items: center;
    gap: 32px;
}

.navbar__socials-items {
	display: flex;
	flex-direction: column;
    gap: 12px;
}

.navbar__social {
    display: flex;
    align-items: center;
    gap: 8px;
	font-size: 14px;
	line-height: 120%;
}

a.navbar__social {
	font-weight: 600;
	text-decoration: underline;
}
a.navbar__social:hover {
	color: var(--turquoise);
}

.navbar__social::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.navbar__social.address::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 0C7.11133 0 3.13428 3.97705 3.13428 8.86571C3.13428 10.4751 3.85605 12.206 3.8863 12.279C4.11941 12.8323 4.57939 13.6918 4.91107 14.1956L10.9898 23.406C11.2386 23.7836 11.6068 24 12 24C12.3932 24 12.7614 23.7836 13.0102 23.4065L19.0894 14.1956C19.4216 13.6918 19.8811 12.8323 20.1142 12.279C20.1444 12.2065 20.8657 10.4756 20.8657 8.86571C20.8657 3.97705 16.8886 0 12 0ZM19.1525 11.8743C18.9444 12.3703 18.5163 13.1698 18.2185 13.6214L12.1392 22.8323C12.0193 23.0143 11.9812 23.0143 11.8613 22.8323L5.782 13.6214C5.48421 13.1698 5.05605 12.3698 4.84797 11.8738C4.8391 11.8524 4.1773 10.2592 4.1773 8.86571C4.1773 4.55228 7.68656 1.04302 12 1.04302C16.3134 1.04302 19.8227 4.55228 19.8227 8.86571C19.8227 10.2613 19.1593 11.8587 19.1525 11.8743Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3cpath d='M12 4.17262C9.41174 4.17262 7.3064 6.27849 7.3064 8.86623C7.3064 11.454 9.41174 13.5598 12 13.5598C14.5883 13.5598 16.6936 11.454 16.6936 8.86623C16.6936 6.27849 14.5883 4.17262 12 4.17262ZM12 12.5168C9.98749 12.5168 8.34942 10.8793 8.34942 8.86623C8.34942 6.8532 9.98749 5.21565 12 5.21565C14.0125 5.21565 15.6506 6.8532 15.6506 8.86623C15.6506 10.8793 14.0125 12.5168 12 12.5168Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3c/svg%3e "); 
}

.navbar__social.phone::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1233_5315)'%3e%3cpath d='M3.08824 1H8.26471L10.8529 7.47059L7.61765 9.41176C9.00359 12.222 11.278 14.4964 14.0882 15.8824L16.0294 12.6471L22.5 15.2353V20.4118C22.5 21.0982 22.2273 21.7565 21.7419 22.2419C21.2565 22.7273 20.5982 23 19.9118 23C14.8638 22.6932 10.1026 20.5496 6.52648 16.9735C2.95042 13.3974 0.80677 8.63625 0.5 3.58824C0.5 2.90179 0.772688 2.24346 1.25808 1.75808C1.74346 1.27269 2.40179 1 3.08824 1Z' stroke='%230F2F2A' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1233_5315'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.small-btn {
    padding: 14px 24px;
    font-size: 14px;
    line-height: 120%;
    font-weight: 600;
	text-align: center;
    color: var(--white);
    background-color: var(--turquoise);
	border: 1px solid var(--turquoise);
    border-radius: 6px;
}
.small-btn:hover, .small-btn:active {
	background-color: var(--hover);
	border-color: var(--hover);
}

.small-btn.white {
	color: var(--turquoise);
    background-color: var(--white);
}
.small-btn.white:hover {
	color: var(--white);
    background-color: var(--turquoise);
	border-color: var(--turquoise);
}

.navbar__bottom {    
    padding: 16px 24px;
    border-top: 1px solid #0F2F2A1F;
}

.navbar__menu {
    display: flex;
    align-items: center;
    gap: 48px;
}

.navbar__menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
}
.navbar__menu-link:hover {
	color: var(--turquoise);
}

.navbar__menu-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.navbar__menu-icon.terraces {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.3438 24.375H20.7188V1.21875C20.7188 1.11101 20.6759 1.00767 20.5998 0.931488C20.5236 0.855301 20.4202 0.8125 20.3125 0.8125H5.6875C5.57976 0.8125 5.47642 0.855301 5.40024 0.931488C5.32405 1.00767 5.28125 1.11101 5.28125 1.21875V24.375H3.65625C3.54851 24.375 3.44517 24.4178 3.36899 24.494C3.2928 24.5702 3.25 24.6735 3.25 24.7812C3.25 24.889 3.2928 24.9923 3.36899 25.0685C3.44517 25.1447 3.54851 25.1875 3.65625 25.1875H22.3438C22.4515 25.1875 22.5548 25.1447 22.631 25.0685C22.7072 24.9923 22.75 24.889 22.75 24.7812C22.75 24.6735 22.7072 24.5702 22.631 24.494C22.5548 24.4178 22.4515 24.375 22.3438 24.375ZM18.2812 24.375H7.71875V3.25H18.2812V24.375ZM19.0938 24.375V2.84375C19.0938 2.73601 19.0509 2.63267 18.9748 2.55649C18.8986 2.4803 18.7952 2.4375 18.6875 2.4375H7.3125C7.20476 2.4375 7.10142 2.4803 7.02524 2.55649C6.94905 2.63267 6.90625 2.73601 6.90625 2.84375V24.375H6.09375V1.625H19.9062V24.375H19.0938ZM16.25 14.2188C16.9219 14.2188 17.4688 13.6719 17.4688 13C17.4688 12.3281 16.9219 11.7812 16.25 11.7812C15.5781 11.7812 15.0312 12.3281 15.0312 13C15.0312 13.6719 15.5781 14.2188 16.25 14.2188ZM16.25 12.5938C16.4738 12.5938 16.6562 12.7762 16.6562 13C16.6562 13.2238 16.4738 13.4062 16.25 13.4062C16.0262 13.4062 15.8438 13.2238 15.8438 13C15.8438 12.7762 16.0262 12.5938 16.25 12.5938Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3c/svg%3e ");
}
.navbar__menu-icon.cottages {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.518 24.2392H3.48203C3.26317 24.2392 3.0871 24.0632 3.0871 23.8443V11.7329C3.0871 11.5141 3.26317 11.338 3.48203 11.338C3.70089 11.338 3.87697 11.5141 3.87697 11.7329V23.4494H22.123V11.7329C22.123 11.5141 22.2991 11.338 22.518 11.338C22.7368 11.338 22.9129 11.5141 22.9129 11.7329V23.8443C22.9129 24.0615 22.7352 24.2392 22.518 24.2392Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3cpath d='M24.417 13.3999C24.1454 13.3999 23.8838 13.3094 23.6666 13.1382L13 4.74747L2.33341 13.1399C1.80518 13.5546 1.03835 13.464 0.623665 12.9358C0.422905 12.6808 0.332399 12.3615 0.371892 12.039C0.409741 11.7165 0.572652 11.4268 0.827715 11.2261L12.7564 1.84139C12.8996 1.72785 13.102 1.72785 13.2452 1.84139L25.1739 11.2261C25.7021 11.6408 25.7927 12.4076 25.378 12.9358C25.1772 13.1909 24.8876 13.3538 24.5651 13.3916C24.5157 13.3966 24.4663 13.3999 24.417 13.3999ZM13 3.85063C13.0856 3.85063 13.1728 3.87861 13.2435 3.93456L24.1553 12.5178C24.2458 12.5886 24.3577 12.6199 24.4713 12.6067C24.5848 12.5935 24.6868 12.5359 24.7576 12.4471C24.904 12.2611 24.8711 11.9913 24.6852 11.8465L13 2.65266L1.3148 11.8465C1.2243 11.9172 1.16835 12.0192 1.15518 12.1328C1.14202 12.2463 1.17328 12.3582 1.24404 12.4487C1.3905 12.6347 1.65873 12.6659 1.84468 12.5211L12.7564 3.93785C12.8272 3.87861 12.9144 3.85063 13 3.85063Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3cpath d='M20.4791 8.43026C20.2603 8.43026 20.0842 8.25418 20.0842 8.03532V3.49355H18.126V5.86975C18.126 6.08861 17.9499 6.26469 17.731 6.26469C17.5122 6.26469 17.3361 6.08861 17.3361 5.86975V3.09861C17.3361 2.87975 17.5122 2.70367 17.731 2.70367H20.4791C20.698 2.70367 20.8741 2.87975 20.8741 3.09861V8.03367C20.8741 8.25254 20.698 8.43026 20.4791 8.43026ZM11.7329 24.2442H6.03925C5.82039 24.2442 5.64432 24.0681 5.64432 23.8492V14.6587C5.64432 14.4399 5.82039 14.2638 6.03925 14.2638H11.7329C11.9518 14.2638 12.1279 14.4399 12.1279 14.6587V23.8492C12.1279 24.0681 11.9518 24.2442 11.7329 24.2442ZM6.43419 23.4543H11.338V15.0537H6.43419V23.4543ZM19.9608 20.4511H14.5633C14.3444 20.4511 14.1684 20.2751 14.1684 20.0562V14.6587C14.1684 14.4399 14.3444 14.2638 14.5633 14.2638H19.9608C20.1796 14.2638 20.3557 14.4399 20.3557 14.6587V20.0562C20.3557 20.2751 20.1796 20.4511 19.9608 20.4511ZM14.9582 19.6613H19.5658V15.0537H14.9582V19.6613Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3cpath d='M17.262 20.4511C17.0432 20.4511 16.8671 20.2751 16.8671 20.0562V14.6587C16.8671 14.4399 17.0432 14.2638 17.262 14.2638C17.4809 14.2638 17.657 14.4399 17.657 14.6587V20.0562C17.657 20.2751 17.4809 20.4511 17.262 20.4511Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3cpath d='M19.9608 17.7524H14.5633C14.3444 17.7524 14.1684 17.5763 14.1684 17.3575C14.1684 17.1386 14.3444 16.9625 14.5633 16.9625H19.9608C20.1796 16.9625 20.3557 17.1386 20.3557 17.3575C20.3557 17.5763 20.1796 17.7524 19.9608 17.7524ZM13 12.1739C11.7938 12.1739 10.8114 11.1915 10.8114 9.98531C10.8114 8.77911 11.7938 7.79671 13 7.79671C14.2062 7.79671 15.1886 8.77911 15.1886 9.98531C15.1886 11.1915 14.2062 12.1739 13 12.1739ZM13 8.58658C12.2282 8.58658 11.6013 9.21354 11.6013 9.98531C11.6013 10.7571 12.2282 11.384 13 11.384C13.7718 11.384 14.3987 10.7571 14.3987 9.98531C14.3987 9.21354 13.7718 8.58658 13 8.58658Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3c/svg%3e ");
}
.navbar__menu-icon.loggias {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.4609 22.5956H22.4006V13.8369H23.4609C23.6844 13.8369 23.8672 13.6545 23.8672 13.4306C23.8672 13.2031 23.6844 13.0244 23.4609 13.0244H20.9991V1.5275C20.9991 1.30406 20.8162 1.12125 20.5928 1.12125H5.40719C5.18375 1.12125 5.00094 1.30406 5.00094 1.5275V13.0244H2.53906C2.31562 13.0244 2.13281 13.2031 2.13281 13.4306C2.13281 13.6545 2.31562 13.8369 2.53906 13.8369H3.59937V22.5956H2.53906C2.31562 22.5956 2.13281 22.774 2.13281 23.0019V24.4725C2.13281 24.6959 2.31562 24.8787 2.53906 24.8787H23.4609C23.6844 24.8787 23.8672 24.6959 23.8672 24.4725V23.0019C23.8672 22.7744 23.6844 22.5956 23.4609 22.5956ZM21.5881 13.8369V22.5956H18.72V13.8369H21.5881ZM5.81344 1.93375H20.1866V13.0244H19.3172V2.99812C19.3172 2.77468 19.1344 2.59187 18.9109 2.59187H7.08906C6.86563 2.59187 6.68281 2.77468 6.68281 2.99812V13.0244H5.81344V1.93375ZM17.2047 11.2978H18.5047V13.0244H13.4062V3.40437H18.5047V10.4853H17.2047C16.9772 10.4853 16.7984 10.6641 16.7984 10.8916C16.7984 11.115 16.9772 11.2978 17.2047 11.2978ZM7.49531 13.0244V3.40437H12.5938V13.0244H7.49531ZM10.6844 13.8369V22.5956H7.95437V13.8369H10.6844ZM11.4969 13.8369H14.5966V22.5956H11.4969V13.8369ZM15.4091 13.8369H17.9075V22.5956H15.4091V13.8369ZM4.41187 13.8369H7.14187V22.5956H4.41187V13.8369ZM23.0547 24.0662H2.94531V23.4081H23.0547V24.0662Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3c/svg%3e ");
}
.navbar__menu-icon.plastic {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_136_32791)'%3e%3cpath d='M24.8379 22.4742H24.4006V0.811511C24.4006 0.710166 24.3604 0.612972 24.2887 0.541311C24.2171 0.469649 24.1199 0.42939 24.0185 0.42939H1.9776C1.87626 0.42939 1.77907 0.469649 1.7074 0.541311C1.63574 0.612972 1.59548 0.710166 1.59548 0.811511V22.4742H1.16215C1.06081 22.4742 0.963612 22.5145 0.89195 22.5862C0.820288 22.6578 0.780029 22.755 0.780029 22.8564V25.1885C0.780029 25.3973 0.949423 25.5706 1.16215 25.5706H24.8379C25.0467 25.5706 25.22 25.4012 25.22 25.1885V22.8564C25.22 22.755 25.1798 22.6578 25.1081 22.5862C25.0364 22.5145 24.9393 22.4742 24.8379 22.4742ZM12.6179 12.4879H4.42791V3.26181H12.6179V12.4879ZM4.42791 13.2482H12.6179V22.4742H4.42791V13.2482ZM13.3782 12.8739V3.26181H21.5682V22.4742H13.3782V12.8739ZM2.35973 1.19363H23.6403V22.4742H22.3325V2.88363C22.3325 2.78229 22.2922 2.68509 22.2205 2.61343C22.1489 2.54177 22.0517 2.50151 21.9503 2.50151H4.04973C3.94838 2.50151 3.85119 2.54177 3.77953 2.61343C3.70786 2.68509 3.66761 2.78229 3.66761 2.88363V22.4742H2.35973V1.19363ZM24.4558 24.8064H1.54427V23.2345H24.4558V24.8064Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_136_32791'%3e%3crect width='26' height='26' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}


/* hero */

.hero {
	max-width: 1440px;
    padding-top: 226px;
    padding-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 24px 24px;
}

.hero__content {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.hero__icon {
    display: inline-block;
    width: 102px;
    height: 36px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.hero__text {
    font-size: 24px;
    line-height: 120%;
	width: 70%;

}

.hero__heading {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.hero__actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn {
    padding: 24px 40px;
    font-size: 18px;
    line-height: 120%;
    font-weight: 600;
    color: var(--white);
    text-align: center;
    background-color: var(--turquoise);
    border: 1px solid var(--turquoise);
    border-radius: 8px;
}
.btn:hover, .btn:active {
	background-color: var(--hover);
}

.btn.white {
    color: var(--turquoise);
    background-color: var(--white);
}
.btn.white:hover, .btn.white:active {
	color: var(--white);
    background-color: var(--turquoise);
	border-color: var(--turquoise);
}

.hero__list {
    display: flex;
    align-items: center;
    gap: 32px;
}

.hero__item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hero__item-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.hero__item-text {
    font-size: 20px;
    line-height: 120%;
}

.hero__specs {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.hero__spec {
	display: flex;
	gap: 8px;
	font-size: 18px;
}

.hero__spec::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.3123 17.1875C10.1318 17.1875 9.95566 17.1145 9.82676 16.9856L5.70176 12.8606C5.43535 12.5942 5.43535 12.1559 5.70176 11.8895C5.96816 11.6231 6.40645 11.6231 6.67285 11.8895L10.2779 15.4946L19.4217 5.04885C19.6709 4.76525 20.1049 4.73518 20.3928 4.98439C20.6807 5.23361 20.7064 5.6676 20.4572 5.95549L10.8322 16.9555C10.7076 17.0973 10.5271 17.1832 10.3381 17.1918C10.3295 17.1875 10.3209 17.1875 10.3123 17.1875ZM6.1873 17.1875C6.01113 17.1875 5.83496 17.1188 5.70176 16.9856L1.57676 12.8606C1.31035 12.5942 1.31035 12.1559 1.57676 11.8895C1.84316 11.6231 2.28145 11.6231 2.54785 11.8895L6.67285 16.0145C6.93926 16.2809 6.93926 16.7192 6.67285 16.9856C6.53965 17.1188 6.36348 17.1875 6.1873 17.1875Z' fill='%2324921A'/%3e%3cpath d='M9.96922 12.8906C9.81024 12.8906 9.64696 12.8347 9.51805 12.723C9.23016 12.4738 9.20008 12.0398 9.4536 11.7519L15.2973 5.04881C15.5466 4.76092 15.9805 4.73084 16.2684 4.98436C16.5563 5.23358 16.5864 5.66756 16.3329 5.95545L10.4891 12.6586C10.3516 12.809 10.1626 12.8906 9.96922 12.8906Z' fill='%2324921A'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	flex-shrink: 0;
}


/* preem */

.preem {
    padding-top: 140px;
}

.preem__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-auto-rows: 1fr;
    gap: 20px;
}

.preem__item {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 24px;
    background-color: var(--white);
    border-radius: 6px;
}
.preem__item:nth-child(even) {
    transform: translateY(32px);
}

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

.preem__content {
    margin-top: 80px;
}

.preem__item-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: var(--light-turquoise);
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
}
.preem__item:nth-child(even) .preem__item-icon {
    background-color: var(--light-orange);
}
.preem__item-icon.check {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.1252 21.8749C12.8955 21.8749 12.6713 21.782 12.5072 21.6179L7.25723 16.3679C6.91816 16.0289 6.91816 15.471 7.25723 15.132C7.59629 14.7929 8.1541 14.7929 8.49316 15.132L13.0814 19.7203L24.7189 6.42573C25.0361 6.06479 25.5885 6.02651 25.9549 6.3437C26.3213 6.66089 26.3541 7.21323 26.0369 7.57964L13.7869 21.5796C13.6283 21.7601 13.3986 21.8695 13.158 21.8804C13.1471 21.8749 13.1361 21.8749 13.1252 21.8749ZM7.8752 21.8749C7.65098 21.8749 7.42676 21.7874 7.25723 21.6179L2.00723 16.3679C1.66816 16.0289 1.66816 15.471 2.00723 15.132C2.34629 14.7929 2.9041 14.7929 3.24316 15.132L8.49316 20.382C8.83223 20.721 8.83223 21.2789 8.49316 21.6179C8.32363 21.7874 8.09941 21.8749 7.8752 21.8749Z' fill='%234FC7B5'/%3e%3cpath d='M12.6876 16.4062C12.4853 16.4062 12.2775 16.3351 12.1134 16.193C11.747 15.8758 11.7087 15.3234 12.0314 14.957L19.4689 6.42577C19.786 6.05936 20.3384 6.02108 20.7048 6.34374C21.0712 6.66093 21.1095 7.21327 20.7868 7.57968L13.3493 16.1109C13.1743 16.3023 12.9337 16.4062 12.6876 16.4062Z' fill='%234FC7B5'/%3e%3c/svg%3e ");
}
.preem__item:nth-child(even) .preem__item-icon.check {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.1252 21.8749C12.8955 21.8749 12.6713 21.782 12.5072 21.6179L7.25723 16.3679C6.91816 16.0289 6.91816 15.471 7.25723 15.132C7.59629 14.7929 8.1541 14.7929 8.49316 15.132L13.0814 19.7203L24.7189 6.42573C25.0361 6.06479 25.5885 6.02651 25.9549 6.3437C26.3213 6.66089 26.3541 7.21323 26.0369 7.57964L13.7869 21.5796C13.6283 21.7601 13.3986 21.8695 13.158 21.8804C13.1471 21.8749 13.1361 21.8749 13.1252 21.8749ZM7.8752 21.8749C7.65098 21.8749 7.42676 21.7874 7.25723 21.6179L2.00723 16.3679C1.66816 16.0289 1.66816 15.471 2.00723 15.132C2.34629 14.7929 2.9041 14.7929 3.24316 15.132L8.49316 20.382C8.83223 20.721 8.83223 21.2789 8.49316 21.6179C8.32363 21.7874 8.09941 21.8749 7.8752 21.8749Z' fill='%23F0AF45'/%3e%3cpath d='M12.6876 16.4062C12.4853 16.4062 12.2775 16.3351 12.1134 16.193C11.747 15.8758 11.7087 15.3234 12.0314 14.957L19.4689 6.42577C19.786 6.05936 20.3384 6.02108 20.7048 6.34374C21.0712 6.66093 21.1095 7.21327 20.7868 7.57968L13.3493 16.1109C13.1743 16.3023 12.9337 16.4062 12.6876 16.4062Z' fill='%23F0AF45'/%3e%3c/svg%3e ");
}

.preem__item-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.preem__item-title {
    font-family: Pliant, sans-serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.preem__item-text {
    font-size: 18px;
    opacity: .8;
}

/* catalog */

.catalog {
    padding-top: 140px;
}

.catalog__content {
    margin-top: 80px;
}

.catalog__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 420px;
    grid-auto-rows: 420px;
    gap: 20px;
}

.catalog__link {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
}

.catalog__item-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    padding: 48px;
    height: 100%;
    color: var(--white);
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
}

.catalog__item-title {
    font-family: Pliant, sans-serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.catalog__item-span {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    transition: all .2s;
}
.catalog__item-span:hover {
    padding: 16px 32px;
    color: var(--text);
    background-color: var(--white);
    border-radius: 8px;
}

/* calc */

.calc {
	position: relative;
    padding-top: 700px;
	padding-bottom: 48px;
	margin-top: 140px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--text);
    border-radius: 24px;	
	overflow: hidden;
}
.page-template-okna-rehau .calc {
	padding-top: 48px;
	padding-bottom: 48px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.calc__bg {
	position: absolute;
	inset: 0 0 0 auto;
	display: block;
	height: 800px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.page-template-okna-rehau .calc__bg { display: none; }

.calc__content {
	position: relative;
    padding: 48px 36px;
    background-color: var(--white);
    border-radius: 16px;
}

.window-calculator {
    border: 2px solid #8f55ff;
    background: #f7f8f8;
    color: #173b37;
}

.window-calculator__tabs {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-top: 60px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.window-calculator__tab {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    padding: 12px 16px;
    border: 0;
    border-radius: 6px;
    background: var(--bg);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.window-calculator__tab:hover {
    background: #e2e8e7;
}

.window-calculator__tab.is-active {
    background-color: var(--text);
    color: var(--white);
}

.window-calculator__tab-icon {
    width: auto;
    height: 26px;
	object-fit: contain;
	object-position: center;
}

.window-calculator__tab.is-active .window-calculator__tab-icon {
	filter: invert(1) brightness(1.5);
}

.window-calculator__panels {
	margin-top: 12px;
}

.window-calculator__panel {
    display: grid;
    grid-template-columns: minmax(300px, 385px) minmax(0, 1fr);
    gap: 30px;
    padding: 24px;
	background-color: #0F2F2A0A;
	border: 1px solid #0F2F2A14;
	border-radius: 12px;
}

.window-calculator__panel[hidden] {
    display: none;
}

.window-calculator__image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 235px;
    overflow: hidden;
    border-radius: 12px;
    background: #eceff1;
}

.window-calculator__image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 320px;
    object-fit: contain;
}

.window-calculator__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 24px;
}

.window-calculator__heading {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.window-calculator__title {
	font-family: Pliant, sans-serif;
    font-size: 32px;
	line-height: 100%;
	font-weight: 500;
	letter-spacing: -0.02%;
}

.window-calculator__description {
    opacity: .8;
}

.window-calculator__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.window-calculator__field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.window-calculator__label {
    color: #173b37;
    font-size: 14px;
}

.window-calculator__select {
    width: 100%;
    height: 46px;
    padding: 0 44px 0 16px;
    border: 1px solid #9daaa8;
    border-radius: 6px;
    outline: none;
    background-color: #f4f6f6;
    color: #294844;
    font: inherit;
    cursor: pointer;
}

.window-calculator__select:focus {
    border-color: #4ec4b5;
    box-shadow: 0 0 0 3px rgba(78, 196, 181, 0.15);
}

.window-calculator__select:disabled {
    border-color: #dfe4e3;
    background: #ecefef;
    color: #aeb9b7;
    cursor: not-allowed;
}

.window-calculator__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 16px;
    border-top: 1px solid #dce3e2;
}

.window-calculator__result {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.window-calculator__result-label {
    color: #294844;
    font-size: 14px;
}

.window-calculator__price {
    color: #173b37;
    font-size: clamp(25px, 2.5vw, 32px);
    line-height: 1;
}

.window-calculator__button {
    min-height: 54px;
    padding: 12px 30px;
    border: 0;
    border-radius: 7px;
    background: #4ec4b5;
    color: #ffffff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.window-calculator__button:hover {
    background: #3db3a5;
}

.window-calculator__button:active {
    transform: translateY(1px);
}

.window-calculator__empty {
    padding: 20px;
    border-radius: 6px;
    background: #edf0f0;
}

@media (max-width: 767px) {
    .window-calculator__panel {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 14px;
    }

    .window-calculator__image-wrapper {
        min-height: 200px;
    }

    .window-calculator__fields {
        grid-template-columns: 1fr;
    }

    .window-calculator__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .window-calculator__button {
        width: 100%;
    }
}

/* benefit */

.benefit {
    padding-top: 140px;
}

.benefit__content {
    margin-top: 60px;
}

.benefit__content {
    display: grid;
    grid-template-columns: .75fr 1fr;
    gap: 48px;
}

.benefit__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 24px;
}

.benefit__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.benefit__info-span {
    display: inline-block;
    padding: 12px 24px;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02%;
    font-style: italic;
    background-color: var(--white);
    border-left: 4px solid var(--orange);
    border-radius: 12px;
}

.benefit__info-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.benefit__item-title {
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.benefit__item-text {
    font-size: 18px;
    line-height: 120%;
    opacity: .8;
}

/* offers */

.offers {
    padding-top: 140px;
}

.offers .heading__text {
    width: 100%;
}

.offers__content {
    display: grid;
    grid-template-columns: .5fr 1fr;
    gap: 60px;
}

.swiper.offers-swiper {
    min-width: 0;
    max-width: 100%;
    margin: 0;
}

.offers__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

.offers__item {
    display: flex;
    flex-direction: column;
}

.offers__item-image {
    position: relative;
}

.offers__item-date {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-block;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 120%;
    background-color: var(--orange);
    border-radius: 6px;
}

.offers__item-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.offers__item-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 12px 0 12px;
}

.offers__item-title {
    font-family: Pliant, sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 500;
}

.offers__item-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: .8;
}

.offers__item-images {
	position: relative;
}

.offers__images-span {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 120%;
	font-weight: 500;
	color: var(--white);
	background-color: var(--orange);
	border-radius: 6px;
}

.offers__images-img {
	width: 100%;
	height: 380px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.offers__item-link, .offers__items-link {
	font-weight: 600;
	color: var(--turquoise);
	text-decoration: underline;
}
.offers__item-link:hover, .offers__items-link:hover {
	text-decoration: none;
}

.offers-page__content {
	margin-top: 80px;
}

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

/* services */

.services {
    padding-top: 140px;
}

.services__content {
    margin-top: 80px;
}

.services__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-auto-rows: 1fr;
    gap: 20px;
}

.services__item-link, .services__item-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.services__item-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.services__item-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
}

.services__item-title {
    font-family: Pliant;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.services__item-text {
    opacity: .8;
}

.services__icon {
    position: absolute;
    top: 8px;
    right: 12px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 5L5 19' stroke='%230F2F2A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19 15.27V5H8.73' stroke='%230F2F2A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	transition: transform .2s;
}
.services__item-link:hover .services__icon {
	transform: rotatez(45deg);
}

.services__form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    height: 100%;
    padding: 32px;
    background: linear-gradient(135deg,rgba(79, 199, 181, 1) 0%, rgba(48, 143, 76, 1) 100%);
    border-radius: 12px;
}

.services__form-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    color: var(--white);
}

.servies__form-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_104_7827)'%3e%3cpath d='M27.1797 24.7188H0.820312C0.366898 24.7188 0 25.0856 0 25.5391V27.1797C0 27.6331 0.366898 28 0.820312 28H27.1797C27.6331 28 28 27.6331 28 27.1797V25.5391C28 25.0856 27.6331 24.7188 27.1797 24.7188ZM14 0C7.21481 0 1.69531 5.5195 1.69531 12.3047V23.0781H4.97656V12.3047C4.97656 7.32916 9.02448 3.28125 14 3.28125C18.9755 3.28125 23.0234 7.32916 23.0234 12.3047V23.0781H26.3047V12.3047C26.3047 5.5195 20.7852 0 14 0Z' fill='%234FC7B5'/%3e%3cpath d='M14.8203 5.00488V14.7657H21.3828V12.3048C21.3828 8.51456 18.5016 5.41903 14.8203 5.00488ZM6.61719 12.3048V14.7657H13.1797V5.00488C9.4984 5.41903 6.61719 8.51456 6.61719 12.3048ZM14.8203 16.4064H21.3828V23.0782H14.8203V16.4064ZM6.61719 16.4064H13.1797V23.0782H6.61719V16.4064Z' fill='%234FC7B5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_104_7827'%3e%3crect width='28' height='28' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
    border-radius: 6px;
}

.services__item-body-link {
	font-weight: 500;
	color: var(--turquoise);
	text-decoration: underline;
}

/* steps */

.steps {
    padding-top: 140px;
}

.steps .heading__text {
    width: 100%;
}

.steps__content {
    display: grid;
    grid-template-columns: .75fr 1fr;
    gap: 80px;
}

.steps__info {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.steps__image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 12px;
    flex-grow: 1;
}

.steps__btn {
    position: absolute;
    right: -32px;
    bottom: -32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    font-size: 18px;
    line-height: 120%;
    font-weight: 500;
    color: var(--white);
    text-align: center;
    background-color: var(--turquoise);
    border-radius: 900px;
}
.steps__btn:hover {
	background-color: var(--hover);
}

.steps__list {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-left: 48px;
}

.steps__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.steps__item-title {
    font-family: Pliant, sans-serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.steps__item-text {
    opacity: .8;
}

.steps__item-span {
    position: absolute;
    left: -48px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-weight: 500;
    color: var(--white);
    background-color: var(--orange);
    border-radius: 6px;
}

/* about */

.about {
    padding-top: 140px;
}

.about__heading {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
    padding-top: 400px;
    padding-bottom: 48px;
    color: var(--white);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 24px;
}

.about__content {
    margin-top: 80px;
}

.about__timeline {
    display: flex;
    align-items: center;
    gap: 32px;
}

.about__timeline-span {
    font-family: Pliant, sans-serif;
    font-size: 64px;
    line-height: 100%;
    font-weight: 700;
    letter-spacing: -0.02%;
    color: #0F2F2A14;
}

.about__timeline-line {
    position: relative;
    flex-grow: 1;
}
.about__timeline-line::before {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    height: 3px;
    width: 100%;
    background-color: #E3E6E5;
}
.about__timeline-line::after {
    content: '';
    position: absolute;
    top: -9px;
    right: -1px;
    display: block;
    height: 23px;
    width: 30px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='23' viewBox='0 0 30 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.0607 12.1066C29.6464 11.5208 29.6464 10.571 29.0607 9.98524L19.5147 0.439297C18.9289 -0.14649 17.9792 -0.14649 17.3934 0.439297C16.8076 1.02508 16.8076 1.97483 17.3934 2.56062L25.8787 11.0459L17.3934 19.5312C16.8076 20.117 16.8076 21.0667 17.3934 21.6525C17.9792 22.2383 18.9289 22.2383 19.5147 21.6525L29.0607 12.1066ZM0 11.0459L1.92041e-09 12.5459L28 12.5459L28 11.0459L28 9.5459L-1.92041e-09 9.5459L0 11.0459Z' fill='%23E3E6E5' fill-opacity='1'/%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.about__info {
    display: grid;
    grid-template-columns: 1fr .6fr;
    gap: 64px;
    margin-top: 48px;
}

.about__info-text {
    font-size: 18px;
    line-height: 120%;
    opacity: .8;
}

.about__info-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    background-color: var(--white);
    border-radius: 12px;
}

.about__info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;    
}
.about__info-item:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #0F2F2A1F;
}

.about__info-num {
    font-family: Pliant, sans-serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}
.about__info-num.big {
    font-size: 64px;
    color: var(--turquoise);
}

.about__info-item-text {
    font-size: 14px;
    line-height: 120%;
}

/* portfolio */

.portfolio {
    padding-top: 140px;
	overflow: hidden;
}

.portfolio__content {
    margin-top: 80px;
}

.portfolio__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.portfolio__image {
	position: relative;
	height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 12px;
    overflow: hidden;
}

.portfolio__image-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.portfolio__image-info {
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    height: 100%;
    padding: 48px 32px;
    color: var(--white);
    text-align: center;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
}

.portfolio__image-title, .portfolio__heading-title {
    font-family: Pliant, sans-serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.portfolio__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 42px 38px;
    background-color: var(--white);
    border-radius: 12px;
}

.portfolio__image-span, .portfolio__heading-span, .portfolio__body-text {
    opacity: .8;
}

.portfolio__info-heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.portfolio__info-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.portfolio__body-title {
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

.portfolio__info-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
}

.portfolio__info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.portfolio__info-link {
    font-weight: 600;
    text-decoration: underline;
    color: var(--turquoise);
}
.portfolio__info-link:hover {
	text-decoration: none;
}

.portfolio__navigation {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 48px;
}

.portfolio__nav {
	display: flex;
	align-items: center;
	gap: 24px;
}

/*  */
.swiper-scrollbar.custom__scrollbar {
	position: static;
}
.swiper-button-prev.custom__btn-prev,
.swiper-button-next.custom__btn-next {
	position: static;
	margin-top: 0;
	width: 70px;
	height: 70px;
	background-color: #0F2F2A14;
	border-radius: 8px;
	transition: all .2s;
}
.swiper-button-prev.custom__btn-prev svg,
.swiper-button-next.custom__btn-next svg {
	width: 24px;
	height: 24px;
}
.swiper-button-prev.custom__btn-prev svg path,
.swiper-button-next.custom__btn-next svg path {
	fill: var(--text);
}
.swiper-button-prev.custom__btn-prev:hover,
.swiper-button-next.custom__btn-next:hover {
	background-color: var(--turquoise);
}
.swiper-button-prev.custom__btn-prev:hover svg path,
.swiper-button-next.custom__btn-next:hover svg path {
	fill: var(--white);
}

@media screen and (max-width: 991px) {
	.swiper-button-prev.custom__btn-prev, .swiper-button-next.custom__btn-next {
		width: 50px;
    	height: 50px;
	}
}
/*  */

.portfolio__navigation .btn {
	flex-shrink: 0;
}

.swiper.portfolio-swiper {
	overflow: visible;
}

/* reviews */

.reviews {
    padding-top: 140px;
}

.reviews__content {
    margin-top: 80px;
}

.reviews__item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: var(--white);
    border-radius: 12px;
}

.reviews__item-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    line-height: 120%;
}
.review__item.open .reviews__item-text {
	display: inline-block;
}

.reviews__item-span {
    align-self: flex-start;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 120%;
    color: var(--orange);
    background-color: var(--light-orange);
    border-radius: 6px;
}

.reviews__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 12px;
    border-top: 1px solid #0F2F2A14;
	margin-top: auto;
}

.reviews__item-personal {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reviews__personal-text {
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
}

.reviews__personal-span {
    opacity: .3;
}

.reviews__bottom-span {
    display: flex;
    align-items: baseline;
    gap: 12px;
}
.reviews__bottom-span span {
    font-family: Pliant, sans-serif;
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
}
.reviews__bottom-span i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.25672 0.48627C7.53172 -0.16209 8.4683 -0.16209 8.7433 0.48627L10.3663 4.31303C10.4823 4.58637 10.7445 4.77313 11.0454 4.79678L15.2582 5.12799C15.9719 5.18411 16.2614 6.05763 15.7175 6.51446L12.5079 9.2107C12.2786 9.4033 12.1784 9.7055 12.2485 9.9934L13.2291 14.0249C13.3952 14.7079 12.6375 15.2478 12.0264 14.8818L8.4196 12.7214C8.162 12.5671 7.83802 12.5671 7.5804 12.7214L3.9736 14.8818C3.3625 15.2478 2.60477 14.7079 2.77091 14.0249L3.75155 9.9934C3.82159 9.7055 3.72147 9.4033 3.49221 9.2107L0.282449 6.51446C-0.261371 6.05763 0.0280493 5.18411 0.741829 5.12799L4.9547 4.79678C5.25561 4.77313 5.51774 4.58637 5.63367 4.31303L7.25672 0.48627Z' fill='%23F0AF45'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.reviews__item-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reviews__item-link {
    font-weight: 600;
    color: var(--turquoise);
    text-decoration: underline;
}
.reviews__item-link:hover {
	text-decoration: none;
}

.reviews__navigation {
    display: flex;
    align-items: center;
    gap: 64px;
	margin-top: 60px;
}

.reviews__nav {
	display: flex;
    align-items: center;
	gap: 24px;
}

.review__video {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 60px;
}

.review__video-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
  	line-height: 100%;
  	font-weight: 500;
  	letter-spacing: -0.02%;
}

.review__video-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.review__video-item {
	padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

.review__video-file {
	width: 100%;
	height: 500px;
	object-fit: contain;
}

[data-reviews-group]:not(.is-open) .review__item:nth-child(n + 7) {
	display: none;
}

.reviews-group {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.reviews-toggle {
  	margin-inline: auto;
	align-self: center;
	cursor: pointer;
}

/* coop */

.coop {
    padding-top: 140px;
}

.coop__content {
    margin-top: 80px;
}

.coop__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr;
    gap: 20px;
}

/* faq */

.faq {
    padding-top: 140px;
}

.faq .heading__text {
    width: 100%;
}

.faq__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.faq__content {
    display: grid;
    grid-template-columns: .5fr 1fr;
    gap: 65px;
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq__item {
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

.faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding: 24px 0;
    border: 0;
    background: transparent;
    font-family: Pliant, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.02%;
	text-align: left;
    color: inherit;
    cursor: pointer;
}

.faq__icon {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.faq__icon::before,
.faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background-color: currentColor;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.faq__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq__item.active .faq__icon::after {
    transform: translate(-50%, -50%) rotate(0);
}

.faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    visibility: hidden;
    transition:  grid-template-rows 0.35s ease, visibility 0.35s;
}

.faq__item.active .faq__answer {
    grid-template-rows: 1fr;
    visibility: visible;
}

.faq__answer-content {
    min-height: 0;
    overflow: hidden;
}

.faq__answer-content p {
    padding: 0 24px 24px 0;
    opacity: .8;
}

/* form */

.form {
	padding-top: 140px;	
}

.form__content {
	position: relative;
	background-color: var(--white);
	border-radius: 24px;
}

.form__info {
	padding: 64px;
	margin-left: 500px;
}

.form__img {
	position: absolute;
	left: 0;
	top: -30px;
	height: 612px;
}

/* preem big */

.preem-big {
    padding-top: 140px;
}

.preem-big__content {
    margin-top: 80px;
}

.preem-big__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 360px;
    grid-auto-rows: 360px;
    gap: 20px;
}

.preem-big__item:first-child {
    grid-area: span 1 / span 2;
}

.preem-big__item-info {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 24px;
    background-color: var(--white);
    border-radius: 12px;
}

.preem-big__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.preem-big__item-info {
    height: 100%;
}

.preem-big__item-icon {
    width: 64px;
    height: 64px;
    background-color: var(--light-turquoise);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    border-radius: 6px;
}
.preem-big__item:nth-child(odd) .preem-big__item-icon {
	background-color: var(--light-orange);
}

.preem-big__heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}

.preem-big__title {
    font-family: Pliant, sans-serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.02%;
}

/* profili */

.rehau-catalog {
	padding-top: 140px;
}

.rehau-catalog-content {
	margin-top: 80px;
}

.rehau-catalog-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px;
}

.rehau-catalog-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	background-color: var(--white);
	border-radius: 12px;
	overflow: hidden;
}

.rehau-catalog-item-img {
	height: 270px;
	width: 100%;
	background-color: #E9E9E9;
	object-fit: contain;
	object-position: center;
}

.rehau-catalog-item-info {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 8px 24px 24px 24px;
}

.rehau-catalog-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	line-height: 100%;
	font-weight: 500;
	letter-spacing: -0.02%;
}

.rehau-catalog-item-specs {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rehau-catalog-spec {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rehau-catalog-span {
	font-size: 14px;
	line-height: 120%;
	font-weight: 500;
}
.rehau-catalog-span.grey {
	font-weight: 400;
	opacity: .8;
}

.rehau-catalog-separator {
	position: relative;
    bottom: 3px;
	align-self: flex-end;
	flex-grow: 1;
	border-bottom: 1px dotted #0F2F2A1F;
}

/* products */

.products {
	padding-top: 140px;
}

.products-content {
	margin-top: 32px;
}

.products-container {
	margin-top: 60px;
}

.products-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px;
}

.products-item-img {
	padding: 10px;
	width: 100%;
	height: 250px;
	object-fit: contain;
	object-position: center;
	background-color: var(--white);
	border-radius: 12px;
}

.products-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.products-item-info {
	display: flex;
	flex-direction: column;
	gap: 24px; 
	padding: 0 12px;
}

.products-item-head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.products-item-title {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-size: 18px;
	line-height: 120%;
	font-weight: 600;
}

.products-item-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.btn-cart {
	width: 45px;
	height: 45px;
	background-color: var(--turquoise);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.7313 5.77688L16.975 12.8031C16.9074 13.0737 16.7512 13.3138 16.5314 13.4854C16.3116 13.657 16.0407 13.7501 15.7619 13.75H4.93125C4.62489 13.7499 4.32923 13.6373 4.10041 13.4336C3.87158 13.2299 3.72554 12.9493 3.69 12.645L2.42438 2.5H1.5625C1.31386 2.5 1.0754 2.40123 0.899587 2.22541C0.723772 2.0496 0.625 1.81114 0.625 1.5625C0.625 1.31386 0.723772 1.0754 0.899587 0.899587C1.0754 0.723772 1.31386 0.625 1.5625 0.625H3.24188C3.46842 0.62501 3.6873 0.707053 3.85804 0.855959C4.02877 1.00486 4.13981 1.21056 4.17063 1.435L4.65938 5H18.125C18.22 5 18.3138 5.02166 18.3991 5.06334C18.4845 5.10501 18.5593 5.16559 18.6177 5.24049C18.6762 5.31539 18.7168 5.40262 18.7364 5.49557C18.7561 5.58851 18.7543 5.68472 18.7313 5.77688ZM4.375 16.875C4.375 17.9088 5.21625 18.75 6.25 18.75C7.28375 18.75 8.125 17.9088 8.125 16.875C8.125 15.8413 7.28375 15 6.25 15C5.21625 15 4.375 15.8413 4.375 16.875ZM15.625 16.875C15.625 15.8413 14.7838 15 13.75 15C12.7163 15 11.875 15.8413 11.875 16.875C11.875 17.9088 12.7163 18.75 13.75 18.75C14.7838 18.75 15.625 17.9088 15.625 16.875Z' fill='white'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	border-radius: 6px;
}
.btn-cart:hover {
	background-color: var(--hover);
}

.products-item-btns {
	display: flex;
	align-items: center;
	gap: 8px;
}

.products-item-btns .small-btn {
	flex-grow: 1;
}

.products-item-price-new {
	font-size: 18px;
	line-height: 120%;
	font-weight: 600;
}

.products-item-price-old {
	font-size: 12px;
	line-height: 120%;
	text-decoration: line-through;
	opacity: .3;
}

.products-item-price {
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-btns {
	margin-top: 80px;
	display: flex;
	justify-content: center;
}

.product-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px;
}

.product-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.product-btns {
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.product-image-img {
	width: 100%;
	height: 540px;
	padding: 24px;
	object-fit: contain;
	object-position: center;
	background-color: var(--white);
	border-radius: 12px;
}

.product-image-box {
	display: block;
}

.product-description-text {
	opacity: .8;
}

.product-price-new {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.product-price-old {
	text-decoration: line-through;
	opacity: .3;
}

.product-info {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.product-info-title {
	font-size: 20px;
	font-weight: 500;
}

.product-info-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.product-info-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.product-info-separator {
	position: relative;
	bottom: -4px;
	border-bottom: 1px dotted rgba(15, 47, 42, 0.12);
	flex-grow: 1;
}

/* small form */

.small-form {
	padding-top: 140px;
}

.small-form__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	padding: 12px;
	background-color: var(--white);
	border-radius: 24px;
}

.small-form__image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 12px;
}

.small-form #custom-form {
	padding: 32px;
}

.small-form__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	padding: 24px;
}

.small-form__info .heading__text {
	width: 100%;
}

/* form free */

.form-free {
	padding-top: 140px;
}

.form-free__content {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: 12px;
	padding: 12px;
	background-color: var(--white);
	border-radius: 24px;
}

.form-free #custom-form {
	padding: 36px;
	color: var(--white);
	background-color: var(--text);
	border-radius: 12px;
}

.form-free__info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	padding: 32px;
}

.form-free__block {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-free__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
}

.form-free__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-free__item {
	display: flex;
	gap: 8px;
}

.form-free__item::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.375 15.6255C9.21094 15.6255 9.05078 15.559 8.93359 15.4419L5.18359 11.6919C4.94141 11.4497 4.94141 11.0512 5.18359 10.809C5.42578 10.5669 5.82422 10.5669 6.06641 10.809L9.34375 14.0864L17.6563 4.59029C17.8828 4.33248 18.2773 4.30514 18.5391 4.5317C18.8008 4.75826 18.8242 5.15279 18.5977 5.41451L9.84766 15.4145C9.73438 15.5434 9.57031 15.6215 9.39844 15.6294C9.39063 15.6255 9.38281 15.6255 9.375 15.6255ZM5.625 15.6255C5.46484 15.6255 5.30469 15.563 5.18359 15.4419L1.43359 11.6919C1.19141 11.4497 1.19141 11.0512 1.43359 10.809C1.67578 10.5669 2.07422 10.5669 2.31641 10.809L6.06641 14.559C6.30859 14.8012 6.30859 15.1997 6.06641 15.4419C5.94531 15.563 5.78516 15.6255 5.625 15.6255Z' fill='%2324921A'/%3e%3cpath d='M9.06244 11.7192C8.91791 11.7192 8.76947 11.6684 8.65228 11.5668C8.39056 11.3403 8.36322 10.9457 8.59369 10.684L13.9062 4.59027C14.1328 4.32855 14.5273 4.30121 14.789 4.53168C15.0507 4.75824 15.0781 5.15277 14.8476 5.41449L9.5351 11.5082C9.4101 11.645 9.23822 11.7192 9.06244 11.7192Z' fill='%2324921A'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* quality */

.quality {
	padding-top: 140px;
}

.quality .heading__text {
	width: 100%;
}

.quality__content {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 48px;
}

.quality__info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 48px;
}

.swiper.quality-swiper {
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-width: 0;
	max-width: 100%;
}

.quality__slide-img {
	width: 100%;
	height: 630px;
	background-color: var(--white);
	object-fit: contain;
	background-position: center;
	border-radius: 12px;
}

.quality__slide a {
	display: block;
}

.quality__slide {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.quality__navigation {
	display: flex;
	align-items: center;
	gap: 24px;
}

.swiper-scrollbar.quality-scrollbar {
	position: static;
}

.quality__nav {
	display: flex;
	align-items: center;
	gap: 24px;
}

.swiper-button-prev.quality-button-prev,
.swiper-button-next.quality-button-next {
	position: relative;
	margin-top: 0;
}

.swiper.quality-swiper .swiper-slide {
	height: auto;
}

.quality__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}

.quality__list {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.quality__item {
	display: flex;
	gap: 8px;
}

.quality__item::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: var(--orange);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5626 10.9377C6.44775 10.9377 6.33564 10.8912 6.25361 10.8092L3.62861 8.1842C3.45908 8.01467 3.45908 7.73576 3.62861 7.56623C3.79814 7.3967 4.07705 7.3967 4.24658 7.56623L6.54072 9.86037L12.3595 3.21311C12.5181 3.03264 12.7942 3.0135 12.9774 3.17209C13.1606 3.33069 13.1771 3.60686 13.0185 3.79006L6.89346 10.7901C6.81416 10.8803 6.69932 10.935 6.579 10.9405C6.57354 10.9377 6.56807 10.9377 6.5626 10.9377ZM3.9376 10.9377C3.82549 10.9377 3.71338 10.894 3.62861 10.8092L1.00361 8.1842C0.834082 8.01467 0.834082 7.73576 1.00361 7.56623C1.17314 7.3967 1.45205 7.3967 1.62158 7.56623L4.24658 10.1912C4.41611 10.3608 4.41611 10.6397 4.24658 10.8092C4.16182 10.894 4.04971 10.9377 3.9376 10.9377Z' fill='white'/%3e%3cpath d='M6.34356 8.20342C6.24239 8.20342 6.13848 8.16788 6.05645 8.09678C5.87325 7.93819 5.85411 7.66202 6.01544 7.47882L9.73419 3.21319C9.89278 3.02999 10.169 3.01085 10.3522 3.17217C10.5354 3.33077 10.5545 3.60694 10.3932 3.79014L6.67442 8.05577C6.58692 8.15147 6.46661 8.20342 6.34356 8.20342Z' fill='white'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	border-radius: 4px;
	flex-shrink: 0;
}

.quality__item-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.quality__item-title {
	font-size: 20px;
	line-height: 120%;
	font-weight: 500;
	letter-spacing: -0.02%;
}

.quality__item-text {
	font-size: 18px;
	line-height: 120%;
	opacity: .8;
}

/* payment */

.payment {
	position: relative;
	padding-top: 480px;
	padding-bottom: 48px;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 140px;
	background-color: var(--text);
	border-radius: 24px;
	overflow: hidden;
}

.payment__bg {
	position: absolute;
	inset: 0 0 auto 0;
	width: 100%;
	height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.payment__content {
	position: relative;
	padding: 48px 36px;
	background-color: var(--white);
	border-radius: 16px;
}

.payment__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 60px;
}

.payment__item {
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding: 24px;
	background-color: var(--bg);
	border-radius: 12px;
}

.payment__span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	font-size: 18px;
	line-height: 120%;
	font-weight: 600;
	color: var(--turquoise);
	background-color: var(--light-turquoise);
	border-radius: 6px;
}
.payment__item:nth-child(even) .payment__span {
	color: var(--orange);
	background-color: var(--light-orange);
}

.payment__heading {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.payment__title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.payment__text {
	font-size: 18px;
	line-height: 120%;
	opacity: .8;
}

/* blog */

.blog {
	padding-top: 140px;
}

.blog__content {
	margin-top: 80px;
}

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

.blog__item-img {
	height: 280px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.blog__item-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.blog__item-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog__item-text {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: .8;
}

.blog__item-span {
	opacity: .3;
}

.blog__item-link {
	color: var(--turquoise);
	text-decoration: underline;
}
.blog__item-link:hover {
	text-decoration: none;
}

.blog__navigation {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 48px;
}

.blog__nav {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* blog page */

.articles__content {
	margin-top: 80px;
}

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

.articles__item:first-child {
	grid-area: span 1 / span 2;
}

.articles__item-big {
	position: relative;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.articles__item-big .articles__item-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.articles__item-big .articles__item-info {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	background-color: var(--white);
	border-radius: 12px;
}

.articles__item-big {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 12px;
	padding: 12px;
}

.articles__item-img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.articles__item-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.articles__item-span {
	opacity: .3;
}

.articles__item-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.articles__item-text {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: .8;
}

.articles__item-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.articles__item-link {
	font-weight: 600;
	color: var(--turquoise);
	text-decoration: underline;
}
.articles__item-link:hover {
	text-decoration: none;
}

/* work */

.work__img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center;
	border-radius: 24px;
}

.work__content {
	display: flex;
	flex-direction: column;
	gap: 60px;
	margin-top: 60px;
}

.work__first-block {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px;
}

.work__block.row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px;
}

.work__block.column {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.work__block-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.work__block-text {
	font-size: 18px;
	line-height: 120%;
	opacity: .8;
}

.work__gallery-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px;
}

.work__gallery-lb {
	display: block;
}

.work__gallery-img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.work__block-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.work__block-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.work__block-span {
	font-size: 18px;
	line-height: 120%;
}

.work__block-separator {
	position: relative;
	bottom: -4px;
	flex-grow: 1;
	border: 1px dotted #0F2F2A1F;
}

.work__forma {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.work__forma-text {
	font-size: 20px;
	line-height: 120%;
	font-weight: 500;
}

/* works */

.works {
	padding-top: 140px;
}

.works-category-list {
	display: flex;
	gap: 12px;
}

.works-category-link {
	padding: 18.5px 20px;
	background-color: rgba(15, 47, 42, 0.08);
	border-radius: 8px;
}
.works-category-link:hover {
	background-color: rgba(15, 47, 42, 0.3);
}
.works-category-link.active {
	color: var(--white);
	background-color: var(--text);
}

.works__content {
	margin-top: 32px;
}

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

.works__item-link {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.works__item-img {
	width: 100%;
	height: 480px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.works__item-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.works__item-title {
	font-family: Pliant, sans-serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.works__item-text {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	opacity: .8;
}

.works__item-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.works__item-span {
	display: inline-block;
	padding: 8px 12px;
	font-size: 12px;
	line-height: 120%;
	background-color: var(--white);
	border: 1px solid #0F2F2A1F;
	border-radius: 4px;
}

.works__item-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 5L5 19' stroke='%230F2F2A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19 15.27V5H8.73' stroke='%230F2F2A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .2s;
}

.works__item-link:hover .works__item-icon {
	transform: rotatez(45deg);
}

/* offer */

.offer__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}

.offer__img {
	width: 100%;
	height: 530px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.offer__heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding-bottom: 48px;
	border-bottom: 1px solid #0F2F2A1F;
}

.offer .heading__text {
	width: 100%;
}

.offer__info {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.offer__info-text p {
	line-height: 120%;
	opacity: .8;
}

.offer__info-text h3 {
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.offer__info-text ul {
	list-style-type: disc;
	padding-left: 20px;
}

.offer__info-text ol {
	padding-left: 20px;
}

.offer__info-text li {
	opacity: .8;
}

.offer__info-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.offer__heading-span {
	padding: 8px 10px;
	font-size: 14px;
	line-height: 120%;
	font-weight: 500;
	color: var(--white);
	background-color: var(--orange);
	border-radius: 8px;
}

/* price */

.price {
	padding-top: 140px;
}

.price__content {
	margin-top: 80px;
}

.price__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.price__item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.price__item-img {
	width: 100%;
	height: 270px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.price__item-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-left: 12px;
	padding-right: 12px;
}

.section__actions {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.price__item-title {
	font-size: 18px;
	font-weight: 600;
}

/* house */

.house {
	max-width: 1440px;
	margin: 140px auto 0 auto;
	padding: 48px 0;
	color: var(--white);
	background-color: var(--text);
	border-radius: 24px;
}

.house__content {
	display: flex;
	flex-direction: column;
	gap: 60px;
} 

.house__heading {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.house__info {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.house__text {
	font-size: 18px;
	opacity: .8;
}

.house__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.house__item {
	display: flex;
	gap: 8px;
	font-size: 18px;
	flex-shrink: 0;
}
.house__item:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.375 15.6255C9.21094 15.6255 9.05078 15.559 8.93359 15.4419L5.18359 11.6919C4.94141 11.4497 4.94141 11.0512 5.18359 10.809C5.42578 10.5669 5.82422 10.5669 6.06641 10.809L9.34375 14.0864L17.6563 4.59029C17.8828 4.33248 18.2773 4.30514 18.5391 4.5317C18.8008 4.75826 18.8242 5.15279 18.5977 5.41451L9.84766 15.4145C9.73438 15.5434 9.57031 15.6215 9.39844 15.6294C9.39063 15.6255 9.38281 15.6255 9.375 15.6255ZM5.625 15.6255C5.46484 15.6255 5.30469 15.563 5.18359 15.4419L1.43359 11.6919C1.19141 11.4497 1.19141 11.0512 1.43359 10.809C1.67578 10.5669 2.07422 10.5669 2.31641 10.809L6.06641 14.559C6.30859 14.8012 6.30859 15.1997 6.06641 15.4419C5.94531 15.563 5.78516 15.6255 5.625 15.6255Z' fill='%2324921A'/%3e%3cpath d='M9.06244 11.7192C8.91791 11.7192 8.76947 11.6684 8.65228 11.5668C8.39056 11.3403 8.36322 10.9457 8.59369 10.684L13.9062 4.59027C14.1328 4.32855 14.5273 4.30121 14.789 4.53168C15.0507 4.75824 15.0781 5.15277 14.8476 5.41449L9.5351 11.5082C9.4101 11.645 9.23822 11.7192 9.06244 11.7192Z' fill='%2324921A'/%3e%3c/svg%3e ");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.house__item-link {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 600;
}
.house__item-link::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0243 4.94165L17.0827 9.99998L12.0243 15.0583M2.91602 9.99998H16.941' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.house__img {
	width: 100%;
	height: 680px;
	object-fit: cover;
	object-position: center;
	border-radius: 16px;
}

.house__item-video {
	height: 700px;
	border-radius: 20px;
	overflow: hidden;
}

/* system */

.system {
	padding-top: 140px;
}

.system__content {
	margin-top: 80px;
}

.system__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px;
}

.system__item {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.system__item-image {
	position: relative;
}

.system__item-img {
	width: 100%;
	height: 470px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.system__item-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-block;
	width: 112px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.system__item-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0 12px;
}

.system__item-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.system__item-text {
	opacity: .8;
}

/* contacts */

.contacts__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}

.contacts__info {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.contacts__socials {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-top: 60px;
}

.contacts__socials-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.contacts__socials-link {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
	color: var(--turquoise);
}

.contacts__socials-span {
	font-size: 14px;
	font-weight: 500;
}

.contacts__socials-text {
	font-size: 18px;
	opacity: .8;
}

.contacts__item {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.contacts__forma {
	padding: 48px 36px;
	background-color: var(--white);
	border-radius: 16px;
	align-self: self-start;
}

.contacts__requisites {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.contacts__requisites-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.contacts__requisites-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contacts__requisites-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.contacts__requisites-span {
	font-size: 18px;
}

.contacts__requisites-separator {
	position: relative;
	display: block;
	border-bottom: 1px dotted #0F2F2A1F;
	bottom: -4px;
	flex-grow: 1;
}

/* numbers */

.numbers {
	padding-top: 140px;
}

.numbers__content {
	margin-top: 80px;
}

.numbers__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px;
}

.numbers__item {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.numbers__item:not(:last-child) {
	padding-right: 20px;
	border-right: 1px solid rgba(15, 47, 42, 0.12);
}

.numbers__item-span {
	font-family: Pliant, sans-serif;
	font-size: 86px;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: -0.02%;
}
.numbers__item-span span {
	font-size: 32px;
	color: rgba(15, 47, 42, 0.5);
}

.numbers__item:first-child .numbers__item-span,
.numbers__item:first-child .numbers__item-span span {
	font-weight: 500;
	color: var(--turquoise);
}

.numbers__item-text {
	opacity: .8;
}

/* production */

.production {
	padding-top: 140px;
}

.production__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px;
}

.production__info {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.production__image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 12px;
}

.production__info-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.production__info-item {
	display: flex;
	gap: 8px;
	font-size: 18px;
	color: rgba(15, 47, 42, 0.8);
}

.production__info-item::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.3123 17.1875C10.1318 17.1875 9.95566 17.1145 9.82676 16.9856L5.70176 12.8606C5.43535 12.5942 5.43535 12.1559 5.70176 11.8895C5.96816 11.6231 6.40645 11.6231 6.67285 11.8895L10.2779 15.4946L19.4217 5.04885C19.6709 4.76525 20.1049 4.73518 20.3928 4.98439C20.6807 5.23361 20.7064 5.6676 20.4572 5.95549L10.8322 16.9555C10.7076 17.0973 10.5271 17.1832 10.3381 17.1918C10.3295 17.1875 10.3209 17.1875 10.3123 17.1875ZM6.1873 17.1875C6.01113 17.1875 5.83496 17.1188 5.70176 16.9856L1.57676 12.8606C1.31035 12.5942 1.31035 12.1559 1.57676 11.8895C1.84316 11.6231 2.28145 11.6231 2.54785 11.8895L6.67285 16.0145C6.93926 16.2809 6.93926 16.7192 6.67285 16.9856C6.53965 17.1188 6.36348 17.1875 6.1873 17.1875Z' fill='%2324921A'/%3e%3cpath d='M9.96922 12.8906C9.81024 12.8906 9.64696 12.8347 9.51805 12.723C9.23016 12.4738 9.20008 12.0398 9.4536 11.7519L15.2973 5.04881C15.5466 4.76092 15.9805 4.73084 16.2684 4.98436C16.5563 5.23358 16.5864 5.66756 16.3329 5.95545L10.4891 12.6586C10.3516 12.809 10.1626 12.8906 9.96922 12.8906Z' fill='%2324921A'/%3e%3c/svg%3e ");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}

/* team */

.team {
	padding-top: 140px;
}

.team__content {
	margin-top: 80px;
}

.team__item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.team__item-img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.team__item-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.team__item-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.team__item-span {
	opacity: .3;
}

.team__item-text {
	opacity: .8;
}

.team__navigation {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 60px;
}

.team__nav {
	display: flex;
	align-items: center;
	gap: 24px;
}

/* review */

.review__content {
	margin-top: 80px;
}

.review__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 32px;
}

.review__item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	background-color: var(--white);
	border-radius: 12px;
}

.review__ya {	
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 16px 24px;
	background-color: var(--light-orange);
	border-radius: 12px;
}

.review__ya-icon {
	display: inline-block;
	width: 149px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.review__ya-span {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.review__ya-span-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.1065 4.18353C11.4365 3.4055 12.5604 3.4055 12.8904 4.18353L14.838 8.77564C14.9772 9.10365 15.2918 9.32776 15.6529 9.35614L20.7083 9.75359C21.5647 9.82094 21.9121 10.8692 21.2594 11.4174L17.4079 14.6528C17.1328 14.884 17.0125 15.2466 17.0966 15.5921L18.2734 20.4299C18.4727 21.2495 17.5634 21.8974 16.8301 21.4582L12.502 18.8657C12.1928 18.6805 11.8041 18.6805 11.4949 18.8657L7.16676 21.4582C6.43344 21.8974 5.52416 21.2495 5.72353 20.4299L6.9003 15.5921C6.98434 15.2466 6.8642 14.884 6.58909 14.6528L2.73738 11.4174C2.08479 10.8692 2.4321 9.82094 3.28863 9.75359L8.34408 9.35614C8.70517 9.32776 9.01972 9.10365 9.15884 8.77564L11.1065 4.18353Z' fill='%23F0AF45'/%3e%3c/svg%3e "); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.review__ya-text {
	font-size: 18px;
}

/* article */

.article__heading {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.article__heading-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;	
}

.article__heading-img {
	height: 680px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 24px;
}

.article__content {
	display: grid;
	grid-template-columns: .3fr 1fr;
	gap: 60px;
	margin-top: 60px;
}

.article__body {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.article__body-block {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.article__body-title {
	font-family: Pliant, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02%;
}

.article__body-text {
	font-size: 18px;
	line-height: 120%;
}

.article__body-text blockquote {
	padding: 12px 24px;
	margin: 0;
	background-color: var(--white);
	border-left: 4px solid var(--orange);
	border-radius: 12px;
}

.article__body-text table {
	border-collapse: collapse;
    overflow: hidden;
	border: 1px solid rgba(15, 47, 42, 0.08);
	background-color: var(--white);
	border-radius: 12px;
}

.article__body-text td {
	padding: 10px;
	border: 1px solid rgba(15, 47, 42, 0.08);
}

.article__body-text tr:first-child {
	background-color: rgba(15, 47, 42, 0.08);
}

.article__sidebar {
	display: flex;
	flex-direction: column;
	align-self: self-start;
	gap: 16px;
	padding: 16px;
	background-color: var(--white);
	border-radius: 12px;
}

.article__sidebar-link:hover {
	color: var(--turquoise);
}

.article__sidebar-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.article__sidebar-item {
	font-size: 14px;
	line-height: 120%;
}

.article__heading-time {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	line-height: 120%;
	color: rgba(15, 47, 42, 0.8);
}

.article__heading-time::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_104_15991)'%3e%3cpath d='M8 16C12.4172 16 16 12.4172 16 8C16 3.58285 12.4172 0 8 0C3.58285 0 0 3.58285 0 8C0 12.4172 3.58285 16 8 16ZM7.42856 3.42858C7.42856 3.11428 7.6857 2.85713 8 2.85713C8.3143 2.85713 8.57145 3.11428 8.57145 3.42858V7.72572L11.2143 9.84001C11.46 10.0372 11.5 10.3971 11.3029 10.6429C11.2495 10.7099 11.1817 10.7639 11.1045 10.801C11.0273 10.8381 10.9428 10.8573 10.8571 10.8571C10.7314 10.8571 10.6057 10.8171 10.5 10.7314L7.64288 8.44573C7.50859 8.33714 7.4286 8.1743 7.4286 8V3.42858H7.42856Z' fill='%234FC7B5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_104_15991'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.article__heading-date {
	opacity: .3;
}

/* footer */

.footer {
	max-width: 1440px;
    padding: 12px;
    margin-top: 140px;
	margin-left: auto;
	margin-right: auto;
    color: var(--white);
    background-color: var(--text);
    border-radius: 24px 24px 0 0;
}

.footer__top {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    padding-bottom: 48px;
}

.footer__logo {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer__logo-text {
    opacity: .5;
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer__menu-title {
    text-transform: uppercase;
}

.footer__menu-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__menu-link {
    opacity: .8;
}
.footer__menu-link:hover {
	color: var(--turquoise);
}

.footer__socials {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.footer__socials-link:hover {
	color: var(--turquoise);
}

.footer__content {
    padding-top: 80px;
}

.footer__map {
    height: 560px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 48px 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.copyright-text, .copyright-link {
    font-size: 14px;
    line-height: 120%;
    opacity: .3;
}

/* filter */

.products-filter {
	position: relative;
}

.products-filter-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 16px;
	background-color: #0F2F2A14;
	border-radius: 6px;
	cursor: pointer;
}

.products-filter-btn::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.43807 18.4375C8.27231 18.4375 8.11334 18.3717 7.99613 18.2544C7.87892 18.1372 7.81307 17.9783 7.81307 17.8125V11.8031L2.01932 5.43125C1.79125 5.17992 1.64103 4.8678 1.5869 4.53276C1.53277 4.19772 1.57704 3.85417 1.71436 3.54381C1.85167 3.23345 2.07612 2.96961 2.36046 2.78432C2.6448 2.59904 2.97681 2.50027 3.3162 2.5H16.6849C17.0243 2.50027 17.3563 2.59904 17.6407 2.78432C17.925 2.96961 18.1495 3.23345 18.2868 3.54381C18.4241 3.85417 18.4684 4.19772 18.4142 4.53276C18.3601 4.8678 18.2099 5.17992 17.9818 5.43125L12.1881 11.8031V15.3125C12.188 15.4061 12.1669 15.4985 12.1264 15.5829C12.0858 15.6673 12.0268 15.7415 11.9537 15.8L8.8287 18.3C8.7179 18.3889 8.58012 18.4374 8.43807 18.4375ZM3.3162 3.75C3.21894 3.75024 3.12384 3.77867 3.04241 3.83184C2.96097 3.88501 2.89669 3.96064 2.85734 4.04958C2.818 4.13852 2.80527 4.23696 2.82071 4.33298C2.83615 4.42901 2.87908 4.5185 2.94432 4.59062L8.90057 11.1531C9.00262 11.2653 9.06038 11.4108 9.06307 11.5625V16.5125L10.9381 15V11.5625C10.9377 11.4065 10.9957 11.256 11.1006 11.1406L17.0568 4.57812C17.1182 4.50567 17.1578 4.41734 17.1711 4.32334C17.1843 4.22933 17.1707 4.13348 17.1318 4.04688C17.093 3.96027 17.0304 3.88643 16.9513 3.8339C16.8722 3.78136 16.7799 3.75228 16.6849 3.75H3.3162Z' fill='%230F2F2A'/%3e%3c/svg%3e ");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.products-filter-content {
	position: absolute;
	z-index: -1;
	left: -100%;
	padding: 24px;
	width: 300px;
	background-color: var(--white);
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	opacity: 0;
	transition: left .2s, opacity .2s;
}
.products-filter-content.open {
	left: 0;
	z-index: 9;
	opacity: 1;
}

.products__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.products-sort select {
	appearance: none;
	-webkit-appearance: none;	
	padding: 12px 24px 12px 12px;
	font-size: 12px;
	color: rgba(15, 47, 42, 0.8);
	background-color: rgba(15, 47, 42, 0.04);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 4.5L6 8L10 4.5' stroke='%230F2F2A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-position: 96% 50%;
	background-size: 12px;
	border: 1px solid rgba(15, 47, 42, 0.08);
	border-radius: 6px;
    outline: none;
}

/* mobile menu */

.header__burger {
    display: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
	flex-shrink: 0;
}
.header__burger::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 7H21' stroke='%2324221D' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M3 12H21' stroke='%2324221D' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M3 17H21' stroke='%2324221D' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.mobile-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu__overlay {
    position: absolute;
    inset: 0;	
    background: rgba(0, 0, 0, 0.5);
}

.mobile-menu__content {
    position: relative;
    z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 24px;
    width: 30%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    padding: 24px;
	background-color: var(--white);
    transform: translateY(-100%);
    transition: transform 0.2s ease;
    overflow-y: auto;
}
.mobile-menu.active .mobile-menu__content {
    transform: translateY(0);
}

.mobile-menu__body {
    display: flex;
    flex-direction: column;
	align-items: flex-end;
    gap: 24px;
}

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

.header__socials-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.mobile-menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu__close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5' clip-path='url(%23clip0_106_3330)'%3e%3cpath d='M30.6066 30.8198L20 20.2132M20 20.2132L9.3934 9.6066M20 20.2132L30.6066 9.6066M20 20.2132L9.3934 30.8198' stroke='black' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_3330'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.mobile-menu__list {
    display: flex;
    flex-direction: column;
	align-items: flex-end;
    gap: 24px;
}
.mobile-menu__list:last-child {
	padding-top: 24px;
	border-top: 1px solid #0F2F2A1F;
}

.mobile-menu__link {
    font-size: 20px;
    font-weight: 500;
}

.mobile-menu__bottom {
    display: flex;
    flex-direction: column;
	align-items: flex-end;
    gap: 16px;
	margin-top: auto;
}

.mobile-menu__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    background: #222;
    color: #fff;
    text-decoration: none;
}

body.mobile-menu-open {
    overflow: hidden;
}

.mobile-menu__address {
	display: flex;
	align-items: center;
	gap: 8px;
}
.mobile-menu__address::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0005 0C7.11182 0 3.13477 3.97705 3.13477 8.86571C3.13477 10.4751 3.85654 12.206 3.88679 12.279C4.1199 12.8323 4.57988 13.6918 4.91156 14.1956L10.9903 23.406C11.2391 23.7836 11.6073 24 12.0005 24C12.3937 24 12.7619 23.7836 13.0106 23.4065L19.0899 14.1956C19.4221 13.6918 19.8816 12.8323 20.1147 12.279C20.1449 12.2065 20.8662 10.4756 20.8662 8.86571C20.8662 3.97705 16.8891 0 12.0005 0ZM19.153 11.8743C18.9449 12.3703 18.5168 13.1698 18.219 13.6214L12.1397 22.8323C12.0198 23.0143 11.9817 23.0143 11.8618 22.8323L5.78248 13.6214C5.4847 13.1698 5.05654 12.3698 4.84846 11.8738C4.83959 11.8524 4.17779 10.2592 4.17779 8.86571C4.17779 4.55228 7.68705 1.04302 12.0005 1.04302C16.3139 1.04302 19.8232 4.55228 19.8232 8.86571C19.8232 10.2613 19.1598 11.8587 19.153 11.8743Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3cpath d='M12.0003 4.17188C9.41199 4.17188 7.30664 6.27774 7.30664 8.86549C7.30664 11.4532 9.41199 13.5591 12.0003 13.5591C14.5885 13.5591 16.6939 11.4532 16.6939 8.86549C16.6939 6.27774 14.5885 4.17188 12.0003 4.17188ZM12.0003 12.5161C9.98774 12.5161 8.34967 10.8785 8.34967 8.86549C8.34967 6.85245 9.98774 5.2149 12.0003 5.2149C14.0128 5.2149 15.6508 6.85245 15.6508 8.86549C15.6508 10.8785 14.0128 12.5161 12.0003 12.5161Z' fill='%230F2F2A' fill-opacity='0.5'/%3e%3c/svg%3e ");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/*  */

.popup {
    z-index: 9999;
    opacity: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}

.popup-bg {
    z-index: 9998;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    inset: 0%;
}

.popup-close {
    background-image: url("https://cdn.prod.website-files.com/6a5482195b1476a9f7aa90e8/6a54aff1f3fa66b136bd2f3b_Vecfsdfsdfsdtor.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 24px;
    height: 24px;
    position: absolute;
    inset: 20px 20px auto auto;
}

.popup-block {
    position: relative;
    z-index: 9999;
    padding: 48px;
    max-width: 650px;
    width: 100%;
    background-color: var(--white);
    border-radius: 20px;
}

/*  */

.simple-page__content {
	margin-top: 60px;
}

.simple-page__text {
	line-height: 120%;
}

.not-found__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	margin-top: 60px;
}

.not-found .h1 {
	text-align: center;
}

.not-found__text {
	font-size: 18px;
}

.not-found__span {
	font-size: 120px;
	line-height: 120%;
	font-weight: 600;
	color: var(--turquoise);
}

@media screen and (max-width: 1280px) {
	.header__burger {
		display: flex;
	}
	
	.navbar__list, .navbar__social.address, .navbar__bottom {
		display: none;
	}
	
	.navbar__socials {
		margin-left: auto;	
	}
	
	.navbar__top {
		padding: 16px;
	}
	
	.container {
		padding-left: 16px;
    	padding-right: 16px;
	}
	
	.has-fixed-header .breadcrumbs {
		top: 95px;
	}
	
	.breadcrumbs {
		padding: 16px;
	}
	
	/* hero */
	
	.hero {
		padding-top: 146px;
		padding-bottom: 60px;
	}
	
	.h1 {
		font-size: 66px;
	}
	
	.hero__text {
		font-size: 20px;
		width: 100%;
	}
	
	.hero__item-icon {
		width: 24px;
		height: 24px;
	}
	
	.hero__item-text {
		font-size: 16px;
	}
	
	/* preem */
	
	.preem {
		padding-top: 100px;
	}
	
	.preem__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.preem__item:nth-child(even) {
		transform: translateY(0);
	}
	
	.preem__item-title {
		font-size: 28px;
	}
	
	/* catalog */
	
	.catalog {
		padding-top: 100px;
	}
	
	.h2 {
    	font-size: 52px;
	}
	
	.heading.row {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.heading__text {
		width: 100%;
	}
	
	.catalog__list {
		grid-template-rows: 360px;
    	grid-auto-rows: 360px;
	}
	
	.catalog__item-title {
		font-size: 28px;
	}
	
	/* calc */
	
	.calc {
		margin-top: 100px;
		padding-top: 330px;
		padding-bottom: 16px;
	}
	
	.calc__bg {
		height: 520px;
	}
	
	.window-calculator__title {
		font-size: 28px;
	}
	
	.window-calculator__footer {
		flex-direction: column;
		align-items: stretch;
    	justify-content: flex-start;
	}
	
	.window-calculator__result {
		flex-direction: row;
		justify-content: space-between;
    	align-items: center;
	}
	
	.calc__content {
		padding: 24px;
	}
	
	.page-template-okna-rehau .calc {
		padding-top: 16px;
    	padding-bottom: 16px;
	}
	
	/* benefit */
	
	.benefit {
		padding-top: 100px;
	}
	
	/* offers */
	
	.offers {
    	padding-top: 100px;
	}
	
	.offers__content {
		display: flex;
		flex-direction: column;
	}
	
	/* services */
	
	.services {
		padding-top: 100px;
	}
	
	.services__item-title {
		font-size: 28px;
	}
	
	.services__form {
		padding: 24px;
	}
	
	.services__item-img {
		height: 320px;
	}
	
	/* steps */
	
	.steps {
    	padding-top: 100px;
	}
	
	.steps__content {
		display: flex;
		flex-direction: column;
	}
	
	.steps__image {
		height: 320px;
	}
	
	.steps__btn {
		right: -12px;
	}
	
	.steps__item-title {
		font-size: 28px;
	}
	
	.steps__list {
		gap: 32px;
	}					
	
	/* about */
	
	.about {
		padding-top: 100px;
	}
	
	.about__content {
		margin-top: 40px;
	}
	
	.about__info {
		grid-template-columns: 1fr .8fr;
    	gap: 32px;
	}
	
	.about__info-block {
		align-self: flex-start;
	}
	
	/* portfolio */
	
	.portfolio {
		padding-top: 100px;
	}
	
	.portfolio__info {
		padding: 24px;
	}
	
	.portfolio__image-title, .portfolio__heading-title {
		font-size: 24px;
	}
	
	/* reviews */
	
	.reviews {
    	padding-top: 100px;
	} 
	
	/* coop */
	
	.coop {
		padding-top: 100px;
	}
	
	.coop__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.coop .services__item:last-child {
		grid-area: span 1 / span 2;
	}
	
	.preem-big__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* faq */
	
	.faq {
		padding-top: 100px;
	}
	
	.faq__content {
		display: flex;
		flex-direction: column;
	}
	
	/* form */
	
	.form {
		padding-top: 100px;
		overflow: hidden;
	}
	
	.form__info {
		padding: 32px;
		margin-left: 350px;
	}
	
	.form__img {
		left: -64px;
		top: auto;
    	bottom: 0;
    	height: 534px;
	}
	
	/* footer */
	
	.footer {
		margin-top: 100px;
	}
	
	.footer__top {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.footer__logo {
		width: 100%;
		grid-area: span 1 / span 3;
	}
	
	.footer__bottom {
		padding: 24px 0;
	}
	
	.footer__content {
		padding-top: 40px;
	}
}

@media screen and (max-width: 991px) {
	/* preem */
	.preem__content {
		margin-top: 60px;
	}
	
	/* catalog */
	.catalog__content {
    	margin-top: 60px;
	}
	
	.catalog__item-info {
		padding: 24px;
	}
	
	/* calca */
	.window-calculator__tabs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.window-calculator__tab {
		justify-content: center;
	}
	
	.window-calculator__panel {
		grid-template-columns: .75fr 1fr;
	}
	
	.window-calculator__fields {
		display: flex;
		flex-direction: column;
	}
	
	/* numbers */
	.numbers {
		padding-top: 100px;
	}
	
	.numbers__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.numbers__item-span {
		font-size: 66px;
	}
	
	/* production */
	.team {
		padding-top: 100px;
	}
	
	.team__item-title {
		font-size: 28px;
	}
	
	/* production */
	.production {
		padding-top: 100px;
	}
	
	.production__content {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.production__image {
		height: 250px;
	}
	
	/* rehau catalog */
	.rehau-catalog {
		padding-top: 100px;
	}
	
	.rehau-catalog-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.rehau-catalog-title {
		font-size: 28px;
	}
	
	/* numbers */
	.numbers__item:not(:last-child) {
		padding-right: 0;
		border-right: none;
	}
	
	.numbers__item:nth-child(odd) {
		padding-right: 20px;
    	border-right: 1px solid rgba(15, 47, 42, 0.12);
	}
	
	/* small-form */
	.small-form__content {
		grid-template-columns: 1fr .5fr;
	}	
	
	.small-form #custom-form {
		padding: 16px;
	}
	
	.small-form {
		padding-top: 100px;
	}
	
	/* benefit */
	.benefit__content {
		display: flex;
		flex-direction: column;
	}
	
	.benefit__image {
		height: 380px;
	}
	
	/* preem-big */
	.preem-big {
		padding-top: 100px;
	}
	
	.preem-big__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.preem-big__title {
		font-size: 28px;
	}
	
	/* products */
	.products {
		padding-top: 100px;
	}
	
	.products-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.article__body-text table {
		width: 100%;
	}
	
	.article__body-text tr {
		font-size: 14px;
	}
	
	/* products */
	.form-free {
		padding-top: 100px;
	}
	
	.form-free__content {
		display: flex;
    	flex-direction: column;
	}
	
	.form-free__info {
		padding: 16px 0;
	}
	
	/* services */
	.services__content {
		margin-top: 60px;
	}
	
	.services__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* payment */
	.payment__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.payment__title {
		font-size: 28px;
	}
	
	.payment {
		margin-top: 100px;
		padding-top: 280px;
	}
	
	/* quality */
	.quality {
		padding-top: 100px;
	}
	
	.quality__content {
		display: flex;
		flex-direction: column;
	}
	
	.quality__item-text {
		font-size: 16px;
	}
	
	.offer__content {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	
	.offer__img {
		height: 250px;
	}
	
	.offer__info-text h3 {
		font-size: 28px;
	}
	
	/* blog */
	.blog {
		padding-top: 100px;
	}
	
	.blog__item-title {
		font-size: 28px;
	}
	
	/* about */
	.about__heading {
		padding-top: 240px;
		padding-bottom: 16px;
	}
	
	.about__info {
        display: flex;
		flex-direction: column;
    }
	
	.about__info-block {
        align-self: stretch;
    }
	
	.about__info-num.big {
		font-size: 52px;
	}
	
	.about__info-block {
		padding: 24px;
	}
	
	.house__item-video {
		height: 600px;
	}
	
	/* portfolio */
	.portfolio__content {
		margin-top: 60px;
	}
	
	.portfolio__nav {
		gap: 12px;
	}
	
	/* price */
	.price {
		padding-top: 100px;
	}
	
	.price__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* reviews */
	.reviews__content {
		margin-top: 60px;
	}
	
	.reviews__navigation {
		gap: 24px;
		margin-top: 40px;
	}
	
	.reviews__nav {
		gap: 12px;
	}
	
	.review__video-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* house */
	.house {
		margin-top: 100px;
		padding: 16px 0;
	}
	
	.house__heading {
		display: flex;
		flex-direction: column;
	}
	
	.house__img {
		height: 480px;
	}
	
	/* system	 */
	.system {
		padding-top: 100px;
	}
	
	.system__item-title {
		font-size: 28px;
	}
	
	.works {
		padding-top: 100px;
	}
	
	.works__item-img {
		height: 350px;
	}
	
	.works__item-title {
		font-size: 28px;
	}
	
	/* coop	 */
	.coop__content {
		margin-top: 60px;
	}
	
	.review__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.work__img {
		height: 420px;
	}
	
	.work__block.row {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	
	.work__block-span {
		font-size: 16px;
		text-align: right;
	}	
	
	/* offers */
	.offers__list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.articles__list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 450px;
		grid-auto-rows: 1fr;
	}
	
	.articles__item-title {
		font-size: 28px;
	}
	
	.article__heading-img {
		height: 500px;
	}
	
	.article__content {
		display: flex;
		flex-direction: column;		
	}
	
	.article__sidebar {
		align-self: stretch;
	}
	
	.article__body-title {
		font-size: 28px;
	}
	
	.article__body-text {
		font-size: 16px;
	}
	
	/* faq */
	
	.faq__question {
		font-size: 28px;
	}
	
	/* footer */
	.footer__top {
		grid-template-columns: 1fr .5fr 1fr;
		gap: 24px;
	}
	
	/* 	 */
	.mobile-menu__content {
		width: 40%;
	}
}

@media screen and (max-width: 767px) {
	.btn {
		padding: 16px 30px;
		font-size: 16px;	
	}
	
	.h1 {
        font-size: 40px;
    }
	
	.h2 {
        font-size: 36px;
    }
	
	.navbar__top {
		gap: 24px;
	}
	
	.navbar .small-btn {
		display: none;
	}
	
	.navbar__logo-icon {
		width: 130px;
		height: 31px;
	}
	
	.navbar__social.phone::before {
		content: none;
	}
	
	/* hero */
	.hero {
		padding-bottom: 40px;
		background-position: 50% 50%;	
	}
	
	.hero__list {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}	
	
	.hero__text, .hero__spec {
        font-size: 16px;
    }
	
	.hero__content {
		gap: 32px;
	}
	
	.hero__actions {
		flex-direction: column;
		align-items: stretch;
	}
	
	/* rehau catalog */
	.rehau-catalog {
        padding-top: 80px;
    }
	
	.rehau-catalog-content {
		margin-top: 30px;
	}
	
	.rehau-catalog-title {
        font-size: 22px;
    }
	
	.rehau-catalog-item-info {
		padding: 8px 16px 16px 16px;
	}
	
	/* house */
	.house {
		margin-top: 80px;
	}
	
	.house__text, .house__item {
		font-size: 16px;
	}
	
	.house__img {
        height: 380px;
    }
	
	.articles__list {
        grid-template-columns: 1fr;
    }
	
	.articles__content {
		margin-top: 30px;
	}
	
	.articles__item-title {
        font-size: 22px;
    }
	
	.works {
        padding-top: 80px;
    }
	
	.works__list {
		grid-template-columns: 1fr;
	}
	
	.works__item-title {
        font-size: 22px;
    }
	
	.work__img {
		margin-top: 30px;
		height: 350px;
	}
	
	.work__content {
		margin-top: 30px;
		gap: 24px;
	}
	
	.work__block-title {
		font-size: 28px;
	}
	
	.work__block-text {
		font-size: 16px;
	}
	
	.article__heading-img {
        height: 300px;
    }
	
	.article__content {
		margin-top: 30px;
		gap: 30px;
	}
	
	.article__body {
		gap: 30px;
	}
	
	.article__body-title {
        font-size: 22px;
    }
	
	.article__body-text #table {
		overflow: auto;	
	}
	
	.portfolio__item {
		grid-template-columns: 1fr;
	}
	
	.offer__info-text h3 {
		font-size: 22px;
	}
	
	.works-category-list {
		flex-wrap: wrap;
	}
	
	.works-category-link {
		padding: 12px 16px;
		font-size: 14px;
	}
	
	/* numbers */
	.numbers {
        padding-top: 80px;
    }
	
	.numbers__content {
		margin-top: 30px;
	}
	
	.numbers__item-span span {
		font-size: 22px;
	}
	
	.numbers__item-text {
		font-size:  14px;
	}
	
	.numbers__item {
		gap: 16px;
	}
	
	/* production */
	.production {
        padding-top: 80px;
    }
	
	.production__info-item {
		font-size: 16px;
	}
	
	.review__content {
		margin-top: 30px;
	}
	
	.review__ya {
		flex-direction: column;
	}
	
	.review__list {
        grid-template-columns: 1fr;
    }
	
	/* team */
	.team {
        padding-top: 80px;
    }
	
	.team__content {
		margin-top: 30px;
	}
	
	.team__item-img {
		height: 300px;
	}
	
	.team__item-title {
        font-size: 22px;
    }
	
	/* system */
	.system {
        padding-top: 80px;
    }
	
	.system__content {
		margin-top: 30px;
	}
	
	.system__item-img {
		height: 250px;
		object-fit: contain;
		background-color: var(--white);
	}
	
	.system__item-title {
        font-size: 22px;
    }
	
	.system__list {
		grid-template-columns: 1fr;
	}
	
	/* small form */
	.small-form {
        padding-top: 80px;
    }
	
	.small-form__content {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.small-form__image {
		height: 220px;
	}
	
	/* preem */
	.preem {
        padding-top: 80px;
    }
	
	.preem__content {
        margin-top: 30px;
    }
	
	.preem__list {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.preem__item-title {
        font-size: 22px;
    }
	
	.preem__item-text {
		font-size: 14px;
	}
	
	.preem__item {
		padding: 16px;
		gap: 24px;
	}
	
	/* catalog */
	.catalog {
        padding-top: 80px;
    }
	
	.heading__text {
		font-size: 16px;
	}
	
	.catalog__content {
        margin-top: 30px;
    }
	
	.catalog__list {
		grid-template-columns: 1fr;
	}
	
	.catalog__list {
        grid-template-rows: 240px;
        grid-auto-rows: 240px;
    }
	
	.catalog__item-title {
        font-size: 22px;
    }
	
	.catalog__item-span {
		font-size: 16px;
	}
	
	/* 	 */
	.calc {
		margin-top: 80px;
		padding-top: 250px;
	}
	
	.window-calculator__panel {
        display: flex;
		flex-direction: column;
    }
	
	.window-calculator__tabs {
		margin-top: 30px;
		grid-template-columns: 1fr;
	}
	
	.calc__content {
		padding: 16px;
	}
	
	/* offers */
	.offers__list {
		grid-template-columns: 1fr;
	}
	
	.offers__images-img {
		height: 300px;
	}
	
	/* benefit */
	.benefit {
        padding-top: 80px;
    }
	
	.benefit__image {
        height: 220px;
    }
	
	.benefit__content {
		margin-top: 30px;
		gap: 24px;
	}
	
	.benefit__info-span, .benefit__item-title {
		font-size: 16px;
	}
	
	.benefit__item-text {
		font-size: 14px;
	}
	
	/* offers */	
	.offers {
        padding-top: 80px;
    }
	
	.offers__item-title {
		font-size: 18px;
	}
	
	.offers__item-img {
		height: 240px;
	}
	
	.offers__content {
		gap: 30px;
	}
	
	/* price */
	.price {
		padding-top: 80px;
	}
	
	.price__content {
		margin-top: 30px;
	}
	
	.price__list {
		grid-template-columns: 1fr;
	}
	
	/* services */
	.services {
        padding-top: 80px;
    }
	
	.services__item-title {
        font-size: 22px;
    }
	
	.services__list {
        grid-template-columns: 1fr;
    }
	
	.services__content {
		margin-top: 30px;
	}
	
	.services__item-img {
        height: 250px;
    }
	
	/* steps */
	.steps {
        padding-top: 80px;
    }
	
	.steps__btn {
		width: 140px;
		height: 140px;
		font-size: 16px;
	}
	
	.steps__content {
		gap: 40px;
	}
	
	.steps__item-title {
        font-size: 22px;
    }
	
	/* about */
	.about {
        padding-top: 80px;
    }
	
	.about__timeline-span {
		font-size: 36px;
	}
	
	.about__info {
		margin-top: 32px;
	}
	
	.about__info-text {
		font-size: 16px;
	}
	
	.about__info-num {
		font-size: 28px;
	}
	
	.about__info-num.big {
        font-size: 40px;
    }
	
	.house__item-video {
		height: 500px;
	}
	
	/* portfolio */
	.portfolio {
        padding-top: 80px;
    }
	
	.portfolio__content {
        margin-top: 30px;
    }
	
	.portfolio__image-info {
		padding: 24px;
	}
	
	.portfolio__image {
		height: 390px;
	}
	
	.portfolio__navigation {
		display: grid;
		grid-template-columns: 1fr 112px;
	}
	.portfolio__navigation .btn {
		grid-area: span 1 / span 2;
	}
	
	.portfolio__image-title, .portfolio__heading-title {
		font-size: 20px;
	}
	
	/* reviews */
	.reviews {
        padding-top: 80px;
    }
	
	.reviews__content {
        margin-top: 30px;
    }
	
	.reviews__item {
		padding: 16px;
	}
	
	.reviews__item-text {
		font-size: 16px;
	}
	
	.reviews__personal-text {
		font-size: 18px;
	}
	
	.reviews__personal-span {
		font-size: 14px;
	}
	
	.review__video-title {
		font-size: 22px;
	}
	
	/* coop */
	.coop {
        padding-top: 80px;
    }
	
	.coop__list {
        grid-template-columns: 1fr;
    } 
	
	.coop .services__item:last-child {
        grid-area: auto;
    }
	
	.coop__content {
        margin-top: 30px;
    }
	
	/* preem-big */
	.preem-big {
        padding-top: 80px;
    }
	
	.preem-big__content {
		margin-top: 30px;
	}
	
	.preem-big__list {
		grid-template-columns: 1fr;
		grid-template-rows: 280px;
    	grid-auto-rows: auto;
	}
	
	.preem-big__item:first-child {
		grid-area: auto;
	}
	
	.preem-big__item-icon {
		width: 54px;
    	height: 54px;
		background-size: 30px;
	}
	
	.preem-big__title {
        font-size: 22px;
    }
	
	.preem-big__item-info {
		gap: 24px;
		padding: 16px;
	}
	
	/* products */
	.products {
        padding-top: 80px;
    }
	
	.section-btns {
		margin-top: 30px;
	}
	
	/* form free */
	.form-free {
        padding-top: 80px;
    }
	
	.form-free__title {
		font-size: 20px;
	}
	
	.form-free #custom-form {
		padding: 16px;
	}
	
	/* payment */
	.payment {
		margin-top: 80px;
		padding-bottom: 16px;
	}
	
	.payment__content {
		padding: 24px;
	}
	
	.payment__list {
		margin-top: 30px;
	}
	
	.payment__item {
		padding: 16px;
	}
	
	.payment__title {
        font-size: 22px;
		gap: 24px;
    }
	
	.payment__text {
		font-size: 16px;
	}
	
	/* quality */
	.quality {
        padding-top: 80px;
    }
	
	/* blog */
	.blog {
        padding-top: 80px;
    }
	
	.blog__content {
		margin-top: 30px;	
	}
	
	.blog__item-title {
        font-size: 22px;
    }
	
	.blog__navigation {
		display: grid;
		grid-template-columns: 1fr 124px;
	}
	
	.blog__navigation .btn {
		grid-area: span 1 / span 2;
	}
	
	/* faq */
	.faq {
        padding-top: 80px;
    }
	
	.faq__content {
		gap: 32px;
	}
	
	.faq__question {
        font-size: 22px;
    }
	
	.faq__list {
		gap: 0;
	}
	
	/* form */
	.form {
        padding-top: 80px;
    }
	
	.form__img {
		display: none;
	}
	
	.form__info {
        padding: 24px;
        margin-left: 0;
    }
	
	/* rehau catalog */
	.rehau-catalog-list {
        grid-template-columns: 1fr;
    }
	
	/* rehau catalog */
	.products-list {
        grid-template-columns: 1fr;
    }
	
	.work__img {
        height: 300px;
    }
	
	.work__gallery-list {
		grid-template-columns: 1fr;
	}
	
	.work__block-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	
	.work__block-span {
        font-size: 14px;
        text-align: left;
    }
	
	.work__block-separator {
		display: none;
	}
	
	.work__forma {
		flex-direction: column;
	}
	
	/* footer */
	.footer {
        margin-top: 80px;
    }
	
	.footer__top {
        grid-template-columns: 1fr 1fr;
		gap: 32px;
    }
	
	.footer__logo,
	.footer__socials {
		grid-area: span 1 / span 2;
	}
	
	.footer__logo {
		gap: 16px;
	}
	
	.footer__socials {
		align-items: center;
	}
	
	.footer__map {
		height: 280px;
	}
	
	.footer__logo-icon {
		width: 215px;
		height: 52px;
	}
	
	.footer__logo-text {
		font-size: 14px;
	}
	
	.footer__bottom {
		flex-direction: column;
	}
	
	/* mobile */
	.mobile-menu__content {
		width: 60%;
	}
	
	.popup-block {
		padding: 24px;
	}
	
	.contacts__content {
		grid-template-columns: 1fr;
	}
	
	.contacts__socials-link {
		font-size: 22px;
	}
	
	.contacts__requisites-span {
		font-size: 14px;
	}
	
	.contacts__forma {
		padding: 24px 18px;
	}
}

@media screen and (max-width: 599px) {
	.review__video-list {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 479px) {
	.h2 {
		font-size: 28px;
	}
	
	.breadcrumbs {
		font-size: 14px;
	}
	
	/* about */
	.about__info-block {
        padding: 16px;
    }
	
	.about__info-num {
        font-size: 22px;
    }
	
	.about__info-item-text {
		font-size: 12px;
	}
	
	.house__item-video {
		height: 400px;
	}
	
	/* quality */
	.quality__slide-img {
		height: 440px;
	}
	
	/* faq */
	.faq__question {
        font-size: 20px;
    }
	
	/* portfolio */
	.portfolio__image-info, .portfolio__info {
        padding: 16px;
    }
	
	.portfolio__item {
		grid-template-columns: 1fr;
	}
	
	.portfolio__image-span, .portfolio__heading-span, .portfolio__body-text {
		font-size: 14px;
	}
	
	/* small form */
	.small-form #custom-form {
        padding: 0;
    }
	
	/* house */
	.house__img {
        height: 250px;
    }
	
	/* numbers */
	.numbers__list {
		grid-template-columns: 1fr;
	}
	
	.numbers__item:nth-child(odd) {
        padding-right: 0;
        border-right: none;
    }
	
	/* form */
	.form__content {
		border-radius: 12px;
	}
	
	.review__item {
		padding: 16px;
	}
	
	/* payment */
	.payment__list {
		grid-template-columns: 1fr;
	}
	
	.payment__content {
        padding: 16px;
    }
	
	/* preem */
	.preem__item-icon {
		width: 38px;
    	height: 38px;
		background-size: 22px;
	}
	
	.preem__list {
        grid-template-columns: 1fr;
    }
	
	/* small form */
	.small-form__info {
		padding: 0;
	}
	
	/* footer */
	.footer__top {
		grid-template-columns: 1fr;
	}
	
	.footer__logo, .footer__socials {
		grid-area: auto;
	}
	
	.footer__socials .small-btn {
		width: 100%;
	}
	
	.footer__menu {
		align-items: center;
		text-align: center;
	}
	
	.footer__logo {
		align-items: center;
		text-align: center;
	}
	
	/* 	 */
	.mobile-menu__content {
		width: 100%;
	}
	
	.h1 {
        font-size: 30px;
    }
	
	.navbar__top {
        gap: 12px;
    }
}

/* forms */

#custom-form .custom-form {
	margin: 0;
}

#custom-form .wpforms-title {
	font-family: Pliant, sans-serif;
	font-size: 64px;
	line-height: 100%;
	font-weight: 500;
	letter-spacing: -0.02%;
}

.small-form #custom-form .wpforms-title {
	font-size: 32px;
}

.form-free #custom-form .wpforms-title,
.contacts__forma #custom-form .wpforms-title {
	font-size: 24px;
}

#custom-form .wpforms-description {
	font-size: 18px;
	line-height: 120%;
	opacity: .8;
}

#custom-form .custom-field,
#custom-form .custom-label {
	padding-top: 5px;
	padding-bottom: 5px;
}

#custom-form .custom-field input {
	height: 60px;
}

#custom-form .custom-textarea textarea {
	resize: none;
	height: 120px;
}

#custom-form .custom-form-btn {
	height: 70px;
	transition: all .2s;
}

.popup #custom-form .custom-form-btn {
	width: 100%;
}

#custom-form .custom-form-btn:hover {
	background-color: var(--hover);
	border-color: var(--hover);
}

#custom-form .custom-label label {
	font-size: 14px;
}

#custom-form .custom-label label a {
	text-decoration: underline;
}
#custom-form .custom-label label a:hover {
	color: var(--turquoise);
}

.form-free #custom-form .custom-form-btn,
.contacts__forma #custom-form .custom-form-btn {
	width: 100%;
}

@media screen and (max-width: 1280px) {
	#custom-form .wpforms-title {
		font-size: 52px;
	}
}

@media screen and (max-width: 767px) {
	#custom-form .wpforms-title {
        font-size: 36px;
    }
	
	#custom-form .custom-form-btn {
		width: 100%;
		height: 53px;
		font-size: 16px;
	}
	
	#custom-form .wpforms-description {
		font-size: 16px;
	}
	
	.small-form #custom-form .wpforms-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 479px) {
	#custom-form .wpforms-title {
        font-size: 28px;
    }
	
	#custom-form .wpforms-description {
        font-size: 14px;
    }
}