/*
Theme Name: tiss-theme
*/

@font-face {
    font-family: 'hurricane-regular';
    src: url('assets/font/hurricane/hurricane-regular.woff2') format('woff2'),
        url('assets/font/hurricane/hurricane-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'neuemontreal-regular';
    src: url('assets/font/neue-montreal/NeueMontreal-Regular.woff2') format('woff2'),
        url('assets/font/neue-montreal/NeueMontreal-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'neuemontreal-medium';
    src: url('assets/font/neue-montreal/NeueMontreal-Medium.woff2') format('woff2'),
        url('assets/font/neue-montreal/NeueMontreal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'canela-regular';
    src: url('assets/font/canela-trial/Canela-Regular-Trial.woff2') format('woff2'),
        url('assets/font/canela-trial/Canela-Regular-Trial.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'canela-regular-italic';
    src: url('assets/font/canela-trial/CanelaCondensed-RegularItalic-Trial.woff2') format('woff2'),
        url('assets/font/canela-trial/CanelaCondensed-RegularItalic-Trial.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'canela-bold';
    src: url('assets/font/canela-trial/Canela-Bold-Trial.woff2') format('woff2'),
        url('assets/font/canela-trial/Canela-Bold-Trial.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
}

p,
a {
    font-family: 'neuemontreal-regular';
    color: #000000de;
    font-size: 16px;
}

span {
    font-family: 'neuemontreal-medium';
}

a:hover {
    color: #EF3339b3;
    text-decoration: none !important;
}

.error-404 img {
    width: 100%;
    height: 485px;
    object-fit: contain;
    margin: 106px 0;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #1D1D1D;
}

::-webkit-scrollbar-thumb {
    background: #FF3137;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

html {
    scroll-behavior: auto;
    overflow-x: clip;
}

html.tiss-native-scroll,
html.tiss-native-scroll body {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

html.tiss-lenis-active,
html.tiss-lenis-active body {
    scroll-behavior: auto !important;
}

body {
    background: #FDF8F0 !important;
    overflow-x: clip;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

.split-line {
    overflow: hidden;
    padding-bottom: 4px;
    display: block;
}

.split-word {
    display: inline-block;
    will-change: transform, opacity;
}

.split-char {
    display: inline-block;
    will-change: transform, opacity;
}

.achievement-card,
.project-card,
.blog-card,
.why-choose-item,
.counter-item {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
}

.about-us-image,
.why-choose-image {
    overflow: hidden;
    position: relative;
    border-radius: 16px;
}

.about-us-image img,
.why-choose-image img {
    will-change: transform;
    transform-origin: center center;
}

.skip-link {
    position: fixed;
    top: -9999px;
    left: 20px;
    z-index: 99999999;
    padding: 12px 24px;
    background: #FF3137;
    color: #ffffff !important;
    font-family: 'neuemontreal-medium', sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    text-decoration: none !important;
    transition: top 0.2s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
    top: 20px;
    outline: 3px solid #d7b46a !important;
    outline-offset: 3px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.tab-btn:focus-visible,
.inner-blog-section-filter-btn:focus-visible {
    outline: 2px solid #FF3137 !important;
    outline-offset: 3px !important;
}

.container {
    max-width: unset !important;
    padding: 0 6% !important;
}

/* header section start  */

.header-wrapper {
    width: 100%;
    background: rgb(0, 0, 0);
    text-align: center;
    position: fixed;
    top: 0px;
    z-index: 999999;
    padding: 0;
    box-shadow: 0px 4px 4px 0 #00000021;
}

.f-nav .header-wrapper {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    transition: .3s ease;
}

.top-header-wrapper {
    width: 100%;
    background: #39393A;
    text-align: center;
    padding: 12px 0;
}

.top-header-main {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.top-header-text span {
    color: #fff;
    font-size: 14px;
}

.top-header-social {
    display: flex;
    align-items: center;
    gap: 30px;
}

.top-header-social i {
    font-size: 16px;
}

.top-header-social a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: 14px;
}

.top-header-report-btn {
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
    transition: 0.3s ease-in-out
}

.top-header-report-btn:hover {
    color: #FED11D;
}

.menu-logoheader {
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding: 12px 0;
}

.header-logo img {
    width: 200px;
    object-fit: cover;
    height: auto;
    margin-right: auto;
    display: block;
}

.f-nav .header-logo img {
    height: auto;
    width: 170px;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #000;
    font-size: 16px !important;
    line-height: 1 !important;
    height: unset !important;
    padding: 10px 15px;
    font-weight: 500 !important;
    font-family: 'neuemontreal-medium';
    background: #00000000 !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
    color: #FF3137;
    font-size: 16px;
    font-weight: 500;
    border-color: #fff;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    color: #FF3137;
    font-weight: 500;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    color: #ff3137;
}

.header-btn-main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.header-btn-Book {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
    background: #FF3137;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.header-btn-Book:hover {
    color: #fff;
}

/* top header section end  */

/* banner section start  */

.banner-section {
    position: relative;
    overflow: visible;
}

.banner-section-slider {
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity .4s ease;
}

.banner-section-slider.slick-initialized {
    opacity: 1;
}

.banner-section-wrapper {
    position: relative;
    height: 100dvh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 1200.02px) and (max-height: 800px) {
    .banner-section-wrapper {
        height: calc(100dvh + 80px);
    }
}

.banner-section-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, .45),
            rgba(0, 0, 0, .85)
        );
}

.banner-section-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 0 20px;
}

.banner-section-content h1 {
    font-size: 56px;
    line-height: 1.1;
    max-width: 550px;
    margin: 0 auto 10px;
    color: #fff;
    font-family: 'neuemontreal-medium';
    text-transform: capitalize;
}

.banner-section-text p {
    margin: 0 auto 25px;
    font-size: 42px;
    line-height: 1.5;
    color: #fff;
    font-family: 'hurricane-regular';
}

.banner-section-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.banner-section-start-btn,
.banner-section-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 28px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: .35s;
}

.banner-section-start-btn {
    background: #FF3137;
    color: #fff;
}

.banner-section-start-btn:hover {
    background: #e02a30;
    color: #fff;
}

.banner-section-view-btn {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
}

.banner-section-view-btn i {
    color: #FF3137;
}

.banner-section-view-btn:hover {
    background: #fff;
    color: #222;
}

/* banner section ends */

/* counter section start  */

.counter-section {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    z-index: 20;
}

.counter-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
    background: rgb(0 0 0 / 73%);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    flex-wrap: wrap;
    width: fit-content;
    margin: auto;
}

.counter-item {
    text-align: center;
    padding: 30px 20px;
}

.counter-separator {
    display: flex;
    width: 1px;
    align-self: stretch;
    margin: 20px 0;
    background: rgba(255, 255, 255, .08);
    flex-shrink: 0;
}

.counter-item.border-0 {
    border-right: none;
}

.counter-item h2 {
    margin: 0 0 10px;
    font-size: 38px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
    font-family: 'neuemontreal-medium';
}

.counter-item span {
    display: block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
    font-family: 'neuemontreal-medium';
}

/* counter section end  */

/* achievement section start  */

.achievement-section {
    padding: 60px 0;
    overflow: hidden;
}

.achievement-heading {
    margin: 0 auto 50px;
    text-align: center;
}

.achievement-tag {
    display: inline-block;
    position: relative;
    padding: 0 50px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #795921;
}

.achievement-tag::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 35px;
    height: 12px;
    transform: translateY(-50%);
    background: url('./assets/img/Line\ 1.png') no-repeat center;
    background-size: contain;
}

.achievement-tag::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 35px;
    height: 12px;
    transform: translateY(-50%);
    background: url('./assets/img/Line\ 2.png') no-repeat center;
    background-size: contain;
}

.achievement-tag::before {
    left: 0;
}

.achievement-tag::after {
    right: 0;
}

.achievement-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.achievement-heading-title span {
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
    color: #6A020A;
}

.achievement-heading-description {
    max-width: 1000px;
    margin: 0 auto;
}

.achievement-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #666;
}

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

.achievement-card {
    flex: 1;
    text-align: center;
    max-width: 370px;
}

.achievement-icon {
    width: 110px;
    height: 110px;
    margin: 0 auto 20px;
    border: 2px solid #d7b46a;
    border-radius: 50px 50px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.achievement-icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border: 2px solid #d7b46a;
    border-radius: 45px 45px 0px 0px;
    padding: 10px;
}

.achievement-card h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 1.3;
    color: #222;
    text-transform: uppercase;
    font-family: 'canela-regular';
}

.achievement-card h3::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #c8b68a;
    transform: translateX(-50%);
}

.achievement-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

.achievement-award-wrapper {
    flex: 1;
    max-width: 370px;
    text-align: center;
}

.achievement-award img {
    width: 100%;
    object-fit: cover;
    height: 450px;
    display: block;
    margin: 0 auto;
}

.achievement-award-content {
    margin-top: 25px;
}

.achievement-award-content h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.3;
    color: #222;
    text-transform: uppercase;
    font-family: 'canela-regular';
}

.achievement-award-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

/* achievement section end */

/* about us section start  */

.about-us-section {
    padding: 60px 0;
    background: #FFFDF8;
    overflow: hidden;
}

.about-us-image {
    position: relative;
    max-width: 530px;
    padding: 12px;
    border: 2px solid #d6b37a;
    border-radius: 260px 260px 0 0;
}

.about-us-image img {
    width: 100%;
    height: 580px;
    object-fit: cover;
    border-radius: 250px 250px 0 0;
    display: block;
}

.about-us-content {
    padding: 0 0 0px 80px;
}

.about-us-content h2 {
    font-size: 60px;
    line-height: 1.15;
    color: #1f1f1f;
    font-family: 'canela-regular';
    margin-bottom: 32px;
}

.about-us-content h2 span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.about-us-text p {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    font-family: 'neuemontreal-regular';
    margin-bottom: 20px;
}

.about-us-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-family: 'neuemontreal-medium';
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .35s;
}

.about-us-btn i {
    font-size: 12px;
}

.about-us-btn:hover {
    background: #e02a30;
    border: 1px solid #e02a30;
    color: #fff;
}

/* about us section end  */

/* service section start */

.services-section {
    padding: 60px 0;
}

.services-heading {
    margin: 0 auto 50px;
    text-align: center;
}

.services-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.services-heading-title span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.services-heading-description {
    max-width: 720px;
    margin: 0 auto;
}

.services-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.8;
    color: #666;
}

.services-item {
    border-top: 1px solid #ddd5c8;
    padding: 28px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.services-item:last-of-type {
    border-bottom: 1px solid #ddd5c8;
}

.services-item-views {
    position: relative;
    flex: 1;
    min-width: 0;
}

.services-view {
    width: 100%;
    transition: opacity .45s ease, transform .45s ease;
}

.services-view-default {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.services-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    flex-shrink: 0;
    width: 50%;
}

.services-image {
    width: 100%;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
}

.services-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.services-view-default:hover .services-image img {
    transform: scale(1.08);
}

.services-title {
    flex: 1;
    min-width: 0;
    text-align: center;
}

.services-title h3 {
    margin: 0;
    font-size: 30px;
    color: #143226;
    font-family: 'canela-regular';
}

.services-description {
    width: 22%;
    flex-shrink: 0;
}

.services-description p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #666;
}

.services-mobile-text {
    display: none;
}

.services-view-expanded {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
}

.services-panel-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
}

.services-panel-title {
    flex: 0 0 auto;
    width: 100%;
    max-width: 35%;
}

.services-panel-title h3 {
    margin: 0;
    font-size: 38px;
    line-height: 1.3;
    color: #143226;
    font-family: 'canela-regular';
}

.services-panel-text {
    flex: 1;
    text-align: left;
}

.services-panel-text p {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.9;
    color: #666;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.services-panel-text p:last-child {
    margin-bottom: 0;
}

.services-panel-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
}

.services-panel-image {
    width: 100%;
    height: 330px;
    border-radius: 10px;
    overflow: hidden;
}

.services-panel-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.services-view-expanded:hover .services-panel-image img {
    transform: scale(1.05);
}

.services-item.is-expanded .services-view-default {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-12px);
    pointer-events: none;
}

.services-item.is-expanded .services-view-expanded {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.services-button {
    flex-shrink: 0;
}

.services-toggle-btn {
    position: relative;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fff;
    color: #c89b3c;
    border: none;
    cursor: pointer;
    font-size: 18px;
    transition: background .35s, color .35s;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
}

.services-toggle-btn:hover {
    background: #7b0d16;
    color: #fff;
}

.services-item.is-expanded .services-toggle-btn {
    background: #143226;
    color: #fff;
}

.services-toggle-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-close {
    display: none;
}

.services-item.is-expanded .icon-plus {
    display: none;
}

.services-item.is-expanded .icon-close {
    display: block;
}

.services-footer {
    text-align: center;
    margin-top: 60px;
}

.services-footer-text {
    max-width: 500px;
    margin: 0 auto 25px;
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}

.services-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    font-family: 'neuemontreal-medium';
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .35s;
}

.services-view-btn i {
    font-size: 12px;
}

.services-view-btn:hover {
    background: #e02a30;
    border: 1px solid #e02a30;
    color: #fff;
}

/* service section end */

/* why us section start  */

.why-choose-section {
    padding: 60px 0;
    background: #FFFDF8;
    overflow: hidden;
}

.why-choose-heading {
    margin: 0 auto 50px;
    text-align: center;
}

.why-choose-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.why-choose-heading-title span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.why-choose-heading-description {
    max-width: 620px;
    margin: 0 auto;
}

.why-choose-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #666;
}

.why-choose-image {
    padding: 8px;
    border: 2px solid #d6b37a;
    border-radius: 10px;
}

.why-choose-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.why-choose-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.why-choose-item {
    display: flex;
    gap: 16px;
    padding: 30px 25px;
    border-bottom: 1px solid #ddd;
}

.why-choose-item:nth-last-child(-n+2) {
    border-bottom: none;
}

.why-choose-number {
    min-width: 30%;
    font-size: 90px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px #d7d7d7;
    font-family: 'canela-regular';
}

.why-choose-content {
    width: 70%;
}

.why-choose-content h3 {
    margin-bottom: 10px;
    font-size: 22px;
    color: #172c25;
    font-family: 'canela-regular';
    font-weight: 600;
}

.why-choose-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

/* why us section end  */

/* projects section start  */

.projects-section {
    padding: 60px 0;
}

.projects-heading {
    max-width: 600px;
    margin: 0 auto 50px;
    text-align: center;
}

.projects-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.projects-heading-title span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.projects-description {
    max-width: 620px;
    margin: 0 auto;
}

.projects-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #666;
}

.projects-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 80px;
}

.tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #fff;
    border: 1px solid #e5ddcf;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: .3s;
    font-family: 'neuemontreal-medium';
}

.tab-btn.active {
    background: #172c25;
    border-color: #172c25;
    color: #fff;
    font-family: 'canela-regular-italic';
    letter-spacing: 2px;
}

.tab-btn:hover:not(.active) {
    border-color: #c89b3c;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.project-card:nth-child(-n+3) {
    grid-column: span 4;
    height: 320px;
}

.project-card:nth-child(n+4) {
    grid-column: span 3;
    height: 270px;
}

.project-card {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-decoration: none;
}

.project-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 60%);
}

.project-card-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
}

.project-card-content h3 {
    margin: 0 0 4px;
    font-size: 20px;
    font-family: 'canela-regular';
    font-weight: 600;
}

.project-card-content span {
    font-size: 14px;
    font-family: 'neuemontreal-regular';
}

.project-card-arrow {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    color: #172c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: .3s;
}

.project-card:hover .project-card-arrow {
    background: #c89b3c;
    color: #fff;
}

.projects-cat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.project-cat-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0px 20px;
    min-height: 200px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.project-cat-content {
    flex: 1;
    padding-right: 20px;
}

.project-cat-content h3 {
    margin: 0 0 12px;
    font-size: 24px;
    color: #172c25;
    font-family: 'canela-regular';
}

.project-cat-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}

.project-cat-image {
    flex-shrink: 0;
    width: 300px;
    height: 100%;
    border-radius: 160px 0 0 0;
    overflow: hidden;
}

