@import url("https://fonts.googleapis.com/css2?family=Italiana&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

*,
*::before,
*::after {
     box-sizing: border-box;
     outline: none !important;
}

:where(ul, ol):where([class]) {
     padding-left: 0;
}

:where(blockquote, figure):where([class]) {
     margin: 0;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
     margin-block: 0;
}

:where(dd[class]) {
     margin-left: 0;
}

:where(fieldset[class]) {
     margin-left: 0;
     padding: 0;
     border: none;
}

:where(ul[class]) {
     list-style: none;
}

p {
     --paragraphMarginBottom: 24px;
     margin-block: 0;
}
p:where(:not([class]):not(:last-child)) {
     margin-bottom: var(--paragraphMarginBottom);
}

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

input,
textarea,
select,
button {
     font: inherit;
}

html {
     height: 100%;
     scroll-behavior: smooth;
     overflow-x: hidden !important;
}

body {
     padding: 0;
     margin: 0;
     overflow-x: hidden !important;
}

a {
     color: inherit;
     transition: 0.2s;
}
a,
a:hover {
     text-decoration: none;
}

button {
     padding: 0;
     background-color: transparent;
     border: none;
     cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     margin-block: 0;
}

svg *[fill] {
     fill: currentColor;
}

svg *[stroke] {
     stroke: currentColor;
}

.container {
     max-width: var(--container);
     width: 100%;
     margin-inline: auto;
     padding-inline: var(--spacer);
}

.d-block {
     display: block !important;
}
.d-none {
     display: none !important;
}
.d-flex {
     display: flex !important;
}

@keyframes fadeIn {
     from {
          opacity: 0;
     }
     to {
          opacity: 1;
     }
}
@-webkit-keyframes pulseBtn {
     0% {
          -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
     }
     70% {
          -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
     }
     100% {
          -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     }
}
@keyframes pulseBtn {
     0% {
          -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
     }
     70% {
          -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
     }
     100% {
          -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
     }
}
:root {
     --container: 1500px;
     --header-height: 87px;
     --border-radius: 20px;
     --border-radius-type: 25px;
     --spacer: 1rem;
     --spacer-20: 20px;
     --fs-text: 20px;
     --main-gap: 150px;
     --color-bg: #fff;
     --color-white: #fff;
     --color-dark: #000;
     --color-border: rgba(0, 0, 0, 10%);
     --font-title: "Italiana", sans-serif;
     --font-text: "Nunito Sans", sans-serif;
     --transition: 0.2s ease-in-out;
     --color-primary: #988a4d;
     --wrapper-gradient: linear-gradient(to bottom, rgba(152, 138, 77, 0), rgba(152, 138, 77, 1));
}

@media (max-width: 1023px) {
     :root {
          --border-radius-type: 20px;
          --main-gap: 80px;
     }
}
.btn {
     --btn-height: 46px;
     --btn-border-radius: 10px;
     --btn-font-size: 16px;
     --btn-font-weight: 700;
     --btn-padding-inline: 20px;
     --btn-border: transparrent;
     --btn-color-hover: var(--color-white);
     --btn-gap: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: var(--btn-gap);
     height: var(--btn-height);
     border-radius: var(--btn-border-radius);
     font-size: var(--btn-font-size);
     font-weight: var(--btn-font-weight);
     padding-inline: var(--btn-padding-inline);
     color: var(--btn-color);
     background-color: var(--btn-bg);
     border: 1px solid var(--btn-border);
     transition: var(--transition);
     flex-shrink: 0;
     text-wrap: nowrap;
}
.btn:hover {
     background-color: var(--btn-bg-hover);
     color: var(--btn-color-hover);
}
.btn-circle {
     width: var(--btn-height) !important;
     height: var(--btn-height) !important;
     --btn-padding-inline: 0;
     border-radius: 50%;
}
.btn-lg {
     --btn-height: 60px;
     --btn-padding-inline: 30px;
     --btn-font-size: 20px;
     --btn-font-weight: 700;
     --btn-border-radius: 15px;
}
.btn-green {
     --btn-bg: var(--color-primary);
     --btn-color: var(--color-white);
     --btn-bg-hover: #a99953;
}
.btn-dark {
     --btn-bg: var(--color-dark);
     --btn-color: var(--color-white);
     --btn-bg-hover: #292929;
}
.btn-white {
     --btn-bg: var(--color-white);
     --btn-color: var(--color-dark);
     --btn-bg-hover: var(--color-dark);
     --btn-color-hover: var(--color-white);
     --btn-border: var(--color-border);
}

.btn-contact {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     position: fixed;
     right: 30px;
     bottom: 30px;
     color: var(--color-white);
     background-color: var(--color-dark);
     z-index: 100;
     transition: var(--transition);
     animation: pulseBtn 2s infinite;
}
.btn-contact:hover {
     background-color: #292929;
     animation: none;
}
@media (max-width: 768px) {
     .btn-contact {
          right: 10px;
          bottom: 20px;
     }
}

.btn-scroll {
     display: none;
     align-items: center;
     justify-content: center;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     position: fixed;
     right: 30px;
     bottom: 110px;
     color: var(--color-dark);
     background-color: var(--color-white);
     border: 1px solid var(--color-border);
     transition: var(--transition);
     opacity: 0;
     z-index: 100;
}
@media (max-width: 768px) {
     .btn-scroll {
          right: 10px;
          bottom: 90px;
     }
}
.btn-scroll:hover {
     color: var(--color-white);
     background-color: var(--color-primary);
     border-color: var(--color-primary);
}
.btn-scroll.visible {
     display: block;
     opacity: 1;
     animation: fadeIn 0.5s forwards;
}

.btn-catalog::after {
     content: "";
     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.925 17.6755V10.4C20.925 6.44045 20.925 4.46015 19.6944 3.2306C18.4638 2.00105 16.4846 2 12.525 2H11.475C7.51546 2 5.53516 2 4.30561 3.2306C3.07606 4.4612 3.07501 6.44045 3.07501 10.4V20.375' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M20.925 17.7502H5.70001C5.00382 17.7502 4.33614 18.0268 3.84386 18.519C3.35157 19.0113 3.07501 19.679 3.07501 20.3752C3.07501 21.0714 3.35157 21.7391 3.84386 22.2313C4.33614 22.7236 5.00382 23.0002 5.70001 23.0002H20.925M8.85001 10.7435L10.3295 12.3038C11.117 13.1344 11.5107 13.5502 12 13.5502C12.4893 13.5502 12.8831 13.1344 13.6706 12.3038L15.15 10.7425M12 13.4588V6.2002' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M20.925 17.75C20.2288 17.75 19.5611 18.0266 19.0688 18.5188C18.5765 19.0111 18.3 19.6788 18.3 20.375C18.3 21.0712 18.5765 21.7389 19.0688 22.2312C19.5611 22.7234 20.2288 23 20.925 23' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
     width: 24px;
     height: 25px;
     display: block;
}

.tabs {
     display: flex;
     gap: 15px;
}
.tabs .active {
     background-color: var(--color-dark);
     color: var(--color-white);
}
.tabs-container {
     margin-top: 50px;
     display: flex;
     flex-direction: column;
     height: 100%;
     max-height: 500px;
}
.tabs-detalic {
     display: flex;
     align-items: center;
     width: max-content;
     height: 50px;
     border-radius: 15px;
     border: 1px solid var(--color-border);
     font-size: 20px;
     overflow: hidden;
}
.tabs-detalic-lable {
     display: flex;
     gap: 10px;
     align-items: center;
     font-weight: 500;
     padding-inline: 20px;
}
.tabs-detalic-lable::before {
     content: "";
     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22 22.5L2 2.5V22.5H22Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.5 18H12.5L6.5 12V18Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.5 18H12.5L6.5 12V18Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.5 18H12.5L6.5 12V18Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.5 18H12.5L6.5 12V18Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15 22.5V21M12 22.5V21M9 22.5V21M6 22.5V21M2 18.5H3.5M2 15.5H3.5M2 12.5H3.5M2 9.5H3.5' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
     width: 24px;
     height: 25px;
     display: block;
}
.tabs-detalic-size {
     display: flex;
     align-items: center;
     background-color: #eaeaea;
     padding-inline: 20px;
     font-weight: 700;
     height: 100%;
     border-left: 1px solid #dadada;
}
.tabs-actions {
     margin-top: auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: var(--spacer-20);
}
@media (max-width: 1280px) {
     .tabs-actions {
          grid-template-columns: 1fr;
          margin-top: 40px;
     }
}
.tabs-cover {
     display: flex;
     justify-content: end;
}
@media (max-width: 768px) {
     .tabs-cover {
          justify-content: center;
     }
}
.tabs-cover img {
     width: auto;
     height: 100%;
     max-height: 600px;
     object-fit: cover;
     border-radius: var(--border-radius);
}
@media (max-width: 768px) {
     .tabs-cover img {
          max-height: 300px;
     }
}

.accordion {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
.accordion__item {
     border: 1px solid var(--color-border);
     border-radius: var(--border-radius);
}
.accordion__item-btn {
     display: flex;
     align-items: center;
     width: 100%;
     font-size: clamp(18px, 1.6vw, 24px);
     font-weight: 800;
     padding: 25px;
     flex-shrink: 0;
     text-align: left;
}
.accordion__item-btn::after {
     content: "";
     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 13H3M12 4V22' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
     width: 24px;
     height: 25px;
     display: flex;
     flex-shrink: 0;
     margin-left: auto;
     padding-left: 20px;
}
@media (max-width: 768px) {
     .accordion__item-btn {
          padding: 15px;
     }
}
.accordion__item-content {
     padding: 0 25px 25px;
}

.accordion__item-content {
     display: none;
}

.accordion__item-content.active {
     display: block;
     animation: fadeIn 0.5s forwards;
}

.modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 1000;
     animation: fadeIn 0.5s forwards;
}
.modal-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: var(--color-white);
     padding: 30px 20px 20px;
     border-radius: var(--border-radius);
     width: 100%;
     max-width: 500px;
}
.modal-close {
     position: absolute;
     top: 20px;
     right: 20px;
}
.modal-open {
     overflow: hidden;
}

