.elementor-162 .elementor-element.elementor-element-83dcf1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for sugham_footer, class: .elementor-element-61db0e7 */.footer-head {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
        :root {
            --orange-500: #f97316;
            --stone-950: #0c0a09;
            --stone-900: #1c1917;
            --stone-600: #57534e;
            --stone-500: #78716c;
            --white: #ffffff;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Inter', sans-serif;
        }

        /* Footer Main Styles */
        .footer {
            background-color: var(--stone-950);
            color: var(--white);
            padding: 80px 0; /* py-20 */
        }

        .container {
            max-width: 1280px; /* max-w-7xl */
            margin: 0 auto;
            padding: 0 1rem;
        }

        @media (min-width: 640px) { .container { padding: 0 1.5rem; } }
        @media (min-width: 1024px) { .container { padding: 0 2rem; } }

        /* Grid Layout */
        .footer-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 64px; /* gap-16 */
            margin-bottom: 80px; /* mb-20 */
        }

        @media (min-width: 768px) {
            .footer-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (min-width: 1024px) {
            .footer-grid { grid-template-columns: repeat(4, 1fr); }
        }

        /* Brand Section */
        .brand-container {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 32px;
        }

        .logo-box {
            position: relative;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .logo-bg {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom right, var(--orange-500), #2563eb);
            border-radius: 12px;
            transform: rotate(3deg);
        }

        .logo-letter {
            position: relative;
            font-weight: 900;
            font-size: 1.25rem;
            font-style: italic;
        }

        .brand-text-wrapper {
            display: flex;
            flex-direction: column;
        }

        .brand-main {
            font-size: 1.25rem;
            font-weight: 800;
            letter-spacing: -0.025em;
            line-height: 1;
        }

        .brand-sub {
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--orange-500);
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .brand-description {
            color: var(--stone-500);
            font-size: 0.875rem;
            line-height: 1.625;
            max-width: 20rem; /* max-w-xs */
        }

        /* Column Styles */
        .footer-column h4 {
            font-weight: 700;
            margin-bottom: 32px; /* mb-8 */
            text-transform: uppercase;
            letter-spacing: 0.1em; /* tracking-widest */
            font-size: 0.75rem; /* text-xs */
        }

        .footer-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 16px; /* space-y-4 */
        }

        .footer-list li, .footer-list a {
            color: var(--stone-500);
            font-size: 0.875rem;
            text-decoration: none;
            transition: color 0.2s;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .footer-list a:hover {
            color: var(--orange-500);
        }

        .icon {
            width: 16px;
            height: 16px;
            color: var(--orange-500);
            flex-shrink: 0;
        }

        .align-start { align-items: flex-start !important; }
        .mt-1 { margin-top: 4px; }

        /* Bottom Bar */
        .footer-bottom {
            padding-top: 40px;
            border-top: 1px solid var(--stone-900);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            color: var(--stone-600);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        @media (min-width: 768px) {
            .footer-bottom {
                flex-direction: row;
                justify-content: space-between;
            }
        }

        .bottom-links {
            display: flex;
            gap: 32px;
        }

        .bottom-links a {
            color: inherit;
            text-decoration: none;
            transition: color 0.2s;
        }

        .bottom-links a:hover {
            color: var(--white);
        }/* End custom CSS */