/* #region base Register */
article {
  margin-top: 60px;
}
/* #endregion */
/* #region recomment post */
.item {
  /* width: 485px; */
}

.item img {
  /* height: 280px; */
  border-radius: 15px;
}
section.recomment-post {
  padding: 30px 140px;
}

.lists {
  display: flex;
  gap: 40px;
}

.img-recomment img {
  width: 520px;
  height: 300px;
}

.item .title-recomment {
  font-size: 24px;
  font-family: GoogleSans Bold, Arial, sans-serif;
  padding-top: 13px;
  padding-bottom: 7px;
}
.item a {
  color: #000;
}
.des-recomment {
  font-size: 16px;
}

.title-recomment {
  font-size: 32px;
  font-family: GoogleSans Bold, Arial, sans-serif;
  padding: 43px 0;
}
.owl-nav {
  position: absolute;
  top: 28%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.owl-nav .owl-prev {
  position: absolute;
  left: -29px; /* Điều chỉnh giá trị này theo mong muốn để đẩy nút ra xa hơn */
}

.owl-nav .owl-next {
  position: absolute;
  right: -29px; /* Điều chỉnh giá trị này theo mong muốn để đẩy nút ra xa hơn */
}

.owl-nav .owl-prev img,
.owl-nav .owl-next img {
  width: 52px; /* hoặc kích thước mong muốn */
  height: 52px; /* hoặc kích thước mong muốn */
}
.owl-theme .owl-nav [class*="owl-"] {
  background: unset;
  margin: unset;
  padding: 0;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: unset;
}
.show-more {
  text-align: center;
  font-size: 15px;
  margin-top: 30px;
  color: #2e475d;
  font-family: GoogleSans medium, Arial, sans-serif;
}
@media (max-width: 979px) {
  .title-recomment {
    font-size: 21px;
    padding: 18px 0;
  }
  section.recomment-post {
    padding: 17px;
  }

  .img-recomment img {
    width: unset;
    height: unset;
  }
}
/* #endregion */
/* #region menu & video */
.video-youtube {
  width: 1094px;
  height: 618px;
}
.menu-video {
  padding: 30px 0;
  display: flex;
  justify-content: left;
  align-items: center;
}
.text-menu a {
  color: #2e475d;
}
.text-menu {
  display: flex;
  gap: 41px;
  justify-content: flex-start;
  margin-right: 120px;
  font-size: 20px;
  color: #2e475d;
  font-family: GoogleSans Medium, Arial, sans-serif;
}

.menu-video .icon {
  margin-right: 55px;
}

.find input {
  width: 260px;
  height: 37px;
  border-radius: 19px;
  padding-left: 42px;
}

.find {
  position: relative;
}

.icon-find {
  position: absolute;
  top: 7px;
  left: 13px;
}
.content-video {
  background-color: #010f27;
  position: relative;
  display: flex;
  justify-content: center;
}

.pause-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.content-video img {
}

.wrap-des {
  background-color: #00163a;
}

.wrap-des .title {
  font-size: 40px;
}

.wrap-des {
  color: #fff;
  padding: 30px 140px;
  display: flex;
  justify-content: space-between;
}

.nmd-social {
  margin-bottom: 72px;
  display: flex;
  gap: 21px;
  justify-content: end;
}
.nmd-social div {
  cursor: pointer;
}
.cta-try div {
  font-size: 18px;
  color: #ffc400;
}

.cta-try {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.cta-try img {
  margin-left: 13.9px;
}

.box {
  border: 1px solid #838c9b;
  display: flex;
  padding: 16px 13px;
  border-radius: 10px;
  margin-bottom: 13px;
  cursor: pointer;
  width: 260px;
  justify-content: space-between;
}

.title-box {
  font-size: 14px;
  font-family: GoogleSans Bold, Arial, sans-serif;
  color: #fff;
}

.des-box {
  font-size: 12px;
  color: #7898b9;
  width: 166px;
}

.right-box img {
  width: 55px;
}
.wrap-des .content {
  margin-bottom: 27px;
  margin-top: 5px;
  font-size: 20px;
}

.title-author {
  font-size: 25px;
  font-family: GoogleSans Bold, Arial, sans-serif;
  margin-bottom: 11px;
}

.content-author {
  display: flex;
  gap: 19px;
}

.info .name {
  font-size: 18px;
  font-family: GoogleSans Bold, Arial, sans-serif;
}

.info .name-more {
  font-size: 14px;
  width: 232px;
  color: #809db7;
}
.content-author img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
@media (max-width: 979px) {
  .video-youtube {
    height: auto;
  }
  .cta-try div {
    font-size: 10px;
  }

  .box {
    width: 158px;
    margin-right: 0;
  }

  .right-box {
    width: 30px;
    height: 30px;
  }
  section.menu-video {
    display: none;
  }

  .pause-icon {
    width: 68px;
  }

  .wrap-des {
    padding: 16px 20px;
    flex-direction: column;
  }

  .wrap-des .title {
    font-size: 18px;
  }

  .wrap-des .content {
    font-size: 10px;
  }
  .pc-show {
    display: none;
  }

  .nmd-social {
    justify-content: start;
    margin-bottom: 20px;
    width: 100%;
  }

  .mobile-show {
    display: flex;
    flex-wrap: wrap;
  }

  .author {
    width: 50%;
  }

  .right {
    margin-left: 17px;
  }

  .content-author {
    flex-direction: column;
  }

  .content-author img {
    width: 61px;
  }

  .title-author {
    font-size: 18px;
  }

  .info .name {
    font-size: 14px;
  }

  .info .name-more {
    font-size: 10px;
    width: 166px;
  }

  .nmd-social img {
    width: 27px;
  }

  .cta-try a {
    font-size: 10px;
  }

  .cta-try img {
    width: 10px;
    margin-left: 16px;
  }

  .cta-try {
    margin-bottom: 10px;
  }

  .title-box {
    font-size: 7px;
  }

  .des-box {
    font-size: 6px;
    width: 83px;
  }

  .right-box img {
    width: 30px;
  }
}
/* #endregion */

/* #region Banner Register */

@media (min-width: 1366px) {
  .banner-register .container {
    width: 1220px;
  }
}

.banner-register {
  background: url(/sites/amis-blog/images/digital-conversion-rate/img-bg-register.svg)
    no-repeat center center;
  min-height: 436px;
  color: #fff;
  padding: 44px 0px 60px 0px;
  background-size: cover;
}

.banner-register .title {
  font-size: 32px;
  font-family: GoogleSans Medium, Arial, sans-serif;
}

.banner-register .des {
  font-size: 16px;
  text-align: justify;
  padding: 22px 0px 12px 0px;
}

.banner-register .grid {
  display: grid;
  flex-flow: row wrap;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px 6px;
}

.banner-register .grid .item {
  font-size: 16px;
  font-weight: bold;
  color: #002856;
  background-color: #eef5ff;
  border-radius: 5px;
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-register .grid .item:nth-child(6) {
  color: #fff;
  background-color: transparent;
  font-size: 10px;
  border: 1px solid #ffff;
}

@media (max-width: 980px) {
  .banner-register .col-md-12:nth-child(2) {
    margin-top: 14px;
  }
}

@media (max-width: 980px) {
  .banner-register .grid .item {
    font-size: 12px;
  }
}

@media (max-width: 428px) {
  .banner-register .grid .item {
    font-size: 10px;
  }

  .banner-register {
    background: url(/sites/amis-blog/images/digital-conversion-rate/img-bg-register-mb.svg)
      no-repeat center center;
    background-size: cover;
  }
}
/* #endregion */
/*#region custom-register */
.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper:nth-child(1),
.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper:nth-child(2) {
  padding: unset !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper
  .field-inner {
  color: #002856;
  padding: 4px 0px 0px 24px !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper
  .field-inner
  * {
  color: #002856;
  font-size: 16px !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper
  .field-inner
  p
  strong {
  font-size: 34px !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form {
  margin: auto !important;
}

@media (max-width: 979px) {
  .custom-register-form
    form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form {
    width: 100% !important;
    padding: 12px !important;
  }

  .custom-register-form
    form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
    .form-row
    .field-wrapper
    .field-inner
    p
    strong {
    font-size: 29px !important;
  }
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper
  .field-inner[field-type="dropdown"]
  .input::after {
  top: -3px;
  right: 0px !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .submit-wrapper
  .btn-form-submit {
  font-size: 16px !important;
  font-family: "GoogleSans Medium" !important;
}

.custom-register-form
  form[lz-id="724d964a-d126-4e21-a9cc-dc64024cac13"].private-form
  .form-row
  .field-wrapper
  .field-inner
  .lz-input:not([type="radio"]):not([type="checkbox"]) {
  background-color: #eef5ff !important;
}

@media (max-width: 428px) {
  /* .custom-register-form form[lz-id='724d964a-d126-4e21-a9cc-dc64024cac13'].private-form .form-row .field-wrapper .field-inner .lz-input:not([type="radio"]):not([type="checkbox"]){ */ /* height: 30px !important; */ /* } */
}
@media (max-width: 979px) {
  section.wrap-menu-video {
    display: none;
  }
}
/* hide menu  */
section.wrap-menu-video.container {
    display: none;
}
/* end hide menu */