.form {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
.form-title {
     text-align: center;
     font-size: 25px;
     font-weight: 800;
     padding-bottom: 20px;
     font-family: var(--font-text);
}
.form-group {
     display: flex;
     flex-direction: column;
     gap: 5px;
}
.form-label {
     display: flex;
     align-items: center;
     gap: 5px;
     font-size: 17px;
     font-weight: 700;
}
.form-input {
     width: 100%;
     height: 60px;
     border: 1px solid var(--color-border);
     border-radius: 8px;
     padding-inline: 15px;
     font-size: 16px;
     font-weight: 600;
     transition: var(--transition);
}
.form-input:focus {
     background-color: #f2f2f2;
}
.form .i-required {
     display: block;
     width: 10px;
}
.form .i-required::after {
     content: "";
     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='14' height='14' rx='7' fill='%23F2F2F2'/%3e%3cpath d='M7 3V11M9.82837 4.17188L4.17151 9.82873M9.82837 9.82812L4.17151 4.17127M11 7L3 7' stroke='%23828282' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
     width: 14px;
     height: 14px;
     display: block;
}

.send_status {
     font-size: 17px;
     font-weight: 700;
     color: var(--color-primary);
}

body {
     background-color: var(--color-bg);
     font-family: var(--font-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-family: var(--font-title);
     line-height: 1.1;
}

h1 {
     font-size: clamp(40px, 5.3333333333vw, 80px);
}

h2 {
     font-size: clamp(35px, 3.3333333333vw, 50px);
}

main {
     display: flex;
     flex-direction: column;
     gap: var(--main-gap);
     margin-top: var(--header-height);
}

.header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     background-color: var(--color-bg);
     z-index: 100;
}
.header__inner {
     display: grid;
     grid-template-columns: 170px 1fr 170px;
     align-items: center;
     height: var(--header-height);
     max-width: var(--container);
     width: 100%;
     margin-inline: auto;
     padding-inline: var(--spacer);
}
@media (max-width: 768px) {
     .header__inner {
          grid-template-columns: 1fr 170px;
     }
}
.header__inner-menu {
     display: flex;
     align-items: center;
     gap: 50px;
     justify-self: center;
}
@media (max-width: 768px) {
     .header__inner-menu {
          display: none;
     }
}
.header__inner-menu a {
     font-size: 18px;
     font-weight: 700;
}
.header__inner-menu a span {
     background: no-repeat 0 100%;
     background-image: linear-gradient(var(--color-primary), var(--color-primary));
     background-size: 0% 2px;
     transition: var(--transition);
}
.header__inner-menu a:hover span {
     background-size: 100% 2px;
}

.wrapper {
     position: relative;
}
.wrapper__inner {
     background-image: url("/templates/Default/assets/img/wrapper.png");
     background-size: cover;
     display: grid;
     padding: 50px;
     align-items: end;
     height: 80vh;
     position: relative;
     z-index: 2;
     padding-bottom: 100px;
     width: 100%;
     height: 80vh;
     overflow: hidden;
     border-radius: 0 0 50px 50px;
}
.wrapper__inner::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 200px;
     background: var(--wrapper-gradient);
     z-index: 0;
}
@media (max-width: 768px) {
     .wrapper__inner {
          padding: 40px 20px 0;
     }
}
@media (max-width: 930px) {
     .wrapper__inner {
          grid-template-columns: 1fr;
          height: 700px;
          padding-bottom: 50px;
     }
}
@media (max-width: 1140px) {
     .wrapper__inner-info {
          max-width: 360px;
     }
}
@media (max-width: 930px) {
     .wrapper__inner-info {
          text-align: center;
          max-width: 100%;
     }
}
.wrapper__inner-info p {
     font-size: var(--fs-text);
     margin-top: 30px;
     max-width: 600px;
}
@media (max-width: 930px) {
     .wrapper__inner-info p {
          max-width: 100%;
     }
}
.wrapper__inner-info .presentation {
     margin-top: 90px;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 5px;
     background-color: rgba(0, 0, 0, 0.35);
     backdrop-filter: blur(10px);
     border-radius: var(--border-radius);
     color: var(--color-white);
     font-size: 14px;
     max-width: 530px;
     padding-right: var(--spacer-20);
}
@media (max-width: 1140px) {
     .wrapper__inner-info .presentation {
          padding: 10px;
          flex-direction: column;
          text-align: center;
          margin-top: 40px;
     }
     .wrapper__inner-info .presentation .btn {
          width: 100%;
     }
}
@media (max-width: 930px) {
     .wrapper__inner-info .presentation {
          margin-inline: auto;
     }
}
.wrapper__inner-detalic {
     position: absolute;
     right: 50px;
     bottom: 100px;
     z-index: 50;
}
@media (max-width: 930px) {
     .wrapper__inner-detalic {
          position: relative;
          right: 0;
          bottom: 0;
          margin-top: 40px;
     }
}
.wrapper__inner-detalic .info {
     width: 400px;
     padding: 15px;
     border-radius: var(--border-radius);
     background-color: var(--color-white);
     display: flex;
     flex-direction: column;
     gap: 5px;
}
@media (max-width: 930px) {
     .wrapper__inner-detalic .info {
          max-width: 100%;
          width: 100%;
          border: 1px solid var(--color-border);
     }
}
.wrapper__inner-detalic .info-item {
     display: grid;
     grid-template-columns: 30px 1fr;
     grid-template-areas: "item-icon item-title" "item-icon item-text";
     grid-gap: 2px 15px;
     align-items: center;
     padding: 10px;
}
.wrapper__inner-detalic .info-item-icon {
     grid-area: item-icon;
     color: #828282;
}
.wrapper__inner-detalic .info-item-title {
     grid-area: item-title;
     font-size: 14px;
     color: #828282;
     font-weight: 500;
     text-transform: uppercase;
}
.wrapper__inner-detalic .info-item-text {
     grid-area: item-text;
     font-size: var(--fs-text);
     font-weight: 800;
     color: var(--color-dark);
}
.wrapper__inner-detalic .info-item.active {
     background-color: var(--color-dark);
     border-radius: var(--border-radius);
}
.wrapper__inner-detalic .info-item.active .info-item-icon,
.wrapper__inner-detalic .info-item.active .info-item-text {
     color: var(--color-white) !important;
}