.project-cat-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.project-cat-card[style*="#1c2b3a"] .project-cat-content h3,
.project-cat-card[style*="#1c2b3a"] .project-cat-content p {
    color: #fff;
}

/* projects section end  */

/* blog section start  */

.blog-section {
    padding: 60px 0;
    overflow: hidden;
}

.blog-heading {
    max-width: 700px;
    margin: 0 auto 70px;
    text-align: center;
}

.blog-heading {
    max-width: 600px;
    margin: 0 auto 50px;
    text-align: center;
}

.blog-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.blog-heading-title span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.blog-heading-description {
    max-width: 620px;
    margin: 0 auto;
}

.blog-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #666;
}

.blog-slider {
    margin: 0 -15px;
    opacity: 0;
    transition: opacity .4s ease;
}

.blog-slider.slick-initialized {
    opacity: 1;
}

.blog-slide {
    padding: 0 15px;
}

.slick-cloned .blog-card {
    opacity: 1 !important;
    transform: none !important;
}

.blog-card {
    display: block;
    background: #FBF2E8;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: .35s;
    height: 100%;
}

.blog-image {
    overflow: hidden;
}

.blog-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.blog-card:hover .blog-image img {
    transform: scale(1.08);
}

.blog-content {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    height: 280px;
}

.blog-category {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 600;
    color: #9c948a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'neuemontreal-medium';
}

.blog-content h3 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 1.35;
    color: #172c25;
    font-family: 'canela-regular';
    transition: 0.3s ease-in-out;
}

.blog-card:hover .blog-content h3 {
    color: #FF3137;
}

.blog-text {
    margin-bottom: 20px;
}

.blog-text,
.blog-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #777;
}

.blog-date {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #b4aba0;
    font-family: 'neuemontreal-medium';
}

.blog-slider .slick-track {
    display: flex;
}

.blog-slider .slick-slide {
    height: inherit;
}

.blog-slider .slick-slide>div {
    height: 100%;
}

.blog-slider .slick-arrow {
    position: absolute;
    top: 40%;
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    z-index: 10;
    font-size: 0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    transition: .3s;
}

.blog-slider .slick-prev {
    left: -25px;
}

.blog-slider .slick-next {
    right: -25px;
}

.blog-slider .slick-prev::before,
.blog-slider .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    color: #172c25;
}

.blog-slider .slick-prev::before {
    content: "\f053";
}

.blog-slider .slick-next::before {
    content: "\f054";
}

.blog-slider .slick-arrow:hover {
    background: #8d1c20;
}

.blog-slider .slick-arrow:hover::before {
    color: #fff;
}

/* blog section end  */

/* testimonials section start  */

.testimonials-section {
    padding: 60px 0;
    overflow: hidden;
}

.testimonials-heading {
    max-width: 600px;
    margin: 0 auto 50px;
    text-align: center;
}

.testimonials-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.testimonials-heading-title span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.testimonials-marquee {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    height: 640px;
    position: relative;
}

.testimonials-marquee::before,
.testimonials-marquee::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 2;
    pointer-events: none;
}

.testimonials-column {
    overflow: hidden;
    height: 100%;
}

.testimonials-track-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.testimonials-track {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding-bottom: 20px;
}

.column-up .testimonials-track-wrapper {
    animation: scrollUp 28s linear infinite;
}

.column-down .testimonials-track-wrapper {
    animation: scrollDown 28s linear infinite;
}

@keyframes scrollUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

@keyframes scrollDown {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0);
    }
}

.testimonials-marquee:hover .testimonials-track-wrapper {
    animation-play-state: paused;
}

.testimonial-card {
    background: #fff;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
}

.testimonial-quote {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 1.8;
    color: #333;
    font-family: 'canela-regular-italic';
}

.testimonial-author strong {
    display: block;
    font-size: 16px;
    color: #172c25;
    font-family: 'neuemontreal-medium';
}

.testimonial-author span {
    font-size: 14px;
    color: #888;
}

/* testimonials section end  */

/* contact cta section start  */

.contact-cta-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.contact-cta-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('./assets/img/Logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.09;
    pointer-events: none;
    z-index: 1;
}

.contact-cta-wrapper {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.contact-cta-heading {
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.contact-cta-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
}

.contact-cta-heading-title span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.contact-cta-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #666;
}

.contact-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.contact-cta-primary-btn,
.contact-cta-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 40px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    transition: .35s;
}

.contact-cta-primary-btn {
    background: #ff3137;
    color: #fff;
    border: 1px solid #ff3137;
}

.contact-cta-primary-btn:hover {
    background: #8d1c20;
    border-color: #8d1c20;
    color: #fff;
}

.contact-cta-secondary-btn {
    background: transparent;
    color: #222;
    border: 1px solid #d8d2c8;
}

.contact-cta-secondary-btn:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}

.contact-cta-primary-btn i,
.contact-cta-secondary-btn i {
    font-size: 12px;
}

/* contact cta section end  */

/* contact section start  */

.contact-form-section {
    padding: 0;
}

.contact-form-bg {
    position: relative;
    padding: 60px 0;
    background-size: cover;
    background-position: center;
}

.contact-form-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 0;
}

.contact-form-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: #fff;
}

.contact-form-heading {
    margin: 0 0 25px;
}

.contact-form-heading-title {
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 1.2;
    color: #fff;
    font-family: 'canela-regular';
}

.contact-form-heading-title span {
    color: #fff;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.contact-form-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #fff;
}

.contact-form-info-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 10px;
    padding: 25px;
    backdrop-filter: blur(6px);
    max-width: 340px;
}

.contact-form-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-form-icon {
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}

.contact-form-content h3 {
    margin: 0 0 2px;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'neuemontreal-medium';
}

.contact-form-content a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    text-decoration: none;
    transition: .3s;
    font-family: 'neuemontreal-regular';
}

.contact-form-content a:hover {
    color: #ff3137;
}

.contact-form-right {
    padding: 10px 0 10px 30px;
}

.contact-form-group {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.contact-form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'neuemontreal-medium';
}

.contact-form-label span {
    color: #ff3137;
}

.contact-form-input,
.contact-form-textarea,
.contact-form-group select {
    width: 100%;
    padding: 14px 16px;
    border: none;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    color: #222;
    transition: .3s;
}

.contact-form-input:focus,
.contact-form-textarea:focus,
.contact-form-group select:focus {
    outline: 2px solid #ff3137;
}

.contact-form-textarea {
    height: 130px;
    resize: none;
}

.contact-submit-btn {
    width: 100%;
    padding: 20px 40px;
    background: #ff3137;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
}

.contact-submit-btn:hover {
    background: #c41f25;
}

.contact-response-time {
    font-size: 13px;
    color: rgba(255, 255, 255, .7);
}

.wpcf7-spinner {
    margin-left: 10px;
}

/* contact section end  */

/* footer section start  */

.footer {
    background: #ffffff;
}

.top-footer-bar {
    border-bottom: 1px solid #000;
    padding: 40px 0;
}

.top-footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-tagline {
    font-family: 'canela-regular';
    font-weight: 500;
    font-size: 40px;
    line-height: 1.3;
    color: #000;
    margin: 0;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 14px;
}

.footer-social a {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #b3894c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b3894c;
    font-size: 24px;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.footer-social a:hover {
    background-color: #b3894c;
    color: #ffffff;
}

.main-footer-row {
    padding: 60px 0 40px;
}

.footer-item h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.12px;
    font-family: 'canela-regular';
    text-transform: uppercase;
    color: #b3894c;
    margin: 0 0 22px;
}

.footer-item-brand .footer-logo {
    width: 260px;
    object-fit: contain;
    height: auto;
    margin-bottom: 16px;
}

.footer-about-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #8a8a8a;
    max-width: 260px;
    margin: 0;
}

.footer-item-links ul,
.footer-item-services ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-item-links li,
.footer-item-services li {
    margin-bottom: 14px;
}

.footer-item-links a,
.footer-item-services a {
    font-size: 18px;
    color: #6b6b6b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-item-links a:hover,
.footer-item-services a:hover {
    color: #b3894c;
}

.footer-item-contact .contact-line {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #6b6b6b;
    text-decoration: none;
    margin-bottom: 14px;
}

.footer-item-contact .contact-line i {
    color: #b3894c;
    font-size: 22px;
}

.footer-item-contact .contact-line:hover {
    color: #b3894c;
}

.footer-copyright-row {
    border-top: 1px solid #e7e2da;
    padding: 22px 0;
    font-size: 13px;
    color: #8a8a8a;
}

.footer-copyright-row p {
    margin: 0;
}

.footer-copyright-row .reserved-text {
    text-align: left;
}

.footer-copyright-row .reserved-text p {
    font-size: 16px;
    color: #000;
}

.footer-copyright-row .tiss-link {
    text-align: center;
}

.footer-copyright-row .tiss-link a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.footer-copyright-row .tiss-link a:hover {
    color: #b3894c;
}

.footer-copyright-row .footer-legal {
    text-align: right;
}

.footer-legal {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    margin: 0;
    padding: 0;
}

.footer-legal p {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

/* footer section end  */

/* inner header section start  */

.inner-header-banner-title-section {
    padding: 200px 0 100px;
    overflow: hidden;
    position: relative;
    height: auto;
    text-align: center;
}

.inner-header-banner-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.inner-header-banner-title-word {
    font-size: 70px;
    font-weight: 800;
    line-height: 1;
    color: #111;
    font-family: 'canela-regular', sans-serif;
    letter-spacing: -1px;
    white-space: nowrap;
    text-transform: uppercase;
    opacity: 0;
    transition: transform 1.1s cubic-bezier(.16, .83, .3, 1), opacity .6s ease;
}

/* .inner-header-banner-title-left {
    transform: translateX(120px);
}

.inner-header-banner-title-right {
    transform: translateX(-120px);
} */

.inner-header-banner-title-wrapper.is-animated .inner-header-banner-title-left {
    transform: translateX(0);
    opacity: 1;
}

.inner-header-banner-title-wrapper.is-animated .inner-header-banner-title-right {
    transform: translateX(0);
    opacity: 1;
}

.inner-header-banner-title-center {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 14px;
    flex-shrink: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .8s ease .4s;
}

.inner-header-banner-title-wrapper.is-animated .inner-header-banner-title-center {
    opacity: 1;
}

.inner-header-banner-title-mini {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #111;
    font-family: 'neuemontreal-medium', sans-serif;
    text-transform: uppercase;
}

.inner-header-banner-title-bracket-svg {
    flex-shrink: 0;
}

.inner-header-banner-title-wrapper-large {
    display: block;
    width: 100%;
}

.inner-header-banner-title-big {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 6px;
    column-gap: 18px;
    max-width: 900px;
    margin: 0 auto;
    font-size: 60px;
    font-weight: 900;
    line-height: 1.15;
    color: #111;
    font-family: 'neuemontreal-bold', sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.inner-header-banner-title-big span {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease, transform .7s ease;
    font-family: 'canela-regular', sans-serif;
}

.inner-header-banner-title-wrapper.is-animated .inner-header-banner-title-big span {
    opacity: 1;
    transform: translateY(0);
}

.inner-header-banner-title-big>span:nth-of-type(1) {
    transition-delay: .05s;
}

.inner-header-banner-title-big>span:nth-of-type(2) {
    transition-delay: .1s;
}

.inner-header-banner-title-big>span:nth-of-type(3) {
    transition-delay: .15s;
}

.inner-header-banner-title-big>span:nth-of-type(4) {
    transition-delay: .2s;
}

.inner-header-banner-title-big>span:nth-of-type(5) {
    transition-delay: .25s;
}

.inner-header-banner-title-big>span:nth-of-type(6) {
    transition-delay: .3s;
}

.inner-header-banner-title-big>span:nth-of-type(7) {
    transition-delay: .35s;
}

.inner-header-banner-title-big>span:nth-of-type(8) {
    transition-delay: .4s;
}

.inner-header-banner-title-big>span:nth-of-type(9) {
    transition-delay: .45s;
}

.inner-header-banner-title-big>span:nth-of-type(10) {
    transition-delay: .5s;
}

.inner-header-banner-title-big>span:nth-of-type(11) {
    transition-delay: .55s;
}

.inner-header-banner-title-inline {
    display: inline-flex;
    align-items: center;
    grid-template-columns: 0fr;
    transition: grid-template-columns .8s cubic-bezier(.16, .83, .3, 1);
    vertical-align: middle;
    opacity: 1;

    transform: none;
}

.inner-header-banner-title-wrapper.is-animated .inner-header-banner-title-inline {
    grid-template-columns: 1fr;
}

.inner-header-banner-title-inline-track {
    overflow: hidden;
    min-width: 0;
}

.inner-header-banner-title-inline-inner {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    white-space: nowrap;
    opacity: 0;
    transform: scale(.75);
    transition: opacity .45s ease .3s, transform .45s cubic-bezier(.34, 1.56, .64, 1) .3s;
}

.inner-header-banner-title-wrapper.is-animated .inner-header-banner-title-inline-inner {
    opacity: 1;
    transform: scale(1);
}

.inner-header-banner-title-inline small {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #111;
    font-family: 'neuemontreal-medium', sans-serif;
    text-transform: uppercase;
}

.inner-header-banner-title-inline svg {
    flex-shrink: 0;
}

.inner-header-banner-title-heading {
    max-width: 700px;
    margin: 30px auto 0;
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
    color: #111;
    font-family: 'canela-regular', sans-serif;
}

.inner-header-banner-title-description {
    max-width: 550px;
    margin: 30px auto 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    font-family: 'neuemontreal-regular', sans-serif;
}

/* inner header section end  */

/* inner about section start  */

.inner-about-section {
    padding-bottom: 60px;
}

.inner-about-section-gallery {
    margin: 0 0 70px;
}

.inner-about-section-image-large {
    width: 100%;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 16/7;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.inner-about-section-image-large img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.inner-about-section-image-large:hover img {
    transform: scale(1.08);
}

.inner-about-section-content {
    max-width: 1100px;
    margin: auto;
    text-align: center;
}

.inner-about-section-content h2 {
    font-size: 58px;
    margin-bottom: 25px;
    font-family: 'canela-regular';
}

.inner-about-section-content h2 span {
    color: #7b0d16;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.inner-about-section-content p {
    font-size: 16px;
    line-height: 1.9;
    color: #666;
}

.vision-mission-section {
    padding: 60px 0;
    position: relative;
}

.vision-mission-heading {
    text-align: center;
    margin-bottom: 50px;
}

.vision-mission-section .row {
    align-items: center;
    position: relative;
}

.vision-mission-section .row::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: #e8d8be;
    transform: translateX(-50%);
}

.vision-mission-section .row::after {
    content: "✦";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: 34px;
    background: #faf7f2;
    color: #c89b3c;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision-card,
.mission-card {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    padding: 20px;
}

.vision-card {
    padding-right: 70px;
}

.mission-card {
    padding-left: 70px;
}

.vision-icon,
.mission-icon {
    width: 90px;
    height: 90px;
    min-width: 90px;
    border: 1px solid #d7b37b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision-icon img,
.mission-icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.vision-content h3,
.mission-content h3 {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 1.2;
    color: #222;
    font-family: 'canela-regular';
    font-weight: 400;
}

.vision-content p,
.mission-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #666;
    font-family: 'neuemontreal-regular';
}

/* inner about section end  */

/* inner service section start  */

.inner-service-section {
    padding: 60px 0;
}

.inner-service-card {
    position: relative;
    display: block;
    height: 450px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
}

.inner-service-image {
    width: 100%;
    height: 100%;
}

.inner-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.inner-service-card:hover .inner-service-image img {
    transform: scale(1.08);
}

.inner-service-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, .85) 0%,
            rgba(0, 0, 0, .35) 45%,
            rgba(0, 0, 0, .05) 100%);
}

.inner-service-content {
    position: absolute;
    inset: 0;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    gap: 30px;
    justify-content: space-between;
    z-index: 2;
}

.inner-service-text h3 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    font-family: 'canela-regular';
}

