* {
     box-sizing: border-box;
 }



 :root {
     --dmking-orange: #ff9d18;
     --dmking-orange-dark: #ff741b;
     --dmking-navy: #102036;
     --dmking-text: #58677a;
     --dmking-border: #eee5d7;
     --team-orange: #ff7417;
     --team-yellow: #ffc526;
     --team-dark: #111111;
     --team-muted: #5e6470;
     --team-light: #f7f6f3;
 }



 body {
     margin: 0;
     font-family: 'Inter', sans-serif;
     color: var(--dmking-navy);
     overflow-x: hidden;
 }

 a {
     text-decoration: none;
 }

 img {
     display: block;
     max-width: 100%;
 }


 /* ================= HEADER ================= */

 .gt-header {
     position: sticky;
     top: 0;
     z-index: 1000;
     width: 100%;
     background: #fff;
     border-top: 1px solid #e1e5e8;
     border-bottom: 1px solid #e5e5e5;
 }

 .gt-header-inner {
     position: relative;
     max-width: 1500px;
     min-height: 96px;
     margin: auto;
     padding: 10px 25px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
 }

 /* LOGO */

 .gt-logo {
     display: flex;
     align-items: center;
     flex-shrink: 0;
 }

 .gt-logo img {
     display: block;
     width: 155px;
     height: 65px;
     object-fit: contain;
 }

 /* DESKTOP NAVIGATION */

 .gt-nav {
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 1;
     gap: 3px;
 }

 .gt-nav>a,
 .gt-services-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 15px 13px;
     border: 0;
     border-radius: 40px;
     background: transparent;
     color: #161616;
     font-family: inherit;
     font-size: 17px;
     font-weight: 400;
     line-height: 1.2;
     white-space: nowrap;
     cursor: pointer;
     transition: background .2s ease, color .2s ease;
 }

 .gt-nav>a:hover,
 .gt-services-btn:hover {
     background: #f3f3f3;
     color: #111;
 }

 .gt-nav>a.active {
     background: #101010;
     color: #fff;
 }

 .gt-chevron {
     font-size: 10px;
     transition: transform .2s ease;
 }

 .gt-services-btn[aria-expanded="true"] .gt-chevron {
     transform: rotate(180deg);
 }

 /* CTA BUTTON */

 .gt-cta {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     gap: 13px;
     min-height: 50px;
     padding: 0 24px;
     border-radius: 40px;
     background: linear-gradient(105deg, #ffca29 0%, #ffad19 48%, #ff6817 100%);
     color: #111;
     font-size: 15px;
     font-weight: 700;
     white-space: nowrap;
     box-shadow: 0 7px 22px rgba(255, 139, 20, .16);
     transition: .2s ease;
 }

 .gt-cta:hover {
     color: #111;
     box-shadow: 0 9px 26px rgba(255, 139, 20, .28);
     transform: translateY(-1px);
 }

 .gt-cta i {
     font-size: 13px;
 }

 /* HAMBURGER */

 .gt-toggle {
     display: none;
     width: 44px;
     height: 44px;
     align-items: center;
     justify-content: center;
     border: 1px solid #e5e5e5;
     border-radius: 10px;
     background: #fff;
     color: #111;
     font-size: 21px;
     cursor: pointer;
 }

 /* ================= MEGA MENU ================= */

 .gt-nav-dropdown {
     position: static;
 }

 /* Desktop menu is hidden until hover or keyboard focus */

 .gt-mega-menu {
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     padding: 25px 20px;
     background: #fff;
     border-top: 1px solid #eee;
     box-shadow: 0 18px 35px rgba(0, 0, 0, .10);
     display: none;
     z-index: 1001;
 }

 .gt-mega-menu.show {
     display: block;
 }

 .gt-mega-inner {
     width: 100%;
     max-width: 1360px;
     margin: auto;
 }

 .gt-mega-grid {
     display: grid;
     grid-template-columns: 1fr 1.65fr 1fr;
     gap: 28px;
 }

 .gt-mega-column {
     min-width: 0;
 }

 .gt-mega-heading {
     min-height: 48px;
     display: flex;
     align-items: center;
     gap: 10px;
     padding-bottom: 12px;
     margin-bottom: 10px;
     border-bottom: 1px solid #e4e4e4;
     color: #4c5563;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: .6px;
     line-height: 1.5;
 }

 .gt-tag {
     flex-shrink: 0;
     padding: 8px 10px;
     border-radius: 8px;
     background: linear-gradient(110deg, #ffca2b, #ff7518);
     color: #111;
     letter-spacing: 0;
 }

 .gt-service-list {
     display: flex;
     flex-direction: column;
     gap: 3px;
 }

 .gt-service-item {
     display: flex;
     align-items: center;
     gap: 11px;
     min-height: 54px;
     padding: 7px 9px;
     border-radius: 10px;
     color: #171717;
     font-size: 15px;
     line-height: 1.45;
     transition: background .2s, color .2s;
 }

 .gt-service-item:hover {
     background: #fff7e5;
     color: #e8750a;
 }

 .gt-service-icon {
     display: flex;
     flex: 0 0 37px;
     align-items: center;
     justify-content: center;
     width: 37px;
     height: 37px;
     border-radius: 11px;
     background: #fff0bd;
     color: #111;
     font-size: 15px;
 }

 .gt-service-item:hover .gt-service-icon {
     background: #ffdf80;
 }

 .gt-app-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 8px;
 }

 .gt-drawer-close,
 .gt-backdrop {
     display: none;
 }

 .gt-mobile-cta {
     display: none !important;
 }

 /* ================= DESKTOP HOVER FIX ================= */

 @media (min-width: 992px) {

     /* Hover on Services opens the menu */
     .gt-nav-dropdown:hover>.gt-mega-menu,
     .gt-nav-dropdown:focus-within>.gt-mega-menu {
         display: block;
     }

     /* Keep menu visible when cursor moves into the panel */
     .gt-mega-menu:hover {
         display: block;
     }

     .gt-nav-dropdown:hover>.gt-services-btn {
         background: #f3f3f3;
         color: #111;
     }
 }

 /* ================= TABLET ================= */

 @media (max-width: 1300px) and (min-width: 992px) {

     .gt-header-inner {
         gap: 10px;
         padding-left: 15px;
         padding-right: 15px;
     }

     .gt-logo img {
         width: 120px;
     }

     .gt-nav>a,
     .gt-services-btn {
         padding: 13px 8px;
         font-size: 14px;
     }

     .gt-cta {
         padding: 0 14px;
         font-size: 13px;
     }

     .gt-mega-grid {
         gap: 16px;
         grid-template-columns: 1fr 1.5fr 1fr;
     }

     .gt-mega-heading {
         font-size: 11px;
     }

     .gt-service-item {
         font-size: 13px;
         gap: 7px;
     }
 }

 /* ================= MOBILE RIGHT DRAWER ================= */

 @media (max-width: 991px) {

     .gt-header-inner {
         min-height: 76px;
         padding: 10px 16px;
         gap: 12px;
     }

     .gt-logo img {
         width: 135px;
         height: 48px;
     }

     .gt-toggle {
         display: inline-flex;
         margin-left: auto;
     }

     .gt-desktop-cta {
         display: none;
     }

     .gt-nav {
         position: fixed;
         top: 0;
         right: 0;
         left: auto;
         width: min(390px, 88vw);
         height: 100vh;
         height: 100dvh;
         padding: 76px 16px 25px;
         padding-bottom: max(25px, env(safe-area-inset-bottom));
         display: flex;
         flex-direction: column;
         align-items: stretch;
         justify-content: flex-start;
         gap: 5px;
         overflow-x: hidden;
         overflow-y: auto;
         overscroll-behavior: contain;
         background: #fff;
         box-shadow: -15px 0 40px rgba(0, 0, 0, .12);
         transform: translate3d(105%, 0, 0);
         visibility: hidden;
         pointer-events: none;
         transition: transform .3s ease, visibility .3s ease;
         z-index: 10002;
     }

     .gt-nav.drawer-open {
         transform: translate3d(0, 0, 0);
         visibility: visible;
         pointer-events: auto;
     }

     .gt-nav>a,
     .gt-services-btn {
         display: flex;
         width: 100%;
         min-height: 46px;
         align-items: center;
         justify-content: space-between;
         padding: 13px 14px;
         border-radius: 10px;
         font-size: 16px;
         text-align: left;
     }

     .gt-nav>a.active {
         justify-content: flex-start;
     }

     .gt-nav-dropdown {
         width: 100%;
         flex-shrink: 0;
     }

     .gt-mega-menu {
         position: static;
         width: 100%;
         max-height: none;
         overflow: visible;
         padding: 0;
         margin-top: 5px;
         border: 0;
         box-shadow: none;
         display: none;
     }

     /* Mobile menu opens only after Services click */
     .gt-mega-menu.show {
         display: block;
     }

     .gt-mega-inner {
         width: 100%;
     }

     .gt-mega-grid {
         grid-template-columns: 1fr;
         gap: 18px;
     }

     .gt-mega-heading {
         min-height: 40px;
         font-size: 11px;
         letter-spacing: .3px;
     }

     .gt-tag {
         padding: 7px 9px;
         font-size: 11px;
     }

     .gt-service-item {
         min-height: 44px;
         padding: 6px;
         gap: 9px;
         font-size: 13px;
     }

     .gt-service-icon {
         width: 32px;
         height: 32px;
         flex-basis: 32px;
         font-size: 13px;
     }

     .gt-app-grid {
         grid-template-columns: 1fr;
         gap: 0;
     }

     .gt-drawer-close {
         position: absolute;
         top: 15px;
         right: 15px;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 40px;
         height: 40px;
         border: 1px solid #e8e8e8;
         border-radius: 10px;
         background: #fff;
         color: #111;
         font-size: 20px;
         cursor: pointer;
     }

     .gt-backdrop {
         display: block;
         position: fixed;
         inset: 0;
         background: rgba(0, 0, 0, .4);
         opacity: 0;
         visibility: hidden;
         pointer-events: none;
         transition: opacity .3s ease, visibility .3s ease;
         z-index: 10001;
     }

     /* .gt-backdrop.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    } */

     .gt-mobile-cta {
         display: flex !important;
         width: 100%;
         min-height: 48px;
         margin-top: 12px;
         justify-content: center !important;
         border-radius: 30px !important;
         background: linear-gradient(105deg, #ffca29, #ffad19, #ff6817) !important;
     }

     /* Disable desktop hover behaviour on mobile */
     .gt-nav-dropdown:hover>.gt-mega-menu {
         display: none;
     }

     .gt-nav-dropdown:hover>.gt-mega-menu.show {
         display: block;
     }
 }

 @media (max-width: 480px) {

     .gt-nav {
         width: 90vw;
         padding-left: 12px;
         padding-right: 12px;
     }

     .gt-mega-heading {
         gap: 7px;
     }

     .gt-mega-grid {
         gap: 15px;
     }
 }




 /* ============================== HERO BANNER ============================== */

 .dmking-banner {
     position: relative;
     z-index: 2;
     isolation: isolate;
     overflow: visible;
     padding: 55px 0 0;
     margin-bottom: 0;
     background:
         radial-gradient(ellipse at 90% 12%, rgba(255, 224, 143, .58), transparent 35%),
         linear-gradient(125deg, #fffefa 0%, #fff9e7 60%, #fff4cf 100%);
 }

 .dmking-hero-inner {
     position: relative;
     width: 100%;
     max-width: 1280px;
     margin: 0 auto;
     padding: 0 24px;
 }

 .dmking-hero-row {
     align-items: center;
     padding-bottom: 150px;
 }

 .dmking-hero-content {
     position: relative;
     z-index: 3;
 }

 /* LABEL */

 .dmking-hero-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 10px 15px;
     margin-bottom: 23px;
     border: 1px solid #e9dfcc;
     border-radius: 50px;
     background: rgba(255, 255, 255, .85);
     color: #4b5668;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1px;
 }

 .dmking-label-dot {
     width: 9px;
     height: 9px;
     flex-shrink: 0;
     border-radius: 50%;
     background: var(--dmking-orange);
     box-shadow: 0 0 0 5px #fff0cf;
 }

 /* HEADING */

 .dmking-hero-title {
     margin: 0 0 22px;
     color: var(--dmking-navy);
     font-size: clamp(43px, 5vw, 68px);
     line-height: 1.04;
     font-weight: 900;
     letter-spacing: -3.2px;
 }

 .dmking-highlight {
     color: var(--dmking-orange-dark);
 }

 .dmking-title-underline {
     position: relative;
     display: inline-block;
     isolation: isolate;
 }

 .dmking-title-underline::before {
     content: "";
     position: absolute;
     left: -3px;
     right: 4px;
     bottom: 5px;
     height: 12px;
     z-index: -1;
     border-radius: 4px;
     background: #ffe5a1;
     transform: rotate(-1.5deg);
 }

 .dmking-hero-description {
     max-width: 510px;
     margin-bottom: 25px;
     color: var(--dmking-text);
     font-size: 14px;
     line-height: 1.9;
 }

 /* BUTTONS */

 .dmking-hero-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
 }

 .dmking-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 49px;
     padding: 0 21px;
     border: 1px solid transparent;
     border-radius: 50px;
     font-size: 12px;
     font-weight: 800;
     transition: .3s ease;
 }

 .dmking-btn-main {
     color: #182030;
     background: linear-gradient(110deg, #ffd04d, #ff9d22);
     box-shadow: 0 9px 22px rgba(255, 157, 24, .2);
 }

 .dmking-btn-main:hover {
     color: #182030;
     transform: translateY(-3px);
     box-shadow: 0 12px 26px rgba(255, 157, 24, .3);
 }

 .dmking-btn-outline {
     color: var(--dmking-navy);
     border-color: #e4dcc9;
     background: #fff;
 }

 .dmking-btn-outline:hover {
     color: var(--dmking-orange-dark);
     border-color: var(--dmking-orange);
     transform: translateY(-2px);
 }

 .dmking-whatsapp-link {
     margin-top: 12px;
 }

 .dmking-whatsapp-link i {
     color: #1caa64;
     font-size: 17px;
 }

 /* RATING */

 .dmking-hero-rating {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 22px;
     color: var(--dmking-text);
     font-size: 11px;
     line-height: 1.7;
 }

 .dmking-rating-stars {
     color: #ffa51e;
     font-size: 16px;
     letter-spacing: 2px;
 }

 .dmking-hero-rating strong {
     color: var(--dmking-navy);
 }

 /* ==============================
           IMAGE COLLAGE
        ============================== */

 .dmking-japan-collage {
     position: relative;
     width: 100%;
     max-width: 555px;
     height: 490px;
     margin: 0 auto;
 }

 .dmking-collage-main {
     position: absolute;
     top: 15px;
     left: 0;
     width: 58%;
     height: 355px;
     overflow: hidden;
     border-radius: 20px;
     box-shadow: 0 18px 35px rgba(27, 37, 47, .13);
 }

 .dmking-collage-main img,
 .dmking-collage-small img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .5s ease;
 }

 .dmking-collage-main:hover img,
 .dmking-collage-small:hover img {
     transform: scale(1.06);
 }

 .dmking-collage-bottom {
     position: absolute;
     top: 382px;
     left: 0;
     width: 58%;
     height: 108px;
     overflow: hidden;
     border-radius: 17px;
     box-shadow: 0 12px 25px rgba(27, 37, 47, .12);
 }

 .dmking-collage-right-top {
     position: absolute;
     top: 28px;
     right: 0;
     width: 39%;
     height: 155px;
 }

 .dmking-collage-right-middle {
     position: absolute;
     top: 195px;
     right: 0;
     width: 39%;
     height: 165px;
 }

 .dmking-collage-right-bottom {
     position: absolute;
     top: 372px;
     right: 0;
     width: 39%;
     height: 118px;
 }

 .dmking-collage-small {
     overflow: hidden;
     border-radius: 17px;
     box-shadow: 0 12px 28px rgba(27, 37, 47, .12);
 }

 /* FLOATING BADGES */

 .dmking-collage-badge {
     position: absolute;
     z-index: 5;
     display: flex;
     align-items: center;
     gap: 10px;
     max-width: calc(100% - 8px);
     padding: 11px 13px;
     border: 1px solid rgba(230, 225, 214, .85);
     border-radius: 14px;
     background: rgba(255, 255, 255, .97);
     box-shadow: 0 12px 28px rgba(25, 36, 49, .12);
 }

 .dmking-badge-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 37px;
     height: 37px;
     flex-shrink: 0;
     color: var(--dmking-navy);
     background: linear-gradient(135deg, #ffda62, #ffad24);
     border-radius: 50%;
     font-size: 14px;
 }

 .dmking-collage-badge strong {
     display: block;
     color: var(--dmking-navy);
     font-size: 11px;
     white-space: nowrap;
 }

 .dmking-collage-badge small {
     display: block;
     margin-top: 4px;
     color: #718096;
     font-size: 9px;
     white-space: nowrap;
 }

 .dmking-badge-flight {
     top: 245px;
     left: -15px;
 }

 .dmking-badge-destination {
     top: 18px;
     right: -12px;
 }

 .dmking-badge-custom {
     top: 310px;
     right: -18px;
 }

 .dmking-badge-support {
     right: 30px;
     bottom: -4px;
 }

 /* ==============================
           ABSOLUTE SERVICE BANNER
        ============================== */

 .dmking-services-wrap {
     position: absolute;
     z-index: 20;
     left: 50%;
     bottom: 0;
     width: calc(100% - 48px);
     max-width: 1232px;
     margin: 0;
     transform: translate(-50%, 70%);
 }

 .dmking-services-panel {
     position: relative;
     width: 100%;
     padding: 22px 17px;
     border: 1px solid var(--dmking-border);
     border-radius: 8px;
     background: #fff;
     box-shadow: 0 20px 55px rgba(16, 32, 54, .15);
 }

 .dmking-service-item {
     display: block;
     height: 100%;
     min-height: 150px;
     padding: 14px 11px 11px;
     border: 1px solid #eeeae1;
     border-radius: 12px;
     background: #fff;
     transition: .3s ease;
 }

 .dmking-service-item:hover {
     border-color: #ffbd63;
     background: #fffaf0;
     transform: translateY(-5px);
     box-shadow: 0 10px 24px rgba(16, 32, 54, .07);
 }

 .dmking-service-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     margin-bottom: 12px;
     color: var(--dmking-navy);
     background: #fff0c4;
     border-radius: 11px;
     font-size: 16px;
     transition: .3s ease;
 }

 .dmking-service-item:hover .dmking-service-icon {
     color: #fff;
     background: var(--dmking-orange);
 }

 .dmking-service-item h3 {
     margin: 0 0 7px;
     color: var(--dmking-navy);
     font-size: 11px;
     font-weight: 800;
     line-height: 1.5;
 }

 .dmking-service-item p {
     margin: 0;
     color: #69778a;
     font-size: 10px;
     line-height: 1.65;
 }

 .dmking-service-arrow {
     display: block;
     margin-top: 9px;
     color: var(--dmking-orange-dark);
     text-align: right;
     font-size: 11px;
 }

 /* Space reserved for absolute service panel */
 .dmking-after-banner {
     position: relative;
     z-index: 1;
     min-height: 170px;
     padding-top: 115px;
     background: #fff;
 }

 /* ==============================
           TABLET
        ============================== */

 @media (max-width: 991px) {
     .dmking-banner {
         padding-top: 38px;
     }

     .dmking-hero-row {
         padding-bottom: 200px;
     }

     .dmking-hero-title {
         font-size: clamp(43px, 6.4vw, 62px);
         letter-spacing: -2.5px;
     }

     .dmking-japan-collage {
         margin-top: 20px;
     }

     .dmking-services-wrap {
         width: calc(100% - 40px);
     }

     .dmking-services-panel {
         padding: 17px 12px;
     }

     .dmking-service-item {
         min-height: 140px;
         padding: 12px 10px;
     }

     .dmking-after-banner {
         min-height: 210px;
         padding-top: 100px;
     }
 }

 /* ==============================
           MOBILE
        ============================== */

 @media (max-width: 575px) {
     .dmking-banner {
         padding-top: 27px;
     }

     .dmking-hero-inner {
         padding: 0 16px;
     }

     .dmking-hero-label {
         gap: 8px;
         padding: 8px 11px;
         margin-bottom: 19px;
         font-size: 9px;
         letter-spacing: .45px;
     }

     .dmking-label-dot {
         width: 8px;
         height: 8px;
     }

     .dmking-hero-title {
         margin-bottom: 18px;
         font-size: clamp(37px, 10vw, 45px);
         line-height: 1.07;
         letter-spacing: -2px;
     }

     .dmking-title-underline::before {
         bottom: 4px;
         height: 8px;
     }

     .dmking-hero-description {
         margin-bottom: 19px;
         font-size: 12px;
         line-height: 1.85;
     }

     .dmking-hero-actions {
         gap: 8px;
     }

     .dmking-btn {
         min-height: 44px;
         gap: 7px;
         padding: 0 13px;
         font-size: 10px;
     }

     .dmking-hero-rating {
         gap: 6px;
         margin-top: 18px;
         font-size: 9px;
     }

     .dmking-rating-stars {
         font-size: 13px;
     }

     .dmking-japan-collage {
         height: 365px;
         margin-top: 16px;
     }

     .dmking-collage-main {
         top: 12px;
         height: 255px;
         border-radius: 13px;
     }

     .dmking-collage-bottom {
         top: 278px;
         height: 77px;
         border-radius: 11px;
     }

     .dmking-collage-right-top {
         top: 20px;
         height: 100px;
     }

     .dmking-collage-right-middle {
         top: 131px;
         height: 112px;
     }

     .dmking-collage-right-bottom {
         top: 255px;
         height: 100px;
     }

     .dmking-collage-small {
         border-radius: 11px;
     }

     .dmking-collage-badge {
         gap: 6px;
         padding: 7px 8px;
         border-radius: 9px;
     }

     .dmking-badge-icon {
         width: 26px;
         height: 26px;
         font-size: 10px;
     }

     .dmking-collage-badge strong {
         font-size: 8px;
     }

     .dmking-collage-badge small {
         margin-top: 3px;
         font-size: 7px;
     }

     .dmking-badge-flight {
         top: 182px;
         left: -4px;
     }

     .dmking-badge-destination {
         top: 4px;
         right: -3px;
     }

     .dmking-badge-custom {
         top: 218px;
         right: -3px;
     }

     .dmking-badge-support {
         right: 4px;
         bottom: -4px;
     }

     .dmking-hero-row {
         padding-bottom: 340px;
     }

     .dmking-services-wrap {
         width: calc(100% - 24px);
         bottom: 0;
         transform: translate(-50%, 50%);
     }

     .dmking-services-panel {
         padding: 12px 8px;
         border-radius: 13px;
     }

     .dmking-services-panel .row {
         --bs-gutter-x: 8px;
         --bs-gutter-y: 8px;
     }

     .dmking-service-item {
         min-height: 132px;
         padding: 10px 8px;
         border-radius: 9px;
     }

     .dmking-service-icon {
         width: 33px;
         height: 33px;
         margin-bottom: 9px;
         border-radius: 9px;
         font-size: 13px;
     }

     .dmking-service-item h3 {
         margin-bottom: 5px;
         font-size: 10px;
     }

     .dmking-service-item p {
         font-size: 9px;
         line-height: 1.55;
     }

     .dmking-service-arrow {
         margin-top: 7px;
         font-size: 10px;
     }

     .dmking-after-banner {
         min-height: 270px;
         padding-top: 100px;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     *,
     *::before,
     *::after {
         scroll-behavior: auto !important;
         transition-duration: .01ms !important;
     }
 }





 /* <!-- ============  Compalete Work =============== --> */


 .stats-section {
     width: 100%;
     background: linear-gradient(105deg,
             #ffc52d 0%,
             #ffab20 45%,
             #ff6b12 100%);
     padding: 0;
     overflow: hidden;
 }


 .stats-item {
     min-height: 120px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
     padding: 25px 30px;
     border-right: 1px solid rgba(0, 0, 0, 0.13);
 }

 .stats-item:last-child {
     border-right: none;
 }

 .stats-icon {
     width: 70px;
     height: 70px;
     min-width: 70px;
     background: #080808;
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #ffc400;
     font-size: 26px;
 }

 .stats-content h2 {
     font-size: 25px;
     line-height: 1.2;
     font-weight: 800;
     color: #050505;
     letter-spacing: -1.5px;
     margin-bottom: 5px;
     white-space: nowrap;
 }

 .stats-content p {
     font-size: 17px;
     font-weight: 400;
     color: #080808;
     line-height: 1.6;
     margin: 0;
 }

 /* Tablet */
 @media (max-width: 991px) {
     .stats-item {
         min-height: 100px;
         padding: 22px 15px;
         gap: 14px;
     }

     .stats-icon {
         width: 58px;
         height: 58px;
         min-width: 58px;
         border-radius: 16px;
         font-size: 22px;
     }

     .stats-content h2 {
         font-size: 29px;
         letter-spacing: -1px;
     }

     .stats-content p {
         font-size: 14px;
     }
 }

 /* Mobile */
 @media (max-width: 767px) {
     .stats-item {
         min-height: 100px;
         justify-content: flex-start;
         padding: 20px 15px;
         border-right: none;
         border-bottom: 1px solid rgba(0, 0, 0, 0.13);
     }

     .stats-item:last-child {
         border-bottom: none;
     }

     .stats-content h2 {
         font-size: 30px;
     }

     .stats-content p {
         font-size: 15px;
     }
 }

 @media (max-width: 380px) {
     .stats-item {
         gap: 12px;
         padding: 18px 12px;
     }

     .stats-icon {
         width: 54px;
         height: 54px;
         min-width: 54px;
     }

     .stats-content h2 {
         font-size: 26px;
     }

     .stats-content p {
         font-size: 13px;
     }
 }





 /*===================  FEATURED PROJECT ====================== */
 .featured-project-section {
     padding: 35px 20px;
     background: #f7f7f7;
 }

 .featured-project-card {
     position: relative;
     /* max-width: 1450px; */
     margin: auto;
     padding: 55px 45px;
     overflow: hidden;
     background:
         radial-gradient(circle at 85% 10%, rgba(255, 139, 25, .07), transparent 30%),
         linear-gradient(135deg, #111110, #1c1a17);
     border-radius: 0 0 36px 36px;
     box-shadow: 0 25px 70px rgba(0, 0, 0, .12);
 }

 .featured-project-card::before {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     right: -170px;
     bottom: -180px;
     border: 1px solid rgba(255, 171, 36, .25);
     border-radius: 50%;
     pointer-events: none;
 }

 .featured-project-card::after {
     content: "";
     position: absolute;
     width: 230px;
     height: 230px;
     right: -135px;
     bottom: -145px;
     border: 1px solid rgba(255, 171, 36, .18);
     border-radius: 50%;
     pointer-events: none;
 }

 .featured-project-card .row {
     position: relative;
     z-index: 1;
 }

 /* WEBSITE PREVIEW */
 .project-preview-wrap {
     padding: 15px 10px;
 }

 .browser-window {
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(255, 255, 255, .14);
     border-radius: 22px;
     box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
     transition: transform .4s ease, box-shadow .4s ease;
 }

 .browser-window:hover {
     transform: translateY(-6px);
     box-shadow: 0 32px 70px rgba(0, 0, 0, .45);
 }

 .browser-topbar {
     height: 42px;
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 0 15px;
     background: #292927;
 }

 .browser-dot {
     width: 11px;
     height: 11px;
     display: inline-block;
     border-radius: 50%;
     background: #626262;
 }

 .browser-dot:first-child {
     background: #ff6b19;
 }

 .browser-address {
     margin-left: 12px;
     color: #f5f5f5;
     font-size: 13px;
     text-decoration: underline;
     text-underline-offset: 3px;
 }

 .project-preview-image {
     width: 100%;
     height: 390px;
     display: block;
     object-fit: cover;
     object-position: top center;
 }

 /* RIGHT CONTENT */
 .project-content {
     padding: 0 10px 0 25px;
 }

 .project-badge {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     padding: 9px 17px;
     margin-bottom: 23px;
     color: #111;
     background: linear-gradient(100deg, #ffca28, #ff7117);
     border-radius: 30px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 1px;
     text-transform: uppercase;
 }

 .project-logo {
     width: 175px;
     height: 76px;
     padding: 12px 16px;
     margin-bottom: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     border-radius: 16px;
 }

 .project-logo img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
 }

 .project-title {
     max-width: 650px;
     margin-bottom: 17px;
     color: #fff;
     font-size: clamp(27px, 2.5vw, 37px);
     font-weight: 800;
     line-height: 1.24;
     letter-spacing: -1.2px;
 }

 .project-description {
     color: #d1d1d1;
     font-size: 16px;
     line-height: 1.95;
     margin-bottom: 22px;
 }

 .project-description strong {
     color: #fff;
     font-weight: 700;
 }

 /* FEATURES */
 .project-features {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 13px 20px;
     margin-bottom: 30px;
 }

 .project-feature {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     color: #ededed;
     font-size: 14px;
     line-height: 1.7;
 }

 .project-feature i {
     padding-top: 5px;
     color: #ffbf22;
     font-size: 13px;
 }

 /* BUTTONS */
 .project-actions {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 20px;
 }

 .project-btn-primary {
     min-height: 54px;
     padding: 15px 26px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 13px;
     border-radius: 50px;
     color: #111;
     background: linear-gradient(100deg, #ffca28, #ff7117);
     text-decoration: none;
     font-size: 14px;
     font-weight: 800;
     transition: all .3s ease;
 }

 .project-btn-primary:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(255, 125, 24, .25);
 }

 .project-btn-secondary {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     font-weight: 700;
     padding: 8px 0;
     border-bottom: 2px solid #ff801b;
     transition: color .3s ease;
 }

 .project-btn-secondary:hover {
     color: #ffbf22;
 }

 /* TABLET */
 @media (max-width: 991px) {
     .featured-project-section {
         padding: 25px 15px;
     }

     .featured-project-card {
         padding: 35px 25px;
         border-radius: 0 0 28px 28px;
     }

     .project-preview-wrap {
         padding: 10px 0 30px;
     }

     .project-content {
         padding: 0;
     }

     .project-preview-image {
         height: 340px;
     }

     .project-title {
         font-size: 31px;
     }
 }

 /* MOBILE */
 @media (max-width: 575px) {
     .featured-project-section {
         padding: 15px 10px;
     }

     .featured-project-card {
         padding: 25px 17px 35px;
         border-radius: 0 0 24px 24px;
     }

     .browser-window {
         border-radius: 15px;
     }

     .browser-topbar {
         height: 36px;
     }

     .browser-address {
         font-size: 11px;
     }

     .project-preview-image {
         height: 230px;
     }

     .project-badge {
         margin-bottom: 18px;
         font-size: 10px;
         padding: 8px 13px;
     }

     .project-logo {
         width: 145px;
         height: 65px;
         margin-bottom: 18px;
     }

     .project-title {
         font-size: 27px;
         letter-spacing: -.8px;
         line-height: 1.3;
     }

     .project-description {
         font-size: 14px;
         line-height: 1.8;
     }

     .project-features {
         grid-template-columns: 1fr;
         gap: 11px;
         margin-bottom: 25px;
     }

     .project-actions {
         align-items: flex-start;
         flex-direction: column;
         gap: 14px;
     }

     .project-btn-primary {
         width: 100%;
         padding: 14px 18px;
     }

     .project-btn-secondary {
         font-size: 13px;
     }
 }





 /* ================ ABOUT SECTION ======================= */

 .about-section {
     padding: 85px 0;
     overflow: hidden;
     background:
         radial-gradient(circle at 90% 40%, rgba(255, 130, 25, .055), transparent 28%),
         #fff;
 }

 .about-container {
     max-width: 1250px;
     margin: auto;
 }

 /* LEFT CONTENT */
 .about-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 8px 15px;
     margin-bottom: 23px;
     border: 1px solid #e3e3e3;
     border-radius: 30px;
     background: #f8f8f8;
     color: #333;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 2px;
 }

 .about-label span {
     width: 9px;
     height: 9px;
     display: inline-block;
     border-radius: 50%;
     background: #ff841a;
     box-shadow: 0 0 0 4px #ffebd4;
 }

 .about-heading {
     max-width: 570px;
     margin-bottom: 25px;
     font-size: clamp(38px, 4.2vw, 54px);
     font-weight: 800;
     line-height: 1.06;
     letter-spacing: -2.5px;
     color: #111;
 }

 .about-heading span {
     color: #c83e0a;
 }

 .about-description {
     max-width: 570px;
     color: #414141;
     font-size: 18px;
     line-height: 1.85;
     margin-bottom: 19px;
 }

 .about-subdescription {
     max-width: 570px;
     color: #202020;
     font-size: 15px;
     line-height: 1.85;
     margin-bottom: 25px;
 }

 /* CHECK LIST */
 .about-points {
     list-style: none;
     padding: 0;
     margin: 0 0 32px;
 }

 .about-points li {
     display: flex;
     align-items: flex-start;
     gap: 11px;
     margin-bottom: 14px;
     color: #222;
     font-size: 15px;
     font-weight: 600;
     line-height: 1.6;
 }

 .about-points li i {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     width: 19px;
     height: 19px;
     margin-top: 2px;
     background: #ffc52b;
     color: #151515;
     font-size: 10px;
     border-radius: 50%;
 }

 /* BUTTONS */
 .about-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 13px;
 }

 .about-btn-primary,
 .about-btn-secondary {
     min-height: 49px;
     padding: 13px 23px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 11px;
     border-radius: 30px;
     text-decoration: none;
     font-size: 13px;
     font-weight: 700;
     transition: all .3s ease;
 }

 .about-btn-primary {
     color: #111;
     background: linear-gradient(100deg, #ffca29, #ff7418);
     box-shadow: 0 8px 22px rgba(255, 130, 20, .14);
 }

 .about-btn-primary:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 12px 25px rgba(255, 130, 20, .25);
 }

 .about-btn-secondary {
     color: #222;
     border: 1px solid #dedede;
     background: #fff;
 }

 .about-btn-secondary:hover {
     border-color: #ff9a24;
     color: #bd400d;
     transform: translateY(-3px);
 }

 /* RIGHT IMAGE */
 .about-visual {
     position: relative;
     padding: 15px 0 45px;
 }

 .about-image-wrap {
     height: 420px;
     overflow: hidden;
     border-radius: 30px;
     background: #eee;
     box-shadow: 0 25px 60px rgba(0, 0, 0, .11);
 }

 .about-image-wrap img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     object-position: center;
     transition: transform .6s ease;
 }

 .about-image-wrap:hover img {
     transform: scale(1.035);
 }

 /* FLOATING SERVICE BAR */
 .about-services {
     position: absolute;
     bottom: 0;
     left: 4%;
     width: 92%;
     padding: 20px 17px;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 12px;
     background: rgba(255, 255, 255, .98);
     border: 1px solid rgba(0, 0, 0, .04);
     border-radius: 23px;
     box-shadow: 0 18px 45px rgba(0, 0, 0, .13);
 }

 .about-service-item {
     display: flex;
     align-items: center;
     gap: 10px;
     min-width: 0;
 }

 .about-service-icon {
     width: 39px;
     height: 39px;
     min-width: 39px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     background: linear-gradient(135deg, #ffca29, #ff7418);
     color: #161616;
     font-size: 15px;
 }

 .about-service-text strong {
     display: block;
     color: #161616;
     font-size: 12px;
     font-weight: 800;
     margin-bottom: 3px;
 }

 .about-service-text small {
     display: block;
     color: #686868;
     font-size: 10px;
     line-height: 1.45;
 }

 /* TABLET */
 @media (max-width: 991px) {
     .about-section {
         padding: 65px 0;
     }

     .about-heading {
         font-size: 43px;
     }

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

     .about-visual {
         margin-top: 25px;
     }

     .about-image-wrap {
         height: 380px;
     }

     .about-services {
         gap: 9px;
         padding: 17px 12px;
     }

     .about-service-item {
         flex-direction: column;
         align-items: flex-start;
         gap: 8px;
     }
 }

 /* MOBILE */
 @media (max-width: 575px) {
     .about-section {
         padding: 48px 0;
     }

     .about-container {
         padding-left: 19px;
         padding-right: 19px;
     }

     .about-label {
         margin-bottom: 19px;
         font-size: 10px;
     }

     .about-heading {
         font-size: 39px;
         letter-spacing: -1.8px;
         margin-bottom: 20px;
     }

     .about-description {
         font-size: 15px;
         line-height: 1.8;
     }

     .about-subdescription {
         font-size: 14px;
         line-height: 1.8;
     }

     .about-points li {
         font-size: 13px;
     }

     .about-actions {
         flex-direction: column;
     }

     .about-btn-primary,
     .about-btn-secondary {
         width: 100%;
     }

     .about-visual {
         margin-top: 30px;
         padding-bottom: 25px;
     }

     .about-image-wrap {
         height: 300px;
         border-radius: 22px;
     }

     .about-services {
         position: relative;
         left: auto;
         bottom: auto;
         width: 100%;
         margin-top: -15px;
         padding: 17px 13px;
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 18px 12px;
         border-radius: 19px;
     }

     .about-service-item {
         flex-direction: row;
         align-items: center;
         gap: 9px;
     }

     .about-service-icon {
         width: 35px;
         height: 35px;
         min-width: 35px;
         font-size: 13px;
         border-radius: 10px;
     }

     .about-service-text strong {
         font-size: 11px;
     }

     .about-service-text small {
         font-size: 9px;
     }
 }




 /* <!-- ===================== Service Section ====================== -->   */
 .web-services {
     padding: 75px 0 90px;
     background: #f5f5f3;
     overflow: hidden;
 }

 /* .web-services .container {
     max-width: 1200px;
 } */

 /* SECTION HEADING */
 .services-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 7px 14px;
     border: 1px solid #e2e2df;
     border-radius: 50px;
     background: #fff;
     color: #333;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.8px;
     margin-bottom: 22px;
 }

 .services-label span {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: #ff8418;
     box-shadow: 0 0 0 4px #ffedd9;
 }

 .services-heading {
     max-width: 850px;
     margin: 0 auto 22px;
     font-size: clamp(36px, 4.2vw, 54px);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: -2.5px;
     color: #111;
 }

 .services-heading span {
     color: #c9410b;
 }

 .services-subtitle {
     max-width: 760px;
     margin: 0 auto 55px;
     color: #444;
     font-size: 18px;
     line-height: 1.85;
 }

 /* SERVICE CARD */
 .web-service-card {
     height: 100%;
     position: relative;
     background: #fff;
     border: 1px solid #eaeae7;
     border-radius: 25px;
     overflow: hidden;
     box-shadow: 0 8px 25px rgba(0, 0, 0, .035);
     transition: transform .35s ease, box-shadow .35s ease;
 }

 .web-service-card:hover {
     transform: translateY(-9px);
     box-shadow: 0 22px 45px rgba(0, 0, 0, .10);
 }

 /* IMAGE */
 .web-service-image {
     position: relative;
     height: 250px;
     overflow: hidden;
     background: #eaeaea;
 }

 .web-service-image img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     object-position: center;
     transition: transform .6s ease;
 }

 .web-service-card:hover .web-service-image img {
     transform: scale(1.06);
 }

 /* FLOATING ICON */
 .web-service-icon {
     position: relative;
     width: 53px;
     height: 53px;
     margin-top: -27px;
     margin-left: 22px;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 4px solid #fff;
     border-radius: 16px;
     background: linear-gradient(135deg, #ffcb35, #ff7417);
     color: #111;
     font-size: 19px;
     box-shadow: 0 6px 15px rgba(255, 115, 20, .2);
 }

 /* CARD CONTENT */
 .web-service-content {
     padding: 12px 23px 25px;
 }

 .web-service-content h3 {
     font-size: 22px;
     font-weight: 800;
     line-height: 1.35;
     letter-spacing: -.7px;
     margin-bottom: 10px;
     color: #111;
 }

 .web-service-tagline {
     color: #c9400b;
     font-size: 13px;
     font-weight: 600;
     line-height: 1.7;
     margin-bottom: 8px;
 }

 .web-service-content p {
     color: #666;
     font-size: 14px;
     line-height: 1.8;
     margin-bottom: 17px;
 }

 .web-service-link {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: #c9400b;
     text-decoration: none;
     font-size: 13px;
     font-weight: 700;
     transition: gap .3s ease;
 }

 .web-service-link:hover {
     color: #111;
     gap: 14px;
 }

 .web-service-link i {
     font-size: 12px;
 }

 /* RESPONSIVE */
 @media (max-width: 991px) {
     .web-services {
         padding: 60px 0 70px;
     }

     .services-subtitle {
         margin-bottom: 38px;
         font-size: 16px;
     }

     .web-service-image {
         height: 220px;
     }

     .web-service-content {
         padding-left: 18px;
         padding-right: 18px;
     }

     .web-service-content h3 {
         font-size: 19px;
     }
 }

 @media (max-width: 575px) {
     .web-services {
         padding: 48px 0 55px;
     }

     .services-heading {
         font-size: 36px;
         letter-spacing: -1.6px;
     }

     .services-subtitle {
         font-size: 15px;
         line-height: 1.8;
         margin-bottom: 30px;
     }

     .services-label {
         font-size: 9px;
         letter-spacing: 1.2px;
     }

     .web-service-image {
         height: 235px;
     }

     .web-service-content h3 {
         font-size: 21px;
     }

     .web-service-content {
         padding: 12px 20px 24px;
     }
 }




 /* SERVICES SECTION */
 .services-directory {
     padding: 55px 20px;
     background: #f5f5f3;
 }



 .services-panel {
     background: #fff;
     padding: 45px 48px 50px;
     border: 1px solid #eeeeec;
     border-radius: 34px;
     box-shadow: 0 18px 55px rgba(0, 0, 0, 0.035);
 }

 /* TOP HEADER */
 .services-topbar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 25px;
     margin-bottom: 34px;
 }

 .services-main-title {
     font-size: clamp(23px, 2vw, 30px);
     font-weight: 750;
     letter-spacing: -1px;
     line-height: 1.4;
     margin: 0;
     color: #111;
 }

 .services-main-title span {
     color: #c9440e;
 }

 .services-explore-btn {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 17px;
     flex-shrink: 0;
     padding: 17px 27px;
     border: 2px solid #e8e8e8;
     border-radius: 50px;
     background: #fff;
     color: #111;
     text-decoration: none;
     font-size: 15px;
     font-weight: 600;
     transition: all .3s ease;
 }

 .services-explore-btn:hover {
     background: #111;
     border-color: #111;
     color: #fff;
     transform: translateY(-2px);
 }

 .services-explore-btn i {
     transition: transform .3s ease;
 }

 .services-explore-btn:hover i {
     transform: translateX(4px);
 }

 /* CATEGORY COLUMNS */
 .service-category {
     height: 100%;
     padding: 0 18px;
     border-right: 1px solid #f0f0f0;
 }

 .service-category:first-child {
     padding-left: 0;
 }

 .service-category:last-child {
     padding-right: 0;
     border-right: none;
 }

 /* CATEGORY HEADING */
 .category-heading {
     min-height: 53px;
     display: flex;
     align-items: center;
     gap: 11px;
     padding-bottom: 13px;
     margin-bottom: 15px;
     border-bottom: 1px solid #e4e4e4;
 }

 .category-badge {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     min-width: 63px;
     height: 40px;
     padding: 0 11px;
     flex-shrink: 0;
     border-radius: 10px;
     background: linear-gradient(115deg, #ffca2c, #ff7418);
     color: #111;
     font-size: 14px;
     font-weight: 800;
     letter-spacing: .5px;
 }

 .category-title {
     color: #555;
     font-size: 13px;
     line-height: 1.7;
     font-weight: 700;
     letter-spacing: 1.1px;
     text-transform: uppercase;
     margin: 0;
 }

 /* SERVICE LINKS */
 .service-links {
     display: flex;
     flex-direction: column;
     gap: 0;
 }

 .service-link {
     display: flex;
     align-items: center;
     gap: 14px;
     padding: 11px 2px;
     color: #151515;
     text-decoration: none;
     font-size: 16px;
     font-weight: 500;
     line-height: 1.5;
     border-radius: 8px;
     transition: all .25s ease;
 }

 .service-link i {
     width: 20px;
     min-width: 20px;
     color: #ff6419;
     font-size: 15px;
     text-align: center;
     transition: transform .25s ease;
 }

 .service-link:hover {
     color: #c8420d;
     padding-left: 7px;
 }

 .service-link:hover i {
     transform: scale(1.12);
 }

 /* BOTTOM NOTE */
 .services-bottom-note {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 15px;
     padding-top: 24px;
     margin-top: 30px;
     border-top: 1px solid #ededed;
 }

 .services-bottom-note p {
     margin: 0;
     color: #666;
     font-size: 13px;
     line-height: 1.7;
 }

 .services-bottom-note strong {
     color: #222;
 }

 .services-contact-link {
     color: #c8420d;
     font-size: 13px;
     font-weight: 700;
     text-decoration: none;
 }

 .services-contact-link:hover {
     color: #111;
 }

 /* TABLET */
 @media (max-width: 1199px) {
     .services-panel {
         padding: 35px 28px;
     }

     .service-category {
         padding: 0 12px;
     }

     .category-heading {
         align-items: flex-start;
         flex-direction: column;
         gap: 8px;
         min-height: 100px;
     }

     .service-link {
         font-size: 14px;
         gap: 10px;
     }

     .category-title {
         font-size: 12px;
     }
 }

 /* MOBILE AND SMALL TABLET */
 @media (max-width: 767px) {
     .services-directory {
         padding: 30px 12px;
     }

     .services-panel {
         padding: 28px 20px;
         border-radius: 24px;
     }

     .services-topbar {
         align-items: flex-start;
         flex-direction: column;
         gap: 18px;
         margin-bottom: 30px;
     }

     .services-main-title {
         font-size: 25px;
         letter-spacing: -.7px;
     }

     .services-explore-btn {
         padding: 13px 21px;
         font-size: 14px;
     }

     .service-category,
     .service-category:first-child,
     .service-category:last-child {
         padding: 0 0 25px;
         margin-bottom: 25px;
         border-right: none;
         border-bottom: 1px solid #e9e9e9;
     }

     .service-category:last-child {
         padding-bottom: 0;
         margin-bottom: 0;
         border-bottom: none;
     }

     .category-heading {
         min-height: auto;
         flex-direction: row;
         align-items: center;
         gap: 12px;
         padding-bottom: 14px;
         margin-bottom: 10px;
     }

     .category-title {
         font-size: 12px;
     }

     .service-link {
         padding: 10px 2px;
         font-size: 15px;
     }

     .services-bottom-note {
         align-items: flex-start;
         flex-direction: column;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .service-link,
     .service-link i,
     .services-explore-btn,
     .services-explore-btn i {
         transition: none;
     }
 }




 /* ======================= app-section ===================================== */

 .app-section {
     padding: 70px 0 85px;
     background: #fff
 }

 .app-container {
     max-width: 1250px
 }

 /* HEADER */
 .app-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 8px 14px;
     border: 1px solid #dedede;
     border-radius: 30px;
     background: #f6f6f5;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.7px;
     margin-bottom: 25px
 }

 .app-label span {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: #ff8519;
     box-shadow: 0 0 0 4px #ffebd5
 }

 .app-heading {
     font-size: clamp(36px, 4.2vw, 57px);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: -2.5px;
     margin-bottom: 8px
 }

 .app-heading span {
     color: #c8400c
 }

 .app-subtitle {
     font-size: 19px;
     line-height: 1.9;
     color: #444;
     max-width: 850px;
     margin: 0
 }

 .app-main-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     padding: 17px 28px;
     border-radius: 40px;
     text-decoration: none;
     color: #111;
     background: linear-gradient(110deg, #ffca28, #ff7017);
     font-size: 14px;
     font-weight: 700;
     white-space: nowrap;
     box-shadow: 0 12px 25px rgba(255, 121, 22, .18);
     transition: .3s
 }

 .app-main-btn:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 15px 30px #ff74172b
 }

 /* SERVICE GRID */
 .app-service-grid {
     margin-top: 52px;
     margin-bottom: 36px
 }

 .app-service-box {
     display: flex;
     align-items: center;
     gap: 16px;
     height: 100%;
     min-height: 97px;
     padding: 18px 20px;
     background: #f5f5f4;
     border: 1px solid transparent;
     border-radius: 21px;
     transition: .3s
 }

 .app-service-box:hover {
     background: #fff;
     border-color: #f0c7a8;
     box-shadow: 0 12px 28px rgba(0, 0, 0, .06);
     transform: translateY(-3px)
 }

 .app-service-icon {
     flex-shrink: 0;
     width: 52px;
     height: 52px;
     border-radius: 16px;
     background: #101010;
     color: #ffca28;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 21px
 }

 .app-service-box h3 {
     font-size: 16px;
     font-weight: 750;
     margin: 0 0 7px
 }

 .app-service-box p {
     font-size: 13px;
     color: #666;
     line-height: 1.5;
     margin: 0
 }

 /* PROJECT CARDS */
 .app-project-card {
     height: 100%;
     overflow: hidden;
     border: 1px solid #e7e7e5;
     border-radius: 8px;
     background: #fff;
     /* box-shadow: 0 12px 35px rgba(0, 0, 0, .045); */
     transition: transform .3s, box-shadow .3s
 }

 /* .app-project-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 45px rgba(0, 0, 0, .09)
 } */

 .project-content {
     padding: 28px 27px 26px
 }

 .project-heading {
     display: flex;
     align-items: center;
     gap: 17px;
     margin-bottom: 20px
 }

 .project-logo {
     width: 82px;
     height: 82px;
     flex-shrink: 0;
     border: 1px solid #e9e9e9;
     border-radius: 20px;
     padding: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff
 }

 .project-logo img {
     width: 100%;
     height: 100%;
     object-fit: contain
 }

 .project-name {
     font-size: 22px;
     font-weight: 800;
     letter-spacing: -.7px;
     margin: 0 0 5px
 }

 .project-category {
     font-size: 13px;
     color: #777;
     margin-bottom: 10px
 }

 .project-platform {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 7px 12px;
     background: #fff0bf;
     border-radius: 25px;
     font-size: 11px;
     font-weight: 650;
     color: #222
 }

 .project-platform i {
     font-size: 12px
 }

 .project-description {
     font-size: 14px;
     line-height: 1.85;
     color: #606060;
     margin-bottom: 18px
 }

 /* FEATURE PILLS */
 .project-features {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 22px
 }

 .project-feature {
     padding: 9px 12px;
     border-radius: 25px;
     background: #f5f5f3;
     color: #222;
     font-size: 11px;
     display: flex;
     align-items: center;
     gap: 7px
 }

 .project-feature i {
     color: #ff6b1a;
     font-size: 10px
 }

 /* APP SCREENSHOTS */
 .project-screenshots {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-bottom: 18px
 }

 .project-screenshot {
     width: 100%;
     height: 300px;
     display: block;
     object-fit: cover;
     object-position: top center;
     border-radius: 16px;
     border: 1px solid #ededed;
     background: #f7f7f7;
     transition: transform .3s
 }

 .project-screenshot:hover {
     transform: translateY(-3px)
 }

 /* STORE BUTTONS */
 .project-store-links {
     display: flex;
     flex-wrap: wrap;
     gap: 8px
 }

 .store-btn {
     min-height: 45px;
     padding: 8px 12px;
     display: inline-flex;
     align-items: center;
     gap: 9px;
     border-radius: 12px;
     background: #101010;
     color: #fff;
     text-decoration: none;
     transition: .25s
 }

 .store-btn:hover {
     background: #343434;
     color: #fff;
     transform: translateY(-2px)
 }

 .store-btn i {
     font-size: 18px
 }

 .store-btn .play-icon {
     color: #20d9a1
 }

 .store-btn small {
     display: block;
     font-size: 9px;
     line-height: 1.2;
     color: #ddd
 }

 .store-btn strong {
     display: block;
     font-size: 11px;
     line-height: 1.3
 }

 /* RESPONSIVE */
 @media(max-width:991px) {
     .app-section {
         padding: 55px 0
     }

     .app-subtitle {
         font-size: 16px
     }

     .app-main-btn {
         padding: 14px 20px
     }

     .app-service-grid {
         margin-top: 35px
     }

     .project-content {
         padding: 23px 20px
     }

     .project-screenshot {
         height: 250px
     }
 }

 @media(max-width:767px) {
     .app-section {
         padding: 45px 0 55px
     }

     .app-heading {
         font-size: 38px;
         letter-spacing: -1.7px
     }

     .app-subtitle {
         font-size: 15px;
         line-height: 1.8
     }

     .app-header-actions {
         margin-top: 20px
     }

     .app-main-btn {
         width: 100%
     }

     .app-service-grid {
         margin-top: 30px;
         margin-bottom: 28px
     }

     .app-service-box {
         min-height: 85px;
         padding: 14px;
         gap: 12px;
         border-radius: 17px
     }

     .app-service-icon {
         width: 45px;
         height: 45px;
         border-radius: 13px;
         font-size: 18px
     }

     .app-service-box h3 {
         font-size: 14px
     }

     .app-service-box p {
         font-size: 12px
     }

     .project-content {
         padding: 21px 16px
     }

     .project-logo {
         width: 68px;
         height: 68px;
         border-radius: 16px
     }

     .project-name {
         font-size: 20px
     }

     .project-description {
         font-size: 13px
     }

     .project-screenshots {
         gap: 7px
     }

     .project-screenshot {
         height: 210px;
         border-radius: 11px
     }

     .project-feature {
         font-size: 10px;
         padding: 8px 10px
     }
 }

 @media(max-width:420px) {
     .app-heading {
         font-size: 33px
     }

     .app-label {
         font-size: 9px;
         letter-spacing: 1.2px
     }

     .project-heading {
         gap: 12px
     }

     .project-platform {
         font-size: 10px
     }

     .project-screenshot {
         height: 165px
     }

     .store-btn {
         padding: 8px 10px
     }
 }




 /* =========================== why-section  ====================  */

 .why-section {
     padding: 85px 0;
     overflow: hidden;
     background: #f5f5f3;
 }

 .why-container {
     max-width: 1250px;
 }

 /* LEFT IMAGE */
 .why-image-wrap {
     position: relative;
     height: 510px;
     border-radius: 28px;
     overflow: hidden;
     background: #ddd;
     box-shadow: 0 25px 55px rgba(0, 0, 0, .12);
 }

 .why-image-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform .7s ease;
 }

 .why-image-wrap:hover img {
     transform: scale(1.04);
 }

 .why-image-wrap::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to top,
             rgba(0, 0, 0, .85) 0%,
             rgba(0, 0, 0, .38) 36%,
             rgba(0, 0, 0, .02) 75%);
 }

 .why-image-content {
     position: absolute;
     z-index: 2;
     bottom: 28px;
     left: 28px;
     right: 20px;
 }

 .why-image-content h3 {
     color: #fff;
     font-size: clamp(27px, 3vw, 34px);
     font-weight: 800;
     line-height: 1.17;
     letter-spacing: -1.2px;
     margin: 0;
 }

 .why-image-content h3 span {
     color: #ffb523;
 }

 /* RIGHT CONTENT */
 .why-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: #fff;
     border: 1px solid #e2e2df;
     border-radius: 30px;
     padding: 8px 14px;
     margin-bottom: 25px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.6px;
 }

 .why-label span {
     height: 9px;
     width: 9px;
     background: #ff8b1b;
     border-radius: 50%;
     box-shadow: 0 0 0 4px #ffedd8;
 }

 .why-title {
     font-size: clamp(35px, 3.5vw, 51px);
     line-height: 1.12;
     letter-spacing: -2px;
     font-weight: 800;
     margin-bottom: 23px;
 }

 .why-title span {
     color: #c94310;
 }

 .why-description {
     color: #444;
     font-size: 17px;
     line-height: 1.9;
     margin-bottom: 37px;
 }

 /* FEATURE GRID */
 .why-features {
     row-gap: 29px;
 }

 .why-feature {
     display: flex;
     align-items: flex-start;
     gap: 14px;
     height: 100%;
 }

 .why-feature-icon {
     width: 46px;
     height: 46px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 14px;
     background: #111;
     color: #ffc323;
     font-size: 17px;
     transition: all .3s ease;
 }

 .why-feature:hover .why-feature-icon {
     background: linear-gradient(135deg, #ffca28, #ff7017);
     color: #111;
     transform: translateY(-3px);
 }

 .why-feature h4 {
     font-size: 14px;
     line-height: 1.5;
     font-weight: 750;
     margin: 0 0 5px;
 }

 .why-feature p {
     color: #646464;
     font-size: 13px;
     line-height: 1.7;
     margin: 0;
 }

 /* BUTTONS */
 .why-actions {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 12px;
     margin-top: 43px;
 }

 .why-btn-primary,
 .why-btn-secondary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     padding: 16px 25px;
     border-radius: 40px;
     text-decoration: none;
     font-size: 13px;
     font-weight: 650;
     transition: all .3s ease;
 }

 .why-btn-primary {
     color: #111;
     background: linear-gradient(110deg, #ffca28, #ff7017);
     box-shadow: 0 10px 25px rgba(255, 117, 22, .18);
 }

 .why-btn-primary:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 15px 30px rgba(255, 117, 22, .27);
 }

 .why-btn-secondary {
     color: #111;
     background: transparent;
     border: 1px solid #dededb;
 }

 .why-btn-secondary:hover {
     background: #111;
     color: #fff;
     border-color: #111;
 }

 /* TABLET */
 @media(max-width:991px) {
     .why-section {
         padding: 60px 0;
     }

     .why-image-wrap {
         height: 430px;
     }

     .why-content {
         margin-top: 45px;
     }

     .why-title {
         max-width: 650px;
     }

     .why-features {
         row-gap: 25px;
     }
 }

 /* MOBILE */
 @media(max-width:575px) {
     .why-section {
         padding: 40px 0;
     }

     .why-image-wrap {
         height: 370px;
         border-radius: 22px;
     }

     .why-image-content {
         bottom: 22px;
         left: 22px;
     }

     .why-image-content h3 {
         font-size: 29px;
     }

     .why-content {
         margin-top: 35px;
     }

     .why-label {
         margin-bottom: 20px;
         font-size: 10px;
     }

     .why-title {
         font-size: 35px;
         letter-spacing: -1.5px;
         margin-bottom: 17px;
     }

     .why-description {
         font-size: 15px;
         line-height: 1.8;
         margin-bottom: 28px;
     }

     .why-features {
         row-gap: 24px;
     }

     .why-feature h4 {
         font-size: 14px;
     }

     .why-feature p {
         font-size: 13px;
     }

     .why-actions {
         margin-top: 32px;
         align-items: stretch;
         flex-direction: column;
     }

     .why-btn-primary,
     .why-btn-secondary {
         width: 100%;
         padding: 15px 18px;
     }
 }






 /* ================= PORTFOLIO SECTION ================= */

 .portfolio-section {
     padding: 75px 0 85px;
     background:
         radial-gradient(ellipse at 85% 0%, rgba(255, 145, 20, 0.055), transparent 35%),
         #111110;
     overflow: hidden;
 }



 /* SECTION LABEL */

 .portfolio-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 7px 13px;
     border: 1px solid #383733;
     border-radius: 30px;
     background: #1c1b19;
     color: #f7f5f0;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.7px;
     margin-bottom: 24px;
 }

 .portfolio-label span {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: #ff951c;
     box-shadow: 0 0 0 4px rgba(255, 149, 28, 0.13);
 }

 /* SECTION HEADING */

 .portfolio-heading-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 25px;
     margin-bottom: 55px;
 }

 .portfolio-heading {
     color: #fff;
     font-size: clamp(32px, 4vw, 51px);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: -2.5px;
     margin: 0;
 }

 .portfolio-heading span {
     background: linear-gradient(100deg, #ffca2b 0%, #ff7618 90%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .portfolio-view-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     padding: 15px 25px;
     border-radius: 40px;
     flex-shrink: 0;
     color: #111;
     background: linear-gradient(110deg, #ffca2b, #ff7418);
     text-decoration: none;
     font-size: 13px;
     font-weight: 700;
     transition: all .3s ease;
     box-shadow: 0 8px 25px rgba(255, 119, 23, .12);
 }

 .portfolio-view-btn:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(255, 119, 23, .25);
 }

 /* ================= PROJECT CARD ================= */

 .portfolio-card {
     height: 100%;
     background: #222220;
     border: 1px solid #373632;
     border-radius: 24px;
     overflow: hidden;
     transition: transform .35s ease, border-color .35s ease,
         box-shadow .35s ease;
 }

 .portfolio-card:hover {
     transform: translateY(-7px);
     border-color: #6a4b2a;
     box-shadow: 0 20px 45px rgba(0, 0, 0, .25);
 }

 /* IMAGE PREVIEW */

 .portfolio-preview {
     height: 315px;
     position: relative;
     overflow: hidden;
     background: #30302e;
 }

 .portfolio-preview img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top center;
     transition: transform .6s ease;
 }

 .portfolio-card:hover .portfolio-preview img {
     transform: scale(1.045);
 }

 .portfolio-preview::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg,
             rgba(0, 0, 0, .15),
             transparent 35%,
             rgba(0, 0, 0, .12));
     pointer-events: none;
 }

 /* PROJECT CATEGORY */

 .portfolio-category {
     position: absolute;
     z-index: 2;
     top: 16px;
     left: 16px;
     display: inline-flex;
     align-items: center;
     max-width: calc(100% - 32px);
     padding: 7px 13px;
     border: 1px solid rgba(255, 255, 255, .15);
     border-radius: 30px;
     background: rgba(20, 20, 20, .83);
     color: #fff;
     font-size: 11px;
     font-weight: 650;
     backdrop-filter: blur(8px);
 }

 /* CENTER PLAY BUTTON */

 .portfolio-play {
     position: absolute;
     z-index: 3;
     top: 50%;
     left: 50%;
     width: 65px;
     height: 65px;
     display: flex;
     align-items: center;
     justify-content: center;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     color: #111;
     background: linear-gradient(135deg, #ffca2b, #ff7618);
     text-decoration: none;
     font-size: 19px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, .22);
     transition: transform .3s ease, box-shadow .3s ease;
 }

 .portfolio-play:hover {
     color: #111;
     transform: translate(-50%, -50%) scale(1.12);
     box-shadow: 0 10px 35px rgba(255, 132, 22, .35);
 }

 /* CARD CONTENT */

 .portfolio-content {
     padding: 23px 24px 25px;
 }

 .portfolio-title-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
     margin-bottom: 12px;
 }

 .portfolio-title {
     color: #fff;
     font-size: 19px;
     font-weight: 750;
     letter-spacing: -.5px;
     margin: 0;
 }

 .portfolio-mobile-tag {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     flex-shrink: 0;
     padding: 6px 10px;
     border: 1px solid #373632;
     border-radius: 30px;
     color: #eee;
     font-size: 10px;
     font-weight: 600;
 }

 .portfolio-description {
     color: #d0cfca;
     font-size: 13px;
     line-height: 1.8;
     margin-bottom: 18px;
 }

 /* PROJECT INFORMATION */

 .portfolio-meta {
     display: grid;
     grid-template-columns: 92px minmax(0, 1fr);
     gap: 10px 12px;
     margin-bottom: 15px;
     font-size: 12px;
     line-height: 1.65;
 }

 .portfolio-meta .meta-label {
     color: #aaa8a1;
 }

 .portfolio-meta .meta-value {
     color: #ffbd31;
     font-weight: 600;
     overflow-wrap: anywhere;
 }

 .portfolio-domain {
     display: inline-block;
     color: #c7c4bc;
     text-decoration: none;
     font-family: monospace;
     font-size: 12px;
     overflow-wrap: anywhere;
     transition: color .3s ease;
 }

 .portfolio-domain:hover {
     color: #ffbd31;
 }

 /* BOTTOM PROJECT LINK */

 .portfolio-bottom-link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     border-top: 1px solid #393833;
     margin-top: 17px;
     padding-top: 16px;
     color: #fff;
     text-decoration: none;
     font-size: 12px;
     font-weight: 650;
 }

 .portfolio-bottom-link i {
     color: #ff9a20;
     transition: transform .3s ease;
 }

 .portfolio-bottom-link:hover {
     color: #ffbd31;
 }

 .portfolio-bottom-link:hover i {
     transform: translate(4px, -3px);
 }

 /* BOTTOM CTA */

 .portfolio-bottom-cta {
     margin-top: 48px;
     padding: 27px 30px;
     border: 1px solid #393833;
     border-radius: 20px;
     background: linear-gradient(110deg, #222220, #191918);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
 }

 .portfolio-bottom-cta h3 {
     color: #fff;
     font-size: 20px;
     font-weight: 750;
     margin: 0 0 7px;
 }

 .portfolio-bottom-cta p {
     color: #b8b6af;
     font-size: 13px;
     margin: 0;
     line-height: 1.7;
 }

 /* ================= RESPONSIVE ================= */

 @media (max-width: 991px) {
     .portfolio-section {
         padding: 60px 0;
     }

     .portfolio-heading-row {
         margin-bottom: 35px;
     }

     .portfolio-preview {
         height: 265px;
     }

     .portfolio-content {
         padding: 20px;
     }

     .portfolio-title {
         font-size: 17px;
     }

     .portfolio-bottom-cta {
         align-items: flex-start;
         flex-direction: column;
     }
 }

 @media (max-width: 767px) {
     .portfolio-section {
         padding: 48px 0;
     }

     .portfolio-heading-row {
         align-items: flex-start;
         flex-direction: column;
         gap: 22px;
     }

     .portfolio-heading {
         font-size: 38px;
         letter-spacing: -1.8px;
     }

     .portfolio-preview {
         height: 290px;
     }

     .portfolio-bottom-cta {
         padding: 24px 20px;
     }
 }

 @media (max-width: 480px) {
     .portfolio-heading {
         font-size: 32px;
     }

     .portfolio-preview {
         height: 230px;
     }

     .portfolio-play {
         width: 55px;
         height: 55px;
         font-size: 16px;
     }

     .portfolio-title-row {
         align-items: flex-start;
         flex-direction: column;
     }

     .portfolio-content {
         padding: 19px;
     }

     .portfolio-meta {
         grid-template-columns: 75px minmax(0, 1fr);
     }

     .portfolio-bottom-cta h3 {
         font-size: 18px;
     }
 }






 /* ================= results-section ======================== */


 .results-section {
     padding: 75px 0;
     overflow: hidden;
 }

 .results-container {
     max-width: 1320px;
 }

 /* SECTION LABEL */

 .results-label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 8px 14px;
     margin-bottom: 22px;
     background: #fff;
     border: 1px solid #e4e2de;
     border-radius: 40px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.6px;
 }

 .results-label span {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: #ff951b;
     box-shadow: 0 0 0 4px #fff0d8;
 }

 /* HEADER */

 .results-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 25px;
     margin-bottom: 45px;
 }

 .results-heading {
     margin: 0;
     font-size: clamp(34px, 4.5vw, 61px);
     font-weight: 800;
     letter-spacing: -3px;
     line-height: 1.1;
 }

 .results-heading span {
     color: #c9410d;
 }

 .results-main-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 13px;
     padding: 16px 25px;
     border-radius: 40px;
     flex-shrink: 0;
     background: linear-gradient(110deg, #ffca2b, #ff7418);
     color: #111;
     text-decoration: none;
     font-size: 13px;
     font-weight: 700;
     transition: .3s ease;
 }

 .results-main-btn:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px #ff8c2033;
 }

 /* SEO CARDS */

 .seo-card {
     height: 100%;
     padding: 26px;
     border: 1px solid #e5e4e0;
     border-radius: 27px;
     background: #fff;
     box-shadow: 0 8px 25px rgba(0, 0, 0, .035);
     transition: transform .3s ease, box-shadow .3s ease;
 }

 .seo-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 18px 35px rgba(0, 0, 0, .075);
 }

 .seo-card h3 {
     margin: 0 0 7px;
     font-size: 20px;
     font-weight: 750;
     letter-spacing: -.6px;
 }

 .seo-industry {
     margin-bottom: 17px;
     color: #66645f;
     font-size: 13px;
     line-height: 1.7;
 }

 .seo-growth {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     padding: 11px 14px;
     margin-bottom: 22px;
     border-radius: 30px;
     background: #fff2c6;
     color: #16130d;
     font-size: 12px;
     line-height: 1.6;
     font-weight: 650;
 }

 .seo-growth i {
     margin-top: 3px;
     color: #17140d;
 }

 .seo-table-heading,
 .seo-row {
     display: grid;
     grid-template-columns: minmax(0, 1fr) 55px 48px;
     gap: 8px;
     align-items: center;
 }

 .seo-table-heading {
     padding-bottom: 12px;
     color: #6c6a65;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1px;
     border-bottom: 1px solid #e9e7e2;
 }

 .seo-table-heading span:nth-child(2),
 .seo-table-heading span:nth-child(3) {
     text-align: center;
 }

 .seo-row {
     min-height: 57px;
     padding: 12px 0;
     border-bottom: 1px solid #e9e7e2;
 }

 .seo-row:last-child {
     border-bottom: none;
 }

 .seo-keyword {
     font-size: 12px;
     font-weight: 550;
     line-height: 1.6;
     overflow-wrap: anywhere;
 }

 .seo-before {
     text-align: center;
     color: #77736e;
     font-size: 12px;
 }

 .seo-position {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     min-width: 43px;
     padding: 8px 4px;
     border-radius: 11px;
     background: linear-gradient(110deg, #ffca2b, #ff7418);
     color: #111;
     font-size: 12px;
     font-weight: 800;
 }

 .seo-position.neutral {
     background: #f0f0ed;
 }

 /* META ADS */

 .ads-section {
     margin-top: 75px;
 }

 .subsection-title {
     margin-bottom: 25px;
     font-size: 25px;
     font-weight: 800;
     letter-spacing: -.8px;
 }

 .ads-card {
     height: 100%;
     padding: 27px;
     border: 1px solid #e5e4e0;
     border-radius: 27px;
     background: #fff;
     box-shadow: 0 8px 25px rgba(0, 0, 0, .035);
     transition: .3s ease;
 }

 .ads-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 16px 35px rgba(0, 0, 0, .06);
 }

 .ads-card h3 {
     margin-bottom: 8px;
     font-size: 21px;
     font-weight: 750;
 }

 .ads-card-description {
     margin-bottom: 22px;
     color: #686660;
     font-size: 13px;
     line-height: 1.7;
 }

 .ads-metrics {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
 }

 .ads-metric {
     min-width: 0;
     padding: 16px 13px;
     border-radius: 18px;
     background: #f4f4f1;
 }

 .ads-metric strong {
     display: block;
     margin-bottom: 5px;
     color: #ffad1d;
     font-size: clamp(20px, 2vw, 28px);
     line-height: 1.2;
     font-weight: 800;
     letter-spacing: -.8px;
     overflow-wrap: anywhere;
 }

 .ads-metric span {
     display: block;
     color: #66645f;
     font-size: 11px;
     line-height: 1.6;
 }

 .results-disclaimer {
     margin: 18px 0 0;
     color: #77736e;
     font-size: 12px;
     line-height: 1.8;
 }

 /* BRANDS */

 .brands-section {
     margin-top: 75px;
 }

 .brands-heading {
     margin-bottom: 24px;
     font-size: 25px;
     font-weight: 800;
     letter-spacing: -.8px;
 }

 .brands-grid {
     display: grid;
     grid-template-columns: repeat(6, minmax(0, 1fr));
     gap: 14px;
 }

 .brand-box {
     min-height: 112px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 18px;
     background: #fff;
     border: 1px solid #e6e4df;
     border-radius: 21px;
     transition: .3s ease;
 }

 .brand-box:hover {
     transform: translateY(-5px);
     border-color: #ffb52c;
     box-shadow: 0 12px 25px rgba(0, 0, 0, .05);
 }

 .brand-box img {
     display: block;
     width: 100%;
     max-width: 135px;
     max-height: 65px;
     object-fit: contain;
 }

 .brand-text {
     color: #34332f;
     font-size: 17px;
     text-align: center;
     font-weight: 800;
     line-height: 1.3;
 }

 /* RESPONSIVE */

 @media (max-width: 991px) {
     .results-section {
         padding: 55px 0;
     }

     .results-header {
         align-items: flex-start;
         flex-direction: column;
         margin-bottom: 32px;
     }

     .results-heading {
         letter-spacing: -2px;
     }

     .seo-card {
         padding: 22px;
     }

     .ads-section,
     .brands-section {
         margin-top: 55px;
     }

     .brands-grid {
         grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 }

 @media (max-width: 575px) {
     .results-section {
         padding: 42px 0;
     }

     .results-heading {
         font-size: 36px;
         letter-spacing: -1.7px;
     }

     .results-main-btn {
         padding: 14px 21px;
     }

     .seo-card,
     .ads-card {
         padding: 21px;
         border-radius: 22px;
     }

     .seo-card h3 {
         font-size: 19px;
     }

     .ads-metrics {
         gap: 8px;
     }

     .ads-metric {
         padding: 13px 9px;
         border-radius: 14px;
     }

     .ads-metric strong {
         font-size: 19px;
     }

     .ads-metric span {
         font-size: 10px;
     }

     .subsection-title,
     .brands-heading {
         font-size: 22px;
     }

     .brands-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 10px;
     }

     .brand-box {
         min-height: 95px;
         padding: 14px;
         border-radius: 16px;
     }

     .brand-box img {
         max-height: 55px;
     }
 }






 /* ================== TEAM SECTION=========================  */


 .team-section {
     position: relative;
     padding: 90px 0 100px;
     overflow: hidden;
     background:
         radial-gradient(circle at 5% 15%, rgba(255, 197, 38, .09), transparent 24%),
         radial-gradient(circle at 100% 80%, rgba(255, 116, 23, .07), transparent 25%),
         #ffffff;
 }

 .team-container {
     max-width: 1240px;
     margin: auto;
     padding: 0 22px;
 }

 /* TOP LABEL */
 .team-eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 9px 15px;
     margin-bottom: 23px;
     border: 1px solid #e2e0dc;
     border-radius: 50px;
     background: #f8f7f5;
     color: #292929;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.8px;
     text-transform: uppercase;
 }

 .team-eyebrow-dot {
     width: 9px;
     height: 9px;
     display: inline-block;
     border-radius: 50%;
     background: var(--team-orange);
     box-shadow: 0 0 0 5px rgba(255, 116, 23, .13);
 }

 /* SECTION HEADING */
 .team-heading {
     max-width: 900px;
     margin: 0;
     font-size: clamp(36px, 5vw, 59px);
     font-weight: 800;
     letter-spacing: -3px;
     line-height: 1.09;
 }

 .team-heading span {
     color: #c9410b;
 }

 .team-description {
     max-width: 850px;
     margin-top: 18px;
     color: #4f5560;
     font-size: 18px;
     line-height: 1.8;
 }

 /* HEADER BUTTON */
 .team-header-button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 13px;
     padding: 16px 24px;
     border: 1px solid #e4e2df;
     border-radius: 50px;
     background: #fff;
     color: #111;
     text-decoration: none;
     font-size: 14px;
     font-weight: 700;
     white-space: nowrap;
     transition: .3s ease;
 }

 .team-header-button:hover {
     border-color: var(--team-orange);
     background: #fff7ef;
     color: #c9410b;
     transform: translateY(-3px);
 }

 .team-header-button i {
     transition: transform .3s ease;
 }

 .team-header-button:hover i {
     transform: translateX(4px);
 }

 /* TEAM GRID */
 .team-grid {
     display: grid;
     grid-template-columns: 1.55fr .85fr .85fr;
     gap: 18px;
     margin-top: 50px;
 }

 /* TEAM CARD */
 .team-card {
     position: relative;
     height: 440px;
     overflow: hidden;
     border-radius: 25px;
     background: #e8e8e8;
     isolation: isolate;
     box-shadow: 0 12px 35px rgba(0, 0, 0, .07);
     transition: transform .4s ease, box-shadow .4s ease;
 }

 .team-card:hover {
     transform: translateY(-7px);
     box-shadow: 0 24px 45px rgba(0, 0, 0, .14);
 }

 .team-card::after {
     content: "";
     position: absolute;
     inset: 35% 0 0;
     z-index: 1;
     background: linear-gradient(to bottom,
             transparent 0%,
             rgba(0, 0, 0, .10) 20%,
             rgba(0, 0, 0, .88) 100%);
     pointer-events: none;
 }

 .team-photo {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center top;
     transition: transform .7s cubic-bezier(.2, .7, .2, 1);
 }

 .team-card:hover .team-photo {
     transform: scale(1.055);
 }

 /* TEAM NUMBER */
 .team-number {
     position: absolute;
     top: 17px;
     left: 17px;
     z-index: 2;
     padding: 8px 12px;
     border: 1px solid rgba(255, 255, 255, .35);
     border-radius: 50px;
     background: rgba(15, 15, 15, .45);
     color: #fff;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1px;
     backdrop-filter: blur(10px);
 }

 /* TEAM INFORMATION */
 .team-info {
     position: absolute;
     right: 23px;
     bottom: 23px;
     left: 23px;
     z-index: 2;
     color: #fff;
 }

 .team-role {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     margin-bottom: 11px;
     color: #ffd16b;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.5px;
     text-transform: uppercase;
 }

 .team-role::before {
     content: "";
     width: 18px;
     height: 2px;
     background: var(--team-orange);
 }

 .team-name {
     margin: 0 0 12px;
     font-size: 27px;
     font-weight: 800;
     letter-spacing: -.8px;
 }

 .team-designation {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     max-width: 100%;
     padding: 10px 14px;
     border-radius: 50px;
     background: linear-gradient(100deg,
             var(--team-yellow),
             var(--team-orange));
     color: #111;
     font-size: 11px;
     font-weight: 700;
     line-height: 1.4;
 }

 .team-designation i {
     font-size: 13px;
 }

 .team-social {
     display: flex;
     gap: 8px;
     margin-top: 15px;
     opacity: 0;
     transform: translateY(10px);
     transition: .3s ease;
 }

 .team-card:hover .team-social {
     opacity: 1;
     transform: translateY(0);
 }

 .team-social a {
     display: inline-flex;
     width: 32px;
     height: 32px;
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(255, 255, 255, .35);
     border-radius: 50%;
     background: rgba(255, 255, 255, .12);
     color: #fff;
     text-decoration: none;
     backdrop-filter: blur(8px);
     transition: .3s;
 }

 .team-social a:hover {
     border-color: var(--team-yellow);
     background: var(--team-yellow);
     color: #111;
 }



 .team-cta {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 15px 22px;
     border: none;
     border-radius: 50px;
     background: linear-gradient(100deg, var(--team-yellow), var(--team-orange));
     color: #111;
     text-decoration: none;
     font-size: 13px;
     font-weight: 800;
     white-space: nowrap;
     transition: .3s ease;
 }

 .team-cta:hover {
     color: #111;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(255, 116, 23, .23);
 }

 /* TABLET */
 @media (max-width: 991px) {
     .team-section {
         padding: 70px 0;
     }

     .team-heading {
         letter-spacing: -2px;
     }

     .team-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 16px;
     }

     .team-card {
         height: 410px;
     }

     .team-card:first-child {
         grid-column: 1 / -1;
         height: 460px;
     }

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

     .team-social {
         opacity: 1;
         transform: none;
     }
 }

 /* MOBILE */
 @media (max-width: 575px) {
     .team-section {
         padding: 55px 0;
     }

     .team-container {
         padding: 0 17px;
     }

     .team-eyebrow {
         padding: 8px 11px;
         font-size: 9px;
         letter-spacing: 1.1px;
     }

     .team-heading {
         font-size: 37px;
         letter-spacing: -1.8px;
         line-height: 1.12;
     }

     .team-description {
         margin-top: 14px;
         font-size: 14px;
         line-height: 1.8;
     }

     .team-header-button {
         margin-top: 17px;
         padding: 13px 18px;
         font-size: 12px;
     }

     .team-grid {
         grid-template-columns: 1fr;
         gap: 17px;
         margin-top: 30px;
     }

     .team-card,
     .team-card:first-child {
         grid-column: auto;
         height: 420px;
         border-radius: 21px;
     }

     .team-info {
         right: 18px;
         bottom: 19px;
         left: 18px;
     }

     .team-name {
         font-size: 25px;
     }



     .team-cta {
         width: 100%;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .team-card,
     .team-photo,
     .team-social,
     .team-header-button,
     .team-cta {
         transition: none;
     }
 }





 /* =================== process-section ======================= */

 .process-section {
     background: #f7f7f6;
     padding: 55px 0 65px;
 }

 .process-container {
     max-width: 1350px;
     margin: auto;
     padding: 0 20px;
 }

 .process-heading {
     text-align: center;
     margin-bottom: 65px;
 }

 .process-badge {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 8px 15px;
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 50px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 2px;
     color: #202020;
     margin-bottom: 24px;
 }

 .badge-dot {
     width: 10px;
     height: 10px;
     background: #ff9d22;
     border-radius: 50%;
     box-shadow: 0 0 0 4px #fff0db;
 }

 .process-heading h2 {
     font-size: clamp(32px, 4vw, 56px);
     font-weight: 800;
     letter-spacing: -2px;
     color: #111;
     margin-bottom: 26px;
 }

 .process-heading h2 span {
     color: #c83e0b;
 }

 .process-heading p {
     font-size: 20px;
     line-height: 1.8;
     color: #303030;
     max-width: 850px;
     margin: auto;
 }

 .process-heading p a {
     color: inherit;
     text-decoration: underline;
     text-underline-offset: 3px;
 }

 .process-grid {
     display: grid;
     grid-template-columns: repeat(7, minmax(0, 1fr));
     gap: 20px;
 }

 .process-card {
     position: relative;
     background: #fff;
     border-radius: 26px;
     padding: 25px 18px 27px;
     min-height: 270px;
     box-shadow: 0 12px 28px rgba(0, 0, 0, .07);
     transition: all .3s ease;
     border: 1px solid transparent;
 }

 .process-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 18px 35px rgba(0, 0, 0, .11);
     border-color: #ffe6a2;
 }

 .process-icon {
     width: 65px;
     height: 65px;
     border-radius: 20px;
     background: #fff2c4;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 23px;
 }

 .process-icon i {
     font-size: 27px;
     color: #111;
 }

 .step-number {
     position: absolute;
     top: 23px;
     right: 17px;
     font-size: 32px;
     font-weight: 800;
     color: #e5e5e5;
     letter-spacing: -1px;
 }

 .process-card h3 {
     font-size: 16px;
     line-height: 1.25;
     font-weight: 700;
     color: #111;
     margin-bottom: 12px;
 }

 .process-card p {
     font-size: 15px;
     line-height: 1.8;
     color: #606574;
     margin: 0;
 }

 @media (max-width: 1199px) {
     .process-grid {
         grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 }

 @media (max-width: 767px) {
     .process-section {
         padding: 45px 0;
     }

     .process-heading {
         margin-bottom: 35px;
     }

     .process-heading h2 {
         letter-spacing: -1px;
     }

     .process-heading p {
         font-size: 16px;
     }

     .process-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 14px;
     }

     .process-card {
         padding: 20px 15px;
         min-height: 245px;
         border-radius: 20px;
     }

     .process-card h3 {
         font-size: 15px;
     }

     .process-card p {
         font-size: 13px;
     }

     .step-number {
         font-size: 27px;
         right: 13px;
     }
 }

 @media (max-width: 380px) {
     .process-grid {
         grid-template-columns: 1fr;
     }

     .process-card {
         min-height: auto;
     }
 }



 /* ================================ industries-section =================================== */

 /* Main Section */
 .industries-section {
     padding: 40px 0 70px;
     overflow: hidden;
 }

 .industries-container {
     max-width: 1350px;
     margin: auto;
     padding: 0 20px;
 }

 /* Badge */
 .industries-badge {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     padding: 9px 16px;
     border-radius: 50px;
     border: 1px solid #dedede;
     background: #f7f7f6;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 2px;
     color: #222;
     margin-bottom: 28px;
 }

 .industries-dot {
     width: 11px;
     height: 11px;
     background: #ff9e24;
     border-radius: 50%;
     box-shadow: 0 0 0 5px #ffead0;
 }

 /* Heading */
 .industries-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     margin-bottom: 65px;
 }

 .industries-title {
     font-size: clamp(32px, 4.2vw, 62px);
     font-weight: 800;
     line-height: 1.12;
     letter-spacing: -2.5px;
     color: #111;
     margin: 0;
 }

 .industries-title span {
     color: #c83e0b;
 }

 /* View All Button */
 .industries-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 17px 30px;
     border: 1px solid #e1e1e1;
     border-radius: 50px;
     background: #fff;
     color: #111;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
     white-space: nowrap;
     transition: all .3s ease;
 }

 .industries-btn:hover {
     background: #111;
     border-color: #111;
     color: #fff;
 }

 /* Cards Grid */
 .industries-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 20px;
 }

 /* Industry Card */
 .industry-card {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-height: 212px;
     padding: 26px;
     border-radius: 28px;
     background: #f5f5f4;
     text-decoration: none;
     color: #111;
     transition: all .35s ease;
 }

 .industry-card.dark {
     background: #171717;
     color: #fff;
 }

 .industry-card:hover {
     transform: translateY(-7px);
     box-shadow: 0 16px 35px rgba(0, 0, 0, .12);
 }

 /* Icon */
 .industry-icon {
     width: 68px;
     height: 68px;
     border-radius: 21px;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 8px 15px rgba(0, 0, 0, .05);
     margin-bottom: 28px;
 }

 .industry-icon i {
     font-size: 32px;
     color: #171717;
     line-height: 1;
 }

 /* Card Text */
 .industry-card h3 {
     font-size: 20px;
     font-weight: 700;
     letter-spacing: -.5px;
     line-height: 1.3;
     margin-bottom: 10px;
     color: inherit;
 }

 .industry-card p {
     font-size: 15px;
     font-weight: 400;
     color: #686868;
     margin: 0;
 }

 .industry-card.dark p {
     color: #b8b8b8;
 }

 .industry-card p span {
     display: inline-block;
     transition: transform .3s ease;
 }

 .industry-card:hover p span {
     transform: translateX(6px);
 }

 /* Tablet */
 @media (max-width: 1199px) {
     .industries-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .industries-header {
         margin-bottom: 40px;
     }
 }

 /* Mobile */
 @media (max-width: 767px) {
     .industries-section {
         padding: 40px 0 50px;
     }

     .industries-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 22px;
         margin-bottom: 30px;
     }

     .industries-title {
         font-size: 36px;
         letter-spacing: -1.5px;
     }

     .industries-btn {
         padding: 13px 22px;
         font-size: 14px;
     }

     .industries-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 12px;
     }

     .industry-card {
         min-height: 190px;
         padding: 18px;
         border-radius: 20px;
     }

     .industry-icon {
         width: 55px;
         height: 55px;
         border-radius: 17px;
         margin-bottom: 20px;
     }

     .industry-icon i {
         font-size: 26px;
     }

     .industry-card h3 {
         font-size: 16px;
     }

     .industry-card p {
         font-size: 13px;
     }
 }

 @media (max-width: 400px) {
     .industries-grid {
         grid-template-columns: 1fr;
     }

     .industry-card {
         min-height: 175px;
     }
 }



 /* ======================= location-section ====================== */

 /* Main Section */
 .location-section {
     background: #f7f7f6;
     padding: 40px 0 50px;
     font-family: 'Inter', sans-serif;
 }

 .location-container {
     max-width: 1480px;
     margin: 0 auto;
     padding: 0 24px;
 }

 /* Section Badge */
 .location-badge {
     display: inline-flex;
     align-items: center;
     gap: 11px;
     padding: 8px 15px;
     border: 1px solid #e2e2e2;
     border-radius: 50px;
     background: #fff;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 2px;
     color: #222;
     margin-bottom: 30px;
 }

 .location-dot {
     width: 11px;
     height: 11px;
     background: #ff9d22;
     border-radius: 50%;
     box-shadow: 0 0 0 5px #ffead0;
 }

 /* Left Content */
 .location-title {
     font-size: clamp(36px, 4.2vw, 64px);
     line-height: 1.12;
     letter-spacing: -2.5px;
     font-weight: 800;
     color: #101010;
     margin-bottom: 32px;
 }

 .location-title span {
     color: #c83e0b;
 }

 .location-description {
     font-size: clamp(17px, 1.65vw, 24px);
     line-height: 1.75;
     font-weight: 400;
     color: #303030;
     margin-bottom: 25px;
 }

 .location-description a {
     color: #c83e0b;
     text-decoration: underline;
     text-underline-offset: 4px;
     font-weight: 500;
 }

 .location-description a:hover {
     color: #a63208;
 }

 /* Button */
 .location-btn {
     display: inline-flex;
     align-items: center;
     gap: 18px;
     padding: 15px 29px;
     border: 1px solid #dedede;
     border-radius: 50px;
     color: #111;
     background: transparent;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
     transition: all .3s ease;
 }

 .location-btn i {
     font-size: 15px;
     transition: transform .3s ease;
 }

 .location-btn:hover {
     background: #111;
     border-color: #111;
     color: #fff;
 }

 .location-btn:hover i {
     transform: translateX(5px);
 }

 /* Right Side Cards */
 .location-cards {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 12px;
 }

 .location-card {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     background: #fff;
     border-radius: 22px;
     padding: 24px 22px;
     min-height: 110px;
     box-shadow: 0 12px 26px rgba(0, 0, 0, .07);
     border: 1px solid transparent;
     text-decoration: none;
     transition: all .3s ease;
 }

 .location-card:hover {
     transform: translateY(-5px);
     border-color: #ffd6c2;
     box-shadow: 0 16px 32px rgba(0, 0, 0, .1);
 }

 /* Font Awesome Location Icon */
 .location-card-icon {
     color: #ff581a;
     font-size: 20px;
     line-height: 1.3;
     flex-shrink: 0;
     margin-top: 2px;
 }

 .location-card h3 {
     font-size: 20px;
     line-height: 1.3;
     font-weight: 700;
     color: #111;
     margin: 0 0 11px;
 }

 .location-card p {
     font-size: 15px;
     line-height: 1.5;
     color: #626774;
     margin: 0;
 }

 /* Tablet Responsive */
 @media (max-width: 1199px) {
     .location-title {
         font-size: 44px;
     }

     .location-description {
         font-size: 18px;
     }

     .location-card {
         padding: 20px 16px;
     }

     .location-card h3 {
         font-size: 17px;
     }
 }

 /* Small Tablet */
 @media (max-width: 991px) {
     .location-section {
         padding: 45px 0;
     }

     .location-content {
         margin-bottom: 25px;
     }

     .location-title {
         font-size: clamp(34px, 6vw, 48px);
         letter-spacing: -1.5px;
     }

     .location-description {
         font-size: 17px;
     }
 }

 /* Mobile Responsive */
 @media (max-width: 575px) {
     .location-container {
         padding: 0 16px;
     }

     .location-badge {
         font-size: 11px;
         margin-bottom: 25px;
     }

     .location-title {
         font-size: 36px;
         letter-spacing: -1.5px;
         margin-bottom: 22px;
     }

     .location-description {
         font-size: 16px;
         line-height: 1.7;
     }

     .location-cards {
         grid-template-columns: 1fr;
         gap: 12px;
     }

     .location-card {
         min-height: 95px;
         padding: 20px;
         border-radius: 18px;
     }

     .location-card h3 {
         font-size: 18px;
         margin-bottom: 8px;
     }

     .location-card p {
         font-size: 14px;
     }

     .location-btn {
         font-size: 14px;
         padding: 13px 22px;
     }
 }


 /* ===================== client-stories-section ======================= */

 .client-stories-section {
     background: #f7f7f6;
     padding: 60px 0 70px;
     overflow: hidden;
 }

 .client-stories-container {
     max-width: 1350px;
     margin: auto;
     padding: 0 20px;
 }

 /* Badge */
 .client-stories-badge {
     display: inline-flex;
     align-items: center;
     gap: 11px;
     padding: 9px 15px;
     background: #fff;
     border: 1px solid #e2e2e2;
     border-radius: 50px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 2px;
     color: #222;
     margin-bottom: 28px;
 }

 .client-stories-dot {
     width: 11px;
     height: 11px;
     background: #ff9e24;
     border-radius: 50%;
     box-shadow: 0 0 0 5px #ffead0;
 }

 /* Heading */
 .client-stories-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 25px;
     margin-bottom: 65px;
 }

 .client-stories-title {
     font-size: clamp(32px, 4.2vw, 62px);
     line-height: 1.15;
     font-weight: 800;
     letter-spacing: -2.5px;
     color: #111;
     margin: 0;
 }

 .client-stories-title span {
     color: #c83e0b;
 }

 .client-stories-btn {
     display: inline-flex;
     align-items: center;
     gap: 15px;
     padding: 16px 30px;
     border: 1px solid #dedede;
     border-radius: 50px;
     color: #111;
     font-size: 16px;
     font-weight: 600;
     background: transparent;
     text-decoration: none;
     white-space: nowrap;
     transition: .3s;
 }

 .client-stories-btn:hover {
     background: #111;
     color: #fff;
 }

 /* Video Cards */
 .client-video-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 22px;
     margin-bottom: 55px;
 }

 .client-video-card {
     height: 380px;
     border-radius: 26px;
     position: relative;
     overflow: hidden;
     background: #202020;
 }

 .client-video-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .5s ease;
 }

 .client-video-card:hover img {
     transform: scale(1.06);
 }

 .client-video-card::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to bottom,
             rgba(0, 0, 0, .03) 30%,
             rgba(0, 0, 0, .85) 100%);
     pointer-events: none;
 }

 /* Play Button */
 .client-play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 84px;
     height: 84px;
     border-radius: 50%;
     border: 12px solid rgba(255, 255, 255, .25);
     background: #ff9d18;
     background-clip: padding-box;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #111;
     font-size: 21px;
     cursor: pointer;
     z-index: 2;
     transition: .3s;
 }

 .client-play-btn:hover {
     background: #ffb13d;
     transform: translate(-50%, -50%) scale(1.1);
 }

 .client-video-info {
     position: absolute;
     bottom: 20px;
     left: 22px;
     right: 15px;
     z-index: 2;
 }

 .client-video-info h3 {
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 4px;
 }

 .client-video-info p {
     font-size: 14px;
     color: #eee;
     margin: 0;
 }

 /* Reviews Row */
 .client-reviews-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 20px;
     align-items: start;
     margin-bottom: 55px;
 }

 /* Rating Card */
 .client-rating-card {
     background: #111;
     border-radius: 26px;
     padding: 30px 25px;
     color: #fff;
     display: flex;
     align-items: center;
     gap: 18px;
     min-height: 170px;
 }

 .client-rating-number {
     font-size: 56px;
     font-weight: 800;
     color: #ffab19;
     letter-spacing: -3px;
     line-height: 1;
 }

 .client-rating-stars {
     color: #ffae00;
     font-size: 15px;
     letter-spacing: 1px;
     margin-bottom: 7px;
 }

 .client-rating-card h4 {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 7px;
 }

 .client-rating-card p {
     font-size: 14px;
     line-height: 1.7;
     color: #ddd;
     margin: 0;
 }

 /* Review Cards */
 .client-review-card {
     background: #fff;
     border-radius: 26px;
     padding: 26px;
     min-height: 330px;
     box-shadow: 0 12px 25px rgba(0, 0, 0, .07);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .client-review-text {
     font-size: 16px;
     line-height: 1.85;
     color: #303030;
     margin-bottom: 24px;
 }

 .client-review-user {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .client-review-avatar {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: #111;
     color: #ffb000;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     font-weight: 700;
     flex-shrink: 0;
 }

 .client-review-user h4 {
     font-size: 18px;
     font-weight: 700;
     color: #111;
     margin-bottom: 4px;
 }

 .client-review-user p {
     font-size: 13px;
     color: #666;
     margin: 0;
 }

 /* Bottom Testimonials */
 .client-text-reviews {
     display: grid;
     grid-template-columns: repeat(5, minmax(0, 1fr));
     gap: 35px;
 }

 .client-text-review {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 25px;
 }

 .client-text-review p {
     font-size: 16px;
     line-height: 1.8;
     color: #303030;
     margin: 0;
 }

 .client-text-review .review-author {
     font-size: 14px;
     line-height: 1.7;
     color: #666;
 }

 .client-text-review .review-author strong {
     color: #111;
     font-weight: 700;
 }

 /* Responsive */
 @media (max-width: 1199px) {

     .client-video-grid,
     .client-reviews-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .client-text-reviews {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 }

 @media (max-width: 767px) {
     .client-stories-section {
         padding: 45px 0;
     }

     .client-stories-header {
         flex-direction: column;
         align-items: flex-start;
         margin-bottom: 35px;
     }

     .client-stories-title {
         font-size: 36px;
         letter-spacing: -1.5px;
     }

     .client-stories-btn {
         padding: 13px 22px;
         font-size: 14px;
     }

     .client-video-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 12px;
     }

     .client-video-card {
         height: 290px;
         border-radius: 18px;
     }

     .client-play-btn {
         width: 65px;
         height: 65px;
         border-width: 9px;
         font-size: 17px;
     }

     .client-video-info {
         left: 14px;
         bottom: 15px;
     }

     .client-video-info h3 {
         font-size: 16px;
     }

     .client-video-info p {
         font-size: 12px;
     }

     .client-reviews-grid {
         grid-template-columns: 1fr;
     }

     .client-review-card {
         min-height: auto;
     }

     .client-text-reviews {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 25px;
     }
 }

 @media (max-width: 480px) {
     .client-video-grid {
         grid-template-columns: 1fr;
     }

     .client-video-card {
         height: 380px;
     }

     .client-text-reviews {
         grid-template-columns: 1fr;
     }
 }




 /* ===================== premium-guides ======================= */
 .premium-guides {
     background: #f8f8f7;
     padding: 85px 0 95px;
     overflow: hidden;
 }

 .premium-guides .guides-wrapper {
     max-width: 1400px;
     margin: auto;
     padding: 0 24px;
 }

 /* BADGE */
 .premium-guides .section-badge {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     padding: 9px 18px;
     background: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 50px;
     color: #292929;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 2px;
     margin-bottom: 24px;
 }

 .premium-guides .badge-dot {
     width: 10px;
     height: 10px;
     background: #ff9518;
     border-radius: 50%;
     box-shadow: 0 0 0 5px #fff0dc;
 }

 /* HEADING */
 .premium-guides .guides-header {
     display: flex;
     align-items: end;
     justify-content: space-between;
     gap: 35px;
     margin-bottom: 48px;
 }

 .premium-guides .guides-heading {
     font-size: clamp(34px, 4vw, 58px);
     line-height: 1.12;
     font-weight: 800;
     letter-spacing: -2.4px;
     color: #101010;
     margin-bottom: 16px;
 }

 .premium-guides .guides-heading span {
     color: #c63e0b;
 }

 .premium-guides .guides-subtitle {
     font-size: 17px;
     line-height: 1.7;
     color: #6c6c6c;
     margin: 0;
     max-width: 650px;
 }

 /* ALL GUIDES BUTTON */
 .premium-guides .all-guides-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     padding: 16px 24px;
     border-radius: 50px;
     border: 1px solid #ddd;
     background: #fff;
     color: #111;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     white-space: nowrap;
     transition: all .3s ease;
 }

 .premium-guides .all-guides-btn i {
     transition: transform .3s ease;
 }

 .premium-guides .all-guides-btn:hover {
     background: #111;
     color: #fff;
     border-color: #111;
 }

 .premium-guides .all-guides-btn:hover i {
     transform: translateX(5px);
 }

 /* GRID */
 .premium-guides .guides-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 24px;
 }

 /* CARD */
 .premium-guides .guide-card {
     background: #fff;
     border: 1px solid #eeeeee;
     border-radius: 26px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     height: 100%;
     box-shadow: 0 10px 35px rgba(0, 0, 0, .045);
     transition: transform .35s ease,
         box-shadow .35s ease,
         border-color .35s ease;
 }

 .premium-guides .guide-card:hover {
     transform: translateY(-9px);
     box-shadow: 0 22px 48px rgba(0, 0, 0, .11);
     border-color: #ffd5c1;
 }

 /* IMAGE */
 .premium-guides .guide-image {
     position: relative;
     height: 250px;
     overflow: hidden;
     background: #e8e8e8;
 }

 .premium-guides .guide-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform .6s ease;
 }

 .premium-guides .guide-card:hover .guide-image img {
     transform: scale(1.08);
 }

 /* Image Overlay */
 .premium-guides .guide-image::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg,
             rgba(0, 0, 0, .10) 0%,
             transparent 55%,
             rgba(0, 0, 0, .20) 100%);
     pointer-events: none;
 }

 /* CATEGORY */
 .premium-guides .guide-category {
     position: absolute;
     top: 18px;
     left: 18px;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 10px 15px;
     border-radius: 50px;
     background: linear-gradient(135deg, #ffc02b, #ff8718);
     color: #111;
     font-size: 12px;
     font-weight: 800;
     box-shadow: 0 6px 15px rgba(0, 0, 0, .12);
 }

 /* IMAGE CORNER ICON */
 .premium-guides .image-arrow {
     position: absolute;
     bottom: 18px;
     right: 18px;
     z-index: 2;
     width: 42px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: #fff;
     color: #111;
     text-decoration: none;
     transition: all .3s ease;
 }

 .premium-guides .image-arrow:hover {
     background: #ff981a;
     color: #111;
     transform: rotate(45deg);
 }

 /* CONTENT */
 .premium-guides .guide-content {
     padding: 28px 28px 25px;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 /* META */
 .premium-guides .guide-meta {
     display: flex;
     align-items: center;
     gap: 16px;
     margin-bottom: 16px;
     color: #888;
     font-size: 12px;
     font-weight: 600;
 }

 .premium-guides .guide-meta i {
     color: #c83e0b;
     margin-right: 5px;
 }

 /* TITLE */
 .premium-guides .guide-title {
     font-size: 22px;
     font-weight: 800;
     line-height: 1.35;
     letter-spacing: -.6px;
     color: #111;
     margin-bottom: 16px;
 }

 .premium-guides .guide-title a {
     color: inherit;
     text-decoration: none;
     transition: color .3s;
 }

 .premium-guides .guide-title a:hover {
     color: #c83e0b;
 }

 /* DESCRIPTION */
 .premium-guides .guide-description {
     color: #696969;
     font-size: 15px;
     line-height: 1.85;
     margin-bottom: 26px;
 }

 /* FOOTER */
 .premium-guides .guide-footer {
     margin-top: auto;
     border-top: 1px solid #eeeeee;
     padding-top: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
 }

 .premium-guides .read-time {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     font-size: 13px;
     font-weight: 600;
     color: #777;
 }

 .premium-guides .read-time i {
     color: #c83e0b;
 }

 .premium-guides .read-link {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     color: #c83e0b;
     font-size: 13px;
     font-weight: 700;
     text-decoration: none;
 }

 .premium-guides .read-link i {
     transition: transform .3s ease;
 }

 .premium-guides .read-link:hover i {
     transform: translateX(5px);
 }

 /* TABLET */
 @media (max-width: 1100px) {
     .premium-guides .guides-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .premium-guides .guides-heading {
         font-size: 45px;
     }
 }

 /* MOBILE */
 @media (max-width: 767px) {
     .premium-guides {
         padding: 55px 0 65px;
     }

     .premium-guides .guides-wrapper {
         padding: 0 16px;
     }

     .premium-guides .guides-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 24px;
         margin-bottom: 30px;
     }

     .premium-guides .guides-heading {
         font-size: 35px;
         letter-spacing: -1.5px;
     }

     .premium-guides .guides-subtitle {
         font-size: 15px;
     }

     .premium-guides .guides-grid {
         grid-template-columns: 1fr;
         gap: 22px;
     }

     .premium-guides .guide-image {
         height: 230px;
     }

     .premium-guides .guide-content {
         padding: 23px;
     }

     .premium-guides .guide-title {
         font-size: 20px;
     }

     .premium-guides .guide-description {
         font-size: 14px;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .premium-guides *,
     .premium-guides *::before,
     .premium-guides *::after {
         transition: none !important;
     }
 }





 /* ================ faq-audit-section ===================== */
 .faq-audit-section {
     background: #f7f7f6;
     padding: 55px 0 75px;
     font-family: 'Inter', sans-serif;
 }

 .faq-audit-container {
     max-width: 1320px;
     margin: auto;
     padding: 0 20px;
 }

 /* BADGE */
 .faq-small-badge {
     display: inline-flex;
     align-items: center;
     gap: 11px;
     padding: 8px 15px;
     border: 1px solid #e4e4e4;
     border-radius: 50px;
     background: #fff;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 2px;
     color: #222;
     margin-bottom: 26px;
 }

 .faq-badge-dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #ff9b20;
     box-shadow: 0 0 0 5px #fff0dc;
 }

 /* LEFT HEADING */
 .faq-main-title {
     font-size: clamp(36px, 4vw, 58px);
     font-weight: 800;
     line-height: 1.15;
     letter-spacing: -2.5px;
     color: #111;
     margin-bottom: 30px;
 }

 .faq-main-title span {
     color: #c83e0b;
 }

 /* FAQ ACCORDION */
 .faq-custom-accordion {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .faq-custom-accordion .accordion-item {
     border: 1px solid #e5e5e5;
     border-radius: 19px;
     overflow: hidden;
     background: #fff;
     box-shadow: none;
     transition: box-shadow .3s ease;
 }

 .faq-custom-accordion .accordion-item:has(.show) {
     box-shadow: 0 12px 28px rgba(0, 0, 0, .07);
 }

 .faq-custom-accordion .accordion-button {
     background: #fff;
     color: #111;
     font-size: 17px;
     font-weight: 700;
     padding: 23px 25px;
     border: 0;
     box-shadow: none;
     display: flex;
     justify-content: space-between;
     gap: 15px;
     line-height: 1.5;
 }

 .faq-custom-accordion .accordion-button:not(.collapsed) {
     background: #fff;
     color: #111;
     box-shadow: none;
     padding-bottom: 10px;
 }

 .faq-custom-accordion .accordion-button::after {
     display: none;
 }

 /* Plus / Close Icon */
 .faq-toggle-icon {
     width: 32px;
     height: 32px;
     background: #f5f5f5;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     font-size: 13px;
     transition: .3s ease;
 }

 .faq-custom-accordion .accordion-button:not(.collapsed) .faq-toggle-icon {
     background: #ffc329;
     transform: rotate(45deg);
 }

 .faq-custom-accordion .accordion-body {
     padding: 8px 25px 25px;
     color: #343434;
     font-size: 16px;
     line-height: 1.85;
 }

 /* RIGHT AUDIT CARD */
 .audit-form-card {
     position: relative;
     background: #fff;
     border-radius: 28px;
     border: 1px solid #e9e9e9;
     box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
     padding: 40px;
     overflow: hidden;
 }

 /* Gradient Top Border */
 .audit-form-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 7px;
     background: linear-gradient(90deg, #ffc329, #ff6415);
 }

 .audit-form-title {
     font-size: 32px;
     font-weight: 800;
     letter-spacing: -1.5px;
     color: #111;
     line-height: 1.2;
     margin-bottom: 18px;
 }

 .audit-form-description {
     font-size: 16px;
     line-height: 1.8;
     color: #444;
     margin-bottom: 25px;
 }

 /* FORM LABELS */
 .audit-form-label {
     display: block;
     font-size: 14px;
     font-weight: 600;
     color: #111;
     margin-bottom: 9px;
 }

 /* INPUTS */
 .audit-input {
     width: 100%;
     padding: 16px 18px;
     border: 1px solid #e4e4e4;
     border-radius: 14px;
     background: #f7f7f6;
     color: #111;
     font-size: 15px;
     outline: none;
     transition: .3s;
 }

 .audit-input:focus {
     background: #fff;
     border-color: #ffad29;
     box-shadow: 0 0 0 4px rgba(255, 174, 41, .12);
 }

 .audit-input::placeholder {
     color: #818181;
 }

 .audit-form-group {
     margin-bottom: 20px;
 }

 /* SERVICE OPTIONS */
 .audit-services {
     display: flex;
     flex-wrap: wrap;
     gap: 9px;
 }

 .audit-service-option {
     position: relative;
 }

 .audit-service-option input {
     position: absolute;
     opacity: 0;
     width: 1px;
     height: 1px;
 }

 .audit-service-option label {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #ffc329;
     border: 1px solid transparent;
     padding: 10px 15px;
     border-radius: 50px;
     font-size: 13px;
     font-weight: 700;
     color: #111;
     cursor: pointer;
     transition: .3s;
     user-select: none;
 }

 .audit-service-option label:hover {
     background: #ffae18;
 }

 .audit-service-option input:checked+label {
     background: #111;
     color: #fff;
 }

 .audit-service-option input:focus-visible+label {
     outline: 3px solid #ff9b20;
     outline-offset: 3px;
 }

 /* TEXTAREA */
 .audit-message {
     resize: vertical;
     min-height: 105px;
 }

 /* SUBMIT BUTTON */
 .audit-submit-btn {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     border: none;
     border-radius: 50px;
     padding: 17px 25px;
     background: linear-gradient(100deg, #ffc329, #ff6918);
     color: #111;
     font-size: 15px;
     font-weight: 800;
     cursor: pointer;
     box-shadow: 0 12px 24px rgba(255, 112, 24, .2);
     transition: all .3s ease;
 }

 .audit-submit-btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 16px 28px rgba(255, 112, 24, .3);
 }

 .audit-submit-btn i {
     font-size: 17px;
 }

 /* BOTTOM NOTE */
 .audit-bottom-note {
     text-align: center;
     margin-top: 18px;
     font-size: 12px;
     line-height: 1.7;
     color: #737373;
 }

 .audit-bottom-note a {
     color: #555;
     text-decoration: underline;
 }

 /* TABLET */
 @media (max-width: 1199px) {
     .faq-main-title {
         font-size: 45px;
     }

     .audit-form-card {
         padding: 30px;
     }

     .audit-form-title {
         font-size: 28px;
     }

     .faq-custom-accordion .accordion-button {
         font-size: 15px;
         padding: 20px;
     }
 }

 /* MOBILE */
 @media (max-width: 991px) {
     .faq-audit-section {
         padding: 45px 0 60px;
     }

     .faq-left-content {
         margin-bottom: 30px;
     }

     .faq-main-title {
         font-size: 40px;
     }
 }

 @media (max-width: 575px) {
     .faq-audit-container {
         padding: 0 16px;
     }

     .faq-main-title {
         font-size: 35px;
         letter-spacing: -1.5px;
     }

     .faq-custom-accordion .accordion-button {
         font-size: 14px;
         padding: 18px;
     }

     .faq-custom-accordion .accordion-body {
         padding: 8px 18px 20px;
         font-size: 14px;
     }

     .audit-form-card {
         padding: 28px 20px;
         border-radius: 22px;
     }

     .audit-form-title {
         font-size: 26px;
     }

     .audit-form-description {
         font-size: 14px;
     }

     .audit-service-option label {
         font-size: 12px;
         padding: 9px 12px;
     }
 }





 /* =========================== website-cta-section ================================ */

 .website-cta-section {
     position: relative;
     background: linear-gradient(105deg,
             #ffc52c 0%,
             #ffad24 45%,
             #ff7517 100%);
     padding: 90px 0;
     overflow: hidden;
 }

 .website-cta-container {
     max-width: 1350px;
     margin: 0 auto;
     padding: 0 24px;
 }

 /* HEADING */
 .website-cta-title {
     font-size: clamp(36px, 4vw, 58px);
     line-height: 1.1;
     font-weight: 800;
     letter-spacing: -2.5px;
     color: #0e0e0e;
     max-width: 1200px;
     margin-bottom: 20px;
 }

 /* DESCRIPTION */
 .website-cta-description {
     font-size: 19px;
     line-height: 1.8;
     font-weight: 400;
     color: #242424;
     max-width: 1250px;
     margin-bottom: 32px;
 }

 /* BUTTON WRAPPER */
 .website-cta-buttons {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 13px;
 }

 /* CONSULTATION BUTTON */
 .website-cta-primary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 18px;
     padding: 16px 28px;
     border-radius: 50px;
     background: #0d0d0d;
     color: #fff;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     border: 1px solid #0d0d0d;
     transition: all .3s ease;
 }

 .website-cta-primary:hover {
     background: #fff;
     border-color: #fff;
     color: #111;
     transform: translateY(-3px);
 }

 .website-cta-primary i {
     font-size: 14px;
     transition: transform .3s ease;
 }

 .website-cta-primary:hover i {
     transform: translateX(5px);
 }

 /* WHATSAPP BUTTON */
 .website-cta-whatsapp {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 13px;
     padding: 16px 27px;
     border-radius: 50px;
     border: 1px solid #111;
     background: transparent;
     color: #111;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     transition: all .3s ease;
 }

 .website-cta-whatsapp i {
     font-size: 18px;
 }

 .website-cta-whatsapp:hover {
     background: #111;
     color: #fff;
     transform: translateY(-3px);
 }

 /* TABLET */
 @media (max-width: 991px) {
     .website-cta-section {
         padding: 75px 0;
     }

     .website-cta-title {
         font-size: 45px;
         letter-spacing: -1.8px;
     }

     .website-cta-description {
         font-size: 17px;
     }
 }

 /* MOBILE */
 @media (max-width: 767px) {
     .website-cta-section {
         padding: 60px 0;
     }

     .website-cta-container {
         padding: 0 18px;
     }

     .website-cta-title {
         font-size: 36px;
         line-height: 1.2;
         letter-spacing: -1.5px;
     }

     .website-cta-description {
         font-size: 16px;
         line-height: 1.7;
         margin-bottom: 25px;
     }

     .website-cta-buttons {
         gap: 12px;
     }

     .website-cta-primary,
     .website-cta-whatsapp {
         padding: 14px 22px;
         font-size: 14px;
     }
 }

 /* SMALL MOBILE */
 @media (max-width: 480px) {
     .website-cta-title {
         font-size: 32px;
     }

     .website-cta-buttons {
         flex-direction: column;
         align-items: stretch;
     }

     .website-cta-primary,
     .website-cta-whatsapp {
         width: 100%;
     }
 }




 /* ================================= premium-footer  ====================================== */

 /* FOOTER */
 .premium-footer {
     background: #0e0e0d;
     color: #fff;
     padding: 85px 0 0;
     font-family: 'Inter', sans-serif;
 }

 .premium-footer .footer-container {
     max-width: 1350px;
     margin: 0 auto;
     padding: 0 24px;
 }

 /* GRID */
 .premium-footer .footer-grid {
     display: grid;
     grid-template-columns: 1.5fr 1fr 1.25fr 1fr 1fr 1.4fr;
     gap: 35px;
 }

 /* LOGO */
 .premium-footer .footer-logo {
     max-width: 210px;
     height: auto;
     margin-bottom: 25px;
 }

 .premium-footer .footer-description {
     color: #a9a9a9;
     font-size: 15px;
     line-height: 1.9;
     margin-bottom: 24px;
 }

 /* SOCIAL ICONS */
 .premium-footer .footer-social {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .premium-footer .footer-social a {
     width: 44px;
     height: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #353535;
     border-radius: 50%;
     color: #fff;
     font-size: 16px;
     text-decoration: none;
     transition: all .3s ease;
 }

 .premium-footer .footer-social a:hover {
     background: #ffb900;
     border-color: #ffb900;
     color: #111;
     transform: translateY(-4px);
 }

 /* FOOTER HEADINGS */
 .premium-footer .footer-heading {
     font-size: 15px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 30px;
     position: relative;
     padding-bottom: 15px;
 }

 .premium-footer .footer-heading::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 32px;
     height: 4px;
     border-radius: 10px;
     background: linear-gradient(90deg, #ffc329, #ff8017);
 }

 /* LINKS */
 .premium-footer .footer-links {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .premium-footer .footer-links li {
     margin-bottom: 16px;
 }

 .premium-footer .footer-links a {
     color: #e3e3e3;
     font-size: 15px;
     line-height: 1.6;
     text-decoration: none;
     transition: color .3s ease;
 }

 .premium-footer .footer-links a:hover {
     color: #ffbd20;
 }

 /* HIGHLIGHT LINKS */
 .premium-footer .footer-links .highlight-link {
     color: #ffbd20;
     font-weight: 700;
 }

 /* CONTACT */
 .premium-footer .footer-contact-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .premium-footer .footer-contact-list li {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     margin-bottom: 17px;
     color: #e3e3e3;
     font-size: 15px;
     line-height: 1.8;
 }

 .premium-footer .footer-contact-list i {
     color: #ffbd20;
     font-size: 15px;
     margin-top: 5px;
     flex-shrink: 0;
 }

 .premium-footer .footer-contact-list a {
     color: #e3e3e3;
     text-decoration: none;
     overflow-wrap: anywhere;
 }

 .premium-footer .footer-contact-list a:hover {
     color: #ffbd20;
 }

 /* WHATSAPP BUTTON */
 .premium-footer .footer-whatsapp {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     padding: 13px 20px;
     border: 1px solid #414141;
     border-radius: 50px;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     font-weight: 600;
     margin-top: 5px;
     transition: all .3s ease;
 }

 .premium-footer .footer-whatsapp:hover {
     background: #25d366;
     border-color: #25d366;
     color: #fff;
 }

 /* DISCLAIMER */
 .premium-footer .footer-disclaimer {
     color: #939393;
     font-size: 12px;
     line-height: 1.9;
     max-width: 800px;
     margin-top: 45px;
     margin-bottom: 60px;
 }

 /* FOOTER BOTTOM */
 .premium-footer .footer-bottom {
     border-top: 1px solid #292929;
     padding: 28px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
 }

 .premium-footer .footer-copyright {
     color: #999;
     font-size: 13px;
     margin: 0;
 }

 .premium-footer .footer-bottom-links {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 22px;
 }

 .premium-footer .footer-bottom-links a {
     color: #999;
     font-size: 13px;
     text-decoration: none;
 }

 .premium-footer .footer-bottom-links a:hover {
     color: #ffbd20;
 }

 /* BACK TO TOP */
 .footer-back-top {
     position: fixed;
     bottom: 90px;
     right: 25px;
     width: 45px;
     height: 45px;
     background: #111;
     color: #ffbd20;
     border: 1px solid #414141;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     z-index: 999;
     transition: all .3s ease;
 }

 .footer-back-top:hover {
     background: #ffbd20;
     color: #111;
 }

 /* FLOATING WHATSAPP */
 .footer-floating-whatsapp {
     position: fixed;
     right: 20px;
     bottom: 20px;
     display: inline-flex;
     align-items: center;
     gap: 12px;
     padding: 15px 22px;
     border-radius: 50px;
     background: #20cf65;
     color: #fff;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
     z-index: 999;
     transition: all .3s ease;
 }

 .footer-floating-whatsapp i {
     font-size: 24px;
 }

 .footer-floating-whatsapp:hover {
     background: #16b956;
     color: #fff;
     transform: translateY(-4px);
 }

 /* RESPONSIVE */
 @media (max-width: 1199px) {
     .premium-footer .footer-grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 45px 30px;
     }
 }

 @media (max-width: 767px) {
     .premium-footer {
         padding-top: 55px;
     }

     .premium-footer .footer-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 35px 20px;
     }

     .premium-footer .footer-bottom {
         flex-direction: column;
         align-items: flex-start;
     }

     .premium-footer .footer-disclaimer {
         margin-bottom: 35px;
     }
 }

 @media (max-width: 480px) {
     .premium-footer .footer-grid {
         grid-template-columns: 1fr;
     }

     .premium-footer .footer-container {
         padding: 0 18px;
     }

     .footer-floating-whatsapp {
         padding: 13px 16px;
         font-size: 13px;
         right: 12px;
         bottom: 12px;
     }

     .footer-back-top {
         right: 15px;
         bottom: 85px;
     }
 }
 
 
 
.bc-floating-call {
    position: fixed;
    bottom: 25px;
    left: 20px;
    top: auto;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 99999;
    isolation: isolate;
}


/* Yellow Main Circle */
.bc-call-icon {
    position: relative;
    z-index: 4;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFD43B;
    color: #102B50;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    font-size: 23px;
    box-shadow: 0 5px 18px rgba(16, 43, 80, 0.25);
    animation: bc-phone-ring 2s ease-in-out infinite;
    transition: background 0.3s ease;
}

/* Three Pulse Animations */
.bc-call-pulse {
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 2px solid #FFD43B;
    border-radius: 50%;
    animation: bc-call-wave 2.4s ease-out infinite;
    pointer-events: none;
}

.bc-call-pulse-2 {
    animation-delay: 0.8s;
}

.bc-call-pulse-3 {
    animation-delay: 1.6s;
}

/* Phone Ring Animation */
@keyframes bc-phone-ring {
    0%, 70%, 100% {
        transform: rotate(0deg);
    }

    74% {
        transform: rotate(-15deg);
    }

    78% {
        transform: rotate(15deg);
    }

    82% {
        transform: rotate(-10deg);
    }

    86% {
        transform: rotate(10deg);
    }

    90% {
        transform: rotate(0deg);
    }
}

/* Expanding Pulse Animation */
@keyframes bc-call-wave {
    0% {
        transform: scale(1);
        opacity: 0.85;
    }

    100% {
        transform: scale(2.1);
        opacity: 0;
    }
}

/* Hover Effect */
.bc-floating-call:hover .bc-call-icon {
    background: #FFC107;
    color: #102B50;
    transform: scale(1.08);
}

@media (max-width: 767.98px) {
    .bc-floating-call {
        bottom: 20px;
        left: 12px;
        top: auto;
        width: 48px;
        height: 48px;
    }

    .bc-call-icon {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .bc-call-icon,
    .bc-call-pulse {
        animation: none;
    }
}