body {
    font-family: Arial;
}

a {
    color: #000;
    text-decoration: none;
}

.footer-menu-list .dropdown {
    width: 100%;
}

.dropdown-toggle {
    color: #fff;
}

.nav-item.active .nav-link,
.dropdown-toggle:hover,
a:hover {
    color: #A88538;
    text-decoration: none;
    cursor: pointer;
}

.nav-link,
.dropdown-item {
    text-transform: uppercase;
}

.navbar-bg-dark {
    background-color: #000;
}

.navbar {}

.shadow-navbar {
    box-shadow: 0 5px 40px #000;
    z-index: 1030;
}

.navbar-container {
    max-width: 1720px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.navbar .navbar-brand {
    display: block;
    width: 50%;
    padding: 0;
    margin-right: 0;
}

.navbar * {
    color: #fff;
}

.navbar-toggler {
    margin-left: auto;
}

.navbar-toggler-icon {
    display: unset;
}

.navbar-contact {
    display: block;
    width: 50%;
    padding: 0;
}

.navbar-contact-items {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.navbar-contact-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
}

.navbar-contact-item img {
    margin-left: 20px;
}

.navbar-separate {
    display: block;
    background: #A88538;
    height: 1px;
    width: 100%;
    margin: 10px 0;
}

.navbar-contact-mobile {
    display: none;
}

.navbar-nav {
    gap: 50px;
}

.nav-item {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3.2px;
}

.dropdown-menu {
    background: #1C1C1C;
    border-radius: 0;
    top: 80%;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    padding: 8px 16px;
    transition: all .2s ease-in;
}

.dropdown-item:hover {
    color: #fff;
    background-color: #000;
}

.dropdown-toggle::after {
    display: none;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    animation: zoom 18s ease-in-out infinite;
    transform-origin: center center;
    z-index: 1;
}

.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-item {
    overflow: hidden;
}

.slide {
    position: relative;
    width: 100%;
    min-height: 997px;
    overflow: hidden;
}

.slide-item {
    position: absolute;
    bottom: 100px;
    margin: auto;
    z-index: 2;
    color: white;
    max-width: 1920px;
    padding: 0 200px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.slide-content {
    max-width: 551px;
}

.slide-content h1 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

.slide-content p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 24px auto;
}

.finance-badge {
    position: fixed;
    right: -170px;
    bottom: 20%;
    z-index: 5;
    transition: all .2s ease-in;
}

.finance-badge:hover {
    right: -25px;
}

.owl-hero-slider .owl-dots {
    position: absolute;
    bottom: 100px;
    right: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 3;
}

.owl-hero-slider .owl-dot {
    width: 5px;
    height: 60px;
    border-radius: 0;
    transition: background 0.3s;
    border: none;
    padding: 0;
    background-color: #fff !important;
}

.owl-hero-slider .owl-dot.active {
    background-color: #A88538 !important;
}

.owl-hero-slider .owl-dot span {
    display: none !important;
}

.btn-primary {
    padding: 10px 26px;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 0;
    transition: all .2s ease-in;
}

.btn-primary:hover {
    background-color: #A88538;
    border-color: #A88538;
}

.btn-dark {
    color: #000;
    border-color: #000;
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.section {
    padding: 120px 0;
}

.bg-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.container {
    max-width: 1920px;
    padding: 0 200px;
}


.container-small {
    max-width: 908px;
    padding: unset;
}

.tiles-container {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}

.tile-grid .scaling-img {
    max-width: 780px;
    margin: auto;
}

.tiles-items {}

.tile-one {
    max-width: 100% !important;
}

.tiles-separate {
    background-color: #A88538;
    width: 1px;
    height: 550px;
}

.tiles-content {
    display: flex;
    align-items: center;
    width: 35%;
}

.tiles-content h3 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tiles-content p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 24px 0;
}

.tiles-content ul {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tiles-content li {
    margin-bottom: 24px;
}

.tiles-content ul {
    list-style: none;
    padding-left: 0;
}

.tiles-content ul li {
    position: relative;
    padding-left: 20px;
}

.tiles-content ul li::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 6px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg width="6" height="12" viewBox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11.5V0.5L6 6.61111L0 11.5Z" fill="%23A88538"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.tile-grid {
    position: relative;
}

.tile-bottom {
    position: absolute;
    bottom: -29px;
    left: 55%;
    transform: translateX(-50%);
}

.border-left-separate {
    border-left: 1px solid #A88538;
}

.columns {
    display: flex;
    gap: 40px;
}

.column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.column-title {
    flex-wrap: wrap;
}

.column-title h3 {
    flex-wrap: wrap;
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.column-title p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.box {
    flex: 1;
    display: flex;
    position: relative;
}

.box-overflow {
    overflow: hidden;
}

.box-content {
    width: 282px;
    background-color: #fff;
    position: absolute;
    padding: 20px 10px;
    bottom: 0;
    left: 0;
    transform: translateY(95%);
    transition: all .2s ease-in;
    opacity: 0;
}

.box:hover .box-content {
    opacity: 1;
    transform: translateY(0);
}

.box-text-title {
    width: 282px;
    background-color: #fff;
    padding: 20px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .2s ease-in;
}

.box-text-title h5 {
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.box:hover .box-text-title {
    opacity: 0;
}

.box-text h5 {
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.box-text p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0;
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}

.box:hover img {
    transform: scale(1.1);
}

.bg-grey {
    background-color: #FAFAFA;
}

.section-title {
    text-align: center;
}

.section-title h3 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.icons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 100px 0;
    gap: 40px;
    text-align: center;
}

.icon-title {
    font-family: Arial;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.icon-separate {
    width: 300px;
    height: 1px;
    background: #A88538;
    margin: 12px auto;
}

.icon-description {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 300px;
    margin: auto;
}

.inspiration-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 45px;
    align-items: end;
}

.inspiration-img {
    position: relative;
    overflow: hidden;
}

.inspiration-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}

.inspiration-img:hover img {
    transform: scale(1.1);
}

.inspiration-item h3 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.inspiration-item p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 24px auto;
}

