:root {
    --bg: #f0f0f0;
    --text: #262626;
    --gold: #cfaa87;
	--dark-gold: #c08f61;
    --white: white;
    --text-grey: #8d8d8d;
    --light-grey: #999;
    --black: black;
    --dark-grey: #333;
}

h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 130%;
}

a {
    color: inherit;
    text-decoration: none;
	transition: all .2s;
}

a small {
	font-size: 100%;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px;
}

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

.header {
    z-index: 999;
    position: fixed;
    inset: 0% 0% auto;
}

.header.scrolled {
	background-color: rgba(255, 255, 255, .3);
	--webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.navbar-content {
    border-bottom: 1px solid #fff3;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
}

.header-logo-icon {
    width: 166px;
    height: 60px;
}

.header.scrolled .header-logo-icon {
	filter: invert(1);
}

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

.header-content {
    border-bottom: 1px solid #fff3;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
}

.header-socials {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.header-socials-phone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--gold);
    color: var(--white);
    border-radius: 900px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px 10px 10px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
}

.header-socials-phone::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C5.1544e-07 6.71573 6.71573 5.15406e-07 15 0ZM12.0215 9C10.6402 9.00005 9.6041 10.0363 9.25879 11.0723C8.9136 12.108 8.91356 12.7987 9.25879 14.1797C9.60411 15.561 9.94916 16.5976 11.6758 18.3242C13.4024 20.0508 14.439 20.3959 15.8203 20.7412C17.2013 21.0864 17.892 21.0864 18.9277 20.7412C19.9637 20.3959 21 19.3598 21 17.9785C21 17.6332 17.8928 16.2523 17.5469 16.252C16.8562 16.252 16.1653 17.2875 15.4746 17.6328C14.784 17.978 13.6727 16.866 13.4033 16.5967C12.7127 15.9061 12.0219 15.216 12.3672 14.5254C12.7125 13.8347 13.748 13.1438 13.748 12.4531C13.7477 12.1072 12.3668 9 12.0215 9Z' fill='white'/%3e%3c/svg%3e ");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.header-socials-phone:hover {
	background-color: var(--dark-gold);
}

.header-socials-btn {
	display: flex;
	justify-content: flex-start;
    align-items: center;
	grid-column-gap: 10px;
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--white);
    background-color: #fff3;
    border-radius: 900px;
    padding: 14px 30px;
    font-weight: 600;
}

.header-socials-btn::before {
	content: '';
	display: none;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0324 5.5C10.5504 5.5 12.6223 10.1619 12.6223 10.6799C12.6223 11.7158 11.0683 12.7518 10.5504 13.7878C10.0324 14.8237 11.0683 15.8597 12.1043 16.8957C12.5083 17.2997 14.1763 18.9676 15.2122 18.4496C16.2482 17.9317 17.2842 16.3777 18.3201 16.3777C18.8381 16.3777 23.5 18.4496 23.5 18.9676C23.5 21.0396 21.946 22.5935 20.3921 23.1115C18.8381 23.6295 17.8022 23.6295 15.7302 23.1115C13.6583 22.5935 12.1043 22.0755 9.51439 19.4856C6.92446 16.8957 6.40647 15.3417 5.88849 13.2698C5.3705 11.1978 5.3705 10.1619 5.88849 8.60791C6.40647 7.05396 7.96043 5.5 10.0324 5.5Z' fill='white'/%3e%3c/svg%3e ");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.header-socials-btn:hover {
	background-color: var(--white);
	color: var(--text);
}

.header.scrolled .header-socials-btn {
	color: var(--text);
	background-color: rgba(38, 38, 38, .3);
}

.header.scrolled .header-socials-btn:hover {
	color: var(--white);
	background-color: var(--text);
}

.header-socials-phone-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 30px;
    height: 30px;
}

.hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-top: 132px;
    padding-bottom: 40px;
}

.h1 {
    text-transform: uppercase;
    font-family: Unbounded, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 120%;
}

.hero-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    color: var(--white);
    flex-flow: column;
    display: flex;
}

