@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
    @import url(./base.css);
    @import url(./bootstrap.min.css) layer(Bootstrap);
    @import url(./easings.css);
    @layer General,
    Presets,
    Utils,
    Bootstrap,
    Button,
    Block;
     :root {
        --clr-primary-hsl: 42, 31%, 55%;
        --clr-primary-main: #b09a68;
        --clr-primary-dark: #998559;
        --clr-primary-light: #efeae0;
        --clr-primary-text: #1c170c;
        --clr-secondary-hsl: 213, 24%, 9%;
        --clr-secondary-main: #11161c;
        --clr-secondary-dark: #0d1217;
        --clr-secondary-light: #e9eaea;
        --clr-secondary-text: #090d12;
        --clamp-title: clamp(1.5rem, 3.5vw, 42px);
        --clamp-sub-title: clamp(1.25rem, 2.4vw, 24px);
        --clr-black: #000;
        --clr-dark: #101010;
        --clr-body: #1e1e1e;
        --clr-white: #fff;
        --clr-gray: #808080;
        --clr-gray-100: #f8f8f8;
        --clr-gray-200: #f2f2f2;
        --clr-gray-300: #ededed;
        --clr-gray-400: #d8d8d8;
        --clr-gray-500: #ccc;
        --clr-gray-600: #bfbfbf;
        --clr-gray-700: #a1a1a1;
        --clr-gray-800: #9d9d9d;
        --clr-gray-900: #909090;
        --clr-link: #646cff;
        --clr-link-hover: #535bf2;
        --font-title: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        --font-body: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        --smooth-shadow: 0px 0.6px 0.9px rgba(0, 0, 0, 0.006), 0px 1.4px 2.1px rgba(0, 0, 0, 0.009), 0px 2.3px 3.5px rgba(0, 0, 0, 0.011), 0px 3.5px 5.2px rgba(0, 0, 0, 0.013), 0px 5px 7.5px rgba(0, 0, 0, 0.015), 0px 7.1px 10.6px rgba(0, 0, 0, 0.017), 0px 10.1px 15.1px rgba(0, 0, 0, 0.019), 0px 14.6px 21.9px rgba(0, 0, 0, 0.021), 0px 22.5px 33.8px rgba(0, 0, 0, 0.024), 0px 40px 60px rgba(0, 0, 0, 0.03);
        --border-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
        --elevation-1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
        --elevation-2: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
        --elevation-3: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
        --elevation-4: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
        --elevation-6: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
        --elevation-8: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
        --elevation-12: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;
        --elevation-16: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px;
        --elevation-24: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
        --clamp-btn: clamp(1em, 2.5vw, 1.25em) clamp(1em, 2.5vw, 2em);
        --clamp-box: clamp(1rem, 3vw, 1.25rem);
        --overlay-linear: linear-gradient(hsl(0 0% 0% / 85%), hsl(0 0% 0% / 85%));
        --overlay-secondary-and-dark: linear-gradient( hsl(90.87deg 89.61% 30.2% / 50%), hsl(0 0% 0% / 85%));
        --block-spacing: clamp(40px, 6vw + 3rem, 60px);
        font-synthesis: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    html,
    body {
        scroll-behavior: auto;
    }
    /*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
    /* @media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
} */
    
    @layer Button {
        .Action-root:not(:first-of-type) {
            margin-block-start: 1.5rem;
        }
        .Button-root {
            --_size: 0.725em;
            text-decoration: none;
            background: unset;
            background-color: var(--clr-gray-300);
            color: var(--clr-black);
            font-size: 1rem;
            font-weight: 600;
            padding: calc(var(--_size) * 1.35) calc(var(--_size) * 2.5);
            display: inline-block;
            text-align: center;
            border: 0;
            overflow: hidden;
            isolation: isolate;
            position: relative;
            background-image: none;
            /* border-radius: calc(var(--_size) * 0.5); */
            border-radius: 100vmax;
            transition: all 300ms;
            text-transform: uppercase;
            font-family: var(--font-title);
            line-height: 1;
        }
        .Button-root[data-size="sm"] {
            font-size: 0.925rem;
        }
        .Button-root[data-size="md"] {
            font-size: 1rem;
        }
        .Button-root[data-size="lg"] {
            font-size: 1.25rem;
        }
        .Button-root[data-variant="contained"] {
            background-color: var(--clr-body);
            color: var(--clr-primary-light);
        }
        .Button-root[data-variant="contained"]:hover {
            background-color: var(--clr-dark);
        }
        .Button-root.Button-primary[data-variant="contained"] {
            background-color: var(--clr-primary-main);
            color: var(--clr-primary-text);
        }
        .Button-root.Button-primary[data-variant="contained"]:hover {
            background-color: var(--clr-primary-dark);
        }
        .Button-root.Button-secondary[data-variant="contained"] {
            background-color: var(--clr-secondary-main);
            color: var(--clr-secondary-light);
        }
        .Button-root.Button-secondary[data-variant="contained"]:hover {
            background-color: var(--clr-secondary-dark);
        }
        .Button-root[data-variant="outlined"] {
            border: 2px solid currentColor;
            color: var(--clr-body);
            background-color: transparent;
        }
        .Button-root[data-variant="outlined"]:not([data-ripple]):hover {
            background-color: hsl(0, 0%, 0%, 5%);
            backdrop-filter: blur(0.5em);
        }
        .Button-root.Button-light[data-variant="outlined"] {
            border: 2px solid currentColor;
            color: var(--clr-white);
            background-color: transparent;
        }
        .Button-root.Button-light[data-variant="outlined"]:not([data-ripple]):hover {
            background-color: hsl(0, 0%, 100%, 5%);
            backdrop-filter: blur(0.5em);
        }
        .Button-root.Button-primary[data-variant="outlined"] {
            border: 2px solid currentColor;
            color: var(--clr-primary-main);
            background-color: transparent;
        }
        .Button-root.Button-primary[data-variant="outlined"]:not( [data-ripple]):hover {
            background-color: hsl(var(--clr-primary-hsl), 10%);
            backdrop-filter: blur(0.5em);
        }
        .Button-root.Button-secondary[data-variant="outlined"] {
            border: 2px solid currentColor;
            color: var(--clr-secondary-main);
            background-color: transparent;
        }
        .Button-root.Button-secondary[data-variant="outlined"]:not( [data-ripple]):hover {
            background-color: hsl(42, 92%, 55%, 10%);
            backdrop-filter: blur(0.5em);
        }
        .Button-root.Button-icon {
            --_size: 1.15em;
            padding: 0;
            width: calc(var(--_size) * 2);
            height: calc(var(--_size) * 2);
            border-radius: 100vmax;
            align-content: center;
            -webkit-border-radius: 100vmax;
            -moz-border-radius: 100vmax;
            -ms-border-radius: 100vmax;
            -o-border-radius: 100vmax;
        }
        .Button-root>* {
            pointer-events: none;
        }
        [data-group="btns"] {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }
        [data-group="btns"]>* {
            margin: 0;
        }
        .ripple-orb {
            position: absolute;
            inset: 0;
            width: 100%;
            scale: 0;
            aspect-ratio: 1;
            border-radius: 50%;
            pointer-events: none;
            opacity: 0;
            z-index: -2;
            transition: 700ms opacity ease, scale 1s cubic-bezier(0.275, 0.82, 0.165, 1);
            transform-origin: center;
        }
        .Button-root:hover .ripple-orb {
            transition: 100ms opacity ease, scale 1s cubic-bezier(0.275, 0.82, 0.165, 1);
            scale: 2;
            opacity: 1;
        }
        .Button-root:focus-visible .ripple-orb {
            opacity: 1;
            margin: auto;
            scale: 0.75;
        }
        .Button-root:not([data-ripple="true"]) .ripple-orb {
            margin: auto;
        }
    }
    
    @layer Block {
        .Block-root {
            padding-block: var(--block-spacing);
        }
        .Block-root.Block-gray {
            background-color: var(--clr-gray-200) !important;
        }
        .Block-root.Block-primary-dark {
            background-color: var(--clr-primary-text) !important;
            color: var(--clr-primary-light);
        }
        .Block-root.Block-primary {
            background-color: var(--clr-primary-main) !important;
            color: var(--clr-primary-light);
        }
        .Block-root.Block-secondary {
            background-color: var(--clr-secondary-light) !important;
            color: var(--clr-secondary-text);
        }
        .Block-root.Block-primary .List-root>* {
            --clr: var(--clr-primary-light) !important;
        }
        .Block-root:nth-child(even) {
            background-color: var(--clr-white);
        }
        .Block-heading:not(:only-child,
         :last-child) {
            margin-block-end: 1.25rem;
        }
        .Block-heading~.Block-heading {
            margin-block-start: 1.5rem;
        }
        .Block-heading[data-level]:not(:only-child,
         :last-child) {
            margin-block-end: 0.725rem;
        }
        .Block-heading[data-level="2"]>* {
            font-size: var(--clamp-sub-title);
            font-weight: 600;
        }
        .Block-heading> :not(:last-child) {
            margin-bottom: 0.3em;
        }
        .Block-heading> :not(p,
        span) {
            font-size: var(--clamp-title);
            font-weight: 400;
            text-transform: capitalize;
            text-wrap: balance;
        }
        .Block-heading> :not(p,
        span) b {
            font-weight: 700;
            color: var(--clr-primary-dark);
        }
        .Block-heading>span {
            margin-bottom: 1rem;
            font-weight: 600;
            display: flex;
            gap: 1rem;
            align-items: center;
        }
        .Block-heading.text-center>span {
            justify-content: center;
        }
        .Block-heading>span::after {
            content: "";
            display: block;
            height: 2px;
            border-radius: 100vmax;
            background-color: var(--clr-primary-main);
            width: min(100px, 50%);
        }
        .Block-root.BlockNote-root :where(.Note-wrapper,
        .Note-content) {
            max-width: 100ch;
            margin-inline: auto;
            text-align: center;
            text-wrap-style: pretty;
        }
        /* Parallax */
        .Block-root.BlockParallax-root {
            position: relative;
            isolation: isolate;
            clip-path: inset(0);
            overflow: hidden;
        }
        .Block-root.BlockParallax-root .Parallax-object>* {
            inset: 0;
            z-index: -2;
            width: 100%;
            height: calc(100vh + 50px);
            height: calc(100dvh + 50px);
            object-fit: cover;
            object-position: center;
        }
        .Block-root.BlockParallax-root:not(.Block-fluid) .Parallax-object>* {
            position: fixed;
        }
        /* Static */
        .Block-root.Block-static .Block-object>* {
            border-radius: 1rem;
            width: 100%;
            object-fit: cover;
        }
        .Block-root.Block-root .Block-row~.Block-row {
            margin-block-start: 3rem;
        }
        .Block-object picture img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        @media (min-width: 992px) {
            /* Static */
            .Block-static.Block-static {
                --_gap: 5rem;
            }
            .Block-root.Block-static.Block-offset-y {
                margin-top: 100px;
            }
            .Block-root.Block-static.Block-offset-y .Block-object>* {
                translate: 0 -100px;
            }
            .Block-static.Block-static:not(.Block-offset-y) .Block-object>* {
                aspect-ratio: 1 / 0.725;
                min-height: 100%;
            }
            .Block-static.Block-static .Block-row {
                margin: 0;
                column-gap: var(--_gap);
            }
            .Block-static.Block-static:not(.Block-offset-y) .Block-row>*:not(.Block-object) {
                align-self: center;
            }
            .Block-static.Block-static .Block-row>* {
                flex: 1;
                padding: 0;
            }
            /* Fluid */
            .Block-root.Block-fluid.Block-offset-y {
                margin-top: 100px;
            }
            .Block-root.Block-fluid {
                --_gap: 5rem;
                position: relative;
                isolation: isolate;
            }
            .Block-root.Block-fluid .Block-row {
                gap: 1.5rem var(--_gap);
                margin: 0;
            }
            .Block-root.Block-fluid .Block-row>* {
                padding: 0;
                flex: 1;
            }
            .Block-root.Block-fluid:not(.BlockParallax-root) .Block-object>* {
                position: absolute;
                inset: 0;
                z-index: -2;
                width: 50%;
                height: 100%;
                object-fit: cover;
            }
            .Block-root.Block-fluid.Block-offset-y .Block-object {
                aspect-ratio: 1;
            }
            .Block-root.Block-fluid.Block-offset-y .Block-object>* {
                translate: 0 -100px;
            }
            .Block-root.Block-fluid.Block-fluid-100 {
                min-height: 100vh;
                min-height: 100dvh;
                align-content: center;
            }
            .Block-root.Block-fluid.Block-fluid-100 .Block-object>* {
                width: 100%;
            }
            .Block-root.Block-fluid .Block-object:last-child>* {
                margin-left: auto;
            }
            /* Parallax */
            .Block-root.BlockParallax-root.Block-fluid .Block-object>* {
                width: 50%;
                position: fixed;
            }
        }
        @media (max-width: 991.98px) {
            .Block-row {
                row-gap: 1.5rem;
            }
            .Block-root.Block-fluid .Block-row> :not(.Block-object) {
                order: 2;
            }
            .Block-root.Block-fluid .Block-object:last-child {
                order: 1;
            }
            .Block-root.Block-fluid .Block-object>* {
                border-radius: 1rem;
                aspect-ratio: 16 / 10;
                height: auto;
                width: 100%;
            }
        }
    }
    
    @layer Scroller {
        [data-scroll="lenis"] {
            height: 100vh;
            overflow: auto;
        }
    }

   .slick-dots li button:before {
      color: #d4357a;
   }
   .slick-dots li.slick-active button:before {
       color: #d4357a;
   }

   .Navbar-link {
            color: #ee8fc2
        }
     #Block-founder p button.open-modal-btn {
      color: #090435
   }
    .gd_abt {
      background-attachment: fixed;
      background-image: url(https://stack-company.com/wp-content/uploads/2026/01/ark-bg.jpg);
      background-repeat: no-repeat;
      position: relative;
      background-size: cover;
   }
     .Button-root.Button-primary[data-variant="contained"] {
        background: #963761 !important;
background: linear-gradient(180deg, rgb(242 150 207) 0%, rgba(245, 127, 198, 1) 52%, rgb(207 41 109) 100%) !important;
color: #fff !important;
    }
     .Hero-home .Hero-title>* {
        color: #fff
    }
     .Hero-home .Block-object>* {
        opacity: 1;
    }
      .Hero-text p {
        color: #fff
     }

     .Hero-home::after {
      content: none
    }

     .header-fixed {
       background: #090435 !important;
        border-bottom: 2px solid #eca2cb;
    }

     .Navbar-link:hover {
      color: #dc206f !important;
    }
     .submenu {
      border: 1px solid #eca2cb;
    }

     .submenu li {
      border-bottom: 1px solid #eca2cb;
    }
     .submenu a {
      background: #090435;
    }
    .gd_abt h2 {
      color: #fff
   }
    .gd_abt span {
      color: #fff;
   }
     .gd_abt .Block-text p {
      color: #fff;
    }
       .metric-number,
       .plus {
             color: #ee8fbd !important;
      }

    .Navbar-contact .Navbar-link:not(.Button-root) {
		color: #ee8fc2 !important;
		padding: 0;
	}
      .metric-box {
          border-bottom: 4px solid #ee8fc2 !important;
     }

    .nominated_bnr {
      background-attachment: fixed !important;
      background-image: url(https://stack-company.com/wp-content/uploads/2026/01/ark-bg.jpg) !important;
      background-repeat: no-repeat !important;
      position: relative !important;
      background-size: cover !important;
    }
     .list-style li:before {
      background-color: #ee8fc2;
      outline: #ee8fc2 solid 2.5px;
    }

      .notm .Action-root .Button-light {
          background: linear-gradient(45deg, #f296cf, #cf296d);
          background: linear-gradient(45deg, rgb(242 150 207), rgb(245, 127, 198, 1), rgb(207 41 109));
          color: #fff;
          animation: bgAnim 6s ease infinite, borderAnim 3s ease-in-out infinite, smoothZoom 2.5s ease-in-out infinite, smoothShake 4s ease-in-out infinite;
    }
    @keyframes borderAnim {
         0% {
            border-color: rgb(242 150 207);
         }
         50% {
            border-color: rgba(245, 127, 198, 1);
         }
         100% {
            border-color: rgb(207 41 109);
         }
    }
       @keyframes bgAnim {
               0% {
            background-position: 0% 50%;
         }

         50% {
            background-position: 100% 50%;
         }
         100% {
            background-position: 0% 50%;
         }
    }
      .nom_award span {
         background: linear-gradient(45deg, #f296cf, #cf296d);
         animation: bgMove 6s ease infinite;
    }
      .nom_award:before {
      background-color: rgb(15 14 55 / 75%);
    }
      .Block-heading>span::after {
          background-color: #ee8fc2;
    }
     .footer-section {
			background-attachment: fixed;
			background-image: url(https://stack-company.com/wp-content/uploads/2026/01/ark-bg.jpg);
			background-repeat: no-repeat;
			position: relative;
			background-size: cover;
    }
	.footer-images {
		display: grid;
		grid-template-columns: 45% 45%;
		gap: 15px;
		justify-content: center;
	}
     .footer-widget-heading h3 {
      color: #ee8fc2
    }
     .footer-widget-heading h3::before {
      background: #ee8fc2;
    }
     .cta-text h4 {
      color: #ee8fc2
    }
      .cta-text.social-media span a {
      border: 1px solid #ee8fc2;
          color: #ee8fc2;
     }
      .cta-text.social-media span i {
      color: #ee8fc2;
     }
       .cta-text.social-media span a:hover {
           background-color: #dc206f;
       
     }
          .cta-text.social-media span a:hover i {
    color: #fff;
         }
      .lines .line {
      background: rgb(238 143 194 / 23%);
     }
      .footer-pic img {
       border: 1px solid #ee8fc2;
     }
      .cta-text a:hover {
      color: #dc206f;
   }
    .lines .line::after {
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #dc206f 100%);
   }
   
   @media (max-width: 1279px) {
    .Header-root {
      background: #090435 !important;
          border-bottom: 2px solid #eca2cb !important;
    }
    .open-btn {
      background: #d02b6f  !important;
    }
    .sidebar {
         background: #090435 !important;
    }
     .close-btn {
     background: linear-gradient(180deg, rgb(242 150 207) 0%, rgba(245, 127, 198, 1) 52%, rgb(207 41 109) 100%) !important;
    color: #fff !important;
     }
     .dropdown-arrow {
        background: linear-gradient(180deg, rgb(242 150 207) 0%, rgba(245, 127, 198, 1) 52%, rgb(207 41 109) 100%) !important;
    color: #fff !important;
     }
      .top-bar a {
         background: linear-gradient(180deg, rgb(242 150 207) 0%, rgba(245, 127, 198, 1) 52%, rgb(207 41 109) 100%) !important;
        color: #fff !important;
     }
     .top-bar a + a {
      background: #090435 !important;
      border: 1px solid #d02b6f !important;
     }
     .open-btn {
        background: linear-gradient(180deg, rgb(242 150 207) 0%, rgba(245, 127, 198, 1) 52%, rgb(207 41 109) 100%) !important;
    color: #fff !important;
     }
}

    /*--------------------------------------------------------------
# Inner Banner
--------------------------------------------------------------*/
    
    .inner-banner {
        position: relative;
        isolation: isolate;
        padding-block: 100px;
        display: grid;
        align-items: center;
        grid-template-areas: "stacked";
    }
    
    .inner-banner>* {
        grid-area: stacked;
    }
    
    .inner-banner-image img {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }
    
    .inner-banner-content {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 1rem;
        flex-wrap: wrap;
    }
    
    .inner-banner .banner-title>* {
        font-weight: 600;
        margin: 0;
        font-size: var(--clamp-title);
        background-color: hsl(0 0 0 / 80%);
        padding: 1em;
        padding-inline: 1.5em 3em;
        color: #fff;
        clip-path: polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
        max-width: max-content;
        border-bottom: 0.15em solid #fff;
        transition: all 500ms ease;
    }
    
    .inner-banner:hover .banner-title>* {
        background-color: var(--clr-primary-main);
        border-bottom: 0.15em solid #fff;
    }
    /*--------------------------------------------------------------
# Back To Top
--------------------------------------------------------------*/
    /* .back-to-top {
    position: fixed;
    right: clamp(15px, 3vw, 24px);
    bottom: clamp(15px, 3vw, 24px);
    display: grid;
    place-items: center;
}

.back-to-top>* {
    grid-area: 1 / -1;
}

.back-to-top svg {
    transform: rotate(-90deg);
}

.back-to-top svg circle {
    stroke: rgba(0, 0, 0, 0.1);
    stroke-width: 3px;
    stroke-linecap: round;
    fill: transparent;
    width: 100%;
}

.back-to-top svg .progress-bar {
    stroke: url(#grad);
    fill: #fff;
    transition: stroke-dashoffset 0s ease-in-out;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
}

.back-to-top .pct {
    color: var(--clr-dark);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    margin: 0;
    font-size: 14px;
    z-index: 1;
} */
    
     ::selection {
        background-color: var(--clr-gray-400);
        color: var(--clr-black);
    }
    /* Form Control */
    
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    input[type="number"] {
        appearance: none;
        -moz-appearance: textfield;
    }
    /* Socials */
    
    .socials-nav {
        --_flip-right: 180deg;
        --_flip-left: -180deg;
        --_menu-bg: hsl(0, 0%, 100%, 80%);
        --_menu-size: 1rem;
        --_list-size: 0.15rem;
        --_clr: #000;
        --_icon-bg: #1e1e1e;
        --_icon-size: 30px;
        --_icon-radius: 50%;
        position: fixed;
        z-index: 98;
        inset: auto 1rem 1rem auto;
        display: flex;
        gap: 1rem;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        background-color: var(--_menu-bg);
        padding: var(--_menu-size) calc(var(--_menu-size) / 2);
        border-radius: calc(var(--_menu-size) + var(--_list-size));
        backdrop-filter: var(--_menu-size);
        border: 1px solid #e0e0e0;
        color: var(--_clr);
        white-space: nowrap;
    }
    
    .socials-nav li {
        rotate: var(--_flip-right);
        display: grid;
        grid-template-columns: 0fr;
        overflow: hidden;
        transition: grid-template-columns 1s cubic-bezier(0.198, 0.96, 0, 1) 0.25s;
    }
    
    .socials-nav li:hover {
        transition-delay: 0s;
        grid-template-columns: 1fr;
    }
    
    .socials-nav li .icon {
        width: var(--_icon-size);
        height: var(--_icon-size);
        display: inline-grid;
        place-content: center;
        line-height: var(--_icon-size);
        text-align: center;
        border-radius: 50%;
        background-color: var(--_icon-bg);
        rotate: var(--_flip-left);
        font-size: 1rem !important;
    }
    
    .socials-nav li .icon svg {
        color: #fff !important;
    }
    
    .socials-nav li .nav-link {
        background-image: unset;
        min-height: var(--_icon-size);
        color: inherit !important;
    }
    /* List */
    
    .List-root {
        margin-block-end: 1rem;
        text-wrap-style: pretty;
    }
    
    .List-root.List-col-2 {
        columns: 2 280px;
    }
    
    .List-root.List-col-2>* {
        break-inside: avoid;
    }
    
    .List-root>*:not(:last-child) {
        margin-block-end: 0.725em;
    }
    
    .List-root>* {
        --clr: #001833;
        padding: 0.35em 0.725em;
        border-left: 0.18em solid var(--clr);
    }
    
    .List-root> :nth-child(2n) {
        --clr: #c5ccd5;
    }
    
    .List-root> :nth-child(3n) {
        --clr: #000;
    }
    
    .List-root> :nth-child(4n) {
        --clr: #005ecb;
    }
    
    .List-root.List-light>* {
        --clr: #fff;
    }
    /*=============================================
=            Form-Control            =
=============================================*/
    /* Form Control */
    
    .Form-root .row {
        row-gap: 1.5rem;
    }
    
    .FormControl-root {
        --_size-y: 50px;
        --_size-x: 100%;
        --_rounded: 0;
        --_fz: 1rem;
        --_fz-shrink: 0.725rem;
        --_autofill-bg: hsl(0, 0%, 100%, 15%);
        --_autofill-color: #fff;
        position: relative;
        isolation: isolate;
    }
    
    .FormControl-root.FormControl-required :is(.FormLabel-root,
    legend) {
        contain: layout;
    }
    
    .FormControl-root.FormControl-required :is(.FormLabel-root,
    legend)::after {
        content: "*";
        color: #ff0000;
    }
    
    .FormControl-root .FormLabel-root {
        position: absolute;
        inset: 0;
        text-indent: 1rem;
        font-size: var(--_fz);
        transition: 500ms cubic-bezier(0.175, 0.92, 0.165, 1);
        pointer-events: none;
        height: var(--_size-y);
        line-height: var(--_size-y);
    }
    
    .FormControl-root:is(:focus-within,
    .FormControl-shrink) .FormLabel-root {
        /* .FormControl-root:has(.InputBase-input:not(:placeholder-shown), .InputBase-input:-webkit-autofill) .FormLabel-root { */
        transform: translateY(-50%);
        font-size: var(--_fz-shrink);
    }
    
    .FormControl-root .InputBase-root {
        display: grid;
    }
    
    .FormControl-root .InputBase-root>* {
        grid-area: 1 / -1;
    }
    
    .FormControl-root .InputBase-input {
        padding: 0.5rem 1rem;
        margin: 0;
        border: none;
        outline: none;
        height: var(--_size-y);
        box-sizing: border-box;
    }
    
    .FormControl-root select.InputBase-input {
        transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    
    .FormControl-root select.InputBase-input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 11.354a.5.5 0 0 0 .708 0L8 5.707l5.646 5.647a.5.5 0 0 0 .708-.708l-6-6a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708z'/%3e%3c/svg%3e");
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-size: 1rem 1rem;
        background-position: calc(100% - 1rem);
        background-repeat: no-repeat;
    }
    
    .FormControl-root select.InputBase-input:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 11.354a.5.5 0 0 0 .708 0L8 5.707l5.646 5.647a.5.5 0 0 0 .708-.708l-6-6a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708z'/%3e%3c/svg%3e");
        background-size: 1rem 1rem;
        background-position: calc(100% - 1rem);
        background-repeat: no-repeat;
    }
    
    .FormControl-root .InputBase-input option {
        font-size: initial;
        color: initial;
    }
    
    .FormControl-root .InputBase-input:-webkit-autofill {
        box-shadow: inset 0 0 0 100px var(--_autofill-bg) !important;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: var(--_autofill-color);
        color: var(--_autofill-color);
    }
    
    .FormControl-root fieldset {
        border: 1px solid currentColor;
        padding-inline: 0.5rem;
        position: absolute;
        inset: -0.5rem 0 0 0;
        pointer-events: none;
        height: calc(100% + 0.5rem);
        opacity: 0.5;
        box-sizing: border-box;
    }
    
    .FormControl-root:is(:hover,
    .FormControl-shrink) fieldset {
        opacity: 1;
    }
    
    .FormControl-root legend {
        all: revert-layer;
        margin: 0;
        font-size: 0;
        padding-inline: 0;
        height: 1rem;
        visibility: hidden;
        overflow: hidden;
        width: 0;
        box-sizing: border-box;
        transition: 500ms cubic-bezier(0.175, 0.92, 0.165, 1);
    }
    
    .FormControl-root.FormControl-shrink legend {
        width: auto;
        padding-inline: 0.5rem;
        font-size: var(--_fz-shrink);
    }
    
    .FormControl-root :is(.InputBase-input,
    fieldset) {
        width: 100%;
        border-radius: var(--_rounded, 0);
        -webkit-border-radius: var(--_rounded, 0);
        -moz-border-radius: var(--_rounded, 0);
        -ms-border-radius: var(--_rounded, 0);
        -o-border-radius: var(--_rounded, 0);
    }
    
    .FormControl-root:not(.FormControl-shrink) .InputBase-input:is([type="date"],
    select) {
        font-size: 0px;
        color: transparent;
    }
    /*=====  End of Form-Control  ======*/
    /*=============================================
=            Header-root            =
=============================================*/
    
    .Header-root {
        padding-block: 0.575rem;
        position: absolute;
        inset: 0 0 auto 0;
        z-index: 999;
        background-color: transparent;
    }
    /**
 *
 * Block Navbar
 *
 */
    
    .Navbar-brand {
        max-width: 100px;
        background-image: unset;
        transform: scale(2.5);
        transform-origin: top left;
    }
    
     :where(.Navbar-root,
    .Navbar-nav,
    .Navbar-contact) {
        display: flex;
        align-items: center;
        gap: 45px;
    }
    
    .Navbar-nav {
        margin-inline: auto;
    }
    
    .Navbar-nav .Navbar-link {
        padding: 0.5em 0.725em;
    }
    
    .Navbar-nav .Navbar-link.in-view {
        background-size: 100% 1px;
    }
    
    .Navbar-contact .Navbar-link:not(.Button-root) {
        background-size: 100% 1px;
        /* color: var(--clr-primary-light); */
    }
    /* Navbar container */
    
    .Navbar-item {
        position: relative;
        list-style: none;
    }
    /* Main nav link */
    
    .Navbar-link {
        display: block;
        padding: 10px 15px;
  
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s ease;
    }
    

    /* Submenu styles */
    
    .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #000;
        min-width: 220px;
        /* border: 1px solid #b09a68; */
        border-radius: 4px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
        padding: 0;
        margin: 0;
        list-style: none;
        display: none;
        z-index: 999;
    }
    
    /* .submenu li {
        border-bottom: 1px solid #b09a68;
    } */
    
    .submenu li:last-child {
        border-bottom: none;
    }
    
    .submenu a {
        display: block;
        padding: 10px 15px;
        color: #fff;
        background: #090435;
        /* Match the submenu background */
        text-decoration: none;
        transition: background 0.3s ease, color 0.3s ease;
    }
    
    .submenu a:hover {
        background: #110a4e;
        /* color: #000; */
    }
    /* Show submenu on hover */
    
    .Navbar-item:hover>.submenu {
        display: block;
    }
    /*=====  End of Header-root  ======*/
    /*=============================================
=            Block Hero            =
=============================================*/
    
    .Hero-home {
        min-height: 100vh;
        min-height: 100dvh;
        align-content: end;
    }
    
    @media (min-width: 992px) {
        .Hero-home .Hero-row {
            align-items: end;
            gap: 3rem;
            margin: 0;
        }
        .Hero-home .Hero-row>* {
            padding: 0;
            flex: 1;
        }
        .Hero-home .Hero-object {
            isolation: isolate;
            aspect-ratio: 1;
            align-content: center;
        }
        .Hero-home .Hero-object>img {
            position: absolute;
            inset: auto 3rem -2.5rem auto;
            z-index: -1;
            margin: auto;
            inline-size: 45%;
            aspect-ratio: 1 / 0.925;
            object-fit: cover;
            border-radius: 1.5rem 1.5rem 10rem 1.5rem;
            transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        }
        .Hero-home .Hero-object:hover>img,
        .Hero-home .Hero-object>img:hover {
            border-radius: 0;
        }
        .Hero-spinner {
            translate: calc(-50% + 0.5rem);
        }
    }
    
    .Hero-home::after {
        display: none;
        content: "";
        z-index: -2;
        position: absolute;
        inset: 0;
        width: 25%;
        margin-left: auto;
        background: linear-gradient( hsl(var(--clr-secondary-hsl), 90%), hsl(var(--clr-secondary-hsl), 90%)), url(../media/buildings.jpg) center / cover;
    }
    
    .Hero-home2::after {
        content: "";
        z-index: -2;
        position: absolute;
        inset: 0;
        width: 25%;
        margin-left: auto;
        display: none;
        background: linear-gradient(hsl(213deg 24% 9% / 0%), hsl(213deg 24% 9% / 0%)), url(https://design.softsystemsolution.com/stackandcompany/v3/assets/media/marble.avif) center / cover;
    }
    
    .Hero-home2 {
        position: relative;
    }
    
    .Hero-home2::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        z-index: -6;
        background: #11161c;
        top: 0;
        /* background: linear-gradient(hsl(var(--clr-secondary-hsl), 90%), hsl(var(--clr-secondary-hsl), 90%)); */
    }
    
    .Hero-home2 .Block-object>* {
        opacity: 0.1 !important;
    }
    
    .Hero-home2 .Hero-title>* {
        color: #fff;
    }
    
    .Hero-home2 .Hero-text p {
        color: #fff;
    }
    
    .home2 .Navbar-link.scrollTo {
        color: #fff;
    }
    
    .home2 .Navbar-contact .Navbar-link:not(.Button-root) {
        color: #fff;
    }
    
    .home2 .header-fixed .Navbar-contact .Navbar-link:not(.Button-root) {
        color: #fff;
    }

    
    .Hero-home .Hero-title>* {
        font-size: clamp(1.75rem, 3.23vw + 1rem, 52px);
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }
    
    .Hero-home .Hero-text {
        margin-block: 2rem;
    }
    /*=====  End of Block Hero  ======*/
    /*=============================================
=            Block-services            =
=============================================*/
    
    .Block-services {
        padding-block: 80px;
    }
    
    .Block-services .row> :not(:last-child) .Service-root {
        border-right: 1px solid #ccc;
    }
    
    .Service-root {
        block-size: 100%;
        padding: 15px;
        display: grid;
        grid-template-rows: auto 1fr;
    }
    
    .Service-root .Service-thumb img {
        max-width: 60px;
    }
    
    .Service-root .Service-title {
        margin-block: 15px 10px;
        height: 46px;
    }
    
    .Service-root .Service-title>* {
        font-weight: 700;
    }
    
    .Service-root .Service-caption {
        display: flex;
        flex-direction: column;
    }
    
    .Service-root .Service-text {
        margin-top: unset;
    }
    /*=====  End of Block-services  ======*/
    /*=============================================
=            Block-about            =
=============================================*/
    
    .About-grid {
        display: grid;
        grid-template-columns: 200px 1fr 1fr;
        grid-template-rows: 200px 1fr 200px;
        inline-size: 100%;
        aspect-ratio: 1;
    }
    
    .About-grid>* {
        grid-area: 1 / -1;
        padding: 1rem;
    }
    
    .About-grid .About-object>* {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1;
    }
    
    .About-grid .About-pattern {
        display: grid;
        place-content: center;
    }
    
    .About-grid .About-pattern>* {
        max-width: 120px;
        display: none;
    }
    
    .About-grid .About-object>* {
        inline-size: 100%;
        block-size: 100%;
    }
    
    .About-grid .About-pattern.pattern-1 {
        grid-column: 1;
    }
    
    .About-grid .About-object.object-1 {
        grid-column: 2 / -1;
        grid-row: 1 / 3;
    }
    
    .About-grid .About-object.object-1>* {
        border-top-right-radius: 10rem;
    }
    
    .About-grid .About-object.object-2 {
        grid-row: 2 / -1;
        grid-column: 1 / 3;
    }
    
    .About-grid .About-object.object-2>* {
        border-bottom-left-radius: 10rem;
    }
    
    .About-grid .About-pattern.pattern-2 {
        grid-row: 3 / -1;
        grid-column: 3 / -1;
    }
    /*=====  End of Block-about  ======*/
    /*=============================================
=            Block-cta            =
=============================================*/
    
    .Block-cta .Block-object>* {
        opacity: 0.15;
    }
    /*=====  End of Block-cta  ======*/
    /*=============================================
=            Block-contact            =
=============================================*/
    
    .Block-contact .FormControl-root .InputBase-input {
        background-color: transparent;
    }
    
    .Block-contact .FormControl-root fieldset {
        border-color: transparent;
        border-bottom-color: inherit;
    }
    /*=====  End of Block-contact  ======*/
    /* =====================================
# Footer
===================================== */
    
    .footer-section {
        position: relative;
        padding-top: 100px;
        color: var(--clr-secondary-light);
        /* background: #10151b; */
    }
    /* .footer-section:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #10151b;
    opacity: 0.80;
} */
    
    .footer-cta {
        border-bottom: 1px solid rgb(174 150 102 / 22%);
        position: relative;
        padding-bottom: 50px;
    }
    
    .social_icons .cus-social_white {
        display: flex;
        justify-content: flex-start;
    }
    
    .social_icons .cus-social_white li a {
        border: 1px solid #ffffff;
        font-size: 16px;
        width: 45px;
        height: 45px;
        display: flex;
        margin-right: 10px;
        justify-content: center;
        align-items: center;
        transition: 0.5s all;
        text-align: center;
        color: #ffffff;
    }
    
    .social_icons .cus-social_white li {
        border: none;
        margin: 0;
    }
    
    .social_icons .cus-social_white li a:hover {
        text-decoration: none;
        color: #000000;
        background: #ae9666;
        border-color: #ae9666;
    }
    
    .single-cta i {
        /* background-color: #10151b; */
        font-size: 28px;
        width: 75px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        border: 5px solid #ffffff;
        display: none;
    }
    
    .cta-sec {
        background-image: url(../images/cta-bg.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        position: relative;
        padding: 80px 0;
    }
    
    .cta_bx * {
        color: #fff;
    }
    
    .cta-sec:after {
        content: "";
        background: linear-gradient( to bottom, rgb(0 0 0 / 70%) 100%, rgb(0 0 0 / 70%) 100%);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: auto;
        z-index: 0;
    }
    
    .cta-cn {
        text-align: center;
    }
    
    .cta-cn .btn-bx {
        margin-top: 25px;
    }
    
    .cta-cn p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 25px;
    }
    
    .cta-sec .container {
        z-index: 1;
        position: relative;
    }
    
    .cta-text {
        padding-left: 0;
        display: inline-block;
    }
    
    .cta-text h4 {
        margin-bottom: 15px;
        /* color: #ae9666; */
        font-size: 18px;
        position: relative;
        text-transform: capitalize;
    }
    
    .cta-text span {
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        max-width: 289px;
        display: block;
    }
    
    .cta-text.social-media span {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        width: 100%;
        max-width: 100%;
        gap: 10px;
    }
    
    .cta-text.social-media span a {
        /* border: 1px solid #b09a68; */
        font-size: 16px;
        width: 45px;
        height: 45px;
        display: flex;
        margin-right: 10px;
        justify-content: center;
        align-items: center;
        transition: 0.5s all;
        text-align: center;
        /* color: #b09a68; */
    }
    
    .cta-text.social-media span i {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        border: none;
        height: auto;
        width: auto;
        /* color: #b09a68; */
        font-size: 18px;
    }
    
    .cta-text.social-media span a:hover {
        text-decoration: none;
        /* color: #ffffff;
        background: #b09a68;
        border-color: #b09a68; */
    }
    
    /* .cta-text.social-media span a:hover i {
        color: #000;
        background: transparent;
    } */
    
    .cta-text a {
        text-decoration: none;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        color: #ffffff;
    }
    
    /* .cta-text a:hover {
        color: #ae9666;
    }
     */
    .cta_bx {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .cta_bx .section-title {
        max-width: 600px;
    }
    
    .cta_bx .action {
        margin-top: 0;
    }
    
    .footer-content {
        position: relative;
        z-index: 2;
        margin: 60px 0;
    }
    
    .footer-pattern img {
        position: absolute;
        top: 0;
        left: 0;
        height: 330px;
        background-size: cover;
        background-position: 100% 100%;
    }
    
    .footer-logo {
        margin-bottom: 30px;
    }
    
    .footer-logo img {
        max-width: 200px;
    }
    
    .footer-text p {
        margin-bottom: 25px;
        font-size: 14px;
        color: #fff;
        line-height: 28px;
    }
    
    .footer-social-icon span {
        color: #fff;
        display: block;
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .footer-social-icon a {
        color: #fff;
        font-size: 16px;
        margin-right: 15px;
        border: 1px solid #fff;
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: center;
        line-height: 50px;
    }
    
    .footer-social-icon i {
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
    }
    
    .footer-widget-heading h3 {
        /* color: #ae9666; */
        font-size: 22px;
        margin-bottom: 20px;
        position: relative;
        text-transform: capitalize;
        padding-bottom: 20px;
    }
    
    .footer-widget-heading h3::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 50px;
        /* background: #ae9666; */
    }
    
    .footer-widget ul {
        padding: 0;
        list-style: none;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        row-gap: 2rem;
    }
    
    .footer-widget ul li {
        padding-bottom: 0;
        margin-bottom: 24px;
    }
    
    .footer-widget ul li a {
        color: #ffffff;
        text-decoration: none;
        transition: all 0.5s;
        font-size: 16px;
        font-weight: 400;
        text-transform: capitalize;
    }
    
    .footer-widget ul li a:hover {
        color: #ffffff;
    }
    
    .copyright-area {
        padding: 15px 0;
        border-top: 1px solid rgb(174 150 102 / 22%);
        position: relative;
        z-index: 9;
    }
    
    .copyright-text p {
        margin: 0;
        text-align: center;
        color: #ffffff;
    }
    
    .copyright-text p a {
        color: #fff;
    }
    
    .footer-menu li {
        display: inline-block;
        margin-left: 20px;
    }
    
    .footer-menu li:hover a {
        color: #fff;
    }
    
    .footer-menu li a {
        font-size: 14px;
        color: #878787;
    }
    
    .single-cta {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    
    .footer-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .footer-top-head {
        max-width: 75%;
    }
    
    .footer-top-head .section-title,
    .footer-top-head .section-title h2 {
        margin: 0;
    }
    
    .lines {
        position: absolute;
        inset: 0;
        max-width: 1520px;
        margin-inline: auto;
        z-index: -1;
    }
    
    .lines .line:nth-child(1) {
        margin-left: -2%;
    }
    
    .lines .line {
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        /* background: rgb(174 150 102 / 22%); */
        overflow: hidden;
    }
    
    .lines .line:nth-child(1)::after {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    
    .lines .line::after {
        content: "";
        display: block;
        position: absolute;
        height: 15vh;
        width: 100%;
        top: -50%;
        left: 0;
        /* background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgb(174 150 102) 100%); */
        -webkit-animation: run 7s 0s infinite;
        animation: run 7s 0s infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
        animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    }
    
    .lines .line:nth-child(3)::after {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
    }
    
    .lines .line:nth-child(2) {
		left: 75%;
	}
    
    .lines .line:nth-child(3) {
        left: 72%;
    }
    
    @keyframes run {
        0% {
            top: -50%;
        }
        100% {
            top: 110%;
        }
    }
    
    @keyframes run {
        0% {
            top: -50%;
        }
        100% {
            top: 110%;
        }
    }
    
    .bg-color {
        background: #10151b;
    }
    
    .bg-color * {
        color: #fff;
    }
    
    .header-fixed .Navbar-nav .Navbar-link {
        color: #ffffff;
    }
    
    .header-fixed .Navbar-brand {
        transform: scale(1);
    }
    
    .inner-pages .Navbar-brand {
        transform: scale(1);
    }
    
    .inner-pages .Header-root {
        position: unset;
        background: #10151b;
    }
    
    .inner-pages .Navbar-nav .Navbar-link {
        color: #fff;
    }
    
    .coming-soon-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 13px;
    }
    
    .coming-soon-text .Block-heading:not(:only-child,
     :last-child) {
        margin-block-end: 0px;
    }
    
    .coming-soon-banner img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
    }
    
    .Navbar-contact {
        gap: 15px;
    }
    
    button#openSidebar {
        display: none;
    }
    
    div#sidebar {
        display: none;
    }
    
    .top-bar {
        display: none;
    }
    
    .page-template-Inner .Header-root {
        position: unset !important;
        background: #090435 !important;
            border-bottom: 2px solid #eca2cb;
    }
    
    .page-template-Inner .Navbar-brand {
        transform: scale(1);
    }
    
    .page-template-Inner .Navbar-nav .Navbar-link {
        color: #fff;
    }
    
    .page-template-Inner .header-fixed {
        position: fixed !important;
    }
    
    .page-template-thank-you .Header-root {
        position: unset !important;
        background: #090435 !important;
    }
    
    .page-template-thank-you .Navbar-nav .Navbar-link {
        color: #fff;
    }
    
    .page-template-thank-you .header-fixed {
        position: fixed !important;
    }
    
    .page-template-thank-you .Navbar-brand {
        transform: scale(1);
    }
    
    @media (max-width: 1279px) {
        .menu .dropdown {
            position: relative;
        }
        .submenu {
            display: none;
            padding-left: 15px;
        }
        .dropdown-arrow {
            cursor: pointer;
            height: 24px;
            width: 24px;
            position: absolute;
            right: 10px;
            background: #b09a68;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 25px;
            border-radius: 50%;
            top: 9px;
        }
        .dropdown.open>.submenu {
            display: block;
            padding: 0;
            background: #182028;
            position: initial;
        }
        a:any-link:focus:hover {
            background-size: 100% 0px !important;
        }
        .header-fixed .open-btn {
            top: 31px;
        }
        .top-bar a {
            padding: 10px 5px;
            text-transform: capitalize;
            background: #b09a68;
            color: #fff;
        }
        .top-bar a+a {
            background: #10151b;
            border: 1px solid #b09a68;
        }
        .top-bar {
            display: grid;
            grid-template-columns: 1fr 1fr;
            text-align: center;
        }
        div#sidebar {
            display: block;
        }
        button#openSidebar {
            display: block;
        }
        .open-btn {
            position: fixed;
            top: 84px;
            right: 20px;
            z-index: 1001;
            cursor: pointer;
            border: 0px;
            height: 40px;
            width: 40px;
            font-size: 19px;
            color: #ffffff;
            font-weight: 900;
            /* background: #b09a68 !important; */
        }
        .menu {
            margin-top: 0;
            height: calc(100% - 50px);
            padding-top: 0;
            overflow: auto;
            width: 100%;
        }
        .sidebar li {
            margin: 0px !important;
        }
        .sidebar .menu a {
            color: white;
            text-decoration: none;
            font-size: 16px;
            padding: 10px 11px;
            border-bottom: 1px solid #eeeeee52;
            display: block;
        }
        .sidebar {
            position: fixed;
            top: 0;
            right: -300px;
            width: 280px;
            height: 100%;
            background-color: #10151b;
            color: white;
            padding: 0px;
            transition: right 0.3s ease;
            z-index: 1002;
        }
        .sidebar.open {
            right: 0;
        }
        .close-btn {
            border: none;
            color: white;
            font-size: 28px;
            float: right;
            cursor: pointer;
            height: 40px;
            width: 40px;
            background: #b09a68;
        }
        .menu {
            list-style: none;
            /* padding: 0; */
        }
        .menu li {
            margin: 20px 0;
        }
        .menu a {
            color: white;
            text-decoration: none;
            font-size: 18px;
        }
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
            z-index: 1000;
        }
        .overlay.active {
            opacity: 1;
            visibility: visible;
        }
        .Header-root {
            position: unset;
            /* background-color: #fff; */
        }
        .Navbar-brand {
            max-width: 120px;
            transform: scale(1);
        }
        .Navbar-nav {
            margin-inline: auto;
            background: gainsboro;
            display: none;
        }
        .Navbar-contact {
            display: none;
        }
        .Hero-home::after {
            width: 100%;
        }
        .Hero-home .Hero-row {
            align-items: center;
            gap: 0rem;
            margin: 0;
        }
        .Hero-home .Hero-object>img {
            position: unset;
            inline-size: 100%;
        }
        .Hero-home .Hero-title>* {
            color: #fff;
        }
        .Hero-home .Hero-text {
            margin-block: 2rem;
            color: #fff;
        }
        .Header-root {
            background-color: #090435 !important;
        }
    }
    
    @media (max-width: 991px) {
        .max-chars-limit {
            flex-direction: column !important;
        }
        .Hero-home .Hero-title {
            text-align: center;
        }
        .Hero-home .Hero-text {
            margin-block: 15px;
            text-align: center;
        }
        .Block-services .Action-root:not(:first-of-type) {
            margin-block-start: 0px;
            text-align: center;
            margin-bottom: 30px;
        }
        .Hero-home .Hero-title>* br {
            display: none;
        }
        .Block-services .row> :not(:last-child) .Service-root {
            border-right: 0px;
        }
        .Block-services .row> :not(:last-child) .Service-root {
            text-align: center;
            border-right: 0px;
        }
        .Service-root .Service-title {
            margin-block: 22px 14px;
            height: auto;
        }
        .Service-root {
            grid-template-rows: auto 1fr;
        }
        .Block-services .btn-bx {
            margin-top: 28px;
        }
        .About-grid .About-pattern.pattern-1 {
            display: none;
        }
        .About-grid {
            grid-template-columns: unset;
            grid-template-rows: unset;
            inline-size: 100%;
            aspect-ratio: auto;
        }
        .About-grid>* {
            padding: 0rem;
        }
        .Block-root {
            padding: 50px 0px;
        }
        .Block-services {
            padding-block: 50px;
        }
        .Service-root {
            grid-template-rows: auto 1fr;
            text-align: center !important;
        }
        .Hero-content .Action-root:not(:first-of-type) {
            margin-block-start: 0rem;
            margin-bottom: 30px;
            text-align: center;
        }
        .footer-section {
            padding-top: 50px;
        }
        .lines {
            display: none;
        }
        .footer-content .col-xl-4 {
            width: 100%;
            margin-bottom: 5%;
            text-align: center;
        }
        .footer-widget-heading h3::before {
            bottom: 0;
            height: 2px;
            width: 49px;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .footer-widget-heading h3 {
			font-size: 20px;
			margin-bottom: 20px;
			padding-bottom: 15px;
			text-align: center;
		}
		.cta-text span {
			text-align: center;
		}
		.cta-text h4 {
			text-align: center;
		}
        .social_icons .cus-social_white {
            justify-content: center;
        }
        .social_icons {
            margin-top: 5%;
        }
        .single-cta {
            margin-bottom: 15px;
            justify-content: center;
            margin-bottom: 22px;
        }
        .footer-content .col-xl-4:last-child {
            margin-bottom: 0%;
        }
        .footer-content {
            margin: 10px 0;
        }
        .footer-top {
            flex-direction: column;
            gap: 22px;
        }
        .footer-cta {
            padding-bottom: 25px;
            margin-bottom: 25px;
        }
        .hide-mobile {
            display: none;
        }
		.footer-widget {
			margin-bottom: 50px;
		}
    }
    
    @media (max-width: 768px) {

        .Hero-home .Hero-title>* {
            font-size: 28px;
        }
        .Block-services .Block-heading:not(:only-child,
         :last-child) {
            margin-block-end: 3.25rem;
        }
        .Block-services .row {
            row-gap: 20px;
        }
        .Hero-home {
            min-height: auto;
        }
    }
    
    @media (max-width: 575px) {
        .custom-modal-dialog {
            max-width: 365px !important;
        }
        .About-grid .About-object.object-2>* {
            border-bottom-left-radius: 0rem;
        }
        .form-action {
            text-align: left !important;
        }
        .Hero-home .Hero-title>* {
            font-size: 25px;
        }
        .Block-services {
            padding-block: 35px;
        }
        .Block-services br {
            display: none;
        }
        .Service-root {
            text-align: center !important;
            padding: 10px 0px;
        }
        .Block-root {
            padding: 35px 0px;
        }
        .footer-section {
            padding-top: 35px;
        }
        .copyright-area {
            padding: 8px 0;
        }
        .Hero-content .Action-root:not(:first-of-type) {
            margin-bottom: 24px;
        }
        .Block-heading:not(:only-child,
         :last-child) {
            margin-block-end: 1.15rem;
        }
        .Block-services .Block-heading:not(:only-child,
         :last-child) {
            margin-block-end: 2.25rem;
        }
    }
    
    .error {
        background: red;
        width: 100%;
        display: block;
        color: #fff !important;
        padding: 2px;
    }
    
    .g-recaptcha {
        max-height: 60px;
    }
    
    .max-chars-limit {
        display: flex;
        justify-content: space-between;
        margin: 5px 0px;
    }
    
    .header-fixed {
        position: fixed !important;
        /* background: #10151b !important;
        border-bottom: 2px solid #b09a68; */
    }
	
	
	.inner-banner-color {
		background: #090435;
		padding: 50px 0;
		text-align: center;
	}

	.inner-banner-color h1 {
		font-family: var(--font-title);
		line-height: 1.25;
		font-weight: 400;
		text-transform: capitalize;
		text-wrap: balance;
		color: #fff;
	}
	.privacy-policy-sec {
		padding: 50px 0;
	}
	.privacy-policy-sec h2 {
		border-left: 5px solid #090435;
		padding: 10px 15px;
		background: #afadbb;
		margin-bottom: 15px;
		font-weight: 600;
	}
	.privacy-policy-sec p a {
		color: #d23074;
		font-weight: 600;
	}
	.privacy-policy-sec ul{
		padding:0;
		list-style:none;
		margin-bottom:25px;
	}
	.privacy-policy-sec ul li {
		padding-left: 25px;
		position: relative;
	}
	.privacy-policy-sec ul li:before {
		content: '';
		background: #090435;
		width: 15px;
		height: 15px;
		display: inline-block;
		border-radius: 100px;
		border: 2px solid #f2f2f2;
		outline: 2px solid #090435;
		position: absolute;
		left: 0;
		top: 5px;
	}
/*--------------------------------------------------------------
#	testimonials Section
--------------------------------------------------------------*/
    
    .testimonials {
        -webkit-transition: margin-left 0.5s ease-out;
        -moz-transition: margin-left 0.5s ease-out;
        -o-transition: margin-left 0.5s ease-out;
    }
    
    .rating-star li {
        margin-right: 4px;
        color: gold;
    }
    
    .test-box-white {
        padding: 20px;
        border: 1px solid #ededed !important;
        background-color: #fafafa !important;
        position: relative;
        margin-bottom: 20px;
    }
    
    .g-logo {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 30px;
    }
    
    .g-logo img {
        width: 100%;
    }
    
    .test-box-inner {
        position: relative;
        margin: 10px;
    }
    
    .test-box-inner h5 {
        color: #000;
        font-weight: 600;
        font-size: 18px;
    }
    
    .test-box-inner::before {
        content: "";
        height: 90px;
        left: 10px;
        top: 24px;
        width: 24px;
        background: url(https://stack-company.com/wp-content/uploads/2025/07/quotes-img.png) 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        z-index: 99;
    }
    
    .test-box-white:after,
    .test-box-white:before {
        top: 100%;
        left: 30px;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    
    .test-box-white:after {
        border-color: rgba(250, 250, 250, 0);
        border-top-color: #fafafa;
        border-width: 10px;
        margin-left: -10px;
    }
    
    .test-box-white {
        padding-left: 45px;
        min-height: 335px;
    }
    
    .test-box-white:before {
        border-color: rgba(237, 237, 237, 0);
        border-top-color: #ededed;
        border-width: 12px;
        margin-left: -12px;
    }
    /*.test-box p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
}*/
    
    .test-box {
        padding: 0;
    }
    
    .rating-star {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
        list-style: none;
        padding: 0;
    }
    
    .testimonials-sec {
        padding: 90px 0;
    }
    /*=============================================
=            Portfolio css section homepage        = 
=============================================*/
    
    figure.Portfolio-root {
        max-width: 500px;
        width: calc(100% / 3);
        margin: 10px 0;
    }
    
    .Block-root.Block-portfolio .Portfolio-thumb img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    .Block-root.Block-portfolio .Portfolio-thumb {
        overflow: hidden;
    }
    
    .Block-root.Block-portfolio .Portfolio-thumb a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .Block-root.Block-portfolio .Portfolio-thumb a img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    .gd_abt {
        background-color: #b09a68;
    }
    
    .gd_abt .Block-heading span:after {
        background-color: #000000;
    }
    
    .founder_sec .About-grid {
        display: inherit;
        grid-template-columns: none;
        grid-template-rows: none;
    }
    
    .founder_sec .About-grid .About-object.object-1 {
        padding: 0;
        grid-column: none;
        grid-row: none;
    }
    
    .founder_sec .About-grid .About-object>* {
        block-size: inherit;
    }
    
    .founder_sec.Block-static.Block-static .Block-row {
        column-gap: 42px;
    }
    
    .founder_sec .About-grid .About-object>* {
        aspect-ratio: inherit;
    }
    
    @media (max-width: 1440px) {
        .founder_sec .About-grid {
            block-size: inherit;
        }
        .founder_sec.Block-static.Block-static .Block-row {
            column-gap: 40px;
        }
        .founder_sec .Block-heading>span {
            font-size: 15px;
        }
         :where(.Navbar-root,
        .Navbar-nav,
        .Navbar-contact) {
            gap: 19px;
        }
    }
    
    @media only screen and (max-width: 991.5px) {
        .About-grid {
            display: none;
        }
    }
    
    @media (max-width: 767px) {
        figure.Portfolio-root {
            width: calc(100% / 2);
        }
        .founder_sec .Block-heading>span::after {
            display: none;
        }
    }
    /* Modal Overlay */
    
    .custom-modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 9999;
        justify-content: center;
        align-items: center;
        animation: fadeInOverlay 0.3s ease forwards;
    }
    /* Modal Box */
    
    .custom-modal-dialog {
        background: white;
        border-radius: 10px;
        width: 100%;
        max-width: 550px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        transform: scale(0.8) translateY(100px);
        opacity: 0;
        animation: none;
    }
    
    #Block-founder p button.open-modal-btn {
        background: transparent;
        border: 0px;
        text-align: left;
        margin-top: 9px;
        font-size: 16px;
        padding: 0;
        cursor: pointer;
        color: #b09a68;
        font-weight: 500;
        text-decoration: underline;
    }
    
    .highlight-text p {
        font-weight: 600;
        text-transform: capitalize;
    }
    /* Modal Visible Class with Animation */
    
    .custom-modal.show .custom-modal-dialog {
        animation: slideZoomIn 0.4s ease-out forwards;
    }
    /* Header */
    
    .custom-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .custom-close-btn {
        border: none;
        cursor: pointer;
        position: absolute;
        background: #b09a68;
        height: 40px;
        width: 40px;
        border-radius: 50px;
        right: -20px;
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* Body */
    
    .custom-modal-body {
        margin-top: 0px;
    }
    /* Overlay Fade In */
    
    @keyframes fadeInOverlay {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* Modal Box Slide + Scale Animation */
    
    @keyframes slideZoomIn {
        0% {
            transform: scale(0.8) translateY(100px);
            opacity: 0;
        }
        100% {
            transform: scale(1) translateY(0);
            opacity: 1;
        }
    }
    /*************services page ****************/
    
    .inner_banner .banner_heading h1 {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 30px;
        background: #090435;
        padding: 10px 28px;
        border-bottom: 3px solid #d88fc2;
    }
    
    .inner_banner {
        padding: 0;
        position: relative;
        margin: 0px;
    }
    
    .inner_banner img {
        width: 100%;
        max-height: 256px;
        object-fit: cover;
    }
    
    .inner_banner .banner_heading {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 7;
        transform: translate(-50%, -40%);
    }
    
    .parallax-section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        min-height: 400px;
        display: flex;
        align-items: center;
    }
    
    .parallax-section2 .inner-text {
        text-align: left;
    }
    
    .parallax-section2 .inner-text {
        max-width: 600px !important;
        width: 100% !important;
        margin: unset !important;
        padding: 35px;
    }
    
    .parallax-section .inner-text {
        padding: 30px;
        position: relative;
       background: rgb(9 4 53 / 86%);
        height: auto;
        display: flex;
        align-items: center;
        flex-direction: column;
        align-items: start;
        justify-content: flex-start;
        border-bottom: 3px solid #ee8fc2;
        transition: 0.2s;
        width: 100%;
        max-width: 850px;
        text-align: center;
        margin-inline: auto;
        color: #fff;
    }
    
    .list-style li {
        position: relative;
        margin: 14px 0px;
        font-size: 16px;
        color: #fff;
        text-align: left;
        font-weight: 500;
    }
    
    .inner-text .Block-heading {
        text-align: left;
    }
    /* .inner-text .Block-heading h2 {
    font-size: clamp(1.5rem, 3.5vw, 34px);
} */
    
    .list-style {
        padding-left: 26px;
    }
    
    .list-style li:before {
        content: '';
        position: absolute;
        min-width: 8px;
        aspect-ratio: 1;
        border-radius: 50%;
        /* background-color: #b09a68;
        outline: #b09a68 solid 2.5px; */
        outline-offset: 3px;
        margin-right: .75rem;
        left: -23px;
        top: 8.75px;
    }
    
    .img_sec_content figure {
        width: 100%;
        height: 100%;
    }
    
    .img_sec_content figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* .cta-section {
    background-color: #f2f2f2;
} */
    
    .parallax-section3 .text-bx {
        display: flex;
        gap: 2em;
        justify-content: left;
    }
    
    .parallax-section .inner-text {
        text-align: left;
    }
    
    .img_sec_content .list-style li {
        color: #000;
    }
    
    .page-id-53 h2 {
        font-size: clamp(1.5rem, 3.5vw, 34px);
    }
    
    .img_sec_content .row {
        align-items: center;
    }

    .Block-heading h4 {
        font-size: 24px;
        font-weight: 600;
    }
    .call_action a {
        display: inline-block;
        padding: 16px 28px;
    }
    .call_action {
        margin: 12px 0 0 0;
        display: inline-block;
    }
    
    @media (max-width: 1440px) {
        .img_sec_content .row {
            align-items: inherit;
        }
    }
    
    @media (max-width: 767px) {
        .parallax-section3 .text-bx {
            flex-wrap: wrap;
        }
        .img_sec_content .Block-heading {
            margin-top: 15px;
        }
        .inner_banner .banner_heading h1 {
            font-size: 22px;
            text-align: center;
        }
    }
    
    .footer-pic img {
		max-width: 100%;
	}



.nom_img {
    width: fit-content;
    background: #343a42;
    padding: 16px;
    border-radius: 13px;
    margin: 17px auto 21px;
}
.nom_img img {
    width: 14px;
}

.nom_img img span {
    font-weight: 700;
}

.nom_bx {
    display: flex;
    gap: 35px;
    /* flex-wrap: wrap; */
        margin: 43px 0 34px;

}

.nom_bx1 img {
      border-top-right-radius: 4rem;
    width: 100%;
    border-bottom-left-radius: 2rem;
}

.nom_bx1 .Service-title h3 {
    font-weight: 600;
    margin-top: 11px;
        font-family: var(--font-body);
}

.nm_lst_txt p {
    font-size: 14px;
    margin-bottom: 2px;
}

.nm_lst_txt {
    margin-top: 18px;
}

.nom_award {
    position: relative;
}
.nom_award:before {
    content: "";
    /* background-color: #343a42; */
    border-radius: 30px;
    position: absolute;
    width: 100%;
    height: 87%;
    top: auto;
    bottom: 0;
}
.nom_award img {
    position: relative;
    z-index: 1;
}
.nom_award figure {
    text-align: center;
    padding: 0px 0 37px;
}
.nom_award span {
   font-size: 27px;
    font-weight: 700;
    text-align: center;
    display: block;
    width: fit-content;
    margin: auto;
    /* background: linear-gradient(45deg, #b09a68, #000); */
    background-size: 300% 300%;
    animation: bgMove 6s ease infinite;
    padding: 12px;
    border-radius: 15px;
    position: relative;
    z-index: 9;
    top: -38px;
}
@keyframes bgMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.notm .Action-root .Button-light {
     /* border: 3px solid #c39000; */
    border-radius: 50px;
    /* color: #000; */
   
    /* background: linear-gradient(45deg, #e9b41f, #c39000); */
    background-size: 300% 300%;
    /* Combined animations */
    animation: 
        bgAnim 6s ease infinite,
        borderAnim 3s ease-in-out infinite,
        smoothZoom 2.5s ease-in-out infinite,
        smoothShake 4s ease-in-out infinite;
}
.vt_btn img {
    width: 40px;
}
.about-slider img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.founder_sec .slick-dots button:before {
    font-size: 14px;
}
.metrics-section {
    background-color: #f2f2f2 !important;
}

@keyframes bgAnim {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* @keyframes borderAnim {
    0% { border-color: #c39000; }
    50% { border-color: #0a0a0a; }
    100% { border-color: #c39000; }
} */

@keyframes smoothZoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.06); }
    100% { transform: scale(1); }
}

@keyframes smoothShake {
    0%, 100% { transform: translateX(0); }
    30% { transform: translateX(-2px); }
    60% { transform: translateX(2px); }
}



@media (max-width: 767px) {
    .nom_bx {
        flex-wrap: wrap;
                justify-content: center;
    }
    .nom_bx1 img {
        height: 278px;
    }
}