.inspiration-btn {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 0 22px 25px 0;
}

.contact-container {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    color: #fff;
}

.contact-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
}

.contact-content p {
    margin: 20px 0 40px 0;
}


.contact-form {
    width: 50%;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.social-icons a {
    transition: all .2s ease-in;
}

.social-icons a:hover {
    transform: scale(1.05);
}

.form {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.form-group {
    display: flex;
    gap: 40px;
    width: 100%;
}

.form-group div {
    width: 100%;
}

.form-control {
    background-color: transparent;
    border-radius: 0;
    border: unset;
    border-bottom: 1px solid #DEDEDE;
}

.form-rodo {
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #A3A3A3;
    margin: 18px 0 40px 0;
}

footer {
    background-color: #000;
}

.footer-menu-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 100px 0;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-title {
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    margin-bottom: 20px;
}

.footer-separate-line {
    width: 76px;
    height: 1px;
    background-color: #A88538;
    margin: 20px 0;
}

.footer-address {
    display: flex;
    color: #fff;
    gap: 12px;
}

.footer-address-left {
    width: 62px;
    font-weight: bold;
}

.footer-menu-item a {
    display: block;
    color: #fff;
}

.footer-menu-item a:hover {
    color: #A88538;
}

.footer-addresses {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.footer-menu-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-menu-list a {
    width: 100%;
}

.copyright {
    background-color: #1C1C1C;
    padding: 10px;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: #fff;
    text-align: center;
}

.banner {
    display: flex;
    align-items: end;
    padding: 100px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 640px;
}

.banner-content {
    max-width: 575px;
}

.dropdown-menu {
    max-width: 550px;
    min-width: 25rem;
}

.dropdown-item {
    white-space: unset;
}

.banner-content h1 {
    color: #fff;
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.banner-content p {
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.scaling-img {
    position: relative;
    overflow: hidden;
}

.scaling-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;

}

.scaling-img:hover img {
    transform: scale(1.1);
}

.about-grid {
    display: flex;
    align-items: center;
    gap: 40px;
}

.about-2-photos {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.about-grid-item {
    position: relative;
}

.about-content {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 40px 40px 0 0;
    max-width: 520px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.about-content h3 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.about-content p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.separate-line {
    width: 444px;
    height: 1px;
    background-color: #A88538;
    margin: 24px 0;
}

.contact-title {
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.contact-addresses div p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.contact-addresses div strong {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.map {
    width: 60%;
}

.finance img {
    margin-bottom: 60px;
}

.finance h3 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 40px;
}

.finance p {
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.blog-new {
    display: flex;
    position: relative;
    justify-content: end;
}

.blog-new-content {
    position: absolute;
    max-width: 690px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #FAFAFA;
    padding: 40px;
    z-index: 2;
}

.blog-new-subtitle {
    color: #000;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.blog-new-date {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #666;
    margin-bottom: 4px;
}

.blog-new-title h3 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.blog-new-description {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
    margin: 24px 0;
}

.blog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.blog-grid-item {
    position: relative;
}

.blog-grid-content {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 480px;
    background-color: #fff;
    padding: 0 40px 40px 0;
}

.blog-grid-content span {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #666;
    margin-bottom: 4px;
}

.blog-grid-content h4 {
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.blog-grid-content p {
    margin: 24px 0;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.small-blog-title {
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    color: #000;
}

.small-blog-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 100px 40px;
}

.small-blog-item .scaling-img {
    height: 500px;
    width: 100%;
}

.small-blog-item {
    position: relative;
    overflow: hidden;
}

.small-blog-item:hover .small-blog-grid-content {
    bottom: 0;
}

.small-blog-grid-content {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 350px;
    padding: 20px 20px 0 0;
    background-color: #FAFAFA;
    transition: all .2s ease-in;
}

.small-blog-grid-content span {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #666;
}

.small-blog-grid-content h5 {
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 15px;
}

.small-blog-grid-content .btn {
    height: 40px;
}

.pagination {
    display: flex;
    gap: 40px;
    margin-top: 80px;
    text-align: center;
    justify-content: center;
}

.pages {
    display: flex;
    gap: 11px;
}

.page {
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #949494;
}

.page:hover {
    color: #000;
}

.page.active {
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
}

.arrow-left:hover svg path,
.arrow-right:hover svg path {
    fill: #000;
}

.sidebar {
    width: 390px;
}

.sidebar-title {
    font-family: Arial;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 40px;
}

.sidebar-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

.sidebar-item {
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

.sidebar-item .scaling-img {
    max-height: 315px;
}

.sidebar-content {
    padding: 20px;
    background-color: #fff;
}

.sidebar-content span {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #666;
    margin-bottom: 4px;
}

.sidebar-content h5 {
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 20px;
}

.article {
    width: 800px;
}

.article span {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #bfbfbf;
}

.article h1 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 40px;
}

.article-flex {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.article-section {
    margin-bottom: 80px;
}

.article-section .scaling-img {
    margin-bottom: 40px;
}

.article-section h3 {
    font-family: Arial;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 20px;
}

.article-section p,
.article-section ul {
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.arrows {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.arrow-prev,
.arrow-next {
    display: flex;
    gap: 12px;
    align-items: center;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #949494;
}

.arrow-next:hover,
.arrow-prev:hover,
.arrow-next:hover svg path,
.arrow-prev:hover svg path {
    color: #000;
    fill: #000;
}

.categories-title {
    font-family: Arial;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 20px;
}

.categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    margin-bottom: 80px;
    justify-content: space-between;
}

.category {
    padding: 12px 32px;
    border: 1px solid #000;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    text-align: center;
    width: 213px;
}

.category:nth-child(11n+1),
.category:nth-child(11n+2),
.category:nth-child(11n+3),
.category:nth-child(11n+4),
.category:nth-child(11n+5) {
    width: 260px;
}

.category:hover,
.category.active {
    color: #fff;
    background-color: #000;
}

.realizations {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 40px;
}

.realization {
    width: 100%;
    height: 400px;
}

.colors-title {
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 40px;
}

.color-item {
    position: relative;
    display: block;
    margin: auto;
}

.color-content {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    padding: 8px 30px 0px 0px;
    background-color: #fafafa;
}

.color-item .scaling-img {
    width: 100%;
    max-width: 350px;
    height: 350px;
}

.colors-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    justify-content: space-between;
}

.offer-item {
    display: grid;
    grid-template-columns: 3fr 4fr;
}

.offer-item-content {
    background-color: #FAFAFA;
    padding: 60px;
}

.offer-item-content h5 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 40px;
}

.offer-item-content p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.offer-banner {
    text-align: center;
}

.offer-banner h5 {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 24px;
}

.offer-banner p {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.offer-banner-btns {
    display: flex;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.rocks-title {
    font-family: Arial;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 80px;
    text-align: center;
}

@media (max-width: 1750px) {
    .container {
        padding: 0 100px;
    }

    .categories {
        justify-content: center;
    }
}

@media (max-width: 1550px) {
    .tiles-container {
        gap: 30px;
    }

    .tile-grid img {
        max-width: 330px;
    }

    .icons {
        grid-template-columns: 1fr 1fr;
        gap: 60px;
    }

    .inspiration-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .about-grid {
        flex-direction: column;
    }

    .about-2-photos {
        flex-wrap: nowrap;
    }

    .offer-item {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1400px) {
    .slide-item {
        padding: 0 100px;
    }

    .container {
        padding: 0 100px;
    }

    .owl-hero-slider .owl-dots {
        right: 80px;
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .small-blog-grid {
        grid-template-columns: 1fr 1fr;
    }

    .realizations {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1350px) {
    .tiles-container {
        flex-wrap: wrap;
        gap: 60px;
    }

    .tiles-items {
        width: 100%;
        text-align: center;
    }

    .tiles-separate {
        width: 100%;
        height: 1px !important;
    }

    .tiles-content {
        width: 100%;
    }

    .contact-container {
        flex-wrap: wrap;
    }

    .contact-content {
        width: 100%;
    }


    .contact-form {
        width: 100%;
    }

    .map {
        width: 100%;
    }

    .blog-new-content {
        left: -5%;
    }

    .colors-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .offer-item {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1250px) {
    .footer-menu-items {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .about-2-photos {
        flex-wrap: wrap;
        justify-content: center;
    }

    .article-flex {
        flex-wrap: wrap;
        gap: 80px;
    }

    .article {
        width: 100%;
    }

    .sidebar {
        width: 100%;
    }

    .sidebar-items {
        grid-template-columns: 1fr 1fr;
    }

    .inspiration-grid {
        grid-template-columns: 1fr !important;
    }

    .colors-grid {
        grid-template-columns: 1fr 1fr;
    }

    .color-item .scaling-img {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .container {
        padding: 0 20px;
    }

    .navbar-contact {
        display: none;
    }

    .navbar-contact-mobile {
        display: block;
        width: 100%;
        margin-top: 30px;
    }

    .navbar-nav {
        text-align: center;
        margin: 15px auto;
    }

    .owl-hero-slider .owl-dots {
        flex-direction: unset;
        right: 50px;
        bottom: 50px;
    }

    .owl-hero-slider .owl-dot {
        width: 60px;
        height: 5px;
    }

    .slide {
        min-height: 650px;
    }

    .slide-item {
        padding: 0 50px;
        bottom: 50px;
    }

    .box {
        display: block;
    }

    .columns {
        display: block;
    }

    .about-grid-item img {
        width: 100% !important;
    }

    .blog-new {
        flex-wrap: wrap;
    }

    .blog-new-content {
        position: relative;
        transform: unset;
        max-width: 100%;
        top: 0;
        left: 0;
        padding: 20px;
    }

    .categories {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .category {
        width: 100% !important;
    }
}


@media (max-width: 750px) {
    .tile-grid-three {
        min-height: 480px;
    }

    .tile-grid img {
        max-width: 100%;
    }

    .tile-top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .tile-middle {
        position: absolute;
        top: -10%;
        right: 0;
    }

    .tile-bottom {
        z-index: 3;
    }

    .icons {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .icon-separate {
        width: 100%;
    }

    .about-content {
        position: relative;
        max-width: 100%;
    }

    .blog-grid-content {
        position: unset;
        max-width: 100%;
        padding: 40px;
        background-color: #FAFAFA;
    }

    .small-blog-grid {
        grid-template-columns: 1fr;
    }

    .small-blog-item .scaling-img,
    .small-blog-grid-content {
        width: 100%;
    }

    .categories {
        grid-template-columns: 1fr 1fr;
    }

    .realizations {
        grid-template-columns: 1fr;
    }

    .colors-grid {
        grid-template-columns: 1fr;
    }

    .offer-item-content {
        padding: 20px;
    }
}

@media (max-width: 600px) {
    .owl-hero-slider .owl-dots {
        flex-direction: unset;
        right: 50%;
        transform: translateX(50%);
        bottom: 0;
    }

    .section {
        padding: 60px 0;
    }

    .form {
        gap: 40px;
    }

    .form-group {
        flex-wrap: wrap;
    }

    .footer-menu-items {
        grid-template-columns: 1fr;
    }

    .sidebar-items {
        grid-template-columns: 1fr;
    }

    .categories {
        grid-template-columns: 1fr;
    }

    .offer-banner-btns {
        flex-wrap: wrap;
    }

    .offer-banner-btns div {
        width: 100%;
    }

    .separate-line {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .tile-top {
        position: absolute;
        top: 0;
        left: -30px;
        z-index: 2;
    }

    .tile-middle {
        position: absolute;
        top: -10%;
        right: -30px;
    }

    .tile-bottom {
        z-index: 3;
        bottom: 20px;
    }
}


@media (max-width: 400px) {
    .navbar .navbar-brand {
        width: 85%;
    }

    .navbar-brand img {
        width: auto;
        max-width: 100%;
    }

    .navbar-toggler {
        width: 15%;
    }

    .slide {
        min-height: 500px;
    }

    .slide-content h1 {
        font-size: 36px;
    }

    .slide-item {
        padding: 0 20px;
        bottom: 20px;
    }

    .tile-bottom {
        z-index: 3;
        bottom: 40px;
    }
}