.inform__items {
     display: grid;
     grid-template-columns: repeat(4, minmax(100px, 200px));
     grid-gap: 15px;
     justify-content: center;
}
@media (max-width: 768px) {
     .inform__items {
          grid-template-columns: repeat(2, 1fr);
     }
}
.inform__items span {
     display: flex;
     justify-content: center;
     padding: 10px 30px;
     border-radius: 15px;
     border: 1px solid var(--color-border);
     font-size: 14px;
     font-weight: 700;
}
.inform h2 {
     text-align: center;
     margin-inline: auto;
     max-width: 850px;
     width: 100%;
     margin-top: 30px;
}
.inform__action {
     display: flex;
     justify-content: center;
     margin-top: 50px;
}
.inform__text {
     width: 100%;
     max-width: 1000px;
     margin-inline: auto;
     font-size: var(--fs-text);
     margin-block: 40px;
}

.typebox {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: var(--spacer-20);
     border: 1px solid var(--color-border);
     border-radius: var(--border-radius-type);
     overflow: hidden;
     height: 100%;
}
@media (max-width: 1023px) {
     .typebox {
          grid-template-columns: 1fr;
     }
}
.typebox__right {
     grid-template-areas: "col-r-1 col-r-2";
}
@media (max-width: 1023px) {
     .typebox__right {
          grid-template-areas: "col-r-2" "col-r-1";
          grid-gap: 0;
     }
}
.typebox__right__col-1 {
     grid-area: col-r-1;
     padding: 100px 50px;
}
.typebox__right__col-1 p {
     margin-top: 30px;
     font-size: var(--fs-text);
}
@media (max-width: 1023px) {
     .typebox__right__col-1 {
          padding: 30px 30px;
     }
}
.typebox__right__col-2 {
     grid-area: col-r-2;
     position: relative;
}
@media (max-width: 1023px) {
     .typebox__right__col-2 {
          width: 100%;
          height: 300px;
     }
}
.typebox__right__col-2 img {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: var(--border-radius-type);
     object-fit: cover;
}
@media (max-width: 1023px) {
     .typebox__right__col-2 img {
          border-radius: var(--border-radius-type) var(--border-radius-type) 0 0;
     }
}
.typebox__left {
     grid-template-areas: "col-l-1 col-l-2";
}
@media (max-width: 1023px) {
     .typebox__left {
          grid-gap: 0;
          grid-template-areas: "col-l-1" "col-l-2";
     }
}
.typebox__left__col-1 {
     grid-area: col-l-1;
     position: relative;
}
@media (max-width: 1023px) {
     .typebox__left__col-1 {
          width: 100%;
          height: 300px;
     }
}
.typebox__left__col-1 img {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: var(--border-radius-type);
     object-fit: cover;
}
@media (max-width: 1023px) {
     .typebox__left__col-1 img {
          border-radius: var(--border-radius-type) var(--border-radius-type) 0 0;
     }
}
.typebox__left__col-2 {
     grid-area: col-l-2;
     padding: 100px 50px;
}
@media (max-width: 1023px) {
     .typebox__left__col-2 {
          padding: 30px 30px;
     }
}
.typebox__left__col-2 p {
     margin-top: 30px;
     font-size: var(--fs-text);
}

