/* layout page css */
     
     * {
            box-sizing: border-box;
        }
        body {
            margin: 0;
            font-family: "Manrope", -apple-system, Roboto, Helvetica, sans-serif;
        }

        :root {
            --encureit-blue: #1F3B75;
            --encureit-cyan: #1DB9DD;
            --gray-section: #ECF0F4;
            --dark-text: #1F1F1F;
            --gray-text: #666666;
        }

        @media (min-width: 1024px) {
            .lg-gap-110 {
                gap: 110px;
            }
        }

        /* Smooth scrolling for logo container */
        .logo-container {
            scroll-behavior: smooth;
        }

        /* Logo hover effects */
        .logo-item {
            transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
        }

        .logo-item:hover {
            transform: scale(1.05);
            opacity: 0.8;
        }

        .dropdown-enter {
            opacity: 0;
            transform: translateY(-10px);
        }

        .dropdown-enter-active {
            opacity: 1;
            transform: translateY(0);
            transition: all 0.2s ease-out;
        }

        .dropdown-exit {
            opacity: 1;
            transform: translateY(0);
        }

        .dropdown-exit-active {
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.2s ease-in;
        }

        .mobile-submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

        .mobile-submenu.open {
            max-height: 300px;
        }

        .arrow-rotate {
            transition: transform 0.2s ease;
        }

        .arrow-rotate.open {
            transform: rotate(180deg);
        }

        .stroke-text-white {
            -webkit-text-stroke: 3px white;
            text-stroke: 3px white;
        }

        .stroke-text-black {
            -webkit-text-stroke: 3px black;
            text-stroke: 3px black;
        }

        .bg-encure-navy-90 {
            background-color: rgba(31, 59, 117, 0.90);
        }

        .text-brand-yellow {
            color: #FBBC05;
        }

        .text-encure-dark {
            color: #333333;
        }

        .bg-brand-yellow {
            background-color: #FBBC05;
        }

        .hover\:bg-yellow-400:hover {
            background-color: #fbbf24;
        }

        .group:hover .group-hover\:translate-x-1 {
            transform: translateX(0.25rem);
        }

        .gradient-text {
            background: linear-gradient(180deg, #1DB9DD 0%, #1F3B75 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .slider-container {
            transition: transform 0.5s ease-in-out;
        }

        /* Active testimonial card styles */
        .testimonial-card {
            transition: all 0.3s ease-in-out;
            /* margin: 12px 8px; */
        }

        .testimonial-card.active-testimonial {
            border-color: #1DB9DD !important;
            border-width: 2px;
            box-shadow: 0 4px 20px rgba(29, 185, 221, 0.3);
            transform: scale(1.05);
            z-index: 10;
            position: relative;
        }

        .testimonial-card.active-testimonial:hover {
            transform: scale(1.05);
        }

        /* Testimonial slider container adjustments */
        #sliderContainerTestimonial {
            padding: 12px 8px;
        }

        /* Prevent overflow cutting on parent container */
        #sliderContainerTestimonial .testimonial-card:first-child {
            margin-left: 12px;
        }

        /* Custom styles for curved date badge shadows */
        .date-badge-left::before {
            content: '';
            position: absolute;
            bottom: 0;
            width: 20px;
            height: 40px;
            background: transparent;
            border-radius: 0 0 20px 0;
            box-shadow: 0 20px 0 0 white;
        }

        .date-badge-right::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 20px;
            height: 40px;
            background: transparent;
            border-radius: 0 0 0 20px;
            box-shadow: 0 20px 0 0 white;
        }

        @media (max-width: 640px) {

            .date-badge-left::before,
            .date-badge-right::after {
                width: 16px;
                height: 32px;
                border-radius: 0 0 16px 0;
                box-shadow: 0 16px 0 0 white;
            }

            .date-badge-right::after {
                border-radius: 0 0 0 16px;
            }
        }

        /* Smooth animations */
        .hover-scale {
            transition: transform 0.2s ease-in-out;
        }

        .hover-scale:hover {
            transform: scale(1.05);
        }

        /* Button gradient */
        .gradient-button {
            background: #1DB9DD;
            background: linear-gradient(135deg, #1DB9DD 0%, #16a5c7 100%);
        }

        /* Modal Overlay */
        /* Modal Overlay */
        /* .modal-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background-color: rgba(0, 0, 0, 0.5);
            align-items: center;
            justify-content: center;
            z-index: 9999;
            padding: 1rem;
        } */

        .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        background-color: rgba(0, 0, 0, 0.5);

        display: none;                 /* hidden by default */
        justify-content: center;       /* horizontal center */
        align-items: center;           /* vertical center */

        z-index: 9999;
        }

        .modal-overlay.active {
            display: flex;                 /* IMPORTANT */
        }

        /* .modal-overlay.active {
            display: flex;
        } */

        .modal-content {
            background: #fff;
            border-radius: 30px;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
            width: 100%;
            max-width: 900px;
            /* max-height: 90vh;
            overflow-y: auto;
            animation: slideUp 0.3s ease-out; */
            position: relative;  
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* .2 {
            border-bottom: 1px solid #ECF0F4;
            padding: 2rem;
            position: relative;
        } */

        @media (min-width: 768px) {
            .modal-header {
                padding: 32px 32px 10px 32px;
            }
        }

        .modal-title {

            font-size: 28px;
            font-weight: 700;
            color: #1DB9DD;
            margin-bottom: 0.5rem;
        }

        .modal-subtitle {

            font-size: 12px;
            color: #333333;
            letter-spacing: 0.12px;
            border-bottom: 1px solid #e5e7eb;
            padding-bottom: 1rem;
        }

        .modal-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.25);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
            font-size: 24px;
            line-height: 1;
            color: #000;
        }

        .modal-close:hover {
            background-color: rgba(0, 0, 0, 0.35);
        }

        /* Ensure modal headers are positioned for absolute close buttons */
        .modal-header,
        .modal2-header2 {
            position: relative;
        }

        /* Job modal close button styles */
        .modal2-close2 {
            position: absolute;
            top: 1rem;
            right: 1rem;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.25);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
            font-size: 16px;
            line-height: 1;
            color: #fff;
        }

        .modal2-close2:hover {
            background-color: rgba(0, 0, 0, 0.35);
        }

        .modal-body {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 10px 32px 32px 32px;
        }

        @media (min-width: 1024px) {
            .modal-body {
                flex-direction: row;
                gap: 10px;
            }
        }

        .form-section {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }

        .form-group {
            display: flex;
            flex-direction: column;
            gap: 0.375rem;
        }

        .form-label {

            font-size: 14px;
            color: #1F1F1F;
        }

        .form-label-required {
            color: #DE0000;
        }

        .form-input,
        .form-select,
        .form-textarea {
            height: 50px;
            border-radius: 30px;
            border: 1px solid #D4D6D8;
            padding: 0 1rem;

            font-size: 14px;
            color: #1F1F1F;
            transition: all 0.2s;
        }

        .form-input::placeholder,
        .form-select::placeholder,
        .form-textarea::placeholder {
            color: #898989;
        }

        .form-input:focus,
        .form-select:focus,
        .form-textarea:focus {
            outline: none;
            border-color: #1DB9DD;
            box-shadow: 0 0 0 3px rgba(29, 185, 221, 0.1);
        }

        .form-textarea {
            min-height: 150px;
            padding: 0.75rem 1rem;
            resize: none;
        }

        .form-file-upload {
            height: 50px;
            border-radius: 30px;
            border: 1px solid #D4D6D8;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .form-file-browse {
            background-color: #1F3B75;
            color: #fff;
            border: none;
            padding: 0 2rem;
            height: 100%;
            display: flex;
            align-items: center;
            cursor: pointer;

            font-weight: 500;
            font-size: 14px;
            transition: background-color 0.2s;
            border-radius: 20px;
        }

        .form-file-browse:hover {
            background-color: rgba(31, 59, 117, 0.9);
        }

        .form-file-input {
            display: none;
        }

        .form-file-name {

            font-size: 14px;
            color: #898989;
            margin-left: 1rem;
        }

        .form-submit {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.875rem 1.5rem;
            background-color: #FBBC05;
            border: none;
            border-radius: 20px;
            cursor: pointer;
            margin-top: 0.75rem;
            transition: all 0.2s;
        }

        .form-submit:hover {
            background-color: rgba(251, 188, 5, 0.9);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(251, 188, 5, 0.3);
        }

        .form-submit-text {

            font-weight: 500;
            font-size: 14px;
            color: #1F1F1F;
            letter-spacing: 0.14px;
        }

        .form-submit-icon {
            width: 10px;
            height: 10px;
            stroke-width: 1px;
        }

        .trust-section {
            width: 100%;
            max-width: 406px;
            display: flex;
            flex-direction: column;
            /* justify-content: center; */
            justify-content: flex-start;
            gap: 2.5rem;
        }

        @media (max-width: 1023px) {
            .trust-section {
                max-width: 100%;
            }
        }

        .trust-badges {
            display: flex;
            align-items: flex-start;
            gap: 3rem;
            flex-wrap: wrap;
        }

        .trust-badge {
            height: auto;
        }

        .trust-badge img {
            max-width: 136px;
            height: auto;
            display: block;
        }

        .trust-container {
            border-top: 1px dashed #D4D6D8;
            border-bottom: 1px dashed #D4D6D8;
            padding: 2.5rem 0;
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

        .trust-header {

            font-size: 16px;
            color: #8C8C8C;
            margin-bottom: 0.75rem;
        }

        .trust-description {

            font-weight: 500;
            font-size: 14px;
            color: #C0C0C0;
            line-height: 24px;
        }

        .trust-stats {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .trust-stat {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .trust-stat-icon {
            width: 50px;
            height: 50px;
            flex-shrink: 0;
        }

        .trust-stat-text {

            font-size: 22px;
            line-height: 30px;
            color: #C0C0C0;
        }

        .trust-stat-number {
            font-weight: 800;
        }

        .trust-certifications {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 20px;
            flex-wrap: wrap;
        }

        .trust-certification {
            height: 30px;
            opacity: 0.6;
        }

        .trust-certification img {
            height: 100%;
            width: auto;
            object-fit: contain;
        }

        @media (max-width: 640px) {
            .landing-title {
                font-size: 2rem;
            }

            .modal-header {
                padding: 24px 24px 10px 24px;
            }

            .modal-title {
                font-size: 24px;
            }

            .modal-body {
                padding: 10px 24px 24px 24px;
                gap: 1.5rem;
            }

            .form-group {
                gap: 0.5rem;
            }

            .trust-section {
                gap: 1.5rem;
            }

            .trust-badges {
                gap: 1rem;
            }

            .trust-badge img {
                max-width: 100px;
            }

            .trust-container {
                padding: 1.5rem 0;
                gap: 1rem;
            }

            .trust-stats {
                gap: 1rem;
            }

            .trust-stat {
                gap: 0.75rem;
            }

            .trust-stat-icon {
                width: 40px;
                height: 40px;
            }

            .trust-stat-text {
                font-size: 18px;
            }

            .trust-certifications {
                gap: 1rem;
            }
        }



        /* Responsive overflow fixes */
        /* Allow text to break inside headings, paragraphs and service labels */
        .container .headingtext,
        .container .headingtext span,
        .font-sora,
        .font-manrope,
        .service-btn span,
        .max-w-3xl,
        .text-3xl,
        .bg-white p,
        .bg-white h3 {
            overflow-wrap: anywhere;
            /* word-break: break-word; */
            word-break: normal !important;
            hyphens: auto;
        }

        /* Let flex children shrink properly */
        .service-btn,
        .flex-1,
        .flex-shrink-0,
        .space-y-5,
        .custom_margin {
            min-width: 0;
        }

        /* Make absolute banner controls responsive */
        .banner_service_image .inline-flex {
            max-width: 100%;
            box-sizing: border-box;
            right: auto;
            left: 0;
        }

        @media (max-width: 640px) {
            .banner_service_image .inline-flex {
                position: static;
                width: 100%;
                padding-right: 0.5rem;
            }

            .service-btn span {
                white-space: normal;
            }

            .breadcrumb-curve a {
                overflow-wrap: anywhere;
            }
        }




        /* Success Modal Overlay */
        .success-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 9999;
            justify-content: center;
            align-items: center;
            padding: 1rem;
        }

        .success-modal-overlay.active {
            display: flex;
        }

        /* Modal Box */
        .success-modal {
            background: #fff;
            border-radius: 1.5rem;
            max-width: 500px;
            width: 100%;
            padding: 2.5rem 2rem;
            position: relative;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            animation: modalSlideIn 0.3s ease-out;
        }

        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Close Button */
        .success-modal-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.5rem;
            border-radius: 50%;
            transition: background-color 0.2s;
        }

        .success-modal-close:hover {
            background-color: #f3f4f6;
        }

        /* Content */
        .success-modal-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* Badge */
        .success-badge {
            margin-bottom: 1.5rem;
        }

        /* Message */
        .success-message {
            font-size: 1rem;
            line-height: 1.6;
            color: #374151;
            margin: 0;
        }

        /* Responsive */
        @media screen and (max-width: 480px) {
            .success-modal {
                padding: 2rem 1.25rem;
                border-radius: 1rem;
                margin: 0.5rem;
            }

            .success-badge svg {
                width: 60px;
                height: 60px;
            }

            .success-message {
                font-size: 0.875rem;
            }
        }
    .truncate-10 {
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


        /* Menus Page */

          /* Container */
  .encureit-navbar {
  background-color: #0c4da2;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  position: relative;
  }
  /* Desktop nav */
  .desktop-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  }
  /* make the nav item a positioned container so absolute submenu is relative to it */
  .nav-item {
  position: relative;      /* <- required for hover submenu positioning */
  user-select: none;
  }
  .nav-link {
  /* color: white; */
  color:#333333;
  text-decoration: none;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  }
  /* SUBMENU: hidden by default, shown when parent is hovered */
  .submenu {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  min-width: 180px;
  display: none;          /* hidden */
  flex-direction: column;
  background:#000000ee;
  border-radius: 6px;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index: 999;
  white-space: nowrap;
  }
  .submenu a {
  display: block;
  padding: 10px 14px;
  color: #fff;
  text-decoration: none;
  }
  .submenu a:hover {
      background: #006838e6;
    border-radius: 3px;
  }
  /* show submenu when hovering the parent nav-item */
  .nav-item:hover > .submenu,
  .nav-item.show > .submenu { /* .show used by JS for touch devices */
  display: flex;
  }
  /* Child menu (2nd level) */
  .submenu-item {
  position: relative; /* relative so childmenu absolute positions relative to this item */
  }
  .childmenu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 180px;
  display: none;
  flex-direction: column;
   background:#000000ee;
  border-radius: 6px;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index: 1000;
  }
  /* show child when hovering the submenu-item that contains it */
  .submenu-item:hover > .childmenu,
  .submenu-item.show-child > .childmenu {
  display: flex;
  }
  /* Desktop -> mobile switch */
  @media (max-width: 768px) {
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  }
  /* Mobile styles */
  .mobile-menu {
  display: none; /* toggled by media query */
  background: #0c4da2;
  padding: 8px 12px;
  }
  .mobile-menu .mobile-menu-link {
  color: white;
  padding: 10px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  cursor: pointer;
  }
  .mobile-submenu,
  .mobile-childmenu {
  display: none;
  padding-left: 10px;
  background: rgba(0,0,0,0.03);
  }
  .mobile-submenu a,
  .mobile-childmenu a {
  display: block;
  padding: 8px 10px;
  color: #fff;
  text-decoration: none;
  }
  /* small helpers */
  .caret { margin-left: 8px; font-size: 12px; opacity: .9; }