.hero-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.hero-info-heading {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.hero-info-text {
    width: 50%;
    font-weight: 500;
}

.hero-info-btn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.btn {
	display: flex;
	align-items: center;
	gap: 20px;
    background-color: var(--gold);
    text-align: center;
    border-radius: 900px;
    padding: 10px 10px 10px 40px;
    font-weight: 600;
	align-self: center;
}

.btn::after {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	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%3cpath d='M20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20C1.03088e-06 8.95431 8.95431 1.03081e-06 20 0ZM21.3398 11.3213C20.965 10.9157 20.3313 10.8907 19.9258 11.2656C19.5204 11.6405 19.4963 12.2732 19.8711 12.6787L25.7139 19H12C11.4477 19 11 19.4477 11 20C11 20.5523 11.4477 21 12 21H25.7139L19.8711 27.3213C19.4963 27.7268 19.5204 28.3595 19.9258 28.7344C20.3313 29.1093 20.965 29.0843 21.3398 28.6787L28.7344 20.6787C29.0885 20.2955 29.0885 19.7045 28.7344 19.3213L21.3398 11.3213Z' fill='white'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border-radius: 900px;
}

.btn:hover {
	background-color: var(--dark-gold);
}

.hero-info-span {
	display: flex;
	align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.hero-info-span::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%3ccircle cx='8' cy='8' r='8' fill='white'/%3e%3cpath d='M5 7.72222L6.84615 9.5L11 5.5' stroke='%23262626' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: 16px;
}
.section-bottom-btns .hero-info-span::before,
.section-heading-btns .hero-info-span::before {
	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%3ccircle cx='8' cy='8' r='8' fill='%23262626'/%3e%3cpath d='M5 7.72222L6.84615 9.5L11 5.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.hero-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #fff3;
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: flex;
}

.hero-item-heading {
    border-bottom: 1px solid #fff3;
    padding-bottom: 10px;
}

.hero-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}

.hero-item-text {
    font-size: 14px;
    font-weight: 300;
}

.text-block {
    font-family: Unbounded, sans-serif;
    font-size: 30px;
    line-height: 120%;
}

.second-line {
    margin-left: 470px;
    display: inline-block;
}

.quiz {
    padding-top: 110px;
    padding-bottom: 55px;
}

.quiz .section-heading-big {
	display: flex;
    flex-direction: column;
}

.section-heading {
    position: relative;
}

.h2 {
    font-family: Unbounded, sans-serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 120%;
}

.section-heading-text {
    font-size: 24px;
}

.section-heading-big {
    z-index: 0;
    color: var(--white);
    text-transform: uppercase;
    font-family: Unbounded, sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 100%;
    position: absolute;
    inset: -45px 0% auto auto;
}

.section-heading-big.black {
    color: var(--bg);
}

.line {
    margin-left: 330px;
    display: inline-block;
}

.section-heading-info {
    z-index: 1;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
    position: relative;
}

.grey {
    color: var(--text-grey);
}

.quiz-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 3fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
}

.quiz-block {
    background-color: var(--white);
    border-radius: 10px;
	overflow: hidden;
}

.quiz-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    color: var(--white);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: flex;
}

.quiz-info-title {
    font-family: Unbounded, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
}

.quiz-info-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.quiz-info-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.quiz-info-item-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: var(--white);
    color: var(--text);
    border-radius: 900px;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 20px 5px 5px;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    display: flex;
}

.quiz-info-item-icon {
    background-image: url("https://cdn.prod.website-files.com/69c224aee4d9be34d2507d06/69c24b7010045cc7f32bac63_material-symbols_no-sound-rounded.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 900px;
    width: 26px;
    height: 26px;
}

.form {
    padding-top: 55px;
    padding-bottom: 55px;
}

.form-content {
    color: var(--white);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 40px 40px 170px;
    position: relative;
}

.form-content .h2 {
	text-transform: uppercase;
}

.form-info {
    z-index: 1;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.form-info-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.form-info-text {
    font-size: 20px;
    font-weight: 500;
}

.form-img {
    z-index: 0;
    height: 622px;
    position: absolute;
    inset: auto 0% 0%;
}

.portfolio {
    background-color: var(--white);
    border-radius: 30px;
    margin-top: 55px;
    padding-top: 70px;
    padding-bottom: 55px;
	overflow: hidden;
}

.portfolio-content {
    margin-top: 40px;
}

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

.portfolio-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: var(--bg);
    border-radius: 10px;
    flex-flow: column;
    padding: 30px;
    display: flex;
}

.portfolio-item-box {
    display: block;
}

.portfolio-item-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 500px;
}