.inner-service-text p {
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    font-family: 'neuemontreal-regular';
}

.inner-service-arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s;
    flex-shrink: 0;
}

.inner-service-arrow i {
    font-size: 18px;
    color: #222;
    transition: .35s;
}

.inner-service-card:hover .inner-service-arrow {
    background: #ff3137;
}

.inner-service-card:hover .inner-service-arrow i {
    color: #fff;
}

/* inner service section end  */

/* single service section start  */

.single-service-section {
    padding: 60px 0;
}

.single-service-feature-image {
    margin-bottom: 80px;
    overflow: hidden;
    border-radius: 40px;
}

.single-service-feature-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.single-service-content {
    text-align: left;
}

.single-service-content h1 {
    margin-bottom: 35px;
    font-size: 58px;
    line-height: 1.2;
    color: #181818;
    font-family: 'canela-regular';
}

.single-service-content p {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.9;
    color: #6d6d6d;
}

.single-service-content ul {
	padding: 0;
}

.single-service-content li {
    position: relative;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 5px;
    color: #6d6d6d;
    padding-left: 28px;
    list-style: none;
}

.single-service-content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 14px;
    height: 14px;
    background-image: url("https://2026.tissertechnologies.com/tisserprojects/grand-decor/wp-content/uploads/2026/08/li-logo.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.single-service-gallery-section {
    padding-top: 40px;
    border-top: 1px solid #ece3d6;
}

.single-service-gallery-heading {
    margin-bottom: 70px;
    text-align: center;
}

.single-service-gallery-heading h2 {
    font-size: 48px;
    font-family: 'canela-regular';
    text-align: left;
    color: #181818;
}

.single-service-gallery-grid {
    column-count: 3;
    column-gap: 25px;
}

.single-service-gallery-item {
    margin-bottom: 25px;
    break-inside: avoid;
    overflow: hidden;
    border-radius: 24px;
}

.single-service-gallery-item img {
    width: 100%;
    display: block;
    border-radius: 24px;
    transition: .45s;
    border: 1px solid #0000001a;
}

.single-service-gallery-item:hover img {
    transform: scale(1.08);
}

.single-service-sidebar {
    position: sticky;
    top: 120px;
    padding: 35px;
    background: #fff;
    border: 1px solid #ece5da;
    border-radius: 24px;
}

.single-service-sidebar h3 {
    margin-bottom: 30px;
    font-size: 28px;
    color: #1f1f1f;
    text-align: center;
    font-family: 'canela-regular';
}

.single-service-sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 0;
    border-bottom: 1px solid #ece5da;
    text-decoration: none;
}

.single-service-sidebar-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.single-service-sidebar-image {
    width: 95px;
    height: 95px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 16px;
}

.single-service-sidebar-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}

.single-service-sidebar-item:hover img {
    transform: scale(1.08);
}

.single-service-sidebar-content {
    flex: 1;
}

.single-service-sidebar-content h4 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.4;
    color: #1f1f1f;
    font-family: 'canela-regular';
    transition: .3s;
}

.single-service-sidebar-content span {
    font-size: 12px;
    color: #b88b45;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.single-service-sidebar-item:hover h4 {
    color: #a61f23;
}

/* single service section end  */

/* single project section start  */

.single-project-section {
    padding: 60px 0;
    background: #fcf8f2;
}

.single-project-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.single-project-feature-image {
    margin-bottom: 24px;
    aspect-ratio: 16/7;
    overflow: hidden;
    border-radius: 15px;
}

.single-project-mobile-header {
    display: none;
}

.single-project-col {
    margin: auto;
}

.single-project-main {
    padding-right: 40px;
}

.single-project-info {
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    padding: 35px;
    margin-bottom: 60px;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #ece4d8;
    text-align: center;
}

.single-project-info-item {
    flex: 1;
    min-width: 180px;
}

.single-project-info-item h5 {
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #b78d4d;
    font-family: 'neuemontreal-medium';
}

.single-project-info-item p {
    margin: 0;
    font-size: 18px;
    color: #222;
    line-height: 1.7;
}

.single-project-content {
    margin-bottom: 0;
}

.single-project-content h2,
.single-project-content h3,
.single-project-content h4 {
    margin-bottom: 20px;
    color: #1f1f1f;
    font-family: 'canela-regular';
}

.single-project-content p {
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 1.9;
    color: #6f6f6f;
}

.single-project-content ul {
    margin: 25px 0;
    padding-left: 22px;
}

.single-project-content li {
    margin-bottom: 12px;
    line-height: 1.8;
    color: #666;
}

.single-project-gallery-section {
    padding: 60px 0 80px;
}

.single-project-gallery-heading {
    margin-bottom: 50px;
}

.single-project-gallery-heading h2 {
    margin: 0;
    font-size: 48px;
    color: #1f1f1f;
    font-family: 'canela-regular';
    font-weight: 400;
}

.single-project-gallery-grid {
    column-count: 3;
    column-gap: 25px;
}

.single-project-gallery-item {
    margin-bottom: 25px;
    break-inside: avoid;
    overflow: hidden;
    border-radius: 18px;
}

.single-project-gallery-item a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.single-project-gallery-item img {
    width: 100%;
    display: block;
    border-radius: 18px;
    transition: .4s;
}

.single-project-gallery-item:hover img {
    transform: scale(1.08);
}

.single-project-gallery-item a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    opacity: 0;
    transition: .35s;
    z-index: 1;
}

.single-project-gallery-item:hover a::before {
    opacity: 1;
}

/* single project section end  */

/* inner blog section start  */

.inner-blog-section {
    padding: 60px 0;
}

.inner-blog-heading {
    text-align: center;
    margin-bottom: 30px;
}

.inner-blog-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #666;
    text-transform: uppercase;
}

.inner-blog-section-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 60px;
}

.inner-blog-section-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #fff;
    border: 1px solid #e5ddcf;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: .3s;
    font-family: 'neuemontreal-medium';
}

.inner-blog-section-filter-btn:hover {
    border-color: #c89b3c;
}

.inner-blog-section-filter-btn.is-active {
    background: #172c25;
    border-color: #172c25;
    color: #fff;
    font-family: 'canela-regular-italic';
    letter-spacing: 2px;
}

.inner-blog-section-grid {
    row-gap: 30px;
}

.inner-blog-section-grid-item {
    display: flex;
}

.inner-blog-section-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #FBF2E8;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: .35s;
}

.inner-blog-section-image {
    overflow: hidden;
}

.inner-blog-section-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.inner-blog-section-card:hover .inner-blog-section-image img {
    transform: scale(1.08);
}

.inner-blog-section-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex: 1;
    padding: 20px;
}

.inner-blog-section-category {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 600;
    color: #9c948a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'neuemontreal-medium';
}

.inner-blog-section-content h3 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 1.35;
    color: #172c25;
    font-family: 'canela-regular';
    transition: 0.3s ease-in-out;
}

.inner-blog-section-card:hover .inner-blog-section-content h3 {
    color: #FF3137;
}

.inner-blog-section-text {
    margin-bottom: 20px;
}

.inner-blog-section-text,
.inner-blog-section-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #777;
}

.inner-blog-section-date {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    color: #b4aba0;
    font-family: 'neuemontreal-medium';
}

.inner-blog-section-empty-message {
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    color: #777;
}

/* inner blog section end  */

/* single blog section end  */

.single-blog-section {
    padding: 60px 0;
    background: #fcf8f2;
}

.single-blog-main {
    padding-right: 50px;
}

.single-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

.single-blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ece5da;
    font-size: 13px;
    font-family: 'neuemontreal-medium';
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
}

.single-blog-meta i {
    color: #8b2022;
}

.single-blog-header {
    margin-bottom: 40px;
}

.single-blog-header h1 {
    margin: 0;
    font-size: 58px;
    line-height: 1.15;
    color: #1f1f1f;
    font-family: 'canela-regular';
    font-weight: 400;
}

.single-blog-image {
    margin-bottom: 50px;
    border-radius: 22px;
    overflow: hidden;
}

.single-blog-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    display: block;
    object-fit: cover;
    transition: .5s;
}

.single-blog-image:hover img {
    transform: scale(1.05);
}

.single-blog-content {
    margin-top: 15px;
}

.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4 {
    margin: 40px 0 20px;
    color: #222;
    font-size: 32px;
    font-family: 'canela-regular';
    font-weight: 400;
}

.single-blog-content p {
    margin-bottom: 24px;
    color: #666;
    font-size: 16px;
    line-height: 1.9;
}

.single-blog-content ul,
.single-blog-content ol {
    padding-left: 22px;
    margin-bottom: 30px;
}

.single-blog-content li {
    margin-bottom: 12px;
    color: #666;
    line-height: 1.8;
}

.single-blog-content img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    margin: 35px 0;
}

.single-blog-content blockquote {
    margin: 40px 0;
    padding: 35px;
    background: #fff;
    border-left: 4px solid #8b2022;
    border-radius: 18px;
    font-size: 22px;
    line-height: 1.6;
    font-family: 'canela-regular';
    color: #222;
}

.single-blog-sidebar {
    position: sticky;
    top: 120px;
}

.single-blog-widget {
    padding: 35px;
    background: #fff;
    border: 1px solid #ece5da;
    border-radius: 22px;
}

.single-blog-widget h3 {
    margin-bottom: 30px;
    font-size: 32px;
    color: #222;
    font-family: 'canela-regular';
    font-weight: 400;
}

.single-blog-recent-post {
    display: flex;
    align-items: center;
    gap: 18px;
    text-decoration: none;
    padding: 18px 0;
    border-bottom: 1px solid #ece5da;
}

.single-blog-recent-post:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.single-blog-recent-image {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 18px;
    flex-shrink: 0;
}

.single-blog-recent-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}

.single-blog-recent-post:hover img {
    transform: scale(1.08);
}

.single-blog-recent-content h4 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 1.4;
    color: #222;
    font-family: 'canela-regular';
    transition: .3s;
}

.single-blog-recent-content span {
    display: block;
    font-size: 13px;
    color: #8b2022;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.single-blog-recent-post:hover h4 {
    color: #8b2022;
}

.single-blog-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 35px 0;
}

.single-blog-content table th,
.single-blog-content table td {
    border: 1px solid #ece5da;
    padding: 15px;
}

.single-blog-content table th {
    background: #f8f8f8;
}

/* single blog section end  */

/* inner contact us section start  */

.inner-contact-section {
    padding: 60px 0;
}

.inner-contact-contain {
    padding: 0 10%;
}

.inner-contact-section .inner-contact-row {
    padding: 30px 15px 10px 10px;
    border: 2px solid #e6d7bf;
    border-radius: 10px;
    margin: 0;
}

.inner-contact-section-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 30px;
}

.inner-contact-section-heading {
    margin: 0 0 25px;
}

.inner-contact-section-heading-title {
    margin-bottom: 20px;
    font-size: 44px;
    line-height: 1.2;
    color: #000000;
    font-family: 'canela-regular';
}

.inner-contact-section-heading-title span {
    color: #000000;
    font-family: 'canela-regular-italic';
    letter-spacing: 4px;
}

.inner-contact-section-heading-description p {
    margin: 0;
    font-size: 18px;
    line-height: 1.9;
    color: #000000;
}

.inner-contact-section-info-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: rgb(255 242 221);
    border: 1px solid rgb(0 0 0 / 24%);
    border-radius: 10px;
    padding: 25px;
    backdrop-filter: blur(6px);
    max-width: 340px;
}

.inner-contact-section-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.inner-contact-section-icon {
    color: #000000;
    font-size: 20px;
    flex-shrink: 0;
}

.inner-contact-section-content h3 {
    margin: 0 0 2px;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    font-family: 'neuemontreal-medium';
}

.inner-contact-section-content a {
    display: inline-block;
    color: #000000;
    font-size: 16px;
    line-height: 1.6;
    text-decoration: none;
    transition: .3s;
    font-family: 'neuemontreal-regular';
}

.inner-contact-section-content a:hover {
    color: #ff3137;
}

.inner-contact-section-right {
    padding: 10px 0 10px 30px;
}

.inner-contact-section .inner-contact-form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.inner-contact-section .inner-contact-form-group {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.inner-contact-section .inner-contact-form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    font-family: 'neuemontreal-medium';
}

.inner-contact-section .inner-contact-form-label span {
    color: #ff3137;
}

.inner-contact-section .inner-contact-form-input,
.inner-contact-section .inner-contact-form-textarea,
.inner-contact-section .inner-contact-form-group select {
    width: 100%;
    padding: 14px 16px;
    border: none;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    color: #222;
    transition: .3s;
}

.inner-contact-section .inner-contact-form-input:focus,
.inner-contact-section .inner-contact-form-textarea:focus,
.inner-contact-section .inner-contact-form-group select:focus {
    outline: 2px solid #ff3137;
}

.inner-contact-section .inner-contact-form-textarea {
    height: 130px;
    resize: none;
}

.inner-contact-section .inner-contact-form-footer {
    width: 100%;
}

.inner-contact-section .inner-contact-submit-btn {
    width: 100%;
    padding: 20px 40px;
    background: #ff3137;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
}

.inner-contact-section .inner-contact-submit-btn:hover {
    background: #c41f25;
}

.inner-contact-section .inner-contact-response-time {
    font-size: 13px;
    color: rgba(255, 255, 255, .7);
}

.wpcf7-spinner {
    display: none;
}

.inner-contact-section-social {
    margin-top: 20px;
}

.inner-contact-section-social h3 {
    margin: 0 0 18px;
    font-size: 22px;
    color: #222;
    font-family: 'canela-regular';
    font-weight: 400;
}

.inner-contact-section-social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.inner-contact-section-social-icons a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b3894c;
    border: 1px solid #b3894c;
    text-decoration: none;
    transition: all .35s ease;
}

.inner-contact-section-social-icons a i {
    font-size: 18px;
    transition: .35s ease;
}

.inner-contact-section-social-icons a:hover {
    background-color: #b3894c;
    color: #ffffff;
}

.inner-contact-section-social-icons a:hover i {
    color: #fff;
}

.location-map-section {
    padding: 60px 0;
}

.location-map-title h2 {
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'canela-regular';
}

.location-map-large,
.location-map-small {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 50px;
    border: 2px solid #e6d7bf;
}

.location-map-large p,
.location-map-small p {
    margin: 0;
}

.location-map-large iframe,
.location-map-small iframe {
    pointer-events: none;
}

.location-map-large.is-active iframe,
.location-map-small.is-active iframe {
    pointer-events: auto;
}

.location-map-large iframe {
    width: 100%;
    height: 500px;
    border: 0;
    display: block;
}

.location-map-small iframe {
    width: 100%;
    height: 350px;
    border: 0;
    display: block;
}

.location-map-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
}

.location-map-large.is-active .location-map-overlay,
.location-map-small.is-active .location-map-overlay {
    display: none;
}

/* inner contact us section end  */

