/* Extracted from layouts/portal.blade.php — Sprint 2 perf; visual parity */
.dm-brand-orange,
        .dm-brand-paragraph-accent {
            position: relative;
            display: inline-block;
            width: fit-content;
            max-width: 100%;
            color: var(--theme-color1) !important;
            -webkit-text-fill-color: var(--theme-color1) !important;
            white-space: nowrap;
            text-decoration: none !important;
            transition: color 0.35s ease, -webkit-text-fill-color 0.35s ease;
        }

        .dm-brand-orange::after,
        .dm-brand-paragraph-accent::after {
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 0;
            height: 2px;
            content: "";
            border-radius: 999px;
            background: var(--theme-color1);
            transition: width 0.35s ease;
            pointer-events: none;
        }

        .dm-brand-orange:hover,
        .dm-brand-paragraph-accent:hover {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
        }

        .dm-brand-orange:hover::after,
        .dm-brand-paragraph-accent:hover::after {
            width: 100%;
        }

        .dm-brand-punctuation {
            color: var(--theme-color1) !important;
            -webkit-text-fill-color: var(--theme-color1) !important;
        }

        .page-wrapper .sec-title > .title,
        .page-wrapper .section-title > .title {
            display: block !important;
            clear: both !important;
            width: 100% !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: clamp(22px, 2.55vw, 36px);
            line-height: 1.12;
        }

        .page-wrapper .sec-title > .title::after,
        .page-wrapper .sec-title > .title:hover::after,
        .page-wrapper .section-title > .title::after,
        .page-wrapper .section-title > .title:hover::after {
            content: none !important;
            display: none !important;
            width: 0 !important;
        }

        .page-wrapper .sec-title > .sub-title,
        .page-wrapper .section-title > .sub-title {
            display: inline-flex !important;
            width: max-content !important;
            max-width: 100% !important;
            margin-bottom: 18px !important;
        }

        .page-wrapper :where(.sec-title, .section-title) > .sub-title:has(+ :where(.text, p, [class$="__lead"], [class*="__lead"])) {
            margin-bottom: 0.25rem !important;
        }

        .page-wrapper :where(.sec-title, .section-title) > .sub-title + :where(.text, p, [class$="__lead"], [class*="__lead"]) {
            margin-top: 0 !important;
        }

        .page-wrapper :where(.sec-title, .section-title):has(> .sub-title) + :where(.text, p, [class$="__lead"], [class*="__lead"]) {
            margin-top: 0.25rem !important;
        }

        .page-wrapper :where(.sec-title, .section-title):has(> .sub-title):has(+ :where(.text, p, [class$="__lead"], [class*="__lead"])) {
            margin-bottom: 0 !important;
        }

        .page-wrapper .sec-title > .title > span:not(.dm-reference-title-subline),
        .page-wrapper .section-title > .title > span:not(.dm-reference-title-subline),
        .page-wrapper .help-title > span,
        .page-wrapper .dm-career-section-head h2 > span:not(.dm-reference-title-subline) {
            display: block !important;
            width: fit-content !important;
            max-width: 100% !important;
            color: var(--theme-color1) !important;
            -webkit-text-fill-color: var(--theme-color1) !important;
        }

        .page-wrapper .dm-about-legacy-title {
            white-space: nowrap !important;
            max-width: 860px;
        }

        .page-wrapper .dm-about-legacy-title > span:not(.dm-reference-title-subline) {
            display: inline !important;
            width: auto !important;
            max-width: none !important;
            white-space: nowrap !important;
            color: var(--theme-color1) !important;
            -webkit-text-fill-color: var(--theme-color1) !important;
        }

        .page-wrapper .sec-title.text-center > .title > span:not(.dm-reference-title-subline),
        .page-wrapper .section-title.text-center > .title > span:not(.dm-reference-title-subline),
        .page-wrapper .help-title > span {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .page-wrapper .sec-title > .title:has(> span),
        .page-wrapper .section-title > .title:has(> span),
        .page-wrapper .dm-about-legacy-title:has(> span),
        .page-wrapper .dm-career-section-head h2:has(> span) {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
        }

        .page-wrapper .sec-title > .title:has(> span)::after,
        .page-wrapper .section-title > .title:has(> span)::after,
        .page-wrapper .sec-title > .title:has(> span):hover::after,
        .page-wrapper .section-title > .title:has(> span):hover::after {
            content: none !important;
            display: none !important;
            width: 0 !important;
        }

        /* Yıldızlı section turuncu kelime: hover beyaz alt çizgi (yalnızca kelime genişliği) */
        .page-wrapper .sec-title > .title > span:not(.dm-reference-title-subline),
        .page-wrapper .section-title > .title > span:not(.dm-reference-title-subline),
        .page-wrapper .sec-title > .title .dm-reference-title-highlight,
        .page-wrapper .section-title > .title .dm-reference-title-highlight,
        .page-wrapper .help-title > span,
        .page-wrapper .dm-about-legacy-title > span:not(.dm-reference-title-subline),
        .page-wrapper .dm-career-section-head h2 > span:not(.dm-reference-title-subline) {
            position: relative !important;
        }

        .page-wrapper .sec-title > .title .dm-reference-title-highlight,
        .page-wrapper .section-title > .title .dm-reference-title-highlight {
            display: inline !important;
            width: auto !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .page-wrapper .sec-title > .title > span:not(.dm-reference-title-subline)::after,
        .page-wrapper .section-title > .title > span:not(.dm-reference-title-subline)::after,
        .page-wrapper .sec-title > .title .dm-reference-title-highlight::after,
        .page-wrapper .section-title > .title .dm-reference-title-highlight::after,
        .page-wrapper .help-title > span::after,
        .page-wrapper .dm-about-legacy-title > span:not(.dm-reference-title-subline)::after,
        .page-wrapper .dm-career-section-head h2 > span:not(.dm-reference-title-subline)::after {
            position: absolute;
            left: 0;
            right: auto;
            bottom: -2px;
            width: 0;
            height: 2px;
            content: "";
            border-radius: 999px;
            background: #fff !important;
            box-shadow: none !important;
            transition: width 0.35s ease;
            pointer-events: none;
        }

        .page-wrapper .sec-title > .title > span:not(.dm-reference-title-subline):hover,
        .page-wrapper .section-title > .title > span:not(.dm-reference-title-subline):hover,
        .page-wrapper .sec-title > .title .dm-reference-title-highlight:hover,
        .page-wrapper .section-title > .title .dm-reference-title-highlight:hover,
        .page-wrapper .help-title > span:hover,
        .page-wrapper .dm-about-legacy-title > span:not(.dm-reference-title-subline):hover,
        .page-wrapper .dm-career-section-head h2 > span:not(.dm-reference-title-subline):hover {
            color: var(--theme-color1) !important;
            -webkit-text-fill-color: var(--theme-color1) !important;
        }

        .page-wrapper .sec-title > .title > span:not(.dm-reference-title-subline):hover::after,
        .page-wrapper .section-title > .title > span:not(.dm-reference-title-subline):hover::after,
        .page-wrapper .sec-title > .title .dm-reference-title-highlight:hover::after,
        .page-wrapper .section-title > .title .dm-reference-title-highlight:hover::after,
        .page-wrapper .help-title > span:hover::after,
        .page-wrapper .dm-about-legacy-title > span:not(.dm-reference-title-subline):hover::after,
        .page-wrapper .dm-career-section-head h2 > span:not(.dm-reference-title-subline):hover::after,
        .page-wrapper .sec-title > .title:hover > span:not(.dm-reference-title-subline)::after,
        .page-wrapper .section-title > .title:hover > span:not(.dm-reference-title-subline)::after,
        .page-wrapper .help-title:hover > span::after,
        .page-wrapper .dm-about-legacy-title:hover > span:not(.dm-reference-title-subline)::after,
        .page-wrapper .dm-career-section-head h2:hover > span:not(.dm-reference-title-subline)::after {
            width: 100% !important;
        }

        .page-wrapper .sec-title > .sub-title:not(.dm-portal-intro-brand-heading),
        .page-wrapper .section-title > .sub-title:not(.dm-portal-intro-brand-heading),
        .page-wrapper .sub-title.tm-sub-tilte:not(.dm-portal-intro-brand-heading),
        .page-wrapper .sub-title.tx-subTitle:not(.dm-portal-intro-brand-heading) {
            position: relative;
        }

        .page-wrapper .sec-title > .sub-title:not(.dm-portal-intro-brand-heading)::after,
        .page-wrapper .section-title > .sub-title:not(.dm-portal-intro-brand-heading)::after,
        .page-wrapper .sub-title.tm-sub-tilte:not(.dm-portal-intro-brand-heading)::after,
        .page-wrapper .sub-title.tx-subTitle:not(.dm-portal-intro-brand-heading)::after {
            background: #fff !important;
        }

        .page-wrapper .sec-title > .sub-title:not(.dm-portal-intro-brand-heading):hover,
        .page-wrapper .section-title > .sub-title:not(.dm-portal-intro-brand-heading):hover,
        .page-wrapper .sub-title.tm-sub-tilte:not(.dm-portal-intro-brand-heading):hover,
        .page-wrapper .sub-title.tx-subTitle:not(.dm-portal-intro-brand-heading):hover,
        .page-wrapper .sec-title > .sub-title:not(.dm-portal-intro-brand-heading):hover a,
        .page-wrapper .section-title > .sub-title:not(.dm-portal-intro-brand-heading):hover a {
            color: var(--theme-color1) !important;
            -webkit-text-fill-color: var(--theme-color1) !important;
        }

        .page-wrapper .service-section .service-block-one .inner-block:hover .content-box .icon,
        .page-wrapper .service-section .service-block-one .inner-block:hover .content-box .icon i,
        .page-wrapper .feature-section-2 .feature-block .inner-block:hover .icon,
        .page-wrapper .feature-section-2 .feature-block .inner-block:hover .icon i,
        .page-wrapper .choose-us-section .feature-box:hover .icon,
        .page-wrapper .choose-us-section .feature-box:hover .icon i,
        .page-wrapper .choose-us-section .feature-box .inner-box:hover .icon,
        .page-wrapper .choose-us-section .feature-box .inner-box:hover .icon i,
        .page-wrapper .about-icon-box-3 .icon-box-1:hover .icon,
        .page-wrapper .about-icon-box-3 .icon-box-1:hover .icon i,
        .page-wrapper .faq-section .faq-block-one:hover .title-box .icon,
        .page-wrapper .faq-section .faq-block-one:hover .title-box .icon i,
        .page-wrapper .faq-section .faq-block-one.active .title-box .icon,
        .page-wrapper .faq-section .faq-block-one.active .title-box .icon i,
        .page-wrapper .dm-faq-quick__card:hover i,
        .page-wrapper .dm-faq-process__card:hover > span,
        .page-wrapper .dm-faq-advantages__item:hover i,
        .page-wrapper .dm-career-card:hover > i,
        .page-wrapper .dm-career-position:hover > i,
        .page-wrapper .dm-career-process-card:hover > span,
        .page-wrapper .services-details .dm-service-process-step:hover .dm-service-process-number,
        .page-wrapper .services-details .service-details__content-feature:hover .dm-feature-number,
        .page-wrapper .services-details .faq-content .faq-block-one:hover .title-box .icon,
        .page-wrapper .services-details .faq-content .faq-block-one:hover .title-box .icon i,
        .page-wrapper .award-section .award-box-items-one .inner-block:hover .icon-box .icon,
        .page-wrapper .award-section .award-box-items-one .inner-block:hover .icon-box .year,
        .page-wrapper .service-block-three .inner-box:hover .content-box .icon-box .icon,
        .page-wrapper .service-block-three .inner-box:hover .content-box .icon-box .icon i {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
        }

        .page-wrapper .service-section .service-block-one .inner-block:hover .content-box .icon img,
        .page-wrapper .feature-section-2 .feature-block .inner-block:hover .icon img,
        .page-wrapper .choose-us-section .feature-box:hover .icon img,
        .page-wrapper .choose-us-section .feature-box .inner-box:hover .icon img,
        .page-wrapper .about-icon-box-3 .icon-box-1:hover .icon img,
        .page-wrapper .award-section .award-box-items-one .inner-block:hover .icon-box .icon img,
        .page-wrapper .award-section .award-box-items-one .inner-block:hover .icon-box img,
        .page-wrapper .service-block-three .inner-box:hover .content-box .icon-box .icon img {
            filter: brightness(0) invert(1) !important;
        }

        .page-wrapper .array-button {
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
        }

        .page-wrapper .array-button .array-prev,
        .page-wrapper .array-button .array-next,
        .page-wrapper .testimonial-one .slider-box .array-button .array-prev,
        .page-wrapper .testimonial-one .slider-box .array-button .array-next,
        .page-wrapper .dm-home-services-nav.array-button .array-prev,
        .page-wrapper .dm-home-services-nav.array-button .array-next,
        .page-wrapper .dm-home-projects-nav.array-button .array-prev,
        .page-wrapper .dm-home-projects-nav.array-button .array-next {
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 42px !important;
            height: 42px !important;
            min-width: 42px !important;
            padding: 0 !important;
            border: 2px solid rgba(255, 107, 30, 0.72) !important;
            border-radius: 10px !important;
            background: linear-gradient(180deg, rgba(18, 18, 22, 0.88) 0%, rgba(8, 8, 12, 0.78) 100%) !important;
            color: transparent !important;
            font-size: 0 !important;
            line-height: 1 !important;
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32), 0 0 0 2px rgba(255, 107, 30, 0.12), 0 0 18px rgba(255, 107, 30, 0.24) !important;
            transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
        }

        .page-wrapper .array-button .array-prev i,
        .page-wrapper .array-button .array-next i,
        .page-wrapper .array-button .array-prev svg,
        .page-wrapper .array-button .array-next svg {
            display: none !important;
        }

        .page-wrapper .array-button .array-prev::before,
        .page-wrapper .array-button .array-next::before {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            background: url("/theme/images/icons/right-arrow-1-2.png") center / contain no-repeat;
            filter: brightness(0) invert(1);
        }

        .page-wrapper .array-button .array-prev::before {
            transform: rotate(180deg);
        }

        .page-wrapper .array-button .array-prev:hover,
        .page-wrapper .array-button .array-next:hover,
        .page-wrapper .testimonial-one .slider-box .array-button .array-prev:hover,
        .page-wrapper .testimonial-one .slider-box .array-button .array-next:hover,
        .page-wrapper .dm-home-services-nav.array-button .array-prev:hover,
        .page-wrapper .dm-home-services-nav.array-button .array-next:hover,
        .page-wrapper .dm-home-projects-nav.array-button .array-prev:hover,
        .page-wrapper .dm-home-projects-nav.array-button .array-next:hover {
            border-color: rgba(255, 107, 30, 0.9) !important;
            background: linear-gradient(180deg, rgba(18, 18, 22, 0.92) 0%, rgba(8, 8, 12, 0.84) 100%) !important;
            transform: scale(1.04) !important;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.36), 0 0 0 3px rgba(255, 107, 30, 0.18), 0 0 28px rgba(255, 107, 30, 0.38) !important;
        }

        .page-wrapper .dm-ecatalog-btn::before,
        .page-wrapper .dm-ecatalog-btn::after,
        .page-wrapper .dm-sidebar-action-button[href*="e-katalog"]::before,
        .page-wrapper .dm-sidebar-action-button[href*="e-katalog"]::after,
        .page-wrapper .dm-premium-topbar__ekatalog::before,
        .page-wrapper .dm-premium-topbar__ekatalog::after {
            animation-duration: 7.2s !important;
            opacity: 0.25 !important;
        }

        .page-wrapper .mobile-menu {
            position: fixed !important;
            left: auto !important;
            right: 0 !important;
            top: calc(-1 * var(--dm-topbar-header-offset, 96px)) !important;
            bottom: auto !important;
            width: min(360px, 92vw) !important;
            max-width: 92vw !important;
            height: 100dvh !important;
            min-height: 100dvh !important;
            z-index: 2147483000 !important;
        }

        .page-wrapper .mobile-menu .menu-backdrop {
            position: fixed !important;
            top: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100vw !important;
            height: 100dvh !important;
            z-index: 1 !important;
        }

        .page-wrapper .mobile-menu .menu-box {
            position: fixed !important;
            top: 0 !important;
            right: 0 !important;
            left: auto !important;
            width: min(360px, 92vw) !important;
            height: 100dvh !important;
            max-height: 100dvh !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
            transform: translateX(101%) !important;
            background: linear-gradient(180deg, rgba(14, 14, 18, 0.98) 0%, rgba(6, 6, 10, 0.98) 100%) !important;
            border-left: 2px solid rgba(255, 107, 30, 0.34) !important;
            box-shadow: -28px 0 70px rgba(0, 0, 0, 0.46) !important;
            z-index: 2 !important;
        }

        .mobile-menu-visible .page-wrapper .mobile-menu .menu-box {
            transform: translateX(0) !important;
        }

        .page-wrapper .mobile-menu .upper-box,
        .page-wrapper .mobile-menu .navigation,
        .page-wrapper .mobile-menu .dm-mobile-address-group,
        .page-wrapper .mobile-menu .contact-list-one,
        .page-wrapper .mobile-menu .social-links {
            flex: 0 0 auto !important;
            margin-bottom: max(18px, env(safe-area-inset-bottom)) !important;
        }

        body > .mobile-menu {
            position: fixed !important;
            top: 0 !important;
            right: 0 !important;
            bottom: auto !important;
            left: auto !important;
            width: min(360px, 92vw) !important;
            max-width: 92vw !important;
            height: 100dvh !important;
            min-height: 100dvh !important;
            z-index: 2147483000 !important;
        }

        body > .mobile-menu .menu-backdrop {
            position: fixed !important;
            inset: 0 !important;
            width: 100vw !important;
            height: 100dvh !important;
            background: rgba(0, 0, 0, 0.72) !important;
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
            z-index: 1 !important;
        }

        .page-wrapper .mobile-menu .menu-backdrop {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
        }

        body > .mobile-menu .menu-box {
            position: fixed !important;
            top: 0 !important;
            right: 0 !important;
            bottom: auto !important;
            left: auto !important;
            width: min(360px, 92vw) !important;
            height: 100dvh !important;
            max-height: 100dvh !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
            padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
            transform: translateX(101%) !important;
            background: linear-gradient(180deg, rgba(14, 14, 18, 0.98) 0%, rgba(6, 6, 10, 0.98) 100%) !important;
            border-left: 2px solid rgba(255, 107, 30, 0.34) !important;
            box-shadow: -28px 0 70px rgba(0, 0, 0, 0.46) !important;
            z-index: 2 !important;
        }

        body > .mobile-menu .menu-box::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important;
            display: none !important;
        }

        body.mobile-menu-visible > .mobile-menu .menu-box {
            transform: translateX(0) !important;
        }

        body > .mobile-menu .upper-box,
        body > .mobile-menu .navigation,
        body > .mobile-menu .dm-mobile-address-group,
        body > .mobile-menu .contact-list-one,
        body > .mobile-menu .social-links {
            flex: 0 0 auto !important;
        }

        body > .mobile-menu .upper-box {
            padding-top: 22px !important;
            padding-bottom: 12px !important;
            border-bottom: 0 !important;
        }

        body > .mobile-menu .nav-logo a {
            display: inline-flex !important;
            align-items: center !important;
            width: fit-content !important;
            max-width: max-content !important;
            line-height: 0 !important;
        }

        body > .mobile-menu .nav-logo img {
            display: block !important;
            width: auto !important;
            max-width: min(200px, 42vw) !important;
            height: auto !important;
            max-height: 46px !important;
            object-fit: contain !important;
            filter: none !important;
            opacity: 1 !important;
        }

        body > .mobile-menu .navigation {
            padding-top: 10px !important;
        }

        body > .mobile-menu .dm-mobile-quote-cta {
            padding-top: 14px !important;
        }

        body > .mobile-menu .dm-mobile-address-group {
            margin-top: 10px !important;
        }

        body > .mobile-menu .contact-list-one {
            padding-top: 6px !important;
        }

        body > .mobile-menu .social-links {
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
            margin-top: 18px !important;
            margin-bottom: max(22px, env(safe-area-inset-bottom)) !important;
        }

        body > .mobile-menu .navigation li,
        body > .mobile-menu .dm-mobile-quote-button,
        body > .mobile-menu .dm-mobile-address-group,
        body > .mobile-menu .dm-mobile-office-card,
        body > .mobile-menu .contact-info-box,
        body > .mobile-menu .social-links li a,
        body > .mobile-menu .close-btn {
            position: relative !important;
            transition: transform 400ms ease, border-color 400ms ease, background 400ms ease, box-shadow 400ms ease, filter 400ms ease !important;
        }

        body > .mobile-menu .navigation li {
            overflow: hidden !important;
        }

        body > .mobile-menu .navigation li > a {
            display: flex !important;
            align-items: center !important;
            transition: transform 400ms ease, color 400ms ease !important;
        }

        body > .mobile-menu .navigation li:hover {
            transform: translateY(-2px) !important;
            border-color: rgba(255, 255, 255, 0.28) !important;
        }

        body > .mobile-menu .navigation li:hover > a {
            transform: translateX(8px) !important;
        }

        body > .mobile-menu .dm-mobile-quote-button {
            width: 100% !important;
            min-height: 60px !important;
            justify-content: center !important;
            padding: 14.5px 60px 14.5px 30px !important;
            border: 2px solid rgba(255, 107, 30, 0.72) !important;
            border-radius: 10px !important;
            background: linear-gradient(180deg, rgba(18, 18, 22, 0.88) 0%, rgba(8, 8, 12, 0.78) 100%) !important;
            color: #fff !important;
            overflow: hidden !important;
            box-shadow: 0 20px 48px rgba(0, 0, 0, 0.48), 0 0 0 4px rgba(255, 107, 30, 0.16), 0 0 34px rgba(255, 107, 30, 0.34) !important;
        }

        body > .mobile-menu .dm-mobile-quote-button .btn-arrow-left,
        body > .mobile-menu .dm-mobile-quote-button .btn-arrow-right {
            width: 40px !important;
            height: 40px !important;
            border: 1px solid rgba(255, 255, 255, 0.78) !important;
            background: rgba(0, 0, 0, 0.18) !important;
            color: #fff !important;
            transition: scale 400ms ease, transform 400ms ease, border-color 400ms ease, background 400ms ease !important;
        }

        body > .mobile-menu .dm-mobile-quote-button .btn-title {
            color: #fff !important;
            transition: transform 400ms ease !important;
        }

        body > .mobile-menu .dm-mobile-quote-button:hover {
            border-color: rgba(255, 107, 30, 0.9) !important;
            background: linear-gradient(180deg, rgba(18, 18, 22, 0.94) 0%, rgba(8, 8, 12, 0.86) 100%) !important;
        }

        body > .mobile-menu .dm-mobile-quote-button:hover .btn-arrow-left {
            scale: 1 !important;
        }

        body > .mobile-menu .dm-mobile-quote-button:hover .btn-arrow-right {
            scale: 0 !important;
        }

        body > .mobile-menu .dm-mobile-quote-button:hover .btn-title {
            transform: translateX(30px) !important;
        }

        body > .mobile-menu .dm-mobile-address-group:hover,
        body > .mobile-menu .dm-mobile-office-card:hover,
        body > .mobile-menu .contact-info-box:hover {
            transform: translateY(-2px) !important;
            border-color: rgba(255, 255, 255, 0.28) !important;
        }

        body > .mobile-menu .dm-mobile-address-group__title,
        body > .mobile-menu .dm-mobile-office-card > i,
        body > .mobile-menu .contact-info-box .icon,
        body > .mobile-menu .contact-info-box > i {
            transition: transform 400ms ease, color 400ms ease, border-color 400ms ease !important;
        }

        body > .mobile-menu .dm-mobile-address-group:hover .dm-mobile-address-group__title,
        body > .mobile-menu .dm-mobile-office-card:hover > i {
            transform: none !important;
        }

        body > .mobile-menu .contact-info-box:hover .icon,
        body > .mobile-menu .contact-info-box:hover > i {
            transform: translateY(-50%) !important;
        }

        body > .mobile-menu .social-links li a {
            overflow: hidden !important;
        }

        body > .mobile-menu .social-links li a i {
            transition: transform 400ms ease, color 400ms ease !important;
        }

        body > .mobile-menu .social-links li a:hover {
            transform: translateY(-2px) !important;
            border-color: rgba(255, 255, 255, 0.32) !important;
        }

        body > .mobile-menu .social-links li a:hover i {
            transform: translateY(-2px) scale(1.08) !important;
        }

        body > .mobile-menu .close-btn {
            position: relative !important;
            overflow: hidden !important;
            border: 2px solid rgba(255, 107, 30, 0.72) !important;
            border-radius: 10px !important;
            background: linear-gradient(180deg, rgba(18, 18, 22, 0.88) 0%, rgba(8, 8, 12, 0.78) 100%) !important;
            color: #fff !important;
            outline: 0 solid rgba(255, 107, 30, 0.42) !important;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38), 0 0 0 3px rgba(255, 107, 30, 0.12), 0 0 24px rgba(255, 107, 30, 0.28) !important;
        }

        body > .mobile-menu .close-btn::before {
            content: "" !important;
            position: absolute !important;
            inset: -65% !important;
            background: radial-gradient(circle, rgba(255, 107, 30, 0.52) 0%, rgba(255, 107, 30, 0.24) 34%, rgba(255, 107, 30, 0.08) 52%, transparent 68%) !important;
            transform: scale(0) !important;
            opacity: 0 !important;
            transition: transform 0.55s ease, opacity 0.45s ease !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        body > .mobile-menu .close-btn::after {
            content: "" !important;
            position: absolute !important;
            top: -55% !important;
            left: -90% !important;
            width: 65% !important;
            height: 210% !important;
            opacity: 0 !important;
            transform: rotate(24deg) !important;
            background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 48%, transparent 100%) !important;
            transition: left 0.58s ease, opacity 0.38s ease !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        body > .mobile-menu .close-btn i,
        body > .mobile-menu .close-btn .icon {
            position: relative !important;
            z-index: 1 !important;
        }

        body > .mobile-menu .close-btn:hover::before {
            transform: scale(1.08) !important;
            opacity: 1 !important;
        }

        body > .mobile-menu .close-btn:hover::after {
            left: 125% !important;
            opacity: 1 !important;
        }

        body > .mobile-menu .close-btn:hover {
            transform: translateY(-2px) !important;
            border-color: rgba(255, 107, 30, 0.72) !important;
            background: linear-gradient(180deg, rgba(255, 107, 30, 0.18) 0%, rgba(18, 18, 22, 0.82) 100%) !important;
            box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32), 0 0 28px rgba(255, 107, 30, 0.18) !important;
            animation-duration: 1.8s !important;
        }