.portfolio-item-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.portfolio-item-title {
    font-family: Unbounded, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
}

.portfolio-item-info-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.portfolio-item-info-span {
    color: var(--light-grey);
}

.portfolio-item-info-text {
    font-size: 20px;
}

.portfolio-item-info-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
}

.swiper.portfolio-gallery-thumbs {
	margin-top: 10px;
}

.portfolio-item-thumbs {
	height: 120px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

.swiper-pagination.portfolio-pagination {
	position: static;	
	margin-top: 20px;
}

.swiper-pagination.portfolio-pagination .swiper-pagination-bullet {
	width: 32px;
    border-radius: 4px;
}

.swiper-pagination.portfolio-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--gold);
}

.portfolio .swiper-button-next,
.portfolio .swiper-button-prev {
	width: 50px;
	height: 50px;
	border: 2px solid var(--text);
	border-radius: 900px;
	backdrop-filter: blur(6px);
	--webkit-backdrop-filter: blur(6px);
	transition: all .2s;
}

.portfolio .swiper-button-next::after,
.portfolio .swiper-button-prev::after {
	color: var(--text);
	font-size: 25px;
	transition: all .2s;
}

.portfolio .swiper-button-next:hover,
.portfolio .swiper-button-prev:hover {
	background-color: var(--text);
}

.portfolio .swiper-button-next:hover::after,
.portfolio .swiper-button-prev:hover::after {
	color: var(--white);
}

.steps {
    margin-top: 90px;
    padding-top: 70px;
    padding-bottom: 55px;
}

.section-heading-btns {
    z-index: 1;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
}

.section-bottom-btns {
	display: none;
}

.steps-content {
    margin-top: 40px;
}

.steps-tabs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 2.5fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.steps-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: flex;
	grid-area: 1 / 1 / 2 / 2;
}

.steps-tab-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--light-grey);
    background-color: #0000;
    border-bottom: 1px solid #f0f0f0;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    font-size: 20px;
    display: flex;
}

.steps-tab-link.w--current {
    border-bottom-color: var(--gold);
    color: var(--black);
    background-color: #0000;
}

.steps-tab-link-icon {
    background-image: url("https://cdn.prod.website-files.com/69c224aee4d9be34d2507d06/69c265953060c00b2a67f87c_ic_round-house.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 24px;
    height: 24px;
}

.steps-tab-pane {
	height: 100%;
}

.steps-tab-pane-content {
	height: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.steps-tab-pane-tag {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--white);
    background-color: #fff3;
    border-radius: 900px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px 10px 10px;
    display: flex;
}

.steps-tab-pane-tag::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	
}

.steps-tab-pane-tag-icon {
    width: 24px;
    height: 24px;
}

.steps-tab-pane-text {
    background-color: var(--white);
    border-radius: 10px;
    padding: 20px;
	margin-top: auto;
}

.preem {
    padding-top: 55px;
    padding-bottom: 55px;
}

.preem-content {
    background-image: url("https://cdn.prod.website-files.com/69c224aee4d9be34d2507d06/69c281a642d0cb6165a8eabd_Frame%201000000840.webp");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin-top: 40px;
    padding: 40px;
    position: relative;
}

.preem-list {
    z-index: 1;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 54%;
    display: grid;
    position: relative;
}

.preem-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--white);
    background-color: #fff3;
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: flex;
}

.preem-img {
    z-index: 0;
    height: 584px;
    position: absolute;
    inset: auto 0% 0% auto;
}