@media only screen and (min-width: 300px) and (max-width: 575.98px) {

    /* top header section start  */

    .top-header-wrapper {
        padding: 6px 0;
    }

    .menu-logoheader {
        padding: 8px 0;
    }

    .top-header-main {
        display: block;
    }

    .top-header-text span {
        color: #fff;
        font-size: 12px;
    }

    .top-header-social {
        display: flex;
        gap: 8px;
        justify-content: center;
    }

    .top-header-social a {
        display: flex;
        gap: 8px;
        font-size: 12px;
    }

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #FDF8F0;
    }

    .header-logo img {
        width: 165px;
        object-fit: cover;
        height: auto;
        margin-right: auto;
        display: block;
    }

    .f-nav .header-logo img {
        height: auto;
        width: 150px;
    }

    .header-btn-Book {
        display: none;
    }

    /* top header section end  */

    /* banner section start  */

    .banner-section-wrapper {
        position: relative;
        height: 100dvh;
        max-height: 700px;
    }

    .banner-section-content {
        position: absolute;
        top: 55%;
        transform: translateY(-45%);
        padding: 0 20px;
    }

    .banner-section-content h1 {
        font-size: 28px;
        line-height: 1.1;
        max-width: 550px;
        margin: 0 auto 10px;
    }

    .banner-section-text p {
        margin: 0 auto 25px;
        font-size: 20px;
        line-height: 1.1;
    }

    .banner-section-start-btn,
    .banner-section-view-btn {
        display: inline-flex;
        gap: 8px;
        padding: 10px 20px;
        font-size: 12px;
    }

    /* banner section end  */

    /* counter section start  */

    .counter-section {
        position: unset;
        z-index: 20;
        padding: 0;
        width: 100%;
    }

    .counter-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        background: rgb(22 20 18 / 96%);
        border-radius: 0;
        width: 100%;
        margin: 0;
    }

    .counter-separator {
        display: none;
    }

    .counter-item {
        text-align: center;
        padding: 24px 10px 20px;
        position: relative;
        border-right: 1px solid rgba(255, 255, 255, 0.07);
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }

    .counter-item::after {
        content: '';
        display: block;
        width: 28px;
        height: 2px;
        background: linear-gradient(90deg, #c59b27, #f7d570, #c59b27);
        margin: 7px auto 0;
        border-radius: 2px;
        opacity: 0.75;
    }

    .counter-item:last-of-type {
        grid-column: 1 / -1;
        border-right: none;
        border-top: 1px solid rgba(212, 175, 55, 0.18);
    }

    .counter-item h2 {
        margin: 0 0 5px;
        font-size: 32px;
        line-height: 1;
        letter-spacing: -0.5px;
    }

    .counter-item span {
        font-size: 9px;
        letter-spacing: 1.8px;
        line-height: 1.4;
        opacity: 0.8;
    }

    /* counter section end  */

    /* achievement section start  */

    .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin-bottom: 10px;
        font-size: 10px;
    }

    .achievement-tag::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-tag::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .achievement-heading-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
        color: #666;
    }

    .achievement-wrapper {
        display: block;
    }

    .achievement-card {
        flex: 1;
        text-align: center;
        max-width: 370px;
        margin: auto;
    }

    .achievement-award-wrapper {
        margin: 40px auto;
    }

    .achievement-icon {
        width: 90px;
        height: 90px;
    }

    .achievement-icon img {
        width: 80px;
        height: 80px;
    }

    .achievement-card h3 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 1.3;
    }

    .achievement-award-content h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .achievement-content p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.6;
        color: #666;
    }

    .achievement-award {
        margin: 20px 0;
    }

    .achievement-award img {
        width: 100%;
        object-fit: contain;
        height: 250px;
        display: block;
        margin: 0 auto;
    }

    /* achievement section end  */

    /* about us section start  */

    .about-us-image {
        max-width: unset;
        padding: 8px;
        margin-bottom: 24px;
        border-radius: 18px;
    }

    .about-us-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 18px;
        display: block;
    }

    .about-us-content {
        padding: 0;
    }

    .about-us-section .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin: 10px 0 10px;
        font-size: 12px;
    }

    .about-us-content h2 {
        font-size: 28px;
        line-height: 1.15;
        margin-bottom: 20px;
    }

    .about-us-text p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .about-us-text p:last-child {
        margin-bottom: 40px;
    }

    .about-us-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* about us section end  */

    /* service section start  */

    .services-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .services-heading-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .services-item {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .services-view-expanded,
    .services-item.is-expanded .services-view-expanded {
        display: none !important;
    }

    .services-item.is-expanded .services-view-default {
        position: relative !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    .services-view-default {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .services-gallery {
        display: block;
        width: 100%;
    }

    .services-description {
        width: 100%;
    }

    .services-image {
        height: 220px;
    }

    .services-image:nth-child(n+2) {
        display: none;
    }

    .services-title {
        text-align: left;
    }

    .services-title h3 {
        font-size: 22px;
    }

    .services-mobile-text {
        display: block;
    }

    .services-mobile-text p {
        margin: 0;
        font-size: 15px;
        line-height: 1.7;
        color: #666;
        text-align: left;
    }

    .services-button {
        display: none;
    }

    .services-footer-text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .services-view-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* service section end  */

    /* why choose us section start  */

    .why-choose-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .why-choose-heading-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .why-choose-image {
        margin-bottom: 24px;
    }

    .why-choose-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }

    .why-choose-list {
        display: block;
        grid-template-columns: 1fr 1fr;
    }

    .why-choose-number {
        min-width: 30%;
        font-size: 50px;
    }

    .why-choose-content h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .why-choose-text p {
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
        color: #666;
    }

    /* projects section start */

    .inner-projects-section {
        padding: 20px 0 60px;
    }

    .projects-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .projects-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
        color: #666;
    }

    .tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 15px;
        font-size: 12px;
    }

    .projects-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-card:nth-child(-n+3) {
        grid-column: span 2;
        height: 250px;
        margin-bottom: 30px;
    }

    .project-card:nth-child(n+4) {
        grid-column: span 2;
        height: 250px;
        margin-bottom: 30px;
    }

    .projects-cat-grid {
        display: block;
        grid-template-columns: 0fr 1fr;
        gap: 0px;
    }

    .project-cat-card {
        display: block !important;
        padding: 0;
        min-height: 200px;
        height: auto;
        margin-bottom: 30px;
    }

    .project-cat-content {
        flex: 1;
        padding: 20px;
    }

    .project-cat-content h3 {
        margin: 0 0 12px;
        font-size: 20px;
    }

    .project-cat-content p {
        margin: 0;
        font-size: 12px;
    }

    .project-cat-image {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        border-radius: 0;
        overflow: hidden;
    }

    /* projects section end */

    /* blog section start  */

    .blog-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .blog-heading-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .blog-content {
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: space-between;
        height: 250px;
    }

    .blog-image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .blog-category {
        font-size: 10px;
    }

    .blog-content h3 {
        font-size: 18px;
        line-height: 1.35;
    }

    .blog-text,
    .blog-text p {
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
    }

    .blog-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    .blog-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .blog-slider .slick-prev {
        left: 0px;
    }

    .blog-slider .slick-next {
        right: 0;
    }

    /* blog section end   */

    /* testimonials section start  */

    .testimonials-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .testimonials-marquee {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        height: 640px;
        position: relative;
    }

    .testimonial-card {
        padding: 24px;
    }

    .testimonials-column.column-up {
        display: none;
    }

    .testimonial-quote {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 1.8;
    }

    .testimonial-author strong {
        display: block;
        font-size: 14px;
    }

    /* testimonials section end  */

    /* contact cta section start */

    .contact-cta-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .contact-cta-heading-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .contact-cta-primary-btn,
    .contact-cta-secondary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px 20px;
        font-size: 12px;
    }

    /* contact cta section end */

    /* contact-form section start  */

    .contact-form-heading-title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.2;
    }

    .contact-form-heading-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .contact-form-icon {
        color: #fff;
        font-size: 18px;
        flex-shrink: 0;
    }

    .contact-form-content h3 {
        margin: 0 0 2px;
        font-size: 14px;
    }

    .contact-form-content a {
        font-size: 14px;
        line-height: 1.6;
    }

    .contact-form-right {
        padding: 20px 0 0;
    }

    .contact-form-label {
        font-size: 10px;
    }

    .contact-form-input,
    .contact-form-textarea,
    .contact-form-group select {
        width: 100%;
        padding: 14px 16px;
        font-size: 12px;
    }

    /* contact-form section end  */

    /* footer section start  */

    .footer-tagline {
        font-family: 'canela-regular';
        font-weight: 500;
        font-size: 20px;
    }

    .footer-social a {
        width: 40px;
        height: 40px;
    }

    .footer-item-brand .footer-logo {
        width: 160px;
        object-fit: contain;
        height: auto;
        margin-bottom: 16px;
    }

    .footer-item-links li,
    .footer-item-services li {
        margin-bottom: 5px;
    }

    .footer-about-text p {
        font-size: 14px;
        line-height: 1.7;
        color: #8a8a8a;
        max-width: 260px;
        margin-bottom: 30px;
    }

    .footer-item {
        margin-bottom: 25px;
    }

    .footer-item h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .footer-item-links a,
    .footer-item-services a {
        font-size: 14px;
        line-height: 1.2;
    }

    .main-footer-row {
        padding: 30px 0 20px;
    }

    .footer-item-contact .contact-line {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        margin-bottom: 14px;
    }

    .footer-copyright-row .reserved-text p {
        font-size: 14px;
        text-align: center;
        margin-bottom: 5px;
    }

    .footer-copyright-row .tiss-link a {
        font-size: 14px;
        text-align: center;
    }

    .footer-copyright-row .footer-legal {
        text-align: center;
        justify-content: center;
    }

    .footer-legal p {
        font-size: 14px;
        margin: 5px 0;
    }

    /* footer section end  */

    /* inner header banner section start  */

    .inner-header-banner-title-section {
        padding: 150px 0 50px;
    }

    .inner-header-banner-title-word {
        font-size: 24px;
        white-space: normal;
    }

    .inner-header-banner-title-bracket-svg {
        flex-shrink: 0;
        width: 15px;
    }

    .inner-header-banner-title-mini {
        font-size: 12px;
    }

    .inner-header-banner-title-heading {
        font-size: 22px;
        margin-top: 15px;
        padding: 0 10px;
    }

    .inner-header-banner-title-description {
        font-size: 14px;
        margin-top: 15px;
    }

    .inner-header-banner-title-center {
        padding: 0 8px;
    }

    .inner-header-banner-title-wrapper-multi {
        flex-direction: column;
        gap: 6px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-word {
        white-space: normal;
        font-size: 42px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-left,
    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-center {
        padding: 4px 0;
    }

    .inner-header-banner-title-wrapper-two {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 10px;
    }

    .inner-header-banner-title-wrapper-two .inner-header-banner-title-word {
        font-size: 24px;
    }

    .inner-header-banner-title-wrapper-large {
        max-width: 100%;
        padding: 0 15px;
    }

    .inner-header-banner-title-big {
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 30px;
        row-gap: 6px;
        column-gap: 10px;
    }

    .inner-header-banner-title-inline {
        margin: 2px 0;
    }

    .inner-header-banner-title-inline small {
        font-size: 13px;
    }

    .inner-header-banner-title-inline svg {
        width: 16px;
        height: 38px;
    }

    /* inner header banner section end  */

    /* inner about us section end  */

    .inner-about-img-col {
        padding: 0 2px !important;
    }

    .inner-about-section-image-large {
        aspect-ratio: 16/9;
    }

    .inner-about-section-content {
        text-align: left;
    }

    .inner-about-section-content h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .inner-about-section-content p {
        font-size: 14px;
        line-height: 1.8;
        color: #666;
    }

    .vision-card,
    .mission-card {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        flex-direction: column;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #d9a33d;
        border-radius: 12px;
    }

    .project-card:hover,
    .project-cat-card:hover,
    .inner-service-card:hover,
    .inner-blog-section-card:hover,
    .vision-card:hover,
    .mission-card:hover {
        transform: none;
        box-shadow: none;
    }

    .vision-mission-section .row::before,
    .vision-mission-section .row::after {
        display: none;
    }

    .vision-icon,
    .mission-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        margin: 0 0 20px;
    }

    .vision-icon img,
    .mission-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .vision-content h3,
    .mission-content h3 {
        margin-bottom: 18px;
        font-size: 28px;
    }

    .vision-content p,
    .mission-content p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    /* inner about us section end  */

    /* inner service section start  */

    .inner-service-section {
        padding: 20px 0 60px;
    }

    .inner-service-card {
        position: relative;
        display: block;
        height: 300px;
        border-radius: 15px;
    }

    .inner-service-text h3 {
        margin: 0 0 6px;
        font-size: 18px;
        line-height: 1.2;
    }

    .inner-service-arrow {
        width: 35px;
        height: 35px;
    }

    .inner-service-text p {
        display: none;
    }

    .inner-service-arrow i {
        font-size: 16px;
        color: #222;
        transition: .35s;
    }

    /* inner service section end  */

    /* single project section start */

    .single-project-section {
        padding: 20px 0 60px;
    }

    .single-project-feature-image {
        margin-bottom: 24px;
        overflow: hidden;
        border-radius: 15px;
        aspect-ratio: 16/9;
    }

    /* single project section end */

    .single-service-content p {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.6;
    }

    .single-service-feature-image {
        margin-bottom: 32px;
        overflow: hidden;
        aspect-ratio: 16/9;
        border-radius: 15px;
    }

    .single-service-feature-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-content h1 {
        margin-bottom: 24px;
        font-size: 28px;
    }

    .single-service-sidebar h3 {
        margin-bottom: 24px;
        font-size: 20px;
        text-align: left;
    }

    .single-service-gallery-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .single-service-gallery-heading h2 {
        margin: 0;
        font-size: 20px;
    }

    .single-service-gallery-grid {
        column-count: 1;
        column-gap: 16px;
    }

    .single-service-gallery-item {
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .single-service-gallery-item img {
        border-radius: 15px;
    }

    .single-service-sidebar {
        position: unset;
        padding: 16px;
        border-radius: 13px;
        margin-top: 24px;
    }

    .single-service-sidebar-item {
        padding: 8px 0;
    }

    /* single service section end  */

    /* single project section start  */

    .single-project-main {
        padding-right: 0;
    }

    .single-project-info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0;
        padding: 0;
        margin-bottom: 32px;
        background: none;
        border: none;
        border-radius: 0;
        text-align: left;
    }

    .single-project-info-item {
        flex: 1;
        padding: 14px 12px;
        border-right: 1px solid #ece4d8;
        min-width: 0;
    }

    .single-project-info-item:last-child {
        border-right: none;
    }

    .single-project-info-item h5 {
        font-size: 9px;
        letter-spacing: 1.5px;
        margin-bottom: 6px;
    }

    .single-project-info-item p {
        font-size: 11px;
        line-height: 1.4;
        word-break: break-word;
    }

    .single-project-content p {
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 1.5;
        color: #6f6f6f;
    }

    /* single project section end  */

    /* inner blog section start  */

    .inner-blog-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.9;
        color: #666;
        text-transform: uppercase;
    }

    .inner-blog-section-filter-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 1;
    }

    .inner-blog-section-image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .inner-blog-section-category {
        font-size: 10px;
    }

    .inner-blog-section-content h3 {
        font-size: 18px;
        line-height: 1.35;
    }

    .inner-blog-section-text,
    .inner-blog-section-text p {
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
        color: #777;
    }

    .inner-blog-section-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    /* inner blog section end  */

    /* single blog section start  */

    .single-blog-main {
        padding-right: 0;
    }

    .single-blog-header {
        margin-bottom: 32px;
    }

    .single-blog-meta span {
        font-size: 12px;
    }

    .single-blog-header h1 {
        margin: 0;
        font-size: 28px;
    }

    .single-blog-image {
        margin-bottom: 32px;
        border-radius: 14px;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .single-blog-image img {
        width: 100%;
        min-height: 200px;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: .5s;
    }

    .single-blog-content h2,
    .single-blog-content h3,
    .single-blog-content h4 {
        margin: 20px 0 12px;
        font-size: 18px;
    }

    .single-blog-content p {
        margin-bottom: 24px;
        color: #666;
        font-size: 14px;
        line-height: 1.9;
    }

    .single-blog-sidebar {
        position: unset;
    }

    .single-blog-widget {
        padding: 16px;
        border-radius: 13px;
    }

    .single-blog-widget h3 {
        margin-bottom: 16px;
        font-size: 24px;
    }

    .single-blog-recent-image {
        width: 90px;
        height: 90px;
        border-radius: 8px;
    }

    .single-blog-recent-content h4 {
        margin: 0 0 8px;
        font-size: 16px;
    }

    /* single blog section start  */

    /* inner contact section start  */

    .inner-contact-section {
        padding: 20px 0 60px;
    }

    .inner-contact-section .inner-contact-row {
        padding: 10px 0 0;
        margin: 0;
    }

    .inner-contact-section-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        padding: 0;
    }

    .inner-contact-section-right {
        padding: 30px 0 0;
    }

    .inner-contact-section-heading-title {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .inner-contact-section-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #000000;
    }

    .inner-contact-section-content h3 {
        margin: 0 0 2px;
        font-size: 14px;
    }

    .inner-contact-section-content a {
        display: inline-block;
        color: #000000;
        font-size: 14px;
        line-height: 1.6;
    }

    .location-map-title h2 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'canela-regular';
    }

    .location-map-large iframe {
        width: 100%;
        height: 250px;
        border: 0;
        display: block;
    }

    /* inner contact section end  */
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {

    /* top header section start  */

    .top-header-wrapper {
        padding: 6px 0;
    }

    .menu-logoheader {
        padding: 8px 0;
    }

    .top-header-main {
        display: block;
    }

    .top-header-text span {
        color: #fff;
        font-size: 12px;
    }

    .top-header-social {
        display: flex;
        gap: 8px;
        justify-content: center;
    }

    .top-header-social a {
        display: flex;
        gap: 8px;
        font-size: 12px;
    }

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #FDF8F0;
    }

    .header-logo img {
        width: 180px;
        object-fit: cover;
        height: auto;
        margin-right: auto;
        display: block;
    }

    .f-nav .header-logo img {
        height: auto;
        width: 160px;
    }

    .header-btn-Book {
        display: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #000;
        font-size: 18px !important;
        line-height: 1 !important;
        height: unset !important;
        padding: 10px 15px;
        font-weight: 500 !important;
        font-family: 'neuemontreal-medium';
        background: #00000000 !important;
    }

    /* top header section end  */

    /* banner section start  */

    .banner-section-wrapper {
        position: relative;
        height: 100dvh;
        max-height: 700px;
    }

    .banner-section-content {
        position: absolute;
        top: 55%;
        transform: translateY(-45%);
        padding: 0 20px;
    }

    .banner-section-content h1 {
        font-size: 36px;
        line-height: 1.1;
        max-width: 550px;
        margin: 0 auto 10px;
    }

    .banner-section-text p {
        margin: 0 auto 25px;
        font-size: 24px;
        line-height: 1.1;
    }

    .banner-section-start-btn,
    .banner-section-view-btn {
        display: inline-flex;
        gap: 8px;
        padding: 10px 20px;
        font-size: 12px;
    }

    /* banner section end  */

    /* counter section start  */

    .counter-section {
        position: unset;
        z-index: 20;
        padding: 0;
        width: 100%;
    }

    .counter-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        background: #e8ddd0;

        border-top: 1px solid #e8ddd0;
        width: 100%;
        margin: 0;
    }

    .counter-separator {
        display: none;
    }

    .counter-item {
        text-align: center;
        padding: 28px 16px 24px;
        position: relative;
        background: #fdf8f2;
        border-bottom: none;
    }

    .counter-item::after {
        content: '';
        display: block;
        width: 32px;
        height: 2px;
        background: linear-gradient(90deg, #c59b27, #f7d570, #c59b27);
        margin: 8px auto 0;
        border-radius: 2px;
        opacity: 0.85;
    }

    .counter-item:last-of-type {
        grid-column: 1 / -1;
        background: #f9f4ec;
        border-top: 1px solid #e8ddd0;
        padding: 28px 16px;
    }

    .counter-item:last-of-type h2 {
        font-size: 42px;
    }

    .counter-item h2 {
        margin: 0 0 6px;
        font-size: 36px;
        line-height: 1;
        letter-spacing: -0.5px;
        color: #1a1a1a;
    }

    .counter-item span {
        font-size: 10px;
        letter-spacing: 2px;
        line-height: 1.4;
        color: #8a7260;
        text-transform: uppercase;
    }

    /* counter section end  */

    /* achievement section start  */

    .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin-bottom: 10px;
        font-size: 10px;
    }

    .achievement-tag::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-tag::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .achievement-heading-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
        color: #666;
    }

    .achievement-wrapper {
        display: block;
    }

    .achievement-card {
        flex: 1;
        text-align: center;
        max-width: 370px;
        margin: auto;
    }

    .achievement-award-wrapper {
        margin: 40px auto;
    }

    .achievement-icon {
        width: 90px;
        height: 90px;
    }

    .achievement-icon img {
        width: 80px;
        height: 80px;
    }

    .achievement-card h3 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 1.3;
    }

    .achievement-award-content h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .achievement-content p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 1.6;
        color: #666;
    }

    .achievement-award {
        margin: 20px 0;
    }

    .achievement-award img {
        width: 100%;
        object-fit: contain;
        height: 300px;
        display: block;
        margin: 0 auto;
    }

    /* achievement section end  */

    /* about us section start  */

    .about-us-image {
        max-width: unset;
        padding: 8px;
        margin-bottom: 24px;
    }

    .about-us-image img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 250px 250px 0 0;
        display: block;
    }

    .about-us-content {
        padding: 0;
    }

    .about-us-section .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin: 10px 0 10px;
        font-size: 10px;
    }

    .about-us-content h2 {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 20px;
    }

    .about-us-text p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .about-us-text p:last-child {
        margin-bottom: 40px;
    }

    .about-us-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* about us section end  */

    /* service section start  */

    .services-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .services-heading-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }

    .services-item {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .services-view-expanded,
    .services-item.is-expanded .services-view-expanded {
        display: none !important;
    }

    .services-item.is-expanded .services-view-default {
        position: relative !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    .services-view-default {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .services-gallery {
        display: block;
        width: 100%;
    }

    .services-description {
        width: 100%;
    }

    .services-image {
        height: auto;
        aspect-ratio: 16/9;
    }

    .services-image:nth-child(n+2) {
        display: none;
    }

    .services-title {
        text-align: left;
    }

    .services-title h3 {
        font-size: 22px;
    }

    .services-mobile-text {
        display: block;
    }

    .services-mobile-text p {
        margin: 0;
        font-size: 15px;
        line-height: 1.7;
        color: #666;
        text-align: left;
    }

    .services-button {
        display: none;
    }

    .services-footer-text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .services-view-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* service section end  */

    /* why choose us section start  */

    .why-choose-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .why-choose-heading-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }

    .why-choose-image {
        margin-bottom: 24px;
    }

    .why-choose-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }

    .why-choose-item {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px;
        border: 1px solid #ddd;
    }

    .why-choose-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .why-choose-number {
        min-width: 30%;
        font-size: 50px;
    }

    .why-choose-content h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .why-choose-text p {
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
        color: #666;
    }

    .why-choose-item:nth-last-child(-n+2) {
        border-bottom: 1px solid #ddd;
    }

    /* projects section start */

    .inner-projects-section {
        padding: 20px 0 60px;
    }

    .projects-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .projects-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
        color: #666;
    }

    .tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 15px;
        font-size: 12px;
    }

    .projects-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-card:nth-child(-n+3),
    .project-card:nth-child(n+4) {
        grid-column: span 2;
        height: 100%;
        width: 100%;
        aspect-ratio: 16/9;
        margin-bottom: 30px;
    }

    .projects-cat-grid {
        display: block !important;
        grid-template-columns: 0fr 1fr;
        gap: 0px;
    }

    .project-cat-card {
        display: block !important;
        padding: 0;
        min-height: 200px;
        height: auto;
        margin-bottom: 30px;
    }

    .project-cat-content {
        flex: 1;
        padding: 20px;
    }

    .project-cat-content h3 {
        margin: 0 0 12px;
        font-size: 20px;
    }

    .project-cat-content p {
        margin: 0;
        font-size: 14px;
    }

    .project-cat-image {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        border-radius: 0;
        overflow: hidden;
    }

    /* projects section end */

    /* blog section start  */

    .blog-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .blog-heading-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }

    .blog-content {
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }

    .blog-image {
        overflow: hidden;
        width: 100%;
        aspect-ratio: 16/9;
        max-height: 300px;
    }

    .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .blog-category {
        font-size: 10px;
    }

    .blog-content h3 {
        font-size: 20px;
        line-height: 1.35;
    }

    .blog-text,
    .blog-text p {
        margin: 0;
        font-size: 15px;
        line-height: 1.6;
    }

    .blog-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    .blog-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .blog-slider .slick-prev {
        left: 0px;
    }

    .blog-slider .slick-next {
        right: 0;
    }

    /* blog section end   */

    /* testimonials section start  */

    .testimonials-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .testimonials-marquee {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        height: auto;
        position: relative;
    }

    .testimonials-track-wrapper {
        animation: none !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .testimonials-track[aria-hidden="true"] {
        display: none !important;
    }

    .testimonials-column:nth-child(n+2) {
        display: none;
    }

    .testimonial-card {
        padding: 24px;
    }

    .testimonial-quote {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 1.8;
    }

    .testimonial-author strong {
        display: block;
        font-size: 15px;
    }

    /* testimonials section end  */

    /* contact cta section start */

    .contact-cta-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .contact-cta-heading-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }

    .contact-cta-primary-btn,
    .contact-cta-secondary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px 20px;
        font-size: 12px;
    }

    .contact-form-left {
        height: auto;
        color: #fff;
        margin-bottom: 32px;
    }

    /* contact cta section end */

    /* contact-form section start  */

    .contact-form-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .contact-form-heading-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }

    .contact-form-icon {
        color: #fff;
        font-size: 18px;
        flex-shrink: 0;
    }

    .contact-form-content h3 {
        margin: 0 0 2px;
        font-size: 15px;
    }

    .contact-form-content a {
        font-size: 15px;
        line-height: 1.6;
    }

    .contact-submit-btn {
        width: 100%;
        padding: 16px 35px;
        font-size: 14px;
    }

    .contact-form-right {
        padding: 20px 0 0;
    }

    /* contact-form section end  */

    /* footer section start  */

    .footer-tagline {
        font-family: 'canela-regular';
        font-weight: 500;
        font-size: 24px;
    }

    .footer-social a {
        width: 40px;
        height: 40px;
    }

    .footer-item-brand .footer-logo {
        width: 160px;
        object-fit: contain;
        height: auto;
        margin-bottom: 16px;
    }

    .footer-item-links li,
    .footer-item-services li {
        margin-bottom: 5px;
    }

    .footer-about-text p {
        font-size: 15px;
        line-height: 1.7;
        color: #8a8a8a;
        max-width: 260px;
        margin-bottom: 30px;
    }

    .footer-item {
        margin-bottom: 25px;
    }

    .footer-item h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .footer-item-links a,
    .footer-item-services a {
        font-size: 15px;
        line-height: 1.2;
    }

    .main-footer-row {
        padding: 30px 0 20px;
    }

    .footer-item-contact .contact-line {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        margin-bottom: 14px;
    }

    .footer-copyright-row .reserved-text p {
        font-size: 15px;
        text-align: center;
        margin-bottom: 5px;
    }

    .footer-copyright-row .tiss-link a {
        font-size: 15px;
        text-align: center;
    }

    .footer-copyright-row .footer-legal {
        text-align: center;
        justify-content: center;
    }

    .footer-legal p {
        font-size: 15px;
        margin: 5px 0;
    }

    /* footer section end  */

    /* inner header banner section start  */

    .inner-header-banner-title-section {
        padding: 160px 0 60px;
    }

    .inner-header-banner-title-word {
        font-size: clamp(30px, 5vw, 40px) !important;
        white-space: normal;
    }

    .inner-header-banner-title-bracket-svg {
        flex-shrink: 0;
        width: 15px;
    }

    .inner-header-banner-title-mini {
        font-size: 12px;
    }

    .inner-header-banner-title-heading {
        font-size: 26px;
        margin-top: 15px;
        padding: 0 10px;
    }

    .inner-header-banner-title-description {
        font-size: 15px;
        margin-top: 15px;
    }

    .inner-header-banner-title-center {
        padding: 0 8px;
    }

    .inner-header-banner-title-wrapper-multi {
        flex-direction: column;
        gap: 6px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-word {
        white-space: normal;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-left,
    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-center {
        padding: 4px 0;
    }

    .inner-header-banner-title-wrapper-two {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 10px;
    }

    .inner-header-banner-title-wrapper-large {
        max-width: 100%;
        padding: 0 15px;
    }

    .inner-header-banner-title-big {
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 30px;
        row-gap: 6px;
        column-gap: 10px;
    }

    .inner-header-banner-title-inline {
        margin: 2px 0;
    }

    .inner-header-banner-title-inline small {
        font-size: 13px;
    }

    .inner-header-banner-title-inline svg {
        width: 16px;
        height: 38px;
    }

    /* inner header banner section end  */

    /* inner about us section end  */

    .inner-about-img-col {
        padding: 0 10px !important;
    }

    .inner-about-section-image-large {
        aspect-ratio: 16/9;
    }

    .inner-about-section-content {
        text-align: left;
    }

    .inner-about-section-content h2 {
        font-size: 32px;
        margin-bottom: 25px;
    }

    .inner-about-section-content p {
        font-size: 15px;
        line-height: 1.8;
        color: #666;
    }

    .vision-card,
    .mission-card {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        flex-direction: column;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #d9a33d;
        border-radius: 12px;
    }

    .project-card:hover,
    .project-cat-card:hover,
    .inner-service-card:hover,
    .inner-blog-section-card:hover,
    .vision-card:hover,
    .mission-card:hover {
        transform: none;
        box-shadow: none;
    }

    .vision-mission-section .row::before,
    .vision-mission-section .row::after {
        display: none;
    }

    .vision-icon,
    .mission-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        margin: 0 0 20px;
    }

    .vision-icon img,
    .mission-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .vision-content h3,
    .mission-content h3 {
        margin-bottom: 18px;
        font-size: 32px;
    }

    .vision-content p,
    .mission-content p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }

    /* inner about us section end  */

    /* inner service section start  */

    .inner-service-section {
        padding: 20px 0 60px;
    }

    .inner-service-content {
        padding: 32px;
    }

    .inner-service-card {
        position: relative;
        display: block;
        height: 300px;
        border-radius: 15px;
    }

    .inner-service-text h3 {
        margin: 0 0 6px;
        font-size: 22px;
        line-height: 1.2;
    }

    .inner-service-arrow i {
        font-size: 16px;
        color: #222;
        transition: .35s;
    }

    .inner-service-text p {
        font-size: 12px;
    }

    /* inner service section end  */

    /* single project section start */

    .single-project-section {
        padding: 20px 0 60px;
    }

    .single-project-feature-image {
        margin-bottom: 24px;
        overflow: hidden;
        border-radius: 15px;
        aspect-ratio: 16/9;
    }

    /* single project section end */

    .single-service-content p {
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.6;
    }

    .single-service-feature-image {
        margin-bottom: 32px;
        overflow: hidden;
        aspect-ratio: 16/9;
        border-radius: 15px;
    }

    .single-service-feature-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-content h1 {
        margin-bottom: 24px;
        font-size: 32px;
    }

    .single-service-sidebar h3 {
        margin-bottom: 24px;
        font-size: 20px;
        text-align: left;
    }

    .single-service-gallery-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .single-service-gallery-heading h2 {
        margin: 0;
        font-size: 24px;
    }

    .single-service-gallery-grid {
        column-count: 2;
        column-gap: 16px;
    }

    .single-service-gallery-item {
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .single-service-gallery-item img {
        border-radius: 15px;
    }

    .single-service-sidebar {
        position: unset;
        padding: 16px;
        border-radius: 13px;
        margin-top: 32px;
    }

    .single-service-sidebar-item {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 12px;
        margin-bottom: 12px;
        background: #fdf8f2;
        border: 1px solid #ece4d8;
        border-radius: 8px;
        text-decoration: none;
        transition: 0.3s ease;
    }

    .single-service-sidebar-image {
        width: 70px;
        height: 70px;
        border-radius: 6px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .single-service-sidebar-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-sidebar-content {
        flex: 1;
        text-align: left;
    }

    .single-service-sidebar-content h4 {
        margin: 0 0 4px;
        font-size: 16px;
        color: #222;
        transition: 0.3s;
    }

    .single-service-sidebar-content span {
        font-size: 11px;
        color: #d9a33d;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* single service section end  */

    /* single project section start  */

    .single-project-main {
        padding-right: 0;
    }

    .single-project-info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0;
        padding: 0;
        margin-bottom: 32px;
        background: none;
        border: none;
        border-radius: 0;
        text-align: left;
    }

    .single-project-info-item {
        flex: 1;
        padding: 14px 12px;
        border-right: 1px solid #ece4d8;
        min-width: 0;
    }

    .single-project-info-item:last-child {
        border-right: none;
    }

    .single-project-info-item h5 {
        font-size: 9px;
        letter-spacing: 1.5px;
        margin-bottom: 6px;
    }

    .single-project-info-item p {
        font-size: 11px;
        line-height: 1.4;
        word-break: break-word;
    }

    .single-project-content p {
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 1.5;
        color: #6f6f6f;
    }

    /* single project section end  */

    /* inner blog section start  */

    .inner-blog-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.9;
        color: #666;
        text-transform: uppercase;
    }

    .inner-blog-section-filter-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 15px;
        font-size: 15px;
        line-height: 1;
    }

    .inner-blog-section-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .inner-blog-section-category {
        font-size: 10px;
    }

    .inner-blog-section-content h3 {
        font-size: 22px;
        line-height: 1.35;
    }

    .inner-blog-section-text,
    .inner-blog-section-text p {
        margin: 0;
        font-size: 15px;
        line-height: 1.6;
        color: #777;
    }

    .inner-blog-section-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    /* inner blog section end  */

    /* single blog section start  */

    .single-blog-main {
        padding-right: 0;
    }

    .single-blog-header {
        margin-bottom: 32px;
    }

    .single-blog-meta span {
        font-size: 12px;
    }

    .single-blog-header h1 {
        margin: 0;
        font-size: 32px;
    }

    .single-blog-image {
        margin-bottom: 32px;
        border-radius: 14px;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .single-blog-image img {
        width: 100%;
        min-height: 200px;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: .5s;
    }

    .single-blog-content h2,
    .single-blog-content h3,
    .single-blog-content h4 {
        margin: 20px 0 12px;
        font-size: 22px;
    }

    .single-blog-content p {
        margin-bottom: 24px;
        color: #666;
        font-size: 15px;
        line-height: 1.9;
    }

    .single-blog-sidebar {
        position: unset;
    }

    .single-blog-widget {
        padding: 16px;
        border-radius: 13px;
    }

    .single-blog-widget h3 {
        margin-bottom: 16px;
        font-size: 24px;
    }

    .single-blog-recent-image {
        width: 120px;
        height: 90px;
        border-radius: 8px;
    }

    .single-blog-recent-content h4 {
        margin: 0 0 8px;
        font-size: 16px;
    }

    /* single blog section start  */

    /* inner contact section start  */

    .inner-contact-section {
        padding: 20px 0 60px;
    }

    .inner-contact-section .inner-contact-row {
        padding: 10px 0 0;
        margin: 0;
    }

    .inner-contact-section-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        padding: 0;
        margin-bottom: 24px;
    }

    .inner-contact-section-right {
        padding: 30px 0 0;
    }

    .inner-contact-section-heading-title {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .inner-contact-section-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #000000;
    }

    .inner-contact-section-content h3 {
        margin: 0 0 2px;
        font-size: 15px;
    }

    .inner-contact-section-content a {
        display: inline-block;
        color: #000000;
        font-size: 15px;
        line-height: 1.6;
    }

    .location-map-title h2 {
        font-size: 32px;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'canela-regular';
    }

    .location-map-large iframe {
        width: 100%;
        height: 250px;
        border: 0;
        display: block;
    }

    /* inner contact section end  */
}

