/* ===== SECTION BASE ===== */
   .digital-leap-section::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: url('/wp-content/themes/notebrains-child-theme/theme-assets/images/background to.png') no-repeat top right;
     background-size: contain;
     opacity: 1.0;
     pointer-events: none;
   }

   /* ===== CONTENT ===== */
   .digital-leap-title {
     font-size: 28px;
   }

   .digital-leap-desc {
     /* max-width: 720px; */
     margin: 0 auto;
   }

   /* ===== CARD ===== */
   .digital-leap-card {
     background: #E4F1FF;
     padding: 15px;
     border-radius: 10px;
     text-align: left;
     border: 1px solid transparent;
     transition: all 0.3s ease;
     height: 100%;
   }

   /* Highlight 2nd & 3rd in every group of 4 */
   .digital-leap-section .row>div:nth-child(4n+2) .digital-leap-card,
   .digital-leap-section .row>div:nth-child(4n+3) .digital-leap-card {
     background: #ffffff;
     border: 1px solid #086AD8;
   }

   .digital-leap-section .row>div:nth-child(4n+2) .digital-leap-icon-box,
   .digital-leap-section .row>div:nth-child(4n+3) .digital-leap-icon-box {
     background: #E4F1FF;
     border: none;
   }


   .digital-leap-card:hover {
     transform: translateY(-6px);
     border-color: #086AD8;
   }

   /* ===== ICON ===== */
   .digital-leap-icon-box {
     width: 38px;
     height: 38px;
     border: 1px solid #086AD8;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .digital-leap-icon-box i {
     font-size: 16px;
     color: #0B5ED7;
   }

   /* ===== RESPONSIVE ===== */
   @media (max-width: 768px) {
     .digital-leap-section::after {
       width: 250px;
       height: 200px;
       opacity: 0.8;
     }
   }



   .contact-future-section {
     position: relative;
     background: #f8fbff;
     overflow: hidden;
   }

   /* ?? Bottom-left background image */
   .contact-future-section::before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: url('/wp-content/themes/notebrains-child-theme/theme-assets/images/background bottom.png') no-repeat bottom left;
     background-size: contain;
     opacity: 1.0;
     pointer-events: none;
   }



   /* Responsive */
   @media (max-width: 768px) {
     .contact-future-section::before {
       width: 250px;
       height: 250px;
       opacity: 0.2;
     }
   }


   .digital-leap-section,
   .contact-future-section {
     position: relative;
     z-index: 1;
   }

   .digital-leap-section::after,
   .contact-future-section::before {
     z-index: -1;
     /* ?? KEY FIX */
   }

   .digital-leap-section .container,
   .contact-future-section .container {
     position: relative;
     z-index: 2;
   }


   /* Wrapper */
   .custom-form-wrapper {
     max-width: 100%;
     margin: auto;
     background: #E6F0FB;
     padding: 30px;
     border-radius: 12px;
   }

   /* Label */
   .custom-label {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 6px;
     display: block;
     color: #1c2b3a;
     display: flex;
     justify-content: space-between;
   }

   /* Hide default file input */
   .custom-file-input {
     display: none;
   }

   .custom-label span {
     font-size: 15px;
     color: #6B7280;
   }

   /* Input Group */
   .custom-input-group {
     position: relative;
   }

   .custom-input-group i {
     position: absolute;
     left: 12px;
     top: 50%;
     transform: translateY(-50%);
     color: #6B7280;
     font-size: 15px;
   }

   /* Inputs */
   .custom-input-group input,
   .custom-input-group select,
   .custom-input-group textarea {
     width: 100%;
     height: 48px;
     border: none;
     border-radius: 6px;
     padding: 10px 12px 10px 38px;
     background: #fff;
     font-size: 15px;
   }

   .custom-input-group textarea {
     height: auto;
     min-height: 120px;
     padding-top: 12px;
   }

   /* Fix textarea icon */
   .custom-textarea i {
     top: 18px;
     transform: none;
   }

   /* Upload */
   .custom-upload-box {
     display: block;
     border: 1px dashed #9fb3d1;
     border-radius: 8px;
     text-align: center;
     padding: 15px;
     background: transparent;
     cursor: pointer;
   }

   .custom-upload-box i {
     font-size: 18px;
     color: #0d6efd;
     margin-bottom: 10px;
   }

   .custom-upload-box p {
     font-size: 18px;
     font-weight: 500;
     margin: 5px 0;
   }

   .custom-upload-box small {
     font-size: 14px;
     color: #6B7280;
   }


   /* Buttons */
   .custom-btn-group {
     display: flex;
     justify-content: space-between;
     gap: 15px;
     flex-wrap: wrap;
   }

   @media (max-width:768px) {
     .custom-btn-group {
       flex-direction: column;
     }

     .custom-btn-outline,
     .custom-btn-primary {
       width: 100% !important;
     }

   }

   .custom-btn-primary {
     background: #0B5ED7;
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     border: none;
     padding: 12px 30px;
     border-radius: 6px;
     width: 45%;
   }

   .custom-btn-outline {
     border: 1px solid #0B5ED7;
     color: #0B5ED7;
     font-size: 18px;
     font-weight: 600;
     background: #fff;
     padding: 12px 30px;
     border-radius: 6px;
     width: 45%;
   }

   .custom-input-group input[type="text"],
   .custom-input-group input[type="email"],
   .custom-input-group select,
   .custom-input-group textarea {
     color: #000;
     border: 1px solid #ccc;
     outline: none;
   }

   /* Focus state */
   .custom-input-group input[type="text"]:focus,
   .custom-input-group input[type="email"]:focus,
   .custom-input-group select:focus,
   .custom-input-group textarea:focus {
     border: 1px solid #086AD8;
     color: #000;
     outline: none;
     box-shadow: none;
     /* removes Bootstrap glow */
   }






   .nb-26-custom-nav-bar .nb-26-dropdown-wrap {
     display: flex;
     gap: 30px;
     padding: 20px;
   }

   /* =========================
           LEFT CONTENT
        ========================== */

   .nb-26-custom-nav-bar .nb-26-company-box {
     flex: 0 0 300px;
     padding-right: 20px;
     border-right: 1px solid #e5e5e5;
   }

   .nb-26-custom-nav-bar .nb-26-dropdown-title {
     font-size: 24px;
     font-weight: 700;
     margin-bottom: 18px;
     /* color: #0d6efd; */
     position: relative;
     padding-bottom: px;
   }

   .nb-26-custom-nav-bar .nb-26-dropdown-title::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 70px;
     height: 3px;
     background: #0d6efd;
     border-radius: 30px;
   }

   .nb-26-custom-nav-bar .nb-26-company-desc {
     font-size: 12px;
     line-height: 1.4;
     color: #949494;
     margin-bottom: 18px;
   }

   .nb-26-custom-nav-bar .nb-26-building-img {
     width: 100%;
     max-width: 285px;
     margin-bottom: 10px;
   }

   .nb-26-custom-nav-bar .nb-26-building-img img {
     width: 100%;
     object-fit: contain;
   }

   .nb-26-custom-nav-bar .nb-26-about-btn {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     padding: 12px 22px;
     border-radius: 10px;
     border: 1px solid #086AD880;
     color: #086AD8;
     text-decoration: none;
     font-weight: 400;
     transition: 0.3s;
     font-size: 16px;
   }

   @media screen and (max-width:1300px) {
     .nb-26-custom-nav-bar .nb-26-about-btn {
       font-size: 14px;
       padding: 6px 12px;
     }

     .nb-26-custom-nav-bar .nb-26-company-box {
       flex: 0 0 250px;
       padding-right: 20px;
       border-right: 1px solid #e5e5e5;
     }


   }


   .nb-26-custom-nav-bar .nb-26-about-btn i:first-of-type {
     font-size: 16px;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #beccde9c;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .nb-26-custom-nav-bar .nb-26-about-btn:hover {
     background: #0d6efd;
     color: #fff;
   }

   /* =========================
           RIGHT MENU
        ========================== */

   .nb-26-custom-nav-bar .nb-26-work-menu {
     /* width: 40%; */
     flex: 1;
   }

   .nb-26-custom-nav-bar .nb-26-work-menu-title {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 18px;
     /* color: #0d6efd; */
     display: flex;
     align-items: center;
     gap: 12px;
   }

   .nb-26-custom-nav-bar .nb-26-work-menu-title i {
     font-size: 16px;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #beccde9c;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #086ad8;
   }

   /* Logo Image */
   /* .nb-26-custom-nav-bar .nb-26-work-menu-title::before {
     content: "";
     width: 42px;
     height: 42px;
     min-width: 42px;
     border-radius: 12px;
     background: #0d6efd url("https://cdn-icons-png.flaticon.com/512/3050/3050525.png") center center no-repeat;
     background-size: 20px;
     box-shadow: 0 8px 20px rgba(13, 110, 253, 0.25);
   } */

   .nb-26-custom-nav-bar .nb-26-work-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 0px;
     width: 100%;
   }

   .nb-26-custom-nav-bar .nb-26-work-list-two {
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     grid-template-columns: repeat(2, 2fr);
     gap: 25px;
     width: 100%;
   }

   .nb-26-custom-nav-bar .nb-26-work-list ul li a,
   .nb-26-custom-nav-bar .nb-26-work-list-two ul li a {
     text-decoration: none;
     color: #000;
     font-size: 16px;
     display: flex;
     align-items: center;
     gap: 10px;
     transition: 0.3s;
     font-weight: 400;
     width: 100%;
   }

   .nb-26-custom-nav-bar .nb-26-work-list li a:hover,
   .nb-26-custom-nav-bar .nb-26-work-list-two li a:hover {
     color: #0d6efd;
     transform: translateX(5px);
   }

   .nb-26-custom-nav-bar .nb-26-work-list li a i,
   .nb-26-custom-nav-bar .nb-26-work-list-two li a i {
     font-size: 12px;
     color: #0d6efd;
   }

   /* =========================
           TECH STACK
        ========================== */

   .nb-26-custom-nav-bar .nb-26-tech-stack-area {
     /* margin-top: 28px; */
     border-top: 1px solid #e7e7e7;
     padding-top: 20px;
   }

   .nb-26-custom-nav-bar .nb-26-tech-stack-title {
     text-align: center;
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 18px;
     color: #0d6efd;
   }

   .nb-26-custom-nav-bar .nb-26-tech-slider {
     overflow: hidden;
     position: relative;
   }

   .nb-26-custom-nav-bar .nb-26-tech-track {
     display: flex;
     width: max-content;
     gap: 18px;
     animation: nb26scroll 22s linear infinite;
   }

   .nb-26-custom-nav-bar .nb-26-tech-slider:hover .nb-26-tech-track {
     animation-play-state: paused;
   }

   @keyframes nb26scroll {
     from {
       transform: translateX(0);
     }

     to {
       transform: translateX(-50%);
     }
   }

   .nb-26-custom-nav-bar .nb-26-tech-card {
     width: 65px;
     min-width: 65px;
     text-align: center;
     text-decoration: none;
     padding: 12px 10px;
     border-radius: 12px;
     transition: 0.3s;
     background: #fff;
   }

   .nb-26-custom-nav-bar .nb-26-tech-card:hover {
     background: #f4f8ff;
     transform: translateY(-5px);
   }

   .nb-26-custom-nav-bar .nb-26-tech-logo {
     width: 32px;
     height: 32px;
     object-fit: contain;
     margin-bottom: 10px;
   }

   .nb-26-custom-nav-bar .nb-26-tech-name {
     color: #111;
     font-size: 14px;
     font-weight: 600;
   }

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

   @media(max-width:991px) {

     .nb-26-custom-nav-bar {
       padding: 0 15px;
     }

     .nb-26-custom-nav-bar .dropdown-menu {
       width: 100%;
       padding: 20px;
     }

     .nb-26-custom-nav-bar .nb-26-dropdown-wrap {
       flex-direction: column;
     }

     .nb-26-custom-nav-bar .nb-26-company-box,
     .nb-26-custom-nav-bar .nb-26-work-menu {
       width: 100%;
       border-right: none;
       padding-right: 0;
     }

     .nb-26-custom-nav-bar .nb-26-company-box {
       border-bottom: 1px solid #e5e5e5;
       padding-bottom: 25px;
       margin-bottom: 25px;
     }

     .nb-26-custom-nav-bar .nav-link {
       padding: 14px 0 !important;
     }

     .nb-26-custom-nav-bar .dropdown:hover .dropdown-menu {
       display: none;
     }

     .nb-26-custom-nav-bar .dropdown-menu.show {
       display: block;
     }

     .nb-26-custom-nav-bar .nb-26-dropdown-title {
       font-size: 26px;
     }

     .nb-26-custom-nav-bar .nb-26-work-menu-title {
       font-size: 22px;
     }
   }




   .about-banner-content {
     position: relative;
     z-index: 2;
     max-width: 800px;
     padding-left: 2%;
   }

   @media(max-width:1200px) {
     .about-banner-content {

       padding-left: 0px;
       margin-top: 20px;
     }
   }


   .all-heading-margin {
     margin-bottom: 20px;
   }


   .nb-process-wrapper {
     display: none;
   }

   .nb-process-mobile {
     display: block;
   }

   @media (min-width: 1400px) {

     .nb-process-wrapper {
       display: block;
     }

     .nb-process-mobile {
       display: none;
     }

   }