.mortgage {
    background-color: var(--white);
    border-radius: 30px;
    margin-top: 55px;
    padding-top: 70px;
    padding-bottom: 50px;
}

.mortgage-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
    margin-top: 40px;
}

.mortgage-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 2fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.mortgage-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--bg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    display: flex;
}

.mortgage-item-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--white);
    border-radius: 900px;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 20px 5px 5px;
    display: flex;
}

.mortgage-item-span {
    background-color: var(--text);
    color: var(--white);
    border-radius: 900px;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    font-family: Unbounded, sans-serif;
    font-size: 20px;
    font-weight: 600;
    display: flex;
	flex-shrink: 0;
}

.mortgage-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}

.mortgage-item-text {
    width: 70%;
}

.equipment {
    padding-top: 110px;
    padding-bottom: 55px;
}

.equipment-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
    margin-top: 40px;
}

.equipment-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.equipment-item-desk {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
	height: 100%;
}

.equipment-item-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--text);
    border-radius: 10px;
    flex-flow: column;
    padding: 20px 10px 10px;
    display: flex;
}

.equipment-item-heading-span {
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
}

.equipment-item-heading-term {
    background-color: var(--white);
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
}

.equipment-item-heading-term-text {
    font-size: 24px;
}

.equipment-item-body {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    display: flex;
	flex-grow: 1;
}

.equipment-item-enabled {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--gold);
    color: var(--white);
    border-radius: 900px;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px 5px 5px;
    display: flex;
}

.equipment-item-enabled-icon {
    background-image: url("https://cdn.prod.website-files.com/69c224aee4d9be34d2507d06/69c28a408e5929d9900599ab_Group%207.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 900px;
    width: 24px;
    height: 24px;
}

.equipment-item-specs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.equipment-item-spec {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-bottom: 1px solid var(--bg);
    flex-flow: column;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
}

.equipment-item-spec-span {
    color: var(--text-grey);
    font-size: 12px;
    line-height: 130%;
}

.equipment-item-drop {
    border-radius: 5px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.equipment-item-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--text);
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: none;
}

.equipment-item-drop-toggle {
    background-color: var(--white);
    border-radius: 5px;
    padding: 10px;
    font-size: 24px;
    line-height: 130%;
    display: block;
}

.equipment-item-drop-content {
    position: relative;
}

.equipment-item-drop-content.w--open {
    background-color: #0000;
    margin-top: 10px;
}

.equipment-item-price {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    background-color: var(--bg);
    border-radius: 5px;
    flex-flow: column;
    align-self: stretch;
    padding: 10px;
    display: flex;
	margin-top: auto;
}

.equipment-item-price-span {
    color: var(--text-grey);
    font-size: 14px;
    line-height: 130%;
}

.equipment-item-price-text {
    font-size: 20px;
    font-weight: 600;
}

.footer {
    background-color: var(--text);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 55px;
    padding-top: 50px;
	padding-bottom: 20px;
}

.footer-content {
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    display: flex;
}

.footer-bottom {
    margin-top: 10px;
}

.footer-copyright {
    color: var(--text-grey);
    text-decoration: underline;
}

