:root {
  --ep-navy: #2C2C2C;
  --ep-blue-btn: #1F3A93;
  --ep-white: #ffffff;
  --ep-nav-link: #2C2C2C;
  --ep-nav-link-hover: #1F3A93;
  --ep-border-light: #F0F0F0;
  --bs-gutter-x: 1.5rem;
  --gray-text: #606060;
}

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  max-width: 1200px !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: inter, sans-serif;
  
}
body {
  font-family: inter, sans-serif;
  background-color: #F7F9FC;
}

header {
  position: relative;
  z-index: 100;
  background-color: var(--ep-white);
  border-bottom: 1px solid var(--ep-border-light);
}
header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 63px;
  padding: 8px 0;
}
header .header-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  z-index: 10;
}
header .header-logo img {
  width: auto;
  height: 26px;
  display: block;
}
header .navbar-toggler {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 6px;
  background: transparent;
  border: 1px solid var(--ep-border-light);
  border-radius: 3px;
  cursor: pointer;
  z-index: 1001;
}
header .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
header .navbar-toggler .toggler-icon {
  display: block;
  width: 20px;
  height: 2px;
  background-color: var(--ep-navy);
  border-radius: 2px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
header .navbar-toggler[aria-expanded=true] .toggler-icon:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
header .navbar-toggler[aria-expanded=true] .toggler-icon:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
header .navbar-toggler[aria-expanded=true] .toggler-icon:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
header .nav-sidebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
header .header-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  justify-content: center;
}
header .nav-item {
  position: relative;
}
header .nav-link {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  font-size: 17px;
  font-weight: 500;
  color: var(--ep-nav-link);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
header .nav-link:hover {
  color: var(--ep-nav-link-hover);
}
header .nav-link .dropdown-arrow {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
header .nav-link[aria-expanded=true] .dropdown-arrow {
  transform: rotate(180deg);
}
header .custom-dropdown {
  display: block;
  list-style: none;
  margin: 0;
  padding: 6px 0;
  background: var(--ep-white);
  border: 1px solid var(--ep-border-light);
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  min-width: 180px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}
header .custom-dropdown li a {
  display: block;
  padding: 9px 18px;
  font-size: 15px;
  color: var(--ep-nav-link);
  text-decoration: none;
}
header .custom-dropdown li a:hover {
  background-color: rgba(26, 42, 74, 0.05);
  color: var(--ep-navy);
}
header .custom-dropdown.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
header .header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
header .lang-switcher {
  font-size: 17px;
  font-weight: 500;
  color: var(--ep-nav-link);
}
header .lang-switcher a {
  color: var(--ep-nav-link);
  text-decoration: none;
}
header .lang-switcher a:hover {
  color: var(--ep-blue-btn);
}
header .lang-switcher .lang-sep {
  margin: 0 3px;
  color: var(--ep-nav-link);
}
header .btn-request {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background-color: var(--ep-blue-btn);
  color: var(--ep-white);
  font-size: 14px;
  font-weight: 500;
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease;
  white-space: nowrap;
}
header .btn-request:hover {
  background-color: #122d5a;
  color: var(--ep-white);
}

.nav-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 99;
  cursor: pointer;
}
.nav-backdrop.visible {
  display: block;
}

.has-sticky-nav header {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.3s ease forwards;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* =========================================
   HERO BANNER
========================================= */
.hero-banner {position: relative;min-height: 100%;overflow: hidden;background-image: url(./../images/home-banner.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-banner .hero-content {position: relative;width: 100%;padding: 135px 0 84px;}
.hero-banner .hero-content .hero-content-inner {max-width: 70%;}
.hero-banner .hero-content .hero-title {font-size: clamp(32px, 4vw, 52px);font-weight: 600;color: var(--ep-white);line-height: 1.2;margin-bottom: 16px;}
.hero-banner .hero-content .hero-subtitle {font-size: clamp(18px, 1.8vw, 24px);font-weight: 500;color: var(--ep-white);line-height: 1.6;margin-bottom: 28px;}
.hero-banner .hero-content .hero-body {font-size: clamp(16px, 1.5vw, 20px);font-weight: 500;color: var(--ep-white);line-height: 1.65;margin-bottom: 28px;}
.hero-banner .hero-content .btn-hero-request {display: block;padding: 18px 32px;background-color: var(--ep-blue-btn);color: var(--ep-white);font-size: clamp(14px, 1.5vw, 18px);font-weight: 500;border: 1px solid var(--ep-blue-btn);text-decoration: none;cursor: pointer;margin-bottom: 64px;width: -moz-fit-content;width: fit-content;transition: background-color 0.15s ease;}
.hero-banner .hero-content .btn-group-wrap {display: flex;align-items: center;gap: 24px;margin-bottom: 64px;}
.hero-banner .hero-content .btn-group-wrap .btn-view-test {display: block;padding: 18px 32px;background-color: transparent;color: var(--ep-white);font-size: clamp(14px, 1.5vw, 18px);font-weight: 500;border: 1px solid var(--ep-white);text-decoration: none;cursor: pointer;width: -moz-fit-content;width: fit-content;transition: background-color 0.15s ease;}
.hero-banner .hero-content .btn-group-wrap .btn-view-test:hover {background-color: var(--ep-blue-btn);border-color: var(--ep-blue-btn);color: var(--ep-white);}
.hero-banner .hero-content .btn-group-wrap .btn-hero-request {margin-bottom: 0;}
.hero-banner .hero-content .btn-hero-request:hover {background-color: #122d5a;color: var(--ep-white);}
.hero-banner .hero-content img {width: auto;height: 38px;}

.e-commerce-hero-banner{background-image: url(./../images/home-banner-2.jpg);}
.e-commerce-hero-banner .hero-content .hero-subtitle {font-size: clamp(16px, 1.6vw, 20px);}
.e-commerce-hero-banner .hero-content {padding: 10rem 0 6rem;}
.e-commerce-hero-banner .hero-content .hero-content-inner {max-width: 60%;}

/* =========================================
   common heading and style 
========================================= */
.common-center-heading {margin-bottom: 40px;}
.common-center-heading h2 {text-align: center;font-weight: 600;font-size: 34px;margin-bottom: 0px;}
.common-heading {margin-bottom: 40px;}
.common-heading h2 {text-align: left;font-weight: 600;font-size: 34px;margin-bottom: 0px;line-height: normal;}
.common-section-margin {margin-bottom: 140px;}

/* =========================================
   why quality matters
========================================= */
.why-quality-matters {padding: 0px 102px;}
.why-quality-matters .common-center-heading.inside-content h2 {margin-bottom: 28px;}
.why-quality-matters .common-center-heading p {font-weight: 500;font-size: 18px;line-height: 24px;text-align: center;color: var(--gray-text);max-width: 75%;margin: auto;}
.why-quality-matters .card-container {display: flex;gap: 40px 8%;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;padding: 0px 102px;}
.why-quality-matters .qa-card {width: 46%;margin-bottom: 40px;}
.why-quality-matters .qa-card .qa-icon {margin-bottom: 20px;}
.why-quality-matters .qa-card .qa-icon img {width: 40px;height: 40px;}
.why-quality-matters .qa-card .qa-content {display: flex;flex-direction: column;gap: 20px;}
.why-quality-matters .qa-card .qa-content h3 {font-weight: 500;font-size: 24px;color: var(--ep-nav-link);line-height: normal;margin-bottom: 0px;max-width: 85%;}
.why-quality-matters .qa-card .qa-content p {font-weight: 500;font-size: 18px;color: #606060;line-height: 24px;margin-bottom: 0px;}
.why-quality-matters .mini-statement {margin-top: 40px;}
.why-quality-matters .mini-statement h3 {color: var(--ep-navy);font-weight: 500;font-size: 24px;text-align: center;margin-bottom: 16px;}
.why-quality-matters .mini-statement p {color: var(--gray-text);font-weight: 500;font-size: 18px;line-height: 24px;text-align: center;}
/* =========================================
   service
========================================= */
.service-wrapper .row.g-5 {--bs-gutter-y: 2.5rem;}
.service-wrapper .service-card {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);padding: 32px;min-height: 394px;border-radius: 12px;}
.service-wrapper.e-commerce-service .service-card { min-height: 290px; }
.service-wrapper .service-card img {width: 60px;height: 60px;margin-bottom: 40px;}
.service-wrapper .service-card h3 {font-weight: 500;font-size: 22px;margin-bottom: 28px;color: var(--ep-nav-link);}
.service-wrapper .service-card p {font-weight: 500;font-size: 18px;color: var(--gray-text);margin-bottom: 0px;}
.service-wrapper .optimize-wrapper {background-color: #F2F4F7;padding: 40px;margin-top: 60px;}
.service-wrapper .optimize-wrapper h3 {font-weight: 500;font-size: 24px;text-align: center;margin-bottom: 40px;color: var(--ep-nav-link);}

.service-performance-card {display: flex;flex-direction: column;gap: 10px;margin-bottom: 40px;}
.service-performance-card img {width: 44px;}
.service-performance-card h4 {margin: 10px 0 0;color: #2C2C2C;font-size: 18px;font-weight: 500;line-height: 24px;}
.service-performance-card p {margin: 0;font-size: 14px;font-weight: 500;line-height: 24px;color: #606060;}
.service-wrapper .optimize-wrapper .requst-btn {display: block;padding: 8px 16px;background-color: var(--ep-blue-btn);color: var(--ep-white);font-size: 14px;font-weight: 500;border: none;text-decoration: none;cursor: pointer;transition: background-color 0.15s ease;white-space: nowrap;margin: auto;}
.service-wrapper .optimize-wrapper .requst-btn:hover {background-color: #122d5a;color: var(--ep-white);}

/* =========================================
   service
========================================= */
.test-type-wrappper > .container {background-image: url(./../images/test-block.png);background-position: right bottom;background-repeat: no-repeat;background-size: 22%;}
.test-type-wrappper .list-heading h3 {margin-bottom: 28px;color: var(--ep-blue-btn);font-weight: 500;font-size: 24px;}
.test-type-wrappper ul {margin-bottom: 40px;display: flex;align-items: center;flex-wrap: wrap;gap: 10px 35px;padding: 0px;}
.test-type-wrappper ul li {font-weight: 500;font-size: 24px;color: var(--ep-nav-link);list-style-type: none;margin-bottom: 0px;}
/* =========================================
Process steps
========================================= */
.process-wrapper .process-card {position: relative;}
.e-commerce-process .process-card {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);padding: 16px;border-radius: 12px;height: 100%;}
.process-wrapper .process-card .right-arrow {position: absolute;right: -85px;top: 4px;}
.process-wrapper .process-card p {text-align: center;margin-bottom: 16px;color: var(--ep-nav-link);}
.process-wrapper .process-card .icon {margin: auto;display: block;width: 80px;height: 80px;background-color: var(--ep-blue-btn);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
.process-wrapper .process-card h3 {color: var(--ep-nav-link);font-weight: 500;font-size: 24px;text-align: center;margin-bottom: 28px;}
.process-wrapper .process-card h4 {color: var(--gray-text);font-weight: 500;font-size: 18px;text-align: center;line-height: 24px;margin-bottom: 0px;}

/* =========================================
Work example
========================================= */
.example-work-wrapper {background-color: #F2F4F7;padding: 40px 0px;}
.example-work-wrapper .work-card h3 {margin-bottom: 28px;font-weight: 600;font-size: 24px;color: var(--ep-nav-link);}
.example-work-wrapper .work-card p {font-weight: 500;font-size: 18px;line-height: 24px;color: var(--gray-text);margin-bottom: 0px;}
.example-work-wrapper .work-card img {margin-bottom: 24px;width: 40px;height: 40px;}
.e-commerce-example-work{background-color: transparent;}
.e-commerce-example-work .work-card {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);padding: 32px;border-radius: 12px;height: 100%;}

/* =========================================
About us
========================================= */
.about-us-wrapper .about-details .main-heading {margin-bottom: 60px;}
.about-us-wrapper .about-details .main-heading h2 {color: var(--ep-navy);font-weight: 600;font-size: 34px;line-height: normal;margin-bottom: 28px;}
.about-us-wrapper .about-details .main-heading p {color: var(--gray-text);font-weight: 500;font-size: 18px;line-height: 24px;margin-bottom: 0px;}
.about-us-wrapper .about-details h3 {color: var(--ep-blue-btn);font-weight: 500;font-size: 24px;margin-bottom: 28px;}
.about-us-wrapper .about-details .key-point-list h4 {margin-bottom: 8px;font-weight: 600;font-size: 24px;line-height: normal;color: var(--ep-navy);}
.about-us-wrapper .about-details .key-point-list p {margin-bottom: 0px;color: var(--gray-text);font-weight: 500;font-size: 14px;line-height: 24px;}
.about-us-wrapper .about-us-media img {width: 100%;height: auto;}
.about-keypoints h3 {margin-bottom: 30px;color: #1F3A93;}
.about-keypoints .key-point-list {background-color: #F2F4F7;padding: 16px;min-height: -webkit-fill-available;}
.about-keypoints .key-point-content p:last-child {margin: 0;}
/* =========================================
   Faq 
========================================= */
.faq-wrapper .accordion {
  --bs-accordion-border-color: transparent;
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-active-color: var(--active-color);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 18px;
}
.faq-wrapper .accordion-item {background: transparent;border: none;border-bottom: 1px solid #E5E8EC;margin-bottom: 34px;}
.faq-wrapper .accordion-item:last-of-type {border-bottom: 1px solid #E5E8EC;border-radius: 0;}
.faq-wrapper .accordion-button {font-size: 24px;font-weight: 500;color: var(--ep-navy);background: transparent;padding: 24px 0px;display: flex;justify-content: space-between;align-items: center;gap: 12px;transition: color all 0.7s ease;box-shadow: none;}
.faq-wrapper .accordion-button::after {display: none;}
.faq-wrapper .accordion-button .faq-icon {flex-shrink: 0;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;color: var(--ep-navy);font-size: 22px;font-weight: 500;line-height: 1;transition: border-color var(--transition), background var(--transition), transform var(--transition);-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.faq-wrapper .accordion-button:not(.collapsed) {color: var(--ep-blue-btn);background: transparent;box-shadow: none;}
.faq-wrapper .accordion-body {font-size: 18px;font-weight: 500;color: var(--gray-text);line-height: normal;padding-bottom: 24px;}

/* =========================================
   Testimonial
========================================= */
.testinomial-wrapper {padding: 40px 0px;background-color: #F2F4F7;}
.testinomial-wrapper .common-heading {color: #0A0F1A;}
.testinomial-wrapper .testimonial-swiper {padding-bottom: 48px !important;}
.testinomial-wrapper .testi-card {background: #ffffff;border-radius: 8px;padding: 32px;height: 100%;display: flex;flex-direction: column;justify-content: center;min-height: 228px;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);}
.testinomial-wrapper .testi-quote {font-size: 20px;font-weight: 500;font-style: italic;color: var(--ep-navy);line-height: normal;margin-bottom: 20px;}
.testinomial-wrapper .testi-author {display: flex;align-items: center;gap: 10px;}
.testinomial-wrapper .testi-avatar {width: 32px;height: 32px;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.testinomial-wrapper .testi-avatar svg,
.testinomial-wrapper .testi-avatar img {width: 100%;height: 100%;display: block;object-fit: cover;}
.testinomial-wrapper .testi-role {font-size: 14px;font-weight: 500;color: #AAAAAA;margin-bottom: 0px;}
.testinomial-wrapper .swiper-pagination {bottom: 0 !important;}
.testinomial-wrapper .swiper-pagination-bullet {width: 12px;height: 12px;background: #AAAAAA;opacity: 1;border-radius: 50%;transition: background 0.3s ease, transform 0.3s ease;}
.testinomial-wrapper .swiper-pagination-bullet-active {background: #4CC3FF;transform: scale(1.2);}

/* =========================================
  contact Us
========================================= */

.contact-us-wrapper > .container {background-image: url(./../images/contact-block-shade.png);background-position: right 35px bottom;background-repeat: no-repeat;background-size: auto;}
.contact-us-wrapper .left-contact-form .heading h2 {color: var(--ep-navy);font-weight: 600;font-size: 34px;margin-bottom: 24px;}
.contact-us-wrapper .left-contact-form form .form-group {margin-bottom: 24px;}
.contact-us-wrapper .left-contact-form form .form-group label {display: block;color: var(--ep-navy);font-size: 14px;font-weight: 500;margin-bottom: 8px;}
.contact-us-wrapper .left-contact-form form .ep-input {width: 100%;border: none;border-bottom: 1.5px solid #E5E8EC;background: transparent;padding: 14px 8px;font-size: 14px;color: var(--ep-nav-link);outline: none;transition: border-color 0.2s ease;}
.contact-us-wrapper .left-contact-form form .ep-input::-moz-placeholder {color: #9DA3AC;font-size: 18px;}
.contact-us-wrapper .left-contact-form form .ep-input::placeholder {color: #9DA3AC;font-size: 18px;}
.contact-us-wrapper .left-contact-form form .ep-input:focus {border-bottom-color: var(--ep-blue-btn);}
.contact-us-wrapper .left-contact-form form .ep-textarea {resize: none;height: 100px;display: block;}
.contact-us-wrapper .left-contact-form form .ep-submit-btn {width: 100%;background-color: var(--ep-blue-btn);color: #ffffff;border: none;padding: 16px 0px;font-size: 18px;font-weight: 500;border-radius: 0px;cursor: pointer;transition: background-color 0.2s ease, opacity 0.2s ease;}
.contact-us-wrapper .left-contact-form form .ep-submit-btn:hover {opacity: 0.9;}
.contact-us-wrapper .left-contact-form form .ep-submit-btn:active {opacity: 0.8;}
.contact-us-wrapper .contact-details img {height: 131px;width: auto;margin-bottom: 60px;}
.contact-us-wrapper .contact-details h3 {color: var(--ep-navy);font-weight: 500;font-size: 24px;line-height: normal;margin-bottom: 40px;}
.contact-us-wrapper .contact-details ul {padding: 0px;}
.contact-us-wrapper .contact-details ul li {list-style-type: none;border-left: 2px solid var(--ep-navy);padding-left: 24px;margin-bottom: 24px;}
.contact-us-wrapper .contact-details ul li p {color: var(--ep-blue-btn);font-size: 12px;font-weight: 400;margin-bottom: 0px;}
.contact-us-wrapper .contact-details ul li h4 {color: var(--ep-nav-link);font-weight: 500;font-size: 24px;margin-bottom: 0px;}

/* =========================================
  footer
========================================= */
.footer-wrapper {background-color: var(--ep-navy);padding: 80px 0px 30px;background-image: url(./../images/footer-bg.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.footer-wrapper .footer_logo img {width: 80%;margin-bottom: 24px;}
.footer-wrapper .footer_logo h3 {color: var(--ep-white);font-weight: 600;font-size: 16px;line-height: normal;margin-bottom: 0px;}
.footer-wrapper .footer_logo p {color: #9DA3AC;font-weight: 400;font-size: 14px;line-height: 24px;margin-bottom: 0px; margin-top: 10px;}
.footer-wrapper .menu-text-center{text-align: center;}
.footer-wrapper .menu-list {}
.footer-wrapper .menu-list h3 {font-size: 16px;font-weight: 700;color: #fff;}
.footer-wrapper .menu-list ul {padding: 0px;}
.footer-wrapper .menu-list ul li {margin: 0px;list-style-type: none;margin-bottom: 8px;}
.footer-wrapper .menu-list ul li a {font-weight: 500;font-size: 16px;line-height: 24px;color: #9DA3AC;text-decoration: none;}
.footer-wrapper .menu-list .foot_contact_info {margin-bottom: 5px;}
.footer-wrapper .menu-list .foot_contact_info label {font-size: 12px;font-weight: 500;color: #9DA3AC;}
.footer-wrapper .menu-list .foot_contact_info p {margin: 0;color: #fff;font-size: 16px;font-weight: 500;}

.footer-wrapper .copy-right {margin-top: 40px;display: flex;justify-content: center;align-items: center;gap: 2rem;}
.footer-wrapper .copy-right p {color: var(--ep-white);font-weight: 500;font-size: 16px;line-height: 24px;margin-bottom: 0px;}
/*# sourceMappingURL=style.css.map */