html {
    text-size-adjust: 100%;
    font-family: Cinzel, serif;
}

body {
    margin: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    vertical-align: baseline;
    display: inline-block;
}

audio:not([controls]) {
    height: 0px;
    display: none;
}

[hidden], template {
    display: none;
}

a {
    background-color: rgba(0, 0, 0, 0);
}

a:active, a:hover {
    outline: 0px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 500;
}

dfn {
    font-style: italic;
}

h1 {
    margin: 0.67em 0px;
    font-size: 2em;
}

mark {
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 0);
}

small {
    font-size: 80%;
}

sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0px;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    height: 0px;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: Cinzel, serif;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
    appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    appearance: none;
}

legend {
    border: 0px;
    padding: 0px;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

td, th {
    padding: 0px;
}

@font-face {
    font-family: webflow-icons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-family: webflow-icons !important;
}

.w-icon-slider-right::before {
    content: "";
}

.w-icon-slider-left::before {
    content: "";
}

.w-icon-nav-menu::before {
    content: "";
}

.w-icon-arrow-down::before, .w-icon-dropdown-toggle::before {
    content: "";
}

.w-icon-file-upload-remove::before {
    content: "";
}

.w-icon-file-upload-icon::before {
    content: "";
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    min-height: 100%;
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
    font-family: Cinzel, serif !important;
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}

html.w-mod-touch * {
    background-attachment: scroll !important;
}

.w-block {
    display: block;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.w-clearfix::before, .w-clearfix::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-clearfix::after {
    clear: both;
}

.w-hidden {
    display: none;
}

.w-button {
    color: rgb(255, 255, 255);
    line-height: inherit;
    cursor: pointer;
    background-color: rgb(56, 152, 236);
    border: 0px;
    border-radius: 0px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}

input.w-button {
    appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
    color: rgba(0, 0, 0, 0) !important;
}

.w-code-block {
    margin: unset;
}

pre.w-code-block code {
    all: inherit;
}

.w-optimization {
    display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    overflow-wrap: unset;
    transition: unset;
}

.w-webflow-badge {
    display: none !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: bold;
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}

h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
}

blockquote {
    border-left: 5px solid rgb(226, 226, 226);
    margin: 0px 0px 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
}

figure {
    margin: 0px 0px 10px;
}

figcaption {
    text-align: center;
    margin-top: 5px;
}

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

.w-list-unstyled {
    padding-left: 0px;
    list-style: none;
}

.w-embed::before, .w-embed::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-embed::after {
    clear: both;
}

.w-video {
    width: 100%;
    padding: 0px;
    position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
    border: medium none currentcolor;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

button, [type="button"], [type="reset"] {
    cursor: pointer;
    appearance: button;
    border: 0px;
}

.w-form {
    margin: 0px 0px 15px;
}

.w-form-done {
    text-align: center;
    background-color: rgb(221, 221, 221);
    padding: 20px;
    display: none;
}

.w-form-fail {
    background-color: rgb(255, 222, 222);
    margin-top: 10px;
    padding: 10px;
    display: none;
}

label {
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}

.w-input, .w-select {
    color: rgb(51, 51, 51);
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}

.w-input::placeholder, .w-select::placeholder {
    color: rgb(153, 153, 153);
}

.w-input:focus, .w-select:focus {
    border-color: rgb(56, 152, 236);
    outline: 0px;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
    cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: rgb(238, 238, 238);
}

textarea.w-input, textarea.w-select {
    height: auto;
}

.w-select {
    background-color: rgb(243, 243, 243);
}

.w-select[multiple] {
    height: auto;
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0px;
    font-weight: normal;
    display: inline-block;
}

.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.w-radio::before, .w-radio::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-radio::after {
    clear: both;
}

.w-radio-input {
    float: left;
    margin: 3px 0px 0px -20px;
    line-height: normal;
}

.w-file-upload {
    margin-bottom: 10px;
    display: block;
}

.w-file-upload-input {
    opacity: 0;
    z-index: -100;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
    overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
    color: rgb(51, 51, 51);
    display: inline-block;
}

.w-file-upload-error {
    margin-top: 10px;
    display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
    display: none;
}

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(204, 204, 204);
    margin: 0px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
}

.w-file-upload-file {
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(204, 204, 204);
    flex-grow: 1;
    justify-content: space-between;
    margin: 0px;
    padding: 8px 9px 8px 11px;
    display: flex;
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.w-file-remove-link {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block;
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px;
}

.w-file-upload-error-msg {
    color: rgb(234, 56, 76);
    padding: 2px 0px;
    display: inline-block;
}

.w-file-upload-info {
    padding: 0px 12px;
    line-height: 38px;
    display: inline-block;
}

.w-file-upload-label {
    cursor: pointer;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(204, 204, 204);
    margin: 0px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
}

.w-icon-file-upload-uploading {
    height: 20px;
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.w-container::before, .w-container::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-container::after {
    clear: both;
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px;
}

.w-row::before, .w-row::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-row::after {
    clear: both;
}

.w-row .w-row {
    margin-left: 0px;
    margin-right: 0px;
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.w-col .w-col {
    padding-left: 0px;
    padding-right: 0px;
}

.w-col-1 {
    width: 8.33333%;
}

.w-col-2 {
    width: 16.6667%;
}

.w-col-3 {
    width: 25%;
}

.w-col-4 {
    width: 33.3333%;
}

.w-col-5 {
    width: 41.6667%;
}

.w-col-6 {
    width: 50%;
}

.w-col-7 {
    width: 58.3333%;
}

.w-col-8 {
    width: 66.6667%;
}

.w-col-9 {
    width: 75%;
}

.w-col-10 {
    width: 83.3333%;
}

.w-col-11 {
    width: 91.6667%;
}

.w-col-12 {
    width: 100%;
}

.w-hidden-main {
    display: none !important;
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width: 728px;
    }

    .w-hidden-main {
        display: inherit !important;
    }

    .w-hidden-medium {
        display: none !important;
    }

    .w-col-medium-1 {
        width: 8.33333%;
    }

    .w-col-medium-2 {
        width: 16.6667%;
    }

    .w-col-medium-3 {
        width: 25%;
    }

    .w-col-medium-4 {
        width: 33.3333%;
    }

    .w-col-medium-5 {
        width: 41.6667%;
    }

    .w-col-medium-6 {
        width: 50%;
    }

    .w-col-medium-7 {
        width: 58.3333%;
    }

    .w-col-medium-8 {
        width: 66.6667%;
    }

    .w-col-medium-9 {
        width: 75%;
    }

    .w-col-medium-10 {
        width: 83.3333%;
    }

    .w-col-medium-11 {
        width: 91.6667%;
    }

    .w-col-medium-12 {
        width: 100%;
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }
}

@media screen and (max-width: 767px) {
    .w-hidden-main, .w-hidden-medium {
        display: inherit !important;
    }

    .w-hidden-small {
        display: none !important;
    }

    .w-row, .w-container .w-row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }

    .w-col-small-1 {
        width: 8.33333%;
    }

    .w-col-small-2 {
        width: 16.6667%;
    }

    .w-col-small-3 {
        width: 25%;
    }

    .w-col-small-4 {
        width: 33.3333%;
    }

    .w-col-small-5 {
        width: 41.6667%;
    }

    .w-col-small-6 {
        width: 50%;
    }

    .w-col-small-7 {
        width: 58.3333%;
    }

    .w-col-small-8 {
        width: 66.6667%;
    }

    .w-col-small-9 {
        width: 75%;
    }

    .w-col-small-10 {
        width: 83.3333%;
    }

    .w-col-small-11 {
        width: 91.6667%;
    }

    .w-col-small-12 {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }

    .w-hidden-main, .w-hidden-medium, .w-hidden-small {
        display: inherit !important;
    }

    .w-hidden-tiny {
        display: none !important;
    }

    .w-col {
        width: 100%;
    }

    .w-col-tiny-1 {
        width: 8.33333%;
    }

    .w-col-tiny-2 {
        width: 16.6667%;
    }

    .w-col-tiny-3 {
        width: 25%;
    }

    .w-col-tiny-4 {
        width: 33.3333%;
    }

    .w-col-tiny-5 {
        width: 41.6667%;
    }

    .w-col-tiny-6 {
        width: 50%;
    }

    .w-col-tiny-7 {
        width: 58.3333%;
    }

    .w-col-tiny-8 {
        width: 66.6667%;
    }

    .w-col-tiny-9 {
        width: 75%;
    }

    .w-col-tiny-10 {
        width: 83.3333%;
    }

    .w-col-tiny-11 {
        width: 91.6667%;
    }

    .w-col-tiny-12 {
        width: 100%;
    }
}

.w-widget {
    position: relative;
}

.w-widget-map {
    width: 100%;
    height: 400px;
}

.w-widget-map label {
    width: auto;
    display: inline;
}

.w-widget-map img {
    max-width: inherit;
}

.w-widget-map .gm-style-iw {
    text-align: center;
}

.w-widget-map .gm-style-iw > button {
    display: none !important;
}

.w-widget-twitter {
    overflow: hidden;
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    text-align: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(117, 134, 150);
    border-radius: 3px;
    width: 28px;
    height: 20px;
    display: inline-block;
    position: relative;
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: rgb(153, 153, 153);
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative;
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical)::before, .w-widget-twitter-count-shim:not(.w--vertical)::after {
    content: " ";
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 0px;
}

.w-widget-twitter-count-shim:not(.w--vertical)::before {
    border-width: 4px;
    border-color: rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-top: -4px;
    margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large::before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical)::after {
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-top: -4px;
    margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large::after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical::before, .w-widget-twitter-count-shim.w--vertical::after {
    content: " ";
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    position: absolute;
    top: 100%;
    left: 50%;
}

.w-widget-twitter-count-shim.w--vertical::before {
    border-width: 5px;
    border-color: rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical::after {
    border-width: 4px;
    border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px;
}

.w-background-video {
    color: rgb(255, 255, 255);
    /* height: 500px; */
    /* position: relative; */
    /* overflow: hidden; */
}

.w-background-video > video {
    object-fit: cover;
    z-index: -100;
    background-position: 50% center;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
    appearance: none;
    display: none !important;
}

.w-background-video--control {
    background-color: rgba(0, 0, 0, 0);
    padding: 0px;
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.w-background-video--control > [hidden] {
    display: none !important;
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: rgb(221, 221, 221);
    height: 300px;
    position: relative;
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0px 0px;
}

.w-slider-nav.w-round > div {
    border-radius: 100%;
}

.w-slider-nav.w-num > div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: 0.2em 0.5em;
}

.w-slider-nav.w-shadow > div {
    box-shadow: rgba(51, 51, 51, 0.4) 0px 0px 3px;
}

.w-slider-nav-invert {
    color: rgb(255, 255, 255);
}

.w-slider-nav-invert > div {
    background-color: rgba(34, 34, 34, 0.4);
}

.w-slider-nav-invert > div.w-active {
    background-color: rgb(34, 34, 34);
}

.w-slider-dot {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    width: 1em;
    height: 1em;
    margin: 0px 3px 0.5em;
    transition: background-color 0.1s, color 0.1s;
    display: inline-block;
    position: relative;
}

.w-slider-dot.w-active {
    background-color: rgb(255, 255, 255);
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
}

.w-slider-dot:focus.w-active {
    box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
    cursor: pointer;
    color: rgb(255, 255, 255);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
    position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
    outline: 0px;
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto;
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0px;
}

.w-slider-aria-label {
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0px;
    position: absolute;
    overflow: hidden;
}

.w-slider-force-show {
    display: block !important;
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align: top;
    color: rgb(34, 34, 34);
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
}

.w-dropdown-toggle {
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
}

.w-dropdown-toggle:focus {
    outline: 0px;
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.w-dropdown-list {
    background: rgb(221, 221, 221);
    min-width: 100%;
    display: none;
    position: absolute;
}

.w-dropdown-list.w--open {
    display: block;
}

.w-dropdown-link {
    color: rgb(34, 34, 34);
    padding: 10px 20px;
    display: block;
}

.w-dropdown-link.w--current {
    color: rgb(0, 130, 243);
}

.w-dropdown-link:focus {
    outline: 0px;
}

@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left: 10px;
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    overflow-wrap: normal;
    color: rgb(255, 255, 255);
    text-align: center;
    z-index: 2000;
    opacity: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, 0.9);
    outline: 0px;
    font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0px;
    transform: translate(0px);
}

.w-lightbox-backdrop, .w-lightbox-container {
    height: 100%;
    overflow: auto;
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
}

.w-lightbox-view::before {
    content: "";
    height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before {
    height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view::before {
    vertical-align: middle;
    display: inline-block;
}

.w-lightbox-figure {
    margin: 0px;
    position: relative;
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer;
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto;
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block;
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh;
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.4);
    padding: 0.5em 1em;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
}

.w-lightbox-control {
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: 0.3s;
    position: absolute;
    top: 0px;
}

.w-lightbox-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
    display: none;
    bottom: 0px;
    left: 0px;
}

.w-lightbox-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
    display: none;
    bottom: 0px;
    right: 0px;
}

.w-lightbox-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
    background-size: 18px;
    height: 2.6em;
    right: 0px;
}

.w-lightbox-strip {
    white-space: nowrap;
    padding: 0px 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto hidden;
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    transform: translate3d(0px, 0px, 0px);
}

.w-lightbox-active {
    opacity: 0.3;
}

.w-lightbox-thumbnail {
    background: rgb(34, 34, 34);
    height: 10vh;
    position: relative;
    overflow: hidden;
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0px;
    left: 0px;
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translate(0px, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: 0.8s linear 0s infinite normal none running spin;
    position: absolute;
    top: 50%;
    left: 50%;
}

.w-lightbox-spinner::after {
    content: "";
    border-width: 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255);
    border-image: initial;
    border-radius: 50%;
    position: absolute;
    inset: -4px;
}

.w-lightbox-hide {
    display: none;
}

.w-lightbox-noscroll {
    overflow: hidden;
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh;
    }

    .w-lightbox-view, .w-lightbox-view::before {
        height: 96vh;
    }

    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before {
        height: 84vh;
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh;
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh;
    }

    .w-lightbox-left, .w-lightbox-right {
        opacity: 0.5;
        display: block;
    }

    .w-lightbox-close {
        opacity: 0.8;
    }

    .w-lightbox-control:hover {
        opacity: 1;
    }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
    opacity: 0;
}

.w-richtext::before, .w-richtext::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-richtext::after {
    clear: both;
}

.w-richtext[contenteditable="true"]::before, .w-richtext[contenteditable="true"]::after {
    white-space: initial;
}

.w-richtext ol, .w-richtext ul {
    overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div::after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div::after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
    outline: rgb(40, 149, 247) solid 2px;
}

.w-richtext figure.w-richtext-figure-type-video > div::after, .w-richtext figure[data-rt-type="video"] > div::after {
    content: "";
    display: none;
    position: absolute;
    inset: 0px;
}

.w-richtext figure {
    max-width: 60%;
    position: relative;
}

.w-richtext figure > div::before {
    cursor: default !important;
}

.w-richtext figure img {
    width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: 0.6;
}

.w-richtext figure div {
    color: rgba(0, 0, 0, 0);
    font-size: 0px;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
    display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
    display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
    caption-side: bottom;
    display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
    width: 60%;
    height: 0px;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
    width: 100%;
}

.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
    max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
    clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
    padding-bottom: inherit;
    display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
    display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px;
}

.w-nav {
    z-index: 1000;
    background: rgb(221, 221, 221);
    position: relative;
}

.w-nav::before, .w-nav::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-nav::after {
    clear: both;
}

.w-nav-brand {
    float: left;
    color: rgb(51, 51, 51);
    text-decoration: none;
    position: relative;
}

.w-nav-link {
    vertical-align: top;
    color: rgb(34, 34, 34);
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.w-nav-link.w--current {
    color: rgb(0, 130, 243);
}

.w-nav-menu {
    float: right;
    position: relative;
}

[data-nav-menu-open] {
    text-align: center;
    background: rgb(200, 200, 200);
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    overflow: visible;
    display: block !important;
}

.w--nav-link-open {
    display: block;
    position: relative;
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0px;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
    z-index: 1;
    top: 0px;
    right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
    z-index: 1;
    top: 0px;
    left: auto;
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
}

.w-nav-button:focus {
    outline: 0px;
}

.w-nav-button.w--open {
    color: rgb(255, 255, 255);
    background-color: rgb(200, 200, 200);
}

.w-nav[data-collapse="all"] .w-nav-menu {
    display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
    display: block;
}

.w--nav-dropdown-list-open {
    position: static;
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse="medium"] .w-nav-menu {
        display: none;
    }

    .about-two-work-right {
        row-gap: 20px;
        flex-direction: column;
    }

    .w-nav[data-collapse="medium"] .w-nav-button {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .w-nav[data-collapse="small"] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse="small"] .w-nav-button {
        display: block;
    }

    .w-nav-brand {
        padding-left: 10px;
    }
}

@media screen and (max-width: 479px) {
    .w-nav[data-collapse="tiny"] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse="tiny"] .w-nav-button {
        display: block;
    }
}

.w-tabs {
    position: relative;
}

.w-tabs::before, .w-tabs::after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-tabs::after {
    clear: both;
}