@media screen and (max-width: 1280px) {
	.container {
		padding-left: 40px;
    	padding-right: 40px;
	}
	
	.second-line {
		margin-left: 380px;
	}
	
	.hero-item-title {
		font-size: 16px;
	}
	
	.hero-item {
		padding: 15px;
	}
	
	.h2 {
		font-size: 38px;
	}
	
	.quiz-content {
		grid-template-columns: 2fr 1fr;
	}
	
	.preem-list {
		width: 60%;
	}
	
	.section-heading-text {
		font-size: 20px;
	}
	
	.steps-tab-link {
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        padding-bottom: 20px;
    }

    .hero-info-text {
        width: 70%;
    }

    .hero-list {
        grid-template-columns: 1fr 1fr;
    }

    .text-block {
        font-size: 24px;
    }

    .second-line {
        margin-left: 0;
    }

    .h2 {
        font-size: 34px;
    }

    .section-heading-text {
        font-size: 20px;
    }

    .section-heading-big {
        font-size: 50px;
    }

    .line {
        margin-left: 230px;
    }

    .section-heading-info {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .quiz-content {
        grid-template-columns: 3fr;
    }

    .quiz-info-title {
        text-align: center;
    }

    .quiz-info-list {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: row;
        justify-content: center;
        align-items: flex-start;
    }

    .quiz-info-item {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .quiz-info-item-span {
        font-size: 14px;
    }

    .form-content {
        background-position: 50% 100%;
        padding: 30px 30px 100px;
    }

    .form-info-text {
        font-size: 16px;
    }

    .form-img {
        object-fit: cover;
        object-position: 50% 100%;
        height: 480px;
    }

    .portfolio-item {
        padding: 20px;
    }

    .portfolio-item-info-span {
        font-size: 14px;
    }

    .portfolio-item-info-text {
        font-size: 16px;
    }

    .steps-tabs {
        flex-flow: column;
        display: flex;
    }

    .preem-content {
        padding: 330px 20px 20px;
    }

    .preem-list {
        width: 100%;
    }

    .preem-img {
        object-fit: cover;
        object-position: 50% 0%;
        height: 100%;
    }

    .mortgage-list,
    .equipment-list {
        flex-flow: column;
        display: flex;
    }

    .equipment-item-desk {
        display: none;
    }

    .equipment-item-mobile {
        display: flex;
    }
	
	.section-heading-btns {
		display: none;
	}
	
	.section-bottom-btns {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}

@media screen and (max-width: 767px) {
    .h1 {
        font-size: 34px;
    }

    .hero-content {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .hero-info {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .hero-info-heading {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .hero-info-text {
        width: 100%;
    }

    .hero-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .hero-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: 15px;
    }

    .hero-item-title {
        font-size: 16px;
    }

    .text-block {
        font-size: 20px;
    }

    .quiz {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .h2 {
        font-size: 28px;
    }

    .section-heading-text {
        font-size: 16px;
    }

    .section-heading-big {
        background-image: linear-gradient(180deg, var(--white), #fff0);
        text-align: center;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 40px;
        left: 0;
    }

    .section-heading-big.black {
        text-align: center;
        left: 0;
    }

    .line {
        margin-left: 0;
    }

    .section-heading-info {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .quiz-info-title {
        font-size: 20px;
    }

    .quiz-info-item-block {
        font-size: 16px;
    }

    .form {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .form-content {
        padding-bottom: 30px;
    }

    .form-info,
    .form-info-heading {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .form-img {
        display: none;
    }

    .portfolio {
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .portfolio-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .portfolio-item-img {
        height: 450px;
    }

    .portfolio-item-info {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .portfolio-item-title {
        font-size: 24px;
    }

    .steps {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .steps-tab-pane-content {
        padding: 10px;
		height: 400px;
    }

    .steps-tab-pane-text {
        font-size: 14px;
    }

    .preem {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .preem-content {
        padding: 10px;
    }

    .preem-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        display: flex;
    }

    .preem-item {
        padding: 15px;
    }

    .preem-img {
        display: none;
    }

    .mortgage {
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mortgage-item {
        padding: 15px;
		background-size: 140px;
    }

    .mortgage-item-span {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }

    .mortgage-item-title {
        font-size: 16px;
    }

    .mortgage-item-text {
        font-size: 14px;
    }

    .equipment {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .equipment-item-drop-text {
        font-size: 20px;
        line-height: 130%;
    }

    .footer {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        margin-top: 40px;
        padding-top: 20px;
    }

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

    .footer-copyright {
        font-size: 14px;
    }
	
	.header-socials-phone::before {
		display: none;
	}
	
	.header-socials-btn span {
		display: none;
	}
	
	.header-socials-btn {
		padding: 0;
		border-radius: 900px;
	}
	
	.header-socials-btn::before {
		display: inline-block;
		width: 45px;
		height: 45px;
	}
	
	.hero-info-btn {
		align-items: center;
	}
}

@media screen and (max-width: 479px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-socials-phone-span {
        display: none;
    }

    .hero {
        padding-bottom: 10px;
    }

    .h1 {
        font-size: 30px;
    }

    .hero-info-text,
    .btn {
        font-size: 14px;
    }

    .hero-info-span {
        font-size: 12px;
    }

    .hero-list {
        flex-flow: column;
        display: flex;
    }

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

    .h2 {
        font-size: 22px;
    }

    .section-heading-text {
        font-size: 14px;
    }

    .section-heading-big {
        font-size: 30px;
        top: -15px;
    }

    .section-heading-big.black {
        background-image: linear-gradient(180deg, var(--bg), #fff0);
        top: -15px;
    }

    .section-heading-info {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .quiz-info-title {
        font-size: 18px;
    }

    .quiz-info-list {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
		align-items: center;
    }

    .form-content {
        padding: 20px;
    }

    .form-info {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .form-info-heading {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .form-info-text {
        font-size: 14px;
    }

    .portfolio-item {
        padding: 10px;
    }

    .portfolio-item-img {
        height: 400px;
    }

    .portfolio-item-title {
        font-size: 20px;
    }

    .portfolio-item-info-bottom {
        flex-flow: column;
        align-items: stretch;
    }

    .steps-tabs-menu {
        padding: 10px;
    }

    .steps-tab-link {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .steps-tab-link-text {
        font-size: 14px;
        line-height: 130%;
    }

    .steps-tab-pane-tag {
        font-size: 14px;
    }

    .mortgage-item {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        background-image: none !important;
    }

    .mortgage-item-span {
        flex: none;
    }
	
	.mortgage-item-heading {
		position: relative;
		align-self: stretch;
	}
	
	.mortgage-item-icon {
		position: absolute;
		width: 50px;
		height: 50px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		top: -5px;
		right: -5px;
	}

    .mortgage-item-title {
        font-size: 14px;
    }

    .mortgage-item-text {
        width: 100%;
    }

    .equipment-item-heading-span {
        font-size: 18px;
    }

    .equipment-item-mobile {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .equipment-item-drop-text {
        font-size: 16px;
    }
	
	.header-socials-btn {
		display: none;
	}
	
	.header-socials-phone span {
		display: none;
	}
	
	.header-socials-phone {
		padding: 7px;
	}
	
	.header-socials-phone::before {
		display: inline-block;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0324 5.5C10.5504 5.5 12.6223 10.1619 12.6223 10.6799C12.6223 11.7158 11.0683 12.7518 10.5504 13.7878C10.0324 14.8237 11.0683 15.8597 12.1043 16.8957C12.5083 17.2997 14.1763 18.9676 15.2122 18.4496C16.2482 17.9317 17.2842 16.3777 18.3201 16.3777C18.8381 16.3777 23.5 18.4496 23.5 18.9676C23.5 21.0396 21.946 22.5935 20.3921 23.1115C18.8381 23.6295 17.8022 23.6295 15.7302 23.1115C13.6583 22.5935 12.1043 22.0755 9.51439 19.4856C6.92446 16.8957 6.40647 15.3417 5.88849 13.2698C5.3705 11.1978 5.3705 10.1619 5.88849 8.60791C6.40647 7.05396 7.96043 5.5 10.0324 5.5Z' fill='white'/%3e%3c/svg%3e ");
	}
	
	.portfolio-item-thumbs {
		height: 100px;
	}
}

/* */

.simple-hero {
	padding: 140px 0 100px 0;
	background-image: url('https://frame-club.ru/wp-content/uploads/2026/03/f14e08eb8c9dec62f2ad041ca196fd1fe8628f50.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 0 0 30px 30px;
}

.simple-hero h1 {
	color: var(--white);
}

.simple-page {
	padding-top: 50px;
	padding-bottom: 50px;
}

.simple-page h2 {
	font-family: Unbounded, sans-serif;
    font-weight: 600;
    line-height: 120%;
}

.simple-page h3,
.simple-page h4 {
	font-weight: 600;
}