@media only screen and (min-width: 700px) and (max-width: 767.98px) {

    .inner-service-col {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .inner-service-text h3 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    /* top header section start  */

    .top-header-wrapper {
        padding: 6px 0;
    }

    .menu-logoheader {
        padding: 8px 0;
    }

    .top-header-text span {
        color: #fff;
        font-size: 13px;
    }

    .top-header-social {
        display: flex;
        gap: 8px;
        justify-content: center;
    }

    .top-header-social a {
        display: flex;
        gap: 8px;
        font-size: 13px;
    }

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #FDF8F0;
    }

    .header-logo img {
        width: 180px;
        object-fit: cover;
        height: auto;
        margin-right: auto;
        display: block;
    }

    .f-nav .header-logo img {
        height: auto;
        width: 160px;
    }

    .header-btn-Book {
        display: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #000;
        font-size: 18px !important;
        line-height: 1 !important;
        height: unset !important;
        padding: 10px 15px;
        font-weight: 500 !important;
        font-family: 'neuemontreal-medium';
        background: #00000000 !important;
    }

    /* top header section end  */

    /* banner section start  */

    .banner-section-content {
        position: absolute;
        top: 55%;
        transform: translateY(-45%);
        padding: 0 20px;
    }

    .banner-section-content h1 {
        font-size: 42px;
        line-height: 1.1;
        max-width: 550px;
        margin: 0 auto 10px;
    }

    .banner-section-text p {
        margin: 0 auto 25px;
        font-size: 26px;
        line-height: 1.1;
    }

    .banner-section-start-btn,
    .banner-section-view-btn {
        display: inline-flex;
        gap: 12px;
        padding: 10px 20px;
        font-size: 14px;
    }

    /* banner section end  */

    /* counter section start  */

    .counter-section {
        position: unset;
        z-index: 20;
        padding: 0;
        width: 100%;
    }

    .counter-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
        background: #e8ddd0;
        border-top: 1px solid #e8ddd0;
        width: 100%;
        margin: 0;
    }

    .counter-separator {
        display: none;
    }

    .counter-item {
        text-align: center;
        padding: 40px 24px 32px;
        position: relative;
        background: #fdf8f2;
        border-bottom: none;
    }

    .counter-item::after {
        content: '';
        display: block;
        width: 40px;
        height: 2px;
        background: linear-gradient(90deg, #c59b27, #f7d570, #c59b27);
        margin: 12px auto 0;
        border-radius: 2px;
        opacity: 0.85;
    }

    .counter-item:last-of-type {
        grid-column: 1 / -1;
        background: #f9f4ec;
        border-top: 1px solid #e8ddd0;
    }

    .counter-item:last-of-type h2 {
        font-size: 48px;
    }

    .counter-item h2 {
        margin: 0 0 8px;
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.5px;
        color: #1a1a1a;
    }

    .counter-item span {
        font-size: 11px;
        letter-spacing: 2px;
        line-height: 1.4;
        color: #8a7260;
        text-transform: uppercase;
    }

    /* counter section end  */

    /* achievement section start  */

    .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin-bottom: 10px;
        font-size: 10px;
    }

    .achievement-tag::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-tag::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .achievement-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #666;
    }

    .achievement-wrapper {
        display: block;
    }

    .achievement-card {
        flex: 1;
        text-align: center;
        max-width: 370px;
        margin: auto;
    }

    .achievement-award-wrapper {
        margin: auto;
    }

    .achievement-icon {
        width: 90px;
        height: 90px;
    }

    .achievement-icon img {
        width: 80px;
        height: 80px;
    }

    .achievement-card h3 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 1.3;
    }

    .achievement-content p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.6;
        color: #666;
    }

    .achievement-award {
        margin: 40px 0;
    }

    .achievement-award img {
        width: 100%;
        object-fit: contain;
        height: 350px;
        display: block;
        margin: 0 auto;
    }

    /* achievement section end  */

    /* about us section start  */

    .about-us-image {
        max-width: unset;
        padding: 8px;
    }

    .about-us-image img {
        width: 100%;
        height: 450px;
        object-fit: cover;
        border-radius: 250px 250px 0 0;
        display: block;
    }

    .about-us-content {
        padding: 0;
    }

    .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .about-us-content h2 {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 20px;
    }

    .about-us-text p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .about-us-text p:last-child {
        margin-bottom: 40px;
    }

    .about-us-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* about us section end  */

    /* service section start  */

    .services-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .services-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .services-accordion {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        align-items: flex-start;
    }

    .services-item {
        flex: 1 1 calc(50% - 12px);
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        border: none !important;
    }

    .services-view-expanded,
    .services-item.is-expanded .services-view-expanded {
        display: none !important;
    }

    .services-item.is-expanded .services-view-default {
        position: relative !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    .services-view-default {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .services-gallery {
        display: block;
        width: 100%;
    }

    .services-description {
        width: 100%;
    }

    .services-image {
        height: auto;
        aspect-ratio: 16/9;
    }

    .services-image:nth-child(n+2) {
        display: none;
    }

    .services-title {
        text-align: left;
    }

    .services-title h3 {
        font-size: 22px;
    }

    .services-mobile-text {
        display: block;
    }

    .services-mobile-text p {
        margin: 0;
        font-size: 16px;
        line-height: 1.7;
        color: #666;
        text-align: left;
    }

    .services-button {
        display: none;
    }

    .services-footer-text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .services-view-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* service section end  */

    /* why choose us section start  */

    .why-choose-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .why-choose-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .why-choose-image {
        margin-bottom: 24px;
    }

    .why-choose-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }

    .why-choose-item {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px;
        border: 1px solid #ddd;
    }

    .why-choose-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .why-choose-number {
        min-width: 30%;
        font-size: 50px;
    }

    .why-choose-content h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .why-choose-text p {
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
        color: #666;
    }

    .why-choose-item:nth-last-child(-n+2) {
        border-bottom: 1px solid #ddd;
    }

    /* projects section start */

    .inner-projects-section {
        padding: 20px 0 60px;
    }

    .projects-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .projects-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #666;
    }

    .tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 15px;
        font-size: 14px;
    }

    .projects-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-card:nth-child(-n+3),
    .project-card:nth-child(n+4) {
        grid-column: span 1;
        height: 100%;
        width: 100%;
        aspect-ratio: 4/3;
        margin-bottom: 0;
    }

    .projects-cat-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-cat-card {
        display: flex !important;
        flex-direction: column;
        padding: 0;
        min-height: 200px;
        height: 100%;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .project-cat-content {
        flex: 1;
        padding: 24px;
    }

    .project-cat-content h3 {
        margin: 0 0 12px;
        font-size: 22px;
    }

    .project-cat-content p {
        margin: 0;
        font-size: 14px;
    }

    .project-cat-image {
        flex-shrink: 0;
        width: 100%;
        height: 200px;
        aspect-ratio: unset;
        border-radius: 0 0 12px 12px;
        overflow: hidden;
    }

    /* projects section end */

    /* blog section start  */

    .blog-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .blog-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .blog-content {
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }

    .blog-image {
        overflow: hidden;
        width: 100%;
        aspect-ratio: 16/9;
        max-height: 300px;
    }

    .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .blog-category {
        font-size: 10px;
    }

    .blog-content h3 {
        font-size: 20px;
        line-height: 1.35;
    }

    .blog-text,
    .blog-text p {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
    }

    .blog-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    .blog-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .blog-slider .slick-prev {
        left: 0px;
    }

    .blog-slider .slick-next {
        right: 0;
    }

    /* blog section end   */

    /* testimonials section start  */

    .testimonials-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .testimonials-marquee {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        height: auto;
        position: relative;
    }

    .testimonials-track-wrapper {
        animation: none !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .testimonials-track[aria-hidden="true"] {
        display: none !important;
    }

    .testimonials-column {
        display: block;
    }

    .testimonials-column:nth-child(3) {
        display: none;
    }

    .testimonials-track .testimonial-card:nth-child(n+4) {
        display: none;
    }

    .testimonial-card {
        padding: 24px;
    }

    .testimonial-quote {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 1.8;
    }

    .testimonial-author strong {
        display: block;
        font-size: 16px;
    }

    /* testimonials section end  */

    /* contact cta section start */

    .contact-cta-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .contact-cta-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .contact-cta-primary-btn,
    .contact-cta-secondary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px 20px;
        font-size: 12px;
    }

    .contact-form-left {
        height: auto;
        color: #fff;
        margin-bottom: 32px;
    }

    /* contact cta section end */

    /* contact-form section start  */

    .contact-form-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .contact-form-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .contact-form-icon {
        color: #fff;
        font-size: 18px;
        flex-shrink: 0;
    }

    .contact-form-content h3 {
        margin: 0 0 2px;
        font-size: 16px;
    }

    .contact-form-content a {
        font-size: 16px;
        line-height: 1.6;
    }

    .contact-submit-btn {
        width: 100%;
        padding: 16px 35px;
        font-size: 14px;
    }

    .contact-form-right {
        padding: 20px 0 0;
    }

    /* contact-form section end  */

    /* footer section start  */

    .footer-tagline {
        font-family: 'canela-regular';
        font-weight: 500;
        font-size: 30px;
    }

    .footer-social a {
        width: 40px;
        height: 40px;
    }

    .footer-item-brand .footer-logo {
        width: 160px;
        object-fit: contain;
        height: auto;
        margin-bottom: 16px;
    }

    .footer-item-links li,
    .footer-item-services li {
        margin-bottom: 5px;
    }

    .footer-about-text p {
        font-size: 16px;
        line-height: 1.7;
        color: #8a8a8a;
        max-width: 260px;
        margin-bottom: 30px;
    }

    .footer-item {
        margin-bottom: 25px;
    }

    .footer-item h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .footer-item-links a,
    .footer-item-services a {
        font-size: 16px;
        line-height: 1.2;
    }

    .main-footer-row {
        padding: 30px 0 20px;
    }

    .footer-item-contact .contact-line {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        margin-bottom: 14px;
    }

    .footer-copyright-row .reserved-text p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 5px;
    }

    .footer-copyright-row .tiss-link a {
        font-size: 16px;
        text-align: center;
    }

    .footer-copyright-row .footer-legal {
        text-align: center;
        justify-content: center;
    }

    .footer-legal p {
        font-size: 16px;
        margin: 5px 0;
    }

    /* footer section end  */

    /* inner header banner section start  */

    .inner-header-banner-title-section {
        padding: 170px 0 80px;
    }

    .inner-header-banner-title-word {
        font-size: clamp(24px, 8vw, 32px) !important;
        white-space: normal;
    }

    .inner-header-banner-title-bracket-svg {
        flex-shrink: 0;
        width: 15px;
    }

    .inner-header-banner-title-mini {
        font-size: 12px;
    }

    .inner-header-banner-title-heading {
        font-size: 28px;
        margin-top: 15px;
    }

    .inner-header-banner-title-description {
        font-size: 16px;
        margin-top: 15px;
    }

    .inner-header-banner-title-center {
        padding: 0 8px;
    }

    .inner-header-banner-title-wrapper-multi {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-word {
        white-space: nowrap;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-left,
    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-right {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-center {
        padding: 4px 12px;
    }

    .inner-header-banner-title-wrapper-two {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 10px;
    }

    .inner-header-banner-title-word {
        font-size: clamp(32px, 6vw, 42px) !important;
        white-space: normal;
    }

    .inner-header-banner-title-wrapper-large {
        max-width: 100%;
        padding: 0 15px;
    }

    .inner-header-banner-title-big {
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 30px;
        row-gap: 6px;
        column-gap: 10px;
    }

    .inner-header-banner-title-inline {
        margin: 2px 0;
    }

    .inner-header-banner-title-inline small {
        font-size: 13px;
    }

    .inner-header-banner-title-inline svg {
        width: 16px;
        height: 38px;
    }

    /* inner header banner section end  */

    /* inner about us section end  */

    .inner-about-img-col {
        padding: 0 10px !important;
    }

    .inner-about-section-content h2 {
        font-size: 40px;
        margin-bottom: 25px;
    }

    .mv-row {
        display: flex;
        align-items: stretch !important;
    }

    .mv-col {
        display: flex;
        flex-direction: column;
    }

    .vision-card,
    .mission-card {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex: 1;
        gap: 0;
        flex-direction: column;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #d9a33d;
        border-radius: 12px;
    }

    .project-card:hover,
    .project-cat-card:hover,
    .inner-service-card:hover,
    .inner-blog-section-card:hover,
    .vision-card:hover,
    .mission-card:hover {
        transform: none;
        box-shadow: none;
    }

    .vision-mission-section .row::before,
    .vision-mission-section .row::after {
        display: none;
    }

    .vision-icon,
    .mission-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        margin: 0 0 20px;
    }

    .vision-icon img,
    .mission-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .vision-content h3,
    .mission-content h3 {
        margin-bottom: 18px;
        font-size: 32px;
    }

    .vision-content p,
    .mission-content p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    /* inner about us section end  */

    /* inner service section start  */

    .inner-service-section {
        padding: 20px 0 60px;
    }

    .inner-service-content {
        padding: 32px;
    }

    .inner-service-card {
        position: relative;
        display: block;
        height: 300px;
        border-radius: 15px;
    }

    .inner-service-text h3 {
        margin: 0 0 6px;
        font-size: 22px;
        line-height: 1.2;
    }

    .inner-service-arrow i {
        font-size: 16px;
        color: #222;
        transition: .35s;
    }

    .inner-service-text p {
        font-size: 12px;
    }

    /* inner service section end  */

    /* single project section start */

    .single-project-section {
        padding: 20px 0 60px;
    }

    .single-project-feature-image {
        margin-bottom: 24px;
        overflow: hidden;
        border-radius: 15px;
        aspect-ratio: 16/9;
    }

    /* single project section end */

    .single-service-content p {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 1.6;
    }

    .single-service-feature-image {
        margin-bottom: 32px;
        overflow: hidden;
        aspect-ratio: 16/9;
        border-radius: 15px;
    }

    .single-service-feature-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-content h1 {
        margin-bottom: 24px;
        font-size: 40px;
    }

    .single-service-sidebar h3 {
        margin-bottom: 8px;
        font-size: 24px;
        text-align: left;
        grid-column: span 2;
    }

    .single-service-gallery-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .single-service-gallery-heading h2 {
        margin: 0;
        font-size: 24px;
    }

    .single-service-gallery-grid {
        column-count: 2;
        column-gap: 16px;
    }

    .single-service-gallery-item {
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .single-service-gallery-item img {
        border-radius: 15px;
    }

    .single-service-sidebar {
        position: unset;
        padding: 24px;
        border-radius: 13px;
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .single-service-sidebar-item {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px;
        margin-bottom: 0;
        background: #fdf8f2;
        border: 1px solid #ece4d8;
        border-radius: 8px;
        text-decoration: none;
        transition: 0.3s ease;
    }

    .single-service-sidebar-image {
        width: 70px;
        height: 70px;
        border-radius: 6px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .single-service-sidebar-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-sidebar-content {
        flex: 1;
        text-align: left;
    }

    .single-service-sidebar-content h4 {
        margin: 0 0 4px;
        font-size: 16px;
        color: #222;
        transition: 0.3s;
    }

    .single-service-sidebar-content span {
        font-size: 11px;
        color: #d9a33d;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* single service section end  */

    /* single project section start  */

    .single-project-main {
        padding-right: 0;
    }

    .single-project-info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0;
        padding: 0;
        margin-bottom: 32px;
        background: none;
        border: none;
        border-radius: 0;
        text-align: left;
    }

    .single-project-info-item {
        flex: 1;
        padding: 14px 12px;
        border-right: 1px solid #ece4d8;
        min-width: 0;
    }

    .single-project-info-item:last-child {
        border-right: none;
    }

    .single-project-info-item h5 {
        font-size: 12px;
        letter-spacing: 1.5px;
        margin-bottom: 6px;
    }

    .single-project-info-item p {
        font-size: 14px;
        line-height: 1.4;
        word-break: break-word;
    }

    /* single project section end  */

    /* inner blog section start  */

    .inner-blog-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.9;
        color: #666;
        text-transform: uppercase;
    }

    .inner-blog-section-filter-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 15px;
        font-size: 16px;
        line-height: 1;
    }

    .inner-blog-section-content {
        justify-content: flex-start;
    }

    .inner-blog-section-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .inner-blog-section-category {
        font-size: 10px;
    }

    .inner-blog-section-content h3 {
        font-size: 22px;
        line-height: 1.35;
    }

    .inner-blog-section-text,
    .inner-blog-section-text p {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
        color: #777;
    }

    .inner-blog-section-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    /* inner blog section end  */

    /* single blog section start  */

    .single-blog-main {
        padding-right: 0;
    }

    .single-blog-header {
        margin-bottom: 32px;
    }

    .single-blog-meta span {
        font-size: 12px;
    }

    .single-blog-header h1 {
        margin: 0;
        font-size: 40px;
    }

    .single-blog-image {
        margin-bottom: 32px;
        border-radius: 14px;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .single-blog-image img {
        width: 100%;
        min-height: 200px;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: .5s;
    }

    .single-blog-content h2,
    .single-blog-content h3,
    .single-blog-content h4 {
        margin: 20px 0 12px;
        font-size: 26px;
    }

    .single-blog-sidebar {
        position: unset;
        margin-top: 24px;
    }

    .single-blog-widget {
        padding: 16px;
        border-radius: 13px;
    }

    .single-blog-widget h3 {
        margin-bottom: 16px;
        font-size: 24px;
    }

    .single-blog-recent-image {
        width: 120px;
        height: 90px;
        border-radius: 8px;
    }

    .single-blog-recent-content h4 {
        margin: 0 0 8px;
        font-size: 16px;
    }

    /* single blog section start  */

    /* inner contact section start  */

    .inner-contact-section {
        padding: 20px 0 60px;
    }

    .inner-contact-section .inner-contact-row {
        padding: 10px 0 0;
        margin: 0;
    }

    .inner-contact-section-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        padding: 0;
        margin-bottom: 24px;
    }

    .inner-contact-section-right {
        padding: 30px 0 0;
    }

    .inner-contact-section-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
    }

    .inner-contact-section-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #000000;
    }

    .inner-contact-section-content h3 {
        margin: 0 0 2px;
        font-size: 16px;
    }

    .inner-contact-section-content a {
        display: inline-block;
        color: #000000;
        font-size: 16px;
        line-height: 1.6;
    }

    .location-map-title h2 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'canela-regular';
    }

    .location-map-large iframe {
        width: 100%;
        height: 350px;
        border: 0;
        display: block;
    }

    .location-map-small iframe {
        width: 100%;
        height: 270px;
        border: 0;
        display: block;
    }

    /* inner contact section end  */
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {

    /* top header section start  */

    .top-header-wrapper {
        padding: 10px 0;
    }

    .header-logo img {
        width: 180px;
        object-fit: cover;
        height: auto;
        margin-right: auto;
        display: block;
    }

    .f-nav .header-logo img {
        height: auto;
        width: 160px;
    }

    .header-btn-Book {
        padding: 10px 20px;
        font-size: 14px;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #000;
        font-size: 13px !important;
        line-height: 1 !important;
        height: unset !important;
        padding: 8px 10px;
        font-weight: 500 !important;
        font-family: 'neuemontreal-medium';
        background: #00000000 !important;
    }

    /* top header section end  */

    /* banner section start  */

    .banner-section-content {
        position: absolute;
        top: 55%;
        transform: translateY(-45%);
        padding: 0 20px;
    }

    .banner-section-content h1 {
        font-size: 50px;
        line-height: 1.1;
        max-width: 550px;
        margin: 0 auto 10px;
    }

    .banner-section-text p {
        margin: 0 auto 25px;
        font-size: 26px;
        line-height: 1.1;
    }

    .banner-section-start-btn,
    .banner-section-view-btn {
        display: inline-flex;
        gap: 12px;
        padding: 10px 20px;
        font-size: 14px;
    }

    /* banner section end  */

    /* counter section start  */

    .counter-section {
        position: relative;
        z-index: 20;
        padding: 0;
        width: 88vw;
        margin: -90px auto 0;
        bottom: 0;
    }

    .counter-wrapper {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 1px;
        background: #e8ddd0;
        border-top: 1px solid #e8ddd0;
        width: 100%;
        margin: 0;
    }

    .counter-separator {
        display: none;
    }

    .counter-item {
        display: flex;
        height: 100%;
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 40px 12px 32px;
        position: relative;
        background: #fdf8f2;
        border-bottom: none;
    }

    .counter-item::after {
        content: '';
        display: block;
        width: 40px;
        height: 2px;
        background: linear-gradient(90deg, #c59b27, #f7d570, #c59b27);
        margin: 12px auto 0;
        border-radius: 2px;
        opacity: 0.85;
    }

    .counter-item:last-of-type h2 {
        font-size: 48px;
    }

    .counter-item h2 {
        margin: 0 0 8px;
        color: #1a1a1a;
    }

    .counter-item span {
        font-size: 11px;
        letter-spacing: 2px;
        line-height: 1.4;
        color: #8a7260;
        text-transform: uppercase;
    }

    /* counter section end  */

    /* achievement section start  */

    .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin-bottom: 10px;
        font-size: 10px;
    }

    .achievement-tag::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-tag::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
    }

    .achievement-heading-title {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 1.2;
    }

    .achievement-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #666;
    }

    .achievement-card {
        flex: 1;
        text-align: center;
        max-width: 370px;
        margin: auto;
    }

    .achievement-award-wrapper {
        margin: auto;
    }

    .achievement-icon {
        width: 90px;
        height: 90px;
    }

    .achievement-icon img {
        width: 80px;
        height: 80px;
    }

    .achievement-card h3 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 1.3;
    }

    .achievement-content p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.6;
        color: #666;
    }

    .achievement-award {
        margin: 40px 0;
    }

    .achievement-award img {
        width: 100%;
        object-fit: contain;
        height: 350px;
        display: block;
        margin: 0 auto;
    }

    /* achievement section end  */

    /* about us section start  */

    .about-us-image {
        max-width: unset;
        padding: 8px;
    }

    .about-us-image img {
        width: 100%;
        height: 450px;
        object-fit: cover;
        border-radius: 250px 250px 0 0;
        display: block;
    }

    .about-us-content {
        padding: 0;
    }

    .achievement-tag {
        display: inline-block;
        position: relative;
        padding: 0 40px;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .about-us-content h2 {
        font-size: 36px;
        line-height: 1.15;
        margin-bottom: 20px;
    }

    .about-us-text p {
        font-size: 17px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .about-us-text p:last-child {
        margin-bottom: 40px;
    }

    .about-us-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        font-size: 10px;
    }

    /* about us section end  */

    .services-heading-title {
        margin-bottom: 20px;
        font-size: 48px;
    }

    .services-gallery {
        grid-template-columns: 1fr;
        width: 250px;
    }

    .services-image {
        width: 100%;
        height: 160px;
        border-radius: 10px;
        overflow: hidden;
    }

    .services-gallery .services-image:nth-child(n+2) {
        display: none;
    }

    .services-title h3 {
        font-size: 24px;
    }

    .services-description p {
        margin: 0;
        font-size: 14px;
        line-height: 1.6;
        color: #666;
    }

    .services-panel-title h3 {
        font-size: 30px;
    }

    .services-panel-image {
        height: 250px;
    }

    /* why choose us section start  */

    .why-choose-heading-title {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 1.2;
    }

    .why-choose-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .why-choose-image {
        margin-bottom: 24px;
    }

    .why-choose-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }

    .why-choose-item {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px;
        border: 1px solid #ddd;
    }

    .why-choose-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .why-choose-number {
        min-width: 30%;
        font-size: 50px;
    }

    .why-choose-content h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .why-choose-text p {
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
        color: #666;
    }

    .why-choose-item:nth-last-child(-n+2) {
        border-bottom: 1px solid #ddd;
    }

    /* projects section start */

    .inner-projects-section {
        padding: 20px 0 60px;
    }

    .projects-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .projects-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #666;
    }

    .tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 15px;
        font-size: 16px;
    }

    .projects-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-card:nth-child(-n+3),
    .project-card:nth-child(n+4) {
        grid-column: span 1;
        height: 100%;
        width: 100%;
        aspect-ratio: 4/3;
        margin-bottom: 0;
    }

    .projects-cat-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .project-cat-card {
        display: flex !important;
        flex-direction: column;
        padding: 0;
        min-height: 200px;
        height: 100%;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .project-cat-content {
        flex: 1;
        padding: 24px;
    }

    .project-cat-content h3 {
        margin: 0 0 12px;
        font-size: 22px;
    }

    .project-cat-content p {
        margin: 0;
        font-size: 14px;
    }

    .project-cat-image {
        flex-shrink: 0;
        width: 100%;
        height: 200px;
        aspect-ratio: unset;
        border-radius: 0 0 12px 12px;
        overflow: hidden;
    }

    /* projects section end */

    /* blog section start  */

    .blog-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .blog-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .blog-content {
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }

    .blog-image {
        overflow: hidden;
        width: 100%;
        aspect-ratio: 16/9;
        max-height: 300px;
    }

    .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .blog-category {
        font-size: 10px;
    }

    .blog-content h3 {
        font-size: 20px;
        line-height: 1.35;
    }

    .blog-text p {
        margin: 0;
        font-size: 14px;
        line-height: 1.6;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

        overflow: hidden;
        text-overflow: ellipsis;
    }

    .blog-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    .blog-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .blog-slider .slick-prev {
        left: 0px;
    }

    .blog-slider .slick-next {
        right: 0;
    }

    /* blog section end   */

    /* testimonials section start  */

    .testimonials-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .testimonials-marquee {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        height: auto;
        position: relative;
    }

    .testimonials-track-wrapper {
        animation: none !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .testimonials-track[aria-hidden="true"] {
        display: none !important;
    }

    .testimonials-column {
        display: block;
    }

    .testimonials-track .testimonial-card:nth-child(n+4) {
        display: none;
    }

    .testimonial-card {
        padding: 24px;
    }

    .testimonial-quote {
        margin: 0 0 20px;
        font-size: 20px;
        line-height: 1.8;
    }

    /* testimonials section end  */

    /* contact cta section start */

    .contact-cta-heading-title {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 1.2;
    }

    .contact-cta-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .contact-cta-primary-btn,
    .contact-cta-secondary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px 20px;
        font-size: 12px;
    }

    .contact-form-left {
        height: auto;
        color: #fff;
        margin-bottom: 32px;
    }

    /* contact cta section end */

    /* contact-form section start  */

    .contact-form-heading-title {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .contact-form-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .contact-form-icon {
        color: #fff;
        font-size: 18px;
        flex-shrink: 0;
    }

    .contact-form-content h3 {
        margin: 0 0 2px;
        font-size: 16px;
    }

    .contact-form-content a {
        font-size: 16px;
        line-height: 1.6;
    }

    .contact-submit-btn {
        width: 100%;
        padding: 16px 35px;
        font-size: 14px;
    }

    .contact-form-right {
        padding: 20px 0 0;
    }

    /* contact-form section end  */

    /* footer section start  */

    .footer-tagline {
        font-family: 'canela-regular';
        font-weight: 500;
        font-size: 30px;
    }

    .footer-social a {
        width: 40px;
        height: 40px;
    }

    .footer-item-brand .footer-logo {
        width: 160px;
        object-fit: contain;
        height: auto;
        margin-bottom: 16px;
    }

    .footer-item-links li,
    .footer-item-services li {
        margin-bottom: 5px;
    }

    .footer-about-text p {
        font-size: 16px;
        line-height: 1.7;
        color: #8a8a8a;
        max-width: 260px;
        margin-bottom: 30px;
    }

    .footer-item {
        margin-bottom: 25px;
    }

    .footer-item h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .footer-item-links a,
    .footer-item-services a {
        font-size: 16px;
        line-height: 1.2;
    }

    .main-footer-row {
        padding: 30px 0 20px;
    }

    .footer-item-contact .contact-line {
        display: flex;
        align-items: center;
        word-wrap: break-word;
        gap: 10px;
        font-size: 16px;
        margin-bottom: 14px;
    }

    .footer-item-contact .contact-line span {
        word-break: break-word;
    }

    .footer-copyright-row .reserved-text p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 5px;
    }

    .footer-copyright-row .tiss-link a {
        font-size: 16px;
        text-align: center;
    }

    .footer-copyright-row .footer-legal {
        text-align: center;
        justify-content: center;
    }

    .footer-legal p {
        font-size: 16px;
        margin: 5px 0;
    }

    /* footer section end  */

    /* inner header banner section start  */

    .inner-header-banner-title-bracket-svg {
        flex-shrink: 0;
        width: 15px;
    }

    .inner-header-banner-title-mini {
        font-size: 12px;
    }

    .inner-header-banner-title-center {
        padding: 0 8px;
    }

    .inner-header-banner-title-wrapper-multi {
        flex-direction: column;
        gap: 6px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-word {
        white-space: normal;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-left,
    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .inner-header-banner-title-wrapper-multi .inner-header-banner-title-center {
        padding: 4px 0;
    }

    .inner-header-banner-title-wrapper-two {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 10px;
    }

    .inner-header-banner-title-word {
        font-size: clamp(40px, 6vw, 56px) !important;
        white-space: normal;
    }

    .inner-header-banner-title-wrapper-large {
        max-width: 100%;
        padding: 0 15px;
    }

    .inner-header-banner-title-big {
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 30px;
        row-gap: 6px;
        column-gap: 10px;
    }

    .inner-header-banner-title-inline {
        margin: 2px 0;
    }

    .inner-header-banner-title-inline small {
        font-size: 13px;
    }

    .inner-header-banner-title-inline svg {
        width: 16px;
        height: 38px;
    }

    /* inner header banner section end  */

    /* inner about us section end  */

    .inner-about-img-col {
        padding: 0 10px !important;
    }

    .inner-about-section-content h2 {
        font-size: 48px;
        margin-bottom: 25px;
    }

    .vision-icon,
    .mission-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        margin: 0 0 20px;
    }

    .vision-icon img,
    .mission-icon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .vision-content h3,
    .mission-content h3 {
        margin-bottom: 18px;
        font-size: 32px;
    }

    .vision-content p,
    .mission-content p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    /* inner about us section end  */

    /* inner service section start  */

    .inner-service-section {
        padding: 30px 0 60px;
    }

    .inner-service-content {
        padding: 24px;
    }

    .inner-service-card {
        position: relative;
        display: block;
        height: 300px;
        border-radius: 15px;
    }

    .inner-service-text h3 {
        margin: 0 0 6px;
        font-size: 20px;
        line-height: 1.2;
    }

    .inner-service-arrow i {
        font-size: 16px;
        color: #222;
        transition: .35s;
    }

    .inner-service-text p {
        font-size: 12px;
    }

    /* inner service section end  */

    /* single project section start */

    .single-project-section {
        padding: 30px 0 60px;
    }

    .single-project-feature-image {
        margin-bottom: 24px;
        overflow: hidden;
        border-radius: 15px;
    }

    /* single project section end */

    .single-service-feature-image {
        margin-bottom: 32px;
        overflow: hidden;
        aspect-ratio: 16/9;
        border-radius: 15px;
    }

    .single-service-feature-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-content h1 {
        margin-bottom: 24px;
        font-size: 48px;
    }

    .single-service-sidebar h3 {
        margin-bottom: 8px;
        font-size: 24px;
        text-align: left;
        grid-column: span 2;
    }

    .single-service-gallery-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .single-service-gallery-heading h2 {
        margin: 0;
        font-size: 24px;
    }

    .single-service-gallery-grid {
        column-count: 3;
        column-gap: 16px;
    }

    .single-service-gallery-item {
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .single-service-gallery-item img {
        border-radius: 15px;
    }

    .single-service-sidebar {
        position: unset;
        padding: 24px;
        border-radius: 13px;
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .single-service-sidebar-item {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px;
        margin-bottom: 0;
        background: #fdf8f2;
        border: 1px solid #ece4d8;
        border-radius: 8px;
        text-decoration: none;
        transition: 0.3s ease;
    }

    .single-service-sidebar-image {
        width: 120px;
        height: 80px;
        border-radius: 6px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .single-service-sidebar-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .single-service-sidebar-content {
        flex: 1;
        text-align: left;
    }

    /* single service section end  */

    /* single project section start  */

    .single-project-info-item {
        flex: 1;
        min-width: unset !important;
    }

    /* single project section end  */

    /* inner blog section start  */

    .inner-blog-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.9;
        color: #666;
        text-transform: uppercase;
    }

    .inner-blog-section-filter-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 15px;
        font-size: 16px;
        line-height: 1;
    }

    .inner-blog-section-content {
        justify-content: flex-start;
    }

    .inner-blog-section-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .inner-blog-section-category {
        font-size: 10px;
    }

    .inner-blog-section-content h3 {
        font-size: 22px;
        line-height: 1.35;
    }

    .inner-blog-section-text,
    .inner-blog-section-text p {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
        color: #777;
    }

    .inner-blog-section-date {
        display: block;
        margin-top: 20px;
        font-size: 12px;
    }

    /* inner blog section end  */

    /* single blog section start  */

    .single-blog-main {
        padding-right: 0;
    }

    .single-blog-header {
        margin-bottom: 32px;
    }

    .single-blog-meta span {
        font-size: 12px;
    }

    .single-blog-header h1 {
        margin: 0;
        font-size: 48px;
    }

    .single-blog-image {
        margin-bottom: 32px;
        border-radius: 14px;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .single-blog-image img {
        width: 100%;
        min-height: 200px;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: .5s;
    }

    .single-blog-content h2,
    .single-blog-content h3,
    .single-blog-content h4 {
        margin: 20px 0 12px;
        font-size: 26px;
    }

    .single-blog-sidebar {
        position: unset;
        margin-top: 24px;
    }

    .single-blog-widget {
        padding: 16px;
        border-radius: 13px;
    }

    .single-blog-widget h3 {
        margin-bottom: 16px;
        font-size: 24px;
    }

    .single-blog-recent-image {
        width: 120px;
        height: 90px;
        border-radius: 8px;
    }

    .single-blog-recent-content h4 {
        margin: 0 0 8px;
        font-size: 16px;
    }

    /* single blog section start  */

    /* inner contact section start  */

    .inner-contact-section {
        padding: 20px 0 60px;
    }

    .inner-contact-section .inner-contact-row {
        padding: 10px 0 0;
        margin: 0;
    }

    .inner-contact-section-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        padding: 0;
        margin-bottom: 24px;
    }

    .inner-contact-section-right {
        padding: 30px 0 0;
    }

    .inner-contact-section-heading-title {
        margin-bottom: 20px;
        font-size: 32px;
    }

    .inner-contact-section-heading-description p {
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
        color: #000000;
    }

    .inner-contact-section-content h3 {
        margin: 0 0 2px;
        font-size: 16px;
    }

    .inner-contact-section-content a {
        display: inline-block;
        color: #000000;
        font-size: 16px;
        line-height: 1.6;
    }

    .location-map-title h2 {
        font-size: 28px;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'canela-regular';
    }

    .location-map-large iframe {
        width: 100%;
        height: 350px;
        border: 0;
        display: block;
    }

    .location-map-small iframe {
        width: 100%;
        height: 270px;
        border: 0;
        display: block;
    }

    /* inner contact section end  */
}

@media only screen and (min-width: 992px) and (max-width: 992.98px) {

    /* top header section start  */

    .top-header-wrapper {
        padding: 10px 0;
    }

    .menu-logoheader {
        padding: 10px 0;
    }

    .top-header-social {
        display: flex;
        gap: 8px;
        justify-content: center;
    }

    .top-header-social a {
        display: flex;
        gap: 8px;
        font-size: 13px;
    }

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #FDF8F0;
    }

    .header-logo img {
        width: 180px;
        object-fit: cover;
        height: auto;
        margin-right: auto;
        display: block;
    }

    .f-nav .header-logo img {
        height: auto;
        width: 160px;
    }

    .header-btn-Book {
        display: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #000;
        font-size: 18px !important;
        line-height: 1 !important;
        height: unset !important;
        padding: 10px 15px;
        font-weight: 500 !important;
        font-family: 'neuemontreal-medium';
        background: #00000000 !important;
    }

    .header-btn {
        display: none;
    }

    .menu-logoheader .row {
        display: flex;
        justify-content: space-between;
    }

    /* top header section end  */
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {

    .header-btn-Book {
        padding: 10px 20px;
        font-size: 14px;
    }

    .counter-item h2 {
        margin: 0 0 10px;
        font-size: 34px;
    }

    .banner-section-text p {
        font-size: 36px;
    }

    .achievement-heading-title {
        margin-bottom: 20px;
        font-size: 52px;
    }

    .achievement-heading-description p {
        font-size: 17px;
        line-height: 1.6;
    }

    .about-us-content {
        padding: 0 0 0px 40px;
    }

    .about-us-content h2 {
        font-size: 46px;
        margin-bottom: 24px;
    }

    .services-heading-title {
        font-size: 52px;
    }

    .services-gallery {
        grid-template-columns: 1fr;
        width: 300px;
    }

    .services-image {
        width: 100%;
        height: 200px;
        border-radius: 10px;
        overflow: hidden;
    }

    .services-gallery .services-image:nth-child(n+2) {
        display: none;
    }

    .services-title h3 {
        font-size: 26px;
    }

    .services-description p {
        margin: 0;
        font-size: 15px;
        line-height: 1.6;
        color: #666;
    }

    .services-panel-title h3 {
        font-size: 34px;
    }

    .services-panel-image {
        height: 280px;
    }

    .why-choose-heading-title {
        font-size: 52px;
    }

    .why-choose-left-col {
        -ms-flex: 0 0 41.666667% !important;
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
    }

    .why-choose-right-col {
        -ms-flex: 0 0 58.333333% !important;
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
    }

    .why-choose-number {
        min-width: 25%;
        font-size: 46px;
    }

    .why-choose-content h3 {
        font-size: 18px;
    }

    .why-choose-text p {
        font-size: 14px;
        line-height: 1.4;
    }

    .projects-heading-title {
        font-size: 52px;
    }

    .blog-heading-title {
        font-size: 52px;
    }

    .blog-content h3 {
        font-size: 22px;
    }

    .testimonials-heading-title {
        font-size: 52px;
    }

    .contact-cta-heading-title {
        font-size: 52px;
    }

    .contact-form-heading-title {
        font-size: 48px;
    }

    .footer-item-brand .footer-logo {
        width: 220px;
    }

    .footer-item-links a,
    .footer-item-services a {
        font-size: 16px;
        line-height: 1;
    }

    .footer-item-links li,
    .footer-item-services li {
        margin-bottom: 8px;
    }

    .inner-about-section-content h2 {
        font-size: 52px;
    }

    .inner-service-card {
        height: 350px;
    }

    .inner-service-text h3 {
        font-size: 22px;
    }

    .project-card:nth-child(n+4) {
        grid-column: span 4;
        height: 320px;
    }

    .inner-blog-section-content h3 {
        font-size: 22px;
    }

    .inner-contact-section-heading-title {
        font-size: 38px;
    }

    .single-service-content h1 {
        font-size: 48px;
        margin-bottom: 24px;
    }

    .single-service-feature-image {
        margin-bottom: 32px;
        border-radius: 16px;
    }

    .single-service-gallery-heading {
        margin-bottom: 24px;
    }

    .single-service-gallery-heading h2 {
        font-size: 40px;
    }

    .single-service-gallery-images {
        gap: 16px;
    }

    .single-service-gallery-item img {
        border-radius: 13px;
    }

    .single-service-sidebar {
        padding: 20px;
        border-radius: 15px;
    }

    .single-blog-widget {
        padding: 20px;
        border-radius: 13px;
    }

    .single-blog-widget h3 {
        margin-bottom: 16px;
        font-size: 26px;
    }

    .single-blog-recent-content h4 {
        font-size: 16px;
    }
}

@keyframes floatSlow {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes pulseGlow {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(255, 49, 55, 0.35);
    }

    50% {
        box-shadow: 0 0 24px 6px rgba(255, 49, 55, 0.18);
    }
}

@keyframes goldShine {
    0% {
        transform: translateX(-100%) rotate(45deg);
        opacity: 0;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        transform: translateX(200%) rotate(45deg);
        opacity: 0;
    }
}

.float-animated {
    animation: floatSlow 4.5s ease-in-out infinite;
}

.project-card,
.project-cat-card,
.inner-service-card,
.achievement-card,
.vision-card,
.mission-card,
.inner-blog-section-card,
.single-blog-recent-post,
.why-choose-item,
.inner-contact-section-item,
.location-map-large,
.location-map-small {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.35s ease;
}

.project-card:hover,
.project-cat-card:hover,
.inner-service-card:hover,
.inner-blog-section-card:hover,
.vision-card:hover,
.mission-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

.project-card img,
.project-cat-card img,
.inner-blog-section-card img,
.inner-service-card img,
.single-project-gallery-item img,
.single-service-gallery-item img {
    transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}

.project-card:hover img,
.project-cat-card:hover img,
.inner-blog-section-card:hover img,
.inner-service-card:hover img,
.single-project-gallery-item:hover img,
.single-service-gallery-item:hover img {
    transform: scale(1.05);
}

.header-btn-Book,
.banner-section-start-btn,
.banner-section-view-btn,
.about-us-btn,
.services-view-btn,
.contact-cta-primary-btn,
.contact-cta-secondary-btn,
.inner-contact-submit-btn,
.tab-btn,
.inner-blog-section-filter-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.header-btn-Book:hover,
.banner-section-start-btn:hover,
.about-us-btn:hover,
.services-view-btn:hover,
.contact-cta-primary-btn:hover,
.inner-contact-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(255, 49, 55, 0.38);
}

.banner-section-view-btn:hover,
.contact-cta-secondary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
}

