* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* border: 1px solid red; */
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

.e-con>.e-con-inner{
	max-width: 100% !important;
}
.e-con {
	padding:0 !important;
/* 	margin: 0 !important; */
}

.elementor-editor-active .fade-in {
  opacity: 1 !important;
  transform: none !important;
}

/* Font Faces */
@font-face {
  font-family: "FS-Regular";
  src: url("../font/FS_PFBeauSansPro-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "FS-Bold";
  src: url("../font/FS PFBeauSansPro-Bold.ttf") format("truetype");
  font-style: bold;
}

@font-face {
  font-family: "FS-SemiBold";
  src: url("../font/FS PFBeauSansPro-SemiBold.ttf") format("truetype");
  font-style: bold;
}

@font-face {
  font-family: "FS-Italic";
  src: url("../font/FS PFBeauSansPro-Italic.ttf") format("truetype");
  font-style: italic;
}

@font-face {
  font-family: "FS-Bbook";
  src: url("../font/FS PFBeauSansPro-Bbook.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Roboto-medium";
  src: url("../font/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "SF-Pro-Display-Medium";
  src: url("../font/SF-Pro-Display-Medium.otf") format("opentype");
  font-style: normal;
}

@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../font/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
}

/* Typography Utilities */
.font-Regular {
  font-family: "FS-Regular", sans-serif !important;
}

.font-SemiBold {
  font-family: "FS-SemiBold", sans-serif !important;
}

.font-Bold {
  font-family: "FS-Bold", sans-serif !important;
}

.font-Italic {
  font-family: "FS-Italic", sans-serif !important;
}

.font-Bbook {
  font-family: "FS-Bbook", sans-serif !important;
}

.font-roboto-medium {
  font-family: "Roboto-medium", sans-serif !important;
}

.base-layout {
  width: 100%;
  padding: 0 190px;
  margin: 0 auto;
  position: relative;
}

.base-layout-2 {
  width: 100%;
  padding: 0 80px;
  max-width: 1440px;
  margin: 0 auto;
}

.title-base {
  font-size: 48px;
  line-height: 64px;
}

.title-color {
  color: #0086c9;
  background-color: transparent;
}

.title-color-2 {
  color: #36bffa;
  background-color: transparent;
}

.title-sm {
  font-size: 20px;
  line-height: 28px;
  color: #475467;
}

.text-desc {
  font-size: 18px;
  line-height: 32px;
}

.page-icon {
  position: relative;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  z-index: 10;
}
.base-box {
  padding: 8px 12px;
  border-radius: 100px;
  background-color: #ebf5fd;
  color: #0258f8;
  width: max-content;
  margin: 0 auto;
  font-size: 16px;
}

.base-btn-text {
  color: #0086c9;
  font-size: 20px;
  line-height: 30px;
}

.base-btn-icon {
  width: 40px;
  height: 40px;
}

.base-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.qa-management-section-bg {
  position: relative;
}

.qa-management-section-bg::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.qa-management-section-bg > * {
  position: relative;
  z-index: 1;
}
body{
	width: 100%;
	overflow-x: hidden;
}
@media screen and (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

@media screen and (max-width: 768px) {
  .base-layout-2,
  .base-layout {
    padding: 0 16px;
  }
  .base-layout-2 {
    max-width: 100%;
  }
  .container {
    max-width: 100%;
    padding: 0;
  }

  .title-base {
    font-size: 28px;
    line-height: 40px;
  }

  h2 span {
    display: block;
  }
  .base-btn-text {
    font-size: 16px;
    line-height: 24px;
  }
  .base-btn-icon {
    width: 32px;
    height: 32px;
  }
}

/* Mượt khi mở nội dung */
.collapse,
.collapsing {
  transition: height 0.4s ease, opacity 0.3s ease;
}

.collapse:not(.show) {
  opacity: 0;
}

.collapse.show {
  opacity: 1;
}

.base-layout {
  font-family: "FS-Bold", sans-serif !important;
}
@media (max-width: 1024px) {
  .base-layout-2,
  .base-layout {
    padding: 0 16px;
  }
}
@media (max-width: 576px) {
  .container {
    max-width: 100%;
  }
}