.w-tab-menu {
    position: relative;
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: rgb(34, 34, 34);
    background-color: rgb(221, 221, 221);
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.w-tab-link.w--current {
    background-color: rgb(200, 200, 200);
}

.w-tab-link:focus {
    outline: 0px;
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
}

.w-tab-pane {
    display: none;
    position: relative;
}

.w--tab-active {
    display: block;
}

@media screen and (max-width: 479px) {
    .w-tab-link {
        display: block;
    }
}

.w-ix-emptyfix::after {
    content: "";
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w-dyn-empty {
    background-color: rgb(221, 221, 221);
    padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
    display: none !important;
}

.wf-layout-layout {
    display: grid;
}

.w-code-component > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

:root {
    --primary-color: #dcc5b7;
    --background-color: #27323a;
    --white: white;
    --black: #000;
    --radius: 1000px;
    --radius-two: 1000px;
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.w-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
    outline-offset: 2px;
    border-radius: 50%;
    outline: rgb(59, 121, 195) solid 2px;
}

.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

.w-pagination-previous, .w-pagination-next {
    color: rgb(51, 51, 51);
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block;
}

.w-layout-grid {
    gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

@media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .w-layout-blockcontainer {
        max-width: none;
    }
}

body {
    color: var(--primary-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

h1 {
    color: var(--primary-color);
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-weight: 300;
    line-height: 55px;
}

h2 {
    color: rgb(0, 0, 0);
    letter-spacing: 0.2px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 26px !important;
    line-height: 30px !important;
}

h3 {
    color: var(--primary-color);
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
}

h4 {
    color: var(--primary-color);
    letter-spacing: 0.5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

h5 {
    color: var(--primary-color);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

p {
    color: rgba(0, 0, 0, 0.78);
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    font-family: "IBM Plex Sans", sans-serif !important;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

.nav-one-link-email {
    background-color: rgb(84, 0, 28);
    border: 1px solid rgb(84, 0, 28);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.nav-one-menu {
    z-index: 111;
    cursor: pointer;
    background-color: rgb(220, 197, 183);
    border: 1px solid rgb(237, 237, 237);
    border-radius: 50%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.big-container {
    max-width: 1780px;
    margin-left: auto;
    margin-right: auto;
}

.big-container.position-relative {
    position: relative;
}

.big-container.position-relative.change-index {
    z-index: 11;
}

.big-container.position-relative.change-index-two {
    z-index: 999;
}

.big-container.change-sizing {
    flex: 1 1 0%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.big-container.change-sizing.chnage-position {
    justify-content: flex-end;
    align-items: flex-end;
}

.big-container.change-border-updown {
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    border-bottom: 1px solid rgba(90, 90, 90, 0.2);
}

.big-container.change-position {
    position: sticky;
    top: 120px;
}

.big-container.change-sizing {
    flex: 1 1 0%;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.big-container.chnage-index {
    z-index: 1111;
    position: relative;
}

.nav-one-wrapper {
    z-index: 2147483647;
    border-bottom: 1px solid rgba(220, 197, 183, 0.2);
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
    position: relative;
}

.nav-line-two {
    background-color: rgb(0, 0, 0);
    width: 20px;
    height: 2px;
}

.nav-one-logo {
    z-index: 111;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.nav-one-line-wrapper {
    z-index: 11;
    gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 10px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-font {
    color: rgb(255, 255, 255);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
}

.button-font.change-color-black {
    color: rgb(8, 8, 20);
}

.button-font.change-button-style {
    background-color: rgb(137, 112, 97);
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
}

.button-font.change-button-style.change-border {
    border: 2px solid rgb(137, 112, 97);
}

.button-font.chnage-primary-color {
    color: var(--primary-color);
}

.nav-one-link {
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.nav-one {
    z-index: 2147483647;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    inset: 20px 0% auto;
}

.nav-one.change-position {
    z-index: 999999;
    position: absolute;
}

.nav-one.change-home-one-nav {
    padding-top: 20px;
    top: 0px;
}

.line-one {
    background-color: rgb(0, 0, 0);
    width: 10px;
    height: 2px;
}

.home-one-interir-image {
    width: 100%;
    height: 100%;
}

.home-one-hero-bottom-text {
    z-index: 11;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.auto-fit {
    object-fit: cover;
}

.auto-fit.responsive-image-full-width.service-image-drop-shadow {
    box-shadow: rgba(11, 14, 17, 0.35) 0px 40px 60px;
}

.auto-fit.image-full-width.two, .auto-fit.image-full-width.three, .auto-fit.image-full-width.four, .auto-fit.image-full-width.portfolio-two, .auto-fit.image-full-width.portfolio-four, .auto-fit.image-full-width.portfolio-three {
    position: absolute;
    inset: 0%;
}

.auto-fit.border-radius-round {
    border-radius: 50%;
}

.auto-fit.image-drop-shadow {
    box-shadow: rgba(85, 90, 102, 0.25) 0px 50px 80px;
}

.auto-fit.about-image-dropshadow {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 60px 70px;
}

.auto-fit.image-story-dropshadow, .auto-fit.image-light-drop-shadow {
    box-shadow: rgba(11, 14, 17, 0.35) 0px 40px 60px;
}

.auto-fit.image-full-height {
    width: 100vw;
    max-width: none;
    height: 100%;
    display: block;
}

.auto-fit.landskape-image-full-width.image-black-shadow {
    box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 40px;
}

.auto-fit.two, .auto-fit.three {
    position: absolute;
    inset: 0%;
}

.auto-fit.image-about-dropshadow {
    box-shadow: rgba(11, 14, 17, 0.15) 0px 40px 60px;
}

.auto-fit.purpose-image-drop-shadow {
    box-shadow: rgba(137, 112, 97, 0.51) 0px 40px 60px;
}

.auto-fit.medium-two, .auto-fit.large-three, .auto-fit.large-two, .auto-fit.medium-three {
    position: absolute;
    inset: 0%;
}

.auto-fit.service-image-drop-shadow {
    box-shadow: rgba(11, 14, 17, 0.35) 0px 40px 60px;
}

.auto-fit.image-effect-height {
    width: 100vw;
    max-width: none;
    height: 100vh;
}

.auto-fit.filter {
    filter: invert(9%) sepia(49%);
}

.auto-fit.landing-hero-main-border-radius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.auto-fit.landing-hero-main-border-radius.landing-image-drop-shadow {
    box-shadow: rgba(75, 60, 51, 0.6) 0px 40px 60px;
}

.auto-fit.image-full-width {
    width: 100%;
    height: 100%;
}

.service-one-project .auto-fit.image-full-width {
    height: 80vh;
}

.home-one-about-left {
    flex: 0 1 50%;
}

.home-one-hero-vedio {
    z-index: 111;
    height: 100%;
}

.home-one-hero-right {
    flex: 1 1 0%;
}

.home-one-about-left-main {
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.home-one-hero-sub-heading {
    padding-bottom: 10px;
}

.home-one-hero-sub-heading.display-change {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 20px;
    right: 20px;
}

.home-one-hero-sub-heading.change-display {
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0px;
    display: flex;
}

.home-one-service-left {
    padding-right: 300px;
    display: flex;
    position: relative;
}

.home-one-service-text {
    position: absolute;
    inset: auto -30% 15% auto;
    transform: rotate(-90deg);
}

.home-one-service-text.responsive-display-off {
    display: none;
}

.home-one-about-content-paragraph {
    max-width: 360px;
}

.home-one-about-big-text-wrapper {
    z-index: 11111;
    height: 180px;
    padding-bottom: 10px;
}

.home-one-big-text {
    text-align: center;
    text-transform: uppercase;
    font-size: 130px;
    font-weight: 300;
    line-height: 160px;
}

.home-one-big-text.change-size-two {
    font-size: 65px;
    line-height: 100px;
}

.home-one-big-text.change-size-two.desktop-display-off {
    display: none;
}

.home-one-big-text.change-size {
    line-height: 120px;
}

.home-one-big-text.change-size.desktop-display-off {
    display: none;
}

.home-one-big-text.change-size.chnage-style {
    color: rgb(220, 197, 183);
    letter-spacing: -2px;
    white-space: nowrap;
    font-weight: 200;
}

.home-one-big-text.change-size.change-style-two {
    color: rgb(39, 50, 58);
    letter-spacing: -2px;
    font-weight: 200;
}

.home-one-big-text.change-size.change-color {
    color: rgb(220, 197, 183);
}

.home-one-big-text.change-align {
    text-align: left;
    line-height: 110px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
}

.home-one-big-text.change-align-right {
    text-align: right;
    line-height: 110px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
}

.home-one-big-text.change-text-style {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183) 18%, rgba(255, 255, 255, 0) 81%);
    background-clip: text;
}

.home-one-service-right-text {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.home-one-hero-main {
    height: 100%;
    display: flex;
    position: relative;
}

.home-one-service-image-two {
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 168px;
    margin-left: -210px;
    position: relative;
}

.button-style {
    color: rgb(220, 197, 183);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: rgba(220, 197, 183, 0);
    border: 1px solid rgba(220, 197, 183, 0.3);
    padding: 10px 40px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.button-style.change-border-style {
    border-color: rgb(220, 197, 183);
}

.button-style.change-border-color {
    color: rgb(39, 50, 58);
    border-color: rgba(0, 0, 0, 0.2);
}

.button-style.change-style {
    border-color: rgb(220, 197, 183);
}

.button-style.change-width {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.button-main {
    position: relative;
}

.home-one-about {
    height: 80vh;
    position: sticky;
    top: 0px;
    overflow: hidden;
}

.home-one-hero-paragraph {
    max-width: 475px;
}

.subheading-text {
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 500;
    line-height: 17.6px;
}

.subheading-text.change-color-black {
    color: rgb(0, 0, 0);
}

.subheading-text.change-color-black.no-break {
    white-space: nowrap;
}

.subheading-text.change-color {
    color: rgb(39, 50, 58);
}

.subheading-text.chnage-color {
    color: var(--background-color);
}

.subheading-text.change-weight {
    color: rgba(220, 197, 183, 0.7);
    font-weight: 500;
}

.subheading-text.change-weight.change-text-style {
    font-size: 3rem;
    -webkit-text-stroke: 1px rgb(103, 75, 68);
    -webkit-text-fill-color: transparent;
}

.subheading-text.text-no-wrap {
    white-space: nowrap;
}

.subheading-text.chnage-color-dark-brown {
    color: rgb(137, 112, 97);
}

.subheading-text.change-primary-color {
    color: var(--primary-color);
}

.subheading-text.change-style.change-weight.change-color {
    color: rgb(220, 197, 183);
    letter-spacing: 0.8px;
}

.subheading-text.change-style.change-weight.change-color.change-text-style {
    text-transform: lowercase;
}

.subheading-text.chnage-color-light {
    color: var(--white);
}

.subheading-text.change-align-two {
    text-align: left;
}

.subheading-text.hover-effect {
    transition: 0.3s;
}

.subheading-text.hover-effect:hover {
    color: var(--white);
}

.subheading-text.text-no-break {
    white-space: nowrap;
}

.main-container {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
}

.main-container.change-sizing {
    flex: 1 1 0%;
    width: 100%;
}

.main-container.change-position {
    z-index: 11;
    position: relative;
}

.main-container.position-sticky {
    z-index: 120;
    position: sticky;
    top: 120px;
}

.main-container.gutter-space {
    padding-left: 15px;
    padding-right: 15px;
}

.main-container.padding-top-main {
    margin-top: 20px;
}

.home-one-service-line {
    background-color: rgba(220, 197, 183, 0.2);
    width: 1px;
}

.home-one-service-line.change-height {
    height: 480px;
    margin-right: -50px;
}

.home-one-service-line.change-spacing {
    margin-left: -30px;
}

.home-one-about-right {
    flex: 1 1 0%;
}

.change-padding {
    margin-top: 0px;
    margin-bottom: 0px;
}

.change-padding.text-uppercase {
    text-transform: uppercase;
}

.change-padding.change-font-style {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 50px;
}

.change-padding.change-color-black {
    color: rgb(39, 50, 58);
    text-transform: uppercase;
}

.enqury-form-partner .contact-one-contact-wrapper {
    display: block;
}

.contact-one-contact.enqury-form-partner::after {
    content: "";
    background: rgba(78, 56, 51, 0.82);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.contact-one-contact.enqury-form-partner {
    background: url("../images/bg-patten.png");
    position: relative;
    z-index: 0;
}

.contact-one-contact.enqury-form-partner .main-container {
    position: relative;
    z-index: 99;
}

.pricing-two-access .change-padding.text-align-center {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
    font-size: 100px !important;
    line-height: 109px !important;
}

.change-padding.change-align, .change-padding.align-right {
    text-align: right;
}

.change-padding.change-color-dark-brown {
    color: rgb(137, 112, 97);
}

.change-padding.margin-bottom-fifteen {
    margin-bottom: 15px;
}

.change-padding.padding-bottom {
    padding-bottom: 20px;
}

.home-one-hero-small-image {
    z-index: 111;
    width: 283px;
    height: 318px;
    position: relative;
}

.home-one-hero-bottom-left {
    max-width: 186px;
    padding-bottom: 40px;
}

.home-one-service-right {
    margin-left: -40px;
}

.home-one-about-content {
    flex: 1 1 0%;
    justify-content: flex-start;
    align-items: center;
    max-width: 600px;
    display: flex;
}

.home-one-background-image {
    width: 100%;
    height: 100%;
}

.home-one-hero-left-main {
    z-index: 11;
    background-color: rgb(39, 50, 58);
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.home-one-service-button {
    z-index: 11111111;
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
    position: relative;
}

.home-one-hero-main-big-wrapper {
    background-color: rgb(39, 50, 58);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    position: relative;
}

.upper-liner {
    background-color: rgb(220, 197, 183);
    width: 1px;
    height: 15px;
    position: absolute;
    inset: -15px 0% auto auto;
}

.upper-liner.one.change-color {
    background-color: rgb(39, 50, 58);
}

.upper-liner.line-three {
    inset: auto 0% -15px auto;
}

.upper-liner.line-three.change-color {
    background-color: rgb(39, 50, 58);
}

.upper-liner.line-four {
    inset: auto auto -15px 0%;
}

.upper-liner.line-four.change-color {
    background-color: rgb(39, 50, 58);
}

.upper-liner.line-two {
    inset: -15px auto auto 0%;
}

.upper-liner.line-two.change-color {
    background-color: rgb(39, 50, 58);
}

.home-one-hero-background-image {
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0%;
}

.home-one-hero-background-image.change-position {
    z-index: 111;
    opacity: 0;
    height: 105vh;
    margin-top: 100vh;
    position: absolute;
    inset: 0%;
}

.home-one-hero-background-image.main-background {
    overflow: hidden;
}

.home-one-hero-line {
    background-color: rgba(220, 197, 183, 0.2);
    width: 100%;
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 25%;
}

.home-one-hero-line.change-position-two {
    bottom: 18%;
}

.home-one-hero-line.change-position-two.change-position {
    bottom: 35%;
}

.home-one-hero-line.change-position-two.change-new-position, .home-one-hero-line.change-position {
    bottom: 0%;
}

.home-one-hero {
    z-index: 11;
    height: 100vh;
    position: sticky;
    top: 0px;
    overflow: hidden;
}

.home-one-service-left-item {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 60px;
    display: flex;
}

.display-off {
    display: none;
}

.home-one-about-wrapper {
    z-index: 11;
    position: relative;
}

.home-one-hero-left-content {
    z-index: 111;
    gap: 80px;
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: flex-start;
    max-width: 600px;
    padding-top: 140px;
    display: flex;
    position: relative;
}

.home-one-service {
    background-color: rgb(39, 50, 58);
    height: 100vh;
    padding-top: 100px;
    padding-left: 15px;
    padding-right: 15px;
    position: sticky;
    overflow: hidden;
}

.linear-line {
    background-color: rgb(220, 197, 183);
    width: 15px;
    height: 1px;
    position: absolute;
    inset: auto -15px 0% auto;
}

.linear-line.line-four {
    inset: 0% auto auto -15px;
}

.linear-line.line-four.change-color {
    background-color: rgb(39, 50, 58);
}

.linear-line.line-two {
    inset: 0% -15px auto auto;
}

.linear-line.line-two.change-color, .linear-line.one.change-color {
    background-color: rgb(39, 50, 58);
}

.linear-line.line-three {
    inset: auto auto 0% -15px;
}

.linear-line.line-three.change-color {
    background-color: rgb(39, 50, 58);
}

.home-one-about-main {
    height: 100%;
    display: flex;
    position: relative;
}

.home-one-service-paragraph {
    max-width: 390px;
}

.home-one-service-heading {
    padding-bottom: 20px;
}

.home-one-service-wrapper {
    z-index: 111;
    gap: 40px;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    position: relative;
}

.home-one-hero-heading {
    max-width: 475px;
    padding-bottom: 25px;
}

.home-one-hero-left {
    flex: 0 1 50%;
    position: relative;
}

.home-one-process-paragraph-main {
    max-width: 350px;
}

.home-one-process-paragraph-main.overflow-hidden {
    padding-bottom: 100px;
}

.home-one-product-heading {
    max-width: 389px;
    padding-bottom: 40px;
}

.home-one-process-item {
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.home-one-process-bar-top {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-one-process-item-main {
    gap: 5px;
    flex-flow: column;
    padding-top: 20px;
    padding-left: 30px;
    display: flex;
}

.home-one-process-bar-main {
    background-color: rgba(217, 217, 217, 0.2);
    width: 100%;
    height: 3px;
}

.home-one-process-bar-main.change-color {
    background-color: rgb(255, 255, 255);
}

.home-one-process-link-wrapper {
    display: flex;
}

.home-one-product-wrapper {
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
}

.home-one-product-item {
    flex: 0 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

.accordian-margin-top {
    margin-top: 20px;
    margin-bottom: 0px;
}

.home-one-product-left-wrapper {
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
}

.home-one-process-heading {
    max-width: 389px;
    padding-bottom: 20px;
}

.home-one-process-right {
    gap: 150px;
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.heading-four {
    letter-spacing: 0.5px;
    font-size: 15px;
    margin-top: 10px;
    text-decoration: none;
    color: white;
    line-height: 26px;
    text-transform: uppercase;
}

.nav-three-logo img {
    height: 45px;
}

.heading-four.change-color-brown {
    color: rgb(39, 50, 58);
}

.heading-four.change-color-brown.no-wrap {
    white-space: nowrap;
}

.heading-four.change-color-fade-dark, .heading-four.change-color-black {
    color: rgb(39, 50, 58);
}

.heading-four.hover-effect {
    transition: 0.3s;
}

.heading-four.hover-effect:hover {
    color: var(--white);
}

.heading-four.change-primary-color {
    color: var(--primary-color);
}

.heading-four.opacity-off {
    opacity: 0;
}

.home-one-business-accordian-item {
    cursor: pointer;
    border-bottom: 1px solid rgba(220, 197, 183, 0.2);
    padding-top: 15px;
    padding-bottom: 15px;
}

.home-one-business-accordian-item.change-border-bottom {
    border-bottom-width: 0px;
}

.home-one-interior-main {
    background-color: rgb(39, 50, 58);
    position: relative;
}

.change-color-white {
    color: rgb(255, 255, 255);
}

.home-one-process-left {
    background-color: rgb(137, 112, 97);
    flex: 0 1 60%;
    padding: 140px 60px;
}

.home-one-product-left {
    flex: 0 1 40%;
    padding-bottom: 60px;
}

.home-one-interior {
    background-image: url("../images/66d8026e46daee056e797db1_Interior%20Design.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    align-items: flex-end;
    height: 100vh;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: sticky;
    top: 0px;
}

.home-one-process-right-bar {
    gap: 20px;
    flex-flow: column;
    width: 100%;
    max-width: 390px;
    display: flex;
}

.home-one-process-right-bar.chnage-style {
    max-width: 100%;
}

.home-one-product {
    background-color: rgb(137, 112, 97);
    padding-top: 120px;
    padding-left: 15px;
    position: sticky;
    top: 0px;
}

.home-one-product-merquee {
    flex: 0 0 auto;
    display: flex;
}

.accordian-minus {
    background-color: rgb(220, 197, 183);
    width: 11px;
    height: 1px;
}

.home-one-business-accordian-paragraph {
    max-width: 548px;
    overflow: hidden;
}

.home-one-process-main-bar {
    background-color: rgb(155, 128, 111);
    width: 85%;
    height: 3px;
}

.home-one-process-main-bar.change-width {
    width: 94%;
}

.home-one-process-main-bar.change-color {
    background-color: rgb(220, 197, 183);
}

.home-one-process-main-bar.change-color.change-width {
    width: 94%;
}

.home-one-product-text-wrapper {
    flex: 1 1 0%;
    max-width: 420px;
}

.home-one-process-line {
    background-color: var(--primary-color);
    width: 25px;
    height: 1px;
}

.interior-text.change-size {
    margin-top: -60px;
}

.home-one-process-bar-item {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.home-one-business-accordian-option {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-one-process-image-main {
    border-top: 1px solid rgba(242, 235, 231, 0.27);
    border-bottom: 1px solid rgba(242, 235, 231, 0.27);
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-one-process {
    background-color: rgb(39, 50, 58);
    padding: 100px 15px 40px;
    position: sticky;
    top: 0px;
}

.div-block {
    flex: 1 1 0%;
    display: flex;
    position: relative;
}

.home-one-product-right {
    flex: 0 1 60%;
    margin-left: -50px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.home-one-business-accordian-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.home-one-interior-text-wrapper {
    z-index: 111;
    transform-origin: 50% 0px;
    line-height: 100px;
    display: flex;
    position: absolute;
    inset: 18% auto auto 65px;
}

.accordian-plus {
    background-color: rgb(220, 197, 183);
    width: 1px;
    height: 11px;
    position: absolute;
}

.home-one-process-paragraph {
    max-width: 390px;
}

.home-one-process-main {
    gap: 80px;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.home-one-process-main-link-wrapper {
    border-left: 1px solid rgba(242, 235, 231, 0.27);
    margin-top: 30px;
    padding-left: 30px;
}

.home-one-product-main {
    gap: 60px;
    justify-content: space-between;
    display: flex;
}

.home-one-work-item-wrapper {
    z-index: 1;
    justify-content: space-between;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-one-work-item-wrapper.lanndskape-display-on {
    display: none;
}

.home-one-work-heading {
    max-width: 389px;
}

.home-one-work-wrapper {
    z-index: 11;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0px;
    position: relative;
}

.home-one-work-main {
    position: relative;
}

.home-one-work-item-heading {
    background-color: rgba(220, 197, 183, 0.69);
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    padding: 10px 25px 10px 15px;
    display: flex;
    position: absolute;
    inset: auto -75px 75px auto;
    transform: rotate(-90deg);
}

.home-one-work-item {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    flex: 1 1 0%;
    position: relative;
}

.home-one-work-heading-wrapper {
    padding-top: 100px;
    padding-left: 100px;
    position: absolute;
    inset: 0%;
}

.home-one-work-image-wrapper {
    position: relative;
}

.home-one-work {
    background-color: rgb(137, 112, 97);
    margin-top: -1px;
    padding-top: 121px;
    padding-bottom: 130px;
    padding-left: 15px;
    position: sticky;
    top: 0px;
    overflow: hidden;
}

.home-one-city-vedio {
    height: 100vh;
    position: sticky;
    top: 0px;
}

.home-one-background-vedio {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.home-one-vedio-text {
    position: absolute;
    inset: 40% -20% auto auto;
    transform: rotate(-90deg);
}

.home-one-vedio-text-line {
    background-color: rgba(220, 197, 183, 0.4);
    width: 100%;
    height: 1px;
    position: absolute;
    top: -25px;
    bottom: 0%;
    right: auto;
}

.change-color-dark {
    color: rgba(39, 50, 58, 0.7);
}

.change-color-dark.change-opacity {
    color: rgb(39, 50, 58);
}

.home-one-testiminial-wrapper {
    display: flex;
}

.home-one-testimonial-heading {
    width: 150px;
    height: 100px;
    position: relative;
    top: 500px;
    transform: rotate(-90deg);
}

.home-one-testimonial-author {
    padding-bottom: 10px;
}

.home-one-testimonial-top {
    border-bottom: 1px solid rgba(39, 50, 58, 0.21);
    padding-top: 100px;
    padding-bottom: 100px;
}

.home-one-testimonial-text {
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.home-one-testimonial-image {
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 30px;
    display: flex;
}

.home-one-testimonial {
    background-color: rgb(220, 197, 183);
    height: 100vh;
    padding-top: 100px;
    padding-left: 15px;
    padding-right: 15px;
    position: sticky;
    top: 0px;
}

.home-one-testimonial-quotetion {
    margin-bottom: 20px;
}

.home-one-testimonial-main-heading {
    max-width: 389px;
}

.home-one-testimonial-paragraph {
    max-width: 420px;
    padding-bottom: 20px;
}

.home-one-testimonial-bottom {
    padding-top: 100px;
    padding-bottom: 60px;
}

.home-one-testimonial-main {
    gap: 40px;
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
    display: flex;
}

.home-one-promotion-wrapper {
    border-top: 1px solid rgba(39, 50, 58, 0.21);
    border-bottom: 1px solid rgba(39, 50, 58, 0.21);
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.home-one-promotion-herading {
    padding-bottom: 40px;
}

.home-one-promotion-image {
    height: 202px;
    overflow: hidden;
}

.home-one-promotion-item {
    gap: 15px;
    border-right: 1px solid rgba(39, 50, 58, 0.2);
    flex-flow: column;
    padding: 40px;
    display: flex;
}

.home-one-promotion-item.change-border {
    border-right-width: 0px;
}

.home-one-promotion-item-heading {
    max-width: 494px;
}

.home-one-promotion {
    z-index: 11;
    background-color: rgb(255, 255, 255);
    padding: 60px 15px 0px;
    position: static;
    top: 0px;
}

.home-one-promotion-item p {
    max-width: 520px;
}

.footer-one {
    z-index: 11;
    background-color: rgb(0, 0, 0);
    flex-flow: column;
    justify-content: flex-end;
    padding-top: 140px;
    padding-left: 15px;
    padding-right: 15px;
    position: sticky;
    top: 0px;
    overflow: hidden;
}

.footer-one.footer-three {
    height: auto;
    margin-top: -1px;
    padding-top: 60px;
}

.change-style {
    text-transform: capitalize;
}

.footer-one-main-wrapper {
    gap: 30px;
    border-top: 1px solid rgba(220, 197, 183, 0.4);
    border-bottom: 1px solid rgba(220, 197, 183, 0.4);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 30px;
    padding-bottom: 30px;
    display: grid;
}

.footer-one-merquee-item {
    flex: 0 0 auto;
    display: flex;
}

.footer-one-link-wrapper {
    gap: 15px;
    border-left: 1px solid rgba(220, 197, 183, 0.4);
    border-right: 1px solid rgba(220, 197, 183, 0.4);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.footer-one-bottom-right {
    gap: 30px;
    display: flex;
}

.footer-one-left-heading {
    max-width: 469px;
}

.footer-one-button {
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
}

.merquee-text {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
    letter-spacing: -2px;
    text-transform: uppercase;
    padding-right: 100px;
    font-size: 120px;
    font-weight: 300;
    line-height: 100px;
}

.footer-one-merquee {
    padding-bottom: 100px;
    display: flex;
}

.footer-one-main-paragraph {
    max-width: 590px;
}

.footer-one-bottom-link-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.footer-one-bottom-link-wrapper.change-size {
    border-top: 1px solid rgba(220, 197, 183, 0.4);
    width: 100%;
}

.footer-one-left {
    flex-flow: column;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.footer-one-bottom-left {
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.social-link {
    width: 34px;
    height: 34px;
    background: rgb(60, 76, 87);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.footer-one-paragraph {
    padding-top: 20px;
    padding-bottom: 20px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-hidden.padding-bottom {
    padding-bottom: 10px;
}

.home-one-work-main-image-wrapper {
    position: relative;
}

.home-one-work-image-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    position: absolute;
    inset: 0%;
}

.side-line {
    background-color: var(--white);
    transform-origin: 50% 100%;
    width: 1px;
    margin-top: auto;
    display: none;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.nav-menu-overlay {
    border-radius: 50%;
    position: absolute;
    inset: 0%;
}

.nav-email-icon {
    z-index: 11;
    position: relative;
}

.nav-one-link-email-two {
    background-color: rgb(220, 197, 183);
    border: 1px solid rgb(237, 237, 237);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
}

.black-nav-arrow {
    display: none;
}

.nav-two-right {
    gap: 25px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar {
    background-color: rgba(221, 221, 221, 0);
}

.home-two-hero-main {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex;
}

.header-menu-item {
    color: rgb(32, 40, 84);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6875rem;
}

.header-menu-item:hover {
    color: rgb(74, 116, 253);
}

.header-menu-item.sub-menu {
    display: block;
}

.header-menu-item.sub-menu.change-line-height {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    transition: 0.3s;
}

.header-menu-item.sub-menu.change-line-height:hover {
    color: var(--black);
    transform: translate(10px);
}

.header-menu-item.sub-menu.change-line-height.w--current {
    color: var(--black);
}

.menu-font {
    color: rgb(255, 255, 255);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
}

.menu-font.change-submenu {
    min-width: 230px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-font.change-submenu.w--open {
    background-color: rgb(255, 255, 255);
}

.menu-font.change-submenu.box-shadow.w--open {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px 2px;
}

.menu-font.change-submenu.box-shadow.border-radius-ten {
    min-width: 200px;
}

.menu-font.change-submenu.box-shadow.border-radius-ten:hover {
    color: rgb(76, 52, 227);
}

.menu-font.change-submenu.box-shadow.border-radius-ten.w--open {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 2px;
}

.menu-font.change-primary-color {
    color: rgb(220, 197, 183);
}

.dropdown-toggle {
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 20px;
    display: flex;
}

.home-two-hero-text {
    text-align: center;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
    font-size: 130px;
    font-weight: 300;
    line-height: 150px;
}

.nav-two-wrapper {
    border-bottom: 1px solid rgba(220, 197, 183, 0.2);
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-two-hero-paragraph {
    max-width: 475px;
}

.home-two-hero-heading {
    max-width: 475px;
    padding-bottom: 20px;
}

.home-two-big-text {
    padding-bottom: 40px;
    position: relative;
}

.nav-two {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    inset: 0% 0% auto;
}

.home-two-hero {
    z-index: 1;
    background-image: url("../images/66da8b905da3697ae2f97fb5_Home%20Two%20Hero.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding-left: 15px;
    padding-right: 15px;
    position: sticky;
    top: 0px;
}

.home-two-about-left-subheading {
    margin-top: 75px;
    margin-left: 0px;
    transform: rotate(-90deg);
}

.home-two-about-left-item-two {
    margin-top: 160px;
    margin-left: -210px;
}

.home-two-about-wrapper {
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.home-two-about-left {
    padding-top: 20px;
    padding-bottom: 40px;
    display: flex;
    position: relative;
}

.home-two-about-link-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
}

.home-two-about-right {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.home-two-about-paragraph {
    max-width: 620px;
}

.home-two-counter-wrapper.mt-50 {
    margin-top: 15px;
    gap: 0px;
    justify-content: center;
}

.home-two-counter-wrapper.mt-50 .container {
    padding: 31px;
    text-align: center;
    color: white;
    border-top: 1px solid rgba(95, 95, 95, 0.1);
    border-bottom: 1px solid rgba(63, 63, 63, 0.1);
    width: 35%;
}

.home-two-counter-wrapper.mt-50 .container:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.home-two-counter-wrapper.mt-50 .container:nth-child(3) {
    border-left: 1px solid rgba(255, 255, 255, 0.36);
    border-right: 1px solid rgba(255, 255, 255, 0.36);
}

.home-two-about-heading {
    padding-bottom: 25px;
}

.home-two-about-link-item {
    gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dropdown-arrow {
    margin-top: 5px;
}

.home-two-about-line {
    background-color: rgba(92, 91, 91, 0.2);
    width: 1px;
}

.home-two-about-left-item {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.home-two-about {
    z-index: 2;
    background-color: rgb(255, 255, 255);
    padding-bottom: 50px;
    position: relative;
}

.home-two-about .home-two-about-main {
    padding-top: 80px;
}

.home-two-about-button {
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
}

.home-two-about-experience {
    position: absolute;
    inset: auto auto 18% 8%;
}

.home-two-work-item {
    gap: 20px;
    background-color: rgb(239, 217, 204);
    flex-flow: column;
    margin-left: 15px;
    margin-right: 15px;
    padding: 70px 25px 60px;
    display: flex;
    position: relative;
}

.home-two-work-link-main {
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.home-two-work-line {
    background-color: rgba(39, 50, 58, 0.2);
    width: 1px;
    height: 175px;
    margin-top: auto;
    margin-bottom: auto;
}

.home-two-work-line.chnage-color-light {
    background-color: rgba(220, 197, 183, 0.3);
}

.home-two-work-main-wrapper {
    justify-content: space-between;
    display: flex;
}

.home-two-work-recidence {
    position: absolute;
    inset: -20% 15px auto auto;
}

.chnage-dark-color {
    color: rgba(39, 50, 58, 0.7);
}

.home-two-work-heading {
    max-width: 685px;
}

.home-two-work {
    background-color: rgb(220, 197, 183);
    padding: 120px 15px;
}

.heading-five {
    color: rgb(220, 197, 183);
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    text-transform: capitalize !important;
}

.home-three-story-main .heading-five {
    text-align: center;
}

.heading-five.chnage-color-dark {
    color: rgb(39, 50, 58);
}

.heading-five.chnage-color-dark.text-break {
    white-space: normal;
    text-transform: uppercase;
}

.heading-five.change-color {
    color: var(--primary-color);
}

.heading-five.change-color-white {
    color: rgb(193, 193, 193);
    text-decoration: none;
}

.heading-five.text-break {
    white-space: normal;
}

.home-two-work-item-paragraph {
    max-width: 318px;
}

.home-two-work-number {
    padding-bottom: 10px;
}

.home-two-work-number.chnage-display {
    display: flex;
}

.outline-number {
    color: rgba(220, 197, 183, 0);
    -webkit-text-stroke: 1px rgba(39, 50, 58, 0.7);
    font-size: 42px;
    font-weight: 700;
    line-height: 35px;
}

.outline-number.chnage-color {
    -webkit-text-stroke-color: rgba(220, 197, 183, 0.7);
}

.outline-number.chnage-color.main {
    color: rgba(39, 50, 58, 0);
}

.outline-number.chnage-color.hover-number {
    -webkit-text-stroke-color: rgba(39, 50, 58, 0.7);
    position: absolute;
}

.home-two-work-link {
    padding-top: 20px;
    padding-bottom: 90px;
    display: flex;
}

.home-two-product {
    background-color: rgb(137, 112, 97);
    padding-top: 120px;
    padding-bottom: 75px;
}

.home-two-product-heading {
    max-width: 1050px;
    padding-bottom: 85px;
}

.home-two-product-link-item {
    gap: 5px;
    flex-flow: column;
    display: flex;
}

.chnage-font-style {
    font-size: 16px;
}

.home-two-product-link-wrapper {
    justify-content: space-between;
    max-width: 803px;
    padding-bottom: 120px;
    display: flex;
}

.home-two-product-link-wrapper.change-padding-bottom {
    padding-bottom: 0px;
}

.home-two-logo {
    background-color: rgb(103, 75, 68);
    padding-top: 60px;
    padding-bottom: 60px;
}

.home-two-logo.change-color {
    background-color: rgb(220, 197, 183);
    border-top-color: rgba(39, 50, 58, 0.2);
    border-bottom-color: rgba(39, 50, 58, 0.2);
}

.home-two-logo-merquee {
    display: flex;
    overflow: hidden;
}

.home-two-logo-wrapper {
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-two-logo-item {
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    padding-right: 100px;
    display: flex;
}

.home-two-story-left-image-two {
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 169px;
    margin-left: -209px;
    display: flex;
}

.home-two-story-left-image-two.change-position {
    margin-right: -30px;
}

.home-two-story-heading {
    max-width: 389px;
    padding-bottom: 20px;
}

.home-two-story {
    background-color: rgb(137, 112, 97);
    padding: 120px 15px;
}

.home-two-story.change-bottom-padding {
    padding-bottom: 0px;
}

.counter-box {
    justify-content: center;
    align-items: flex-start;
    height: 60px;
    display: flex;
    overflow: hidden;
}

.counter-box.big-counter {
    height: 66px;
}

.home-two-story-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 120px;
    display: flex;
}

.home-two-counter-line {
    background-color: rgba(220, 197, 183, 0.4);
    flex: 1 1 0%;
    height: 1px;
}

.home-two-story-left {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.home-two-counter-box-new {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.counter-text {
    letter-spacing: -4px;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 300;
    line-height: 66px;
}

.counter-new {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.home-two-story-paragraph {
    max-width: 390px;
}

.home-two-story-image-caption {
    margin-bottom: 55px;
    margin-left: -40px;
    transform: rotate(-90deg);
}

.home-two-counter-item {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.home-two-counter-wrapper {
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.counter {
    display: inline-block;
    font-size: 3rem;
}

.counter + span {
    font-size: 2.4rem;
}

.counter-line {
    height: 0px;
    border-width: 0px 0px 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(113, 119, 125);
    border-image: initial;
    border-radius: 50px;
}

.counter-line + p {
    font-size: 15px;
    color: white;
    text-transform: uppercase;
}

.counter.bottom.chnage-align-left {
    justify-content: center;
    align-items: center;
    display: flex;
}

.home-two-counter-item-paragraph {
    max-width: 355px;
}

.home-two-counter-item-top {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.counter-train {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.home-two-process-item-paragraph {
    max-width: 495px;
}

.heading-two {
    letter-spacing: -1.5px;
    font-size: 32px;
    font-weight: 300;
    line-height: 36.2px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
}

.projctadress {
    text-align: center;
    font-size: 1.1rem;
    margin: 10px 0px 0px;
    color: rgb(175, 156, 145);
}

.home-one-hero-sub-heading.display-change .subheading-text {
    line-height: 0;
    background: rgba(220, 197, 183, 0.78);
    color: rgb(126, 99, 91);
    width: max-content;
    border-radius: 4px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    padding: 0px 30px;
    font-size: 14px;
}

.home-two-process-bottom-wrapper {
    padding-top: 30px;
}

.home-two-process-heading {
    max-width: 450px;
    padding-bottom: 65px;
}

.home-two-process-bottom-item {
    gap: 60px;
    display: flex;
    overflow: hidden;
}

.home-two-process-wrapper {
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-two-process-item {
    gap: 20px;
    cursor: pointer;
    flex-flow: column;
    display: flex;
    position: relative;
}

.home-two-process {
    background-color: rgb(137, 112, 97);
    padding: 120px 15px;
}

.home-two-process-line {
    background-color: rgb(220, 197, 183);
    max-width: 105px;
    height: 1px;
}

.home-two-process-item-heading {
    flex: 1 1 0%;
}

.home-two-process-top {
    gap: 20px;
    display: flex;
}

.home-two-success-main-text-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-two-success-main-text-wrapper.change-position {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 60px;
}

.home-two-success-heading {
    max-width: 442px;
}

.home-two-success-paragraph {
    max-width: 525px;
}

.home-two-success {
    background-color: rgb(137, 112, 97);
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
}

.home-two-success-wrapper {
    gap: 60px;
    justify-content: space-between;
    display: flex;
}

.home-two-success-text {
    flex: 1 1 0%;
    position: relative;
}

.home-two-success-details {
    gap: 20px;
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.home-two-success-details.chnage-sizing {
    flex: 0 1 auto;
}

.home-two-service-text-item {
    border-right: 1px solid rgba(220, 197, 183, 0.2);
    flex: 1 1 0%;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
}

.home-two-service-text-item.change-border {
    border-right-width: 0px;
}

.home-two-service-item-details {
    overflow: hidden;
}

.heading-three {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
}

.heading-three.change-color-black {
    color: rgb(39, 50, 58);
}

.heading-three.chnage-color-white {
    color: rgb(255, 255, 255);
}

.home-two-service-text-wrapper {
    z-index: 1;
    justify-content: space-between;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-two-service-image-overlay {
    z-index: 1;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
    position: absolute;
    inset: 0%;
}

.home-two-service-image-wrapper, .home-two-service {
    position: relative;
}

.home-two-service-item-text-main {
    gap: 20px;
    flex-flow: column;
    flex: 1 1 0%;
    display: flex;
}

.home-two-testimonial-author-wrapper {
    gap: 15px;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    display: flex;
}

.number-wrapper {
    position: absolute;
    inset: auto auto -21% 38%;
}

.number-wrapper.chnage-position {
    inset: auto 38% -21% auto;
}

.home-two-testimonial {
    background-color: rgb(220, 197, 183);
    background-image: linear-gradient(rgba(220, 197, 183, 0.5), rgba(220, 197, 183, 0.5)), url("../images/66da8ccddc2a17f17bd02cf8_House%20Outline.webp");
    background-position: 0px 0px, 50% center;
    background-repeat: repeat, no-repeat;
    background-size: auto, 590px 330px;
    padding: 120px 15px;
}

.home-two-testimonial.change-color {
    background-color: rgb(137, 112, 97);
    background-image: linear-gradient(rgba(137, 112, 97, 0.5), rgba(137, 112, 97, 0.5)), url("../images/66f2588c4f3985abb14ba0b5_White%20House.webp");
    background-position: 0px 0px, 50% center;
    background-repeat: repeat, no-repeat;
    background-size: auto, 590px 330px;
}

.home-two-testimonial-paragraph {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    overflow: hidden;
}

.home-two-arrow-text {
    flex: 1 1 0%;
    justify-content: flex-start;
    align-items: center;
    width: 10px;
    display: flex;
    overflow: hidden;
}

.home-two-testimonial-slider {
    background-color: rgba(221, 221, 221, 0);
    width: 100%;
    position: static;
}

.testimonial-text {
    color: rgba(39, 50, 58, 0.7);
    font-size: 20px;
    line-height: 32px;
}

.testimonial-text.text-align-center {
    text-align: center;
}

.testimonial-text.text-align-center.chnage-color {
    color: rgb(220, 197, 183);
}

.testimonial-text.change-color {
    color: rgb(137, 112, 97);
}

.home-two-arrow-item {
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.home-two-arrow-text-wrapper {
    display: flex;
}

.home-two-testimonial-item {
    position: relative;
}

.home-two-testimonial-main {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.home-two-arrow-wrapper {
    gap: 200px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.home-two-arrow-wrapper.display-off {
    display: none;
}

.home-two-testimonial-number-wrapper {
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    width: 10px;
    min-width: 10px;
    display: flex;
}

.home-two-testimonial-left-arrow {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    inset: auto auto -6px 40%;
}

.home-two-testimonial-left-arrow.right-arrow {
    left: auto;
    right: 40%;
}

.home-two-testimonial-author-details {
    gap: 5px;
    flex-flow: column;
    display: flex;
}

.home-two-news-heading {
    padding-bottom: 100px;
}

.home-two-new-link-wrapper {
    width: 85px;
    overflow: hidden;
}

.home-two-news-wrapper {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.home-two-news-wrapper.display-off {
    display: none;
}

.home-two-news-text {
    gap: 15px;
    flex-flow: column;
    padding-top: 30px;
    display: flex;
}

.home-two-news-image {
    position: relative;
    overflow: hidden;
}

.home-two-promotion-link-main-wrapper {
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.home-two-news-heading-wrapper {
    max-width: 390px;
}

.home-two-news-item-link {
    gap: 12px;
    background-color: rgb(255, 255, 255);
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
}

.medium-heading-new {
    color: rgb(39, 50, 58);
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 60px;
}

.home-two-news {
    padding: 113px 15px 120px;
}

.footer-two-link {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.footer-two-link-wrapper {
    gap: 25px;
    border-top: 1px solid rgba(220, 197, 183, 0.4);
    justify-content: flex-end;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}

.footer-two-paragraph {
    max-width: 595px;
    padding-bottom: 100px;
}

.home-two-footer-heading {
    padding-bottom: 30px;
}

.home-two-footer-link-wrapper {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.footer-two-heading {
    max-width: 600px;
    padding-bottom: 20px;
}

.home-two-footer-wrapper {
    justify-content: space-between;
    padding-bottom: 100px;
    display: flex;
}

.footer-two {
    background-color: rgb(39, 50, 58);
    background-image: url("../images/bg-paten.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 110px;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-two-location {
    gap: 10px;
    flex-flow: column;
    display: flex;
}

.home-three-work-sub-heading {
    margin-bottom: 70px;
    margin-right: -100px;
    position: absolute;
    transform: rotate(-90deg);
}

.home-three-work-image-left {
    z-index: 1;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
    display: flex;
    position: relative;
}

.home-three-work-image-two {
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 93px;
    margin-left: -65px;
    display: flex;
}

.home-three-work-image {
    display: flex;
}

.home-three-work {
    background-color: rgb(137, 112, 97);
    padding: 120px 15px 180px;
    overflow: hidden;
}

.home-three-work-wrapper {
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-three-work-heading {
    max-width: 495px;
}

.home-three-work-accordian {
    padding-top: 20px;
}

.home-three-work-image-right {
    margin-left: -150px;
}

.hover-effect {
    transition: all;
}

.hover-effect:hover {
    color: var(--white);
}

.home-three-tag {
    background-color: rgb(137, 112, 97);
    padding: 100px 15px 120px;
}

.home-three-image-paragraph {
    max-width: 503px;
}

.home-three-image-one {
    flex: 1 1 0%;
    position: relative;
}

.home-three-image-main-wrapper {
    justify-content: space-between;
    display: flex;
}

.home-three-image-text {
    gap: 15px;
    flex-flow: column;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.home-three-image-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-three-experience {
    background-color: rgb(39, 50, 58);
    padding: 120px 15px;
}

.home-three-story-paragraph {
    max-width: 495px;
    padding-bottom: 40px;
}

.home-three-story-left-wrapper {
    display: flex;
    position: relative;
}

.home-three-story-wrapper {
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-three-story-left-image-two {
    margin-bottom: -50px;
    margin-left: -156px;
    position: relative;
}

.home-three-story-left {
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 50px;
    display: flex;
}

.home-three-story-caption {
    margin-top: 60px;
    margin-right: -90px;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: rotate(-90deg);
}

.home-three-story-item {
    gap: 15px;
    border-right: 1px solid rgba(220, 197, 183, 0.2);
    flex-flow: column;
    padding-right: 60px;
    display: flex;
}

.home-three-story-item.change-padding-left {
    border-right-width: 0px;
    padding-left: 60px;
    padding-right: 60px;
    border-left: 1px solid rgba(220, 197, 183, 0.2);
}

.home-three-story {
    background-color: rgb(39, 50, 58);
    padding: 100px 15px 120px;
}

.home-three-story-main {
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgb(39, 50, 58);
    padding-top: 100px;
    padding-bottom: 50px;
}

.home-three-story-heading {
    max-width: 494px;
    padding-bottom: 20px;
}

.home-three-project {
    background-color: rgb(39, 50, 58);
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
}

.home-three-slide {
    background-color: rgb(39, 50, 58);
    height: auto;
    padding-left: 15px;
}

.home-three-slide-wrapper {
    max-width: 1575px;
    margin-left: auto;
    margin-right: 0px;
    position: sticky;
    top: 120px;
    overflow: hidden;
}

.home-three-slide-main-item-wrapper {
    cursor: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-three-slide-main {
    gap: 30px;
    cursor: auto;
    flex: 0 0 auto;
    display: flex;
}

.home-three-slide-image {
    flex: 0 0 auto;
    width: 50vw;
    position: relative;
}

.home-three-process-paragraph {
    max-width: 285px;
    padding-top: 20px;
}

.home-three-process-item {
    border-top: 1px solid rgba(220, 197, 183, 0.4);
    padding-top: 20px;
}

.home-three-process-item-paragraph {
    max-width: 341px;
}

.home-three-process {
    background-color: rgb(39, 50, 58);
    padding: 120px 15px 105px;
}

.home-three-process-left-heading {
    max-width: 523px;
    padding-bottom: 5px;
}

.home-three-process-top {
    gap: 25px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
}

.home-three-process-wrapper {
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
    display: flex;
}

.home-three-process-main-wrapper {
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-three-interior-inner-wrapper {
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    display: flex;
}

.home-three-background-interior-vedio {
    height: 100%;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.home-three-interior-line {
    z-index: 1;
    background-color: rgba(220, 197, 183, 0.4);
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 140px 0% auto;
}

.home-three-interior-line.change-position {
    inset: auto 0% 300px;
}

.home-three-interior {
    height: 100vh;
}

.nav-three {
    z-index: 9999999;
    padding-left: 15px;
    padding-right: 15px;
    position: fixed;
    inset: 0% 0% auto;
    transition: 0.4s;
}

.nav-three.activenav {
    position: fixed;
    transform: translateY(0px);
}

.nav-three-main-wrapper {
    /* border-bottom: 1px solid rgba(220, 197, 183, 0.2); */
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    transition: 0.4s;
}

.nav-three.activenav .nav-three-main-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-menu-wrapper {
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.nav-three-menu-main {
    gap: 5px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    display: flex;
}

.nav-menu-main {
    gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.nav-three-line-one {
    background-color: var(--white);
    width: 22px;
    height: 1px;
}

.nav-three-line-two {
    background-color: var(--white);
    width: 26px;
    height: 1px;
}

.home-two-hero-wrapper {
    position: relative;
}

.home-two-image-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    position: absolute;
    inset: 0%;
}

.home-two-effect-lower-part {
    z-index: 11;
    width: 100%;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    inset: auto 0% 0%;
}

.home-two-effect-wrapper {
    z-index: 1;
    gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-two-effect-lower-part-wrapper {
    border-top: 1px solid rgba(220, 197, 183, 0.2);
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    display: flex;
    overflow: hidden;
}

.home-two-effect-text-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-two-paragraph-one {
    max-width: 350px;
}

.home-two-effect {
    z-index: 0;
    height: 100vh;
    position: sticky;
    top: 0px;
}

.home-two-background-vedio {
    height: 100%;
}

.home-two-background-vedio.position-change {
    height: 100vh;
    position: absolute;
    inset: 0%;
}

.effect-big-text {
    color: rgb(253, 246, 242);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 50px;
}

.effect-big-text.text-two {
    opacity: 0.3;
}

.home-two-effect-right-image {
    height: 100%;
    position: relative;
}

.home-two-vedio-effect {
    height: 165vh;
}

.right-image-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-two-effect-main-image {
    height: 100%;
    position: relative;
}

.left-image-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-two-vedio {
    height: 100vh;
    display: none;
}

.home-two-product-image-overlay {
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));
    position: absolute;
    inset: 0%;
}

.mouse-cursor {
    gap: 10px;
    background-color: rgb(220, 197, 183);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    display: flex;
    position: absolute;
}

.mouse-cursor.chnage-margin {
    margin: 100px 220px 100px 40px;
}

.mouse-cursor.chnage-margin.display-off {
    display: none;
}

.home-two-product-main-item {
    flex: 0 0 auto;
    width: 30vw;
}

.home-two-product-item-image {
    position: relative;
}

.home-two-product-merquee {
    gap: 60px;
    flex: 0 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex;
}

.home-two-product-item-text-wrapper {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 40px;
    padding-left: 20px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-two-product-item-text-wrapper.change-background-color {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
    padding-left: 10px;
    padding-right: 10px;
}

.home-two-product-text-main {
    flex: 1 1 0%;
    max-width: 349px;
}

.home-two-product-merquee-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: sticky;
    top: 220px;
    overflow: hidden;
}

.home-two-product-merquee-item {
    position: relative;
}

.home-two-line {
    background-color: rgba(220, 197, 183, 0.4);
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 30%;
}

.home-two-big-text-wrapper {
    transform-origin: 50% 0px;
    justify-content: center;
    align-items: center;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.nav-link {
    gap: 20px;
    cursor: default;
    align-items: center;
    padding-right: 50px;
    text-decoration: none;
    display: flex;
}

.home-one-about-big-text-main-wrapper {
    z-index: 11111;
    height: 180px;
    position: sticky;
    top: 70vh;
    overflow: hidden;
}

.about-one-hero-heading {
    z-index: 11;
    justify-content: center;
    align-items: center;
    padding-top: 75px;
    display: flex;
    position: relative;
}

.about-one-hero-heading-main {
    max-width: 1006px;
}

.about-one-hero-image-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden;
}

.about-one-hero-line {
    background-color: rgba(220, 197, 183, 0.2);
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 35%;
}

.about-one-hero-big-image {
    z-index: 111;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 40px;
    display: flex;
    position: absolute;
    inset: auto auto 0% 0%;
    transform: translate(0px, 28%) scale(0.45);
}

.about-banner-wrapper {
    height: 100vh;
    position: sticky;
    top: 0px;
}

.about-one-hero {
    background-color: rgb(84, 0, 28);
    flex-flow: column;
    justify-content: space-between;
    height: 250vh;
    display: flex;
}

.about-one-hero-wrapper {
    position: relative;
    z-index: 4;
}

.about-one-hero-image-main {
    z-index: 111;
    border-radius: var(--radius);
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0px, 30%);
}

.about-one-feature-line-new {
    background-color: rgba(39, 50, 58, 0.3);
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 10% 0% auto;
}

.about-one-feature-wrapper {
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.about-one-feature-bottom-text {
    margin-top: 100px;
    margin-left: -10px;
    transform: rotate(-90deg);
}

.homepagevideo {
    width: 100%;
}

.about-one-feature-right-heading {
    max-width: 424px;
    padding-bottom: 20px;
}

.about-one-feature-line {
    flex: 0 1 60%;
    margin-top: -40px;
}

.about-two-feature {
    background-color: rgb(220, 197, 183);
    padding: 120px 15px;
    position: relative;
}

.about-one-feature-left-main {
    flex-flow: column;
    display: flex;
}

.about-one-feature-line-two {
    background-color: rgba(39, 50, 58, 0.3);
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 24%;
}

.about-one-feature-right-main {
    padding-top: 100px;
}

.about-one-feature-left {
    gap: 20px;
    padding-top: 40px;
    display: flex;
}

.about-one-feature-line-new-three {
    background-color: rgba(0, 0, 0, 0.3);
    width: 1px;
    height: 570px;
}

.about-one-feature-right-paragraph {
    max-width: 420px;
}

.about-one-feature-left-buttom {
    justify-content: center;
    align-items: center;
    margin-top: -180px;
    margin-left: 30px;
    display: flex;
}

.about-one-work-main {
    flex-flow: column;
    display: flex;
}

.about-one-work-heading {
    max-width: 346px;
    padding-bottom: 60px;
}

.about-one-work-details {
    overflow: hidden;
}

.about-one-work-right-line {
    background-color: rgba(220, 197, 183, 0.2);
    width: 1px;
}

.about-one-work-item {
    border-bottom: 1px solid rgba(242, 235, 231, 0.15);
    flex-flow: column;
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
}

.about-one-work-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.about-one-work {
    background-color: rgb(103, 75, 67);
    padding: 120px 15px;
}

.about-one-work-image-wrapper {
    position: relative;
}

.about-one-work-main-wrapper {
    border-top: 1px solid rgba(220, 197, 183, 0.2);
    border-bottom: 1px solid rgba(220, 197, 183, 0.2);
    padding-top: 40px;
    padding-bottom: 40px;
}

.about-one-work-item-details {
    max-width: 438px;
    padding-top: 20px;
}

.about-one-work-right {
    gap: 50px;
    display: flex;
}

.about-one-interior-lamp-new {
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    display: flex;
    position: absolute;
    inset: 0% -10% auto auto;
    overflow: hidden;
}

.home-one-interior-line {
    background-color: rgba(220, 197, 183, 0.2);
    height: 1px;
    margin-bottom: 20px;
}

.home-one-interior-image {
    margin-top: 40px;
    margin-bottom: 40px;
}

.about-one-interior-heading-one {
    padding-bottom: 20px;
}

.about-one-interior-heading {
    border-bottom: 1px solid rgba(220, 197, 183, 0.2);
    padding-top: 70px;
    padding-bottom: 0px;
    position: relative;
}

.about-one-interior {
    background-color: rgb(39, 50, 58);
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.home-one-interior-heading {
    max-width: 945px;
    padding-bottom: 120px;
}

.about-one-process {
    background-color: rgb(220, 197, 183);
    padding: 120px 15px;
}

.process-heading {
    color: rgb(39, 50, 58);
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 300;
    line-height: 80px;
}

.auto-fit-contain {
    object-fit: contain;
}

.home-one-process-item-details {
    max-width: 450px;
    padding-bottom: 20px;
}

.about-one-process-heading {
    max-width: 60%;
    padding-bottom: 60px;
}

.about-one-process-item-image {
    justify-content: center;
    align-items: center;
    display: flex;
}

.about-one-process-item-head {
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
}

.about-one-process-item {
    border-right: 1px solid rgba(39, 50, 58, 0.2);
    flex: 1 1 0%;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}

.about-one-process-item.change-border-right {
    border-right-width: 0px;
}

.about-one-process-wrapper {
    border-top: 1px solid rgba(39, 50, 58, 0.2);
    border-bottom: 1px solid rgba(39, 50, 58, 0.2);
    justify-content: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.about-one-service-left {
    position: sticky;
    top: 120px;
}

.about-one-service-right {
    gap: 30px;
    flex-flow: column;
    display: flex;
}

.about-one-service-wrapper {
    border-top: 1px solid rgba(220, 197, 183, 0.2);
    padding-top: 40px;
}

.about-one-service {
    background-color: rgba(205, 154, 50, 0.09);
    padding: 120px 15px 100px;
}

.about-one-service-line {
    background-color: rgba(180, 180, 180, 0.2);
    width: 1px;
    height: 785px;
    position: sticky;
    top: 120px;
}

.about-one-service-heading {
    max-width: 590px;
    padding-bottom: 40px;
}

.about-one-service-paragraph {
    border-top: 1px solid rgba(180, 180, 180, 0.2);
    padding-top: 28px;
}

.home-one-blury-background {
    backdrop-filter: blur(5px);
    pointer-events: none;
    background-color: rgba(39, 50, 58, 0.3);
    position: absolute;
    inset: 0%;
}

.home-two-text-wrapper {
    position: absolute;
    inset: 0%;
}

.about-two-hero-text-wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.about-two-hero-image {
    justify-content: center;
    align-items: flex-end;
    padding-top: 105px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.about-two-hero-main-image {
    width: 52%;
    height: 52%;
    position: relative;
    overflow: hidden;
}

.about-two-hero-heading-main {
    max-width: 1006px;
    margin-left: auto;
    margin-right: auto;
}

.about-two-hero {
    background-color: rgb(39, 50, 58);
    width: 100%;
    height: 300vh;
}

.about-two-hero-wrapper {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0px;
}

.about-two-hero-heading {
    width: 100%;
    padding-top: 120px;
}

.about-two-review-star-wrapper {
    display: flex;
}

.about-two-review-heading {
    max-width: 420px;
    padding-bottom: 60px;
}

.about-two-review-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.about-two-review-right {
    gap: 40px;
    flex-flow: column;
    display: flex;
}

.about-two-review {
    background-color: rgb(39, 50, 58);
    padding: 120px 15px;
    overflow: hidden;
}

.about-two-review-paragraph {
    max-width: 525px;
}

.review-font {
    font-size: 50px;
    line-height: 66px;
}

.about-two-about-wrapper {
    gap: 30px;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.about-two-about-line {
    background-color: rgba(220, 197, 183, 0.2);
    width: 1px;
}

.about-two-about-details {
    max-width: 394px;
}

.about-two-left-image-thumbnail {
    margin-bottom: 73px;
    margin-right: -115px;
    position: absolute;
    transform: rotate(-90deg);
}

.about-two-about-text {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.about-two-about-left {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 105px;
    display: flex;
}

.counter-text-new {
    letter-spacing: -4px;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 300;
    line-height: 66px;
}

.about-two-about-right-image {
    margin-left: -74px;
}

.about-two-about-merquee-wrapper {
    border-top: 1px solid rgba(220, 197, 183, 0.2);
    border-bottom: 1px solid rgba(220, 197, 183, 0.2);
    margin-top: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
}

.about-two-left-image-wrapper {
    z-index: 1;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 142px;
    margin-left: -135px;
    display: flex;
    position: relative;
}

.about-two-about {
    background-color: rgb(137, 112, 97);
    padding-top: 120px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.about-two-about-left-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.about-two-about-heading {
    max-width: 392px;
    padding-bottom: 30px;
}

.about-two-service {
    background-color: rgb(137, 112, 97);
    padding-top: 120px;
    padding-bottom: 120px;
}

.about-two-work-item-details {
    max-width: 345px;
}

.about-two-work-wrapper {
    gap: 60px;
    display: grid;
}

.about-two-work-right {
    gap: 15px;
    display: flex;
    justify-content: space-between;
}

.about-two-work-item {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}

.about-two-work-item-details {
    max-width: 100px;
    width: 100%;
    height: 100px;
    padding: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
}

.about-two-work {
    background-color: rgb(103, 75, 67);
    background-image: url("../images/bg-home.svg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 120px 15px;
    overflow: hidden;
}

.number-font {
    letter-spacing: -8.5px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
    font-size: 100px;
    line-height: 80px;
}

.number-font.change-style {
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-weight: 200;
}

.number-font.change-style.three, .number-font.change-style.two {
    position: absolute;
    inset: 0%;
}

.about-two-project-main {
    padding-bottom: 20px;
}

.about-two-project-item {
    width: 100%;
    position: relative;
}

.about-two-project-item.two {
    width: 180%;
}

.about-two-project {
    overflow: hidden;
}

.about-two-project-wrapper {
    justify-content: space-between;
    display: flex;
}

.about-two-project-text {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.about-two-project-details {
    width: 290px;
    max-width: 361px;
    overflow: hidden;
}

.about-two-purpose-wrapper {
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.about-two-purpose-heading {
    max-width: 523px;
    padding-bottom: 20px;
}

.about-two-purpose-right {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 30px;
    display: flex;
}

.about-two-purpose {
    background-color: rgb(220, 197, 183);
    padding: 120px 15px;
    overflow: hidden;
}

.about-two-purpose-paragraph {
    max-width: 525px;
}

.about-two-purpose-thambnail {
    position: absolute;
    inset: auto -90px 57px auto;
    transform: rotate(-90deg);
}

.about-two-purpose-right-wrapper {
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 175px;
    margin-left: -135px;
    display: flex;
    position: relative;
}

.about-two-hero-big-heading {
    transform-origin: 50% 0px;
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
}

.about-two-hero-big-heading-main {
    transform-origin: 50% 0px;
    width: 100%;
    position: absolute;
    inset: auto 0% 0%;
}

.service-one-hero {
    background-image: url("../images/project-banner.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.service-one-hero-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.service-one-hero-line {
    background-color: rgba(220, 197, 183, 0.2);
    width: 100%;
    max-width: 1780px;
    height: 1px;
    margin-bottom: 20px;
}

.service-one-hero-main-heading {
    max-width: 955px;
    padding-bottom: 10px;
}

.service-one-work-item-details {
    max-width: 528px;
}

.service-one-work-main {
    background-color: rgb(220, 197, 183);
    padding-top: 100px;
}

.service-one-work-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.service-one-work {
    padding: 120px 15px 105px;
}

.service-one-work-heading {
    max-width: 421px;
}

.service-one-work-item-text {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.service-one-work-right {
    gap: 30px;
    flex-flow: column;
    display: flex;
}

.service-one-work-item {
    gap: 25px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.service-one-service-right {
    flex: 1 1 0%;
    position: relative;
}

.service-one-service-item-text {
    background-color: rgb(137, 112, 97);
    flex-flow: column;
    justify-content: flex-end;
    height: 100%;
    padding-bottom: 150px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.service-one-service-item-text.service-text-item-three {
    z-index: 2;
    position: absolute;
    inset: 0%;
}

.service-one-service-item-text.text-service-two {
    z-index: 3;
    position: absolute;
    inset: 0%;
}

.service-one-service-item-text.service-text-item-one {
    z-index: 4;
    position: relative;
}

.service-one-service-item-main-text {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.service-one-service-item-main-text.change-direction {
    justify-content: flex-end;
    align-items: flex-start;
}

.service-one-service-circle-wrapper {
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.service-one-service-top-text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 300px;
    padding-bottom: 266px;
    display: flex;
}

.service-one-service-top-text.change-direction {
    justify-content: flex-start;
    align-items: flex-start;
}

.service-one-service-inner-circle {
    justify-content: center;
    align-items: center;
    width: 475px;
    height: 475px;
    display: flex;
    position: relative;
}

.service-one-big-circle {
    border: 1px solid rgba(220, 197, 183, 0.15);
    border-radius: 50%;
    width: 475px;
    height: 475px;
    position: absolute;
    transform: none;
}

.service-one-service {
    z-index: 1;
    height: 350vh;
    position: relative;
}

.service-one-small-circle {
    border: 1px solid rgb(220, 197, 183);
    border-radius: 50%;
    width: 255px;
    height: 255px;
    position: absolute;
    transform: none;
}

.service-one-medium-circle-image {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    inset: auto 25% -3% auto;
    overflow: hidden;
}

.service-one-service-number {
    margin-left: -15px;
    position: relative;
}

.service-one-service-left {
    flex: 1 1 0%;
    position: relative;
}

.service-one-service-paragraph {
    max-width: 320px;
}

.service-one-small-circle-image {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    inset: auto -15% 32% auto;
    overflow: hidden;
}

.service-one-service-item-image-one {
    height: 100%;
}

.service-one-service-item-image-one.item-one {
    z-index: 4;
    position: relative;
}

.service-one-service-item-image-one.service-item-two {
    z-index: 3;
    position: absolute;
    inset: 0%;
}

.service-one-service-item-image-one.service-text-item-three {
    z-index: 2;
    position: absolute;
    inset: 0%;
}

.service-one-medium-circle {
    border: 1px solid rgba(220, 197, 183, 0.15);
    border-radius: 50%;
    width: 365px;
    height: 365px;
    position: absolute;
    transform: none;
}

.service-one-service-wrapper {
    justify-content: space-between;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0px;
    overflow: hidden;
}

.service-one-big-circle-image {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    inset: 5% auto auto 75%;
    overflow: hidden;
}

.service-one-service-item-heading {
    max-width: 455px;
}

.change-align {
    text-align: right;
}

.service-one-service-responsive {
    background-color: rgb(137, 112, 97);
    display: none;
}

.service-one-project-text {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

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

.text-align-center.change-coloe-black {
    color: rgb(39, 50, 58);
}

.service-one-project-line {
    background-color: rgba(220, 197, 183, 0.2);
    height: 1px;
    position: absolute;
    inset: 0% 0% auto;
}

.service-one-project-line.change-position {
    inset: auto 0% 0%;
}

.service-one-project-paragraph {
    max-width: 635px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 110px;
}

.service-one-project {
    background-color: rgb(103, 75, 67);
    padding-top: 120px;
    padding-bottom: 120px;
}

.service-one-project-main-wrapper {
    gap: 150px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 150px;
    padding-bottom: 120px;
    display: grid;
    position: relative;
}

.service-one-line-main {
    transform-origin: 50% 0px;
    background-color: rgba(220, 197, 183, 0.2);
    width: 1px;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 50%;
}

.service-one-project-item {
    position: relative;
}

.service-one-project-heading {
    padding-bottom: 30px;
}

.service-one-project-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
    position: absolute;
    inset: 0%;
}

.project-big-heading {
    text-align: center;
    letter-spacing: -1.48px;
    text-transform: uppercase;
    font-size: 120px;
    font-weight: 300;
    line-height: 100px;
}

.project-big-heading.change-style {
    text-align: left;
    letter-spacing: -2px;
    font-size: 100px;
    font-weight: 200;
    line-height: 110px;
}

.project-big-heading.change-align {
    text-align: left;
}

.service-one-plan-text-main {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.service-one-plan {
    background-color: rgb(39, 50, 58);
}

.service-one-plan-text-heading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 36.2px;
    display: flex;
    overflow: hidden;
}

.service-one-plan-main {
    position: relative;
}

.service-one-plan-wrapper {
    padding-bottom: 110px;
}

.home-one-plan-paragraph {
    max-width: 719px;
    margin-left: auto;
    margin-right: auto;
}

.home-one-plan-heading {
    max-width: 784px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.service-one-plan-text-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: absolute;
    inset: 0%;
}

.service-one-plan-text-wrapper.wrapper-two.desktop-display-off {
    display: flex;
}

.service-one-plan-item {
    height: 100vh;
    position: sticky;
    top: 0px;
}

.service-one-plan-text-paragraph {
    max-width: 100%;
    padding-top: 20px;
}

.service-two-heo-heading-two {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.responsive-heading {
    display: none;
}

.service-two-hero {
    background-color: rgb(39, 50, 58);
    padding-top: 220px;
    position: relative;
}

.service-two-hero-image-heading {
    justify-content: center;
    align-items: flex-end;
    height: 180px;
    padding-bottom: 20px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden;
}

.service-two-hero-heading {
    perspective: 3000px;
}

.service-two-hero-heading-three {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.service-two-hero-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.service-two-hero-image {
    position: relative;
    overflow: hidden;
}

.service-two-about {
    background-color: rgb(39, 50, 58);
    padding: 120px 15px 40px;
}

.service-two-service-image-text {
    width: 12px;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: rotate(-90deg);
}

.service-two-service {
    background-color: rgb(39, 50, 58);
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
}

.service-two-service-small-image {
    z-index: 2;
    position: absolute;
    inset: auto 13% 5% auto;
}

.service-two-service-left-image-wrapper {
    z-index: 1;
    margin-top: 105px;
    position: relative;
}

.service-two-service-paragraph {
    max-width: 419px;
}

.service-two-service-left-image {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.service-two-service-heading {
    max-width: 495px;
    padding-bottom: 20px;
}

.service-two-service-left-image-two {
    margin-left: -180px;
}

.service-two-service-wrapper {
    gap: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    justify-content: space-between;
    align-items: center;
    padding-top: 120px;
    display: flex;
}

.service-two-service-left {
    position: relative;
}

.service-two-development {
    background-color: rgb(39, 50, 58);
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
}

.service-two-development-main {
    gap: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.service-two-development-item {
    gap: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    flex-flow: column;
    flex: 1 1 0%;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-right: 40px;
    display: flex;
}

.service-two-development-item.change-border-right {
    border-right-width: 0px;
}

.service-two-development-details {
    max-width: 345px;
}

.mask {
    max-width: 340px;
    overflow: visible;
}

.service-two-work-arrow {
    padding-bottom: 20px;
}

.service-two-work-left-arrow {
    border: 1px solid rgba(220, 197, 183, 0.28);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    inset: auto auto 0% 0%;
}

.service-two-work-heading {
    max-width: 523px;
    padding-bottom: 10px;
}

.service-two-work-main-image-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    position: absolute;
    inset: 0%;
}

.service-two-work-details {
    max-width: 420px;
}

.service-two-work-slider-main-wrapper {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding-bottom: 120px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.service-two-work-sider {
    background-color: rgba(221, 221, 221, 0);
    height: auto;
    padding-bottom: 80px;
}

.service-two-work-main-left {
    flex-flow: column;
}

.service-two-work-right-arrow {
    border: 1px solid rgba(220, 197, 183, 0.28);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    inset: auto auto 0% 70px;
}

.service-two-work-main {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.service-two-work {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.service-two-work-image {
    height: 100%;
    position: relative;
}

.service-two-work-right {
    flex: 1 1 0%;
    margin-right: -30vw;
    overflow: hidden;
}

.service-two-project-heading {
    padding-bottom: 110px;
}

.service-two-project-item {
    gap: 60px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.service-two-project-item.change-top-align {
    justify-content: space-between;
    align-items: flex-start;
}

.service-two-project-item.change-direction {
    justify-content: space-around;
}

.service-two-project-main {
    gap: 60px;
    flex-flow: column;
    margin-top: -100px;
    display: flex;
}

.service-two-project-paragraph {
    max-width: 525px;
}

.service-two-project {
    padding: 105px 15px 120px;
}

.contact-one-heading {
    max-width: 600px;
    padding-bottom: 30px;
}

.contact-one-hero {
    background-color: rgb(39, 50, 58);
    padding-top: 210px;
}

.service-two-hero-image-heading-new {
    justify-content: center;
    align-items: flex-end;
    height: 180px;
    padding-bottom: 20px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden;
}

.contact-one-contact-form-wrapper {
    padding-top: 20px;
}

.contact-one-contact-item-wrapper {
    gap: 30px;
    flex-flow: column;
    display: flex;
}

.contact-one-contact-right-heading {
    padding-bottom: 40px;
}

.contact-one-input, .pet-select {
    color: var(--primary-color);
    background-color: rgba(220, 197, 183, 0.1);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-bottom: 0px;
    padding: 15px;
    height: auto;
    border-radius: 4px;
}

.pet-select {
    height: 50px;
}

.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea253-00415f6d {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

.contact-one-input::placeholder {
    color: rgb(220, 197, 183);
}

.contact-one-input.change-height {
    min-height: 141px;
    margin-bottom: 10px;
}

.contact-one-input.change-border {
    color: var(--primary-color);
    border-color: rgba(220, 197, 183, 0.3);
}

.contact-one-contact-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.contact-one-contact-heading {
    padding-bottom: 20px;
}

.change-color-light {
    color: rgba(220, 197, 183, 0.8);
}

.contact-one-submit {
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
}

.contact-one-right-item {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.contact-one-information {
    padding-bottom: 20px;
}

.contact-one-contact-details {
    max-width: 525px;
    padding-bottom: 50px;
}

.contact-one-form-main {
    gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 30px;
    display: grid;
}

.contact-one-contact {
    background-color: rgb(137, 112, 97);
    padding: 112px 15px 105px;
}

.contact-two-hero-paragraph {
    max-width: 605px;
}

.contact-two-main-button {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
}

.contact-two-hero-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contact-two-form-head {
    background-color: rgb(103, 75, 67);
    padding: 20px 20px 20px 40px;
}

.contact-two-form {
    width: 100%;
    max-width: 390px;
    position: absolute;
    inset: 16vh auto auto;
    overflow: hidden;
}

.contact-two-form-wrapper {
    gap: 10px;
    flex-flow: column;
    max-width: 312px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.contact-two-hero-link {
    border-bottom: 1.5px solid rgb(220, 197, 183);
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.contact-two-form-main {
    backdrop-filter: blur(15px);
    background-color: rgba(103, 75, 67, 0.56);
    padding-top: 35px;
    padding-bottom: 35px;
}

.contact-two-hero {
    gap: 50px;
    background-image: url("../images/contact-banner.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 120px 15px;
    display: flex;
    position: relative;
}

.contact-two-hero.thankyou-banner {
    background-image: url("../images/thankyou.jpg");
}

.blog-post-item-image {
    overflow: hidden;
}

.blog-one-main-left {
    gap: 60px;
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: flex-start;
    display: flex;
}

.blog-one-hero-heading {
    padding-bottom: 10px;
}

.blog-heading-text {
    letter-spacing: -2px;
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 300;
    line-height: 90px;
}

.blog-post-sub-heading-wrapper {
    gap: 3px;
    padding-bottom: 15px;
    display: flex;
}

.blog-post-sub-heading-wrapper.chnage-bottom-padding {
    padding-bottom: 20px;
}

.blog-one-hero {
    background-image: url("../images/66ecf302f0f7cb92525bf753_Blog%20Hero.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 15px 120px;
}

.blog-one-post-item-text {
    gap: 0px;
    background-color: rgb(229, 239, 246);
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: flex-start;
    min-height: 336px;
    padding: 60px 60px 60px 20px;
    display: flex;
}

.blog-one-post-item-text.change-color-orange {
    background-color: rgb(242, 227, 218);
    padding: 90px 20px;
}

.blog-one-post-item-text.change-orange-color {
    background-color: rgb(242, 227, 218);
    padding-right: 20px;
}

.blog-one-post-item-text.change-orange-color.change-height {
    min-height: 412px;
}

.blog-one-post-item-text.chnage-orange-main {
    background-color: var(--primary-color);
}

.blog-one-blog-main {
    padding: 120px 15px 113px;
}

.blog-one-main {
    gap: 25px;
    justify-content: space-between;
    display: flex;
}

.blog-post-heading {
    max-width: 386px;
    padding-bottom: 10px;
}

.blog-one-post-item {
    gap: 60px;
    flex-flow: column;
    display: flex;
}

.blog-one-post-item-heading {
    max-width: 100%;
    padding-bottom: 15px;
}

.blog-one-post-item-heading.chnage-size {
    max-width: 100%;
    padding-bottom: 30px;
}

.blog-link {
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.blog-post-item-text {
    gap: 10px;
    flex-flow: column;
    display: flex;
}

.blog-one-item {
    gap: 25px;
    flex-flow: column;
    display: flex;
}

.blog-two-blog-wrapper {
    gap: 40px 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.blog-two-blog-wrapper.display-off {
    display: none;
}

.blog-two-blog-main {
    background-color: var(--primary-color);
    padding: 120px 15px;
}

.designation-details {
    color: rgba(220, 197, 183, 0.8);
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 17px;
}

.blog-details-founder-text {
    gap: 15px;
    flex-flow: column;
    max-width: 538px;
    display: flex;
}

.blog-details-top {
    padding-left: 15px;
    padding-right: 15px;
}

.blog-details-image {
    padding: 120px 15px 60px;
}

.date-font {
    color: rgb(39, 50, 58);
    letter-spacing: -3.29px;
    font-family: Jost, sans-serif;
    font-size: 65px;
    font-weight: 600;
    line-height: 50px;
}

.testimonial-author {
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.blog-details-fouder-right {
    background-color: rgb(39, 50, 58);
    padding: 70px 40px 40px;
}

.blog-details-founder-details {
    max-width: 259px;
    margin-left: auto;
    margin-right: auto;
}

.blog-details-founder-top {
    gap: 45px;
    display: flex;
}

.month-font {
    color: rgb(39, 50, 58);
    letter-spacing: 11px;
    text-transform: uppercase;
    font-family: Jost, sans-serif;
    font-size: 17px;
    font-weight: 700;
    transform: translate(5px);
}

.blog-details-date-details {
    max-width: 810px;
}

.blog-details-fouder-name {
    padding-bottom: 10px;
}

.blog-details-founder-image {
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
    display: flex;
}

.blog-details-founder-main {
    gap: 15px;
    justify-content: space-between;
    display: flex;
}

.blog-details-date-main {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.designation {
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Outfit, sans-serif;
    font-size: 14px;
}

.blog-details-line {
    background-color: rgb(137, 112, 97);
    width: 6px;
    height: 133px;
}

.blog-details-date-paragraph {
    gap: 25px;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 60px;
    display: flex;
}

.blog-details-founder-wrapper {
    background-color: rgb(244, 247, 250);
    padding: 120px 15px;
}

.blog-details-date-left {
    gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.blog-detailds-founder-bottom {
    max-width: 600px;
    padding-top: 60px;
}

.blog-details-founder-designation {
    padding-bottom: 20px;
}

.blog-details-container {
    gap: 15px;
    flex-flow: column;
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.blog-details-container.gutter-space {
    padding-left: 15px;
    padding-right: 15px;
}

.blog-details-container.change-size {
    flex: 1 1 0%;
    max-width: 1080px;
}

.blog-details-image-main {
    gap: 15px;
    justify-content: space-between;
    display: flex;
}

.blog-detais-hero-heading {
    padding-bottom: 40px;
}

.blog-details-date-wrapper {
    gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.blog-details-main {
    padding-top: 120px;
    padding-bottom: 110px;
}

.year-font {
    color: rgb(39, 50, 58);
    letter-spacing: -0.32px;
    font-family: Jost, sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.year-font.change-color {
    color: rgb(137, 112, 97);
}

.blog-details-pagination-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: auto;
    display: flex;
}

.blog-details-pagination-heading-item {
    max-width: 420px;
}

.blog-details-pagination {
    background-color: rgb(137, 112, 97);
    padding: 40px 15px;
}

.image-rotate {
    transform-style: preserve-3d;
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}

.year-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.blog-details-main-paragraph {
    gap: 15px;
    flex-flow: column;
    padding-top: 20px;
    display: flex;
}

.previous, .next {
    gap: 15px;
    background-color: rgba(250, 250, 250, 0);
    border-width: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
}

.blog-main {
    position: relative;
}

.blog-details-pagination-heading-wrapper-two {
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    display: flex;
}

.blog-details-pagination-heading-wrapper-two.display-off {
    display: none;
}

.previous-wrapper {
    flex: 1 1 0%;
}

.next-wrapper {
    flex: 1 1 0%;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.pricing-one-hero {
    background-image: url("../images/66ecf302f0f7cb92525bf753_Blog%20Hero.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 15px 120px;
}

.pricing-one-hero.change-pricing-hero-image {
    background-image: url("../images/66f149315b02f1caf2cafdac_Pricing%20One%20Hero.webp");
    background-size: cover;
    padding-top: 220px;
}

.pricing-one-main {
    padding: 120px 15px;
}

.pricing-one-price-item {
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.pricing-one-heading {
    max-width: 500px;
    padding-bottom: 40px;
}

.priving-one-image-wrapper {
    flex: 0 1 auto;
    width: auto;
    max-width: 390px;
    min-height: 643px;
}

.pricing-commercial-top {
    background-color: rgb(137, 112, 97);
    height: 17px;
}

.change-color-grey {
    color: rgb(197, 200, 218);
}

.pricing-one-item-price {
    gap: 15px;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 20px;
    display: flex;
}

.pricing-one-item-price.change-display {
    justify-content: center;
    align-items: flex-end;
}

.pricing-one-item {
    background-color: rgb(39, 50, 58);
    flex-flow: column;
    flex: 0 1 auto;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 390px;
    height: 644px;
    padding: 40px 40px 70px;
    display: flex;
}

.pricing-item-commercial {
    flex: 0 1 auto;
    width: 100%;
    max-width: 390px;
}

.pricing-one-item-paragraph {
    max-width: 238px;
    padding-bottom: 20px;
}

.pricing-one-main-wrapper {
    gap: 15px;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.pricing-one-price-wrapper {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.pricing-item-button {
    padding: 15px;
}

.pricing-one-item-heading {
    padding-bottom: 20px;
}

.price-tick {
    margin-top: 3px;
}

.pricing-two-question-details.chnage-side-padding {
    max-width: 890px;
    padding-left: 40px;
    padding-right: 40px;
}

.pricing-two-question-details.chnage-side-padding.chnage-padding-around {
    padding-left: 0px;
    padding-right: 0px;
}

.pricing-one-question-details {
    max-width: 339px;
    padding-bottom: 40px;
}

.pricing-one-question-right {
    flex: 1 1 0%;
}

.pricing-one-qustion-left {
    flex: 0 1 30%;
}

.acordean-minus-icon {
    background-color: rgb(137, 112, 97);
    width: 15px;
    height: 2px;
}

.acordean-minus-icon.change-width {
    background-color: rgb(39, 50, 58);
    width: 13px;
}

.acordean-minus-icon.change-width.chnage-color {
    background-color: var(--primary-color);
    width: 11px;
    height: 1px;
}

.pricing-one-question-button {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
}

.padding-top-twenty {
    padding-bottom: 20px;
}

.dropdown-faq {
    border-bottom: 1px dashed rgb(165, 165, 165);
    width: 100%;
}

.dropdown-faq.change-color {
    border-bottom-width: 0px;
}

.dropdown-faq.change-bottom-border {
    border-bottom-style: solid;
    border-bottom-color: rgba(39, 50, 58, 0.15);
}

.dropdown-faq.change-bottom-border.chnage-border {
    border-bottom-color: rgba(220, 197, 183, 0.3);
}

.dropdown-faq.change-bottom-border.chnage-border.change-border-bottom {
    border-bottom-width: 0px;
}

.pricing-one-question-wrapper {
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.pricing-one-question-heading {
    padding-bottom: 40px;
}

.pricing-two-question-top {
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}

.pricing-two-question-top.chnage-side-padding {
    padding-left: 0px;
    padding-right: 10px;
}

.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding {
    padding: 40px 0px;
}

.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding.chnage-top-padding {
    padding-top: 0px;
}

.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding.chnage-top-padding.chnage-bottom-padding {
    padding-bottom: 20px;
}

.acordean-plus-icon {
    background-color: rgb(137, 112, 97);
    width: 2px;
    height: 15px;
    position: absolute;
}

.acordean-plus-icon.change-height {
    background-color: rgb(39, 50, 58);
    height: 13px;
}

.acordean-plus-icon.change-height.chnage-color {
    background-color: var(--primary-color);
    width: 1px;
    height: 11px;
}

.chnage-color-transperent {
    background-color: rgba(221, 221, 221, 0);
    position: static;
    overflow: hidden;
}

.pricing-one-question {
    background-color: rgb(220, 197, 183);
    padding: 110px 15px 90px;
}

.pricing-one-question.change-background-color {
    background-color: rgb(255, 255, 255);
}

.pricing-two-toogle {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    max-width: 600px;
    padding: 0px;
    display: block;
}

.pricing-two-toogle.chnage-width {
    max-width: 100%;
}

.pricing-two-toogle.chnage-width.chnage-border-top {
    border-top-width: 0px;
}

.acordian-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.pricing-two-price-item-bottom {
    border-top: 1px solid rgba(144, 149, 177, 0.3);
    padding-top: 30px;
}

.pricing-two-price-main-item {
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.pricing-two-price-wrapper {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.pricing-two-pricing-paragraph {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

.pricing-two-pricing {
    padding: 120px 15px;
}

.pricing-two-pricing-heading {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.chnage-color-dark {
    color: rgb(39, 50, 58);
}

.chnage-color-dark.padding-top {
    margin-bottom: 5px;
}

.pricing-two-price-item-wrapper {
    gap: 15px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.pricing-two-price-item {
    background-color: rgb(255, 255, 255);
    flex: 1 1 0%;
    padding: 40px;
    box-shadow: rgba(137, 112, 97, 0.38) 0px 40px 80px;
}

.pricing-two-button {
    padding: 45px 30px 15px;
}

.chnage-color-black {
    color: rgb(39, 50, 58);
}

.pricing-two-price-item-top {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.pricing-two-price-details {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-two-price-image {
    justify-content: center;
    align-items: center;
    display: flex;
}

.small-wrapper {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-two-access-button-wrapper {
    gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.pricing-two-access {
    background-color: rgb(39, 50, 58);
    background-image: url("/images/partner-bg.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 15px;
}

.pricing-two-access-heading {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.pricing-two-access-paragraph {
    max-width: 682px;
    margin-left: auto;
    color: white;
    margin-right: auto;
    padding-bottom: 10px;
}

.faq-hero {
    background-image: url("../images/66ecf302f0f7cb92525bf753_Blog%20Hero.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 15px 120px;
}

.faq-hero.change-faq-banner {
    background-image: url("../images/66f14d618ff44882dc754eff_faq%20banner.webp");
    background-size: cover;
    padding-top: 220px;
}

.faq-main-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
    display: flex;
}

.faq-main-paragraph {
    max-width: 642px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.faq-main {
    background-color: var(--primary-color);
    padding: 110px 15px 120px;
}

.faq-item-arrow {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
}

.faq-main-left {
    background-color: rgb(137, 112, 97);
    flex: 1 1 0%;
    max-width: 420px;
}

.faq-main-heading {
    padding-bottom: 20px;
}

.faq-main-wrapper {
    gap: 60px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.faq-main-right {
    flex: 1 1 0%;
}

.faq-main-right.two, .faq-main-right.three, .faq-main-right.four, .faq-main-right.five, .faq-main-right.six {
    display: none;
}

.faq-main-item-wrapper {
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
}

.portfolio-hero {
    background-color: rgb(137, 112, 97);
    height: 600vh;
}

.heading-one {
    letter-spacing: -2px;
    font-size: 50px;
    font-weight: 300;
    line-height: 55px;
}

.portfolio-text-wrapper {
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    inset: 0%;
}

.portfolio-text-wrapper.desktop-off {
    display: none;
}

.portfolio-text-wrapper.responsive-display-off {
    margin-top: 70vh;
}

.portfolio-big-text {
    flex-flow: column;
    height: 180px;
    display: flex;
    overflow: hidden;
}

.portfolio-hero-image-one {
    width: 100%;
    height: 100%;
}

.portfolio-hero-image {
    height: 100%;
    overflow: hidden;
}

.portfolio-hero-main {
    height: 100vh;
    position: sticky;
    top: 0px;
}

.portfolio-text-head {
    gap: 15px;
    flex-flow: column;
    height: 70px;
    display: flex;
    overflow: hidden;
}

.portfolio-text-line {
    background-color: rgba(220, 197, 183, 0.2);
    width: 100%;
    max-width: 1780px;
    height: 1px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-gallery-main {
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.portfolio-gallery-right {
    gap: 90px;
    flex-flow: column;
    flex: 1 1 0%;
    display: flex;
}

.change-color-black {
    color: rgb(39, 50, 58);
}

.portfolio-gallery-one {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.portfolio-gallery-heading {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.portfolio-gallery-paragraph {
    max-width: 550px;
}

.portfolio-gallery-left {
    gap: 90px;
    flex-flow: column;
    flex: 1 1 0%;
    display: flex;
}

.portfolio-gallery {
    padding: 120px 15px;
    display: block;
    position: relative;
}

.team-one-hero {
    background-image: url("../images/66ecf302f0f7cb92525bf753_Blog%20Hero.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 15px 120px;
}

.team-one-hero.change-faq-banner {
    background-image: url("../images/66f14d618ff44882dc754eff_faq%20banner.webp");
    background-size: cover;
    padding-top: 220px;
}

.team-main-wrapper {
    gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.team-main-wrapper.display-off {
    display: none;
}

.team-paragraph {
    max-width: 745px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.team-member-item-main {
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.team-main {
    background-color: rgb(137, 112, 97);
    padding: 120px 15px;
}

.team-member-item-top {
    z-index: 11;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 35px;
    padding-right: 30px;
    display: flex;
    position: relative;
}

.team-member-item-bottom {
    gap: 10px;
    flex-flow: column;
    padding-bottom: 30px;
    padding-left: 30px;
    display: flex;
}

.team-member-item-top-main {
    gap: 15px;
    flex-flow: column;
    display: flex;
}

.team-heading {
    padding-bottom: 20px;
}

.team-member-item-details-wrapper {
    background-color: rgba(26, 34, 39, 0.86);
    flex-flow: column;
    justify-content: space-between;
    display: flex;
    position: absolute;
    inset: 0%;
    box-shadow: rgba(97, 77, 65, 0.6) 0px 30px 60px;
}

.team-member-item {
    position: relative;
}

.home-three-hero-main-heading {
    max-width: 590px;
}

.home-three-background-vedio {
    z-index: 1;
    width: 100%;
    height: 100vh;
}

.home-three-hero-main-text-wrapper {
    z-index: 111;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding-bottom: 100px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.home-three-hero-paragraph {
    max-width: 592px;
}

.home-three-hero-left {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-three-hero-left-image {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 545px;
    height: 662px;
    display: flex;
    overflow: hidden;
}

.home-three-hero-text-main-wrapper {
    flex: 1 1 0%;
    max-width: 887px;
    margin-left: auto;
    margin-right: 0px;
}

.home-three-hero-text-main-wrapper.change-direction {
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
}

.home-three-hero {
    background-color: rgb(39, 50, 58);
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.home-three-line {
    z-index: 11;
    background-color: rgba(220, 197, 183, 0.4);
    max-width: 1780px;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 35%;
    display: none;
}

.home-three-image-round {
    background-color: rgb(39, 50, 58);
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
}

.chnage-align-right {
    text-align: right;
}

.chnage-align-right.chnage-font-style {
    font-size: 20px;
    line-height: 30px;
}

.chnage-align-right.chnage-font-style.change-color-yellow {
    color: var(--primary-color);
}

.home-three-hero-text-big-wrapper {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.home-three-hero-text-big-wrapper.change-position {
    justify-content: flex-start;
    align-items: flex-start;
}

.home-three-hero-wrapper {
    gap: 20px;
    height: 100%;
    display: flex;
}

.full-width, .collection-item {
    width: 100%;
    height: 100%;
}

.collection-list {
    height: 100%;
}

.after-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.portfolio-details-hero {
    background-color: rgb(137, 112, 97);
    padding-top: 220px;
    padding-left: 15px;
    padding-right: 15px;
}

.portfolio-details-hero-item {
    gap: 10px;
    flex-flow: column;
    display: flex;
}

.before-wrapper {
    position: relative;
    overflow: hidden;
}

.portfolio-details-hero-wrapper {
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 40px;
    display: flex;
}

.portfolio-details-hero-heading {
    padding-bottom: 30px;
}

.portfolio-details-hero-right {
    gap: 30px 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: grid;
}

.portfolio-details-hero-paragraph {
    max-width: 667px;
}

.devider-line-main {
    justify-content: center;
    align-items: center;
    width: 3px;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.devider-line-main.change-direction {
    inset: 0% 0% 0% auto;
}

.devider-line-circle {
    background-color: rgb(137, 112, 97);
    border: 1px solid rgb(220, 197, 183);
    border-radius: 50%;
    justify-content: space-between;
    align-items: center;
    width: 36px;
    height: 36px;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    position: absolute;
}

.portfolio-image-main {
    gap: 0px;
    background-color: rgb(137, 112, 97);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-left: 0px;
    margin-right: 0px;
    display: grid;
    position: relative;
    overflow: hidden;
}

.devider-line-middle {
    background-color: rgb(137, 112, 97);
    width: 3px;
    height: 100%;
}

.link-block {
    width: 100%;
}

.team-social-media-line {
    background-color: rgb(144, 149, 177);
    min-width: 75px;
    min-height: 1px;
}

.team-member-overlay {
    z-index: 5;
    background-image: linear-gradient(180deg, #0000 77%, var(--background-color)), radial-gradient(circle farthest-corner at 50% 50%, #fff0 17%, #27323a 72%);
    position: absolute;
    inset: 0%;
}

.team-details-hero-section {
    background-color: rgb(39, 50, 58);
    padding-top: 357px;
    padding-bottom: 224px;
    position: relative;
}

.team-hero-large-text {
    z-index: 10;
    letter-spacing: -2px;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(104, 104, 130), rgba(104, 104, 130, 0));
    background-clip: text;
    font-family: Outfit, sans-serif;
    font-size: 201px;
    font-weight: 900;
    line-height: 201px;
    position: absolute;
    inset: 116px 0% auto auto;
}

.overflow-none {
    overflow: hidden;
}

.team-details-list {
    gap: 10px;
    flex-flow: column;
    margin-top: 15px;
    display: flex;
}

.team-details-hero-wrap {
    width: 40%;
    margin-left: auto;
    position: relative;
}

.team-details-hero-block {
    flex-flow: column;
    display: flex;
}

.position-relative {
    position: relative;
}

.container-one {
    width: 100%;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
}

.heading-three-2 {
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-family: Outfit, sans-serif;
    font-size: 25px;
    line-height: 30px;
}

.team-details-hero-image-block {
    justify-content: flex-start;
    align-items: center;
    width: 45%;
    height: 100%;
    padding-top: 100px;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.team-details-hero-paragraph {
    max-width: 48ch;
}

.team-social-media-link-block {
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    inset: auto auto 0% -200px;
    transform: rotate(-90deg);
}

.team-details-marquee-section {
    background-color: rgb(39, 50, 58);
    padding-bottom: 100px;
}

.service-details-marquee-main-block {
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.team-details-marquee-wrap {
    flex: 0 0 auto;
    justify-content: flex-start;
    align-items: center;
}

.team-details-marquee-text-block {
    color: rgb(34, 34, 45);
    letter-spacing: 20px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Outfit, sans-serif;
    font-size: 100px;
    font-weight: 700;
    line-height: 110px;
    display: flex;
}

.text-block {
    color: rgb(60, 76, 87);
}

.team-about-section {
    background-color: rgb(137, 112, 97);
    padding-top: 120px;
    padding-bottom: 107px;
}

.chnage-color {
    color: var(--primary-color);
}

.counter-box-2.team-counter {
    transform-origin: 50% 100%;
    position: absolute;
    bottom: 74px;
    transform: rotate(-90deg);
}

.team-about-card-box {
    gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 786px;
    padding-top: 60px;
    display: grid;
}

.team-about-wrap {
    gap: 20px;
    justify-content: space-between;
}

.counter-2 {
    overflow: hidden;
}

.counter-2.team-counter-box {
    max-height: 80px;
}

.team-about-left-block {
    gap: 6px;
    flex: 0 0 auto;
}

.team-about-heading {
    max-width: 800px;
    padding-bottom: 20px;
}

.counter-number-wrap {
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}

.counter-number-wrap.team-counter {
    justify-content: flex-end;
    align-items: flex-start;
}

.margin-top-twenty-five {
    margin-top: 25px;
}

.flex-block {
    max-width: 290px;
    margin-left: auto;
}

.team-about-heading-block {
    flex-flow: column;
    padding-left: 40px;
    position: relative;
}

.team-counter {
    color: rgb(80, 80, 102);
    font-family: Outfit, sans-serif;
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
}

.team-counter.small {
    color: var(--primary-color);
    font-size: 40px;
    line-height: 40px;
}

.team-about-paragraph {
    max-width: 77ch;
}

.team-about-card {
    position: relative;
}

.team-about-contain-block {
    align-items: stretch;
    width: 100%;
    max-width: 945px;
}

.team-about-heading-line {
    background-color: var(--primary-color);
    min-width: 6px;
    height: 100%;
    max-height: 124px;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.team-link {
    position: absolute;
    inset: 0%;
}

.home-two-product-main-wrapper {
    height: 300vh;
}

.gutter-space {
    padding-left: 15px;
    padding-right: 15px;
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
}

.utility-page-wrap.protected-page {
    background-image: url("../images/66f291d0b18fbad8752d11bb_Protected%20page.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 15px;
    padding-right: 15px;
}

.utility-page-wrap.not-found {
    background-color: var(--background-color);
    padding-left: 15px;
    padding-right: 15px;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 260px;
    display: flex;
}

.utility-page-content.password-protect {
    backdrop-filter: blur(5px);
    background-color: rgba(39, 50, 58, 0.9);
    width: 100%;
    max-width: 630px;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: rgba(7, 10, 13, 0.59) 0px 60px 80px;
}

.utility-page-content.not-found {
    width: 100%;
    height: 100%;
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.utility-page-form.password-protect {
    width: 100%;
    max-width: 535px;
}

.password-wrapper {
    gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.password-button-wrapper {
    gap: 15px;
    flex-flow: column;
    padding-top: 20px;
    display: flex;
}

.heading-three-new {
    color: rgb(220, 197, 183);
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
}

.mega-menu-main {
    width: 100%;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.menu-get-in-touch-contact-card-text-location {
    max-width: 245px;
}

.menu-social-link-item {
    gap: 20px 16px;
    flex-flow: wrap;
    max-width: 350px;
    display: flex;
}

.menu-social-block {
    gap: 23px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    padding-top: 50px;
    padding-left: 40px;
    display: grid;
}

.menu-get-in-touch-contact-card-text {
    gap: 3px;
    font-weight: 400;
    color: white;
    font-size: 15px;
    flex-flow: column;
    display: flex;
    text-transform: capitalize !important;
}

.header-mega-menu {
    justify-content: center;
    align-items: center;
    position: relative;
}

.header-mega-menu-outer-wrapper {
    z-index: 99;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 0px;
    display: block;
    position: fixed;
    inset: 0%;
    overflow: hidden;
}

.menu-get-in-touch-heading {
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 31px;
    display: flex;
}

.header-menu-bar-main {
    z-index: 10;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.menu-sign {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
}

.menu-get-in-touch-card-icon {
    border: 1px solid rgb(72, 72, 72);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex;
}

.menu-social-link-block {
    padding-top: 0px;
}

.menu-list-block {
    gap: 16px 38px;
    flex-flow: column;
    width: 49%;
    padding-top: 70px;
    height: 100%;
    min-height: 85vh;
    padding-right: 50px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}

.marque-train {
    gap: 20px;
    flex: 0 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.menu-list {
    flex-flow: column;
    width: 100%;
    display: flex;
}

.marque {
    overflow: hidden;
}

.nav-one-vedio {
    /* height: 350px; */
}

.menu-social-link-card {
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.menu-horizontal-line {
    background-color: rgb(220, 197, 183);
    width: 20px;
    height: 2px;
}

.dropdown-menu-list-inner {
    gap: 25px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: flex;
    overflow: hidden;
}

.header-menu-bar-background-text {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0.14) 4%, rgba(255, 255, 255, 0) 89%);
    background-clip: text;
    font-size: 500px;
    font-weight: 600;
    line-height: 380px;
}

.marque-main {
    gap: 11px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.menu-get-in-touch-contact-card {
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.menu-center-line {
    z-index: 10;
    background-color: rgb(72, 72, 72);
    width: 1px;
    height: 100vh;
    margin-top: 98px;
    position: absolute;
    top: 0px;
    left: 50%;
}

.menu-background-text-marque {
    z-index: 9;
    opacity: 0.5;
    width: 100%;
    position: absolute;
    top: 320px;
    left: 0px;
    overflow: hidden;
}

.menu-background-radial {
    z-index: 1;
    background-color: rgb(0, 0, 0);
    background-image: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0%;
}

.menu-list-main {
    justify-content: space-between;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    display: flex;
}

.menu-get-in-touch-contact {
    gap: 8px;
    flex-flow: column;
    display: flex;
}

.dropdown-menu-list {
    gap: 0px;
    background-color: rgba(0, 0, 0, 0);
    flex-flow: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.menu-vertical-line {
    background-color: rgb(220, 197, 183);
    width: 2px;
    height: 20px;
    position: absolute;
}

.heading-three-modified {
    color: rgb(220, 197, 183);
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    line-height: 15px;
}

.utility-button {
    padding-top: 60px;
}

.utility-heading {
    padding-bottom: 10px;
}

.landing-page-hero {
    background-image: url("../images/bg-paten.webp"), linear-gradient(rgb(39, 50, 58) 10%, rgb(137, 112, 97));
    background-position: 50% center, 0px 0px;
    background-repeat: repeat, repeat;
    background-size: contain, auto;
    padding: 220px 15px 120px;
    position: relative;
    overflow: hidden;
}

.landing-hero-image-five {
    display: none;
}

.landing-page-hero-heading {
    max-width: 945px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.landing-hero-image-six, .landing-hero-image-seven {
    display: none;
}

.landing-hero-image-two {
    display: none;
    position: absolute;
    inset: 0% 0% auto auto;
}

.landing-hero-image-three, .landing-hero-image-four {
    display: none;
}

.landing-hero-image-one {
    display: none;
    position: absolute;
    inset: 0% 0% auto auto;
}

.landing-page-banner-image {
    justify-content: center;
    align-items: center;
    display: flex;
}

.landing-page-home-item {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.landing-page-home-item.pointer-change {
    cursor: none;
}

.landing-page-home {
    padding: 100px 15px 120px;
}

.landing-page-home-heading {
    margin-top: -60px;
    padding-bottom: 20px;
}

.landing-page-home-details {
    padding-bottom: 20px;
}

.heading-big-text {
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
    font-size: 150px;
    font-weight: 200;
    line-height: 150px;
}

.landing-page-figma-main {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.landing-page-figma-left-heading {
    padding-bottom: 30px;
}

.landing-figma-background {
    background-image: url("../images/66f4df2d3d09e783b8c6862c_Background.svg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
    min-width: 100vw;
    min-height: 100%;
}

.figma-background-wrap {
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
    overflow: hidden;
}

.landing-page-figma-left {
    z-index: 1;
    position: relative;
}

.landing-page-figma-button {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
}

.landing-page-figma-details {
    max-width: 630px;
    padding-bottom: 30px;
}

.landing-page-figma {
    background-color: rgb(39, 50, 58);
    padding: 90px 15px;
    position: relative;
}

.landing-all-page-image-marquee-wrap {
    align-items: stretch;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
}

.landing-page-tab-menu {
    gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.landing-inner-page {
    padding: 110px 15px 120px;
}

.full-width-main {
    width: 100%;
}

.full-width-main.full-height {
    height: 100%;
}

.landing-page-tab-contain {
    margin-top: 20px;
}

.landing-all-page-tab {
    width: 100%;
}

.landing-menu-text {
    color: rgb(39, 50, 58);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Lexend, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.landing-all-page-marquee-box {
    padding-bottom: 20px;
}

.landing-all-page-marquee-box.opacity-off {
    opacity: 0;
}

.landing-page-tab-pane {
    perspective: 1000px;
    overflow: hidden;
    transform: perspective(1000px);
}

.landing-card-image-block {
    z-index: 2;
    background-color: var(--primary-color);
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.landing-tab-contain-block {
    gap: 30px;
    backface-visibility: hidden;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}

.landing-tab-contain-block.chnage-style {
    gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.landing-all-page-card-block {
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 520px;
    height: 100%;
    display: flex;
    position: relative;
}

.landing-all-page-card-block.change-width {
    min-width: 100%;
}

.page-tab-link {
    opacity: 0.4;
    color: rgb(144, 149, 177);
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

.page-tab-link.w--current {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0);
}

.landing-feature-details {
    max-width: 668px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.landing-feature-item {
    gap: 30px;
    background-color: rgb(220, 197, 183);
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    max-width: 389px;
    padding: 40px 20px 30px;
    display: flex;
}

.landing-feature-main {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.landing-feature {
    background-color: rgb(137, 112, 97);
    padding: 100px 15px 120px;
}

.landing-feature-item-details {
    width: 100%;
    max-width: 333px;
}

.landing-main-details {
    padding-top: 120px;
    padding-left: 15px;
    padding-right: 15px;
}

.landing-main-details-text {
    max-width: 630px;
}

.footer-one-top-block {
    border-bottom: 1px solid rgb(54, 58, 70);
    justify-content: space-between;
    align-items: center;
    padding-bottom: 120px;
}

.sticky-circle {
    background-color: rgb(3, 3, 7);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 190px;
    display: flex;
}

.sticky-circle.footer-one-right-button-block {
    background-color: rgba(137, 112, 97, 0.2);
    margin-right: 30px;
    position: relative;
}

.change-color {
    color: rgb(137, 112, 97);
}

.footer-one-right-button-inner-block {
    gap: 17px;
    background-color: rgba(137, 112, 97, 0.4);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.outline-circle {
    border: 2px solid rgb(137, 112, 97);
    border-radius: 100%;
    width: 190px;
    min-width: 190px;
    height: 190px;
    min-height: 190px;
}

.outer-clip.bottom {
    justify-content: flex-end;
    align-items: flex-end;
    width: 50%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden;
}

.outer-clip.top {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden;
}

.outline-circle-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 190px;
    height: 190px;
    display: grid;
    position: absolute;
    inset: 0%;
    transform: rotate(-30deg);
}

.lets-talk-arrow {
    margin-bottom: 5px;
}

.change-link-color {
    color: var(--black);
}

.license-hero-main {
    padding-left: 15px;
    padding-right: 15px;
}

.licensing-hero {
    background-color: var(--background-color);
    padding-top: 220px;
    padding-bottom: 120px;
}

.license-page-paragraph {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

.licencing-boxes.padding-top-twenty {
    padding-top: 40px;
}

.background-video-new {
    aspect-ratio: 2.39 / 1;
    width: 100%;
    height: auto;
}

.image-link-wrapper {
    gap: 10px;
    display: flex;
}

.image-link-wrapper.margin-bottom-thirty {
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 30px;
}

.video-wrapper {
    gap: 20px;
    flex-flow: column;
    display: flex;
}

.image-link {
    color: rgb(4, 4, 4);
    flex: 0 0 auto;
    font-size: 1.125rem;
    line-height: 1.875rem;
}

.licencing-image-grid {
    gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
}

.licencing-section {
    padding: 110px 15px 100px;
}

.changelog-section {
    padding-top: 120px;
    padding-bottom: 100px;
}

.margin-top-ten {
    margin-top: 10px;
}

.image-filter {
    filter: invert();
}

.style-guied-color {
    background-color: rgb(255, 255, 255);
    padding: 120px 15px;
}

.style-guied-color-wrapper {
    background-color: var(--primary-color);
    border-radius: 50%;
    width: 10.875rem;
    height: 10.875rem;
}

.style-guied-color-wrapper.change-body-color {
    background-color: rgb(137, 112, 97);
}

.style-guied-color-wrapper.change-body-color.change-color-sky-blue {
    background-color: rgb(189, 191, 192);
}

.style-guied-color-wrapper.change-color-green {
    background-color: var(--background-color);
}

.style-guied-color-option {
    gap: 300px;
    justify-content: center;
    margin-top: -50px;
    display: flex;
}

.style-guied-color-image {
    justify-content: center;
    display: flex;
}

.style-guied-color-item {
    gap: 40px;
    align-items: center;
    display: flex;
}

.style-guied-color-container {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.style-guied-typography-heading-five {
    padding-top: 40px;
}

.div-block-1744 {
    padding-top: 10px;
}

.heading-three-new-main {
    color: var(--primary-color);
    letter-spacing: -0.32px;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}

.style-guied-typography-heading-one {
    padding-top: 20px;
}

.style-guied-typography-heading-four {
    padding-top: 40px;
}

.style-guied-typography {
    background-color: var(--background-color);
    padding-top: 120px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.style-guied-typography-container {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.style-guied-typography-heading-three {
    padding-top: 40px;
}

.typography-heading-one-paragraph, .typography-heading-two-paragraph {
    padding-top: 10px;
}

.style-guied-button {
    display: flex;
}

.typography-heading-one-paragraph-two {
    padding-top: 10px;
}

.style-guied-typography-heading-six, .style-guied-typography-list-style {
    padding-top: 40px;
}

.div-block-1440, .style-guide-typography-button {
    padding-top: 20px;
}

.style-guied-typography-heading-two {
    padding-top: 30px;
}

.home-one-accordean-wrapper {
    gap: 20px;
    flex-flow: column;
    display: flex;
}

.home-three-hero-main {
    z-index: 1111;
    background-color: var(--background-color);
    position: relative;
}

.home-three-hero-inner {
    justify-content: space-between;
    display: flex;
    position: relative;
}

.home-three-hero-banner-left {
    background-color: rgb(137, 112, 97);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-three-hero-banner-left.change-position {
    background-color: var(--background-color);
    width: 0px;
}

.home-three-hero-banner-middle {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}

.home-three-hero-banner-middle.change-position {
    border-radius: var(--radius-two);
    position: static;
}

.home-three-hero-banner-middle.change-position.right {
    border-radius: 0px;
}

.home-three-banner-vedio {
    z-index: 11;
    border-radius: var(--radius-two);
    width: 100vw;
    height: 100vh;
    transform: scale(0.7);
}

.image {
    border-radius: var(--radius);
    width: 100%;
    height: 100%;
    transform: scale(0.7);
}

.merquee-wrapper {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.portfolio-hover-merquee-main {
    opacity: 0.4;
    display: flex;
}

.merquee-item {
    flex: 0 0 auto;
    padding-right: 10px;
}

.contact-two-popup {
    z-index: 1111;
    cursor: pointer;
    position: relative;
    top: 50px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 27px;
}

.contact-form-main {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.contact-two-cross {
    background-color: rgb(103, 75, 67);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.contact-two-cross.chnage-position {
    position: static;
}

.about-one-light-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0% 0% auto auto;
}

.imahe-one {
    padding-top: 20px;
}

.information-page {
    padding: 100px 15px 120px;
}

.about-one-light-main {
    margin-right: -100px;
}

.about-one-ray-main {
    margin-top: -40px;
}

.home-two-about-main {
    padding-left: 15px;
    padding-right: 15px;
}

.home-two-menu {
    background-color: var(--background-color);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 0px;
}

.landing-page-home-wrapper {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.landing-page-home-item-caption {
    padding-top: 25px;
}

.landing-page-all-wrapper {
    gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.landing-view-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.view-button {
    background-color: var(--primary-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
}

.about-three-hero {
    height: 100vh;
    transform: translate(0px, 25%) scale(0.5);
}

.about-three-hero-main {
    background-image: url("../images/contact-banner.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.about-three-hero-heading {
    max-width: 1006px;
}

.about-three-expert {
    background-color: var(--background-color);
    padding: 130px 15px 120px;
}

.about-three-project {
    background-color: rgb(137, 112, 97);
    padding: 130px 15px;
}

.about-three-project-heading {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.about-three-project-wrapper {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.about-three-project-item {
    position: relative;
}

.about-three-rating {
    background-color: rgb(137, 112, 97);
    padding-bottom: 130px;
    padding-left: 15px;
    padding-right: 15px;
}

.about-three-rating-wrapper {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.about-three-work {
    background-color: rgb(137, 112, 97);
    padding-left: 15px;
    padding-right: 15px;
}

.about-three-work-heading {
    padding-bottom: 20px;
}

.about-three-work-details {
    max-width: 749px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.big-number-text {
    letter-spacing: -8.5px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgba(220, 197, 183, 0.8), rgba(255, 255, 255, 0) 90%);
    background-clip: text;
    margin-bottom: -20px;
    font-size: 60px;
    line-height: 60px;
}

.blog-three-main {
    padding: 130px 15px;
}

.blog-three-main-wrapper {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.blog-three-main-left {
    gap: 30px;
    flex-flow: column;
    flex: 0 1 31%;
    justify-content: space-between;
    display: flex;
}

.blog-three-main-item {
    flex: 1 1 0%;
    max-width: 390px;
    position: relative;
    overflow: hidden;
}

.blog-three-main-image {
    z-index: 1;
    position: relative;
}

.blog-three-image-text {
    z-index: 11;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.blog-post-image-heading {
    padding-bottom: 20px;
}

.blog-post-image-heading.chnage-bottom-padding {
    padding-bottom: 30px;
}

.blog-three-item-two-main {
    flex: 1 1 0%;
    position: relative;
}

.blog-three-item-image {
    position: relative;
}

.blog-three-main-right {
    gap: 30px;
    flex-flow: column;
    flex: 1 1 0%;
    display: flex;
}

.blog-three-main-top {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.blog-three-item-main {
    gap: 30px;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.blog-three-item-main-right {
    gap: 30px;
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: space-between;
    display: flex;
}

.blog-three-item-overlay {
    background-image: linear-gradient(180deg, #0000 22%, var(--black) 96%);
    position: absolute;
    inset: 0%;
}

.collection-list-wrapper, .collection-list-wrapper-two {
    flex: 1 1 0%;
}

.contact-three-hero {
    background-color: var(--background-color);
    padding-top: 97px;
}

.contact-three-hero-wrapper {
    background-image: url("../images/career-banner.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 15px;
    height: 100vh;
}

.contact-three-hero-heading {
    max-width: 738px;
    padding-bottom: 20px;
}

.contact-three-hero-paragraph {
    max-width: 495px;
}

.contact-three-main {
    background-color: var(--background-color);
    padding: 100px 15px 130px;
}

.contact-three-main-box {
    gap: 30px;
    justify-content: space-between;
    display: flex;
}

.contact-three-box-item {
    gap: 15px;
    background-color: rgb(63, 73, 80);
    border: 1px solid rgb(137, 112, 97);
    flex-flow: column;
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    max-width: 390px;
    padding: 30px 20px;
    display: flex;
}

.contact-three-box-icon {
    padding-bottom: 10px;
}

.box-text {
    text-align: center;
    font-family: Outfit, sans-serif;
    font-size: 20px;
    line-height: 25px;
}

.link-text {
    text-align: center;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.contact-three-form {
    display: flex;
}

.contact-three-form-image {
    flex: 0 1 45%;
}

.contact-three-form-text {
    background: url("../images/bg-patten.png");
    flex: 1 1 0%;
    padding: 100px 15px 90px 60px;
    position: relative;
    z-index: 0;
}

.contact-three-form-text::after {
    content: "";
    background: rgba(103, 75, 68, 0.67);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.contact-three-form-text-main {
    max-width: 94%;
    position: relative;
    z-index: 2;
}

.pricing-three-main {
    padding: 130px 15px;
}

.pricing-three-heading {
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.pricing-three-paragraph {
    max-width: 584px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 85px;
}

.pricing-item-wrapper {
    gap: 20px;
    justify-content: space-between;
    display: flex;
}

.pricing-item-main {
    gap: 50px;
    background-color: var(--white);
    flex-flow: column;
    flex: 1 1 0%;
    max-width: 410px;
    padding: 50px 40px;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 50px;
}

.pricing-three-item-price-wrapper {
    gap: 5px;
    flex-flow: column;
    display: flex;
}

.pricing-three-item-button {
    padding: 15px;
}

.pricing-item-image {
    flex: 1 1 0%;
}

.pricing-three-price {
    background-color: var(--primary-color);
    padding: 130px 15px;
}

.pricing-three-price-heading {
    padding-bottom: 20px;
}

.pricing-three-price-paragraph {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}

.pricing-table-row {
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    display: flex;
}

.pricing-table-row.chnage-color {
    background-color: var(--background-color);
}

.pricing-table-row.border-bottom {
    border-bottom: 1px solid rgba(39, 50, 58, 0.15);
    padding-top: 25px;
    padding-bottom: 25px;
}

.pricing-table-right-part {
    gap: 16px;
    flex: 0 1 40%;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
}

.pricing-table-right-part.chnage-opacity, .pricing-table-right-heading.opacity-off {
    opacity: 0;
}

.chnage-color-light-black {
    color: rgb(90, 91, 91);
}

.about-three-hero-big {
    background-color: var(--background-color);
    height: 300vh;
    position: relative;
}

.about-hero-styky {
    position: sticky;
    top: 0px;
}

.popup-image {
    z-index: 21111;
    backdrop-filter: blur(5px);
    background-color: rgba(39, 50, 58, 0.5);
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: none;
    position: fixed;
    inset: 0%;
}

.popup-big-image {
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 80vh;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-two, .image-three, .image-four {
    position: absolute;
    inset: 0%;
}

.popup-close {
    cursor: pointer;
    position: absolute;
    inset: 15px 15px auto auto;
}

.text-span {
    font-weight: 700;
}

.license-font-top {
    padding-top: 20px;
}

.text-span-2 {
    font-size: 24px;
}

.customization-cta {
    gap: 60px;
    background-color: rgb(137, 112, 97);
    background-image: url("../images/670e65f46d381b708fbdb881_BG%20Shape-3.webp");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    justify-content: space-between;
    align-items: center;
    padding: 90px 40px;
    position: relative;
}

.landing-customization {
    padding-bottom: 90px;
}

.limited-offer {
    color: var(--white);
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    inset: auto 20px 30px auto;
}

.customization-cta-heading {
    flex: 1 1 0%;
    max-width: 410px;
    margin: 0px 0px 20px;
}

.customization-cta-description {
    gap: 25px;
    flex: 1 1 0%;
    max-width: 930px;
}

.customize-cta-text {
    gap: 20px;
}

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

@media screen and (min-width: 1280px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 42px;
        line-height: 52px;
    }

    h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .home-one-about-big-text-wrapper {
        height: 200px;
    }

    .home-one-big-text {
        line-height: 200px;
    }

    .home-one-big-text.change-size-two {
        font-size: 100px;
    }

    .home-one-big-text.change-align, .home-one-big-text.change-align-right {
        line-height: 130px;
    }

    .home-one-work-wrapper {
        max-width: 95%;
    }

    .home-one-vedio-text {
        right: -20%;
    }

    .home-one-testimonial-heading {
        top: 550px;
    }

    .home-one-testimonial-main {
        gap: 60px;
        margin-left: 40px;
    }

    .merquee-text {
        font-size: 200px;
        line-height: 180px;
    }

    .home-two-hero-text {
        font-size: 160px;
    }

    .home-two-about-link-wrapper {
        padding-left: 40px;
        padding-right: 60px;
    }

    .heading-two {
        font-size: 62px;
        line-height: 66.2px;
    }

    .home-two-process-top {
        gap: 60px;
    }

    .home-two-service-text-item {
        padding-left: 40px;
    }

    .heading-three {
        font-size: 32px;
        line-height: 42px;
    }

    .heading-three.chnage-color-white {
        color: rgb(255, 255, 255);
    }

    .number-wrapper {
        left: 40%;
    }

    .number-wrapper.chnage-position {
        right: 40%;
    }

    .home-two-testimonial-left-arrow {
        left: 42%;
    }

    .home-two-testimonial-left-arrow.right-arrow {
        right: 42%;
    }

    .medium-heading-new {
        font-size: 25px;
        line-height: 80px;
    }

    .home-three-slide-image {
        width: 30vw;
    }

    .home-three-slide-image {
        width: 20vw;
    }

    .home-two-product-item-text-wrapper.change-background-color {
        opacity: 1 !important;
    }

    .home-three-process-wrapper, .home-three-process-main-wrapper {
        gap: 0px;
    }

    .effect-big-text {
        font-size: 60px;
    }

    .right-image-wrapper {
        position: relative;
    }

    .home-two-product-item-text-wrapper.change-background-color {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-one-about-big-text-main-wrapper {
        height: 200px;
    }

    .about-one-feature-line {
        flex: 0 1 auto;
    }

    .about-one-feature-right-main, .about-one-feature-line-new-three {
        margin-left: -60px;
    }

    .about-one-work-heading {
        max-width: 450px;
    }

    .about-one-interior-lamp-new {
        width: 60%;
    }

    .about-one-interior-heading-one {
        padding-bottom: 20px;
    }

    .process-heading {
        font-size: 120px;
        line-height: 120px;
    }

    .about-two-project-details {
        width: 361px;
    }

    .about-two-hero-big-heading {
        height: 200px;
    }

    .service-one-service-item-text {
        padding-right: 60px;
    }

    .service-one-service-top-text {
        width: 400px;
    }

    .service-one-service-paragraph {
        max-width: 430px;
    }

    .project-big-heading {
        font-size: 150px;
        line-height: 130px;
    }

    .service-one-plan-text-heading {
        height: 50px;
    }

    .service-two-hero-image-heading {
        height: 200px;
    }

    .contact-one-heading {
        max-width: 700px;
    }

    .service-two-hero-image-heading-new {
        height: 200px;
    }

    .blog-heading-text {
        font-size: 120px;
    }

    .blog-one-post-item-text {
        flex: 0 1 auto;
        padding-left: 40px;
    }

    .blog-one-post-item-text.change-color-orange {
        padding-left: 40px;
    }

    .blog-one-post-item-heading {
        max-width: 279px;
    }

    .pricing-one-price-item {
        gap: 20px;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .change-color-grey {
        color: rgb(197, 200, 218);
    }

    .pricing-one-item-price {
        gap: 15px;
        justify-content: flex-start;
        align-items: flex-end;
        padding-bottom: 20px;
        display: flex;
    }

    .pricing-one-item {
        background-color: rgb(39, 50, 58);
        flex: 1 1 0%;
        max-width: 390px;
        padding-top: 70px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .pricing-item-commercial {
        flex: 1 1 0%;
    }

    .pricing-one-item-paragraph {
        max-width: 238px;
        padding-bottom: 20px;
    }

    .pricing-one-main-wrapper {
        display: flex;
    }

    .pricing-one-price-wrapper {
        gap: 15px;
        flex-flow: column;
        display: flex;
    }

    .pricing-item-button {
        margin-bottom: -20px;
    }

    .pricing-one-item-heading {
        padding-bottom: 20px;
    }

    .price-tick {
        margin-top: 3px;
    }

    .heading-one {
        font-size: 60px;
        line-height: 66px;
    }

    .portfolio-big-text {
        height: 200px;
    }

    .portfolio-text-head {
        height: 80px;
    }

    .portfolio-gallery-main {
        gap: 60px;
    }

    .home-three-hero-main-text-wrapper {
        padding-bottom: 70px;
    }

    .home-three-hero {
        padding-left: 0px;
        padding-right: 0px;
    }

    .chnage-align-right.chnage-font-style {
        font-size: 25px;
        line-height: 35px;
    }

    .home-three-hero-wrapper {
        gap: 0px;
    }

    .team-about-heading-block {
        padding-left: 100px;
    }

    .heading-three-new, .heading-three-modified {
        font-size: 20px;
    }

    .heading-big-text.text-align-center {
        font-size: 200px;
    }

    .landing-page-tab-menu {
        gap: 10px;
    }

    .landing-card-image-block {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .landing-tab-contain-block.chnage-style {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .page-tab-link {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sticky-circle.footer-one-right-button-block {
        margin-right: 0px;
    }

    .outline-circle-block {
        grid-auto-columns: 1fr;
    }

    .heading-three-new-main {
        font-size: 30px;
        line-height: 40px;
    }

    .landing-page-home-wrapper {
        gap: 60px;
    }

    .box-text {
        font-size: 25px;
        line-height: 30px;
    }

    .link-text {
        font-size: 17px;
        line-height: 27px;
    }

    .contact-three-form-text {
        padding-left: 100px;
    }

    .pricing-three-heading {
        max-width: 717px;
    }

    .pricing-item-container {
        max-width: 1290px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1440px) {
    .home-one-about-big-text-wrapper {
        height: 240px;
    }

    .home-one-big-text {
        font-size: 95px;
        line-height: 240px;
    }

    .home-one-big-text.change-size.chnage-style {
        font-size: 150px;
    }

    .home-one-big-text.change-align, .home-one-big-text.change-align-right {
        line-height: 70px;
        text-align: center;
    }

    .home-one-hero-left-content {
        gap: 100px;
    }

    .home-one-work-wrapper {
        max-width: 90%;
    }

    .home-one-vedio-text {
        right: -15%;
    }

    .home-one-testimonial-heading {
        top: 600px;
    }

    .home-two-hero-text {
        font-size: 180px;
    }

    .home-two-big-text {
        padding-bottom: 60px;
    }

    .home-three-work-wrapper {
        gap: 120px;
    }

    .nav-three-main-wrapper {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .about .nav-three-main-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .home-two-product-main-item {
        padding-right: 95px;
    }

    .home-one-about-big-text-main-wrapper {
        height: 240px;
    }

    .about-two-project-text {
        padding-left: 40px;
    }

    .about-two-hero-big-heading {
        height: 240px;
    }

    .service-one-service-top-text {
        width: 450px;
    }

    .service-two-hero-image-heading {
        height: 240px;
    }

    .service-two-project-item.change-direction {
        justify-content: center;
    }

    .service-two-hero-image-heading-new {
        height: 240px;
    }

    .contact-two-form {
        position: absolute;
        inset: auto 5% 130px auto;
        overflow: hidden;
    }

    .contact-two-hero {
        flex-flow: row;
        height: 100vh;
    }

    .blog-one-post-item-text, .blog-one-post-item-text.change-color-orange {
        padding-left: 60px;
    }

    .portfolio-big-text {
        height: 240px;
    }

    .portfolio-gallery-main {
        gap: 90px;
    }

    .contact-two-popup {
        position: absolute;
        inset: auto 5% 70px auto;
    }

    .contact-form-main {
        position: absolute;
    }

    .customization-cta {
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media screen and (min-width: 1920px) {
    .nav-one.change-home-one-nav {
        padding-top: 20px;
        top: 0px;
    }

    .auto-fit.landing-image-dropshadow {
        box-shadow: rgba(75, 60, 51, 0.6) 0px 40px 60px;
    }

    .home-one-service-left {
        margin-top: 60px;
    }

    .home-one-service-text.responsive-display-off {
        display: block;
    }

    .home-one-about-big-text-wrapper {
        height: 300px;
    }

    .home-one-big-text {
        font-size: 140px;
        line-height: 300px;
    }

    .home-one-big-text.change-size-two {
        font-size: 170px;
        line-height: 120px;
    }

    .home-one-big-text.change-size {
        font-size: 200px;
        line-height: 250px;
    }

    .home-one-big-text.change-size.change-style-two {
        font-size: 180px;
        line-height: 140px;
    }

    .home-one-big-text.change-align, .home-one-big-text.change-align-right {
        line-height: 200px;
    }

    .main-container.position-relative.change-index {
        z-index: 11;
    }

    .home-one-service-line.change-height {
        height: 550px;
    }

    .home-one-hero-line {
        bottom: 28%;
    }

    .home-one-hero-line.change-position-two.change-new-position {
        bottom: 0%;
    }

    .home-one-hero-line.change-position {
        bottom: 10%;
    }

    .home-one-product-left {
        padding-bottom: 80px;
    }

    .div-block {
        position: sticky;
        top: 50px;
    }

    .home-one-interior-text-wrapper {
        left: 115px;
    }

    .home-one-work-wrapper {
        max-width: 82%;
    }

    .home-one-vedio-text {
        right: -10%;
    }

    .home-one-testimonial-image {
        border-left: 1px solid rgba(39, 50, 58, 0.21);
        border-right: 1px solid rgba(39, 50, 58, 0.21);
    }

    .home-one-testimonial-main {
        margin-left: 100px;
        padding-left: 0px;
    }

    .home-one-promotion-item {
        padding: 50px;
    }

    .footer-one-main-wrapper {
        gap: 60px;
        grid-template-columns: 1fr 0.8fr 1fr;
    }

    .merquee-text {
        padding-right: 150px;
        font-size: 240px;
        line-height: 200px;
    }

    .home-two-hero-text {
        font-size: 200px;
        line-height: 200px;
    }

    .home-two-service-text-item {
        padding-left: 60px;
        padding-right: 40px;
    }

    .footer-two {
        background-repeat: repeat;
        background-size: contain;
    }

    .home-three-work-wrapper {
        gap: 130px;
    }

    .home-three-image-text {
        padding-left: 60px;
        padding-right: 60px;
    }

    .home-three-slide-wrapper {
        max-width: 82%;
    }

    .home-three-interior-line {
        flex: 1 1 0%;
        max-width: 1780px;
        margin-left: auto;
        margin-right: auto;
    }

    .effect-big-text {
        font-size: 80px;
        line-height: 70px;
    }

    .home-two-big-text-wrapper {
        height: 200px;
    }

    .home-one-about-big-text-main-wrapper {
        height: 300px;
    }

    .about-one-hero-big-image {
        padding-right: 120px;
    }

    .about-one-interior-lamp-new {
        width: 65%;
        right: -5%;
    }

    .about-one-interior-lamp-new.big-screen-display-off {
        display: none;
    }

    .about-one-interior-heading-one {
        padding-bottom: 60px;
    }

    .about-one-process-item {
        padding-left: 50px;
        padding-right: 50px;
    }

    .about-one-service-line {
        margin-right: -40px;
    }

    .about-two-project-text {
        padding-left: 80px;
    }

    .about-two-hero-big-heading, .service-two-hero-image-heading {
        height: 300px;
    }

    .service-two-work-right {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
    }

    .service-two-project-item {
        gap: 235px;
    }

    .service-two-project-item.change-direction {
        gap: 285px;
        padding-left: 200px;
    }

    .service-two-project-main {
        gap: 170px;
    }

    .service-two-hero-image-heading-new {
        height: 300px;
    }

    .contact-two-form {
        bottom: 230px;
        right: 5%;
    }

    .contact-two-hero {
        background-size: 100% 100%;
    }

    .blog-one-post-item-text {
        flex: 1 1 0%;
    }

    .blog-one-post-item-heading.chnage-size {
        max-width: 279px;
    }

    .portfolio-text-wrapper.responsive-display-off {
        margin-top: 60vh;
    }

    .portfolio-big-text {
        height: 300px;
    }

    .portfolio-gallery-main {
        gap: 130px;
    }

    .portfolio-gallery-one.margin-bottom-two {
        margin-bottom: 30px;
    }

    .portfolio-gallery-one.margin-bottom {
        margin-bottom: 60px;
    }

    .home-three-image-round.change-background-color {
        background-color: rgb(137, 112, 97);
    }

    .team-details-hero-section {
        padding-top: 600px;
    }

    .team-hero-large-text {
        top: 350px;
        right: 10%;
    }

    .team-social-media-link-block {
        left: -250px;
    }

    .marque-main {
        z-index: 1;
        position: relative;
    }

    .landing-page-hero {
        padding-bottom: 184px;
    }

    .landing-hero-image-five {
        display: block;
        position: absolute;
        inset: 20% auto auto 5%;
    }

    .landing-page-hero-heading {
        padding-bottom: 100px;
    }

    .landing-hero-image-six {
        z-index: 11;
        display: block;
        position: absolute;
        inset: auto auto 45% 10%;
    }

    .landing-hero-image-seven {
        display: block;
        position: absolute;
        inset: auto auto 38% -2%;
    }

    .landing-hero-image-two {
        display: block;
        top: 45%;
        right: -3%;
    }

    .landing-hero-image-three {
        display: block;
        position: absolute;
        inset: auto auto 3% 5%;
    }

    .landing-hero-image-four {
        z-index: 111;
        display: block;
        position: absolute;
        inset: auto 18% 0% auto;
    }

    .landing-hero-image-one {
        display: block;
        top: 13%;
        right: -2%;
    }

    .contact-two-popup {
        width: 56px;
        height: 56px;
        bottom: 170px;
        right: 5%;
    }

    .contact-two-cross {
        background-color: rgb(137, 112, 97);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 56px;
        height: 56px;
        display: flex;
    }

    .about-one-light-wrapper {
        display: flex;
        right: -5%;
    }

    .about-one-ray-main {
        margin-top: -50px;
        overflow: hidden;
    }

    .portfolio-top-head {
        padding-bottom: 30px;
    }

    .landing-page-home-wrapper {
        gap: 100px;
    }

    .landing-page-all-wrapper {
        gap: 30px 100px;
    }

    .big-number-text {
        margin-bottom: -15px;
        font-size: 100px;
        line-height: 100px;
    }

    .blog-three-main-item {
        position: relative;
    }

    .contact-three-form-text {
        padding-left: 120px;
    }

    .pricing-item-main {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 40px;
        line-height: 44px;
    }

    h2 {
        font-size: 30px;
        line-height: 34.2px;
    }

    h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .big-container.change-sizing {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .big-container.change-border-updown {
        border-bottom-width: 0px;
    }

    .big-container.change-position {
        position: static;
    }

    .big-container.change-sizing {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-one-wrapper {
        padding-bottom: 20px;
    }

    .nav-one {
        background-color: rgb(39, 50, 58);
        padding-top: 20px;
        top: 0px;
    }

    .home-one-hero-bottom-text {
        gap: 0px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .auto-fit.responsive-image-full-width {
        width: 100%;
        height: 100%;
    }

    .auto-fit.image-full-width.portfolio-two, .auto-fit.image-full-width.portfolio-four, .auto-fit.image-full-width.portfolio-three {
        position: relative;
    }

    .auto-fit.one.rsponsive-image-full-width, .auto-fit.image-effect-height {
        width: 100%;
        height: 100%;
    }

    .home-one-about-left {
        flex: 0 1 auto;
        width: 100%;
    }

    .home-one-hero-right {
        display: none;
    }

    .home-one-hero-sub-heading.responsive-change-display {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .home-one-service-left {
        justify-content: flex-start;
        align-items: flex-start;
        padding-right: 0px;
    }

    .home-one-about-content-paragraph {
        max-width: 450px;
    }

    .home-one-about-big-text-wrapper {
        height: auto;
        padding-bottom: 20px;
        position: static;
    }

    .home-one-big-text {
        font-size: 80px;
        line-height: 100px;
    }

    .home-one-big-text.change-size-two {
        font-size: 120px;
    }

    .home-one-big-text.change-size-two.desktop-display-off, .home-one-big-text.change-size.desktop-display-off {
        display: block;
    }

    .home-one-big-text.change-align, .home-one-big-text.change-align-right {
        line-height: 80px;
    }

    .home-one-hero-top-text {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .home-one-about {
        height: 40vh;
        position: static;
    }

    .home-one-hero-paragraph {
        max-width: 100%;
    }

    .subheading-text.change-color-black.no-break, .subheading-text.text-no-wrap, .subheading-text.text-no-wrap {
        white-space: nowrap;
    }

    .main-container.position-sticky {
        position: static;
    }

    .home-one-service-line, .home-one-about-right {
        display: none;
    }

    .change-padding.change-font-style {
        letter-spacing: 0px;
        font-size: 20px;
        line-height: 30px;
    }

    .change-padding.change-color-black.change-line-height {
        line-height: 30px;
    }

    .change-padding.responsive-change-display {
        text-align: center;
    }

    .change-padding.change-align {
        text-align: left;
    }

    .change-padding.align-right.responsive-align-center {
        text-align: center;
    }

    .home-one-hero-small-image {
        width: 100%;
    }

    .home-one-hero-bottom-left {
        padding-bottom: 20px;
    }

    .home-one-service-right {
        margin-bottom: 40px;
    }

    .home-one-service-right.display-off {
        display: block;
    }

    .home-one-about-content {
        max-width: 100%;
    }

    .home-one-hero-left-main {
        padding-bottom: 70px;
    }

    .home-one-hero-background-image.change-position, .home-one-hero-line {
        display: none;
    }

    .home-one-hero {
        height: auto;
        position: relative;
    }

    .home-one-service-left-item {
        margin-top: 0px;
    }

    .home-one-hero-left-content {
        gap: 30px;
        flex: 0 1 auto;
        width: 100%;
        max-width: 100%;
    }

    .home-one-service {
        height: auto;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .home-one-service-paragraph {
        max-width: 100%;
    }

    .home-one-service-wrapper {
        flex-flow: column;
    }

    .home-one-hero-heading {
        max-width: 100%;
    }

    .home-one-hero-left {
        flex: 0 1 auto;
        width: 100%;
    }

    .home-one-process-paragraph-main, .home-one-product-heading {
        max-width: 100%;
    }

    .home-one-product-wrapper {
        width: 100%;
    }

    .home-one-product-item {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home-one-product-left-wrapper {
        width: 100%;
    }

    .home-one-process-right {
        gap: 30px;
    }

    .heading-four.change-align.resonsive-align-chnage {
        text-align: right;
    }

    .home-one-process-left {
        padding: 40px 20px;
    }

    .home-one-process-big-text.chnage-style {
        padding-top: 20px;
    }

    .home-one-product-left {
        width: 100%;
        padding-bottom: 0px;
    }

    .home-one-interior {
        height: 80vh;
        padding-bottom: 70px;
        position: static;
    }

    .home-one-process-right-bar {
        max-width: 100%;
    }

    .home-one-product {
        height: auto;
        padding-top: 70px;
        padding-bottom: 40px;
        padding-right: 15px;
        position: relative;
    }

    .home-one-product-merquee {
        gap: 16px;
        flex: 0 1 auto;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        display: grid;
    }

    .home-one-product-merquee.display-off {
        display: none;
    }

    .home-one-business-accordian-paragraph {
        max-width: 100%;
    }

    .home-one-product-text-wrapper {
        flex: 0 1 auto;
        width: 100%;
        max-width: 100%;
    }

    .interior-text.change-size {
        margin-top: 0px;
    }

    .home-one-process-image-main {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .home-one-process {
        padding-top: 0px;
        padding-bottom: 70px;
        position: static;
    }

    .home-one-product-right {
        width: 100%;
        margin-left: 0px;
    }

    .home-one-interior-text-wrapper {
        display: none;
    }

    .home-one-process-paragraph {
        max-width: 100%;
    }

    .home-one-process-main {
        gap: 40px;
        flex-flow: column;
    }

    .home-one-product-main {
        gap: 20px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .home-one-work-heading-wrapper {
        padding-top: 15px;
        padding-left: 15px;
    }

    .home-one-work-image-wrapper {
        height: 50vh;
    }

    .home-one-work {
        padding-top: 0px;
        padding-bottom: 70px;
        position: relative;
    }

    .home-one-city-vedio {
        z-index: 1;
        height: 500px;
        position: relative;
    }

    .home-one-background-vedio {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .home-one-vedio-text {
        display: block;
        position: static;
        transform: none;
    }

    .home-one-vedio-text-line {
        display: none;
    }

    .home-one-testiminial-wrapper {
        flex-flow: column;
    }

    .home-one-testimonial-heading {
        width: auto;
        height: auto;
        position: static;
        transform: none;
    }

    .home-one-testimonial-top {
        border-bottom-width: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-one-testimonial-text {
        gap: 40px;
        flex: 0 1 auto;
        width: 100%;
    }

    .home-one-testimonial-image {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-one-testimonial {
        height: auto;
        padding-top: 30px;
        padding-bottom: 70px;
        position: relative;
    }

    .home-one-testimonial-main-heading, .home-one-testimonial-paragraph {
        max-width: 100%;
    }

    .home-one-testimonial-bottom {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-one-testimonial-main {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-left: 0px;
    }

    .home-one-promotion-wrapper {
        gap: 40px;
        border-top-width: 0px;
        border-bottom-width: 0px;
        flex-flow: column;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-one-promotion-image {
        height: auto;
    }

    .home-one-promotion-item {
        border-right-width: 0px;
        padding: 0px;
    }

    .home-one-promotion-item-heading {
        max-width: 100%;
    }

    .home-one-promotion {
        padding-top: 70px;
        padding-bottom: 70px;
        position: relative;
    }

    .footer-one {
        height: auto;
        padding-top: 60px;
        position: relative;
    }

    .footer-one.footer-three {
        padding-top: 60px;
    }

    .footer-one-main-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .footer-one-link-wrapper {
        gap: 20px;
        border-right-width: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .footer-one-left-heading {
        max-width: 100%;
    }

    .merquee-text {
        padding-right: 60px;
        font-size: 80px;
        line-height: 80px;
    }

    .footer-one-merquee {
        padding-bottom: 40px;
    }

    .footer-one-main-paragraph {
        max-width: 100%;
    }

    .footer-one-bottom-link-wrapper {
        gap: 15px;
        flex-flow: column;
    }

    .footer-one-left, .footer-one-paragraph {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-one-work-main-image-wrapper {
        height: 100%;
    }

    .nav-arrow {
        display: none;
    }

    .black-nav-arrow {
        display: block;
    }

    .home-two-hero-main {
        padding-top: 120px;
    }

    .menu-font {
        color: rgb(19, 32, 53);
    }

    .menu-font.responsive-color-chnage {
        color: var(--white);
    }

    .dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .home-two-hero-text {
        font-size: 100px;
        line-height: 100px;
    }

    .nav-two-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }

    .home-two-hero-paragraph.overflow-hidden {
        max-width: 600px;
    }

    .home-two-hero-heading.overflow-hidden {
        max-width: 100%;
    }

    .responsive-burger-menu-navbar {
        background-color: rgb(255, 255, 255);
    }

    .responsive-burger-menu-navbar.border-radius-ten {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .home-two-email-wrapper {
        display: none;
    }

    .nav-two {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home-two-hero {
        height: 70vh;
        position: static;
    }

    .home-two-about-wrapper {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .home-two-about-link-wrapper {
        z-index: 111;
        padding-bottom: 40px;
        position: relative;
    }

    .home-two-about-paragraph {
        max-width: 100%;
    }

    .home-two-about-line {
        display: none;
    }

    .home-two-about {
        padding-bottom: 70px;
    }

    .home-two-work-item {
        background-color: rgba(239, 217, 204, 0);
        border-left-width: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 40px 0px;
    }

    .home-two-work-line, .home-two-work-line.chnage-color-light {
        display: none;
    }

    .home-two-work-main-wrapper {
        gap: 30px;
        flex-flow: column;
        padding-top: 40px;
    }

    .home-two-work {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .home-two-work-item-paragraph {
        max-width: 100%;
    }

    .outline-number.chnage-color.hover-number {
        display: none;
    }

    .home-two-work-link {
        padding-bottom: 40px;
    }

    .home-two-product {
        padding-top: 70px;
    }

    .home-two-product-heading {
        max-width: 100%;
        padding-bottom: 40px;
    }

    .home-two-product-link-wrapper {
        padding-bottom: 70px;
    }

    .home-two-logo {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .home-two-story-left-image-two.change-position {
        margin-right: 0px;
    }

    .home-two-story-heading {
        max-width: 100%;
    }

    .home-two-story {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .counter-box.big-counter {
        height: 60px;
    }

    .home-two-story-wrapper {
        gap: 60px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 60px;
    }

    .counter-text {
        font-size: 50px;
        line-height: 60px;
    }

    .home-two-story-paragraph {
        max-width: 100%;
    }

    .home-two-story-image-caption {
        display: none;
    }

    .home-two-process-item-paragraph {
        max-width: 100%;
    }

    .heading-two {
        font-size: 30px;
        line-height: 34.2px;
    }

    .home-two-process-heading {
        padding-bottom: 40px;
    }

    .home-two-process-wrapper {
        gap: 40px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .home-two-process-item {
        gap: 10px;
    }

    .home-two-process {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .home-two-success-main-text-wrapper {
        position: static;
    }

    .home-two-success-main-text-wrapper.change-position {
        padding-top: 0px;
    }

    .home-two-success-text-image {
        display: none;
    }

    .home-two-success-paragraph {
        max-width: 100%;
    }

    .home-two-success {
        padding-bottom: 70px;
    }

    .home-two-success-wrapper {
        gap: 40px;
        flex-flow: column;
    }

    .home-two-service-text-item {
        border-bottom: 1px solid rgba(220, 197, 183, 0.2);
        padding-top: 40px;
        padding-right: 20px;
    }

    .heading-three {
        font-size: 24px;
        line-height: 34px;
    }

    .home-two-service-text-wrapper {
        gap: 0px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
        position: relative;
    }

    .home-two-service-image-wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .number-wrapper {
        bottom: -32%;
        left: 35%;
    }

    .number-wrapper.chnage-position {
        bottom: -32%;
        right: 35%;
    }

    .home-two-testimonial {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .testimonial-text {
        font-size: 18px;
        line-height: 25px;
    }

    .home-two-testimonial-left-arrow {
        left: 38%;
    }

    .home-two-testimonial-left-arrow.right-arrow {
        right: 38%;
    }

    .home-two-news-heading {
        padding-bottom: 40px;
    }

    .home-two-news-wrapper {
        flex-flow: column;
    }

    .medium-heading-new {
        font-size: 60px;
    }

    .home-two-news {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .footer-two-link {
        gap: 40px;
        justify-content: flex-start;
    }

    .footer-two-paragraph {
        max-width: 100%;
        padding-bottom: 40px;
    }

    .footer-two-heading {
        max-width: 100%;
    }

    .home-two-footer-wrapper {
        gap: 40px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-bottom: 40px;
        display: grid;
    }

    .footer-two {
        padding-top: 60px;
    }

    .responsive-menu-button {
        padding: 0px;
    }

    .responsive-menu-button.w--open {
        background-color: rgba(200, 200, 200, 0);
    }

    .menu-button-new {
        padding: 18px 15px;
    }

    .menu-button-new.w--open {
        background-color: rgba(200, 200, 200, 0);
    }

    .menu-button-line {
        background-color: rgb(255, 255, 255);
        width: 21.28px;
        height: 2px;
        margin-bottom: 6px;
        padding: 0px;
    }

    .menu-button-line.middile-line {
        margin-bottom: 0px;
    }

    .home-three-work-text {
        width: 100%;
    }

    .home-three-work-image-one {
        flex: 1 1 0%;
    }

    .home-three-work-image-left {
        gap: 30px;
        align-items: stretch;
        margin-top: 0px;
    }

    .home-three-work-image-two {
        flex: 1 1 0%;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .home-three-work {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .home-three-work-wrapper {
        gap: 60px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .home-three-work-accordian {
        width: 100%;
    }

    .home-three-work-image-right {
        display: none;
    }

    .home-three-tag {
        padding-bottom: 20px;
    }

    .home-three-image-one {
        flex: 0 1 auto;
        height: 60vh;
    }

    .home-three-image-main-wrapper {
        flex-flow: column;
    }

    .home-three-experience {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .home-three-story-paragraph {
        max-width: 100%;
    }

    .home-three-story-wrapper {
        gap: 40px;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .home-three-story-caption {
        display: none;
    }

    .home-three-story {
        padding-bottom: 70px;
    }

    .home-three-story-heading {
        max-width: 100%;
    }

    .home-three-project {
        padding-bottom: 70px;
    }

    .home-three-slide {
        height: auto;
        padding-right: 15px;
    }

    .home-three-slide-wrapper {
        position: relative;
        top: 0px;
    }

    .home-three-slide-main {
        gap: 16px;
        flex: 0 1 auto;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        display: grid;
    }

    .home-three-slide-image {
        width: auto;
        padding-right: 0px;
    }

    .home-three-process-paragraph {
        max-width: 100%;
        padding-top: 0px;
    }

    .home-three-process-item {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .home-three-process-item-paragraph {
        max-width: 100%;
    }

    .home-three-process {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .responsive-change-display {
        text-align: center;
    }

    .responsive-display-off {
        display: none;
    }

    .home-three-process-left-heading {
        max-width: 100%;
    }

    .home-three-process-wrapper {
        gap: 40px;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 40px;
    }

    .home-three-process-main-wrapper {
        gap: 10px;
        flex-flow: column;
    }

    .home-three-background-interior-vedio {
        padding-bottom: 40px;
    }

    .home-three-interior-line {
        display: none;
    }

    .home-three-interior {
        height: 80vh;
    }

    .nav-three-main-wrapper {
        border-bottom-width: 0px;
    }

    .home-two-image-overlay {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    }

    .home-two-effect-lower-part {
        display: none;
    }

    .home-two-effect-wrapper {
        flex-flow: column;
    }

    .home-two-effect {
        height: auto;
        position: static;
    }

    .effect-big-text.text-two {
        opacity: 1;
    }

    .home-two-vedio-effect {
        height: auto;
    }

    .home-two-vedio {
        height: 80vh;
        display: block;
    }

    .mouse-cursor {
        display: none;
    }

    .home-two-product-main-item {
        width: auto;
        height: 100%;
        padding-right: 0px;
    }

    .home-two-product-item-image {
        height: 100%;
    }

    .home-two-product-merquee {
        gap: 16px;
        flex: 0 1 auto;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .home-two-product-item-text-wrapper {
        justify-content: flex-start;
        align-items: flex-end;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-two-product-item-text-wrapper.change-background-color {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-two-product-merquee-item {
        height: 100%;
    }

    .home-two-big-text-wrapper {
        height: auto;
    }

    .nav-link {
        gap: 20px;
    }

    .home-one-about-big-text-main-wrapper {
        height: auto;
        position: static;
    }

    .about-one-hero-heading {
        z-index: 111;
        padding-top: 140px;
    }

    .about-one-hero-line {
        display: none;
    }

    .about-one-hero-big-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/about-us-ekaya-realty.jpg");
        background-position: 0px 0px, 50% center;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        padding-left: 15px;
        padding-right: 15px;
        transform: none;
    }

    .about-one-hero {
        height: 80vh;
    }

    .about-one-hero-image-main, .about-one-feature-line-new {
        display: none;
    }

    .about-one-feature-wrapper {
        flex-flow: column;
    }

    .about-one-feature-right-heading {
        max-width: 100%;
    }

    .about-two-feature {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-one-feature-line-two {
        display: none;
    }

    .about-one-feature-right-main {
        padding-top: 0px;
    }

    .about-one-feature-line-new-three {
        display: none;
    }

    .about-one-feature-right-paragraph {
        max-width: 100%;
    }

    .about-one-work-main {
        width: 100%;
    }

    .about-one-work-heading {
        max-width: 100%;
        padding-bottom: 0px;
    }

    .about-one-work-right-line {
        display: none;
    }

    .about-one-work-left, .about-one-work-item {
        width: 100%;
    }

    .about-one-work-wrapper {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .about-one-work {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-one-work-main-wrapper {
        border-top-width: 0px;
        border-bottom-width: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .about-one-work-item-details {
        max-width: 100%;
    }

    .about-one-interior-lamp-new {
        right: 0%;
        top: -16px;
    }

    .home-one-interior-image {
        margin-top: 40px;
    }

    .about-one-interior-heading-one {
        padding-bottom: 0px;
    }

    .home-one-interior-heading {
        padding-bottom: 60px;
    }

    .about-one-process {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .process-heading {
        font-size: 60px;
    }

    .home-one-process-item-details {
        max-width: 100%;
    }

    .about-one-process-heading {
        max-width: 100%;
        padding-bottom: 40px;
    }

    .about-one-process-item {
        border-bottom: 1px solid rgba(39, 50, 58, 0.2);
        border-right-width: 0px;
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-one-process-wrapper {
        gap: 30px;
        border-top-width: 0px;
        border-bottom-width: 0px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        align-items: center;
        padding-top: 0px;
        padding-bottom: 0px;
        display: flex;
    }

    .about-one-service-left {
        width: 100%;
        position: static;
    }

    .about-one-service-wrapper {
        border-top-width: 0px;
        flex-flow: column;
        padding-top: 0px;
    }

    .about-one-service {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-one-service-line {
        display: none;
        position: static;
    }

    .about-one-service-heading {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .about-one-service-paragraph {
        max-width: 100%;
        padding-top: 20px;
    }

    .home-one-blury-background {
        display: none;
    }

    .home-two-text-wrapper {
        position: static;
    }

    .about-two-hero-text-wrapper {
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-two-hero-image {
        padding-top: 0px;
    }

    .about-two-hero-main-image {
        width: 100%;
        height: 100%;
    }

    .about-two-hero {
        width: 100%;
        height: 80vh;
        overflow: hidden;
    }

    .about-two-hero-wrapper {
        flex-flow: column;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        position: relative;
    }

    .about-two-hero-heading {
        z-index: 11;
        position: relative;
    }

    .about-two-review-heading {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .about-two-review-wrapper {
        gap: 30px;
        flex-flow: column;
    }

    .about-two-review {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-two-review-paragraph {
        max-width: 100%;
    }

    .about-two-about-wrapper {
        flex-flow: column;
    }

    .about-two-about-line {
        display: none;
    }

    .about-two-about-details {
        max-width: 100%;
    }

    .about-two-left-image-thumbnail {
        display: none;
    }

    .about-two-about-left {
        gap: 20px;
        align-items: stretch;
        margin-top: 0px;
    }

    .counter-text-new {
        font-size: 50px;
        line-height: 60px;
    }

    .about-two-about-right-image {
        margin-left: 0px;
    }

    .about-two-about-merquee-wrapper {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .about-two-left-image-wrapper {
        margin-top: 0px;
        margin-left: 0px;
    }

    .about-two-about {
        padding-top: 70px;
    }

    .about-two-about-left-wrapper {
        gap: 30px;
        flex-flow: column;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .about-two-about-heading {
        max-width: 100%;
    }

    .about-two-service {
        padding: 70px 15px;
    }

    .about-two-work-wrapper {
        gap: 40px;
    }

    .about-two-work {
        padding-bottom: 60px;
    }

    .number-font {
        font-size: 80px;
    }

    .about-two-project-item {
        width: auto;
        height: 80vh;
        overflow: hidden;
    }

    .about-two-project-item.two {
        width: auto;
    }

    .about-two-project-wrapper {
        flex-flow: column;
    }

    .about-two-project-text {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-two-project-details {
        width: 100%;
        max-width: 100%;
    }

    .about-two-purpose-wrapper {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .about-two-purpose-heading {
        max-width: 100%;
    }

    .about-two-purpose-right {
        gap: 20px;
        flex-flow: column;
        justify-content: space-between;
        width: 100%;
        padding-right: 0px;
    }

    .about-two-purpose-left-image, .about-two-purpose-right-image {
        width: 100%;
    }

    .about-two-purpose {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-two-purpose-paragraph {
        max-width: 100%;
    }

    .about-two-purpose-thambnail {
        display: none;
    }

    .about-two-purpose-right-wrapper {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .about-two-hero-big-heading-main {
        padding-bottom: 10px;
    }

    .service-one-hero, .contact-three-hero-wrapper {
        height: 80vh;
    }

    .service-one-work-item-details {
        max-width: 100%;
    }

    .service-one-work-main {
        padding-top: 70px;
    }

    .service-one-work-wrapper {
        gap: 40px;
        flex-flow: column;
    }

    .service-one-work {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .service-one-work-heading {
        max-width: 100%;
    }

    .service-one-service-top-text {
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        padding-bottom: 20px;
    }

    .service-one-service {
        display: none;
    }

    .service-one-service-paragraph, .service-one-service-item-heading {
        max-width: 100%;
    }

    .change-align {
        text-align: left;
    }

    .service-one-service-responsive {
        gap: 30px;
        flex-flow: column;
        padding: 70px 15px 60px;
        display: flex;
    }

    .service-one-service-item {
        gap: 20px;
        flex-flow: column;
        justify-content: space-between;
        display: flex;
    }

    .service-one-project-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .service-one-project-paragraph {
        padding-bottom: 30px;
    }

    .service-one-project {
        padding: 70px 15px;
    }

    .service-one-project-main-wrapper {
        gap: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .project-big-heading, .project-big-heading.change-style {
        font-size: 80px;
        line-height: 80px;
    }

    .service-one-plan-wrapper {
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .responsive-heading {
        display: block;
    }

    .service-two-hero {
        padding-top: 120px;
    }

    .service-two-hero-heading {
        display: none;
    }

    .service-two-about {
        padding-top: 70px;
        padding-bottom: 0px;
    }

    .service-two-service {
        padding-bottom: 60px;
    }

    .service-two-service-small-image {
        bottom: 0%;
        right: 10%;
    }

    .service-two-service-paragraph, .service-two-service-heading {
        max-width: 100%;
    }

    .service-two-service-wrapper {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 70px;
    }

    .service-two-development {
        padding-bottom: 70px;
    }

    .service-two-development-item {
        padding-right: 20px;
    }

    .service-two-work-heading, .service-two-work-details {
        max-width: 100%;
    }

    .service-two-work-slider-main-wrapper {
        padding-top: 70px;
        padding-bottom: 70px;
        position: relative;
    }

    .service-two-work-main {
        gap: 30px;
        flex-flow: column;
    }

    .service-two-work {
        height: auto;
    }

    .service-two-work-image {
        position: absolute;
    }

    .service-two-work-right {
        flex: 0 1 auto;
        width: 100%;
        margin-right: 0px;
    }

    .service-two-project-heading {
        padding-bottom: 20px;
    }

    .service-two-project-main {
        margin-top: 0px;
    }

    .service-two-project-paragraph {
        max-width: 100%;
        padding-bottom: 30px;
    }

    .service-two-project {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .contact-one-hero {
        padding-top: 160px;
    }

    .contact-one-contact-wrapper {
        gap: 40px;
    }

    .contact-one-contact {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .contact-two-form {
        inset: auto auto 30vh;
    }

    .contact-two-hero {
        padding-bottom: 140px;
    }

    .blog-post-item-image {
        height: 60vh;
    }

    .blog-one-main-left {
        gap: 25px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
    }

    .blog-heading-text {
        font-size: 80px;
        line-height: 70px;
    }

    .blog-one-hero {
        padding-top: 160px;
        padding-bottom: 70px;
    }

    .blog-one-post-item-text {
        min-height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .blog-one-post-item-text.change-color-orange {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .blog-one-post-item-text.change-orange-color.change-height {
        min-height: auto;
    }

    .blog-one-blog-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .blog-one-main {
        flex-flow: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
    }

    .blog-post-heading {
        max-width: 100%;
    }

    .blog-one-post-item {
        gap: 40px;
    }

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

    .blog-two-blog-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .blog-details-founder-text {
        max-width: 100%;
    }

    .blog-details-image {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .blog-details-fouder-right {
        padding-top: 40px;
    }

    .blog-details-founder-details {
        max-width: 100%;
    }

    .blog-details-founder-main {
        flex-flow: column;
    }

    .blog-details-line {
        height: 90px;
    }

    .blog-details-founder-wrapper {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .blog-detailds-founder-bottom {
        max-width: 100%;
    }

    .blog-details-main {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .blog-details-pagination-heading-item {
        max-width: 330px;
    }

    .blog-details-pagination {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .blog-details-main-paragraph {
        padding-top: 10px;
    }

    .blog-details-pagination-heading-wrapper-two {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pricing-one-hero {
        padding-top: 120px;
        padding-bottom: 70px;
    }

    .pricing-one-hero.change-pricing-hero-image {
        padding-top: 170px;
    }

    .pricing-one-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .priving-one-image-wrapper {
        width: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .change-color-grey.padding-top {
        margin-top: 10px;
    }

    .pricing-one-item-price {
        justify-content: flex-start;
        align-items: center;
    }

    .pricing-one-item, .pricing-item-commercial, .pricing-one-item-paragraph {
        max-width: 100%;
    }

    .pricing-one-main-wrapper {
        flex-flow: column;
    }

    .pricing-one-question-details {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .pricing-one-qustion-left {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .pricing-one-question-wrapper {
        gap: 40px;
        flex-flow: column;
    }

    .pricing-one-question {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .pricing-two-toogle {
        max-width: 100%;
    }

    .pricing-two-access {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .faq-hero {
        padding-top: 120px;
        padding-bottom: 70px;
    }

    .faq-hero.change-faq-banner {
        padding-top: 140px;
    }

    .faq-main-paragraph {
        padding-bottom: 40px;
    }

    .faq-main {
        padding-top: 65px;
        padding-bottom: 70px;
    }

    .faq-main-left {
        width: 100%;
        max-width: 100%;
    }

    .faq-main-wrapper {
        gap: 40px;
        flex-flow: column;
    }

    .portfolio-hero {
        height: auto;
    }

    .heading-one {
        font-size: 40px;
        line-height: 44px;
    }

    .portfolio-text-wrapper {
        padding-bottom: 40px;
    }

    .portfolio-text-wrapper.desktop-off {
        display: flex;
    }

    .portfolio-big-text {
        height: auto;
    }

    .portfolio-hero-image-one {
        height: 60vh;
        position: relative;
    }

    .portfolio-hero-main {
        height: auto;
    }

    .portfolio-gallery-right {
        gap: 40px;
    }

    .portfolio-gallery-heading {
        padding-bottom: 40px;
    }

    .portfolio-gallery-left {
        gap: 40px;
    }

    .portfolio-gallery {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .team-one-hero {
        padding-top: 120px;
        padding-bottom: 70px;
    }

    .team-one-hero.change-faq-banner {
        padding-top: 140px;
    }

    .team-main-wrapper {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .team-member-item-main {
        flex-flow: row-reverse;
    }

    .team-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .team-member-item-top {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0px 0px 35px 30px;
    }

    .team-member-item-bottom {
        padding-bottom: 20px;
    }

    .team-member-item-details-wrapper {
        background-color: rgba(26, 34, 39, 0);
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(26, 34, 39, 0.9) 84%);
        flex-flow: column-reverse wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .home-three-hero-main-heading {
        max-width: 100%;
    }

    .home-three-hero-main-heading.overflow-hidden {
        padding-bottom: 10px;
    }

    .home-three-background-vedio {
        height: 450px;
    }

    .home-three-hero-main-text-wrapper {
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        padding: 20px 15px 50px;
        position: relative;
    }

    .home-three-hero-main-text-wrapper.chnage-bottom-padding {
        padding-bottom: 40px;
    }

    .home-three-hero-paragraph {
        max-width: 100%;
    }

    .home-three-hero-left-image {
        border-radius: 0%;
        width: 100%;
        height: 100%;
    }

    .home-three-hero-text-main-wrapper {
        flex-flow: column;
        flex: 1 1 0%;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        margin-left: 0px;
        margin-right: auto;
        display: flex;
    }

    .home-three-hero-text-main-wrapper.change-direction {
        max-width: 100%;
    }

    .home-three-hero {
        height: auto;
        padding: 100px 15px 70px;
    }

    .home-three-line {
        display: none;
    }

    .home-three-image-round {
        height: auto;
    }

    .home-three-hero-text-big-wrapper {
        width: 100%;
    }

    .home-three-hero-wrapper {
        gap: 30px;
        flex-flow: column;
    }

    .portfolio-details-hero {
        padding-top: 160px;
    }

    .before-wrapper {
        display: none;
    }

    .portfolio-details-hero-wrapper {
        gap: 30px;
        flex-flow: column;
    }

    .portfolio-details-hero-right {
        row-gap: 40px;
    }

    .portfolio-details-hero-paragraph {
        max-width: 100%;
    }

    .devider-line-main {
        display: none;
    }

    .team-details-hero-section {
        padding-top: 150px;
        padding-bottom: 86px;
    }

    .team-hero-large-text {
        font-size: 160px;
        line-height: 160px;
        top: 20px;
    }

    .team-social-media-link-block {
        bottom: 14%;
        left: -189px;
    }

    .team-details-marquee-section {
        padding-bottom: 42px;
    }

    .team-about-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .counter-box-2.team-counter {
        position: static;
        transform: none;
    }

    .team-about-card-box {
        margin-left: 0px;
        padding-top: 20px;
    }

    .team-about-wrap {
        gap: 30px;
        flex-flow: column;
    }

    .team-about-heading {
        margin-left: 0px;
        padding-bottom: 0px;
    }

    .flex-block {
        margin-left: 0px;
    }

    .team-about-heading-block {
        padding-left: 0px;
    }

    .team-about-paragraph {
        margin-top: 26px;
        margin-left: 0px;
    }

    .team-about-card {
        gap: 24px;
        flex-flow: column;
    }

    .team-about-heading-line {
        display: none;
    }

    .home-two-product-main-wrapper {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-two-product-main-wrapper.change-left-right-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .heading-three-new {
        font-size: 24px;
        line-height: 34px;
    }

    .mega-menu-main {
        padding-top: 100px;
    }

    .menu-social-block {
        display: none;
    }

    .menu-list-block {
        width: 100%;
        padding-top: 60px;
        padding-right: 0px;
    }

    .header-menu-bar-background-text {
        font-size: 300px;
    }

    .menu-get-in-touch-contact-card {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .menu-center-line {
        display: none;
    }

    .heading-three-modified {
        font-size: 34px;
        line-height: 34px;
    }

    .landing-page-hero {
        padding-top: 165px;
        padding-bottom: 70px;
    }

    .landing-page-hero-heading {
        padding-bottom: 40px;
    }

    .landing-page-home {
        padding-top: 20px;
        padding-bottom: 70px;
    }

    .landing-page-home-details {
        padding-bottom: 20px;
    }

    .heading-big-text {
        font-size: 100px;
    }

    .landing-page-figma {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .landing-all-page-image-marquee-wrap {
        max-height: 250px;
    }

    .landing-page-tab-menu {
        gap: 0px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex;
    }

    .landing-inner-page {
        padding-top: 40px;
        padding-bottom: 70px;
    }

    .landing-tab-contain-block {
        gap: 20px;
    }

    .landing-tab-contain-block.chnage-style {
        gap: 30px;
        flex-flow: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .landing-feature-item {
        width: 100%;
        max-width: 100%;
    }

    .landing-feature-main {
        flex-flow: column;
    }

    .landing-feature {
        padding-top: 40px;
        padding-bottom: 70px;
    }

    .landing-feature-item-details {
        max-width: 100%;
    }

    .landing-main-details {
        padding-top: 70px;
    }

    .landing-main-details-text {
        max-width: 350px;
    }

    .landing-main-details-text.overflow-hidden {
        max-width: 500px;
    }

    .footer-one-top-block {
        gap: 30px;
        padding-bottom: 60px;
    }

    .sticky-circle.footer-one-right-button-block {
        margin-right: 0px;
    }

    .responsive-align-center {
        text-align: center;
    }

    .license-hero-main {
        padding-top: 40px;
    }

    .licensing-hero {
        padding-top: 100px;
        padding-bottom: 70px;
    }

    .licencing-image-grid {
        grid-template-columns: 1fr 1fr;
    }

    .licencing-section {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .changelog-section {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .style-guied-color {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .style-guied-color-option {
        gap: 60px;
    }

    .home-one-accordean-wrapper {
        width: 100%;
    }

    .home-three-hero-inner {
        flex-flow: column;
    }

    .home-three-hero-banner-left {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
    }

    .home-three-hero-banner-middle {
        position: static;
    }

    .home-three-banner-vedio {
        border-radius: 0px;
        height: 60vh;
        transform: none;
    }

    .image {
        border-radius: 0px;
        transform: none;
    }

    .home-two-hero-main-text {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100%;
    }

    .merquee-wrapper {
        display: none;
    }

    .contact-two-popup {
        top: 60px;
    }

    .contact-form-main {
        padding-left: 15px;
        padding-right: 15px;
    }

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

    .landing-page-home-wrapper {
        flex-flow: column;
    }

    .landing-page-all-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .about-three-hero {
        height: 80vh;
        transform: none;
    }

    .about-three-expert {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .about-three-project {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-three-project-wrapper {
        gap: 30px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .about-three-rating {
        padding-bottom: 70px;
    }

    .about-three-rating-wrapper {
        flex-flow: column;
    }

    .about-three-work-details {
        padding-bottom: 20px;
    }

    .blog-three-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .blog-three-main-wrapper {
        flex-flow: column;
    }

    .blog-three-main-item {
        max-width: 100%;
    }

    .blog-three-main-image {
        width: 100%;
    }

    .blog-three-image-text {
        padding-left: 20px;
    }

    .blog-three-main-top {
        flex-flow: column;
    }

    .contact-three-hero-wrapper, .contact-three-main {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .contact-three-form-text {
        padding-top: 70px;
        padding-bottom: 60px;
        padding-left: 15px;
    }

    .contact-three-form-text-main {
        max-width: 100%;
    }

    .pricing-three-main {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .pricing-three-paragraph {
        padding-bottom: 40px;
    }

    .pricing-item-wrapper {
        flex-flow: column;
    }

    .pricing-item-main {
        max-width: 100%;
    }

    .pricing-three-item-price-wrapper {
        gap: 20px;
    }

    .pricing-three-price {
        padding-bottom: 70px;
    }

    .about-three-hero-big {
        height: auto;
    }

    .about-hero-styky {
        position: static;
    }

    .popup-image {
        display: none;
    }

    .popup-big-image {
        width: 80vw;
    }

    .image-two, .image-three, .image-four {
        inset: auto;
    }

    .customization-cta {
        gap: 20px;
        text-align: center;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .landing-customization {
        padding-bottom: 60px;
    }

    .limited-offer {
        right: auto;
    }

    .customization-cta-description, .customize-cta-text {
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .nav-one-link-email.landskape-display-off, .button-font.landskape-display-off {
        display: none;
    }

    .auto-fit.about-image-dropshadow {
        box-shadow: none;
    }

    .auto-fit.landskape-image-full-width {
        width: 100%;
        height: 100%;
    }

    .home-one-hero-sub-heading.landskape-change-display {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .home-one-service-left {
        gap: 40px;
        flex-flow: column;
    }

    .home-one-big-text {
        font-size: 60px;
        line-height: 60px;
    }

    .home-one-big-text.change-size-two {
        font-size: 80px;
    }

    .home-one-service-image-two {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .change-padding.landskape-align-center {
        text-align: center;
    }

    .home-one-service-right {
        width: 100%;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .home-one-service-left-item {
        gap: 40px;
        flex-flow: column;
        margin-top: 0px;
    }

    .home-one-process-link-wrapper {
        gap: 15px;
        flex-flow: column;
    }

    .home-one-process-big-text.chnage-style {
        padding-top: 0px;
    }

    .home-one-product {
        padding-bottom: 30px;
    }

    .home-one-product-merquee {
        grid-template-columns: 1fr;
    }

    .home-one-process-image-main {
        padding-bottom: 0px;
    }

    .home-one-product-right {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-one-process-main-link-wrapper {
        border-left-width: 0px;
        margin-top: 0px;
        padding-left: 0px;
    }

    .home-one-work-item-wrapper {
        gap: 0px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: none;
    }

    .home-one-work-item-wrapper.lanndskape-display-on {
        display: grid;
    }

    .home-one-work-heading {
        max-width: 100%;
    }

    .home-one-work-main {
        gap: 40px;
        flex-flow: column-reverse;
        display: flex;
    }

    .home-one-work-item-heading {
        width: auto;
        height: auto;
        bottom: auto;
        right: auto;
        transform: none;
    }

    .home-one-work-item {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-right-width: 1px;
    }

    .home-one-work-heading-wrapper {
        padding-top: 0px;
        padding-left: 0px;
        position: static;
    }

    .home-one-work-image-wrapper {
        height: 80vh;
    }

    .home-one-work {
        padding-right: 15px;
    }

    .footer-one-main-wrapper {
        grid-template-columns: 1fr;
    }

    .footer-one-link-wrapper {
        border-left-width: 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 14px;
    }

    .footer-one-bottom-right {
        gap: 15px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }

    .footer-one-bottom-link-wrapper {
        align-items: self-start;
    }

    .footer-one-left {
        gap: 30px;
    }

    .home-two-hero-text {
        font-size: 60px;
        line-height: 70px;
    }

    .home-two-hero-paragraph.overflow-hidden {
        max-width: 100%;
    }

    .home-two-hero {
        height: 60vh;
    }

    .home-two-about-left-subheading {
        display: none;
    }

    .home-two-about-link-wrapper {
        gap: 15px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        display: flex;
    }

    .home-two-product-link-item {
        gap: 5px;
    }

    .home-two-product-link-wrapper, .home-two-product-link-wrapper.change-padding-bottom {
        gap: 5px;
        flex-flow: column;
    }

    .home-two-counter-wrapper {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .home-two-counter-item-paragraph {
        max-width: 100%;
    }

    .home-two-process-heading {
        justify-content: center;
        align-items: center;
        max-width: 100%;
        display: flex;
    }

    .home-two-process-main {
        justify-content: flex-start;
        align-items: center;
    }

    .home-two-process {
        padding-bottom: 70px;
    }

    .home-two-process-top {
        gap: 15px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-around;
        align-items: center;
    }

    .home-two-success-wrapper {
        gap: 40px;
        flex-flow: column;
    }

    .heading-three.change-font-size {
        font-size: 27px;
    }

    .home-two-service-text-wrapper {
        grid-template-columns: 1fr;
    }

    .number-wrapper {
        bottom: -19%;
        left: 25%;
    }

    .number-wrapper.chnage-position {
        bottom: -19%;
        right: 25%;
    }

    .home-two-testimonial-paragraph {
        max-width: 450px;
    }

    .home-two-testimonial-left-arrow {
        left: 30%;
    }

    .home-two-testimonial-left-arrow.right-arrow {
        right: 30%;
    }

    .medium-heading-new {
        font-size: 30px;
        line-height: 30px;
    }

    .w-dyn-list {
        margin: 0px;
    }

    .footer-two-link {
        gap: 20px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer-two-paragraph {
        padding-bottom: 30px;
    }

    .home-two-footer-wrapper {
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .home-three-work-image-left {
        flex-flow: column;
        width: 100%;
    }

    .home-three-work-image {
        width: 100%;
    }

    .home-three-image-paragraph {
        max-width: 100%;
    }

    .home-three-image-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-three-slide-main {
        grid-template-columns: 1fr;
    }

    .home-three-interior {
        height: 60vh;
    }

    .nav-three-menu-main {
        padding-right: 0px;
    }

    .home-two-effect-wrapper {
        height: auto;
    }

    .home-two-vedio {
        height: 40vh;
    }

    .home-two-product-merquee {
        grid-template-columns: 1fr;
    }

    .home-two-product-item-text-wrapper {
        justify-content: flex-start;
        align-items: flex-end;
    }

    .about-one-hero {
        height: 0vh;
    }

    .about-one-feature-bottom-text, .about-one-feature-line {
        display: none;
    }

    .about-one-feature-left-main {
        gap: 30px;
    }

    .about-one-feature-left {
        flex-flow: column;
        padding-top: 0px;
    }

    .about-one-feature-left-buttom {
        margin-top: 0px;
        margin-left: 0px;
    }

    .about-one-interior-heading {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .process-heading {
        font-size: 40px;
        line-height: 50px;
    }

    .about-two-work-item-details {
        max-width: 100%;
    }

    .about-two-work-heading {
        max-width: 100%;
    }

    .about-two-project-item {
        height: 60vh;
    }

    .about-two-hero-big-heading {
        height: auto;
    }

    .about-two-hero-big-heading-main {
        position: static;
    }

    .service-one-hero-heading {
        padding-bottom: 20px;
    }

    .service-one-hero-line, .service-one-project-line {
        display: none;
    }

    .service-one-project-main-wrapper {
        gap: 30px;
        grid-template-columns: 1fr;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .service-one-line-main {
        display: none;
    }

    .project-big-heading, .project-big-heading.change-style {
        font-size: 60px;
        line-height: 60px;
    }

    .service-one-plan-text-heading {
        height: auto;
        overflow: visible;
    }

    .service-one-plan-text-wrapper {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        position: absolute;
    }

    .service-one-plan-text-wrapper.wrapper-two.desktop-display-off {
        display: flex;
    }

    .service-one-plan-item {
    }

    .service-two-development {
        padding-bottom: 60px;
    }

    .service-two-development-main {
        gap: 20px;
        border-top-width: 0px;
        border-bottom-width: 0px;
        flex-flow: column;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .service-two-development-item {
        border-right-width: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .service-two-development-details {
        max-width: 100%;
    }

    .mask {
        max-width: 800px;
    }

    .service-two-work-main {
        flex-flow: column;
    }

    .service-two-project-item, .service-two-project-main {
        gap: 30px;
    }

    .contact-one-contact-wrapper {
        flex-flow: column;
    }

    .contact-one-contact-left {
        width: 100%;
    }

    .contact-one-form-main {
        grid-template-columns: 1fr;
        padding-bottom: 15px;
    }

    .contact-one-contact {
        padding-bottom: 70px;
    }

    .contact-one-input.change-height {
        min-height: 110px;
        margin-bottom: 0px;
    }

    .contact-two-form {
        max-width: 100%;
        margin-left: 0px;
        padding-right: 15px;
        padding-left: 15px;
        bottom: 26vh;
    }

    .w-form {
        margin: 0px;
    }

    .contact-two-form-wrapper {
        max-width: 100%;
    }

    .contact-two-form-main {
        padding-left: 40px;
        padding-right: 40px;
    }

    .contact-two-hero {
        padding-bottom: 220px;
    }

    .blog-heading-text {
        font-size: 60px;
        line-height: 50px;
    }

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

    .blog-details-date-paragraph {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .blog-details-image-main {
        flex-flow: column;
    }

    .blog-details-pagination-heading-wrapper-two {
        display: none;
    }

    .pricing-one-item {
        gap: 40px;
        height: auto;
    }

    .pricing-two-question-details {
        max-width: 100%;
    }

    .pricing-two-question-details.chnage-side-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing-two-question-top {
        gap: 20px;
    }

    .pricing-two-question-top.chnage-side-padding {
        padding: 15px;
    }

    .pricing-one-question-heading {
        padding-bottom: 15px;
    }

    .pricing-two-price-wrapper {
        flex-flow: column;
    }

    .pricing-two-pricing-paragraph {
        padding-bottom: 20px;
    }

    .pricing-two-pricing {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pricing-two-price-item-wrapper {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .pricing-two-access-button-wrapper {
        flex-flow: column;
        gap: 15px;
    }

    .pricing-two-access {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .faq-main-item {
        padding-left: 0px;
        padding-right: 0px;
    }

    .portfolio-hero-image-one {
        height: 50vh;
    }

    .portfolio-gallery-main {
        gap: 30px;
        flex-flow: column;
    }

    .portfolio-gallery-right, .portfolio-gallery-left {
        gap: 30px;
    }

    .team-main-wrapper {
        grid-template-columns: 1fr;
    }

    .home-three-background-vedio {
        height: 350px;
    }

    .team-details-hero-section {
        padding-top: 22px;
        padding-bottom: 37px;
    }

    .team-hero-large-text {
        text-align: center;
        font-size: 120px;
        line-height: 120px;
        position: relative;
        top: 0px;
        right: 0%;
    }

    .team-details-hero-wrap {
        width: auto;
        margin-left: 0px;
    }

    .team-details-hero-image-block {
        width: auto;
        margin-top: -54px;
        position: static;
    }

    .team-social-media-link-block {
        margin-top: 20px;
        position: static;
        transform: none;
    }

    .team-about-card-box {
        gap: 30px;
        grid-template-columns: 1fr;
        margin-top: 35px;
    }

    .team-about-heading-block {
        padding-left: 30px;
    }

    .team-about-heading-line {
        max-height: 135px;
    }

    .utility-page-content.password-protect {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu-list-block {
        gap: 14px;
    }

    .menu-horizontal-line {
        width: 15px;
    }

    .menu-vertical-line {
        height: 15px;
    }

    .landing-page-home {
        padding-top: 10px;
    }

    .landing-page-home-heading {
        margin-top: -35px;
    }

    .heading-big-text.text-align-center {
        font-size: 80px;
    }

    .landing-page-figma-main {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .figma-background-wrap {
        display: none;
    }

    .landing-page-figma-left {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .landing-page-figma-details {
        max-width: 100%;
    }

    .landing-page-figma {
        background-color: rgb(39, 50, 58);
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-top: 70px;
        padding-bottom: 0px;
    }

    .landing-page-figma-right {
        width: 100%;
    }

    .landing-all-page-image-marquee-wrap {
        max-height: 350px;
    }

    .landing-inner-page {
        padding-top: 20px;
    }

    .landing-page-tab-contain {
        margin-top: 42px;
    }

    .landing-card-image-block {
        width: 100%;
    }

    .landing-tab-contain-block {
        gap: 30px;
        flex-flow: column;
        grid-template-columns: 1fr;
    }

    .landing-tab-contain-block.chnage-style {
        grid-template-columns: 1fr;
    }

    .landing-all-page-card-block {
        max-width: 100%;
    }

    .landing-feature {
        padding-top: 20px;
    }

    .landing-main-details-text {
        max-width: 100%;
    }

    .footer-one-top-block {
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }

    .responsive-align-center {
        text-align: center;
        color: rgb(255, 255, 255);
    }

    .licencing-image-grid {
        grid-template-columns: 1fr;
    }

    .style-guied-color-option {
        gap: 30px;
        flex-direction: column;
        align-items: center;
        margin-top: 0px;
        padding-top: 20px;
    }

    .heading-three-new-main {
        font-size: 25px;
        line-height: 35px;
    }

    .brand {
        padding-left: 0px;
    }

    .contact-two-popup {
        top: 100px;
    }

    .landskape-align-center {
        text-align: center;
    }

    .landing-page-all-wrapper {
        grid-template-columns: 1fr;
    }

    .about-three-hero {
        height: 60vh;
    }

    .about-three-project-wrapper {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .about-three-rating-wrapper, .blog-three-main-top, .blog-three-item-main {
        flex-flow: column;
    }

    .blog-three-item-overlay {
        background-image: linear-gradient(180deg, #0000, var(--black) 88%);
    }

    .contact-three-main-box {
        flex-flow: column;
    }

    .contact-three-box-item {
        max-width: 100%;
    }

    .contact-three-form {
        flex-flow: column;
    }

    .pricing-item-main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing-table-row {
        flex-flow: column;
    }

    .pricing-table-row.border-bottom {
        gap: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pricing-table-right-part {
        flex-basis: 100%;
        width: 100%;
    }

    .pricing-table-right-part.chnage-opacity.landskape-display-off, .pricing-table-left-part.landskape-display-off {
        display: none;
    }

    .chnage-color-light-black {
        text-align: center;
    }

    .popup-big-image {
        width: 80vw;
    }

    .customization-cta {
        padding-bottom: 60px;
    }

    .customization-cta-heading {
        max-width: none;
    }

    .customization-cta-description {
        gap: 10px;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        letter-spacing: 0px;
        font-size: 30px;
        line-height: 39px;
    }

    h2 {
        letter-spacing: 0px;
        font-size: 26px;
        line-height: 30.2px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
        line-height: 24px;
    }

    h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .nav-one-link-email {
        display: none;
    }

    .auto-fit.responsive-image-full-width.change-width {
        width: auto;
        height: 300px;
    }

    .auto-fit.mobile-image-full-width {
        width: 100%;
        height: 100%;
    }

    .auto-fit.image-full-width {
        flex: 1 1 0%;
    }

    .home-one-big-text {
        font-size: 45px;
    }

    .home-one-big-text.change-size-two {
        font-size: 50px;
        line-height: 60px;
    }

    .home-one-big-text.change-align, .home-one-big-text.change-align-right {
        line-height: 40px;
    }

    .home-one-big-text.change-text-style {
        background-image: linear-gradient(rgb(220, 197, 183) 44%, rgba(255, 255, 255, 0));
    }

    .subheading-text.chnage-color-light {
        color: rgb(255, 255, 255);
    }

    .change-padding.change-color-black.responsive-align-center {
        text-align: center;
    }

    .home-two-hero-text {
        font-size: 40px;
        line-height: 40px;
    }

    .home-two-about-left-item-two {
        margin-top: 0px;
        margin-left: 0px;
    }

    .home-two-about-wrapper {
        gap: 40px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-two-about-left {
        gap: 30px;
        flex-flow: column;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-two-about-line, .home-two-about-experience {
        display: none;
    }

    .home-two-work-item {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-two-work-main-wrapper {
        padding-top: 0px;
    }

    .home-two-work-recidence {
        position: static;
    }

    .home-two-work {
        padding-bottom: 70px;
    }

    .heading-five {
        font-size: 16px;
        line-height: 20px;
    }

    .home-two-story-left-image-two {
        margin-top: 0px;
        margin-left: 0px;
    }

    .counter-box.big-counter {
        height: 40px;
        padding-right: 2px;
    }

    .counter-box.big-counter.chnage-mobile-size {
        height: 60px;
    }

    .home-two-story-wrapper {
        gap: 40px;
    }

    .home-two-story-left {
        gap: 30px;
        flex-flow: column;
    }

    .counter-text {
        font-size: 30px;
        line-height: 40px;
    }

    .counter.bottom.chnage-align-left {
        justify-content: center;
        align-items: flex-start;
    }

    .home-two-process-bottom-item {
        gap: 25px;
        flex-flow: column;
    }

    .heading-three {
        font-size: 20px;
        line-height: 30px;
    }

    .heading-three.change-font-size {
        font-size: 23px;
    }

    .number-wrapper {
        bottom: 1%;
        left: 15%;
    }

    .number-wrapper.chnage-position {
        bottom: 1%;
        right: 15%;
    }

    .home-two-testimonial-paragraph {
        max-width: 350px;
    }

    .home-two-testimonial-left-arrow {
        left: 20%;
    }

    .home-two-testimonial-left-arrow.right-arrow {
        right: 20%;
    }

    .footer-two-link-wrapper {
        gap: 15px;
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .responsive-menu-button {
        max-width: 25px;
    }

    .home-three-tag {
        padding-bottom: 70px;
    }

    .home-three-story-item {
        padding-right: 20px;
    }

    .home-three-story-item.change-padding-left {
        padding-left: 20px;
    }

    .home-three-interior {
        height: 40vh;
    }

    .effect-big-text {
        font-size: 35px;
        line-height: 40px;
    }

    .nav-link {
        padding-right: 20px;
    }

    .about-one-interior-lamp-new {
        width: 50%;
        display: block;
    }

    .process-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .about-two-hero-heading-main {
        margin-top: -60px;
    }

    .about-two-about-left {
        flex-flow: column;
    }

    .number-font {
        font-size: 60px;
        line-height: 70px;
    }

    .about-two-project-item {
        height: 40vh;
    }

    .about-two-hero-big-heading-main {
        padding-bottom: 0px;
    }

    .service-one-hero-wrapper {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
        justify-content: center;
        align-items: center;
        padding-top: 100px;
    }

    .service-one-work-item {
        flex-flow: column;
    }

    .project-big-heading {
        font-size: 40px;
        line-height: 50px;
    }

    .service-two-project-item {
        flex-flow: column;
    }

    .contact-two-form-head {
        padding-left: 20px;
    }

    .contact-two-form {
        bottom: 32vh;
    }

    .contact-two-form-main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-two-hero {
        padding-bottom: 250px;
    }

    .blog-post-item-image {
        height: auto;
    }

    .blog-heading-text {
        font-size: 50px;
        line-height: 60px;
    }

    .blog-post-sub-heading-wrapper.chnage-bottom-padding {
        flex-flow: wrap;
    }

    .pricing-one-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pricing-two-price-item-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .heading-one {
        letter-spacing: 0px;
        font-size: 35px;
        line-height: 39px;
    }

    .home-three-background-vedio {
        height: 250px;
    }

    .portfolio-details-hero-right {
        width: 100%;
    }

    .team-details-hero-section {
        padding-top: 26px;
    }

    .team-hero-large-text {
        font-size: 60px;
        line-height: 70px;
    }

    .heading-three-new, .heading-three-modified {
        font-size: 20px;
        line-height: 30px;
    }

    .heading-big-text.text-align-center {
        font-size: 60px;
    }

    .landing-page-tab-menu {
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .landing-card-image-block {
        height: 300px;
        overflow: hidden;
    }

    .page-tab-link {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-one-top-block {
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }

    .style-guied-color-item {
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .heading-three-new-main {
        font-size: 24px;
        line-height: 34px;
    }

    .home-three-banner-vedio {
        height: 40vh;
    }

    .contact-two-popup {
        top: 40px;
    }

    .blog-three-item-overlay {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    }

    .customization-cta {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#w-node-f5e379f2-4c1c-67fc-676b-70cdbf1d242a-e3bf2efd {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-f5e379f2-4c1c-67fc-676b-70cdbf1d242c-e3bf2efd {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: end;
}

#w-node-ab7f382a-aa24-70d1-fd09-0bf01596e634-1596e56e, #w-node-a1f934c7-57db-2cb0-78a1-436ccb321699-cb3215d3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_61748a30-3703-52cb-481b-42f1b429dbf4-43f23ec3, #w-node-_61748a30-3703-52cb-481b-42f1b429dbfb-43f23ec3 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_04eb895d-57fd-ce17-3b1f-8cc63597cdbb-3597ccf4, #name.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8990-af21ae8c, #Enquiry-type.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8993-af21ae8c {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3e917c1b-8c23-2976-b743-2ef6a5060704-92fc8d2a {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e917c1b-8c23-2976-b743-2ef6a5060719-92fc8d2a, #w-node-_3e917c1b-8c23-2976-b743-2ef6a506071c-92fc8d2a {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_63b06811-77e6-d72f-664b-ecd77ebfec53-167eb9d0, #w-node-_63b06811-77e6-d72f-664b-ecd77ebfec55-167eb9d0, #w-node-_63b06811-77e6-d72f-664b-ecd77ebfec57-167eb9d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#name-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea253-00415f6d, #Enquiry-type-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea256-00415f6d {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2df37c73-e3c6-5b12-5b5e-7aa7a1d8ea37-214dda0d, #w-node-_2f376b05-01a0-281c-9930-18257509afd4-214dda0d, #w-node-_60300a43-e04f-1ce6-70e5-45c42cc2c06b-214dda0d, #w-node-_60300a43-e04f-1ce6-70e5-45c42cc2c06e-214dda0d, #w-node-c87d4738-c340-73fd-d9e9-8e5ca81e8940-214dda0d, #w-node-c87d4738-c340-73fd-d9e9-8e5ca81e8942-214dda0d, #w-node-_172e047a-f4c8-bf3a-63b1-f63e8d280c7b-214dda0d, #w-node-_172e047a-f4c8-bf3a-63b1-f63e8d280c7d-214dda0d, #w-node-_2a4fc5f8-c9b1-9da9-235b-f69068ebe7aa-214dda0d, #w-node-_2a4fc5f8-c9b1-9da9-235b-f69068ebe7ac-214dda0d, #w-node-_1822271c-93a4-d298-21bd-413b60035cad-214dda0d, #w-node-_1822271c-93a4-d298-21bd-413b60035caf-214dda0d, #w-node-daa5dd55-fbab-755a-80e6-f89817788308-214dda0d, #w-node-daa5dd55-fbab-755a-80e6-f8981778830a-214dda0d, #w-node-be637769-06fe-a339-3496-efdba8340cdc-214dda0d, #w-node-be637769-06fe-a339-3496-efdba8340cde-214dda0d, #w-node-_1121a8a6-c03a-2c43-1ab6-344439a4c1ab-214dda0d, #w-node-_1121a8a6-c03a-2c43-1ab6-344439a4c1ae-214dda0d, #w-node-f8abd20a-0651-df5a-e4fa-41c4419afac8-214dda0d, #w-node-f8abd20a-0651-df5a-e4fa-41c4419afaca-214dda0d, #w-node-_8178333e-4642-1a42-50ad-47e6a488b764-214dda0d, #w-node-_8178333e-4642-1a42-50ad-47e6a488b766-214dda0d, #w-node-_2bc54c11-2e41-cb51-fc9c-4bbf90c9158b-214dda0d, #w-node-_2bc54c11-2e41-cb51-fc9c-4bbf90c9158d-214dda0d, #w-node-d6704900-37c0-13d9-caf4-2c3b8b80297b-214dda0d, #w-node-d6704900-37c0-13d9-caf4-2c3b8b80297d-214dda0d, #w-node-_587efc3d-2098-4f38-c8f2-d73dd8fefbef-214dda0d, #w-node-_587efc3d-2098-4f38-c8f2-d73dd8fefbf1-214dda0d, #w-node-ff94f81d-4648-1843-211a-fbdcc40821d2-214dda0d, #w-node-ff94f81d-4648-1843-211a-fbdcc40821d5-214dda0d, #w-node-_9075895c-cacb-a866-36c7-9af0c8352ca4-214dda0d, #w-node-_9075895c-cacb-a866-36c7-9af0c8352ca6-214dda0d, #w-node-c6cdd8de-14fa-be8f-d2aa-0a1dc6695919-214dda0d, #w-node-c6cdd8de-14fa-be8f-d2aa-0a1dc669591b-214dda0d {
    place-self: center;
}

.home-two-hero-main {
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
}

@media screen and (max-width: 991px) {
    #w-node-de0822d8-24b7-28fc-46a0-b3144ca9d815-4ca9d7e0, #w-node-_3038a73f-5df3-6c9a-e5c4-7dc0cfed87e4-cfed87af {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_863c8c42-3d5f-46b1-cc8d-c8f6d4fcd2c7-d4fcd2c4 {
        grid-column: span 2 / span 2;
    }
}

@media screen and (max-width: 767px) {
    #w-node-de0822d8-24b7-28fc-46a0-b3144ca9d815-4ca9d7e0, #w-node-_3038a73f-5df3-6c9a-e5c4-7dc0cfed87e4-cfed87af, #w-node-_863c8c42-3d5f-46b1-cc8d-c8f6d4fcd2c7-d4fcd2c4, #name.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8990-af21ae8c, #Enquiry-type.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8993-af21ae8c {
        grid-column: span 1 / span 1;
    }

    #w-node-a09c8ed5-ff61-4b26-3431-e11a09145510-e792896c, #w-node-a09c8ed5-ff61-4b26-3431-e11a09145514-e792896c {
        justify-self: end;
    }

    #name-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea253-00415f6d, #Enquiry-type-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea256-00415f6d {
        grid-column: span 1 / span 1;
    }
}

@media screen and (max-width: 479px) {
    #w-node-a09c8ed5-ff61-4b26-3431-e11a09145510-e792896c, #w-node-a09c8ed5-ff61-4b26-3431-e11a09145514-e792896c {
        justify-self: start;
    }
}

.projects-select-wrap select, .projects-select-wrap options, .projects-select-wrap input {
    font: inherit;
}

.projects-select-wrap .page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--size-3);
    min-height: 100vh;
    font-family: var(--font-sans);
}

.projects-select-wrap .form {
    overflow: hidden;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.projects-select-wrap .form__row {
    display: grid;
    gap: var(--size-2);
    margin-inline: var(--size-4); }

.projects-select-wrap .form__label {
    letter-spacing: 0.05em;
    font-size: 20px;
    font-weight: 500;
}

.projects-select-wrap .form__select {
    color: var(--gray-9);
    background-color: var(--gray-2);
    border-radius: var(--radius-1);
    font-size: 0.9rem;
    border: 1px solid;
    padding: 20px 30px;
    margin-top: 20px;
}

.projects-select-wrap .form__select:hover {
    background-color: var(--gray-4);
}

.projects-select-wrap .form__select:focus {
    background-color: white;
    border: 1px solid;
    color: rgb(39, 50, 58);
    outline: none;
}

.projects-select-wrap .form__btn {
    margin-top: var(--size-2);
    margin-inline: auto; }

.projects-select-wrap .primary-btn {
    background-color: var(--primary-btn_bd-cr, var(--green-7));
    padding: var(--size-2) var(--size-3);
    border: 0px;
    border-radius: var(--radius-2);
    cursor: pointer;
    transition: 180ms ease-in-out;
    margin: 0px;
}

.projects-select-wrap .primary-btn:hover {
    --primary-btn_bd-cr: var(--green-9);
}

.projects-select-wrap select {
    appearance: none;
    cursor: pointer;
    max-width: 100%;
    padding: 0px 30px;
    border: 1px solid rgb(124, 124, 124);
    font-size: 15px;
    width: 340px;
    background-image: linear-gradient(45deg, transparent 50%, rgb(220, 197, 183) 50%), linear-gradient(135deg, rgb(220, 197, 183) 50%, transparent 50%), linear-gradient(to right, rgb(204, 204, 204), rgb(204, 204, 204));
    background-position: calc(100% - 30px) 30px, calc(100% - 25px) 30px, calc(100% - 3.5em) 14px;
    background-size: 5px 5px, 5px 5px, 1px 40px;
    background-repeat: no-repeat;
}

.proj-btn {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-left: 10px;
}

.proj-btn input#formBtn {
    display: block;
    border: 1px solid;
    padding: 10px 20px;
    cursor: pointer;
}

.projects-select-wrap .main-container {
    width: 100%;
    display: flex;
}

.vdo-slider-wrap .video-section .item {
    opacity: 0.4;
    transition: 0.4s;
    margin: 0px 20px;
    transform: scale(0.8);
}

@media (max-width: 1000px) {
    .vdo-slider-wrap .video-section .item {
        margin: 0px;
        transform: scale(0.9);
    }
}

.vdo-slider-wrap .video-section .active .item {
    opacity: 1;
    transform: scale(1);
}

.vdo-slider-wrap .video-section .owl-item {
    backface-visibility: hidden;
    transform: translateZ(0px) scale(1, 1);
}

.vdo-slider-wrap .video-section video {
    max-width: 100%;
    height: auto;
}

.plyr__poster {
    background-size: cover;
}

.room-detail h3 a {
    color: rgb(39, 50, 58);
}

.room-detail .reviews {
    color: rgb(39, 50, 58);
}

.vdo-slider-wrap {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.custom-prev, .custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    border: medium none currentcolor;
    padding: 15px 20px;
    cursor: pointer;
    z-index: 1000;
    font-size: 16px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-prev img {
    width: 30px;
}

.custom-prev {
    left: 20px;
    transform: rotate(180deg);
}

.custom-next {
    right: 20px;
}

.custom-next img {
    width: 30px;
}

.custom-prev:hover, .custom-next:hover {
    background-color: rgb(85, 85, 85);
}

.timeline-wrap-sec .ag-format-container {
    width: 1142px;
    margin: 0px auto;
}

.timeline-wrap-sec .ag-timeline-block {
    padding: 50px 0px;
}

.timeline-wrap-sec .ag-timeline_box {
    position: relative;
}

.timeline-wrap-sec .ag-timeline-carousel-arrow_box {
    z-index: 9999;
    position: absolute;
    top: 0px;
    left: 0px;
}

.timeline-wrap-sec .ag-timeline-carousel-arrow {
    display: block;
    height: 52px;
    width: 52px;
    border: 1px solid rgb(39, 50, 58);
    background-color: rgb(39, 50, 58);
    cursor: pointer;
    stroke: rgb(213, 190, 177);
    border-radius: 50%;
    transition: 0.2s ease-out;
    position: relative;
}

.timeline-wrap-sec .ag-timeline-carousel-arrow:hover {
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
}

.timeline-wrap-sec .js-ag-timeline-carousel-arrow_prev {
    margin: 0px 0px 10px;
}

.timeline-wrap-sec .js-ag-timeline-carousel-arrow_prev:hover, .timeline-wrap-sec .js-ag-timeline-carousel-arrow_next:hover {
    stroke: rgb(0, 0, 0);
}

.timeline-wrap-sec .svg-arrow-left, .timeline-wrap-sec .svg-arrow-right {
    height: 18px;
    width: 10px;
    margin: -8px 0px 0px -5px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.timeline-wrap-sec .ag-timeline-carousel_list {
    padding: 0px 0px 0px 100px;
}

.timeline-wrap-sec .ag-timeline_year {
    line-height: 1;
    margin: 0px 0px 40px;
    font-weight: 500;
    font-size: 90px;
    color: rgb(4, 28, 44);
}

.timeline-wrap-sec .ag-timeline_text p {
    line-height: 1.36;
    margin: 0px 0px 15px;
    font-size: 16px;
    color: rgb(4, 28, 44);
    font-weight: 400;
}

.timeline-wrap-sec .ag-timeline_text a {
    font-size: 25px;
    color: rgb(39, 50, 58);
    font-weight: 600;
}

.timeline-box.position-relative .loc.d-block span {
    color: rgb(39, 50, 58);
    font-weight: 400;
}

.timeline-box.position-relative h4.mb-0 {
    margin: 0px 0px 5px;
}

.timeline-box.position-relative .loc.d-block {
    margin-bottom: 20px;
}

.timeline-wrap-sec .ag-timeline_text a:hover {
    text-decoration: none;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_box {
    position: relative;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_box::before, .timeline-wrap-sec .ag-timeline-carousel-nav_box::after {
    content: "";
    height: 150px;
    width: 20%;
    margin: 0px;
    z-index: 9999;
    position: absolute;
    bottom: 0px;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_box::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 35%, rgb(255, 255, 255) 100%);
    right: 0px;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_box::after {
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0) 100%);
    left: 0px;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_list {
    position: relative;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_list::after {
    content: "";
    height: 1px;
    background-color: rgb(39, 50, 58);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 50px;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_item {
    display: inline-block;
    line-height: 1;
    width: 50px;
    padding: 130px 130px 0px;
    cursor: pointer;
    vertical-align: bottom;
    text-align: center;
    font-size: 25px;
    color: rgb(4, 28, 44);
    position: relative;
    font-weight: 400;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_item::before {
    content: "";
    height: 5px;
    width: 5px;
    margin: 0px auto;
    background-color: rgb(39, 50, 58);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 102px;
    border-radius: 50%;
    transition: 0.3s;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_item::after {
    content: "";
    height: 40px;
    width: 1px;
    margin: 0px auto;
    background-color: rgb(39, 50, 58);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 52px;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_item.slick-current {
    margin: -5px 0px 0px;
    font-weight: 700;
    font-size: 25px;
    color: rgb(39, 50, 58);
}

.timeline-wrap-sec .ag-timeline-carousel-nav_item.slick-current::before {
    height: 16px;
    width: 16px;
    background-color: rgb(39, 50, 58);
    bottom: 110px;
}

.timeline-wrap-sec .ag-timeline-carousel-nav_item.slick-current::after {
    bottom: 59px;
}

.service-one-plan .service-one-plan-text-heading .heading-two.text-align-center {
    font-size: 150px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(rgb(220, 197, 183), rgba(255, 255, 255, 0));
    background-clip: text;
}

.service-one-plan-text-paragraph p.text-align-center {
    font-size: 25px;
    color: rgb(220, 197, 183);
}

.service-one-plan .service-one-plan-text-heading {
    height: auto;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"], .plyr__control--overlaid {
    color: rgb(255, 255, 255);
    box-shadow: none;
    background: rgb(51, 51, 51) !important;
}

@media (min-width: 1440px) and (max-width: 1700px) {
    .contact-two-popup {
        inset: auto 5% 120px auto;
    }

    .contact-two-form {
        inset: auto 5% 175px auto;
    }
}

@media (max-width: 1440px) {
    .about-one-service-heading {
        padding-bottom: 40px;
    }
}

@media (max-width: 1299px) {
    .menuvideo {
        display: none;
    }

    .menu-list-block {
        min-height: auto;
    }
}

@media (max-width: 1199px) {
    .home-two-logo {
        padding-left: 15px;
        padding-right: 15px;
    }

    .projects-select-wrap select {
        width: 311px;
    }

    .home-two-counter-wrapper.mt-50 .container {
        padding: 40px 15px;
    }

    .home-two-about {
        padding-bottom: 80px;
    }

    .home-two-about .home-two-about-main {
        padding-top: 80px;
    }

    .home-two-counter-wrapper.mt-50 {
        margin-top: 80px;
    }

    .home-one-promotion, .pricing-two-access, .about-one-work, .about-two-feature, .pricing-one-question, .about-one-service, .contact-one-contact, .about-one-process {
        padding: 80px 15px;
    }

    .contact-three-form-text {
        padding: 50px 30px 30px;
    }

    .contact-three-hero-wrapper {
        padding: 0px 15px;
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 30px;
    }

    .homepagevideo {
        height: 550px;
    }

    .about-two-work {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .footer-one.footer-three {
        margin-top: 0px;
        padding-top: 80px;
    }

    .service-one-plan .service-one-plan-text-heading .heading-two.text-align-center {
        font-size: 100px;
    }

    .footer-one-merquee {
        padding-bottom: 80px;
    }
}

@media (max-width: 1024px) {
    .projects-select-wrap select {
        width: 265px;
    }

    .about-two-work-item-details {
        max-width: 120px;
        height: 120px;
        margin: 0px;
    }

    img.auto-fit.three.responsive-image-full-width {
        position: relative;
    }

    .about-one-process-wrapper {
        flex-wrap: wrap;
    }

    .about-one-process-item {
        flex: 1 1 50%;
        padding-bottom: 30px;
    }
}

.social-media-icon {
    display: none;
}

@media (max-width: 991px) {
    .footer-one-merquee {
        padding-bottom: 50px;
    }

    .home-two-big-text {
        padding-bottom: 70px;
        position: relative;
    }

    .footer-one.footer-three {
        padding-top: 50px;
    }

    .pricing-two-access .change-padding.text-align-center {
        font-size: 70px;
    }

    .button-style {
        padding: 10px 20px;
    }

    .about-two-work-wrapper {
        flex-direction: column;
    }

    .about-two-work-heading {
        max-width: 100%;
    }

    .about-two-work-heading h2 {
        font-size: 40px;
    }

    .home-two-counter-wrapper.mt-50 {
        flex-direction: column;
        margin: 50px 30px 0px;
    }

    .home-two-counter-wrapper.mt-50 .container {
        padding: 40px 15px;
        width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.1);
        margin-bottom: 15px;
    }

    .home-two-about-left {
        flex-direction: column;
    }

    .home-two-about .home-two-about-main {
        padding-top: 50px;
    }

    .home-two-about-left-item-two {
        display: none;
    }

    .w-dyn-list {
        margin: 0px 10px;
    }

    .projects-select-wrap .form, .projects-select-wrap .main-container {
        flex-direction: column;
    }

    .proj-btn {
        justify-content: start;
        margin: 15px 0px 0px;
    }

    .projects-select-wrap select {
        width: 100%;
        margin: 10px 0px 12px !important;
    }

    .home-one-promotion, .pricing-two-access {
        padding: 50px 15px;
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
    }

    .menu-list-block {
        min-height: auto;
        padding: 0px;
        justify-content: flex-start;
    }

    .social-media-icon {
        display: block;
    }

    .social-media-icon .menu-get-in-touch-heading {
        padding-bottom: 30px;
    }

    .social-media-icon .footer-one-bottom-right {
        padding-top: 50px;
    }

    .header-menu-bar-main {
        flex-direction: column;
        position: relative;
        height: 78vh;
        margin-top: 65px;
    }

    .about-one-process-item {
        flex: 1 1 100%;
        width: 100%;
    }

    .about-one-process-item-image {
        justify-content: start;
    }

    .about-one-process-item-image img {
        width: max-content !important;
        height: 100px;
    }

    .about-one-feature-line {
        display: none;
    }

    .about-one-feature-left {
        padding-top: 0px;
    }

    .about-one-work-image-wrapper img:nth-child(1), .about-one-work-image-wrapper img:nth-child(2) {
        display: none;
    }

    .service-one-project .auto-fit.image-full-width {
        height: 50vh;
    }
}

@media only screen and (max-width: 767px) {
    .timeline-wrap-sec .ag-format-container {
        width: 96%;
    }

    .timeline-wrap-sec .ag-timeline-carousel_list {
        padding: 0px;
    }

    .timeline-wrap-sec .ag-timeline-carousel-arrow_box {
        padding: 12px 0px 12px 12px;
        background-color: rgb(244, 244, 244);
        z-index: 1000;
        position: absolute;
        top: 0px;
        left: auto;
        right: 0px;
    }

    .timeline-wrap-sec .ag-timeline-carousel-arrow {
        display: inline-block;
        height: 33px;
        width: 33px;
    }

    .contact-two-hero-link {
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-two-hero-phone h2 {
        margin: 10px 0px 5px;
        font-size: 18px;
    }

    .social-link {
        min-width: 34px;
    }

    .timeline-wrap-sec .js-ag-timeline-carousel-arrow_prev {
        margin: 0px 8px 0px 0px;
    }

    .timeline-wrap-sec .js-ag-timeline-carousel-arrow_prev::before, .timeline-wrap-sec .js-ag-timeline-carousel-arrow_next::before {
        height: 12px;
        width: 8px;
        margin: -6px auto 0px;
    }

    .timeline-wrap-sec .ag-timeline_year {
        font-size: 60px;
    }

    .timeline-wrap-sec .ag-timeline-carousel-nav_box::before, .timeline-wrap-sec .ag-timeline-carousel-nav_box::after {
        display: none;
        background: none;
        position: static;
    }

    .timeline-wrap-sec .svg-arrow-left, .timeline-wrap-sec .svg-arrow-right {
        height: 12px;
        width: 8px;
        margin: -6px 0px 0px -4px;
    }

    .nav-three-logo img {
        height: 50px;
    }

    .projects-select-wrap .form__select {
        padding: 15px 20px;
        background-position: calc(100% - 30px) 27px, calc(100% - 25px) 27px, calc(100% - 3.5em) 10px;
    }

    .home-two-counter-wrapper.mt-50 .container {
        padding: 20px 15px;
    }

    .home-two-counter-wrapper.mt-50 {
        margin: 40px 15px 0px;
    }

    .counter {
        font-size: 2.3rem;
    }

    .counter + span {
        font-size: 2rem;
    }

    .counter-line + p {
        margin: 0px;
    }

    .home-two-about {
        padding-bottom: 30px;
    }

    .service-one-plan .service-one-plan-text-heading .heading-two.text-align-center {
        font-size: 60px;
    }

    .footer-one-button {
        padding-top: 20px;
    }

    .home-one-interior-image {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .about-two-work-heading h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .about-two-work-item-details {
        max-width: 80px;
        height: 80px;
    }

    .about-two-work-item-details img {
        height: 50px !important;
    }

    .about-two-work {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pricing-two-access .change-padding.text-align-center {
        font-size: 44px;
    }

    .home-one-promotion, .about-one-work, .about-two-feature, .about-one-service, .pricing-one-question, .contact-one-contact, .about-one-process, .service-one-project, .pricing-two-access {
        padding: 40px 15px;
    }

    .contact-one-contact-heading {
        padding-bottom: 0px;
    }

    .form-group {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    .pricing-two-access .button-style {
        width: 220px;
        text-align: center;
    }

    .merquee-text {
        padding-right: 30px;
        font-size: 50px;
        line-height: 1.2;
    }

    .footer-one.footer-three {
        padding-top: 30px;
    }

    .footer-one-merquee {
        padding-bottom: 30px;
    }

    .heading-four {
        font-size: 16px;
        line-height: 1.2;
    }

    .w-dyn-list {
        margin: 0px;
    }

    .home-one-hero-sub-heading.display-change .subheading-text {
        font-size: 12px;
    }

    .contact-three-form-text {
        padding: 30px 15px 15px;
    }

    .contact-one-input, .pet-select {
        padding: 10px;
    }

    .pet-select {
        height: 43px;
    }

    .heading-two {
        font-size: 34px;
        line-height: 40px;
    }

    .about-one-interior .auto-fit.responsive-image-full-width {
        height: 200px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .timeline-wrap-sec .ag-format-container {
        width: 750px;
    }
}

@media (min-width: 980px) and (max-width: 1161px) {
    .timeline-wrap-sec .ag-format-container {
        width: 960px;
    }
}

.owl-carousel .owl-item img {
    height: 200px;
    background-size: cover;
}

.btn-call {
    background: rgba(255, 0, 0, 0.88);
    border: 2px solid rgba(255, 0, 0, 0.88);
    border-radius: 50%;
    box-shadow: rgba(200, 29, 28, 0.5) 0px 8px 10px;
    cursor: pointer;
    height: 50px;
    width: 50px;
    text-align: center;
    position: fixed;
    right: 24px;
    color: rgb(255, 255, 255);
    font-size: 22px;
    bottom: 110px;
    z-index: 9999;
    transition: 0.3s;
    animation: 1s linear 0s infinite normal none running hoverWave;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.btn-whatsapp-pulse {
    background: rgb(37, 211, 102);
    color: white;
    position: fixed;
    bottom: 30px;
    right: 24px;
    font-size: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0px;
    height: 0px;
    padding: 25px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 9999;
}

@media (max-width: 767px) {
    .btn-call {
        height: 40px;
        width: 40px;
        bottom: 94px;
    }

    .btn-call__ico {
        font-size: 18px;
    }

    .btn-whatsapp-pulse {
        font-size: 26px;
        padding: 23px;
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes hoverWave {
    0% {
        box-shadow: rgba(255, 0, 0, 0.3) 0px 8px 10px, rgba(255, 0, 0, 0.2) 0px 0px 0px 0px, rgba(255, 0, 0, 0.2) 0px 0px 0px 0px;
    }

    40% {
        box-shadow: rgba(255, 0, 0, 0.3) 0px 8px 10px, rgba(255, 0, 0, 0.2) 0px 0px 0px 15px, rgba(255, 0, 0, 0.2) 0px 0px 0px 0px;
    }

    80% {
        box-shadow: rgba(255, 0, 0, 0.3) 0px 8px 10px, rgba(255, 0, 0, 0) 0px 0px 0px 30px, rgba(255, 0, 0, 0.07) 0px 0px 0px 26.7px;
    }

    100% {
        box-shadow: rgba(255, 0, 0, 0.3) 0px 8px 10px, rgba(255, 0, 0, 0) 0px 0px 0px 30px, rgba(255, 0, 0, 0) 0px 0px 0px 40px;
    }
}

@keyframes pulse {
    0% {
        box-shadow: rgba(37, 211, 102, 0.5) 0px 0px 0px 0px;
    }

    80% {
        box-shadow: rgba(37, 211, 102, 0) 0px 0px 0px 14px;
    }
}

.seo-text p {
    margin-top: 20px;
    font-size: 18px;
}

.title-highlights p {
    display: inline;
}

.seo-text h2:first-of-type {
    margin-top: 0px;
}

.seo-text h2 {
    margin-top: 30px;
}

.seo-text a {
    color: rgb(255, 255, 255);
}

.seo-text .title-highlights {
    margin-top: 20px;
}

.seo-text .title-highlights h2 {
    margin: 0px;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 25px;
    display: inline;
    color: rgb(255, 255, 255);
}

.seo-text h3 {
    margin-top: 30px;
    font-size: 24px;
}

.seo-text ul {
    margin-top: 20px;
}

.our-projects {
    margin: 40px 0px;
}

.our-projects .auto-fit.image-full-width {
    height: auto;
}

.our-projects .subheading-text.change-color-black {
    color: var(--primary-color);
    width: 100%;
}

.our-projects .home-two-news-heading-wrapper {
    max-width: 100%;
}

.our-projects .heading-four {
    color: var(--primary-color);
    margin-bottom: 18px;
}

.our-projects .home-two-new-link-wrapper {
    width: 100%;
}

.home-two-news-item-link {
    cursor: pointer;
}

.text-uppercase {
    text-transform: uppercase;
}

.three-columns-kt {
    display: block;
    padding-bottom: 2rem;
    width: 60%;
    min-width: 800px;
    margin: 0px auto;
    text-align: center;
}

.home-two-counter-wrapper.mt-50 .container:nth-child(1) {
    border-right: 1px solid rgba(255, 255, 255, 0.36);
}

.three-columns-col-kt {
    text-align: center;
}

.three-columns-col-kt h1 {
    font-size: 20px;
    font-weight: 500;
    color: black;
    text-transform: uppercase;
}

.counter-section {
    position: relative;
    padding: 50px 0px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) center center / cover no-repeat fixed, url("/images/ongoing/antonia/1.webp");
}

.service-one-plan-item::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 1;
    transition: 0.4s;
}

.service-one-plan-item:hover::before {
    background: rgba(0, 0, 0, 0);
}

.service-one-plan-text-wrapper {
    position: absolute;
    inset: 0px;
    z-index: 2;
}

.three-columns-kt h3 {
    color: black;
}

.three-columns-kt h4 {
    margin-top: 20px;
    font-size: 16px;
    color: black;
    line-height: 29px;
}

.three-columns-col-image {
    text-align: center;
    margin-bottom: 20px;
}

a {
    text-decoration: none !important;
}

.footer-one-left-address a {
    color: white;
    text-transform: capitalize;
    font-size: 15px;
}

.process-section {
    padding: 60px 20px;
    background: rgb(255, 255, 255);
}

.process-header {
    text-align: center;
    margin-bottom: 20px;
}

.process-header span {
    color: rgb(216, 122, 58);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.process-header h2 {
    margin: 0px;
    font-size: 32px;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}

.process-banner {
    grid-column: 1 / -1;
    height: 350px;
    overflow: hidden;
}

.process-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.process-card {
    background: rgb(248, 248, 248);
}

.process-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.process-content {
    text-align: center;
    padding: 20px 15px;
}

.process-content h3 {
    margin: 0px 0px 10px;
    font-size: 18px;
}

.process-content p {
    margin: 0px;
    font-size: 14px;
}

@media (max-width: 991px) {
    .process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-banner {
        height: 280px;
    }

    .process-card img {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .process-grid {
        grid-template-columns: 1fr;
    }

    .process-banner {
        height: 220px;
    }

    .process-card img {
        height: 240px;
    }

    .process-header h2 {
        font-size: 24px;
    }
}

.home-one-big-text h1 {
    color: white;
    margin-top: 10px;
    margin-bottom: 24px;
    line-height: 20px;
    letter-spacing: 4px;
    font-size: 17px;
    font-weight: 100 !important;
}

.home-one-big-text h2 {
    color: rgb(214, 177, 128);
    margin-top: 20px;
    letter-spacing: 6px;
    margin-bottom: 20px;
    font-size: 50px !important;
}

.home-one-big-text h3 {
    color: white;
    line-height: 20px;
    margin-top: 20px;
    letter-spacing: 3px;
    font-size: 17px;
    font-weight: 100 !important;
}

.scroll-section {
    position: sticky;
    top: 0px;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 80px;
}

.scroll-title {
    font-size: 70px;
    line-height: 1.1;
    font-weight: 300;
    color: transparent;
    background-clip: text;
}

.scroll-title span {
    font-size: 90px;
    font-family: Georgia, serif;
}

.top-space h2 {
    color: rgb(204, 204, 204);
    font-size: 60px;
}

.section {
    text-align: center;
    padding: 60px 0px;
}

.headingText {
    font-size: 30px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.2px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Cinzel, serif !important;
}

.letter {
    color: rgba(0, 0, 0, 0.14);
    transition: 0.2s;
}

.letter.active {
    color: rgba(0, 0, 0, 0.78);
}

@media (max-width: 991px) {
    #headingText {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    #headingText {
        font-size: 36px;
        line-height: 1.15;
    }

    .section {
        padding: 60px 0px;
    }
}

.about-one-service-wrapper {
    gap: 30px;
    border-top: 1px solid rgba(220, 197, 183, 0.2);
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    display: flex;
}

.section {
    position: relative;
}

.top-shape {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 244px;
    height: 326px;
    object-fit: contain;
    z-index: -1;
    opacity: 0.3;
}

.container {
    position: relative;
    z-index: 2;
}

.tab-wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(176, 148, 84, 0.23);
    border-bottom: 1px solid rgba(176, 148, 84, 0.15);
    margin-bottom: 40px;
    margin-top: 34px;
}

.tab {
    padding: 16px 19px;
    cursor: pointer;
    color: black;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.1px;
}

.tab:not(:last-child)::before {
    content: "";
    width: 6px;
    height: 6px;
    background: rgb(153, 153, 153);
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.tab {
    color: rgb(0, 0, 0);
}

.tab.active {
    color: rgb(104, 23, 46);
    font-weight: 600;
}

.tabcontent-wrp {
    position: relative;
}

.tabcontent {
    display: none;
    align-items: center;
    gap: 80px;
}

.tabcontent.active {
    display: flex;
}

.img-wrp {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.circle-img img {
    width: 100%;
    object-fit: cover;
}

.button {
    margin-top: 30px;
    padding: 12px 25px;
    background: linear-gradient(90deg, rgb(46, 26, 71) 0%, rgb(91, 29, 58) 45%, rgb(142, 27, 47) 70%, rgb(196, 22, 42) 100%);
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-decoration: none;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 12px;
}

.content-wrp {
    width: 48%;
    text-align: left;
}

.content-wrp p {
    padding: 4px 0px;
    color: black;
    display: flex;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    font-size: 14px;
    justify-content: space-between;
}

.site-title {
    margin-top: 60px;
    margin-bottom: 16px;
    font-weight: bold;
}

@media (max-width: 991px) {
    .tabcontent {
        flex-direction: column;
        gap: 40px;
    }

    .img-wrp, .content-wrp {
        width: 100%;
        text-align: left;
    }

    .circle-img img {
        /* max-width: 320px; */
    }
}

@media (max-width: 767px) {
    .tab-wrp {
        justify-content: flex-start;
        overflow-x: auto;
        /* white-space: nowrap; */
        gap: 10px;
        display: -webkit-box;
        scrollbar-width: none;
    }

    .tab-wrp::-webkit-scrollbar {
        display: none;
    }

    .tab {
        padding: 9px 0px;
        font-size: 8px;
        flex: 0 0 auto;
    }

    .tab:not(:last-child)::after {
        display: none;
    }

    .heading-wrp {
        text-align: center;
        margin-bottom: 3px;
        padding: 0px !important;
    }

    .tab-wrp {
        margin-bottom: 20px;
    }

    .spec-content h3 {
        font-size: 15px;
    }
}

.heading-wrp {
    text-align: center;
}

.content-wrp h1 {
    font-size: 18px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "IBM Plex Sans", sans-serif !important;
}

.footer {
    background: rgb(84, 0, 28);
    color: rgb(255, 255, 255);
    padding: 40px 20px 20px;
    font-family: Arial, sans-serif;
}

.footer-container {
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-template-columns: 220px 1fr 1px;
    gap: 50px;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-logo img {
    max-width: 160px;
    width: 100%;
}

.footer-content p {
    font-size: 15px;
    line-height: 29px;
    color: rgba(255, 255, 255, 0.9);
}

.footer-project {
    text-align: right;
}

.footer-project h4 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

.footer-project img {
    max-width: 220px;
    width: 100%;
}

.footer-bottom {
    max-width: 1400px;
    margin: auto;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-bottom p {
    font-size: 16px;
    color: white;
}

.footer-links {
    display: flex;
    gap: 40px;
}

.footer-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: 0.3s;
}

.footer-links a:hover {
    opacity: 0.7;
}

@media (max-width: 1024px) {
    .footer-container {
        grid-template-columns: 180px 1fr;
    }

    .footer-project {
        grid-column: 1 / -1;
        text-align: center;
        margin-top: 20px;
    }

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

@media (max-width: 768px) {
    .footer {
        padding: 50px 20px 20px;
    }

    .footer-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 5px;
        padding-bottom: 0px;
    }

    .footer-logo img {
        max-width: 140px;
    }

    .footer-content p {
        font-size: 16px;
        line-height: 1.8;
    }

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

    .footer-project img {
        max-width: 180px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 1px;
    }

    .footer-links {
        gap: 25px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .footer-content p {
        font-size: 15px;
    }

    .footer-links {
        flex-direction: column;
        gap: 12px;
    }

    .footer-bottom p {
        font-size: 13px;
        margin-bottom: 0px;
    }
}

.address-box {
    color: rgb(255, 255, 255);
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.address-box p {
    margin: 0px;
    line-height: 29px;
    font-size: 15px;
}

.address-box a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 15px;
}

.address-box a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .address-box p {
        font-size: 12px;
    }

    .address-box a {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .address-box {
        padding: 15px 10px;
        display: inline;
        font-size: 12px;
        gap: 20px;
    }

    .address-box p {
        font-size: 12px;
        line-height: 24px;
    }

    .address-box a {
        font-size: 10px;
    }
}

.developer-section {
    width: 100%;
}

.dev-content {
    margin: auto;
    text-align: center;
}

.sub-title {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 35px;
    position: relative;
}

.sub-title::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: rgb(0, 0, 0);
}

.main-title {
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.description {
    margin: auto;
    font-size: 15px;
}

.stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 50px;
    margin-bottom: 50px;
}

.stat {
    position: relative;
    text-align: center;
}

.stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    background: rgb(156, 156, 156);
}

.number {
    font-size: 35px;
    font-weight: 500;
    color: black;
    line-height: 1;
    margin-bottom: 15px;
    font-family: "IBM Plex Sans", sans-serif !important;
}

.label {
    font-size: 15px;
    color: rgb(58, 58, 58);
    padding: 0px 4px;
    font-family: "IBM Plex Sans", sans-serif !important;
}

.logo-section {
    padding: 20px;
    text-align: center;
}

.logo-section img {
    width: 150px;
    max-width: 100%;
}

@media (max-width: 991px) {
    .main-title {
        font-size: 36px;
    }

    .description {
        font-size: 16px;
    }

    .number {
        font-size: 48px;
    }

    .label {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .dev-content {
        padding: 20px 0px;
    }

    .main-title {
        font-size: 28px;
        line-height: 1.4;
    }

    .description {
        font-size: 14px;
        padding-top: 3px !important;
    }

    .stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .stat::after {
        display: none;
    }

    .number {
        font-size: 40px;
    }

    .label {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .stats {
        /* grid-template-columns: 3fr; */
        gap: 28px;
        margin-bottom: 10px;
    }

    .main-title {
        font-size: 24px;
    }

    .number {
        font-size: 24px;
        font-weight: 400;
    }

    .label {
        font-size: 13px;
    }
}

.highlights-sectio h2.section-main-heading {
    margin-bottom: 100px;
    width: 70%;
}

.highlights-section {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.highlights-section h2.section-main-heading {
    width: 70%;
    margin-bottom: 80px;
}

.highlights_section {
    padding: 50px 0px;
    overflow-x: hidden;
}

.highlights_section h2.section-main-heading {
    width: 70%;
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 20px !IMPORTANT;
    padding-top: 18px;
    margin: auto auto 30px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: rgb(68, 68, 68);
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.highlights_slider_btn {
    position: relative;
    width: 130px;
    margin: 80px auto auto;
}

.highlights_slider_area {
    padding-left: 50px;
}

.highlights_slider_area .nav-tabs {
    margin-bottom: 35px;
    border-bottom: medium none currentcolor;
}

.highlights_slider_area .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
}

.highlights_slider_area .nav-tabs .nav-link.active {
    border: medium none currentcolor;
    color: rgb(90, 117, 78);
    font-weight: 500;
}

.highlights_slider_area .nav-tabs .nav-link:hover {
    border: medium none currentcolor;
    text-align: center;
}

.highlights_slider_area .nav-tabs .nav-link {
    font-family: Poppins;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 25px;
}

.highlights_slider_btn .swiper-button-prev, .highlights_slider_btn .swiper-button-next {
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.highlights_slider_btn .swiper-button-prev {
    background-image: url("../images/icons/right-arrow.svg");
}

.highlights_slider_btn .swiper-button-next {
    background-image: url("../images/icons/left-arrow.svg");
}

.swiper-button-prev::after, .swiper-button-next::after {
    display: none;
}

.highlights_section .tab-content .swiper-slide img {
    width: 100%;
    height: 410px;
    object-fit: cover;
}

.highlights_section .tab-content .swiper-slide {
    position: relative;
}

.highlights_section .tab-content .swiper-slide .highlights_desc {
    position: absolute;
    bottom: 0px;
    padding: 180px 20px 20px;
    left: 0px;
    width: 100%;
    margin: 0px auto;
    background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(6, 6, 6, 0.68) 80%, rgb(0, 0, 0) 100%);
}

.highlights_section .tab-content .swiper-slide .highlights_desc p {
    color: rgb(255, 255, 255);
    font-family: Poppins;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
}

.highlights_section .custom-buttom {
    background-color: transparent;
    margin: 125px auto 0px;
    display: block;
}

.image-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.image-box img {
    width: 100%;
    display: block;
}

.highlights_desc {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
}

.highlights_desc p {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    line-height: 25px;
    margin: 0px;
    text-transform: capitalize;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px;
}

.image-box::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
    z-index: 1;
}

.highlights_desc {
    z-index: 2;
}

.highlights_desc {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.21);
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 25px;
    z-index: 2;
}

.highlights_desc p {
    color: rgb(255, 255, 255);
    margin: 0px;
}

.spec-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: auto;
}

.spec-card {
    background: rgb(255 255 255 / 16%);
    border: 1px solid rgb(234, 234, 234);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 35px 25px 0px;
    position: relative;
    width: 100%;
}

.spec-icon {
    position: absolute;
    top: -28px;
    left: 28px;
    width: 56px;
    height: 56px;
    background: rgb(84 0 28);
    border: 1px solid rgb(230, 145, 87);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spec-icon img {
    width: 35px;
    height: 35px;
}

.spec-title {
    font-size: 15px;
    font-weight: 500;
    color: rgb(31, 31, 31);
    margin: 6px 0px 9px;
    letter-spacing: 0.3px;
    font-family: "IBM Plex Sans", sans-serif !important;
}

.spec-list {
    list-style: none;
    padding: 0px;
    margin-bottom: 31px;
}

.spec-list li {
    display: flex;
    align-items: flex-start;
}

.spec-list li::before {
    content: "✔";
    color: rgb(202, 168, 92);
    font-size: 12px;
    margin-right: 10px;
    margin-top: 5px;
}

.spec-text {
    font-size: 14px;
    line-height: 25px;
    color: rgb(61, 61, 61);
    font-family: "IBM Plex Sans", sans-serif !important;
}

@media (max-width: 992px) {
    .spec-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .spec-section {
        grid-template-columns: 1fr;
        /* padding: 10px; */
    }
}


.project-highlights::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.88));
}

.container {
    width: 90%;
    max-width: 1500px;
    margin: auto;
    position: relative;
}

.heading {
    text-align: center;
    margin-bottom: 80px;
}

.heading span {
    color: rgb(199, 163, 106);
    letter-spacing: 5px;
    font-size: 14px;
    text-transform: uppercase;
}

.heading h2 {
    color: rgb(255, 255, 255);
    font-family: "Cormorant Garamond", serif;
    font-size: 65px;
    font-weight: 500;
    margin-top: 15px;
}

.line {
    width: 120px;
    height: 1px;
    background: rgb(199, 163, 106);
    margin: 20px auto 0px;
}

.highlights-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.highlight {
    width: 20%;
    text-align: center;
    padding: 20px 11px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.4s;
    position: relative;
}

.highlight:hover {
    background: rgba(255, 255, 255, 0.03);
}

.highlight::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 2px;
    background: rgb(199, 163, 106);
    transition: 0.4s;
}

.highlight:hover::before {
    width: 70px;
}

.highlight h3 {
    color: rgb(200, 168, 107);
    font-size: 35px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 500;
}

.highlight p {
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    text-transform: uppercase;
    max-width: 220px;
    margin: auto;
}

.highlight:nth-child(5) {
    border-right: medium none currentcolor;
}

.highlight:nth-child(6) {
    margin-left: 10%;
}

@media (max-width: 1199px) {
    .highlight {
        width: 33.33%;
    }

    .highlight:nth-child(6) {
        margin-left: 0px;
    }

    .heading h2 {
        font-size: 55px;
    }
}

@media (max-width: 991px) {
    .highlight {
        width: 50%;
    }

    .heading h2 {
        font-size: 45px;
    }

    .highlight h3 {
        font-size: 55px;
    }
}

@media (max-width: 767px) {
    .project-highlights {
        /* background-attachment: scroll; */
        padding: 55px 0px !important;
    }

    .highlight {
        /* width: 100%; */
        padding: 10px 10px;
        border-right: medium none currentcolor;
    }

    .heading h2 {
        font-size: 34px;
    }

    .highlight h3 {
        font-size: 26px;
    }

    .highlight p {
        font-size: 13px;
        text-transform: capitalize;
        letter-spacing: 0.2px;
    }
}

.contact-list {
    position: fixed;
    bottom: 15px;
    right: 0px;
    display: flex;
    border-radius: 25px 0px 0px 25px;
    flex-direction: column;
    z-index: 99999;
}

.contact-list a i {
    color: rgb(0, 0, 0);
    font-size: 13px;
}

.contact-list a {
    background: rgba(152, 152, 152, 0.24);
    backdrop-filter: blur(10px);
    margin-bottom: 6px;
    border-radius: 25px 0px 0px 25px;
    width: 60px;
    height: 35px;
    text-align: center;
    margin-top: 0px;
    transition: transform 0.3s ease-in-out;
    line-height: 40px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-around;
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border-color: rgba(152, 152, 152, 0.24) currentcolor rgba(152, 152, 152, 0.24) rgba(152, 152, 152, 0.24);
    border-image: initial;
    cursor: pointer;
    text-decoration: none;
}

.contact-list a:hover {
    transform: translateX(10px);
}

.nav-three {
    transition: 0.4s;
}

.nav-three.nav-scrolled {
    background: rgb(214, 177, 128);
    /* padding: 0px 20px; */
    backdrop-filter: blur(10px);
}

.fill-text {
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
    color: rgba(200, 168, 107, 0.15);
    letter-spacing: 3px;
    font-family: Cinzel, serif !important;
}

.fill-text::before {
    content: attr(data-text);
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--fill,0%);
    height: 100%;
    color: rgb(200, 168, 107);
    overflow: hidden;
    white-space: nowrap;
    transition: width 0.1s linear;
}

.rera-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 40px;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 25px;
    z-index: 10;
}

.rera-badge img {
    width: 50px;
    height: auto;
    display: block;
}

.rera-badge span {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 23px;
}

@media (max-width: 768px) {
    .rera-badge {
        /* position: relative; */
        /* width: stretch; */
        /* text-align: start; */
        /* margin-bottom: 86px; */
        margin: auto;
    }

    .rera-badge img {
        width: 40px;
    }

    .rera-badge span {
        font-size: 12px;
        color: white;
    }
}

.mobile-bottom-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: none;
    background: rgb(0, 0, 0);
    z-index: 9999;
}

.mobile-bottom-bar a {
    flex: 1 1 0%;
    color: rgb(255, 255, 255);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 12px;
}

.mobile-bottom-bar a i {
    font-size: 18px;
}

.mobile-bottom-bar a:last-child {
    border-right: medium none currentcolor;
}

@media (max-width: 768px) {
    .mobile-bottom-bar {
        display: flex;
    }
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type="text"], .iti--allow-dropdown input[type="tel"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="text"], .iti--separate-dial-code input[type="tel"] {
    padding-right: 6px;
    margin-left: 0px;
    padding-left: 0px !important;
}

.desktop-enquiry-btn {
    position: fixed;
    right: -76px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background: rgb(214, 177, 128);
    color: rgb(0, 0, 0);
    padding: 14px 35px;
    cursor: pointer;
    z-index: 9999;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.mobile-bottom-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-top: 1px solid #d6b18069;
    display: none;
    background: rgb(84 0 28);
    z-index: 9999;
}

.mobile-bottom-bar a {
    flex: 1 1 0%;
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    padding: 7px 5px;
    font-weight: 500;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 14px;
}

.popup-overlay {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    width: 90%;
    max-width: 420px;
    background: rgb(84, 0, 28);
    padding: 30px;
    border-radius: 10px;
    position: relative;
}

.popup-content h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
}

.popup-content input {
    width: 100%;
    height: 50px;
    background: rgb(84, 0, 28);
    padding: 0px 15px;
    margin-bottom: 15px;
    border: 1px solid rgba(221, 221, 221, 0.31);
    outline: none;
}

.popup-content button {
    width: 100%;
    height: 50px;
    background: rgb(192, 142, 76);
    color: rgb(255, 255, 255);
    border: medium none currentcolor;
    cursor: pointer;
    font-size: 16px;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    cursor: pointer;
}

.iti {
    width: 100%;
    margin-bottom: 15px;
}

.iti input {
    width: 100%;
    height: 50px;
}

@media (max-width: 768px) {
    .desktop-enquiry-btn {
        display: none;
    }

    .mobile-bottom-bar {
        display: flex;
    }

    body {
        padding-bottom: 60px;
    }
}

input::placeholder {
    color: white;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type="text"], .iti--allow-dropdown input[type="tel"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="text"], .iti--separate-dial-code input[type="tel"] {
    padding-right: 6px;
    margin-left: 0px;
    padding-left: 87px !important;
}

a {
    font-family: "IBM Plex Sans", sans-serif !important;
}

.swiper-button-next i{
    font-size: 30px;color: black;
}.swiper-button-prev i{
    font-size: 30px;color: black;
}










@media(max-width:576px){
    .home-one-big-text h2 {
    color: rgb(214, 177, 128);
    margin-top: 20px;
    letter-spacing: 2px;
    margin-bottom: 18px;
    font-size: 53px !important;
}.home-one-big-text h3 {
    color: white;
    line-height: 20px;
    margin-top: 24px;
    letter-spacing: 3px;
    font-size: 17px;
    font-weight: 100 !important;
}.home-one-big-text h1 {
    color: white;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 20px;
    letter-spacing: 3px;
    font-size: 17px;
    font-weight: 100 !important;
}.container {
    width: 100%;
    /* padding: 0px; */
}p {
    color: rgba(0, 0, 0, 0.78);
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;}

.highlights_section h2.section-main-heading {
    width: 100%;
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 17px ! IMPORTANT;
    padding-top: 9px;
    line-height: 27px !important;
    margin: auto auto 30px;
}.highlights_slider_area {
    padding-left: 7px;
}


.highlights_slider_btn {
    position: relative;
    width: 130px;
    margin: 40px auto auto;
}
.fill-text {
    position: relative;
    display: inline-block;
    font-size: 22px;
    }
    .heading {
    text-align: center;
    /* margin-top: 50px; */
    margin-bottom: 30px;
}.service-one-plan-item {
    height: 30vh;
    position: sticky;
    top: 0px;
}.content-wrp p {
    padding: 4px 0px;
    color: black;
    display: flex;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    font-size: 12px;}.logo-section img {
    width: 95px;
    max-width: 100%;
}
}





.about-one-hero-heading{
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}

/* Large Desktop */
@media (min-width: 1600px){
    .about-one-hero-heading{
        padding-top: 90px;
    }
}

/* Laptop */
@media (max-width: 1200px){
    .about-one-hero-heading{
        padding-top: 40px;
    }
}

/* Tablet */
@media (max-width: 768px){
    .about-one-hero-heading{
        padding-top: 50px;
    }
}

/* Mobile */
@media (max-width: 480px){
    .about-one-hero-heading{
        padding-top: 100px;
    }
    .contact-list {
    position: fixed;
    bottom: 65px;}
    .popup-content input::placeholder{
        font-size: 13px;
    }.highlights_section {
    padding: 30px 0px;
    }.tab:not(:last-child)::before{
        display: none;
    }.popup-content {
    width: 90%;
    max-width: 420px;
    background: rgb(84, 0, 28);
    padding: 24px 15px;}
}


.rera{
    display: flex;justify-content: center;gap: 10px;align-items: center;margin-top: 30px;
}
.rera img{
    width: 80px;
}
.rera p{
    text-align: left;
}