:focus {
    outline: none;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.w-100 {
    width: 100%;
}
.d-flex {
    display: flex;
    align-items: center;
}
.flex-wrap {
    flex-wrap: wrap;
}
a {
    transition: .3s all linear;
}
:after,span {
    transition: .3s all linear;
}

.justify-space-between {
    justify-content: space-between;
}
.gap-30 {
    gap:30px;
}
.gap-15 {
    gap:15px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pt-50 {
    padding-top: 50px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 80px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pt-80 {
    padding-top: 100px;
}
.overflow {
    overflow: hidden;
}
.mt-25 {
    margin-top: 25px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-50 {
    margin-top: 50px;
}
.justify-content-center {
    justify-content: center;
}
.text-center{
    text-align: center;
}
.relative {
    position: relative;
    z-index: 2;
}
.menu_container, .middle-top-row {
    display: none;
}
.mobile_menu_container {
    display: none;
}
.header-top {
    padding:35px 0;
}
.menu-desctop .menu {
    display: flex;
    align-items: center;
    gap: 0 30px;
}
.gm-style-iw-chr {
    display: none !important;
}
.gm-style .gm-style-iw-d {
    padding-top: 10px;
}
.menu ul {
    margin: 0;
    padding: 0;
    gap: 0 60px;
    list-style: none;
}
.menu a {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 173.333% */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
.menu li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    margin: -5px 0;
    background-color: #000;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.4s ease-in-out 0s;
}
.menu li a:hover {
    color: #000;
}
.menu li a:hover:before,
.current-menu-item a:before  {
    visibility: visible !important;
    transform: scaleX(1) !important;
}
.btn {
    border-radius: 999px;
    background: #D1A97A;
    border:1px solid #D1A97A;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 2;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    letter-spacing: -0.72px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 28px;
    transition: .2s all linear;
    gap:10px
}
svg {
    transition: .2s all linear;
}
.btn:hover svg path {
   fill:#D1A97A
}

.btn__black {
    color:#FFF;
    border: 1px solid #3B4443;
    background: #3B4443;
}

.btn:hover {
    border:1px solid #D1A97A;
    color:#D1A97A;
    background:#fff;
}
.btn__black:hover {
    border:1px solid #3B4443;
    color:#000;
    background:#fff;
}
.btn__black:hover svg path {
   fill:#000
}

.form-control {
    display: block;
    width: 100%;
    padding: 15px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D8D8D8;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-group:not(:last-child) {
    margin-bottom: 25px;
}
.hero--right img{
    border-radius: 36px;
}
.hero--left h1 {
    font-size: 84px;
    font-weight: 700;
    line-height: 90px; /* 107.143% */
    letter-spacing: -2.52px;
    color: #16171A;
    margin-top: 0;
    margin-bottom: 24px;
}
.hero--left h2 {
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 40.702px
}
.about--left  h1{
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 118.519% */
    letter-spacing: -2.7px;
    margin-bottom: 10px;
}
.hero--wrapper{
    display: flex;
    align-items: center;
    gap:30px
}
.hero--right{
    max-width: 50%;
    width: 100%;
}
.hero--left{
    max-width: 50%;
    width: 100%;
}
.ab--left {
    max-width: 50%;
    width: 100%;
    display: flex;
}
.ab--right {
    max-width: 50%;
    width: 100%; 
}
.titl{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; /* 87.5% */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.content h2{
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -2.7px;
    margin-top: 0;
    margin-bottom: 24px;
}
.content p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
.expert{
    display: flex;
    align-items: center;
    padding: 20px 25px;
    border-radius: 20px;
    background: #D1A97A;
    gap:5px
}
.percent{
    font-size: 55px;
    font-style: normal;
    font-weight: 900;
    color:#fff;
}
.percent--text{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
    color:#fff;
}
.ab--left .div {
    max-width: 100%;
    width: 100%;

}
.ab--left .div img {
    width: 100%;
}
.ab--left{
    gap: 25px
}
.ab--left img {
        border-radius: 20px;
}
.ab-sub-right .last {
    position: relative;
}
.ab-sub-right .last:after {
    content:'';
    border:1px solid #C8965B;
    right:-10px;
    border-radius: 20px;
    bottom:-10px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.ab-sub-left,
.ab-sub-right {
    max-width: 50%;
    width: 100%;
    display: flex;
    gap: 25px;
    flex-direction: column;
}
.ab--wrapper{
    display: flex;
}
.invest--grid {
    border-radius: 20px;
    border: 1px solid #D1A97A;
    background: #FFF;
    padding: 45px 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap:25px;
    min-height: 400px;
    max-height: 400px;
}
.invest--icon{
    border-radius: 100%;
    background: #D1A97A;
    padding: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.invest--icon img {
    max-width: 33px;
    min-width: 33px;
    height: 33px;
}
.slider-swiper .swiper-slide {
    max-width: 410px;
    margin-right: 30px !important;
}
.slider--wrapper {
    margin-top: 45px;
    position: relative;
    height: 420px;
}
.slider--absolute {
    position: absolute;
    left: 0;
    width: 1875px;
    padding-right: 160px;
}
.invest--title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    color:#000;
}
.invest--text {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    color: #727272;
}
.invest--wrapper{
    overflow: hidden;
    background: #FAFAF6;
    margin-left: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.title--left {

}
.title{
    color: #16171A;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
}
.title--right{
    color: #3B4443;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
}
.title--left {
    max-width: max-content;
    width: 100%;
}
.swp--pagination {
    position: relative;
    min-width: 180px;
}
.swiper-button-next, .swiper-button-prev{
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #000;
    border-radius: 100%;
    position: static;
}
.swiper-pagnation{
    display: flex;
    align-items: center;
    gap:20px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    content: '';
    font-size: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6879 7.73816L8.68787 12.7382C8.50037 12.9257 8.25037 13.0194 8.00037 13.0194C7.71912 13.0194 7.46912 12.9257 7.28162 12.7382C6.87537 12.3632 6.87537 11.7069 7.28162 11.3319L10.5629 8.01941H1.00037C0.437866 8.01941 0.000366211 7.58191 0.000366211 7.01941C0.000366211 6.48816 0.437866 6.01941 1.00037 6.01941H10.5629L7.28162 2.73816C6.87537 2.36316 6.87537 1.70691 7.28162 1.33191C7.65662 0.925659 8.31287 0.925659 8.68787 1.33191L13.6879 6.33191C14.0941 6.70691 14.0941 7.36316 13.6879 7.73816Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.swiper-button-prev:after {
    transform: rotate(-180deg);
}
.dir--image img {
    width: 100%;
    border-radius: 20px;
}
.dir--content{
    max-width: 90%;
    width: 100%;
    border-radius: 20px 0 20px 20px;
    background: #FFF;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
    padding: 30px 40px;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-top: -75px;
}
.dir--title{
    color: #3B4443;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */
    transition: .2s all linear;
}
.dir--text{
    margin-top: 10px;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px; /* 192.857% */
}

.block--dir:hover .dir--link,
.project--block:hover .project--link{
    background: #C8965B;
}
.block--dir:hover .dir--link svg path,
.project--block:hover .project--link svg path {
    fill:#fff;
}
.block--dir:hover .dir--title  {
    color:#C8965B
}



.dir--link,
.project--link{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #E3DBD8;
    background: #FFF;
    padding: 15px;
    width: max-content;
    position: relative;
    z-index: 1;
    transition: .2s all linear;
}
.bg-grey{
    overflow: hidden;
    background: #FAFAF6;
    margin-left: 50px;
    border-radius: 50px;
    margin-right: 50px;
    position: relative;
}
.bg-grey:before {
    content: '';
    background-image: url(../img/how_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
}
.block--process{
    display: flex;
    align-items: center;
    gap: 30px;
}
.process--grid {
    width: calc(100%/ 4);
}
.process--grid{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
    padding: 30px;
}
.proc--num{
    color: rgba(209, 169, 122, 0.60);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
}
.proc--title {
    color: #262626;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 93.75% */
    margin-top: 10px;
    margin-bottom: 10px;
}
.proc--text{
    color: #3B4443;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 166.667% */
}
.process--grid:nth-child(even){
   position: relative;
   top:40px;
}
.project--wrapper {
    display: flex;
    align-items: center;
    gap:30px;
    flex-wrap: wrap;
}
.project--block{
    border-radius: 0 0 20px 20px;
    background: var(--White, #FFF);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
    width: calc(100%/2 - 15px);
}
.project--cat{
    border-radius: 60px;
    background: #C8965B;
    padding: 5px 15px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 166.667% */

}


.project--link-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    margin-top: -75px;
    margin-bottom: 20px;
}
.project--image{
    position: relative;
    overflow: hidden;
}
.project--image img {
    width: 100%;
    max-height: 295px;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.project--content{
    border-radius: 0 0 20px 20px;
    background: var(--White, #FFF);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
    padding: 40px 40px;
}
.project--top{
    display: flex;
    align-items: flex-end;
    gap:40px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom:1px solid #ccc
}
.project--title{
    color: #000;
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 111.111% */
        margin-bottom: 20px;
}
.project--text{
    color: var(--800, #727272);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 187.5% */
}
.project--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #E3DBD8;
    background: rgba(209, 169, 122, 0.20);
    padding: 20px 20px;
    max-width: max-content;
    width: 100%;
}
.project--price{
    color: #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
    margin-top: 10px;
}
.project--min{
    color: #212121;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px; /* 109.091% */
}
.prject--bottom{
    display: flex;
    align-items: center;
    gap:30px;
    justify-content: space-between;
}
.project--name{
    color: #727272;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 214.286% */
}
.project--value{
    color: #2A2A2A;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 125% */
}
.choose--wrapper{
    border-radius: 30px;
    background: #D1A97A;
    padding: 60px 60px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    gap:30px;
    justify-content: space-between;
}
.choose--wrapper:after,
.form--project-left:after {
    content: '';
    background-image: url(../img/choose_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
}
.form--project-left {
    position: relative;
    overflow: hidden;
    height: 420px;
    background: #D1A97A;
    padding: 60px 60px;
    max-width: inherit !important;
    width: 100% !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}
.form--project{
    display: flex;
    align-items: center;
}


.white {
    color:#fff;
}
.gold {
    color: #B77D3A;
}
.choose--grid{
    border-radius: 20px;
    border: 1px solid #FFF;
    padding: 40px 30px;
}
.choose--left{
    max-width: 510px;
    width: 100%;
}
.choose--right{
    display: flex;
    align-items: center;
    gap:30px;
    max-width: 630px;
    width:100%;
    flex-wrap: wrap;
}
.choose--grid{
    display: flex;
    align-items: center;
    width: calc(100%/2 - 15px);
    gap:15px
}
.choose--content{
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 147.059% */
}
.choose--icon img {
    min-width: 64px;
    max-width: 64px;
}
.form--wrapper{
    display: flex;
    align-items: center;
    gap:30px;
    justify-content: space-between;
}
.form--right form {
    border-radius: 20px;
    border: 1px solid #D1A97A;
    background: #FAFAF6;
    padding: 40px 40px;
}
.form--right {
    max-width: 630px;
    width: 100%;
}
.form--left {
    max-width: 510px;
    width:100%
}
.data--block{
    flex-direction: column;
    gap:30px;
    align-items: flex-start;
}
.data--grid {
    display: flex;
    align-items: center;
    gap:20px;
}
.data--name{
    color: #727272;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}
.data--value a {
    color: #1A1A1A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}
.data--icon {
    min-width: 25px;
    max-width: 25px;
}
.form-group {
    margin-bottom: 20px;
}
.form-group label {
    margin-bottom: 5px;
    display: block;;
}
.form-control {
    border-radius: 999px;
    border: 1px solid #E3DBD8;
    background: #FFF;
    width: 100%;
    padding: 15px 20px;
}
.row--form {
    display: flex;
    align-items: center;
    gap:30px
}
.row--form .form-group {
    width: calc(100%/2 - 15px);
}
.wpcf7-not-valid-tip,
.wpcf7-response-output{
    display: none !important;
}
.wpcf7-not-valid {
    border:1px solid #dc3232;
    background: #fdcdcd;
}
.sent .wpcf7-response-output {
    color: #155724;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    position: relative !important;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
    display: block !important;
}
textarea.form-control {
    min-height: 130px;
    border-radius: 30px;
}
.form-control.mail {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='19' viewBox='0 0 25 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6562 0.25C23.9258 0.25 25 1.32422 25 2.59375C25 3.375 24.6094 4.05859 24.0234 4.49805L13.4277 12.457C12.8418 12.8965 12.1094 12.8965 11.5234 12.457L0.927734 4.49805C0.341797 4.05859 0 3.375 0 2.59375C0 1.32422 1.02539 0.25 2.34375 0.25H22.6562ZM10.5957 13.7266C11.7188 14.5566 13.2324 14.5566 14.3555 13.7266L25 5.71875V15.875C25 17.6328 23.584 19 21.875 19H3.125C1.36719 19 0 17.6328 0 15.875V5.71875L10.5957 13.7266Z' fill='%23D1A97A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 14px;
}
.form-control.phone {
   background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.9512 19.0215L23.7793 23.9531C23.6328 24.6855 23.0469 25.1738 22.3145 25.1738C10.0098 25.125 0 15.1152 0 2.81055C0 2.07812 0.439453 1.49219 1.17188 1.3457L6.10352 0.173828C6.78711 0.0273438 7.51953 0.417969 7.8125 1.05273L10.1074 6.375C10.3516 7.00977 10.2051 7.74219 9.66797 8.13281L7.03125 10.2812C8.69141 13.6504 11.4258 16.3848 14.8438 18.0449L16.9922 15.4082C17.3828 14.9199 18.1152 14.7246 18.75 14.9688L24.0723 17.2637C24.707 17.6055 25.0977 18.3379 24.9512 19.0215Z' fill='%23C8975E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 14px;
}
.need--cons{
    display: flex;
    align-items: center;
    gap:15px
}
.need-n{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #3B4443;
}
.need-t{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    color: #3B4443;
}
footer {
    background: #363636;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}
footer:after {
    content: '';
    background-image: url(../img/footer_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    position: absolute;
}
.social ul {
    margin:0;
    padding: 0;
    display: flex;
    align-items: center;
    gap:10px;

}
.social ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    border-radius: 30px;
    border: 1px solid #727272;
    transition: .2s all linear;
}
.social ul a:hover {
    border:1px solid #C8965B
}
.footer-subs {
    max-width: 300px;
    width: 100%;
}
.footer--middle {
    display: flex;;
    align-items: center;
    justify-content: space-between;
    gap:30px;
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ffffff42;
    border-bottom: 1px solid #ffffff42;;
}
.footer--menu {
    width: 100%;
}
.footer--menu ul {
    margin:0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:15px 45px;
}
.footer--menu ul li {
    display: flex;
    align-items: center;
    width:calc(100%/3 - 30px)
}
.footer--menu ul li a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    display: flex;
    align-items: center;
    gap:10px
}
.footer--menu ul li a:before{
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75012 11C1.50403 11 1.28528 10.918 1.12122 10.7539C0.765747 10.4258 0.765747 9.85156 1.12122 9.52344L4.86731 5.75L1.12122 2.00391C0.765747 1.67578 0.765747 1.10156 1.12122 0.773438C1.44934 0.417969 2.02356 0.417969 2.35168 0.773438L6.72668 5.14844C7.08215 5.47656 7.08215 6.05078 6.72668 6.37891L2.35168 10.7539C2.18762 10.918 1.96887 11 1.75012 11Z' fill='%23D1A97A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 7px;
    height: 14px;
}
.footer-subs h2 {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */
    margin-top: 0;;
}
.footer--bottom{
    color: #7c7c7c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap:15px;
    padding-bottom: 30px;
}
.footer--bottom a {
      color: #7c7c7c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.project--banner{
    max-width: 1435px;
    width: 100%;
    height: 100%;
    background-image: url(../img/project_bg.png);
    border-radius: 20px;
    margin: 0 auto;
    background-repeat: no-repeat;
    padding-top: 60px;

}
.project--hero-left{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.project--hero-right{
    width: 100%;
    max-width: 630px;
}
.project--hero-right img {
    border-radius: 12px;
}
.project--hero-left h1 {
    color: #000;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 90px; /* 140.625% */
    text-transform: capitalize;
    margin-top: 30px;
}
.project--hero {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap:30px;
}
.project--hero-text{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 166.667% */
    margin-top: auto;
    margin-bottom: 30px;
}
.product--hero {
    display: flex;
    align-items: stretch;
    gap:30px;
    justify-content: space-between;
}
.product--hero-left{
    padding-top: 35px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 410px;
}
.product--hero-right,
.product--content{
    max-width: 830px;
    width: 100%;
}
.product--sidebar {
    width: 100%;
    max-width: 410px;
    position: sticky;
    top:15px;
}
.product--hero-right img {
    border-radius: 20px;
    max-height: 500px;
}
.product--titles{
    margin-top: 25px;
    margin-bottom: 35px;
    padding: 32px 45px;
    position: absolute;
    left:-45px;
    width: 570px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.05);
}
.product--titles:after {
    content: '';
    width: 20px;
    height: 100%;
    background: #D1A97A;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;

}
.product--titles h1 {
    color: #000;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 90px; /* 160.714% */
    text-transform: capitalize;
    margin-top: 0;
}
.product--short {
    color: #676767;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 166.667% */
}
.product--text{
    color:#727272;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: auto;
    line-height: 32px; /* 177.778% */
}
.general--info{
    padding: 32px 40px;
    border-radius: 20px;
    background: #F4F4F4;
}
.general--content{
    display: flex;
    flex-wrap: wrap;
    gap:25px;
 
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #D3D3D3;
}
.general--name{
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
    margin-bottom: 5px;
}
.generall--value{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}
.product--ceo {
    padding: 40px 40px;
    border-radius: 20px;
    background: #F3F4ED;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:25px;
    margin-top: 40px;
}
.product--ceo-image img {
    border-radius: 100%;
    border: 2px solid #FFF;
    min-width: 88px;
    max-width: 88px;
    height: 88px;
}
.product--ceo-image  {
      border-radius: 100%;
    border: 2px solid #D1A97A;
}
.product--ceo-name{
    color: #151515;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; 
       text-align: center;
}
.product--ceo-text{
    color: #727272;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    text-align: center;
}
.product--wrapper{
    display: flex;
    gap:30px;
     justify-content: space-between;
}
.product--content {
    color: #727272;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
}
.product--content p {
      color: #727272;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
}
.product--content p:not(:last-child){
    margin-bottom: 15px;
}
.product--content h2 {
    margin-top: 0;
    color: #BABABA;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; /* 87.5% */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.block--invest {
    border-radius: 20px;
    border: 1px solid rgba(203, 206, 197, 0.50);
    background: rgba(243, 244, 237, 0.50);
    padding: 35px 35px;
    flex-direction: column;
    gap:25px;
}

.block--invest-top div {
    width: calc(100%/3);
    border-right:1px solid #CBCEC5;
}
.block--invest-top div:last-child {
    border-right:0;
}
.block--invest-top {
    display: flex;
    align-items: center;
}
.block--invest  .block--grid-inv{
    color: #727272;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    display: flex;
    border-top: 1px solid #CBCEC5;
    border-bottom: 1px solid #CBCEC5;
    padding: 15px 15px;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
}
.block--grid-inv:before {
    content: '';
    min-width: 14px;
    max-width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #D1A97A;
}
.block--invest .block--grid-inv span{
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 116.667% */
    margin-top: 10px;
        width: 100%;
}
.block--invest-bottom .block--grid-inv{
    border-top: 0;
}
.block--invest-bottom .block--grid-inv:last-child {
    border-bottom: 0;
}
.product--content ul {
    margin:0;
    padding:0;
    list-style: none;
    margin-bottom: 15px;
}
.product--content li {
    display: flex;
    align-items: baseline;
    width: 100%;
    gap:0 10px;

}
.product--content li:not(:last-child){
    margin-bottom: 15px;
}
.product--content ul li:before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C13.0938 0 14 0.90625 14 2V12C14 13.125 13.0938 14 12 14H2C0.875 14 0 13.125 0 12V2C0 0.90625 0.875 0 2 0H12ZM10.5938 5.625C10.9375 5.28125 10.9375 4.75 10.5938 4.40625C10.25 4.0625 9.71875 4.0625 9.375 4.40625L6 7.78125L4.59375 6.40625C4.25 6.0625 3.71875 6.0625 3.375 6.40625C3.03125 6.75 3.03125 7.28125 3.375 7.625L5.375 9.625C5.71875 9.96875 6.25 9.96875 6.59375 9.625L10.5938 5.625Z' fill='%23D1A97A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
    min-width: 14px;
    min-height: 14px;
    display: flex;
}
.pl--wrapper {
    display: flex;
    flex-wrap: wrap;
    gap:45px;
    align-items: center;
}
.pl--grid {
    width: calc(100%/3 - 30px);
    min-height: 330px;
    max-height: 330px;
    padding: 40px 45px;
    text-align: center;
}
.pl--grid h2 {
    color: #16171A;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 118.519% */
    letter-spacing: -2.7px;
    text-align: left;
}
.pl--text{
     text-align: left;
    margin-top: 15px;
    color: #3B4443;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
}
.mission--right{
    max-width: 740px;
    width: 100%;
}
.mission--right img {
    width: 100%;
}
.mission--left {
    max-height: 420px;
    padding: 50px  50px;
    width: 100%;
    border-radius: 20px 0 20px 20px;
    border: 1px solid #D1A97A;
    background: #FAFAF6;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
}
.mussion--wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    
}
.mission--grid{
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.mission--left h2 {
    color: #16171A;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px; /* 118.519% */
    letter-spacing: -2.7px;
    margin-top: 0;
    margin-bottom: 20px;
}
.mission--left p {
    color: #727272;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
}
.mission--grid:nth-child(even) {
    flex-direction: row-reverse;
}

.acc {
    position: relative;
    border-radius: 20px;
    background: #FFF;

    /* shadow/L */
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
    width: calc(100%/2 - 30px);
}
.acc-container {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 45px;
}
.acc-head {
    cursor: pointer;
    padding: 25px;
    transition: .2s all linear;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .2s all linear;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}
.acc-content {
    color: #727272;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    display: none;
    padding-left: 25px;
    padding-bottom: 30px;
    padding-right: 25px;
    transition: none;
}
.arrow-top{
    background: #FAFAF6;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: .2s all linear;

}
.acc.active .arrow-top {
    background: #D3AD7F;
}
.acc.active .arrow-top svg path {
    fill:#fff;
    transition: .2s all linear;
   
}
.arrow-top svg {
      transition: .2s all linear;
}
.acc.active .arrow-top svg {
 transform: rotate(-90deg);
}
.privat {
    background: #EFEFE0;
    padding: 120px;
}
.privat--h1 h1{
    color: #000;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 90px; /* 140.625% */
    text-transform: capitalize;
}
.container-min{
    max-width: 850px;
    width: 100%;
    margin: 0 auto;

}
.container-min h2 {
    color: #000;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
    margin-bottom: 20px;
}
.container-min h3 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; /* 120% */
    text-transform: capitalize;
    margin-bottom: 20px;
}
.container-min p,
.container-min ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    color:#727272;
    margin-bottom: 20px;
}
.container-min ul li:not(:last-child) {
    margin-bottom: 15px;
}
.container-min ul {
    padding-left: 25px;
}
.container-min ul li {
    list-style: circle;
}
.contact--section{
    padding: 60px 60px;
    display: flex;
    align-items: center;
    gap:30px;
    justify-content: space-between;
    border-radius: 20px;
    background: #FAFAF6;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
}
.contact--left .data--grid:not(:last-child){
    margin-bottom: 20px;
}
.contact--left{
    display: flex;
    align-items: center;
    max-width: 650px;
    width:100%
}
.contact--grid:first-child {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #E3DBD8;
}
.map {
    height: 730px;
    width: 100%;
    position: absolute !important;
}
.form--maps .form--right {
    margin-top: 30px;
    position: relative;
}
.product--wrapper {
  align-items: flex-start; /* важно */
}
.button__become {
    border-radius: 999px;
    background: #00000036;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-right: 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;

}
.button__become span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #D1A97A;
}