/* Slider page css */

   /* Slider rounded corners + media fit */
    .rounded-slider {
        border-radius: 30px;
        overflow: hidden;
    }

    /* Ensure top corners are rounded on child elements as well (covers overlay, media, backgrounds) */
    .rounded-slider .encureit_banner,
    .rounded-slider .bg_home_banner1,
    .rounded-slider .bg_home_banner2,
    .rounded-slider .slider-overlay {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    /* Apply full rounding for safety */
    .rounded-slider .encureit_banner,
    .rounded-slider .bg_home_banner1,
    .rounded-slider .bg_home_banner2,
    .rounded-slider .slider-overlay {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .rounded-slider .encureit_banner {
        position: absolute;
        inset: 0;
    }

    .rounded-slider .encureit_banner video.custom-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 30px;
    }

    /* Ensure background image divs cover and are clipped by parent */
    .rounded-slider .bg_home_banner1,
    .rounded-slider .bg_home_banner2,
    .rounded-slider .encureit_banner {
        background-size: cover;
        background-position: center;
    }

    
/* Header page css */

      /* Header scroll behavior */
      .site-header {
          transition: top .2s ease, box-shadow .2s ease;
      }

      .site-header.scrolled {
          top: 0 !important;
          /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
      }

      .site-header .header-inner {
          transition: border-radius .2s ease, padding .2s ease;
      }

      #header-spacer {
          height: 0;
          transition: height .2s ease;
      }


        /* industries page css */

        /* .top_banner_main_container {
                                    width: 98%;
                                  } */

        .career_apply_btn svg {
            display: inline;
        }

        #mainQuote::-webkit-scrollbar-thumb:hover {
            background: #6B7280;
        }

        #igf3f {
            color: rgba(251, 188, 5, 1);
        }

        #ijmhn {
            white-space-collapse: preserve;
        }

        #im58i {
            white-space-collapse: preserve;
        }

        #iqg9r3 {
            white-space-collapse: preserve;
        }

        #iba6px {
            white-space-collapse: preserve;
        }

        #im66mr {
            white-space-collapse: preserve;
        }

        @media (min-width: 1536px) {
            .container {
                max-width: 1470px !important;
            }
        }

        /* case study page */

        .font-sora {
        font-family: 'Sora', system-ui, sans-serif;
        }
  .bg-gray-section {
            background-color: var(--gray-section);
        }

        .text-dark-text {
            color: var(--dark-text);
        }

        #mask0_693_524 {
            mask-type: luminance;
        }

        #sliderContainer1 {
            transform: translateX(0px);
            width: 7110px;
        }
        .section {
           scroll-margin-top:140px;
            }

         .case-nav li {
            position: relative;
            }

            .case-nav li.active::before {
            content: "";
            position: absolute;
            left: -10px;
            top: 0;
            height: 100%;
            width: 4px;
            background: #ffc107; /* yellow */
            border-radius: 2px;
            }   
            main section[id] {
                scroll-margin-top: 140px; /* adjust based on header height */
            }
           
            /* Sidebar positioning */