.about-us-btn:hover i,
.services-view-btn:hover i,
.contact-cta-primary-btn:hover i,
.contact-cta-secondary-btn:hover i,
.header-btn-Book:hover i {
    transform: translateX(4px);
    transition: transform 0.3s ease;
}

.achievement-award {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
}

.achievement-award:hover {
    transform: scale(1.04);
    filter: drop-shadow(0 10px 20px rgba(215, 180, 106, 0.35));
}

html,
body,
.site-main-content,
.page-container {
    max-width: 100vw;
    overflow-x: clip;
}

@media only screen and (max-width: 766.98px) {

    .single-blog-section, .single-project-section, .single-service-section {
        padding: 180px 0 60px;
    }

}

@media only screen and (max-width: 768.98px) {

    .top-header-social a,
    .top-header-text span,
    .tab-btn,
    .inner-blog-section-filter-btn,
    .contact-line,
    .footer-social a {
        min-height: unset;
        display: inline-flex;
        align-items: center;
    }

    .footer-social a {
        min-width: 44px;
        justify-content: center;
    }

    .header-logo img {
        max-width: 140px;
    }

    .inner-header-banner-title-wrapper {
        gap: 10px;
    }
}

@media only screen and (max-width: 767px) {

    .inner-header-banner-title-section.m-d-none {
        display: none;
    }

    .single-project-mobile-header {
        display: block;
        margin-bottom: 20px;
    }

    .single-project-mobile-header h1 {
        margin: 0;
        font-size: 32px;
        line-height: 1.15;
        color: #1f1f1f;
        font-family: 'canela-regular';
        font-weight: 400;
    }
}

