/*#region common */
.page-section {
  padding: 50px 0;
  position: relative;
}

.page-btn {
  font-family: GoogleSans Bold, Arial, sans-serif;
  border-radius: 50px;
  /* box-shadow: 0px 6px 24px rgba(248, 111, 3, 0.16); */
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
}

.page-btn:hover {
  color: #fff;
}

.page-btn:focus {
  color: #fff;
}

.section-title h2 {
  font-size: 28px;
  font-family: GoogleSans Bold, Arial, sans-serif;
  text-align: center;
  padding-bottom: 50px;
}

.text-bold {
  font-family: GoogleSans Bold, Arial, sans-serif;
}

.red-note-title {
  color: #F92F06;
}

.m-auto {
  margin: auto;
}

.nowrap {
  white-space: nowrap;
}

#collapsedGeneralQuestions .panel-heading::before {
  content: url(/sites/amis/images/pages/amis-crm-major-new-template/active-panel-icon.svg);
  float: right;
  transition: all 0.5s;
}

#collapsedGeneralQuestions .panel-heading.active::before {
  content: url(/sites/amis/images/pages/amis-crm-major-new-template/collapsed-panel-icon.svg);
}

.experience-btn {
  padding-top: 30px;
}

.blue-text {
  color: #0044ff;
}

@media (max-width: 979px) {
  .experience-btn {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .section-title br {
    display: none;
  }

  .page-section {
    padding: 40px 0;
  }

  .section-title h2 {
    font-size: 26px;
    padding-bottom: 40px;
  }
}

@media (max-width: 330px) {
  .col-md-24 {
    padding-left: 0;
    padding-right: 0;
  }
}

/*#endregion */

/*#region section-banner  */
.section-banner .desktop-banner-view .banner-ctn {
  display: flex;
  align-items: center;
}

.banner-title {
  font-size: 20px;
  font-family: GoogleSans Bold, Arial, sans-serif;
  color: #FFFFFF;
}

.banner-title h1 {
  font-size: 32px;
  padding-bottom: 6px;
  text-transform: uppercase;
}

.banner-description {
  color: #FFFFFF;
  padding: 24px 0 36px;
}

@media (min-width: 1366px) {
  .banner-img {
    position: absolute;
    left: 51%;
    top: 35px;
    width: 600px;
  }

}

@media (min-width: 980px) {
  .section-banner.mobile-banner-view {
    display: none;
  }

  .section-banner {
    height: 500px;
    display: flex;
    align-items: center;
  }

  .section-banner .banner-ctn {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .page-btn:not(:last-child) {
    margin-right: 6px;
  }
}

@media (max-width: 979px) {
  .desktop-banner-view {
    display: none;
  }

  .banner-ctn {
    display: block;
  }

  .banner-title {
    margin-top: 40px;
  }

  .banner-btn {
    text-align: center;
  }

  .banner-btn .buynow-btn {
    display: none;
  }
}

@media (max-width: 767px) {
  .mobile-banner-view {
    padding-top: 10px;
  }

  .page-btn:not(:last-child) {
    margin-bottom: 10px;
  }

  .banner-title h1 {
    font-size: 28px;
  }


}

@media (max-width: 540px) {
  .banner-btn {
    display: grid;
    text-align: center;
  }
}

/*#endregion */

/*#region section-difficulty */
.section-difficulty .section-title h2 {
  z-index: 2;
  position: relative;
}

.section-difficulty .foods-text {
  color: #0080FF;
  display: inline-block;
}

.section-difficulty .foods-text::first-letter {
  text-transform: uppercase;
}

.diff-img-top {
  margin-bottom: 8.5px;
}

.diff-img-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8.5px;
  max-width: 410px;
}

ul.difficulty-content {
  list-style: none;
  padding-bottom: 20px;
}

ul.difficulty-content li {
  font-family: GoogleSans Bold, Arial, sans-serif;
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-tick.svg) no-repeat left top 2px;
  background-size: 16px;
  margin: 0;
  padding-left: 25px;
  padding-bottom: 20px;
}

@media (min-width: 1366px) {}

@media(min-width: 980px) {
  .difficulty-wrapper {
    padding: 30px 0 40px;
  }
}

@media(max-width: 979px) {
  .difficulty-btn {
    text-align: center;
  }

  .difficulty-text {
    padding-top: 30px;
  }

  .diff-img-top img {
    margin: 0 auto;
  }

  .diff-img-bottom {
    margin: 0 auto;
  }
}

/*#endregion */

/*#region section-process */
.section-process {
  background-color: #f8f8f8;
}

@media(max-width: 979px) {
  .section-process {
    display: none;
  }
}

/*#endregion */

/*#region section-solution */
.solution-title h2 {
  font-family: GoogleSans Bold, Arial, sans-serif;
  font-size: 28px;
  padding-bottom: 20px;
}

.solution-subtitle {
  font-family: GoogleSans Italic, Arial, sans-serif;
  padding-bottom: 15px;
  color: #454545;
}

ul.solution-content {
  list-style: none;
  color: #454545;
}

ul.solution-content li {
  display: flex;
  margin: 0;
}

.plus-icon {
  padding-right: 10px;
  color: #234AF3;
}

.solution-list .row:not(:first-child) {
  padding-top: 100px;
}