.section-links {
    position: relative;
}

.nav-link {
    display: block;
    padding: 10px 20px;
    color: #6b7280;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
}

/* ACTIVE LINK */
.nav-link.active {
    color: #1DB9DD; /* blue */
    font-weight: 600;
}

/* Yellow right border */
.nav-link.active::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #FBBC05;
    border-radius: 10px;
}
.heading-text{
    color: #1DB9DD;
}
            .navigation-sidebar {
                padding-right: 0 !important;
            }
            /* .nav-indicator {
                position: absolute;
                right: 0;              
                background: #FBBC05;
                border-radius: 4px;
                transition: top 0.3s ease, height 0.3s ease;
            } */

        /* career page */

        .mt-banner {
            margin-top: 120px !important;
        }

        .top_banner_main_container {
            width: 98%;
        }

        .career_apply_btn {
            padding: 6px 10px;
            text-align: center;
            font-size: 15px;
        }

        .career_apply_btn svg {
            display: inline;
        }

        .career_lang {
            padding: 4px 5px;
            border-radius: 15px;
        }

        .bg-cyan {
            background-color: var(--encureit-cyan);
        }

        .more_number {
            height: 25px;
            width: 35px;
            text-align: center;
        }

        .career_icons {
            width: 20px;
        }

        #mainQuote::-webkit-scrollbar-thumb:hover {
            background: #6B7280;
        }

        .bg-gray-section {
            background-color: var(--gray-section);
        }

        .text-encureit-blue {
            color: var(--encureit-blue);
        }

        .text-encureit-cyan {
            color: var(--encureit-cyan);
        }

        .bg-encureit-blue {
            background-color: var(--encureit-blue);
        }

        .text-dark-text {
            color: var(--dark-text);
        }

        .text-gray-text {
            color: var(--gray-text);
        }

        .hover-opacity {
            transition: opacity 0.3s ease;
        }

        .hover-opacity:hover {
            opacity: 0.8;
        }

        .hover-bg-career-apply_now {
            transition: background-color 0.3s ease;
        }

        .hover-bg-career-apply_now:hover {
            background-color: rgba(31, 59, 117, 0.9);
        }

        .select-career {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23D4D6D8' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            padding-right: 2.5rem;
        }

        .select-career::-ms-expand {
            display: none;
        }

        #igf3f {
            color: rgba(251, 188, 5, 1);
        }

        .btn-primary {
            color: #ffff;
            background-color: #3007c2;
            padding: 10px;
            border-radius: 10px;
        }

        @media (min-width: 1536px) {
            .container {
                max-width: 1470px !important;
            }
        }

        /* apply form css */
          .error-msg {
        color: red;
        font-size: 0.875em;
        margin-top: 0.25rem;
        display: block;
    }

    #applyModal .modal-header {
        background-color: #2a4a8f;
        color: #fff;
    }

    #applyModal .text-danger {
        font-size: 0.875em;
        margin-top: 0.25rem;
        display: block;
    }

    .form-control {
        border-radius: 10px !important;
        border: 1px solid #d6d6c2 !important;
        height: 45px !important;
        padding: 10px !important;
    }

    .btn-success {
        background-color: #64bb0e;
        color: #ffff;
        padding: 10px;
        border-radius: 10px;
    }

    /* insights page css */
    .career_apply_btn svg {
      display: inline;
    }

    #mainQuote::-webkit-scrollbar-thumb:hover {
      background: #6B7280;
    }

    @media (min-width: 1536px) {
      .container {
        max-width: 1470px !important;
      }
    }


    /* Home Page css */
       .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .hidden {
        display: none;
    }

   .z-10 {
        z-index: 10;
    }

    .top-1\/2 {
        top: 50%;
    }

    .left-1\/4 {
        left: 25%;
    }

   .absolute {
        position: absolute;
    }

    .bg-gray-section {
        background-color: var(--gray-section);
    }

    .text-dark-text {
        color: var(--dark-text);
    }

    .h--350px- {
        height: 350px;
    }

    *:focus {
        outline: 0px solid var(--EncureIT_LB) !important;
        outline-offset: 2px;
    }

    #sliderContainer1 {
        transform: translateX(0%);
    }

    #iu7kcg {
        background: url('img/casestudy_img/cs1.png') lightgray center / contain no-repeat;
    }

    #ikq13g {
        background: url('img/casestudy_img/cs2.png') lightgray center / contain no-repeat;
    }

    #i0t4d2 {
        background: url('img/casestudy_img/cs3.png') lightgray center / contain no-repeat;
    }

    #ixbv8l {
        background: url('img/casestudy_img/cs4.png') lightgray center / contain no-repeat;
    }

    #imol4z {
        background: url('img/casestudy_img/cs5.png') lightgray center / contain no-repeat;
    }

    #i0te5s {
        width: 32px;
    }

    #it0gqd {
        height: 32px;
    }
    .service-btn.active {
        background-color: #ffffff; /* Change to your desired active bg */
        border-color: #FFD700;     /* Optional: active border color */
    }

    .service-btn.active span {
        color: #000000; /* Optional: change text color when active */
    }

    /* about us */

  .career_apply_btn svg {
    display: inline;
  }

  #mainQuote::-webkit-scrollbar-thumb:hover {
    background: #6B7280;
  }

  .image_height {
    height: 341px;
  }

  .font-sora {
    font-family: 'Sora', system-ui, sans-serif;
  }

  #ivf8hx {
    background-image: url('https://api.builder.io/api/v1/image/assets/TEMP/97ac13ce69cd7778e82dea1cd6eeac6eedcffa6a?width=2826');
    background-position: center;
  }

  #ii2e0v {
    line-height: 30px;
  }

  @media (min-width: 1536px) {
    .container {
      max-width: 1470px !important;
    }
  }

  /* Contact Us */

        .career_apply_btn svg {
            display: inline;
        }

        #mainQuote::-webkit-scrollbar-thumb:hover {
            background: #6B7280;
        }

        .font-manrope {
            font-family: 'Manrope', sans-serif;
        }

        .icon-circle {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: white;
            transition: transform 0.3s ease;
        }

        .icon-circle:hover {
            transform: scale(1.1);
        }

        .teams-bg {
            background: linear-gradient(135deg, #5A62C3 0%, #4D55BD 50%, #3940AB 100%);
        }

        .phone-bg {
            background-color: #FFC107;
        }

        .whatsapp-bg {
            background-color: #2AA81A;
        }

        .email-bg {
            background-color: #2196F3;
        }

        .facebook-bg {
            background-color: #4A6EA9;
        }

        .linkedin-bg {
            background-color: #0077B5;
        }

        .input-field {
            border-radius: 20px;
            border: 1px solid #ADADAD;
            padding: 10px 20px;
            font-family: 'Manrope', sans-serif;
            font-size: 14px;
        }

        .input-field::placeholder {
            color: #898989;
        }

        .select-field {
            border-radius: 20px;
            border: 1px solid #ADADAD;
            padding: 10px 20px;
            font-family: 'Manrope', sans-serif;
            font-size: 14px;
            color: #898989;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.82818 7.42266L9.28834 13.7945C9.37635 13.8972 9.48553 13.9796 9.60838 14.0361C9.73123 14.0926 9.86484 14.1218 10.0001 14.1218C10.1353 14.1218 10.2689 14.0926 10.3917 14.0361C10.5146 13.9796 10.6238 13.8972 10.7118 13.7945L16.1719 7.42266C16.693 6.81445 16.261 5.875 15.4602 5.875H4.53834C3.73756 5.875 3.30553 6.81445 3.82818 7.42266Z' fill='%23333333'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            padding-right: 40px;
        }

        .textarea-field {
            border-radius: 20px;
            border: 1px solid #ADADAD;
            padding: 0.75rem 1.25rem;
            font-family: 'Manrope', sans-serif;
            font-size: 14px;
            min-height: 125px;
            resize: vertical;
        }

        .textarea-field::placeholder {
            color: #898989;
        }

        .browse-btn {
            border-radius: 20px;
            background: linear-gradient(135deg, #1F3B75 0%, #1F3B75 100%);
            color: white;
            font-family: 'Manrope', sans-serif;
            font-size: 14px;
            font-weight: 500;
            padding: 0.75rem 2rem;
            cursor: pointer;
            transition: opacity 0.3s ease;
            border: none;
        }

        .browse-btn:hover {
            opacity: 0.9;
        }

        .send-btn {
            border-radius: 15px;
            border: 1px solid #1F3B75;
            background: white;
            color: #333;
            font-family: 'Manrope', sans-serif;
            font-size: 14px;
            font-weight: 500;
            padding: 0.75rem 1.75rem;
            cursor: pointer;
            transition: all 0.3s ease;
            letter-spacing: 0.14px;
        }

        .send-btn:hover {
            background-color: #1F3B75;
            color: white;
        }

        .form-card {
            border-radius: 40px;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
            background: white;
            padding: 25px 5px;
            max-height: 545px;
            overflow-x: hidden;
            overflow-y: auto;
        }

        .contact-card-heading-main {
            font-family: 'Sora', sans-serif;
            font-size: 50px;
            font-weight: 400;
            line-height: 55px;
            letter-spacing: -1.8px;
            color: #111;
        }

        .heading-secondary {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 1.875rem;
            font-weight: 700;
            letter-spacing: -0.84px;
            color: #333;
            padding: 0px 30px;
        }

        .heading-tertiary {
            font-family: 'Manrope', sans-serif;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: -0.54px;
            color: #111;
            line-height: 20px;
        }

        .text-body {
            font-family: 'Manrope', sans-serif;
            font-size: 1rem;
            font-weight: 500;
            line-height: 28px;
            color: #333;
        }

        .contactaddress {
            font-family: 'Manrope', sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 26px;
            color: #333;
        }

        .font-sora {
            font-family: 'Sora', system-ui, sans-serif;
        }

        #igf3f {
            color: rgba(251, 188, 5, 1);
        }

        @media (min-width: 1536px) {
            .container {
                max-width: 1470px !important;
            }
        }

        @media (max-width: 1024px) {
            .contact-card-heading-main {
                font-size: 2.5rem;
                line-height: 3rem;
            }
        }

        @media (max-width: 768px) {
            .contact-card-heading-main {
                font-size: 2rem;
                line-height: 2.5rem;
            }

            /* .form-card {
                  padding: 2rem;
                } */
        }

        @media (max-width: 640px) {
            .contact-card-heading-main {
                font-size: 1.75rem;
                line-height: 2rem;
            }

            /*
                .form-card {
                  padding: 1.5rem;
                } */

            .heading-secondary {
                font-size: 1.5rem;
            }
        }

        .file-upload .form-builder--item .field-label{
            display:none !important;
        }
        #inline-GDqVxyOX8F9DbbKuEntY {
            height: 650px !important;
            display: block;
            overflow: hidden;
        }
        #inline-GDqVxyOX8F9DbbKuEntY {
    clip-path: inset(10px 0px 0px 0px);
}

        .form-cardcontact {
            overflow: hidden;
        }

    /* services index page */
             .banner_service_image {
            height: 450px;
        }

        #mask0_2263_81576 {
            mask-type: alpha;
        }

        #i6bam {
            white-space-collapse: preserve;
        }

        #ib0mw {
            white-space-collapse: preserve;
        }

        #ipa5i {
            white-space-collapse: preserve;
        }

        #in0mp {
            white-space-collapse: preserve;
        }

        #itohe {
            white-space-collapse: preserve;
        }

        #ite6m {
            white-space-collapse: preserve;
        }

        #inghzk {
            white-space-collapse: preserve;
        }

        #i4zj08 {
            white-space-collapse: preserve;
        }

        #icv3s4 {
            white-space-collapse: preserve;
        }

        #i56833 {
            white-space-collapse: preserve;
        }

        #iz0exp {
            white-space-collapse: preserve;
        }

        #ivg5wg {
            white-space-collapse: preserve;
        }

        #iv2nvk {
            white-space-collapse: preserve;
        }

        .wt-text{
                max-width: 732px;
        }
        .ht-text{
            height: 145px;
        }
        .ht-heading{
            height: 85px;
        }


       #uw-main {
            position: fixed !important;
            right: 100px !important;
            bottom: 100px !important;
            z-index: 999999 !important;
            }
            body .uwy.userway_p3 .userway_buttons_wrapper {
                bottom:30px !important;
            }
            .uwaw-body {
            display: none;
            }

            .uwaw.uw-open .uwaw-body {
            display: block;
            }
             #uw-widget-custom-trigger span{
                display: none;
             }
             #uw-heading{
                display: none;
             }
             .reset-btn-text{
                display: none;
             }
             .uw-report-problem{
                display:none !important;
            }

            /* Hide UserWay branding */
            /* .uw-powered-by{
                display:none !important;
            } */
#uw-container .uw-footer,
#uw-container .uw-branding,
#uw-container .uw-powered-by,
#uw-container .uw-report-problem {
    display: none !important;
}
.uw-footer,
.uw-powered-by,
.uw-report-problem,
.uw-branding {
    display: none !important;
}