/* ===== SECTION BASE ===== */
   @media(min-width:768px) {
     .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: 12px;
     text-align: left;
     border: 1px solid transparent;
     transition: all 0.3s ease;
     height: 100%;
   }

   /* Highlight 2nd & 3rd in every group of 4 */


   @media(max-width:768px) {

     .digital-leap-section .row>div:nth-child(4n+2) .digital-leap-card,
     .digital-leap-section .row>div:nth-child(4n+4) .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+4) .digital-leap-icon-box {
       background: #E4F1FF;
       border: none;
     }
   }

   @media(min-width:769px) {

     .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;
   }

   .digital-leap-icon-box img {
     width: 24px;
     height: 24px;
   }

   /* ===== 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 */
   @media(min-width:768px) {
     .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: inherit;
       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;

   }

   .custom-label.optional {
     display: flex;
     justify-content: space-between;
   }

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

   .custom-label .nb-required {
     font-size: 14px;
     color: #830B0B;
     font-weight: 400;
   }

   /* Input Group */
   .custom-input-group {
     position: relative;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #00000014
   }


   .custom-input-group.select::after {
     content: "";
     position: absolute;
     right: 18px;
     top: 50%;
     width: 6px;
     height: 6px;
     border-right: 1px solid #6B7280;
     border-bottom: 1px solid #6B7280;
     transform: translateY(-70%) rotate(45deg);
     pointer-events: none;
   }

   .custom-input-group select {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
   }

   .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: 2px dashed #00000014;
     border-radius: 4px;
     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 !important;
     font-weight: 500;
     margin: 2px 0 !important;
     color: #0B2133;
   }

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


   /* 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%;
     transition: transform 0.3s ease;
     cursor: pointer;
   }

   .custom-btn-primary:hover {
     transform: translateY(-5px);
   }

   .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;
     margin: 0px !important;
   }

   .custom-input-group:focus-within {
     border-color: #0A55D6;
     border: 1px solid #0A55D6;
     border-radius: 4px;
     box-shadow: 0 0 0 3px rgba(10, 85, 214, 0.1);
   }

   /* 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;
     border: none !important;
     /* 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 330px;
     padding-right: 15px;
     border-right: 1px solid #e5e5e5;
   }

   .nb-26-custom-nav-bar .nb-26-dropdown-title {
     font-size: 24px;
     font-weight: 700;
     margin-bottom: 18px;
     color: #000;
     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: #000;
     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 330px;
       padding-right: 15px;
       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: #000;
     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;
     margin: 0px 20px;
   }

   .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: 5%;
   }

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

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


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

   @media(max-width:768px) {
     .all-heading-margin {
       margin-bottom: 20px !important;
     }
   }


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

   .nb-process-mobile {
     display: block;
     padding: 0px 15px;
   }

   @media (min-width: 1400px) {

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

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

   }


   @media(min-width:991PX) {
     .bc-common-cta .col-lg-4 {
       padding-left: 50px;
     }
   }







   /* contact page 26 */

   /* body {
    background-color: #f4f6fb;
    font-family: 'Segoe UI', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
} */

   /* ── Main wrapper ── */
   .nb-26-new-contact {
     /* flex: 1; */
     /* padding: 40px 0 0 0; */
   }

   /* ── Left card (form) ── */
   .nb-26-new-contact .nb-form-card {
     background: #ffffff;
     border-radius: 14px;
     padding: 36px 32px 32px;
     /* box-shadow: 0 2px 18px rgba(10, 85, 214, 0.07); */
     box-shadow: 2px 2px 4.9px 0px #0000001A;
     height: 100%;
     border: 1px solid #D0D5DC;
   }

   .nb-26-new-contact .nb-form-card .heading {
     font-size: 24px;
     font-weight: 700;
     color: #0F172A;
     margin-bottom: 6px;
   }

   .nb-26-new-contact .nb-form-card .nb-subtitle {
     font-size: 16px;
     color: #64748B;
     margin-bottom: 22px;
     line-height: 1.5;
   }

   /* ── Input group override ── */
   .nb-26-new-contact .nb-input-group {
     border: 1.5px solid #d1d5db;
     border-radius: 4px;
     overflow: hidden;
     background: #fff;
     transition: border-color 0.2s;
   }

   .nb-26-new-contact .nb-input-group:focus-within {
     border-color: #0A55D6;
     box-shadow: 0 0 0 3px rgba(10, 85, 214, 0.1);
   }

   .nb-26-new-contact .nb-input-group .nb-icon-wrap {
     display: flex;
     align-items: center;
     padding: 0 12px;
     background: #fff;
     color: #9ca3af;
     font-size: 1rem;
   }

   .nb-26-new-contact .nb-input-group .form-control,
   .nb-26-new-contact .nb-input-group textarea.form-control {
     border: none !important;
     box-shadow: none;
     padding: 11px 12px 11px 0;
     font-size: 0.875rem;
     color: #374151;
     background: transparent;
     outline: none;
   }

   .nb-26-new-contact .nb-input-group textarea.form-control {
     resize: none;
     min-height: 100px;
   }

   .nb-26-new-contact .nb-input-group .form-control::placeholder,
   .nb-26-new-contact .nb-input-group textarea.form-control::placeholder {
     color: #9ca3af;
     font-size: 0.875rem;
   }

   /* ── Phone row ── */
   .nb-26-new-contact .nb-phone-group {
     border: 1.5px solid #d1d5db;
     border-radius: 4px;
     overflow: hidden;
     background: #fff;
     display: flex;
     align-items: center;
     transition: border-color 0.2s;
   }

   .nb-26-new-contact .nb-phone-group:focus-within {
     border-color: #0A55D6;
     box-shadow: 0 0 0 3px rgba(10, 85, 214, 0.1);
   }

   .nb-26-new-contact .nb-country-select {
     border: none !important;
     background: transparent;
     padding: 11px 10px 11px 12px !important;
     font-size: 0.875rem !important;
     color: #374151;
     outline: none !important;
     cursor: pointer;
     border-right: 1.5px solid #d1d5db !important;
     width: 90px !important;
     flex-shrink: 0 !important;
     border-radius: 0px !important;
     position: relative !important;
   }

   .nb-26-new-contact .nb-country-select::after {
     content: '\f078';
     font-family: 'Font Awesome 6 Free';
     font-weight: 900;
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
     color: #9ca3af;
     font-size: 11px;
     pointer-events: none;
     z-index: 2;
   }

   .nb-26-new-contact .nb-country-select:focus {
     background-color: #f9fafb;
   }

   .nb-26-new-contact .nb-country-select option {
     background: #fff;
     color: #374151;
   }

   .nb-26-new-contact .nb-phone-group .form-control {
     border: none;
     box-shadow: none;
     padding: 11px 12px;
     font-size: 0.875rem;
     color: #374151;
     background: transparent;
     outline: none;
     flex: 1;
   }

   .nb-26-new-contact .nb-phone-group .form-control::placeholder {
     color: #9ca3af;
     font-size: 0.875rem;
   }

   /* ── Privacy checkbox ── */
   .nb-26-new-contact .nb-privacy-label {
     font-size: 16px;
     color: #4b5563;
     /* display: flex; */
     align-items: center;
     gap: 8px;
     /* cursor: pointer; */
   }

   .nb-26-new-contact .nb-privacy-label a {
     color: #0A55D6;
     text-decoration: none;
     font-weight: 500;
   }

   .nb-26-new-contact .nb-privacy-label a:hover {
     text-decoration: underline;
   }

   .nb-26-new-contact .form-check-input:checked {
     background-color: #0A55D6;
     border-color: #0A55D6;
   }

   /* ── Send button ── */
   .nb-26-new-contact .nb-send-btn {
     background-color: #086AD8;
     border: none;
     border-radius: 8px;
     color: #fff;
     font-size: 0.9rem;
     font-weight: 600;
     padding: 11px 26px;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     transition: background-color 0.2s, transform 0.15s;
   }

   .nb-26-new-contact .nb-send-btn:hover {
     background-color: #0848b8;
     transform: translateY(-1px);
   }

   /* ── Right panel ── */
   .nb-26-new-contact .nb-right-panel {
     display: flex;
     flex-direction: column;
     gap: 20px;
   }

   /* ── Top row: illustration + logo ── */
   .nb-26-new-contact .nb-top-row-contact {
     display: flex;
     align-items: center;
     gap: 20px;
   }

   @media (max-width:600px) {
     .nb-26-new-contact .nb-top-row-contact {
       flex-direction: column
     }

   }

   .nb-26-new-contact .nb-illustration {
     flex: 1.5;
     border-radius: 12px;
     overflow: hidden;
     max-height: 140px;
   }

   .nb-26-new-contact .nb-illustration img {
     width: 100%;
     height: 140px;
     object-fit: cover;
     border-radius: 12px;
   }

   .nb-26-new-contact .nb-logo-wrap {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     min-width: 140px;
   }

   .nb-26-new-contact .nb-logo-wrap img {
     width: 100%;
   }

   @media (max-width:768px) {

     .nb-26-new-contact .nb-logo-wrap img {
       max-width: 140px;
     }
   }

   /* ── How can we help ── */
   .nb-26-new-contact .nb-help-heading {
     text-align: center;
     font-size: 20px;
     font-weight: 500;
     color: #0F172A;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
   }

   .nb-26-new-contact .nb-help-heading::before,
   .nb-26-new-contact .nb-help-heading::after {
     content: '';
     flex: 1;
     height: 1px;
     background: #9DC4F7;
     max-width: 100px;
   }

   /* ── Help cards ── */
   .nb-26-new-contact .nb-help-card {
     background: #fff;
     border: 1.5px solid #e5e7eb;
     border-radius: 12px;
     padding: 22px 18px 18px;
     text-align: center;
     height: 100%;
     transition: box-shadow 0.2s;
     border: 1px solid #E2E8F0;
     box-shadow: 2px 2px 11.5px 0px #0000001A;
   }

   .nb-26-new-contact .nb-help-card:hover {
     box-shadow: 0 4px 18px rgba(10, 85, 214, 0.1);
   }

   .nb-26-new-contact .nb-help-card .nb-card-icon {
     width: 52px;
     height: 52px;
     background: linear-gradient(180deg, #0276FA 0%, #005BC4 100%);
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 1.3rem;
     margin-bottom: 12px;
   }

   .nb-26-new-contact .nb-help-card .inner-heading {
     font-size: 18px !important;
     font-weight: 600 !important;
     color: #111827 !important;
     margin-bottom: 10px;
   }

   .nb-26-new-contact .nb-help-card p {
     font-size: 14px;
     color: #6b7280;
     line-height: 1.45;
     padding-bottom: 14px;
     max-width: 75%;
     margin: auto;
   }

   .nb-26-new-contact .nb-help-card .nb-card-email {
     font-size: 14px;
     color: #0A55D6;
     margin-bottom: 10px;
     display: block;
     font-weight: 500;
   }

   .nb-26-new-contact .nb-help-card .nb-card-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     width: 100%;
     background-color: #0A55D6;
     color: #fff;
     border: none;
     border-radius: 7px;
     padding: 9px 14px;
     font-size: 15px;
     font-weight: 600;
     text-decoration: none;
     transition: background-color 0.2s;
   }

   .nb-26-new-contact .nb-help-card .nb-card-btn i {
     font-size: 12px
   }

   .nb-26-new-contact .nb-help-card .nb-card-btn:hover {
     background-color: #0848b8;
     color: #fff;
   }




   /* Bottom Info */
   .nb-contact-info {
     background: #F4F7FE;
     border-radius: 12px;
     padding: 20px;
     margin-top: 40px;
   }

   .nb-contact-info-wrap {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
   }

   .nb-info-item {
     flex: 1 1 auto;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 0px 20px;
     min-height: 70px;
     /* border-right: 1px solid #D9E3F3; */
     border-right: 1px solid #87C0FF;
   }

   .nb-info-item:last-child {
     border-right: 0;
   }

   .nb-info-icon {
     font-size: 32px;
     color: #086AD8;
     flex-shrink: 0;
   }

   .nb-info-title {
     font-size: 14px;
     font-weight: 700;
     color: #086AD8;
     margin-bottom: 0px;
     line-height: 1rem;
   }

   .nb-info-text {
     font-size: 12px;
     color: #363C4A;
     line-height: 1.5;
   }

   .nb-social {
     display: flex;
     gap: 12px;
     margin-top: 0px;
   }

   .nb-social a {
     color: #086AD8;
     font-size: 14px;
     transition: 0.3s;
   }

   .nb-social a:hover {
     color: #0847B7;
   }

   @media (max-width: 1199px) {
     .nb-info-item {
       flex: 1 1 auto;
       border-right: 0;
     }
   }

   @media (max-width: 767px) {
     .nb-contact-info {
       padding: 15px;
     }

     .nb-info-item {
       flex: 1 1 auto;
       padding: 12px 10px;
     }

     .nb-info-icon {
       font-size: 28px;
     }
   }




   .web-design-soln-26-nb:nth-child(odd) .service-card {
     background: #E4F1FF !important;
   }

   .web-design-soln-26-nb:nth-child(even) .service-card {
     background: #fff !important;
   }

   .web-design-soln-26-nb:nth-child(odd) .service-card .icon-box {
     background: #fff !important;
     border: 1.5px solid #086AD8;
   }

   .web-design-soln-26-nb .service-card .icon-box i {
     color: #086AD8;
   }

   .web-design-soln-26-nb:nth-child(even) .service-card .icon-box {
     background: #E7F0FF !important;
   }


   .website-design-solution .col-md-4:nth-child(even) .service-card {
     background-color: #ffffff;
   }

   .website-design-solution .col-md-4:nth-child(even) .icon-box {
     background-color: #E7F0FF;
     color: #086AD8;
   }


   .hire-talent-custom-banner {
     position: relative;
     padding: 40px 0px;
   }



   .nb-26-simless-hiring-process {
     margin-top: 70px;
   }

   .nb-26-simless-hiring-process .nb-26-process-row {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     gap: 16px;
     flex-wrap: nowrap;
     position: relative;
   }

   @media(min-width:1199px) {
     .nb-26-simless-hiring-process .nb-26-process-row::after {
       content: "";
       position: absolute;
       top: 54px;
       left: 74px;
       width: 83%;
       height: 2px;
       background: rgba(0, 0, 0, 0.075);
       z-index: -1;
     }
   }

   .nb-26-simless-hiring-process .nb-26-process-item {
     position: relative;
     flex: 1;
     min-width: 0;
   }

   .nb-26-simless-hiring-process .nb-26-step-badge {
     position: absolute;
     top: -38px;
     left: 50%;
     transform: translateX(-50%);
     background: #086AD8;
     color: #fff;
     font-size: 11px;
     font-weight: 700;
     padding: 4px 12px;
     border-radius: 20px;
     z-index: 3;
     text-transform: uppercase;
   }

   .nb-26-simless-hiring-process .nb-26-icon-wrap {
     width: 110px;
     height: 110px;
     background: #fff;
     border: 3px solid #086AD8;
     border-radius: 50%;
     margin: 0 auto -15px;
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .nb-26-simless-hiring-process .nb-26-icon-wrap img {
     width: 70px;
     height: 70px;
     z-index: 5;
   }

   .nb-26-simless-hiring-process .nb-26-icon-wrap::before {
     content: "";
     position: absolute;
     inset: 1px 3px 1px 3px;
     border: 2px solid #086AD8;
     border-radius: 50%;
     background: #EBF5FC;
   }

   .nb-26-simless-hiring-process .nb-26-icon-wrap i {
     font-size: 50px;
     color: #086AD8;
     position: relative;
     z-index: 1;
   }




   .nb-26-simless-hiring-process .nb-26-card {
     background: #fff;
     border-radius: 8px;
     text-align: center;
     padding: 36px 20px 22px;
     min-height: 190px;
     box-shadow: 2px 2px 18.3px 0px #00000026;
   }

   .nb-26-simless-hiring-process .nb-26-card .inner-heading {
     font-size: 18px;
     font-weight: 700;
     color: #111;
     line-height: 1.2;
     margin-bottom: 12px;
   }

   .nb-26-simless-hiring-process .nb-26-line {
     width: 24px;
     height: 2px;
     background: #086AD8;
     margin: 0 auto 14px;
   }

   .nb-26-simless-hiring-process .nb-26-card p {
     font-size: 13px;
     line-height: 1.4;
     color: #4b505b;
     margin: 0;
   }

   .nb-26-simless-hiring-process .nb-26-arrow {
     width: 26px;
     height: 26px;
     border-radius: 50%;
     background: #086AD8;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 41px;
     flex-shrink: 0;
   }

   .nb-26-simless-hiring-process .nb-26-arrow i {
     font-size: 10px;
   }

   @media (max-width: 1199px) {

     .nb-26-simless-hiring-process .nb-26-icon-wrap {
       width: 80px;
       height: 80px;
     }

     .nb-26-simless-hiring-process .nb-26-icon-wrap img {
       width: 50px;
       height: 50px
     }

     .nb-26-simless-hiring-process .nb-26-icon-wrap i {
       font-size: 40px;
     }

     .nb-26-simless-hiring-process .nb-26-step-badge {
       top: -30px;
     }

     .nb-26-simless-hiring-process .nb-26-process-row {
       flex-wrap: wrap;
       row-gap: 60px;
     }

     .nb-26-simless-hiring-process .nb-26-process-item {
       flex: 0 0 calc(50% - 10px);
     }

     .nb-26-simless-hiring-process .nb-26-arrow {
       display: none;
     }
   }

   @media (max-width: 575px) {

     .nb-26-simless-hiring-process .nb-26-icon-wrap {
       width: 50px;
       height: 50px;
     }

     .nb-26-simless-hiring-process .nb-26-icon-wrap img {
       width: 30px;
       height: 30px
     }

     .nb-26-simless-hiring-process .nb-26-icon-wrap i {
       font-size: 30px;
     }

     .nb-26-simless-hiring-process {
       padding: 40px 0;
     }

     .nb-26-simless-hiring-process .nb-26-process-item {
       flex: 0 0 100%;
     }

     .nb-26-simless-hiring-process .nb-26-card {
       min-height: auto;
     }

     .nb-26-simless-hiring-process .nb-26-icon-wrap {
       width: 72px;
       height: 72px;
     }

     .nb-26-simless-hiring-process .nb-26-icon-wrap i {
       font-size: 28px;
     }
   }

   .nb-26-process-bottom-row {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
   }

   @media (min-width: 500px) {
     .nb-26-process-bottom-row {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
     }
   }

   @media (min-width: 991px) {
     .nb-26-process-bottom-row {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
     }
   }

   @media (min-width: 1200px) {
     .nb-26-process-bottom-row {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
     }
   }

   .nb-26-simless-hiring-process .nb-26-arrow:last-child {
     display: none;
   }