.bigcover img {
     width: 100%;
     height: 70vh;
     border-radius: var(--border-radius-type);
     object-fit: cover;
}
@media (max-width: 768px) {
     .bigcover img {
          height: 40vh;
     }
}

.parametrs {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     grid-gap: var(--spacer-20);
}
@media (max-width: 1280px) {
     .parametrs {
          grid-template-columns: repeat(3, 1fr);
     }
}
@media (max-width: 768px) {
     .parametrs {
          grid-template-columns: repeat(2, 1fr);
     }
}
.parametrs__item {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 220px;
     background-color: #f3f3f3;
     border-radius: var(--border-radius);
}
@media (max-width: 768px) {
     .parametrs__item {
          height: 180px;
     }
}
.parametrs__item-num {
     font-size: clamp(30px, 2.6666666667vw, 40px);
     font-weight: 800;
}
.parametrs__item-text {
     font-size: 16px;
     color: #535353;
}

.gallery__line-1 {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     grid-gap: var(--spacer-20);
}
.gallery__line-2 {
     margin-top: var(--spacer-20);
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: var(--spacer-20);
}
.gallery img {
     width: 100%;
     height: 100%;
     max-height: 480px;
     object-fit: cover;
     border-radius: var(--border-radius);
}

.times__inner {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-gap: var(--spacer-20);
}
@media (max-width: 1023px) {
     .times__inner {
          grid-template-columns: repeat(2, 1fr);
     }
}
.times__item {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 330px;
     border-radius: var(--border-radius);
     border: 1px solid var(--color-border);
}
@media (max-width: 1023px) {
     .times__item {
          height: 250px;
     }
}
.times__item-icon {
     color: #535353;
}
.times__item-num {
     font-size: clamp(20px, 2.6666666667vw, 40px);
     font-weight: 700;
}
.times__item-text {
     font-size: 16px;
     color: #535353;
     font-weight: 600;
}