@media only screen and (max-width: 375px) {
    .container {
        padding: 0 6vw !important;
    }

    .top-header-text span {
        font-size: 11px;
        min-height: unset;
    }

    .counter-item h2 {
        font-size: 24px;
    }

    .counter-item p {
        font-size: 11px;
    }

    .banner-section-content h1 {
        font-size: 28px;
    }

    .banner-section-start-btn,
    .banner-section-view-btn {
        padding: 10px 16px;
        font-size: 11px;
    }
}

.split-line-wrap,
.split-line,
.line {
    overflow: hidden !important;
    display: block;
    padding-bottom: 2px;
}

.word {
    display: inline-block;
    will-change: transform, opacity;
}

.tiss-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #d4af37, #f7d570, #c59b27);
    width: 0%;
    z-index: 999999;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
}

.achievement-award {
    animation: tissAwardFloat 4s ease-in-out infinite;
    will-change: transform;
}

@keyframes tissAwardFloat {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(1.5deg);
    }
}

.project-card,
.project-cat-card,
.achievement-card,
.blog-card,
.inner-service-card {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

.project-card:hover,
.project-cat-card:hover,
.achievement-card:hover,
.blog-card:hover,
.inner-service-card:hover {
    transform: translateY(-6px);
}





@media only screen and (min-width: 1200px) {
    .services-item:not(.is-expanded) .services-description {
        display: none;
    }
}