/* Generated on: Fri Feb 12 2021 22:02:23 GMT+0000 (Coordinated Universal Time) */
/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css 
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}footer,header,main,nav{display:block}a{background-color:transparent}a:active,a:hover{outline:0}img{border:0}button{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}

/* ==========================================================================
   
   ========================================================================== */
   @font-face{src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}.w-inline-block{max-width:100%;display:inline-block}h6{font-weight:bold;margin-bottom:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}button{border:0;cursor:pointer;-webkit-appearance:button}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-menu{position:relative;float:right}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}

   /* ==========================================================================

      ========================================================================== */
      html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-family: sans-serif;
      }
      
      body {
        margin: 0;
      }
      
      footer, header, main, nav, section {
        display: block;
      }
      
      a {
        background-color: #0000;
      }
      
      a:active, a:hover {
        outline: 0;
      }
      
      strong {
        font-weight: bold;
      }
      
      h1 {
        margin: .67em 0;
        font-size: 2em;
      }
      
      img {
        border: 0;
      }
      
      button, input, textarea {
        color: inherit;
        font: inherit;
        margin: 0;
      }
      
      button {
        overflow: visible;
      }
      
      button {
        text-transform: none;
      }
      
      button {
        -webkit-appearance: button;
        cursor: pointer;
      }
      
      button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
      }
      
      input {
        line-height: normal;
      }
      
      input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
      }
      
      textarea {
        overflow: auto;
      }

      ul {
        margin-bottom: 20px;
      }
      li {
        margin-bottom: 10px;
      }
  
      
      * {
        box-sizing: border-box;
      }
      
      html {
        height: 100%;
      }
      
      body {
        color: #333;
        background-color: #fff;
        min-height: 100%;
        margin: 0;
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
      }
      
      img {
        vertical-align: middle;
        max-width: 100%;
        display: inline-block;
      }
      
      .w-inline-block {
        max-width: 100%;
        display: inline-block;
      }
      
      .w-button {
        color: #fff;
        line-height: inherit;
        cursor: pointer;
        background-color: #3898ec;
        border: 0;
        border-radius: 0;
        padding: 9px 15px;
        text-decoration: none;
        display: inline-block;
      }
      
      input.w-button {
        -webkit-appearance: button;
      }
      
      h1, h2, h3, h6 {
        margin-bottom: 10px;
        font-weight: bold;
      }
      
      h1 {
        margin-top: 20px;
        font-size: 38px;
        line-height: 44px;
      }
      
      h2 {
        margin-top: 20px;
        font-size: 32px;
        line-height: 36px;
      }
      
      h3 {
        margin-top: 20px;
        font-size: 24px;
        line-height: 30px;
      }
      
      h6 {
        margin-top: 10px;
        font-size: 12px;
        line-height: 18px;
      }
      
      p {
        margin-top: 0;
        margin-bottom: 10px;
      }
      
      ul {
        margin-top: 0;
        margin-bottom: 10px;
        padding-left: 40px;
      }
      
      .w-embed:before, .w-embed:after {
        content: " ";
        grid-area: 1 / 1 / 2 / 2;
        display: table;
      }
      
      .w-embed:after {
        clear: both;
      }
      
      button, [type="button"] {
        cursor: pointer;
        -webkit-appearance: button;
        border: 0;
      }
      
      .w-form {
        margin: 0 0 15px;
      }
      
      label {
        margin-bottom: 5px;
        font-weight: bold;
        display: block;
      }
      
      .w-input {
        color: #333;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #ccc;
        width: 100%;
        height: 38px;
        margin-bottom: 10px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 1.42857;
        display: block;
      }
      
      .w-input:focus {
        border-color: #3898ec;
        outline: 0;
      }
      
      textarea.w-input {
        height: auto;
      }
      
      .w-container {
        max-width: 940px;
        margin-left: auto;
        margin-right: auto;
      }
      
      .w-container:before, .w-container:after {
        content: " ";
        grid-area: 1 / 1 / 2 / 2;
        display: table;
      }
      
      .w-container:after {
        clear: both;
      }
      
      @media screen and (max-width: 991px) {
        .w-container {
          max-width: 728px;
        }
      }
      
      @media screen and (max-width: 479px) {
        .w-container {
          max-width: none;
        }
      }
      
      .w-slider {
        text-align: center;
        clear: both;
        -webkit-tap-highlight-color: #0000;
        tap-highlight-color: #0000;
        background: #ddd;
        height: 300px;
        position: relative;
      }
      
      .w-slider-mask {
        z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
        height: 100%;
        gap: 40px;

        position: relative;
        left: 0;
        right: 0;


        & .w-layout-grid {
          grid-template-columns: 1fr;
          height: 100%;
        }

        & .testimonial-box-style-two {
          height: 100%;
        }
      }

      .section-testimonial-style-two {
        background-color: #f0f8ff;
      }
      
      .w-slide {
        vertical-align: top;
        white-space: normal;
        text-align: left;
        width: 100%;
        height: 100%;
        display: inline-block;
        position: relative;
      }
      
      @media screen and (max-width: 767px) {
        .w-nav-brand {
          padding-left: 10px;
        }
      }
      
      .w-nav {
        z-index: 1000;
        background: #ddd;
        position: relative;
      }
      
      .w-nav:before, .w-nav:after {
        content: " ";
        grid-area: 1 / 1 / 2 / 2;
        display: table;
      }
      
      .w-nav:after {
        clear: both;
      }
      
      .w-nav-brand {
        float: left;
        color: #333;
        text-decoration: none;
        position: relative;
      }
      
      .w-nav-link {
        vertical-align: top;
        color: #222;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        text-decoration: none;
        display: inline-block;
        position: relative;
      }
      
      .w-nav-menu {
        float: right;
        position: relative;
      }
      
      .w-nav-overlay {
        width: 100%;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        overflow: hidden;
      }
      
      .w-nav-button {
        float: right;
        cursor: pointer;
        -webkit-tap-highlight-color: #0000;
        tap-highlight-color: #0000;
        -webkit-user-select: none;
        user-select: none;
        padding: 18px;
        font-size: 24px;
        display: none;
        position: relative;
      }
      
      .w-nav-button:focus {
        outline: 0;
      }
      
      @media screen and (max-width: 767px) {
      
        .w-nav-brand {
          padding-left: 10px;
        }
      }
      
      .wf-layout-layout {
        display: grid;
      }
      
      :root {
        --white: white;
        --body: Raleway, sans-serif;
        --secondary: #9a9a9a;
        --title: "Baloo 2", sans-serif;
        --dark: black;
        --grey: #fffbf6;
        --primary: #b6712c;
        --font-awsome-solids: "Fa Solid 900", sans-serif;
        --font-awsome-brands: "Fa Brands 400", sans-serif;
      }
      
      .w-layout-blockcontainer {
        max-width: 940px;
        margin-left: auto;
        margin-right: auto;
        display: block;
      }
      
      .w-layout-grid {
        grid-row-gap: 16px;
        grid-column-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
      }
      
      .w-layout-layout {
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        grid-auto-columns: 1fr;
        justify-content: center;
        padding: 20px;
        height: 100%;
      }
      
      .w-layout-cell {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
      }
      
      @media screen and (max-width: 991px) {
        .w-layout-blockcontainer {
          max-width: 728px;
        }
      }
      
      @media screen and (max-width: 767px) {
        .w-layout-blockcontainer {
          max-width: none;
        }
      }
      
      body {
        background-color: var(--white);
        font-family: var(--body);
        color: var(--secondary);
        font-size: 16px;
        font-weight: 500;
        line-height: 2;
      }
      
      h1 {
        font-family: var(--title);
        color: var(--dark);
        margin-top: 0;
        margin-bottom: 0;
        font-size: 40px;
        font-weight: 600;
        line-height: 1.1;
      }
      
      h2 {
        font-family: var(--title);
        color: var(--dark);
        margin-top: 0;
        margin-bottom: 0;
        font-size: 36px;
        font-weight: 600;
        line-height: 1.1;
      }
      
      h3 {
        font-family: var(--title);
        color: var(--dark);
        margin-top: 0;
        margin-bottom: 0;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.1;
      }
      
      h6 {
        font-family: var(--title);
        color: var(--dark);
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.1;
      }
      
      p {
        margin-bottom: 0;
      }
      
      ul {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 40px;
      }
      
      strong {
        font-family: var(--title);
        color: var(--dark);
        font-size: 20px;
        font-weight: 600;
      }
      
      .clone-button:focus-visible {
        background-color: var(--white);
        color: var(--dark);
      }
      
      .navbar-link {
        font-family: var(--title);
        color: var(--white);
        margin-right: 30px;
        font-size: 20px;
        text-decoration: none;
        transition: all .5s cubic-bezier(.455, .03, .515, .955);
      }
      
      .navbar-link:hover {
        box-shadow: none;
        color: var(--primary);
      }
      
      .navbar-link.w--current {
        color: var(--primary);
      }
      
      .text-area {
        background-color: var(--grey);
        border: 1px solid #0000;
        border-radius: 10px;
        width: 100%;
        min-height: 160px;
        margin-bottom: 30px;
        padding: 16px 20px 24px 30px;
        font-size: 16px;
        transition: all .5s cubic-bezier(.455, .03, .515, .955);
        display: inline-block;
        color: #000;
      }
      
      .text-area:hover, .text-area:active {
        border-color: var(--primary);
        background-color: var(--grey);
      }
      
      .text-area:focus {
        border-style: solid;
        border-color: var(--primary);
        background-color: var(--grey);
      }
      
      .text-area:focus-visible {
        border-color: var(--primary);
        background-color: var(--grey);
      }
      
      .input-field {
        background-color: var(--grey);
        color: #000;
        border: 1px solid #0000;
        border-radius: 10px;
        width: 100%;
        min-height: 56px;
        margin-bottom: 30px;
        padding: 24px 20px 24px 30px;
        font-size: 16px;
        transition: all .5s cubic-bezier(.455, .03, .515, .955);
        display: inline-block;
        position: relative;
      }
      
      .input-field:hover, .input-field:active {
        border-color: var(--primary);
        background-color: var(--grey);
      }
      
      .input-field:focus {
        border-style: solid;
        border-color: var(--primary);
        background-color: var(--grey);
      }
      
      .input-field:focus-visible {
        border-color: var(--primary);
        background-color: var(--grey);
      }
      
      .input-field.input-bg-white:focus-visible {
        background-color: var(--white);
      }
      
      .button-primary {
        background-color: var(--primary);
        font-family: var(--title);
        color: var(--white);
        border-radius: 100px;
        align-self: center;
        padding: 12px 35px;
        font-size: 18px;
        text-decoration: none;
        transition: all .5s cubic-bezier(.455, .03, .515, .955);
      }
      
      .button-primary:hover, .button-primary:active, .button-primary:focus, .button-primary:focus-visible {
        background-color: var(--dark);
        color: var(--white);
      }
      
      .button-primary.outline:focus-visible {
        border-color: var(--dark);
        color: var(--dark);
      }
      
      .button-text {
        display: inline-block;
      }
      
      .button-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        align-items: center;
        display: flex;
        justify-content: center;
      }
      
      .container-fluid {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1600px;
      }
      
      .close-button-link-block:focus-visible {
        background-color: var(--dark);
      }
      
      .footer-redirect-link:focus-visible {
        color: var(--primary);
      }
      
      .footer-logo {
        margin-bottom: 20px;
      }
      
      .section {
        padding-top: 80px;
        padding-bottom: 80px;
      }
      
      .section.section-breadcrumb {
    background-position: 75%;
        background-size: cover;
        padding-top: 230px;
        padding-bottom: 230px;
      }
      
      .section.section-contact-form, .section.section-map {
        padding-top: 0;
      }
      