.map {
     margin-top: var(--spacer-20);
     max-height: 400px;
     overflow: hidden;
     border-radius: var(--border-radius);
}

.textbox {
     border-radius: var(--border-radius);
     text-align: center;
     border: 1px solid var(--color-border);
     padding: 100px 50px;
     display: flex;
     flex-direction: column;
     gap: 30px;
}
@media (max-width: 768px) {
     .textbox {
          padding: 50px 30px;
     }
}
.textbox__text {
     width: 100%;
     max-width: 930px;
     margin-inline: auto;
     font-size: var(--fs-text);
}
.textbox__action {
     display: flex;
     justify-content: center;
}

.plans__inner {
     margin-top: 50px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-areas: "tab-text tab-img";
     grid-gap: var(--spacer-20);
     background-color: #f3f3f3;
     border-radius: var(--border-radius);
     padding: 40px;
}
@media (max-width: 768px) {
     .plans__inner {
          grid-template-columns: 1fr;
          grid-template-areas: " tab-img" "tab-text";
          padding: 30px;
     }
}
.plans__inner-col-1 {
     grid-area: tab-text;
}
.plans__inner-col-2 {
     grid-area: tab-img;
}

.project__inner {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: var(--spacer-20);
     margin-top: 50px;
}
@media (max-width: 1280px) {
     .project__inner {
          grid-template-columns: repeat(2, 1fr);
     }
}
@media (max-width: 768px) {
     .project__inner {
          grid-template-columns: 1fr;
     }
}
.project__inner-item {
     display: block;
     overflow: hidden;
     position: relative;
     height: 350px;
     border-radius: var(--border-radius);
     transition: var(--transition);
}
.project__inner-item:hover {
     transform: translateY(-3px);
}
.project__inner-item img {
     border-radius: var(--border-radius) var(--border-radius) 0 0;
     width: 100%;
     height: 100%;
     max-height: 240px;
     object-fit: cover;
}
.project__inner-item-info {
     background-color: var(--color-white);
     border: 1px solid var(--color-border);
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     border-radius: var(--border-radius);
     padding: var(--spacer-20);
}
.project__inner-item-info .item-title {
     font-size: 28px;
     font-weight: 700;
}
.project__inner-item-info .item-detalic {
     margin-top: 10px;
     display: flex;
     gap: 10px;
}
.project__inner-item-info .item-detalic-loc {
     display: flex;
     align-items: center;
     gap: 8px;
     height: 35px;
     border-radius: 15px;
     padding-inline: 15px;
     font-size: 14px;
     font-weight: 700;
     border: 1px solid var(--color-border);
}
.project__inner-item-info .item-detalic-loc::before {
     content: "";
     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 9C6.5 9.79565 6.81607 10.5587 7.37868 11.1213C7.94129 11.6839 8.70435 12 9.5 12C10.2956 12 11.0587 11.6839 11.6213 11.1213C12.1839 10.5587 12.5 9.79565 12.5 9C12.5 8.20435 12.1839 7.44129 11.6213 6.87868C11.0587 6.31607 10.2956 6 9.5 6C8.70435 6 7.94129 6.31607 7.37868 6.87868C6.81607 7.44129 6.5 8.20435 6.5 9Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.157 14.6567L10.914 18.8997C10.539 19.2743 10.0306 19.4848 9.5005 19.4848C8.97042 19.4848 8.46202 19.2743 8.087 18.8997L3.843 14.6567C2.72422 13.5379 1.96234 12.1124 1.65369 10.5606C1.34504 9.00873 1.50349 7.40022 2.10901 5.93844C2.71452 4.47665 3.7399 3.22725 5.05548 2.34821C6.37107 1.46918 7.91777 1 9.5 1C11.0822 1 12.6289 1.46918 13.9445 2.34821C15.2601 3.22725 16.2855 4.47665 16.891 5.93844C17.4965 7.40022 17.655 9.00873 17.3463 10.5606C17.0377 12.1124 16.2758 13.5379 15.157 14.6567Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
     width: 19px;
     height: 21px;
     display: block;
}
.project__inner-item-info .item-detalic-date {
     display: flex;
     align-items: center;
     background-color: #f2f2f2;
     height: 35px;
     border-radius: 15px;
     padding-inline: 15px;
     font-size: 14px;
     font-weight: 800;
}

