header {
  border-bottom: 1px solid #ddd;
}

.container {
  padding: 0px;
}

main {
  margin-bottom: 1.25rem;
}
main .bottomFixedMobile {
  display: none;
}
main .swiper {
  width: 100%;
  height: auto;
}
main .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
main .swiper-slide img {
  display: block;
}
main .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
main .swiper-slide {
  background-size: cover;
  background-position: center;
  display: flex;
  border-radius: 0.5rem;
  border: 1px solid var(--black-4, #BABABA);
}
main .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.5rem;
}
main .swiper-slide video {
  max-height: 100%;
}
main .swiper-slide-child {
  overflow: hidden;
}
main .swiper-slide-child img {
  width: 100%;
  max-height: none;
}
main .swiper-slide-parent {
  width: 100% !important;
  align-items: center;
  justify-content: center;
}
main .mySwiper2 {
  width: 100%;
}
main .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
main .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
main .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
main .swiper-slide img {
  display: block;
}
main .swiper .swiper-button-next, main .swiper .swiper-button-prev {
  width: auto;
}
main .swiper .swiper-button-next:after, main .swiper .swiper-button-prev:after {
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3.25rem;
  height: 3.25rem;
  background: #fff;
  color: #293A8E;
  font-size: 20px;
  filter: drop-shadow(0px 0px 10px rgba(132, 132, 132, 0.15));
}
main .scrollCategoryMobile {
  background: #fff;
  padding: 1rem;
}
main .scrollCategoryMobile button {
  border-radius: 6.25rem;
  background: var(--white-3, #ECF2F7);
  width: 100%;
  text-align: left;
  border: unset;
  padding: 0px;
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding: 0px 1rem 0px 1.25rem;
}
main .scrollCategoryMobile button span {
  display: block;
  position: relative;
  color: var(--main-1, #293A8E);
  font-family: "Semi";
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  text-align: left;
  width: 100%;
}
main .scrollCategoryMobile button span svg {
  position: absolute;
  top: 0px;
  right: 0px;
}
main .scrollCategoryMobile button:hover {
  background: var(--white-3, #ECF2F7);
}
main .scrollCategoryMobile button:focus {
  background: var(--white-3, #ECF2F7);
}
main .scrollCategoryMobile button:active {
  background: var(--white-3, #ECF2F7) !important;
}
main .scrollCategoryMobile {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 9;
  display: block;
}
main .scrollCategoryMobileTop {
  animation-name: exampletop;
  animation-duration: 0.3s;
  top: 0px;
}
@keyframes exampletop {
  from {
    top: 53px;
  }
  to {
    top: 0px;
  }
}
main .scrollCategoryMobileBottom {
  animation-name: examplecategory;
  animation-duration: 0.3s;
  top: 53px;
}
@keyframes examplecategory {
  from {
    top: 0px;
  }
  to {
    top: 53px;
  }
}
main #exampleScrollCategory .modal-dialog {
  width: 95%;
  max-width: 95%;
  margin-top: 4rem;
}
main #exampleScrollCategory .modal-dialog .modal-content {
  position: relative;
  border-radius: 1.25rem;
}
main #exampleScrollCategory .modal-dialog .modal-content .btn-close {
  position: absolute;
  top: -35px;
  right: 0px;
  opacity: 1;
  background: unset;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body p {
  border-radius: 6.25rem;
  background: var(--main-1);
  position: relative;
  padding: 0.56rem 2.3rem 0.56rem 1.25rem;
  margin-bottom: 0.5rem;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body p span {
  color: var(--white-1);
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body p svg {
  position: absolute;
  top: 10px;
  right: 12px;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body a {
  color: var(--black-1, #061020);
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  padding: 1.25rem 1rem 1.25rem 1.25rem;
  display: block;
  border-top: 1px solid var(--black-4, #BABABA);
  position: relative;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body a svg {
  position: absolute;
  top: 21px;
  right: 15px;
}
main #exampleScrollCategory .modal-dialog .modal-content .modal-body a:last-child {
  border-bottom: 1px solid var(--black-4, #BABABA);
  margin-bottom: 1rem;
}
main .scrollCategoryMobile {
  background: #fff;
  padding: 1rem;
}
main .scrollCategoryMobile button {
  border-radius: 6.25rem;
  background: var(--white-3, #ECF2F7);
  width: 100%;
  text-align: left;
  border: unset;
  padding: 0px;
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding: 0px 1rem 0px 1.25rem;
}
main .scrollCategoryMobile button span {
  display: block;
  position: relative;
  color: var(--main-1, #293A8E);
  font-family: "Semi";
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  text-align: left;
  width: 100%;
}
main .scrollCategoryMobile button span svg {
  position: absolute;
  top: 0px;
  right: 0px;
}
main .scrollCategoryMobile button:hover {
  background: var(--white-3, #ECF2F7);
}
main .scrollCategoryMobile button:focus {
  background: var(--white-3, #ECF2F7);
}
main .scrollCategoryMobile button:active {
  background: var(--white-3, #ECF2F7) !important;
}
main .scrollCategoryMobile {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 9;
  display: none;
}
main .scrollCategoryMobileTop {
  animation-name: exampletop;
  animation-duration: 0.3s;
  top: 0px;
}
@keyframes exampletop {
  from {
    top: 53px;
  }
  to {
    top: 0px;
  }
}
main .scrollCategoryMobileBottom {
  animation-name: examplecategory;
  animation-duration: 0.3s;
  top: 53px;
}
@keyframes examplecategory {
  from {
    top: 0px;
  }
  to {
    top: 53px;
  }
}
main .banner {
  position: relative;
  height: 16.25rem;
  overflow: hidden;
}
main .banner .pName {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  color: var(--black-1, #061020);
  text-align: center;
  font-family: "Medium";
  font-size: 2.375rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  padding-left: 5rem;
  padding-right: 5rem;
  opacity: 0;
}
main .banner img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}
main .nameMobileH1 {
  display: block;
  color: var(--black-1);
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  text-transform: uppercase;
  margin: 1.5rem 0px 0.25rem;
  line-height: 130%;
}
@media screen and (max-width: 992px) {
  main .banner {
    height: auto;
  }
  main .banner h1 {
    font-size: 1.5rem;
  }
  main .banner img {
    position: relative;
    top: 0px;
    transform: unset;
  }
}
@media screen and (max-width: 768px) {
  main .banner {
    display: none;
  }
  main .nameMobileH1 {
    display: block;
    padding: 1.25rem 0rem 1.25rem;
    margin: 0px 0rem;
    border-bottom: 1px solid var(--white-3, #ECF2F7);
    font-size: 1rem !important;
  }
}
main .containerscrollCategory {
  margin-top: 0rem;
  position: sticky;
  top: 60.2px;
  left: 0px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: calc(7rem + 10px);
  padding-right: calc(7rem + 10px);
  background: #fff;
  z-index: 3;
  width: 100%;
  overflow-y: auto;
}
@media screen and (max-width: 1500px) {
  main .containerscrollCategory {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
main .containerscrollCategory .scrollCategory {
  margin: 0rem 0px 0px;
  display: flex;
  align-items: flex-start;
  gap: 1.3rem;
  border-bottom: 1px solid var(--black-3, #6D727C);
  background: #fff;
  width: auto;
  overflow-y: auto;
}
main .containerscrollCategory .scrollCategory a {
  padding-top: 1.25rem;
  background: #fff;
  text-align: center;
  font-family: "Medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 1.25rem;
  position: relative;
  color: var(--black-1);
}
main .containerscrollCategory .scrollCategory a svg {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}
main .containerscrollCategory .scrollCategory .active {
  color: var(--main-1, #293A8E);
}
main .containerscrollCategory .scrollCategory .active svg {
  display: block;
}
main .session1 {
  margin-top: 2.5rem;
  display: flex;
}
main .session1 .leftSession1 {
  width: 40%;
}
main .session1 .leftSession1 .slideBase {
  border-radius: 0.5rem;
  border: 1px solid var(--black-4, #BABABA);
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
main .session1 .leftSession1 .slideBase img {
  max-width: 100%;
  border-radius: 0.5rem;
}
main .session1 .rightSession1 {
  width: 60%;
  padding-left: 1rem;
}
main .session1 .rightSession1 .contentRightSession1 {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--white-3, #ECF2F7);
}
main .session1 .rightSession1 .contentRightSession1 .leftreviewAll .countReview {
  margin-left: 7rem;
}
main .session1 .rightSession1 .contentRightSession1 .leftreviewAll .countReview a {
  color: var(--black-3, #6D727C);
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  line-height: 130%;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent h1 {
  color: #000;
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: 130%;
  margin-bottom: 0.5rem;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent h1 span {
  font-size: 1.75rem;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent h2 {
  color: #000;
  font-family: "Medium";
  font-size: 1.5rem;
  font-style: normal;
  line-height: 130%;
  margin-bottom: 0.5rem;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent hr {
  margin: 0rem 0;
  width: 100%;
  height: 1px;
  background: #ECF2F7;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent p {
  margin-bottom: 0px;
  color: #000;
  font-family: "Regular";
  font-size: 1rem;
  font-style: normal;
  line-height: 160%;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent p img {
  margin-bottom: 0.5rem;
  margin-top: 0.37rem;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent span {
  font-size: 1rem;
  line-height: 130%;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent ul {
  padding-left: 20px;
}
main .session1 .rightSession1 .contentRightSession1 .shortContent ul li {
  font-size: 1rem;
}
main .session1 .rightSession1 .contentRightSession1 .listButton {
  display: flex;
  margin-top: 1rem;
}
main .session1 .rightSession1 .contentRightSession1 .listButton .btn-baogia {
  color: var(--white-1, #FFF);
  text-align: center;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 0.5rem;
  background: var(--main-1, #293A8E);
  padding: 1.03rem 2.25rem;
}
main .session1 .rightSession1 .contentRightSession1 .listButton .aTel {
  margin-left: 0.5rem;
  color: var(--white-1, #FFF);
  text-align: center;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: 95.5%; /* 0.955rem */
  text-transform: uppercase;
  padding: 0.69rem 1.44rem;
  border-radius: 0.5rem;
  background: var(--second-2, #F97414);
}
main .session1 .rightSession1 .contentRightSession1 .listButton .aTel span {
  font-family: "Regular";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 99.5%;
  display: block;
  text-transform: capitalize;
}
main .session1 .rightSession1 .contentRightSession1 .listButton .brochure {
  margin-left: 0.5rem;
  padding: 1.16rem 1.41rem;
  border-radius: 0.5rem;
  border: 2px solid var(--main-1, #293A8E);
  background: var(--white-1, #FFF);
}
main .session1 .rightSession1 .contentRightSession1 .listButton .brochure span {
  color: var(--main-1, #293A8E);
  text-align: center;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: 95.5%; /* 0.955rem */
  text-transform: uppercase;
  padding-left: 1.5rem;
  position: relative;
}
main .session1 .rightSession1 .contentRightSession1 .listButton .brochure span svg {
  position: absolute;
  top: 0px;
  left: 0px;
}
main .session2 .scrollCategoryService {
  margin-top: 2.5rem;
  border-radius: 0.75rem;
  border: 1px solid var(--white-3, #ECF2F7);
  padding: 1rem 1.25rem 1rem 1.25rem;
}
main .session2 .scrollCategoryService .d-inline-flex {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}
main .session2 .scrollCategoryService .d-inline-flex a {
  color: var(--black-1, #061020);
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  background: #fff;
  border: unset;
  padding: 0px;
}
main .session2 .scrollCategoryService .d-inline-flex a:active {
  background: #fff;
  color: var(--black-1, #061020);
}
main .session2 .scrollCategoryService .d-inline-flex a svg {
  position: absolute;
  top: 0px;
  right: 0px;
}
main .session2 .scrollCategoryService .d-inline-flex a .apart {
  display: block;
  top: 14px;
}
main .session2 .scrollCategoryService .d-inline-flex a .plus {
  display: none;
  top: 3px;
  right: -4px;
}
main .session2 .scrollCategoryService .d-inline-flex .collapsed .apart {
  display: none;
}
main .session2 .scrollCategoryService .d-inline-flex .collapsed .plus {
  display: block;
}
main .session2 .scrollCategoryService .collapsing {
  display: none;
}
main .session2 .scrollCategoryService .collapse .cardContent1 {
  display: grid;
  color: var(--black-1, #061020);
  font-family: "Regular" !important;
  font-size: 1.125rem !important;
  font-style: normal;
  line-height: normal;
  border: unset;
  padding: 0px;
  padding-top: 0.75rem;
}
@media screen and (max-width: 550px) {
  main .session2 .scrollCategoryService .collapse .cardContent1 p iframe {
    width: 100%;
  }
}
main .session2 .scrollCategoryService .collapse .cardContent1 p img {
  max-width: 100%;
  margin: auto;
}
main .session2 .scrollCategoryService .collapse .cardContent {
  color: var(--black-1, #061020);
  font-family: "Regular" !important;
  font-size: 1.125rem !important;
  font-style: normal;
  line-height: normal;
  border: unset;
  padding: 0px;
  padding-top: 0.75rem;
  word-wrap: normal;
}
@media screen and (max-width: 550px) {
  main .session2 .scrollCategoryService .collapse .cardContent iframe {
    width: 100%;
  }
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq {
  border-radius: 0.75rem;
  background: var(--white-2, #F6F9FC);
  padding: 1rem 1.25rem;
  margin-bottom: 0.5rem;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq:last-child {
  margin-bottom: 0rem;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .btnFaq {
  color: var(--black-1, #061020);
  font-family: "Semi";
  font-size: 1.25rem;
  font-style: normal;
  line-height: normal;
  background: unset;
  text-decoration-line: unset;
  border: unset;
  height: auto;
  position: relative;
  text-align: left;
  display: block;
  width: 100%;
  padding: 0px;
  padding-right: 32px;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .btnFaq svg {
  position: absolute;
  top: -4px;
  right: 0px;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .btnFaq .topSvg {
  display: block;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .btnFaq .bottomSvg {
  display: none;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .btnFaq:focus-visible {
  outline: unset;
  box-shadow: unset;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .cardFaq {
  background: unset;
  border: unset;
  padding: 0px;
  padding-top: 0.75rem;
  color: var(--black-3, #6D727C);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .collapsed .topSvg {
  display: none;
}
main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .collapsed .bottomSvg {
  display: block;
}
main .session2 .scrollCategoryService .collapse .cardContent img {
  height: auto !important;
  max-width: 100%;
  max-width: 100%;
}
main .session2 .scrollCategoryService .collapse .cardContent p {
  color: var(--black-1, #061020);
  font-family: "Regular" !important;
  font-size: 1rem !important;
  font-style: normal;
  line-height: normal;
  border: unset;
  padding: 0px;
}
main .session2 .scrollCategoryService .collapse .cardContent span {
  color: var(--black-1, #061020);
  font-style: normal;
  line-height: normal;
  border: unset;
  padding: 0px;
}
main .session2 .scrollCategoryService .collapse .cardContent strong {
  font-family: "Medium";
}
main .session2 .scrollCategoryService .collapse .cardContent td {
  padding: 10px 10px;
}
main .session2 .scrollCategoryService .collapse .cardContent table span, main .session2 .scrollCategoryService .collapse .cardContent th span, main .session2 .scrollCategoryService .collapse .cardContent td span {
  padding: 10px 0px;
}
main .session2 .scrollCategoryService .collapse .cardContent h2 {
  color: var(--black-1, #061020);
  font-family: "Medium";
  font-size: 1.25rem;
  font-style: normal;
  line-height: normal;
}
main .session2 .scrollCategoryService .collapse .cardContent h2 span {
  color: #3498db;
  font-family: "Medium" !important;
  font-size: 1.25rem !important;
  font-style: normal;
  line-height: normal;
}
main .session2 .scrollCategoryService .collapse .cardContent4 {
  display: grid;
}
main .session2 .scrollCategoryService .collapse .cardContent12 {
  padding: 0px;
  border: unset;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .why {
  margin-top: 0px;
  padding: 2rem 0rem 2rem 0rem !important;
  background: #fff !important;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .why .container {
  margin-left: 0px;
  margin-right: 0px;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .why .container .contentWhy .leftWhy .number p {
  word-wrap: normal;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo {
  margin-bottom: 2rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .titleCustomLogo {
  color: var(--black-1, #061020);
  text-align: center;
  font-family: "Semi";
  font-size: 2rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemCustomLogo a {
  height: 4.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px 1.25rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemCustomLogo a:before {
  position: absolute;
  top: 0.59rem;
  right: 0px;
  background: #D8DEE3;
  width: 1px;
  height: 52px;
  content: "";
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemCustomLogo a:after {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #D8DEE3;
  width: 5.875rem;
  height: 1px;
  content: "";
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemCustomLogo a img {
  max-height: 100%;
  max-width: 100%;
  line-height: 130%;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemCustomLogo a:hover img {
  filter: unset;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemCustomLogoLast a:before {
  content: unset;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo .itemHiddenBorderTop a:after {
  content: unset;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile {
  display: none;
  margin-bottom: 2rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .titleCustomLogo {
  color: var(--black-1, #061020);
  text-align: center;
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .itemCustomLogoParent .itemCustomLogo a {
  padding: 2px 0px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .itemCustomLogoParent .itemCustomLogo a img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  line-height: 130%;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .itemCustomLogoParent .itemCustomLogo a:before {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(-50%, -50%);
  background: #D8DEE3;
  width: 1px;
  height: 1.53563rem;
  content: "";
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .itemCustomLogoParent .itemCustomLogo a:after {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #D8DEE3;
  width: 2.77594rem;
  height: 1px;
  content: "";
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .itemCustomLogoParent .itemCustomLogo:first-child a:after {
  content: unset;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .owl-dots {
  margin-top: 1.25rem !important;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .owl-dots button span {
  background: #ECF2F7;
  margin: 0px 0.25rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .owl-dots button span:hover {
  background: #293A8E;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .carousel-logo .owl-dots .active span {
  background: #293A8E;
  margin: 0px 0.25rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .newRelated {
  margin-top: 1.25rem;
}
main .session2 .scrollCategoryService .collapse .cardContent12 .newRelated h3 {
  color: var(--black-1, #061020);
  text-align: center;
  font-family: "Semi";
  font-size: 2rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
main .session2 .serviceRelated {
  padding: 1rem 1.25rem 1.5rem 1.25rem;
  margin-top: 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid var(--white-3, #ECF2F7);
}
main .session2 .serviceRelated h3 {
  color: var(--black-1, #061020);
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 1rem;
}
main .session2 .serviceRelated .listServiceRelated {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.25rem;
}
main .session2 .serviceRelated .listServiceRelated .itemSession {
  display: flex;
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.75rem;
  background: var(--white-2, #F6F9FC);
}
main .session2 .serviceRelated .listServiceRelated .itemSession .aImage {
  width: 13.8125rem;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
main .session2 .serviceRelated .listServiceRelated .itemSession .aImage img {
  width: 100%;
  max-width: 100%;
  border-radius: 0.5rem;
  transition: transform 0.3s ease;
}
main .session2 .serviceRelated .listServiceRelated .itemSession .rightItem {
  width: calc(100% - 13.8125rem);
  padding-left: 0.5rem;
}
main .session2 .serviceRelated .listServiceRelated .itemSession .rightItem .a-title {
  overflow: hidden;
  color: var(--black-1, #061020);
  text-overflow: ellipsis;
  font-family: "Semi";
  font-size: 1.125rem;
  font-style: normal;
  margin-bottom: 0.13rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 45px;
  line-height: 125%;
}
main .session2 .serviceRelated .listServiceRelated .itemSession .rightItem .summary p {
  overflow: hidden;
  color: var(--black-3, #6D727C);
  text-overflow: ellipsis;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 90px;
  margin-bottom: 0px;
}
main .session2 .serviceRelated .listServiceRelated .itemSession:hover .aImage img {
  transform: scale(1.5) rotate(12deg);
}
main .session2 .serviceRelated .listServiceRelated .itemSession:hover .rightItem .a-title {
  color: var(--main-1, #293A8E);
}
main .session2 .reviews-comments {
  margin-top: 2.5rem;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem 1.5rem 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0px;
  border: 1px solid var(--white-3, #ECF2F7);
}
main .session2 .reviews-comments .lefttReviewsComments {
  padding-right: 1.25rem;
}
main .session2 .reviews-comments .lefttReviewsComments h3 {
  color: var(--black-1, #061020);
  /* 24/Semi Bold */
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll {
  display: flex;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .leftreviewAll {
  width: 8rem;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .leftreviewAll .totalReview {
  color: var(--black-1, #061020);
  font-family: "Medium";
  font-size: 4rem;
  font-style: normal;
  line-height: 100%;
  margin-bottom: 0px;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .leftreviewAll .rating-all {
  display: grid;
  width: 100%;
  justify-content: left;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .leftreviewAll .rating-all #ratingIndex {
  display: block;
  width: 100%;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .leftreviewAll .countReview {
  color: var(--black-3, #6D727C);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll {
  width: calc(100% - 8rem);
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item:last-child {
  margin-bottom: 0px;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item .leftItem {
  width: 2rem;
  color: var(--black-1, #061020);
  margin-bottom: 0px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item .leftItem svg {
  position: absolute;
  top: 0px;
  right: 0px;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item .centerItem {
  width: calc(100% - 3rem);
  padding: 0px 8px;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item .centerItem p {
  display: grid;
  align-items: center;
  margin-bottom: 0px;
  border-radius: 6.25rem;
  background: var(--white-3, #ECF2F7);
  height: 0.9375rem;
  position: relative;
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item .centerItem p span {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  border-radius: 6.25rem;
  background: var(--main-1, #293A8E);
}
main .session2 .reviews-comments .lefttReviewsComments .reviewAll .rightReviewAll .item .rightItem {
  margin-bottom: 0px;
  width: 1rem;
  color: var(--black-1, #061020);
  margin-bottom: 0px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main .session2 .reviews-comments .lefttReviewsComments .btnReviewModal {
  margin-top: 1.41rem;
  text-align: right;
}
main .session2 .reviews-comments .lefttReviewsComments .btnReviewModal .btn {
  border-radius: 3.125rem;
  background: var(--main-1, #293A8E);
  color: var(--white-1, #FFF);
  text-align: center;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  padding: 1.125rem 1.5rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview {
  margin-top: 1.25rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment {
  display: flex;
  margin-bottom: 0.75rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment:last-child {
  margin-bottom: 0px;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .leftItemComment {
  width: 2rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .rightItemComment {
  width: calc(100% - 2rem);
  padding-left: 0.75rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .rightItemComment .contentComment {
  border-radius: 0.5rem;
  background: var(--white-2, #F6F9FC);
  padding: 0.75rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .rightItemComment .contentComment .nameComment {
  color: #00916C;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0.5rem;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .rightItemComment .contentComment .nameComment span {
  margin-left: 0.5rem;
  color: var(--black-3, #6D727C);
  font-family: "Regular";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .rightItemComment .contentComment .summary {
  margin-bottom: 0.5rem;
  color: #00916C;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
}
main .session2 .reviews-comments .lefttReviewsComments .listReview .itemComment .rightItemComment .contentComment a {
  color: #3DBDFF;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
main .session2 .reviews-comments .comment {
  margin: 0px;
  border-radius: 0px;
  display: grid;
  grid-template-columns: 1fr;
  border: unset;
  padding: 0px;
  padding-left: 1.25rem;
  border-left: 1px solid #ECF2F7;
}
main .session2 .reviews-comments .comment .rightComment {
  margin-top: 1.25rem;
}
main .modalReviews .modal-dialog {
  max-width: 52.5rem;
  margin-top: 3rem;
}
main .modalReviews .modal-dialog .modal-content {
  position: relative;
}
main .modalReviews .modal-dialog .modal-content .btn-close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -55px;
  right: -13px;
  background: unset;
  opacity: 1;
}
main .modalReviews .modal-dialog .modal-content .modal-body {
  padding: 2.5rem;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .titleReview {
  color: #000;
  font-family: "Semi";
  font-size: 2rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}
main .modalReviews .modal-dialog .modal-content .modal-body .image {
  margin-top: 0.75rem;
  height: 6.25rem;
  text-align: center;
}
main .modalReviews .modal-dialog .modal-content .modal-body .image img {
  max-height: 100%;
  max-width: 100%;
  border-radius: 0.5rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .nameService {
  margin-top: 0.5rem;
  color: #000;
  text-align: center;
  /* 20/semibold */
  font-family: "Semi";
  font-size: 1.25rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0.25rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .ratingService {
  display: grid;
  justify-content: center;
}
main .modalReviews .modal-dialog .modal-content .modal-body .error2 {
  margin-top: 0px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalReviews .modal-dialog .modal-content .modal-body .errorTextReview {
  display: none;
}
main .modalReviews .modal-dialog .modal-content .modal-body .errorRating {
  text-align: center;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box {
  margin-top: 1rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form {
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item input {
  border-radius: 0.5rem;
  border: 1px solid var(--white-3, #ECF2F7);
  background: var(--white-3, #ECF2F7);
  width: 100%;
  color: var(--black-1, #061020);
  height: 2.875rem;
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  border: 0px;
  padding: 0px 0.75rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item input:focus {
  border: unset;
  outline: unset;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item select {
  border-radius: 0.5rem;
  background: var(--white-3, #ECF2F7);
  width: 100%;
  color: var(--black-1, #061020);
  height: 2.875rem;
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  border: 0px;
  padding: 0px 0.75rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item select:focus {
  border: unset;
  outline: unset;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item .error {
  margin-top: 5px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item .error2 {
  margin-top: 5px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item .errorTextReview {
  display: none;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item {
  margin-bottom: 0.5rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item label {
  color: var(--black-1, #061020);
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  display: block;
  margin-bottom: 0.5rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item input {
  border-radius: 0.5rem;
  border: 1px solid var(--white-3, #ECF2F7);
  background: var(--white-3, #ECF2F7);
  width: 100%;
  color: var(--black-1, #061020);
  height: 2.875rem;
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  border: 0px;
  padding: 0px 0.75rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item input:focus {
  border: unset;
  outline: unset;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item textarea {
  border-radius: 0.5rem;
  background: var(--white-3, #ECF2F7);
  height: 4.5625rem;
  width: 100%;
  border: unset;
  resize: unset;
  padding: 0.75rem;
  color: var(--black-1, #061020);
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item textarea:hover {
  outline: unset;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item .error {
  margin-top: 5px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item .error2 {
  margin-top: 0px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .question-demand__item .errorTextReview {
  display: none;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .note {
  color: var(--black-1, #061020);
  font-size: 0.875rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0.75rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .demand-btn {
  margin-top: 1.5rem;
}
main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .demand-btn .btn-reivew-form {
  padding: 0.875rem 0rem;
  border-radius: 0.375rem;
  background: var(--main-1, #293A8E);
  color: var(--white-1, #FFF);
  text-align: center;
  font-family: "Medium";
  font-size: 1.25rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  display: block;
}
main .modalQuote .modal-dialog {
  max-width: 52.5rem;
  margin-top: 3rem;
}
main .modalQuote .modal-dialog .modal-content {
  position: relative;
  background-size: cover !important;
  background: url("../../image/bg_baogia.svg") no-repeat top left;
}
main .modalQuote .modal-dialog .modal-content .btn-close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -55px;
  right: -13px;
  background: unset;
  opacity: 1;
}
main .modalQuote .modal-dialog .modal-content .modal-body {
  padding: 2.5rem;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.625rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form {
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item label {
  color: var(--black-1, #061020);
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  display: block;
  margin-bottom: 0.5rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item input {
  border-radius: 0.5rem;
  border: 1px solid var(--white-3, #ECF2F7);
  background: var(--white-1, #FFF);
  width: 100%;
  color: var(--black-1, #061020);
  height: 2.875rem;
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  border: 0px;
  padding: 0px 0.75rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item input:focus {
  border: unset;
  outline: unset;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item select {
  border-radius: 0.5rem;
  background: var(--white-1, #FFF);
  width: 100%;
  color: var(--black-1, #061020);
  height: 2.875rem;
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
  border: 0px;
  padding: 0px 0.75rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item select:focus {
  border: unset;
  outline: unset;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item .error {
  margin-top: 5px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item .error2 {
  margin-top: 5px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form .question-demand__item .errorText {
  display: none;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item {
  margin-bottom: 0.5rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item label {
  color: var(--black-1, #061020);
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  display: block;
  margin-bottom: 0.5rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item textarea {
  border-radius: 0.5rem;
  background: var(--white-1, #FFF);
  height: 4.5625rem;
  width: 100%;
  border: unset;
  resize: unset;
  padding: 0.75rem;
  color: var(--black-1, #061020);
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item textarea:hover {
  outline: unset;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item .error {
  margin-top: 5px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item .error2 {
  margin-top: 0px;
  display: block;
  color: red;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  border: unset;
  margin-bottom: 0px;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .question-demand__item .errorText {
  display: none;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .note {
  color: var(--black-1, #061020);
  font-size: 0.875rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0.75rem;
}
main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .demand-btn .btn-connect-form {
  padding: 0.875rem 0rem;
  border-radius: 0.375rem;
  background: var(--main-1, #293A8E);
  color: var(--white-1, #FFF);
  text-align: center;
  font-family: "Medium";
  font-size: 1.25rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  display: block;
}

.comment .leftComment form .demand_box .demand-btn {
  margin-top: 0.25rem;
}
.comment .leftComment form .demand_box .demand-btn a {
  color: var(--white-1, #FFF);
  text-align: center;
  /* 16/Medium UPP */
  font-family: "Medium";
  font-size: 1rem !important;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  body {
    padding-bottom: 0px;
  }
  .bottomFixedMobileAll {
    display: none;
  }
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  main {
    margin-top: 58px;
  }
  main .containerscrollCategory {
    display: none;
  }
  main .scrollCategoryMobile {
    display: block;
  }
  main .session1 {
    margin-top: 1.25rem;
  }
  main .session1 .rightSession1 .contentRightSession1 .listButton {
    display: none;
  }
  main .banner {
    display: none;
  }
  main .session2 .reviews-comments {
    grid-template-columns: repeat(1, 1fr);
  }
  main .session2 .reviews-comments .lefttReviewsComments {
    padding-right: 0px;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ECF2F7;
  }
  main .session2 .reviews-comments .comment {
    padding-left: 0px;
    border-left: 0px;
    padding-top: 1rem;
  }
  main .scrollCategoryMobile {
    border-bottom: 1px solid #ECF2F7;
  }
  main .bottomFixedMobile {
    display: block;
    position: fixed;
    bottom: 0px;
    z-index: 2;
    width: 100%;
  }
  main .bottomFixedMobile .listButton {
    padding: 1rem;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.44rem;
  }
  main .bottomFixedMobile .listButton .btn-baogia {
    color: var(--white-1, #FFF);
    text-align: center;
    font-family: "Medium";
    font-size: 1rem;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 0.5rem;
    background: var(--main-1, #293A8E);
    padding: 1.03rem 2.25rem;
    display: grid;
    align-items: center;
    justify-content: center;
  }
  main .bottomFixedMobile .listButton .aTel {
    margin-left: 0.5rem;
    color: var(--white-1, #FFF);
    text-align: center;
    font-family: "Medium";
    font-size: 1rem;
    font-style: normal;
    line-height: 95.5%; /* 0.955rem */
    text-transform: uppercase;
    padding: 0.69rem 1.44rem;
    border-radius: 0.5rem;
    background: var(--second-2, #F97414);
    display: grid;
    align-items: center;
    justify-content: center;
  }
  main .bottomFixedMobile .listButton .aTel span {
    font-family: "Regular";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 99.5%;
    display: block;
    text-transform: capitalize;
  }
  main .bottomFixedMobile .listButton .brochure {
    margin-left: 0.5rem;
    padding: 1.16rem 1.41rem;
    border-radius: 0.5rem;
    border: 2px solid var(--main-1, #293A8E);
    background: var(--white-1, #FFF);
    text-align: center;
  }
  main .bottomFixedMobile .listButton .brochure span {
    color: var(--main-1, #293A8E);
    text-align: center;
    font-family: "Medium";
    font-size: 1rem;
    font-style: normal;
    line-height: 95.5%; /* 0.955rem */
    text-transform: uppercase;
    padding-left: 2.5rem;
    position: relative;
  }
  main .bottomFixedMobile .listButton .brochure span svg {
    position: absolute;
    top: -4px;
    left: 0px;
  }
  footer {
    padding: 5rem 0rem 7rem;
  }
}
@media screen and (max-width: 992px) {
  main .session2 .scrollCategoryService .collapse .cardContent img {
    width: auto !important;
    height: auto !important;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .titleCustomLogo {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo .listLogo {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding: 2rem 0rem 4rem;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .customLogo {
    display: none;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile {
    display: block;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .customLogoMobile .titleCustomLogo {
    font-size: 20px;
  }
  main .session1 {
    display: block;
  }
  main .session1 .leftSession1 {
    width: 100%;
  }
  main .session1 .rightSession1 {
    width: 100%;
    padding-left: 0px;
  }
  main .session1 .rightSession1 .contentRightSession1 {
    padding: 0.75rem;
  }
  main .session1 .rightSession1 .contentRightSession1 .leftreviewAll .countReview {
    padding-top: 1.5px;
  }
  main .session1 .rightSession1 .contentRightSession1 .leftreviewAll .countReview a {
    font-size: 0.875rem;
  }
  main .session1 .rightSession1 .contentRightSession1 .shortContent h1 {
    font-size: 1rem;
    line-height: normal;
  }
  main .session2 .scrollCategoryService {
    margin-top: 1.25rem;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .why {
    padding: 2rem 0rem 1rem 0rem !important;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .why .title {
    font-size: 1.25rem;
    text-align: left;
    margin-bottom: 0.75rem;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .why .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  main .session2 .scrollCategoryService .collapse .cardContent12 .newRelated h3 {
    font-size: 1.25rem;
    text-align: left;
    margin-bottom: 0.75rem;
  }
  main .session2 .scrollCategoryService .collapse .cardContent .itemFaq .btnFaq {
    font-size: 1.125rem;
  }
  main .session2 .serviceRelated .listServiceRelated {
    grid-gap: 0.75rem;
  }
  main .session2 .serviceRelated .listServiceRelated .itemSession {
    display: block;
  }
  main .session2 .serviceRelated .listServiceRelated .itemSession .aImage {
    width: 100%;
    overflow: hidden;
  }
  main .session2 .serviceRelated .listServiceRelated .itemSession .rightItem {
    margin-top: 4px;
    width: 100%;
  }
  .modal .modal-dialog {
    max-width: 90%;
  }
  main .session1 .leftSession1 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 550px) {
  main .modalReviews .modal-dialog .modal-content .modal-body .demand_box .flex-form {
    grid-template-columns: repeat(1, 1fr);
  }
  main .session2 .scrollCategoryService .collapse .cardContent iframe {
    height: 300px !important;
  }
  main .modalQuote .modal-dialog .modal-content .modal-body .demand_box .flex-form {
    grid-template-columns: repeat(1, 1fr);
  }
  main .modalQuote .modal-dialog .modal-content .modal-body .demand_box label {
    display: none !important;
  }
  main .modalReviews .modal-dialog .modal-content .modal-body .titleReview {
    font-size: 1.5rem;
  }
  main .leftConnect .info .title {
    font-size: 1.5rem;
  }
  main .modal .modal-dialog .modal-content .modal-body {
    padding: 1.25rem 0.75rem 2rem 0.75rem;
  }
  main .session2 .scrollCategoryService {
    padding: 0.75rem 0.5rem 1.25rem 0.5rem;
  }
  main .session2 .scrollCategoryService table {
    width: 100% !important;
  }
  main .session2 .reviews-comments {
    padding: 0.75rem 0.5rem 1.25rem 0.5rem;
  }
  main .session2 .serviceRelated {
    padding: 0.75rem 0.5rem 1.25rem 0.5rem;
  }
  main .session2 .serviceRelated .listServiceRelated .itemSession .rightItem .summary {
    display: none;
  }
  main .bottomFixedMobile .listButton .btn-baogia {
    font-size: 0.875rem;
    padding: 1.03rem 5px;
  }
  main .bottomFixedMobile .listButton .aTel {
    font-size: 0.875rem;
    padding: 0.69rem 5px;
  }
  main .bottomFixedMobile .listButton .brochure {
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 1.16rem 5px;
  }
  main .bottomFixedMobile .listButton .brochure span {
    font-size: 0.875rem;
  }
  main .bottomFixedMobile .listButton .brochure span svg {
    top: -8px;
  }
}

/*# sourceMappingURL=detail.css.map */