.section.section-services {
        padding-bottom: 0;
      }

      .section-services {
        & .about-us-title {
          margin-bottom: 30px;
        }
        & .w-layout-grid {
          grid-template-columns: 1fr;
        }

        & .w-layout-grid.service-box-grid {
          grid-template-columns: 1fr 1fr;
          margin-top: 60px;
        }
      }
      
      .section.section-banner {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/photo-1.webp");

        background-position: 50%;
        background-size: cover;
        padding-top: 240px;
        padding-bottom: 240px;

        & .w-layout-grid {
          grid-template-columns: 2fr 1fr;
        }
      }
      
      .section.section-about-us {
        padding-bottom: 80px;
      }

      .section-category {
        background-color: #fff9f3;
      }
      
      .breadcrumb-info-block {
        padding-right: 50%;
        display: inline-block;
      }
      
      .breadcrumb-title {
        text-transform: uppercase;
        font-size: 60px;
        color: #fff;
      }
      
      .breadcrumb-link-block {
        color: #fff;
        margin-right: 5px;
        text-decoration: none;
      }
      
      .breadcrumb-link-block.last {
        margin-right: 0;
      }
      
      .breadcrumb-link-block.last.w--current {
        color: #ffda90;
      }
      
      .breadcrumb-page-name {
        font-size: 22px;
        font-weight: 400;
      }
      
      .contact-box-grid {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
      }
      
      .contact-box {
        background-color: var(--grey);
        text-align: center;
        border-radius: 10px;
        margin-top: 60px;
        padding: 30px 30px 60px;
      }
      
      .contact-box-wrapper {
        margin-top: -100px;
      }
      
      .contact-box-icon-block {
        background-color: var(--primary);
        color: var(--white);
        border-radius: 100%;
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
        display: inline-block;
        position: relative;
      }
      
      .contact-box-title {
        margin-bottom: 15px;
        font-size: 40px;
      }
      
      .contact-box-description {
        font-size: 20px;
        font-weight: 400;
      }
      
      .contact-phone-link {
        color: var(--secondary);
        text-decoration: none;
        display: inline-block;
      }
      
      .contact-form-grid {
        grid-column-gap: 75px;
        grid-row-gap: 75px;
        grid-template-rows: auto;
      }
      
      .contact-form-grid-right-side {
        position: relative;
      }
      
      .contact-form-title-block {
        margin-bottom: 30px;
      }
      
      .contact-form-title {
        font-size: 60px;
        margin-bottom: 30px;
      }
      
      .contact-form {
        grid-column-gap: 30px;
        grid-row-gap: 0px;
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid;
      }
      
      .field-block.last {
        margin-top: 15px;
      }
      
      .button {
        background-color: var(--primary);
        font-family: var(--title);
        color: var(--white);
        text-transform: uppercase;
        border-radius: 100px;
        margin-right: 0;
        padding: 12px 35px;
        font-size: 20px;
        transition: all .5s cubic-bezier(.455, .03, .515, .955);
      }
      
      .button:hover, .button:active, .button:focus, .button:focus-visible {
        background-color: var(--dark);
      }
      
      .map {
        line-height: 0;
      }
      
      .contact-box-icon {
        justify-content: center;
        align-items: center;
        line-height: 0;
        display: flex;
        position: absolute;
        inset: 0%;
        padding: 30px;
      }
      
      .section-title-box.text-center {
        text-align: center;
        margin-bottom: 60px;
        flex-wrap: wrap;
gap: 30px;
        display: flex;
        justify-content: space-between;
      }
      
      .section-title {
        font-size: 56px;
      }
      
      .gallery-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto;
        grid-template-columns: .8fr 1fr;
        grid-auto-columns: 1fr;
        align-items: stretch;
        display: grid;
      }

  
      
      .gallery-image-lightbox-one {
        width: 100%;
      }
      
      .gallery-image {
        border-radius: 20px;
        height: 100%;
        object-fit: cover;
      }

      .gallery-image-lightbox-four {
        height: 100%;
      }
      
      .gallery-left-stack-cell-three {
        height: 100%;
      }

      .gallery-right-stack {
&  .w-lightbox {
  height: 100%;
}

      }

     
      .gallery-image-lightbox-three {
height: 100%;
      }
      .testimonial-slider {
        background-color: #0000;
        height: auto;
      }
      
      .testimonial-slider-mask {
        width: 100%;
      }
      
      .testimonial-slide {
        width: 100%;
        margin-right: 30px;
      }
      
      .testimonial-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: start;
      }

      .client-image {
        border-radius: 100%;
        width: 100px;
        height: 100px;
      }

      .testimonial-box-style-two {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;

        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        background: white;
      }
      
      .testimonial-box-style-two:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        z-index: 10;
      }
      
      .testimonial-box-style-two {
        border: 1px solid var(--primary);
        border-radius: 10px;
        padding: 45px;
      }
      
      .client-review-rate-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        color: var(--primary);
        margin-bottom: 30px;
        line-height: 0;
        display: flex;
        justify-content: center;
      }
      
      .client-review-block {
        margin-bottom: 30px;
      }
      
      .client-details {
        grid-column-gap: 15px;
        grid-row-gap: 15px;

        border-radius: 5px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 15px;
        display: flex;
      }
      
    
      
      .client-name {
        font-size: 20px;
      }
      
      .service-section-block {


        padding: 75px 15px;
      }
      
      .service-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-rows: auto;
        grid-template-columns: .85fr 1fr;
      }
      
      .about-us-title-box {
        margin-bottom: 30px;
      }
      
      .about-us-title {
        margin-bottom: 10px;
        font-size: 50px;
      }
      
      .about-us-description {
        padding-right: 60px;
      }
      
      .service-box-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
      }
      
      .service-box {
        border: 2px solid var(--primary);
        border-radius: 10px;
        padding: 15px;
      }
      
      .service-box-image-block {
        background-color: var(--grey);
        color: var(--primary);
        text-align: center;
        border-radius: 10px;
        width: 90px;
        height: 90px;
        margin-bottom: 20px;
        display: inline-block;
        position: relative;
      }
      
      .service-box-image {
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        inset: 0%;
      }
      
      .service-title {
        margin-bottom: 15px;
      }
      
      .banner-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        align-items: center;
      }
      
      .banner-title-block {
        margin-bottom: 30px;
        max-width: 800px;
      }
      
      .banner-title {
        font-size: 72px;
        margin-bottom: 30px;
        color: #fff;
      }
      
      .banner-description {
        padding-right: 15px;
        color: #fff;
      }
      
      .about-us-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-rows: auto;
        grid-template-columns: 1fr .8fr;
      }
      
      .about-us-image-one {
        border-radius: 30px;
        position: relative;
        height: 100%;
        object-fit: cover;
      }
      
      .about-us-image-block {
        position: relative;
        height: 100%;
      }
      
      .trend-grid-info-block {
      background-color: #fff9f3;
        background-position: 50%, 0 0;
        background-size: cover, auto;
        width: 50%;
        padding: 30px;
        display: inline-block;

      }
      
      .trend-grid-info-block.border {
        border: 2px dashed var(--primary);
        border-radius: 20px;
        width: 50%;
      }
      
      .trends-subtitle {
        font-family: var(--title);
        color: var(--primary);
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
      }
      
      .trends-title {
        margin-bottom: 10px;
        font-size: 60px;
      }
      
      .trends-description {
        margin-bottom: 30px;
        font-size: 18px;
      }
      
      .trend-block {
        background-image: url("../images/photo-16.webp");
        background-position: 50%;
        background-size: cover;
        border-radius: 20px;
        padding: 40px;

        position: relative;
      }
      
      .blog-pagination-prev-button:focus-visible {
        background-color: var(--dark);
      }
      
      .blog-pagination-next-button:focus-visible {
        background-color: var(--dark);
      }
      
      .container-small {
        padding-left: 15px;
        padding-right: 15px;
      }
      
      .contact-link:focus-visible {
        color: var(--primary);
      }
      
      .dropdown-link:focus-visible {
        color: var(--primary);
      }
      
      .product-tab-link:focus-visible {
        background-color: var(--primary);
        color: var(--white);
      }
      
      .product-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
      }
      
      .product-grid-element-block {
        text-align: center;

      }
      
     
      
      .product-grid-element-block.two {

        border-radius: 0;
      }
      


  
      .product-list {
        grid-column-gap: 45px;
        grid-row-gap: 45px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
      }
      
      .product-box {
width: 100%;
        background-color: var(--grey);
        border-radius: 20px;
        padding: 30px;
        display: inline-block;

        & .button-primary {
          font-size: 16px;
        }
      }
      
      .product-image-block {
        margin-bottom: 45px;
      }
      
      .product-image-link-block {
        text-decoration: none;
      }
      
      .product-details-block {
        text-align: center;
      }
      
      .product-title {
        font-size: 30px;
        margin-bottom: 20px;
      }
      
      .product-title-link-block {
        margin-bottom: 10px;
        text-decoration: none;
      }
      
      .product-price-detail-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-content: center;
        align-items: center;
        display: flex;
      }
      
      .product-compare-price {
        font-family: var(--title);
        color: var(--primary);
        font-size: 20px;
        font-weight: 600;
        text-decoration: line-through;
      }
      
      .product-price {
        font-family: var(--title);
        color: var(--primary);
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
      }
      
      .category-block {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 60px;
      }
      
      .category-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
      }
      
      .category-image-block {
        display: flex;
        position: relative;
        overflow: hidden;
      }

      .category-block-image {
        width: 100%;
      }
      
      .category-block-image.one {
        position: relative;
        width: 100%;
      }
      
      .category-block-image.three {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }
      
      .category-link-block {

        font-family: var(--title);

        text-align: center;
        background-color: #0000003b;
          color: #fff;
 
        justify-content: center;
        align-items: center;

        height: 130px;
        font-size: 28px;
        font-weight: 600;
        line-height: 1.1;
        text-decoration: none;
        display: flex;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
      }
      
      .gallery-left-stack, .gallery-right-stack {
        padding: 0;
      }
      
      .category-button-block {
        text-align: center;
      }
      
      .banner-image-block {
        display: none;
      }
      
      @media screen and (min-width: 1280px) {
        .service-grid {
          grid-column-gap: 30px;
          grid-row-gap: 30px;
          grid-template-columns: .85fr 1fr;
        }
      
        .about-us-title {
          font-size: 50px;
        }
      
        .about-us-description {
          padding-right: 60px;
        }
      
        .gallery-left-stack {
          padding: 0;
        }
      }
      
      @media screen and (min-width: 1440px) {
        .navbar, .content-width-block {
          padding-left: 90px;
          padding-right: 90px;
        }
      
        .service-section-block {
          padding-left: 15px;
          padding-right: 15px;
        }
      
        .service-grid {
          grid-column-gap: 45px;
          grid-row-gap: 45px;
          grid-template-columns: .75fr 1fr;
        }
      
        .about-us-description {
          padding-right: 30px;
        }
      
        .trend-grid-info-block {
          width: 51%;
        }
      }
      
      @media screen and (min-width: 1920px) {
        .button-primary.banner-button {
          padding: 15px 45px;
        }
      
        .button-block {
          font-size: 24px;
        }
      
        .client-review {
          font-size: 24px;
        }
      
        .client-details {
          margin-left: 30px;
          margin-right: 30px;
        }
      
        .client-name {
          font-size: 32px;
        }
      
        .service-section-block {
          padding-left: 75px;
          padding-right: 75px;
        }
      
        .service-grid {
          grid-template-columns: .6fr 1fr;
        }
      
        .about-us-title {
          font-size: 50px;
        }
      
        .about-us-description {
          padding-right: 45px;
        }
      
        .service-box {
          padding: 30px 45px;
        }
      
        .banner-grid {
          grid-template-columns: 1fr 1fr;
          padding-left: 0;
          padding-right: 0;
        }
      
        .banner-title {
          font-size: 104px;
        }
      
        .banner-description {
          padding-right: 30px;
          font-size: 24px;
        }
      
        .about-us-grid {
          grid-template-columns: 1fr .6fr;
        }
      
        .trend-grid-info-block {
          width: 40%;
          padding-top: 45px;
          padding-bottom: 45px;
          top: 24%;
          left: 9%;
        }
 
        .trend-block {
          padding-top: 350px;
          padding-bottom: 350px;
        }
      }
      
      @media screen and (max-width: 991px) {
        .contact-form-title {
          font-size: 50px;

        }
        .section.section-banner {
          & .w-layout-grid {
            grid-template-columns: 1fr;
          }
        } 

        .section-product {
          & .w-layout-grid {
            grid-template-columns: 1fr 1fr;
            gap: 30px;
          }
        }
      
        .navbar-link {
          margin-right: 32px;
        }
      
        .section {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .section.section-breadcrumb {
          background-position: 60%;
          padding-top: 180px;
          padding-bottom: 180px;
        }
      
        .section.section-banner {
          padding-top: 190px;
          padding-bottom: 190px;
        }
      
        .section.section-about-us {
          padding-bottom: 50px;
        }
      
        .breadcrumb-info-block {
          padding-right: 42%;
        }
      
        .breadcrumb-title {
          font-size: 50px;
        }
      
        .contact-box-grid {
          grid-template-rows: auto auto;
          grid-template-columns: 1fr 1fr;
        }
      
        .contact-form-grid {
          grid-column-gap: 30px;
          grid-row-gap: 30px;
          grid-template-columns: 1fr;
        }
      
      
        .section-title {
          font-size: 36px;
        }
      
        .gallery-block {
          flex-direction: column;
          align-items: center;
        }
      
        .testimonial-grid {
          grid-template-columns: 1fr 1fr;
        }
      
        .service-grid {
          grid-template-columns: 1fr;
        }
      
        .service-description {
          padding-right: 20px;
        }
      
        .banner-grid {
          flex-direction: column-reverse;
          grid-template-columns: .75fr;
        }
      
        .banner-title {
          margin-bottom: 20px;
          font-size: 64px;
        }
      
        .banner-description {
          padding-right: 135px;
        }
      
        .about-us-grid {
          grid-template-columns: 1fr;
        }
      
        .trend-grid-info-block.border {
          width: 81%;
          margin-left: 15px;
          margin-right: 15px;
          padding: 15px;
          position: static;
        }
      
        .trends-title {
          font-size: 50px;
        }
      
        .trend-block {
          padding-top: 90px;
          padding-bottom: 90px;
        }
      
        .product-grid {
          grid-template-rows: auto auto auto;
          grid-template-columns: 1fr 1fr;
        }
      
        .product-grid-element-block.two {
          border-right-width: 0;
        }
 
        .product-grid-element-block.four {

          border-right-width: 0;
        }
      
        .product-title {
          font-size: 26px;
        }
      
        .product-compare-price, .product-price {
          font-size: 18px;
        }
      
        .nav-menu {
          background-color: var(--white);
        }
      
        .category-grid {
          grid-column-gap: 30px;
          grid-row-gap: 30px;
          grid-template-rows: auto auto;
          grid-template-columns: 1fr 1fr;
        }
      
        .category-image-block {
          display: block;
        }
      
        .category-block-image {
          border-radius: 10px;
          margin-bottom: 20px;
        }
      
        .category-block-image.one {
          margin-bottom: 30px;
        }
      
        .category-link-block {
         background-color: #0000003b;
         color: #fff;
        }

        .category-block-image {
          margin-bottom: 0 !important;
        }
      }
      
      @media screen and (max-width: 767px) {
        .banner-title {
          font-size: 72px;
          margin-bottom: 30px;
          color: #000;
        }
        
        .banner-description {
          padding-right: 15px;
          color: #000;
        }
        
        .navbar-link {
          margin-right: 24px;
        }
      
        .section {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .section.section-breadcrumb {
          background-position: 32%;
          padding-top: 120px;
          padding-bottom: 120px;
        }
      
        .section.section-banner {
          background-color: var(--grey);
          background-image: none;
          background-size: auto;
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .section.section-about-us {
          padding-bottom: 30px;
        }
        .section-services {
          & .about-us-title {
            margin-bottom: 10px;
          }
        }

        .about-us-title-box {
          margin-bottom: 0;
        }
      
        .breadcrumb-info-block {
          padding-right: 45px;
        }
      
        .breadcrumb-title {
          font-size: 40px;
        }
      
        .contact-box-grid {
          grid-column-gap: 45px;
          grid-row-gap: 45px;
          flex-direction: column;
          grid-template-rows: auto auto auto;
          grid-template-columns: 1fr;
          grid-auto-columns: 1fr;
          display: grid;
        }
      
        .contact-form-title {
          font-size: 52px;
        }
      
        .section-title-box.text-center {
          padding-left: 0;
          padding-right: 0;
        }
      
        .section-title {
          font-size: 40px;
        }
      
        .gallery-block, .testimonial-grid {
          grid-template-columns: 1fr;
        }
      
        .testimonial-box-style-two {
          padding-left: 15px;
          padding-right: 30px;
        }
      
        .service-section-block {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .about-us-title {
          font-size: 42px;
        }
      
        .about-us-description {
          padding-right: 15px;
        }
      
        .service-box-grid {
          grid-template-rows: auto auto auto auto;
          grid-template-columns: 1fr;
        }
      
        .banner-grid {
          grid-template-columns: 1fr;
        }
      
        .banner-title {
          font-size: 48px;
        }
      
        .banner-description {
          padding-right: 0;
        }
      
        .about-us-image-one {
          margin-bottom: 30px;
          position: static;
        }
      
        .trend-grid-info-block.border {
          margin-right: 15px;
        }
      
        .trends-title {
          font-size: 48px;
        }
      
        .trend-block {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .product-grid {
          grid-template-columns: 1fr;
        }
      
        .product-grid-element-block.one, .product-grid-element-block.two, .product-grid-element-block.three {
          border-right-width: 0;
        }
      
        .product-grid-element-block.five {
    
          border-right-width: 0;
        }
      
        .product-item {
          text-align: center;
        }
      
        .category-grid {
          grid-template-rows: auto auto auto;
          grid-template-columns: 1fr;
        }
      
        .category-image-block {
          text-align: center;
        }
  
      
        .banner-image-block {
          border-radius: 30px;
          margin-bottom: 30px;
          display: block;
        }
      }
      
      @media screen and (max-width: 479px) {
      
        .navbar-link {
          margin-left: 4px;
          margin-right: 4px;
        }
      
        .section.section-banner {
          background-position: 50%;
          background-repeat: repeat;
          background-size: cover;
        }
      
        .breadcrumb-info-block {
          padding-right: 0;
        }
      
        .breadcrumb-title {
          font-size: 30px;
        }
      
        .contact-box {
          padding-bottom: 30px;
        }
      
        .contact-box-title {
          font-size: 33px;
        }
      
        .contact-box-description {
          font-size: 16px;
        }
      
        .contact-form-title {
          font-size: 44px;
        }
      
        .contact-form {
          grid-template-columns: 1fr;
        }
      
        .button {
          font-size: 16px;
        }
      
        .section-title {
          font-size: 32px;
        }
      
        .testimonial-box-style-two {
          padding-left: 15px;
          padding-right: 15px;
        }
      
        .about-us-title {
          font-size: 30px;
        }
      
        .about-us-description {
          padding-right: 0;
        }
      
        .banner-grid {
          grid-template-columns: 1fr;
        }
      
        .banner-title {
          font-size: 35px;
        }
      
        .trend-grid-info-block.border {
          width: auto;
        }
      
        .trends-title {
          font-size: 28px;
        }
      
        .product-grid {
          flex-direction: column;
          display: flex;
        }
      
        .product-grid-element-block.one, .product-grid-element-block.two, .product-grid-element-block.three, .product-grid-element-block.four, .product-grid-element-block.five, .product-grid-element-block.six, .product-grid-element-block.seven, .product-grid-element-block.eight, .product-grid-element-block.nine, .product-box {
          padding-left: 15px;
          padding-right: 15px;
        }
 
      
        .category-link {
          font-size: 24px;
        }
      
        .banner-image-block {
          border-radius: 20px;
        }
      }
      
      #w-node-_61d61ad2-e03c-fa54-6464-78dcdea7dfb3-a2bf8dd6, #w-node-cf6e193e-7c26-68f5-75cb-7895507a1bce-a2bf8dd6, #w-node-bb4ad389-61d4-9f51-a873-6586ee3a6a31-a2bf8dd6 {
        grid-area: span 1 / span 1 / span 1 / span 1;
      }
      
      #w-node-b572a477-f1ea-900b-290d-f8fba3842b79-750936f0 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        grid-template-rows: auto auto;
        grid-template-columns: 1.3fr 1fr;
      }
      
      #w-node-_5e101bb3-d938-92a0-5fc1-4143696c7c26-750936f0 {
        grid-column: span 2 / span 2;
      }
      
      #w-node-a5ea590c-a01e-9285-8aa7-838225af95c0-750936f0 {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
      }
      
      #w-node-_154f6cfc-11ce-12b6-b966-97c1ad6ba35f-750936f0 {
        grid-row: span 2 / span 2;
      }
      
      #w-node-d38903b8-f8b0-b60f-3f08-77ef7021c094-750936f0, #w-node-d38903b8-f8b0-b60f-3f08-77ef7021c0a0-750936f0, #w-node-_341f53f2-8c19-2dc1-7e14-3a73f460b17f-4784bb68, #w-node-_4eb798cd-0105-3f73-2ec5-ceb1735fa0d4-4784bb68, #w-node-_6e2ae4b9-8ab4-adbb-41ed-27d7e474fa66-4784bb68, #w-node-bfe93579-fca2-2765-5341-98c11b727968-4784bb68, #w-node-_3bbaa2df-3288-8958-f5bc-ce9a73a583bb-4784bb68 {
        grid-area: span 1 / span 1 / span 1 / span 1;
      }
      
      @media screen and (min-width: 1920px) {
        #w-node-b572a477-f1ea-900b-290d-f8fba3842b79-750936f0 {
          grid-template-rows: auto auto;
          grid-template-columns: 1.3fr 1fr;
        }
      }
      
      @media screen and (min-width: 1280px) {
        #w-node-b572a477-f1ea-900b-290d-f8fba3842b79-750936f0 {
          grid-template-rows: auto auto;
          grid-template-columns: 1.3fr 1fr;
        }
      
        #w-node-a5ea590c-a01e-9285-8aa7-838225af95c0-750936f0 {
          grid-area: span 1 / span 1 / span 1 / span 1;
          grid-template-rows: auto;
          grid-template-columns: 1fr 1fr;
        }
      }
      
      @media screen and (max-width: 479px) {
        #w-node-b572a477-f1ea-900b-290d-f8fba3842b79-750936f0 {
          grid-template-rows: auto auto;
          grid-template-columns: 1.3fr;
        }
      
        #w-node-_5e101bb3-d938-92a0-5fc1-4143696c7c26-750936f0 {
          grid-column: span 1 / span 1;
        }
      
        #w-node-a5ea590c-a01e-9285-8aa7-838225af95c0-750936f0 {
          grid-template-rows: auto;
          grid-template-columns: 1fr;
        }
      }

   .w-layout-grid {
     display: -ms-grid;
     display: grid;
     grid-auto-columns: 1fr;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
     -ms-grid-rows: auto auto;
     grid-template-rows: auto auto;
     grid-row-gap: 16px;
     grid-column-gap: 50px;
   }
   
   body {
     font-family: 'Inter', sans-serif;
     color: #915f33;
     font-size: 20px;
     line-height: 30px;
   }
   
   h6 {
     margin-top: 0px;
     margin-bottom: 12px;
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
   }
   
   p {
     margin-bottom: 30px;
   }
   
   a {
     color: #915f33;
     font-weight: 700;
     text-decoration: none;
   }

   .navigation-bar-container {
    & .main-container {
      max-width: 1600px;
    }
   }
   
   .main-container {
     max-width: 1296px;
     margin-right: auto;
     margin-left: auto;
     padding-right: 24px;
     padding-left: 24px;
     z-index: 5;
   }
   
   .text-small-caps {
     font-family: 'Inter', sans-serif;
     font-size: 14px;
     line-height: 24px;
     font-weight: 700;
     letter-spacing: 0.15em;
     text-transform: uppercase;
   }
   
   .text-small-caps.subtitle {
     margin-bottom: 24px;
   }
   
   .navigation-bar-container {
     border-bottom: 1px solid rgba(8, 75, 109, 0.08);
     background-color: #fff;
   }
   
   .navigation-bar-container.sticky-top {


     top: 0px;
     z-index: 99;
   }
   
   .navbar {
     position: static;
     background-color: transparent;
   }
   
   .navbar-grid {
     display: -ms-grid;
     display: grid;
     padding-top: 10px;
     padding-bottom: 10px;
     justify-items: start;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     grid-auto-columns: 1fr;
     grid-column-gap: 24px;
     grid-row-gap: 24px;
     -ms-grid-columns: 1fr 1fr 1fr;
     grid-template-columns: 1fr 1fr 1fr;
     -ms-grid-rows: auto;
     grid-template-rows: auto;
   }
   
   .menu-button {
     padding: 0px;
     max-width: 40px;
   }
   
   .navbar-link {
     padding-left: 0px;
   }
   
   .footer {
     padding-top: 96px;
     padding-bottom: 48px;
     background-color: #674425;
     color: #fff;
     font-size: 16px;
     line-height: 24px;
   }
   
   .nav-menu {
     position: fixed;
     width: 100%;
     max-height: 100vh;
     max-width: 506px;
     background-color: #915f33;
     color: #fff;
     text-align: left;
   }
   
   .nav-link-large {
     margin-right: 0px;
     margin-left: 0px;
     padding: 0px;
     -webkit-transition: opacity 200ms ease;
     transition: opacity 200ms ease;
     font-family: 'Inter',  sans-serif;
     color: #fff;
     font-size: 20px;
     line-height: 40px;
   }
   
   .nav-link-large:hover {
     opacity: 0.5;
   }
   
   .nav-links-large-grid {
     display: -ms-grid;
     display: grid;
     justify-items: start;
     grid-auto-columns: 1fr;
     grid-column-gap: 16px;
     grid-row-gap: 6px;
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     -ms-grid-rows: auto auto;
     grid-template-rows: auto auto;
   }
   
   .nav-menu-content {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     height: 100vh;
     padding: 72px 72px 36px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }
   
   .close-menu {
     position: fixed;
     left: 458px;
     top: 24px;
     z-index: 99;
     display: none;
     cursor: pointer;
   }
   
   .footer-grid {
     display: -ms-grid;
     display: grid;
     grid-auto-columns: 1fr;
     grid-column-gap: 24px;
     grid-row-gap: 72px;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 2fr;
     -ms-grid-rows: auto;
     grid-template-rows: auto;

     & .text-small-caps {
      color: #fff;
     }
   }
   
   .footer-left {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
   }
   
   .container-small {
     width: 100%;
     max-width: 400px;
   }
   
   .footer-logo {
     margin-right: 72px;
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
   }
   
   .footer-right {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
     justify-content: space-around;
   }
   
   .menu-vertical {
     display: -ms-grid;
     display: grid;
     grid-auto-columns: 1fr;
     grid-column-gap: 16px;
     grid-row-gap: 20px;
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     -ms-grid-rows: auto auto;
     grid-template-rows: auto auto;
   }
   
   .footer-link {
     opacity: 0.5;
     -webkit-transition: opacity 200ms ease;
     transition: opacity 200ms ease;
     color: #fff;
     font-weight: 700;
     max-width: 200px;
   }
   
   .footer-link:hover {
     opacity: 1;
   }
   
   .menu-column {
     margin-right: 12px;
     margin-left: 12px;
   }
   
   .footer-bottom-row {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     margin-top: 96px;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
   }
   
   .footer-small-details {
     font-size: 12px;
     font-weight: 700;
   }
   
   @media screen and (max-width: 991px) {
    .contact-box-title {
      font-size: 25px;
    }

    .contact-box-icon-block {
      width: 100px;
      height: 100px;
      padding: 10px;
    }

    h2 {
      font-size: 25px;
    }

    .about-us-image-block {
      max-height: 500px;
      width: 100%;

      & .about-us-image-one {
        width: 100%;
      }
    }
    .w-layout-grid {
      grid-template-columns: 1fr;
    }
   
     .footer-grid {
       justify-items: center;
       -ms-grid-columns: 1fr;
       grid-template-columns: 1fr;
     }
   
     .footer-left {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
       text-align: center;
     }
   
     .footer-logo {
       margin-right: 0px;
       margin-bottom: 48px;
     }
   }
   
   @media screen and (max-width: 767px) {
     body {
       font-size: 16px;
       line-height: 24px;
     }
   
     .footer-left {
       text-align: center;
     }
   
     .footer-logo {
       margin-bottom: 24px;
     }
   }
   
   @media screen and (max-width: 479px) {
     body {
       font-size: 16px;
       line-height: 24px;
     }
   
     p {
       margin-bottom: 24px;
     }
   
     .main-container {
       padding-right: 18px;
       padding-left: 18px;
     }
   
     .text-small-caps.subtitle {
       margin-bottom: 12px;
     }
   
     .navbar-grid {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
       justify-content: space-between;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
     }
   

     .footer {
       padding-top: 72px;
     }
   
     .nav-link-large {
       font-family: 'Inter', sans-serif;
       font-size: 16px;
       line-height: 24px;
       font-weight: 700;
     }
   
     .nav-links-large-grid {
       margin-bottom: 6px;
     }
   
     .nav-menu-content {
       padding-top: 36px;
       padding-right: 36px;
       padding-left: 36px;
     }
   
     .close-menu {
       left: auto;
       right: 24px;
     }
   
     .footer-right {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
       text-align: center;
     }
   
     .menu-column {
       margin-top: 12px;
       margin-bottom: 12px;
     }
   
     .footer-bottom-row {
       margin-top: 48px;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -ms-flex-direction: column;
       flex-direction: column;
     }
   
     .footer-small-details {
       margin-top: 24px;
     }
   }
   
   #w-node-_58c24694-e930-55e2-38f1-217756ef1949-56ef1945 {
     -ms-grid-column-span: 1;
     grid-column-end: 3;
     -ms-grid-column: 2;
     grid-column-start: 2;
     -ms-grid-row-span: 1;
     grid-row-end: 2;
     -ms-grid-row: 1;
     grid-row-start: 1;
     -ms-grid-column-align: center;
     justify-self: center;
   }
   

   .nav-menu {
    position: fixed;
    top: 0;
    left: -300px; 
    width: 300px;
    height: 100vh;
    background-color: #915f33;
    transition: left 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
  }
  
  .nav-menu.open {
    left: 0;
  }
  
  .close-menu {
    position: fixed;
    top: 20px;
    left: 320px;
    z-index: 1100;
    cursor: pointer;
    display: none;
  }
  
  .close-menu.visible {
    display: block;
  }

  .w-nav-button {
    display: block;
  }

  .menu-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    z-index: 1100;
    max-width: 30px;
  }
  .w-nav-brand {
    max-width: 150px;
  }

  @font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  
  .section-product {
    & .w-layout-grid {
      grid-template-columns: 1fr 1fr 1fr;
      gap: 30px;
    }
  }

  .category-image-block {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    text-align: center;
    border-radius: 12px;
  }
  
  .category-image-block:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  }
  
  .section-marquee {
    background-color: #ffecb3;
    padding: 12px 0;
    overflow: hidden;
    font-weight: bold;
    color: #d84315; 
    user-select: none;
  }
  
  .marquee-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .marquee-content {
    white-space: nowrap;
    display: inline-block;
    padding-left: 100%;
    will-change: transform;
    font-size: 30px;
  }
  .section-reliability {
    background-color: #fffbf8;
    position: relative;
  
    .about-us-title {
      margin-bottom: 40px;
    }
  
    .about-us-title-box {
      max-width: 1000px;
      margin: 0 auto;
    }
  
    &::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 40%;
      background-image: url('../images/favicon.webp');
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      opacity: 0.05;
      pointer-events: none;
    }
  }
  

  .navigation-bar-container {
    & .main-container {
      max-width: 1600px;
    }
   }

   .team-member-details {
    margin-top: 30px;
    text-align: center;
    padding: 10px 30px;
   }

   .team-member-name {
    margin-bottom: 20px;
   }

   .team-member-card {
    background-color: #fffaf5;
   }




  .team-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
  }
  .team-member-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
  }
  .team-member-card {


    border-radius: 10px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
  }
 
  .team-member-position {
    font-size: 1rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 10px;
  }

  .section-faq {
    background-color: #fffaf5;
  }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease, padding 0.2s ease;
    padding: 0 16px;
  }
  
  .faq-question {
    cursor: pointer;
    user-select: none;
    padding: 12px 16px;
padding-bottom: 20px;

    margin-bottom: 4px;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #a8a8a8;
  }
  
  .faq-question:hover {
    color: #585858;
    transition: color 0.2s ease;
  }
  
  .delivery-methods {
    .about-us-title-box {
      text-align: left;
    }

    li {
      margin-bottom: 10px;
    }
    ul {
      margin-bottom: 20px;
    }
  }

  .section-contact-info {
    & .w-layout-grid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  .checkbox-block input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: flex;
  }

  .checkbox-block {
    display: flex;
    column-gap: 10px;
    align-items: center;
  }
  
  .checkbox-block label {
    cursor: pointer;
  }
  
  .checkbox-block a {
    color: #007bff;
    text-decoration: none;
  }
  
  .checkbox-block a:hover {
    text-decoration: underline;
  }

  .section-map  {
   iframe {
    width: 100%;
   }
  }

  .legal {
    &::after {
      display: none;
    }

    li {
      margin-bottom: 10px;
    }

    ul {
      margin-bottom: 20px;
    }

    & .about-us-subtitle {
      margin-bottom: 20px;
    }
  }

  .dop-style {
    padding: 150px 80px;
    padding-bottom: 50px;
    text-align: center;
  
    margin: 0 auto;
    max-width: 1200px;

    .banner-button:hover {
      color: #000;
    }
  
    h1 {
        margin-bottom: 30px;
        line-height: 150%;
        font-size: 50px;
        color: #333;
        font-weight: 600;
    }
  
    h2 {
        margin-bottom: 40px;
        line-height: 150%;
        font-size: 25px;
        color: #333;
    }
  
    p {
        max-width: 1000px;
        line-height: 150%;
        color: #333;
    }
  
 

  
   
    @media screen and (max-width: 479px) {
      .products-grid {
        grid-template-columns: 1fr;
      }
  
        padding: 150px 30px;
  
        h1 {
            font-size: 30px;
        }
  
        h2 {
            font-size: 20px;
        }
    }
    
  }
  
  .thanks {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .about-hero {
    background-image: url("../images/photo-13.webp");
    background-position: 75%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .catalog-hero {
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("../images/photo-18.webp");
  
    background-position: 75%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .delivery-hero {
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("../images/photo-19.webp");
  
    background-position: 75%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .contacts-hero {
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("../images/photo-20.webp");
  
    background-position: 75%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .faq-answer {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: height 0.5s ease, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
    padding: 0 1rem;
    margin-top: 0;
  }
  
  .faq-answer.open {
    height: auto;
    max-height: 500px; 
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 0.5rem;
  }
  
  @media screen and (max-width: 991px) {
    .section-product {
      & .w-layout-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
      }
    }

    .home-category {
      & .w-layout-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    .home-testimonial {
      & .w-slider-mask {
        grid-template-columns: 1fr 1fr;
      }
    }

    .testimonial-box-style-two {
      padding: 30px 20px;
    }

    .about-team {
      .team-list {
        grid-template-columns: 1fr 1fr;
      }
    }

    .section-contact-info {
      & .w-layout-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    .contact-form-image {
      max-height: 400px;
      width: 100%;
      object-fit: cover;
    }
  }

  .home-product {
    & .section-title {
      text-align: left;
    }
    
  }

  
  @media screen and (max-width: 767px) {
 
    .button-primary {
      padding: 20px;
    }

    .section-services {
      & .w-layout-grid.service-box-grid {
        grid-template-columns: 1fr ;
        margin-top: 60px;
      }
    }

    strong {
      font-size: 18px;
      color: #333;
    }

    li {
      margin-bottom: 10px;
    }

    .faq-question {
      font-size: 25px
    }

    .menu-column {
      margin-bottom: 30px;
    }

    .footer-right {
      flex-wrap: wrap;
      justify-content: start;
      column-gap: 50px;
    }
  }

  @media screen and (max-width: 479px) {
    .faq-question {
      font-size: 20px;
      line-height: 150%;
    }
    .home-who-choose,
    .about-mission {
      & .container-fluid {

        padding-left: 0;
        padding-right: 0;
  
      }
    }

    .button-primary {
      padding: 20px 14px;
    }
    .trend-block {
      padding: 30px 0;
    }

    .about-team {
      & .team-list {
        grid-template-columns: 1fr;
      }
    }

    .trends-description {
      font-size: 16px;
    }

    .menu-button {
      max-width: 30px;
    }
    
    .section-product {
      & .w-layout-grid {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      & .button-primary {
        width: 100%;
      }
    }

    .home-category {
      & .w-layout-grid {
        grid-template-columns: 1fr ;
      }
    }


    .home-testimonial {
      & .w-slider-mask {
        grid-template-columns: 1fr;
      }
    }

    .service-section-block {
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .section-services {
      & .w-layout-grid.service-box-grid {
        margin-top: 10px;
      }
    }

    .section-contact-info {
      & .w-layout-grid {
        grid-template-columns: 1fr;
      }
    }

    .contact-box-icon-block{
      width: 70px;
      height: 70px;
    }

    .contact-box-icon {
      padding: 20px;
    }
  }

  
.banner-section {
  position: relative;
  width: 100%;
  min-height: auto;
  background-image: url('../images/photo-23.webp');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #3b3b3b;
  text-align: center;
  overflow: hidden;
  height: 300px;

  & .primary-button {
    max-width: fit-content;
    margin: 0 auto;
  }

  & .banner-title {
    color: #333;
  }
}


@media (max-width: 767px) {
  .banner-section {
    min-height: 100vh;

  }
}

.banner-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.banner-content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  color: #000;
}

.banner-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.banner-button {
  display: inline-block;
  background-color: #ffffff;
  color: #000000;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  border-radius: 9999px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.banner-button:hover {
  background-color: #e6e6e6;
}

.home-hero {
 & .banner-button:hover{
  color: #000;
 }
}

@media screen and (max-width: 767px) {
  .home-hero {
    & .banner-button{
      background-color: #b6712c;
      color: #fff;
    }

    & .banner-button:hover{
      background-color: #b6712c;
      color: #fff;
    }
   }
   
}