: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;    
}

.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;
}

/* header */

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

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

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

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

.navbar__link {
    font-weight: 500;
}

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

.navbar__social {
    display: flex;
    align-items: center;
    gap: 8px;
}

.navbar__social.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 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 "); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.small-btn {
    padding: 14px 24px;
    font-size: 14px;
    line-height: 120%;
    font-weight: 600;
    color: var(--white);
    background-color: var(--turquoise);
    border-radius: 6px;
}

.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-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 {
    padding-top: 216px;
    padding-bottom: 100px;
    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%;

}

.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.white {
    color: var(--turquoise);
    background-color: var(--white);
}

.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%;
}

/* 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-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, 1) 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: 12px;
	margin-top: 140px;
	background-color: var(--text);
    border-radius: 24px;	
	overflow: hidden;
}

.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;
}

.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;
}

/* 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 {
    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;
}

.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;
}

/* 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__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 {
    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;
}

.portfolio__content {
    margin-top: 80px;
}

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

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

.portfolio__image-info {
    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, 1) 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__navigation {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 48px;
}

/* 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%;
}

.reviews__item-span {
    align-self: flex-start;
    padding: 8px 10px;
    font-size: 18px;
    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;
}

.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__navigation {
    display: flex;
    align-items: center;
    gap: 64px;
}

/* 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%;
    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 */



/* 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__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%;
}














/* footer */

.footer {
    padding: 12px;
    margin-top: 140px;
    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__socials {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.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;
}