.faq__inner {
     margin-top: 50px;
     width: 100%;
     max-width: 900px;
     margin-inline: auto;
}

.contacts {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: var(--spacer-20);
     padding: 40px;
     background-color: #f2f2f2;
     border-radius: var(--border-radius);
     overflow: hidden;
}
@media (max-width: 768px) {
     .contacts {
          grid-template-columns: 1fr;
          padding: 30px;
     }
}
.contacts__col-1 p {
     margin-top: 30px;
     font-size: var(--fs-text);
}
.contacts__col-2 .form-inner {
     margin-inline: auto;
     width: 100%;
     max-width: 480px;
     background-color: var(--color-white);
     padding: 30px;
     border-radius: var(--border-radius);
}
@media (max-width: 768px) {
     .contacts__col-2 .form-inner {
          max-width: 100%;
     }
}

.footer__inner {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 30px;
}
@media (max-width: 768px) {
     .footer__inner {
          grid-template-columns: 1fr;
          text-align: center;
     }
     .footer__inner .btn {
          width: 100%;
     }
}
.footer__inner-col-2 {
     justify-self: end;
     display: flex;
     flex-direction: column;
     gap: 15px;
}
@media (max-width: 768px) {
     .footer__inner-col-2 {
          justify-self: center;
     }
}
.footer__title {
     font-size: clamp(40px, 4vw, 60px);
     font-weight: 700;
     font-family: var(--font-title);
}
.footer__label {
     margin-block: 25px 50px;
     font-size: 20px;
     font-weight: 700;
}
.footer__copy {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: var(--spacer-20);
     margin-top: 30px;
     padding-block: 30px;
     font-size: 18px;
     font-weight: 600;
     text-align: center;
}
@media (max-width: 768px) {
     .footer__copy {
          flex-direction: column;
     }
}