@media (min-width: 980px) {
  .solution-list .row {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 979px) {
  .solution-title {
    padding-top: 30px;
  }

  .solution-img img {
    margin: 0 auto;
  }

  .solution-list .row:not(:first-child) {
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .solution-title h2 {
    font-size: 21px;
  }
}

/*#endregion */

/*#region section-trust */
.trusted-company-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.trusted-company-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.28%;
  padding: 0 0 45px;
}

.trusted-btn {
  text-align: center;
}

@media (max-width: 980px) {
  .trusted-company-item {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .trusted-company-item {
    width: 25%;
    padding: 10px 10px 45px;
  }
}

/*#endregion */

/* #region Video Overview */
.overview-feature .section-title h2 {
  padding-bottom: 0;
}

img#icPlay {
  position: absolute;
  top: calc(50% - 21px);
  left: calc(50% - 38px);
}

.overview-item-text {
  width: 46%;
}

.overview-item-img {
  width: 54%;
}

.overview-item-text ul {
  margin-left: 30px;
}

.overview-item-text ul li {
  list-style: none;
  margin: unset;
  padding-bottom: 20px;
}

.overview-item-text ul li a {
  color: #000;
}

.overview-item-text ul li a:hover {
  color: #0044ff;
}

.overview-item-text ul li::before {
  content: '';
  display: inline-block;
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-check.png);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
}

.overview-child-title {
  font-size: 20px;
  padding: 10px 0px 60px 0px;
  text-align: center;
}

.overview-item-img .overview-video-bg {
  height: 320px;
}

@media (max-width: 979px) {
  .overview-item-img img {
    margin: auto;
    height: unset !important;
  }

  .overview-item-text {
    width: unset;
  }

  .overview-item-img {
    width: unset;
  }
}

/* #endregion */

/*#region section-digital */
.digital-slider-item img {
  margin: 0 auto;
  max-height: 438px;
}

.owl-carousel .owl-item img {
  width: auto;
}

.digital-slider-des {
  font-family: GoogleSans Bold, Arial, sans-serif;
  text-align: center;
  padding-top: 30px;
}

.section-digital .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}

.section-digital .owl-nav .owl-prev {
  position: absolute;
  left: -30px;
}

.section-digital .owl-nav .owl-next {
  position: absolute;
  right: -30px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: rgba(102, 102, 102, 8%);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: rgba(102, 102, 102, 8%);
  border-radius: 50%;
}

/*#endregion */

/*#region section-register */
.register-wrapper {
  height: 450px;
}

.register-img.desktop-register-img {
  position: absolute;
  bottom: 0;
}

.register-form {
  left: 50%;
  padding: 35px 0;
}

.register-form-title {
  padding-bottom: 12px;
  font-size: 24px;
  font-family: GoogleSans Bold, Arial, sans-serif !important;
  color: #fff;
  text-align: center;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row .field-wrapper .field-inner[field-type="slt"] label {
  display: none !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row .field-wrapper .field-inner[field-type="slt"] .help-text {
  display: none !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row .field-wrapper .field-inner .lz-input:not([type="radio"]):not([type="checkbox"]) {
  border-radius: 50px !important;
  border: none !important;
  width: 90% !important;
  font-size: 14px !important;
  padding-left: 14px !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row .field-wrapper .field-inner .lz-input:not([type="radio"]):not([type="checkbox"])::placeholder {
  font-family: GoogleSans, Arial, sans-serif !important;
  font-size: 14px !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row .field-wrapper .field-inner .lz-input:not([type="radio"]):not([type="checkbox"]):focus {
  border: 2px solid #577BF5 !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'] .btn-orange {
  background-color: #577BF5 !important;
  border-radius: 50px !important;
  font-family: GoogleSans Bold, Arial, sans-serif !important;
  box-shadow: 0px 6px 24px rgba(248, 111, 3, 0.16) !important;
  font-size: 16px !important;
  width: 90% !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form {
  padding: 0px 24px !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row {
  margin-bottom: 0 !important;
}

.register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .submit-wrapper {
  padding: 8px 16px 16px !important;
}

@media (min-width: 980px) {
  .mobile-register-img {
    display: none;
  }

  .register-form-title {
    padding-right: 60px;
  }
}

@media (max-width: 979px) {
  .section-register {
    padding-bottom: 0;
  }

  .desktop-register-img {
    display: none;
  }

  .register-wrapper {
    height: 100%;
  }

  .register-form {
    left: 0;
  }

  .mobile-register-img img {
    margin: auto;
  }

  .register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form .form-row .field-wrapper .field-inner .lz-input:not([type="radio"]):not([type="checkbox"]) {
    width: 100% !important;
  }

  .register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'] .btn-orange {
    width: 100% !important;
    height: 44px !important;
  }

}

@media (max-width: 767px) {
  .register-form form[lz-id='0b27c5f2-3d07-4384-b88e-bacc26b2efa7'].private-form {
    padding: 0 !important;
  }

  .register-wrapper {
    background-position: center;
    border-radius: 20px;
  }

  .register-form {
    padding: 35px 0 0;
  }

  .register-form-title {
    padding-left: 0;
    text-align: center;
  }
}

/*#endregion */

/*#region section-questions */
.panel-default>.panel-heading {
  background-color: #fff;
}

/*#endregion */

/* #region section-knot CRM Dược phẩm */
.knot-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.knot-item {
  box-shadow: 0 6px 24px 0 rgba(72, 72, 72, .16);
  border-radius: 8px;
  padding: 24px;
}

.knot-item-icon.icon-0 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-1.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-1 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-2.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-2 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-3.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-3 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-4.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-4 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-5.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-5 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-6.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-6 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-7.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon.icon-7 {
  background: url(/sites/amis/images/pages/amis-crm-major-new-template/ic-knot-8.svg) no-repeat center;
  background-size: cover;
}

.knot-item-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}

.knot-item-text {
  font-family: GoogleSans Medium, Arial, sans-serif;
}

.solution-content img {
  height: 16px;
  margin-right: 8px;
  margin-top: 3px;
}

@media (max-width: 979px) {
  .knot-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .knot-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* #endregion */