figure,
img {
  border-style: none;
  height: auto;
  vertical-align: middle
}

figure figcaption {
  text-align: center
}

iframe,
figure,
img,
input,
table,
select,
textarea {
  max-width: 100%
}

.wp-post-image,
.wp-caption {
  max-width: 100% !important
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  clear: both;
}

.wp-caption {
  max-width: 100%;
  text-align: center;
  font-size: 0.9em;
  color: #666;
  margin-bottom: 1em;
}

.wp-caption.alignleft {
  float: left;
  margin-right: 1.5em;
}

.wp-caption.alignright {
  float: right;
  margin-left: 1.5em;
}

.wp-caption.aligncenter {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

#headerTop {
  background: #d8a302;
}

.headerTopRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding: 15px 0;
  font-size: 16px;
}

#headerTop-hotline span::before {
  content: "";
  background: url('a/i/ic-phone.png') no-repeat;
  width: 24px;
  height: 17px;
  display: inline-block;
}

#headerTop-address span::before {
  content: "";
  background: url('a/i/ic-address.png') no-repeat;
  width: 17px;
  height: 22px;
  display: inline-block;
}

#headerTop-address span,
#headerTop-hotline span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

/*  */

#mainMenu>ul>li:hover>a {
  background: #d8a302;
  color: #fff;
  padding: 10px;
  transition: all 0.2s linear;
}

#mainMenu>ul>li>a {
  padding: 10px;
}

#headerMid-wrp {
  height: 100px;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

#mainMenu>ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

#mainMenu>ul>li {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  height: 100px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100px;
}

.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 8;
  min-width: 220px;
  background: #fff;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding-top: 10px;
  transform: translateX(calc(-50% + 17px));
}

.sub-menu li {
  line-height: 20px;
  font-weight: 450;
}

#mainMenu>ul>li:hover .sub-menu {
  display: block;
}

#mainMenu .sub-menu a {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #efefef;
  transition: all 0.2s linear;
}

#mainMenu .sub-menu a:hover {
  color: #1f61ac;
}

/* footer */
#ft1 {
  background: #ae8506;
  padding: 50px 0 30px;
  color: #fff;
}

#ftInf {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
  gap: 10px;
}

#ftInf li {
  display: flex;
  align-items: center;
  justify-content: center;
}

#ftInf i {
  margin-right: 5px;
}

#ftTime {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: #97750b;
  padding: 10px;
  border-radius: 20px;
}

#ftTime b {
  display: block;
  font-size: 22px;
}

.ftTit {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

#ft1Wrp .clg-4:nth-child(2) {
  padding-left: 100px;
}

.ftTit:after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: #fff;
  margin-top: 5px;
}

#ftCate {
  margin-top: 20px;
}

.flar {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#ftCate a {
  display: block;
  padding: 5px 0;
  color: #fff;
  position: relative;
  font-size: 15.72px;
  transition: all 0.2s linear;
}

#ftCate a:hover {
  color: #fff;
}

#ftCate a::before {
  content: '\f105';
  font-family: 'FontAwesome5Pro';
  color: #fff;
  padding-right: 10px;
}

#ftFrm {
  background: #f7f3e5;
  border-radius: 20px;
  box-shadow: 0 0 24px rgba(13, 47, 35, 0.26);
  padding: 19px 22px 29px 22px;
}

#ftFrm-head {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
}

#ftFrm input,
#ftFrm textarea {
  width: 100%;
  height: 40px;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

#ftFrm textarea {
  height: 110px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
}

#ftFrm button {
  display: block;
  width: 127px;
  height: 38px;
  border-radius: 30px;
  background: #d8a302;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.2s linear;
}

#ftFrm button:hover {
  background: #1f61ac;
}

#ftFrm button i {
  margin-right: 10px;
}

#ftCopyright {
  background: #ae8506;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

#ftCate a:hover {
  color: #1f61ac;
}

#ftCopyright p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 450;
  border-top: 1px solid #ffffff;
  padding-top: 10px
}

#ftIc-2::before {
  content: "";
  background: url('a/i/ic-phone.png') no-repeat;
  width: 24px;
  height: 17px;
  display: inline-block;
}

#ftIc-1::before {
  content: "";
  background: url('a/i/ic-address.png') no-repeat;
  width: 17px;
  height: 21px;
  display: inline-block;
}

#ftIc-3::before {
  content: "";
  background: url('a/i/ic-calculator.png') no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
}

.d-flex {
  display: flex !important;
}
.flex-column {
  flex-direction: column !important;
}
.align-items-center {
  align-items: center !important;
}
.justify-content-center {
  justify-content: center !important;
}

.elm-giayphep {
  display: block !important;
  margin-top: 30px;
}
.elm-giayphep p {
  font-size: 14px;
  margin: 0 0 3px 0;
}
.elm-giayphep p:last-child {
  margin-bottom: 0px;
}
.elm-giayphep p.elm-giayphep-text-1 {
  font-size: 14px;
  text-transform: uppercase;
}

.elm-aboutus {
  display: block !important;
}
.elm-aboutus ul#ftCate {
  margin-top: 0px !important;
}
.elm-aboutus .elm-aboutus-list li {
  list-style: disc;
}
.elm-aboutus .elm-aboutus-list li>a {
  font-size: 16px;
}

footer#footer {
  margin-bottom: 102px;
}

.f-title {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
}

.f-title strong {
  color: red;
}

/* s1 */
#sec1 {
  padding: 90px 0;
}

#sec1Wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec1Box {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  width: 11%;
  height: 145px;
  border-radius: 12px;
  background: #f7f3e5;
  padding: 20px 10px 40px 10px;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  transition: all 0.1s linear;
}

.sec1Box:hover {
  background: #fff2c6;
}

.sec1Box span {
  font-size: 14px;
  font-weight: 450;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
}

.sec1Box-ic {
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.sec1Info {
  background: #d8a302;
  color: #fff;
  padding: 23px 10px 10px;
  margin: 100px 70px 0 70px !important;
  border-radius: 15px;
}

.sec1Info-thumb {
  width: 400px;
  height: 350px;
  aspect-ratio: 1 / 1;
  display: block;
  position: relative;
  background: #f4f4f4;
  border: 4px solid #fff;
  border-radius: 15px;
}

.sec1Info-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  object-fit: cover;
}

.sec1Info-content {
  padding: 18px 0 0 50px;
}

.sec1Info-content span {
  font-size: 30px;
  font-weight: bold;
}

.sec1Info-thumb:before {
  content: '';
  background: url('a/i/ic-ribon-2.png') no-repeat;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  z-index: 99;
  width: 89px;
  height: 91px;
}

@media screen and (max-width: 991.98px) {
  .sec1Info {
    margin: 25px 0 15px 0 !important;
    justify-content: center;
    align-items: center;
  }

  .sec1Info-thumb {
    max-width: 100%;
    max-height: 100%;
    width: 315px;
    height: 259px;
    margin: auto;
  }

  .sec1Info-content span {
    font-size: 26px;
  }

  .sec1Info-content {
    padding: 0;
  }

  #ez-toc-container {
    width: 100% !important;
    background: #f4f4f4 !important;
  }

  .ez-toc-list {
    display: none;
  }
}


/* icon */
.icon {
  transition: all 0.1s linear;
}

#icon1 {
  background: url('a/i/ic-trinoi.png') no-repeat;
  height: 49px;
  width: 45px;
}

.sec1Box:hover #icon1 {
  background: url('a/i/ic-trinoi-hv.png') no-repeat;
  height: 49px;
  width: 45px;
}

#icon2 {
  background: url('a/i/ic-tringoai.png') no-repeat;
  height: 49px;
  width: 47px;
}

.sec1Box:hover #icon2 {
  background: url('a/i/ic-tringoai-hv.png') no-repeat;
  height: 49px;
  width: 47px;
}

#icon3 {
  background: url('a/i/ic-trihonhop.png') no-repeat;
  height: 49px;
  width: 46px;
}

.sec1Box:hover #icon3 {
  background: url('a/i/ic-trihonhop-hv.png') no-repeat;
  height: 49px;
  width: 46px;
}


#icon4 {
  background: url('a/i/ic-daitien.png') no-repeat;
  height: 49px;
  width: 29px;
}

.sec1Box:hover #icon4 {
  background: url('a/i/ic-daitien-hv.png') no-repeat;
  height: 49px;
  width: 29px;
}

#icon5 {
  background: url('a/i/ic-ahm.png') no-repeat;
  height: 49px;
  width: 38px;
}

.sec1Box:hover #icon5 {
  background: url('a/i/ic-ahm-hv.png') no-repeat;
  height: 49px;
  width: 38px;
}

#icon6 {
  background: url('a/i/ic-phm.png') no-repeat;
  height: 49px;
  width: 34px;
}

.sec1Box:hover #icon6 {
  background: url('a/i/ic-phm-hv.png') no-repeat;
  height: 49px;
  width: 34px;
}

#icon7 {
  background: url('a/i/ic-nuthm.png') no-repeat;
  height: 49px;
  width: 44px;
}

.sec1Box:hover #icon7 {
  background: url('a/i/ic-nuthm-hv.png') no-repeat;
  height: 49px;
  width: 44px;
}

#icon8 {
  background: url('a/i/ic-tt.png') no-repeat;
  height: 49px;
  width: 38px;
}

.sec1Box:hover #icon8 {
  background: url('a/i/ic-tt-hv.png') no-repeat;
  height: 49px;
  width: 38px;
}

#icon22 {
  background: url('a/i/ic-bk.png') no-repeat;
  height: 49px;
  width: 87px;
}

.sec1Box:hover #icon22 {
  background: url('a/i/ic-bk-hv.png') no-repeat;
  height: 49px;
  width: 87px;
}

.sec1Box:not(:first-child) {
  /* margin-left: 19px; */
}

.tac {
  text-align: center;
}

/* sec2 */
#sec2 {
  padding: 42px 0 65px 0;
}

.bgImg1 {
  background: url('a/i/sec2bg.jpg?v=1');
}

.secHead {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  margin: auto;
  width: auto;
  font-family: 'HelvetIns';
  font-size: 30px;
  color: #d8a302;
  text-transform: uppercase;
  margin-bottom: 30px;
}

ul.pro-tab {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

li.tabl {
  background: #fff;
  width: calc(100% / 6 - 15px);
  height: 70px;
  border-radius: 15px;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #333333;
  padding: 0 23px;
  font-weight: 450;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.1s linear;
}

li.tabl.active-pro,
li.tabl:hover {
  background: #d8a302;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.tab-content {
  width: 0;
  height: 0;
  opacity: 0;
  transition: all 0.3s;
  background: #fff;
  border-radius: 15px;
  color: #333333;
  font-size: 16px;
  overflow: hidden;
}

.tab-show {
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  /* -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInUp; */
  /* animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInUp; */
}

.tab-content img {
  height: 100%;
}

.tab-content span {
  font-size: 23px;
  font-weight: bold;
  color: #333333;
  text-transform: uppercase;
}

.pro-content {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  margin-top: 20px;
}

.contentTab-tit {
  font-size: 24px;
  font-weight: 700;
}

/* sec3 */

#sec3Wrp {
  margin-left: -15px;
  margin-right: -15px;
}

#sec3 {
  padding: 42px 0 65px 0;
}

.sec3Box {
  padding: 0 15px;
}

.bsBox-home {
  background: #f7f7f7;
  padding: 26px;
  border-radius: 20px;
  display: flex !important;
  align-items: center;
  width: auto !important;
  flex-direction: column;
  justify-content: center;
}

.bsBox-home .bsBox-inf {
  align-items: center;
  padding: 20px 0 0 0;
}

.bsBox-inf {
  display: flex;
  flex: 1;
  padding-left: 22px;
  flex-direction: column;
}

.bsBox-inf .bs {
  text-transform: uppercase;
  color: #333333;
  font-size: 16px;
}

.bsBox-inf .name {
  font-size: 22px;
  font-weight: bold;
  color: #d8a302;
  text-transform: uppercase;
}

.bsBox-inf .ck {
  font-size: 16px;
  color: #333333;
  font-weight: 400;
}

.bsBox-img {
  /* max-width: 250px; */
  width: 80%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;
  position: relative;
  background: #f4f4f4;
  /* margin: auto; */
  border: 10px solid #fff;
  border-radius: 50%;
  /* margin-top: 0; */
}

.bsBox-img img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* sec4 */
#sec4 {
  position: relative;
}

.bgSec4 {
  background: url('a/i/sec4bg.jpg') no-repeat;
  height: 540px;
  background-size: cover;
}

.sec4Wrp {
  display: flex;
  flex-direction: column;
  height: 540px;
  max-width: 480px;
  padding: 44px;
  background: #d8a302d4;
  color: #fff;
  gap: 25px;
}

.sec4more::after {
  content: "";
  background: url('a/i/ic-more.png') no-repeat;
  width: 22px;
  height: 13px;
  margin-left: 10px;
  display: inline-block;
}

.sec4more {
  display: inline-flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
  border: 1px solid;
  padding: 9px 19px 9px 25px;
  border-radius: 19px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  /* width: 148px; */
}

.sec4Wrp span:first-child {
  display: block;
  font-weight: bold;
  font-size: 27px;
  line-height: 35px;
}

.sec4Wrp span:nth-child(2) {
  display: block;
  font-size: 16px;
  line-height: 32px;
  word-spacing: 1.2px;
}

.sec4Thumb {
  margin: 5px 0;
  border: 2px solid;
  border-radius: 5px;
  cursor: pointer;
  width: calc(50% - 5px);
  height: 100px !important;
  object-fit: cover;
}

img.sec4Thumb.active {
  border-color: #1f61ac;
}

/* sec5 */
#sec5 {
  padding: 75px 0;
}

.sec5Box-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 15px;
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #c2c2c2;
}

.sec5Box-thumb img {
  /* object-fit: cover; */
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sec5Box-name {
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-align: justify;
  padding-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sec5Box-txt p {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.read-more {
  font-size: 14px;
  font-weight: bold;
  color: #d8a302;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s linear;
}

.read-more:hover {
  color: #1f61ac;
}

/* ctafixed */
.ctafixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999999999;
  right: 0;
  background: #fff;
  padding: 0 5px;
  box-shadow: -1px 0 20px rgba(100, 100, 111, 0.2);
}

.ctaWrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  gap: 10vh;
}


.hotline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.hotline span {
    font-size: 26px;
    color: #1f61ac;
    font-family: 'HelvetIns';
    line-height: 41px;
}


.ctaBox-ic {
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ctaBox span {
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  font-weight: 450;
}


#icon9 {
  background: url('a/i/cta-tv.png') no-repeat;
  height: 49px;
  width: 57px;
}

.ctaBox:hover #icon9 {
  background: url('a/i/cta-tv-hv.png') no-repeat;
  height: 49px;
  width: 57px;
}

#icon10 {
  background: url('a/i/cta-dh.png') no-repeat;
  height: 49px;
  width: 41px;
}

.ctaBox:hover #icon10 {
  background: url('a/i/cta-dh-hv.png') no-repeat;
  height: 49px;
  width: 41px;
}

#icon11 {
  background: url('a/i/cta-qtk.png') no-repeat;
  height: 57px;
  width: 35px;
}

.ctaBox:hover #icon11 {
  background: url('a/i/cta-qtk-hv.png') no-repeat;
  height: 57px;
  width: 35px;
}

#icon12 {
  background: url('a/i/cta-cd.png') no-repeat;
  height: 49px;
  width: 45px;
}

.ctaBox:hover #icon12 {
  background: url('a/i/cta-cd-hv.png') no-repeat;
  height: 49px;
  width: 45px;
}

#icon13 {
  background: url('a/i/cta-zl.png') no-repeat;
  height: 36px;
  width: 77px;
}

.ctaBox:hover #icon13 {
  background: url('a/i/cta-zl-hv.png') no-repeat;
  height: 36px;
  width: 77px;
}

#icon14 {
  background: url('a/i/cta-fb.png') no-repeat;
  height: 40px;
  width: 18px;
}

.ctaBox:hover #icon14 {
  background: url('a/i/cta-fb-hv.png') no-repeat;
  height: 40px;
  width: 18px;
}

.ctaWrp .left,
.ctaWrp .right {
  display: flex;
  gap: 15.5vh;
}

.ctaBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#headerMid {
  background: #fff;
}

#headerMid.stuck {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* mobile  */
@media screen and (max-width: 991.98px) {

  #main {
    padding: 10px !important;
  }

  #header.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 480px;
    height: 60px;
    z-index: 100;
    background: #fff;
    box-shadow: -1px 0 20px rgba(100, 100, 111, 0.2);
  }

  #breadcrumbs
  {
    padding: 10px 0 0 !important;
  }
  .pro-content {
    padding: 15px 10px;
  }

  .bsBox-inf {

    margin: 0 0 20px 0;
  }

  .sec4Thumb {
    height: 100px !important;
  }

  section:not(#slider, #sec4) {
    padding: 30px 0;
  }

  #mainMenu-btn {
    background-color: transparent;
    border: none;
    font-size: 34px;
    line-height: 60px;
    width: 40px;
    padding: 0;
    margin: 0;
    color: #d8a21c;
  }

  #search-btn {
    background-color: transparent;
    border: none;
    font-size: 23px;
    padding: 0;
    margin: 0;
    width: 40px;
    color: #d8a21c;
  }

  #search-btn .fas {
    font-weight: normal;
  }

  #headerMid-wrp {
    height: 66px;
  }

  #logo img {
    height: 42px;
  }

  /* .sec1Box:first-child {
    background: #d8a302;
    color: #ffffff;
  } */

  .sec1Box span.dm {
    text-align: center;
    justify-content: center;
    display: flex;
    font-weight: bold;
  }

  #sec1Wrp {
    justify-content: space-between;
  }

  ul.pro-tab {
    /* justify-content: unset; */
    gap: 12px;
  }

  li.tabl {
    width: 30%;
    font-size: 12px;
    padding: 0px 3px;
    height: 60px;
  }

  .bsBox-home {
    /* margin: 0 21px; */
    height: 440px;
  }

  .secHead {
    font-size: 26px;
  }

  .sec4Wrp {
    position: absolute;
    width: 100%;
    padding: 30px;
    height: 100%;
    background: #d8a302d4;
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .bgSec4 {
    /* height: 68vh; */
  }

  .sec4Wrp span:first-child {
    font-size: 26px;
    /* margin-bottom: 28px; */
  }

  .sec4Wrp span:nth-child(2) {
    margin-bottom: 5px;
  }


  .sec5Box {
    display: flex;
  }

  .sec5Box-thumb {
    width: 30%;
    max-width: 160px;
  }

  .sec5Box-txt {
    flex: 1;
    padding-left: 15px;
  }

  .sec5Box-name {
    padding-top: 0;
  }

  .sec5Box-txt p {
    -webkit-line-clamp: 2;
  }

  #ftFrm {
    background: #f7f3e5;
    border-radius: 10px;
    box-shadow: none;
    padding: 19px 22px 29px 22px;
    /* margin: 4px; */
  }

  #ftFrm button {
    width: 158px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  #ftFrm {
    margin-top: 0;
  }

  #footer {
    background: #d8a302;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 50px !important;
  }

  #ftmLogo {
    background: #987411;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    height: 80px;
  }

  #ftInf {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  #ftmCopyright {
    text-align: center;
    margin-top: 20px;
    padding: 20px 0;
    color: #f3efe4;
  }

  #ftmCopyright span {}

  #ftmCopyright img {
    margin-bottom: 30px;
  }

  #ftInf li {
    font-size: 16px;
  }

  #ftTime {
    width: 80%;
  }

  .sec1Box {
    width: calc(33.33% - 5px);
    margin: 0 0 9px;
    height: 135px;
  }

  .sec1Box.is_mobi.bk {
    display: flex !important;
  }

  .sec1Box span {
    font-size: 13px;
  }

  .tab-content span {
    font-size: 20px;
  }

  .tab-content p {
    font-size: 16px;
  }


  .ctaWrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    background: #fff;
    gap: 3px;
  }

  .item {
    height: 55px;
  }

  .item-1,
  .item-3 {
    width: 30%;
  }

  .item-2 {
    width: 40%;
  }

  .chat-btn,
  .dh-btn {
    width: 30%;
  }

  .hl-btn {
    width: 40%;
  }

  .chat-btn {
    background: #d8a302;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 8px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
  }

  .chat-btn::before {
    content: '';
    background: url('a/i/ic-help.png') no-repeat;
    width: 51px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
  }

  .hl-btn {
    background: #1f61ac;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 8px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .hl-btn::before {
    content: '';
    background: url('a/i/ic-phone-w.png') no-repeat;
    width: 25px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
  }

  .hl-btn span {
    font-size: 16px;
    font-family: 'HelvetIns';
  }

  .dh-btn {
    background: #1f61ac;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 16px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
  }

  .dh-btn::before {
    content: '';
    background: url('a/i/ic-calculator-w.png') no-repeat;
    width: 36px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
  }

  #testPost {
    padding: 15px 10px !important;
  }

  #testPost-head {
    font-size: 22px !important;
  }

  .testPost-ct label {
    width: 100% !important;
  }

  .testPost-gbt a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .testPost-text2 b {
    font-size: 16px !important;
  }
}

/* csvc */
#csvc {
  margin: 90px 0;
}

#csvcWrp {
  background: #ae8515;
  padding: 78px 40px 70px 40px;
  border-radius: 18px;
}

.csvcBox {
  width: 17%;
  background: #e8e8e8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  margin: 0 15px;
}

.csvcBox-img {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.csvcBox-name {
  background: #fff;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  border-radius: 0 0 20px 20px;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
}

.csvcBox-content {
  padding: 40px 70px;
}

.csvcBox-content span {
  font-size: 23px;
  font-weight: bold;
  color: #333333;
  text-transform: uppercase;
}

.csvcBox {
  transition: all 0.3s;
}

#csvcWrp .slick-list {
  padding: 41px 0 !important;
}

.csvcBox-img {
  min-height: 185px
}

#csvcWrp {
  padding: 55px 40px 40px 40px;
}

#csvcWrp .slick-current.slick-active {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  opacity: 1;
}

.csvcBox-name {
  min-height: 45px;
  padding: 9px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.csvcBox.slick-slide.slick-active {
  opacity: 0.6;
}

/* kgpk */
#kgpk {
  background: url('a/i/csvc/bg-kgpk.jpg') no-repeat;
  height: 300px;
  width: 100%;
  background-size: cover;
  padding-top: 60px;
  position: relative;
  margin-bottom: 341px;
}

.headWhite {
  color: #ffffff !important;
}

.kgpkBox {
  background: #fff;
  padding: 20px 15px 30px 15px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin: 0 15px 30px;
}

#kgpkWrp {}

.kgpkImg,
.kgpkImg img {
  border-radius: 5px;
}

.kgpkBox span {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.kgpkImg {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991.98px) {
  #csvcWrp {
    padding: 0px 30px 0 30px;
    border-radius: 0;
    margin: 0 -10px;
  }

  .csvcBox-content {
    padding: 30px 0;
  }

  #csvc {
    margin: 20px 0 -95px;
  }

  .csvcBox-content p {
    font-size: 16px;
  }

  .kgpkBox {
    margin: 0 8px 30px;
  }

  #kgpk {
    height: 200px;
    background-size: cover;
    margin-bottom: 230px;
  }

  .csvcBox-name {
    font-size: 8.26px;
    padding: 10px;
  }

  .csvcBox-img {
    /* max-width: 50%; */
  }

  .csvcBox {
    margin: 0 8px;
  }

  .csvcBox-img img {
    height: 55px !important;
  }

  .csvcBox-img {
    min-height: 75px;
    padding-top: 0;
  }

  .csvcBox-name {
    padding: 5px 15px;
  }
}

/* bspage */
#lbsWrp {
  margin-bottom: 40px;
}

#breadcrumbs {
  padding: 15px 0 15px;
  font-weight: bold;
}

#crumbs a.current {
  color: #d8a302;
}

#crumbs span {
  padding-left: 10px;
  padding-right: 10px;
}

/* ct page */
#pctHead {
  margin: 80px auto 30px;
}


#pctWrp {
  margin-bottom: 30px;
}

.pctBox {
  background: #f7f3e5;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 10px;
  border-radius: 10px;
  color: #666;
  line-height: 26px;
  height: 100%;
  font-size: 15px;
  transition: all 0.1s linear;
}

.pctBox:hover {
  background: #fff2c6;

}

.pctBox b {
  display: block;
  color: #333;
  font-size: 20px;
}

.pctIcon {
  width: 85px;
  height: 85px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.pctIcon i {
  background-position-y: -274px;
}

#pctIc1 {
  width: 49px;
  height: 41px;
  background-position-x: 0;
}

#pctIc2 {
  width: 54px;
  height: 47px;
  background-position-x: -51px;
}

#pctIc3 {
  width: 48px;
  height: 48px;
  background-position-x: -109px;
}

#pctIc4 {
  width: 48px;
  height: 48px;
  background-position-x: -162px;
}

.pctBox:hover .pctIcon i {
  background-position-y: -324px;
}

#pctFrm {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 25px 30px;
}

#pctFrm-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 20px;
  text-transform: uppercase;
}

.pctFrm input,
.pctFrm textarea,
.pctFrm button {
  width: 100%;
  height: 40px;
  margin-bottom: 15px;
  border-radius: 25px;
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.pctFrm textarea {
  border: none;
  height: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.pctFrm button {
  display: block;
  margin: auto;
  background: #1f61ac;
  width: 150px;
  border: none;
  text-transform: uppercase;
  font-weight: 450;
  color: #fff;
  cursor: pointer;
  transition: all 0.1s linear;
}

.pctFrm button:hover {
  background: #d8a302;
}

.pctFrm button i {
  font-size: 18px;
  margin-right: 10px;
}

#pctMaps {
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

#pctMaps-tit {
  height: 65px;
  line-height: 65px;
  background: #d8a302;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

#pctMaps-img {
  width: 100%;
  height: calc(100% - 65px);
  overflow: hidden;
  position: relative;
}

#pctMaps-img img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.pctBox-ic {
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}


@media screen and (max-width: 991.98px) {
  #pctHead {
    margin: 50px auto 30px;
  }

  #pctMaps-img {
    height: 310px;
  }

  .pctBox b {
    font-size: 16px;
  }

  #pctMaps-tit {
    font-size: 18px;
  }
}

#icon15 {
  background: url('a/i/cta-cd.png') no-repeat;
  height: 40px;
  width: 46px;
}

.pctBox:hover #icon15 {
  background: url('a/i/cta-cd-hv.png') no-repeat;
  height: 40px;
  width: 46px;
}

#icon16 {
  background: url('a/i/ic-phone2.png') no-repeat;
  height: 48px;
  width: 55px;
}

.pctBox:hover #icon16 {
  background: url('a/i/ic-phone2-hv.png') no-repeat;
  height: 48px;
  width: 55px;
}

#icon17 {
  background: url('a/i/ic-web.png') no-repeat;
  height: 50px;
  width: 48px;
}

.pctBox:hover #icon17 {
  background: url('a/i/ic-web-hv.png') no-repeat;
  height: 50px;
  width: 48px;
}

#icon18 {
  background: url('a/i/cta-dh.png') no-repeat;
  height: 42px;
  width: 42px;
}

.pctBox:hover #icon18 {
  background: url('a/i/cta-dh-hv.png') no-repeat;
  height: 42px;
  width: 42px;
}

/* page detail bs */
.lbsBox {
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}

.lbsBox-thumb {
  width: 80%;
  max-width: 230px;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  margin: 0 auto;
  overflow: hidden;
  display: block;
  position: relative;
  background: #f4f4f4;
  margin-bottom: 20px;
}

.lbsBox-thumb img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lbsBox-infs {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lbsBox-name {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}

.lbsBox-more {
  color: #868686;
  margin-top: 10px;
}

.lbsBox-more b,
.lbsBox-more i.fas.fa-star {
  color: #333;
}

.lbsBox-o1 {
  padding-right: 15px;
}

.lbsBox-o1 i {
  margin-right: 10px;
  color: #d8a302;
}

.lbsBox-infs .rmBtn {
  padding-bottom: 0;
}

.sbbacsi .bsBox {
  margin-bottom: 30px;
  transition: all 0.1s linear;
}

.sbbacsi .bsBox:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#pbsInf,
#pbsDeltail {
  background: #f7f7f7;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 30px;
}

#pbsInf {
  display: flex;
  align-items: center;
}

#pbsInf-img {
  margin: 0;
  border: 10px solid #fff;
}

#pbsInf-text {
  flex: 1;
  padding-left: 30px;
  align-items: flex-start;

}

#pbsInf-text .lbsBox-more {
  margin-top: 50px;
}

#pbsDeltail {
  padding-bottom: 50px;
  position: relative;
}

#pbsBtns {
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 50%; */
  display: flex;
  justify-content: center;
  /* z-index: 1; */
  margin-top: 50px;
}

.pbsBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 50px;
  border-radius: 23px;
  box-shadow: 0 0 19px rgba(68, 68, 68, 0.32);
  margin: 0 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 450;
  transition: all 0.1s linear;
}

.pbsBtn i {
  margin-right: 10px;
}

#pbsLive {
  background: #d8a302;
}

#pbsChiphi {
  background: #1f61ac;
}

#pbsLive:hover {
  background: #1f61ac;
  color: #fff;
}

#pbsChiphi:hover {
  background: #d8a302;
  color: #fff;
}

#pbsIc-1 {
  width: 30px;
  height: 26px;
  background-position: -212px -279px;
}

#pbsIc-2 {
  width: 30px;
  height: 25px;
  background-position: -246px -280px;
}

#pbsMtpk {
  margin: 50px -15px;
}

.pbsMtpkBox {
  padding: 0 15px;
}

.sbsticky {
  position: sticky;
  top: 13%;
}

#bsWrp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 122px);
}

.bsBox {
  border: 1px solid #ccc;
  padding: 10px 20px;
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex;
}

.bsBox-imgs {
  width: 130px;
  height: 130px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.bsBox-imgs img {
  border: 5px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bsBox-infs {
  flex: 1;
  padding-left: 30px;
}

.bsBox-name {
  font-size: 20px;
  font-weight: 700;
}

.bsBox-infs span {
  display: block;
  color: #666;
}

.bsBox-infs i {
  right: 10px;
  width: 20px;
  text-align: center;
}

#icon19 {
  background: url('a/i/ic-help.png') no-repeat;
  height: 28px;
  width: 34px;
}

#icon20 {
  background: url('a/i/ic-money.png') no-repeat;
  height: 28px;
  width: 34px;
}

#icon21 {
  background: url('a/i/ic-note.png') no-repeat;
  height: 28px;
  width: 34px;
}

@media screen and (max-width: 991.98px) {

  #pstCntn p {
    font-size: 16px;
  }

  #pbsInf,
  #pbsDeltail {
    padding: 15px 10px
  }

  #pbsInf {
    flex-direction: column;
  }

  #pbsInf-text.lbsBox-inf {
    display: flex;
    padding-left: 0;
    padding-top: 15px;
    align-items: center;
    flex-direction: column;
  }

  #pbsInf-text .lbsBox-more {
    margin: 20px 0;
    font-size: 16px;
  }

  #pbsBtns {
    width: 100%;
  }

  .pbsBtn {
    width: calc(50% - 5px);
    margin: 0;
    /* justify-content: space-between; */
    padding: 0 10px;
  }

  #pbsLive {
    margin-right: 5px;
  }

  #pbsChiphi {
    margin-left: 5px;
  }

  #pbsInf-text .lbsBox-name {
    font-size: 22px;
  }

  .lbsBox-chuyenkhoa {
    font-size: 16px;
  }
}

/* page category */

.ntry {
  padding: 30px;
  border-radius: 10px;
  background: #f7f7f7;
  margin-bottom: 30px;
  display: flex;
  align-items: stretch;
}

.pThmb {
  width: 240px;
  aspect-ratio: 4 / 3;
  border-radius: 15px;
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #c2c2c2;
}

.pThmb img {
  /* object-fit: cover; */
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pCntn {
  flex: 1;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}

.pCntn h4 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pCntn p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.pMeta {
  border-top: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
  font-size: 14px;
  color: #666;
  display: none;
}

.pMeta i {
  margin-right: 10px;
}

.sbbox {
  margin-bottom: 20px;
  padding: 20px 15px;
  background: #f7f3e5;
  border-radius: 10px;
}

#sbSrch {
  padding: 26px 15px;
}

.sbSearch {
  width: 100%;
  height: 40px;
  border-radius: 30px;
  background: #fff;
  display: flex;
  overflow: hidden;
}

.sbSearch input,
.sbSearch button {
  background: transparent;
  border: none;
  width: 55px;
  outline: none;
}

.sbSearch input {
  flex: 1;
  padding: 0 12px;
}

.sbSearch button {
  font-size: 20px;
  cursor: pointer;
}

.sbHead {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.sbHead-ic {
  width: 18px;
  height: 18px;
  background-position: -244px -1px;
  margin-right: 10px;
}

.sbPost:first-child {
    padding-top: 5px;
}

.sbPost {
  border-bottom: 1px solid #fff;
  display: flex;
  padding: 15px 0;
  flex-direction: column;
  align-items: center;
}

.sbPost-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 15px;
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #c2c2c2;
}

.sbPost-thumb img {
  /* object-fit: cover; */
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sbPost-inf {
  flex: 1;
/* padding-left: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 8px;
}

.sbPost-tit {
font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.sbPost-meta {
  font-size: 14px;
  color: #666;
  display: flex;
  justify-content: space-between;
  display: none;
}


@media screen and (max-width: 991.98px) {
  .ntry {
    padding: 10px;
    margin-bottom: 15px;
  }

  .ntry:nth-child(even) {
    background: #fbf6ff;
  }

  .pThmb {
    width: 120px;
    aspect-ratio: 4 / 3;
    border-radius: 10px;
  }

  .pCntn {
    padding-left: 15px;
    justify-content: space-between;
  }

  .pCntn h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

i.fas.fa-bars {
  color: #d8a302;
}

.sbHead span {
  /* margin-left: 8px; */
}

.sbCntn {
  display: flex;
  flex-direction: column;
  /* gap: 15px; */
}

.sbCntn li:first-child {
  /* margin-top: 10px; */
}

.sbCntn li {
  padding: 7px 0 7px 0;
  border-bottom: 1px solid #fff;
  color: #333333;
  font-weight: 400;
}

.sbCntn li:hover {
  color: #1f61ac;
}

#sidebar .sec3Box {
  margin: 0 -15px;
}

#sidebar .bsBox-home {
  background: #fbf6ff;
}

#sidebar ul.slick-dots {
  margin-bottom: 27px;
}

#sidebar .bsBox-img {
  width: 85px;
  aspect-ratio: 1 / 1;
  border: 2px solid #d8a302;
  overflow: hidden;
  display: block;
  position: relative;
}

#sidebar .bsBox-inf span {
  color: #666666;
}

/*  */

.bsBox-sb {
  background: #f7f3e5;
  padding: 0;
  border-radius: 20px;
  display: flex !important;
  align-items: center;
  width: auto !important;
  flex-direction: column;
  justify-content: center;
}

.bsBoxsb-inf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px 0 10px 0;
  text-align: center;
}

.bsBoxsb-inf .bs {
  text-transform: uppercase;
  color: #333333;
  font-size: 13px;
}

.bsBoxsb-inf .name {
  font-size: 18px;
  font-weight: bold;
  color: #d8a302;
  text-transform: uppercase;
}

.bsBoxsb-inf .ck {
  font-size: 15px;
  color: #333333;
  font-weight: 400;
}

.bsBoxsb-inf .ck b {
  display:block;
}

.bsBoxsb-img {
  max-width: 250px;
  width: 80%;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  margin: 0 auto;
  overflow: hidden;
  display: block;
  position: relative;
  background: #f4f4f4;
  margin-bottom: 20px;
  border: 10px solid #fff;
}

.bsBoxsb-img img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*  */
/* post detail */
#pstDetail {
  background: rgb(253 250 240 / 50%);
  padding: 30px 20px;
  border-radius: 10px;
}

h1#pstpTitle {
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
  background: #ffffff;
  padding: 15px;
  border-radius: 15px;
  color: #d8a302;
}

#pstCntn {
  line-height: 1.6;
}

#pstCntn>p:first-child {
  font-size: 18px;
  font-weight: 700;
}

#pstCntn img {
  display: block;
  max-width: 600px;
  margin: auto;
  height: auto;
  aspect-ratio: unset;
}

#pstCntn :is(h2, h3, h4, h5) {
  margin: 1rem 0;
}

#pstCntn h2,
#pstCntn h2 * {
  color: #d8a302;
  font-size: 24px;
  line-height: 1.3;
}

#pstCntn h3,
#pstCntn h3 * {
  color: #d8a302;
  font-size: 22px;
  line-height: 1.3;
}

#pstCntn h4,
#pstCntn h4 * {
  font-size: 20px;
  line-height: 1.3;
}

#pstCntn h5,
#pstCntn h5 * {
  font-size: 18px;
  line-height: 1.3;
}

#pstCntn ul {
  margin: .5rem 0 .5rem 2rem;
}

#pstCntn ul li {
  margin: 0.5rem 0;
  position: relative;
}

#pstCntn ul li:before {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #666;
  position: absolute;
  left: -15px;
  top: 8px;
}

#pstSim {
  margin: 1.5rem 0;
  background: #f7f7f7;
  border-radius: 10px;
}

#pstSim-tit {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  padding: 20px 20px;
}

#pstSim-lst li {
  padding: 0 20px;
  height: 50px;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #fff;
}

#pstSim-lst li:before {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #666;
  margin-right: 10px;
}

#pstSim-lst a {
  flex: 1;
}

@media screen and (max-width: 991.98px) {

  #pstDetail {
    /* padding: 0;
    background: transparent; */
    padding: 10px;
  }

  h1#pstpTitle {
    background: #fff;
    padding: 10px;
    font-size: 24px;
    line-height: 36px;
    border-radius: 0;
    border-radius: 15px;
  }

  #pstCntn>p:first-child {
    font-size: 16px;
    text-align: justify;
  }

  #pstCntn img {
    max-width: 100%;
  }

  #pstSim-tit {
    padding: 10px 15px;
  }

  #pstSim-lst li {
    padding-left: 15px;
    padding-right: 15px;
  }

  #bsPostct .bsBox {
    margin: 0 31px;
  }

  #bsPostct {
    margin-bottom: 60px;
    margin-top: 50px;
    display: none;
  }
}

/* detail bs list img */
.dPbsl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 27px;
  gap: 9px;
}

.avatar-bs.active {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 50%;
}

.avatar-bs.active:after {
  content: "\f0dd";
  position: absolute;
  top: 84%;
  left: 50%;
  transform: translateX(-50%);
  color: #d8a302;
  font-size: 20px;
  font-family: 'FontAwesome5Pro';
  fill: #d8a302;
}

[aria-current]:not([aria-current="false"]) {
  font-weight: bold;
  color: #d8a302;
}

button.slick-prev.slick-arrow {
  left: 25px;
}

button.slick-next.slick-arrow {
  right: 25px;
}


/* backtotop */
#btnBacktoTop {
  display: flex;
  background-color: #ffffff;
  width: 85px;
  height: 70px;
  text-align: center;
  border-radius: 11px;
  position: fixed;
  bottom: 127px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  justify-content: center;
  text-align: -webkit-right;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#btnBacktoTop:hover {
  cursor: pointer;
  background-color: #d8a302;
  color: #fff;
}

#btnBacktoTop:active {
  background-color: #d8a302;
}

#btnBacktoTop.show {
  opacity: 1;
  visibility: visible;
}

#btnBacktoTop span:before {
  content: '';
  background: url('a/i/ic-totop.png') no-repeat;
  width: 36px;
  height: 25px;
  display: block;
}

#btnBacktoTop span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 450;
  font-size: 15px;
}

.sec4ImgL .slick-dots button {
  background: #ffffff !important;
}

.sec4ImgL .slick-dots .slick-active button {
  background: #1f61ac !important;
}

/* update */
.bsBox-img-thumb {
  width: 65px;
  height: 65px;
}

.bsBox-img-thumb img {
  border-radius: 50%;
}

.sec3Box-thumb {
  display: flex !important;
  justify-content: center;
}

#sec3Wrpsc .slick-current.slick-active .bsBox-img-thumb {
  border: 2px solid #d6ac27;
  border-radius: 50%;
}

#sec3Wrpsc {
  margin-top: 30px;
  padding: 0 35px;
  text-align: center;
}

#pop_call_phone {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999999;
  display: none;
}

#pop_call_bg {
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0, 15%)
}

#pop_call_warp {
  position: absolute;
  bottom: 3px;
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 0 10px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}

#pop_call_warp a,
#pop_call_warp span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: #fff;
  border-radius: 10px;
  margin-top: 5px;
  color: #2488ac;
  font-size: 18px;
  font-family: Arial;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#pop_call_warp a i {
  font-size: 25px;
  margin-right: 10px;
  margin-top: 3px
}

#pop_call_warp span {
  background: #ED2B2A;
  border-color: #c11111;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}

#pop_call_warp a b {
  font-weight: 500;
}

#main {
  padding: 0;
}

@media screen and (min-width: 992px) {

  #pstDetail {
    /* border: 1px solid #c1c1c1; */
  }
}


#pstUudai {
  margin: 1.5rem 0;
  background: #f7f3e5;
	border: 1px solid #e0b638;
  border-radius: 10px;
  padding: 10px 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  line-height: 25px;
}

#pstUudai ul li {
	list-style: disc;
	margin-left: 30px;
}

#pstSim {
  border: 1px solid #c1c1c1;
}


#ez-toc-container {
  border-width: 2px !important;
  max-height: 250px;
  display: block !important;
  overflow-y: hidden;
  padding: 0 !important;
  margin-left: 1rem;
}

.ez-toc-heading-level-2>a {
  font-weight: 700;
  text-transform: capitalize !important;
  padding-top: 5px;
  display: block;
}

.ez-toc-title-container {
  padding: 10px;
}

.ez-toc-title {
  padding-left: 30px;
}

.ez-toc-title:before {
  content: '\f0cb';
  font-family: FontAwesome5Pro;
  font-size: 20px;
  margin-right: 5px;
  font-weight: 700;
}

.ez-toc-list {
  padding: 0 10px 10px !important;
  height: 200px;
  overflow-y: auto !important;
}

#pstCntn blockquote {
  background: #f7f3e5;
  border: 1px solid #d7d7d7;
  border-left: 5px solid #d8a302;
  margin: 0;
  padding: 0px 20px;
  border-radius: 5px;
}

.moreInPst-ctnt li a {
  color: #333;
  font-size: 16px;
}

.moreInPst-ctnt li a:hover {
  color: #d8a302;
}

.sc-moreInPst {
  margin: 1rem 0;
  padding: 10px 15px;
  background: #f7f3e5;
  border: 1px solid #d8a302;
  border-radius: 10px;
}

.moreInPst-head {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #d8a302;
  margin-bottom: 5px;
  padding-left: 10px;
}

.moreInPst-ctnt {
  margin-left: 20px !important;
}

.moreInPst-ctnt li {
  list-style: none !important;
  padding: 3px 0px 3px 15px !important;
  margin: 0 !important;
  position: relative !important;
}

#pstCntn .moreInPst-ctnt li:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 7px solid #353535;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 12px;
  left: 0;
  background: none;
}


#testPost {
  background: #e0b638;
  padding: 20px 30px;
  color: #fff;
  margin: 15px 0;
  border-radius: 15px;
}

#testPost-head {
  font-size: 28px;
  font-family: 'HelvetIns';
  text-align: center;
  margin-bottom: 1rem;
}

#testPost-ct {
  color: #000;
  position: relative;
  background-image: linear-gradient(140deg, #f1e7cb 0%, #f7fcd6 50%, #fffff0 75%);
  border: 1px dashed #cb0008;
  padding: 25px 0;
  border-radius: 25px;
  padding: 15px 20px 0;
}

.testPost-ch {
  padding-bottom: 15px;
}

.testPost-tit {
  font-weight: 700;
}

.testPost-ct {
  padding-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.testPost-ct label {
  width: calc(50% - 7px);
  margin: 3px 0;
  font-weight: 400;
  cursor: pointer;
}

.testPost-ct input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 13px;
  width: 13px;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  background: transparent;
  border: 1px solid #e0b638;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: none;
  position: relative;
  z-index: 8;
  border-radius: 50%;
  margin-right: 10px;
}

.testPost-ct input:checked {
  background: #e0b638;
}

#testPost-frm {
  text-align: center;
  font-size: 14px;
  padding-top: 15px;
}

.testPost-frm input {
  width: 100%;
  border: 1px solid #e0b638;
  padding: 13px 10px;
  max-width: 500px;
  border-radius: 30px;
  margin: 10px 0;
  height: 40px;
  text-align: center;
}

.testPost-gbt {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.testPost-gbt a {
  padding: 5px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  border: 1px solid #07835c;
  margin: 0 5px;
}

#testPost-send,
#testPost-live.active {
  background: #07835c;
  border-color: #07835c;
}

#testPost-live,
#testPost-send.active {
  background: #cb0008;
  border-color: #cb0008;
}

.testPost-text2 b {
  color: #1f61ac;
  font-size: 18px;
}

#testPost-ct br {
  display: none;
}

.pagination {
  margin-bottom: 24px;
}

@media screen and (max-width: 991.98px) {
  #sec3Wrpsc .slick-arrow {
    position: absolute;
    top: 50%;
    left: 40px;
    opacity: 1;
    border: none;
    background: transparent;
    padding: 5px;
    border-radius: 3px;
    z-index: 1;
    font-size: 72px;
    transform: translateY(-50%);
    color: #fefefe;
  }

  #sec3Wrpsc .slick-arrow {
    font-size: 30px;
    left: 0;
    color: #d8a302;
  }

  #sec3Wrpsc .slickNext {
    left: unset;
    right: 0;
  }
}

#sidebar .slick-dots button {
  width: 10px !important;
  height: 10px !important;
}

/*loading*/

/* search mobile */
#search-wp form {
  display: flex;
  justify-content: space-between;
}

#search-wp input {
  width: 100%;
  padding: 2px 2px 2px 8px;
  height: 40px;
}

#search-wp button {
  outline: none;
  border: none;
  width: 20%;
  background: #d8a302;
  color: #fff;
}

#header-bottom-search {
  height: 40px;
  box-shadow: rgba(0,0,0,.3) 0 2px 8px 0;
  display: none;
}

/* hotline */
.menuCustom {
  position: relative;
  overflow: hidden;
}
#menuM-hotline {
width: 65%;
max-width: 300px;
border-radius: 10px;
background: #f9f9f9;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0 10px;
margin: 10% 0 0 25%;
z-index: 9999;
flex-direction: column;
/* position: absolute; */
/* right: 10px; */
/* bottom: 0; */
}

#menuM-ic1 {
width: 45px;
margin-right: 10px;
background: url(img/icon/ic-phone-n.png) no-repeat;
}

.menuM-hl {
text-align: center;
color: #727272;
line-height: 20px
}

.menuM-hl strong {
font-family: 'HelvetIns';
color: #373737;
font-size: 20px;
display: block;
font-weight: 400;
margin-bottom: 2px
}

.menuM-hotline-ct {
display: flex;
margin-top: 10px
}

#menuM-hotline span {
display: block;
background: #dd4251;
width: 100%;
border-radius: 10px 10px 0 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
padding: 4px
}
/*
* .post-notes
*/
#catePts .topsingle-banner {
  display: none !important;
}
.post-notes {
  background: transparent;
  display: block !important;
  align-items: center;
  color: #111111;
  margin-bottom: 20px;
  padding: 0;
  border-radius: 10px;
  text-align: justify;
}
.post-notes .post-notes_inner {
  padding: 21px 0 0 0;
  position: relative;
}
.post-notes .post-notes_header {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.post-notes .post-notes_content {
  background: #f5e0a0;
  border-radius: 17px;
  padding: 21px 23px 10px;
  position: relative;
}
.post-notes img.postnote-logo {
  display: inline-block !important;
  max-width: 90%;
}
.post-notes p {
  margin: 0 0 3px 0;
}
.post-notes strong {
  color: #f31e1e;
}
.post-notes ul {
  padding: 0 0 0 20px;
}
.post-notes ul li {
  list-style: disc;
}
.post-notes ul li::marker {
  color: #6d6161;
  font-size: 21px;
}
.post-notes_footer {
  display: flex !important;
  padding: 10px 0 0 0;
  gap: 14px;
  justify-content: center;
}
.post-notes_footer a {
  background-color: #2772c7;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 9px 20px;
  font-family: 'UTM HelvetIns', 'HelvetIns';
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}
.post-notes_footer a:hover {
  opacity: 0.8;
}
.post-notes_footer a:nth-child(1) {
  background-color: #2772c7;
  animation: blue-red-blink 2s step-start infinite;
}
.post-notes_footer a:nth-child(2) {
  background-color: #e64949;
  animation: red-blue-blink 2s step-start infinite;
}
@keyframes blue-red-blink {
  0% {
    background-color: #2772c7;
  }
  50% {
    background-color: #e64949;
  }
  100% {
    background-color: #2772c7;
  }
}
@keyframes red-blue-blink {
  0% {
    background-color: #e64949;
  }
  50% {
    background-color: #2772c7;
  }
  100% {
    background-color: #e64949;
  }
}
@media screen and (max-width: 991.98px) {
  .post-notes {
    font-size: 15px;
  }
  .post-notes .post-notes_content {
    padding: 21px 15px 10px;
  }
}
@media screen and (max-width: 390px) {
  .post-notes .post-notes_content {
    padding: 21px 12px 10px;
  }
}
@media screen and (max-width: 375px) {
  .post-notes {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .post-notes .post-notes_content {
    padding: 0 23px;
  }
  .post-notes .post-notes_content_background {
    background: url('img/postnote-number-one-tri.png') no-repeat center left;
    padding: 30px 23px 10px 17%;
  }
  .post-notes ul {
    padding: 0 0 0 40px;
  }
}
/* suaweb thang 12 */
#pstNote{
  display: flex;
  align-items: center;
  background: #f7f3e5;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  text-align: justify;
}
#pstNote img{
  width: 40px;
}
#pstNote span{
  flex: 1;
  padding-left: 20px;
  font-size: 14px;
  line-height: 23px;
}
#pstNote span b{
  font-weight: 700;
}

.sbFrm input,
.sbFrm textarea,
.sbFrm button {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px
}

.sbFrm textarea {
  border: none;
  height: 110px;
  padding-top: 5px;
  padding-bottom: 5px
}

.sbFrm button {
  display: block;
  margin: 0 auto;
  background: #1f61ac;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 5px
}

.sbFrm button i {
  font-size: 20px;
  margin-right: 10px
}

#pstSim2 {
  margin: 1.5rem 0;
  border-radius: 10px;
  padding: 0 15px;
  background: #f7f3e5;
}

#pstSim-tit {
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'HelvetIns';
  color: #d8a302;
  padding: 5px 0;
  text-align: center;
}

#pstSim-tit span {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  width: auto;
  border: 2px dotted #909090;
  border-radius: 15px;
  padding: 5px 25px;
  font-size: 22px;
  text-transform: uppercase;
  margin: 10px 0 8px 0;
}

@media screen and (max-width: 991.98px) {
  #pstNote{
    gap:10px;
    margin-bottom: 15px;
  }
  #pstNote span{
    padding-left: 0;
  }

  #pstNote img {
    width: 45px;
  }

  #pstSim2 {
    padding: 15px 10px;
  }

  #pstSim2 .sec5Box {
    padding: 7px 0!important;
    margin: -7px 0;
    border-bottom: 1px solid #d7d7d7;
  }
}
#ringphone {
  /* display: none!important; */
}

/* update */
.marquee-top2 {
  padding: 2px 10px;
  background: #fff;
}

.marquee-top2 marquee {
  display: block;
}

.marquee-top2 marquee strong{
  color: #ea3a3a;
}

#popup-top{
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transition: all 0.25s;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
}
#popup-top.show{
  visibility: visible;
  opacity: 1;
  transform: rotateY(0);
  -moz-transform: rotateY(0);
  -webkit-transform: rotateY(0);
}

.popup-top_w {
  display: flex;
  align-items: center;
  background: #ffcc30;
  /* background: #fff; */
  padding: 8px 8px;
}
#ptop-icmenu{
      width: 35px;
      height: 35px;
      background: #fff;
      /* color: #fff!important; */
      display: flex;
      border-radius: 2px;
      align-items: center;
      justify-content: center;
  }
  #ptop-icmenu i{
      font-size: 26px;
      color: #8b8b8b;
  }
  #ptop-text{
      width: calc(55% - 60px);
      padding: 0 5px 0 0;
  }
  #ptop-text a{
      /* display: flex; */
      align-items: center;
  }
  #ptop-text img{
      /* width: 100%; */
      padding-left: 5px;
  }
  #ptop-text a span{
      font-size: 15px!important;
      line-height: 16px;
      color: #1f61ac;
      padding-left: 5px;
      display: block;
      text-align: center;
      font-family: 'HelvetIns';
  }
  #ptop-text a span b{
    font-weight: normal;
  }
  #ptop-frm{
    flex: 1;
    height: 38px;
    background: #fff;
    display: flex;
    overflow: hidden;
    border: 1px solid #1c62b2;
    border-radius: 50px;
    align-items: center;
  }
  #ptop-frm input{
      width: calc(100% - 33px);
      height: 38px;
      outline: none;
      background: #ffffff;
      padding:  0 10px;
      border: none;
      font-size: 13px;
  }
  #ptop-frm button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: #1c62b2;
    color: #fff;
    border: none;
    outline: none;
    font-size: 14px;
    border-radius: 7px;
  }
  #popup-top i.fal {
    font-size: 20px;
    -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;
    animation: fp-circle-img-anim 1s infinite ease-in-out;
    color:#fff;
    border: 2px solid #fff;
    padding: 6px;
    border-radius: 50%;
}

/* CSS POPUP */
.popup{
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.bgOvl{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .35);
}
.pWrp{
  width: 90%;
  max-width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#pYcc-wrp{
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
}
#pYcc-btnWrp{
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}
#pYcc-btnWrp a{
  width: 130px;
  height: 35px;
  border-radius: 99px;
  margin: 0 10px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  font-weight: 500;
}
#pYcc-tuchoi{
  background: #666666;
}
#pYcc-dongy{
  background: rgb(248 49 89 / 80%);
}

/* cta */
#p-fixbot {
	position: fixed;
	bottom: 0;
	background: #fff;
	max-width: 480px;
  z-index: 999!important;
}
#pfbMobi {
	position: relative;
}
#pfbMobi-btn {
    display: flex;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
}
#pfbMobi img {
  width: 100%;
}
#pfbMobi-btn a:first-child {
    width: 50%;
}
#pfbMobi-btn a:nth-child(2) {
    width: 30%;
}
#pfbMobi-btn a:last-child {
    width: 20%;
}


/* comment */
.comment-title {
  font-weight: 700;
  font-size: 1.5rem;
  color: #d8a302;
  text-transform: uppercase;
}

.comment-title span {
  color: #d8a302;
}

#comments ol,#comments ul {
  list-style: none
}

#comments .avatar {
  height: 50px;
  width: 50px;
  left: 0;
  border-radius: 4px;
  position: absolute
}

#comments .comment-body {
  position: relative;
  padding-top: 1.5em;
  border-bottom: 1px solid;
  border-color: #eee;
  background-color: transparent;
  margin-bottom: 0;
  padding-left: 70px
}

#comments .comment-meta {
  margin-bottom: 1.5em;
  margin-left: 65px
}

#comments .fa.fa-reply,#comments .says {
  display: none
}

#comments {
  color: #484848;
  clear: both;
  font-size: 14px;
  line-height: 1.8;
  margin: 1.5rem 0;
  border-radius: 10px;
  padding: 15px 25px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#comments .fn {
  color: #0c0f21
}

#comments .reply {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  color: #e0b638;
  font-weight: bold;
}


.comments-title {
  font-size: 28px;
  font-size: 1.55556rem;
  margin-bottom: 1.5em
}

.comment-list {
  margin: 0 0 2em;
  padding: 0;
  position: relative;
  word-break: break-word
}

.comment-list .children {
  margin: 0;
  padding: 0;
  margin-left: 4em!important
}

@media (max-width: 991px) {
  .comment-list .children {
      margin-left:1em!important
  }
}

#comments .comment-body p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.comment-reply-link:before {
  display: inline-block;
  content: '\f075';
  font-family: "FontAwesome5Pro";
  margin-right: 5px;
}

.comment-action {
  display: flex;
  justify-content: center;
  align-items: center;
}

.comment-action .comment-more {
  outline: none;
  border: none;
  padding: 5px 15px;
  border-radius: 10px;
  color: #fff;
  background: #e0b638;
  cursor: pointer;
}

.comment-choise {
  background: #f7f3e5;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 15px;
}

#pstCntn p, #pstCntn ul li {
  text-align: justify;
}

.textarea-container {
	display: none;
	margin-top: 10px;
}

.opList {
	display: flex;
	flex-direction: column;
}

.c_title {
	position: relative;
	font-size: 1.55556rem;
}

.comment input.d-phone {
	width: 80%;
	height: 40px;
	border-radius: 10px;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.comment button.d-send {
	outline: none;
	border: none;
	padding: 5px 15px;
	border-radius: 10px;
	color: #fff;
	background: #e0b638;
	cursor: pointer;
	width: 30%;
	height: 40px;
}

.cmtSubmit {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

#comments textarea.d-content {
	border-radius: 10px;
	background: #fff;
	padding-left: 10px;
	padding-top: 11px;
	width: 100%;
	border: none;
}
#comments .loadmore-comments {
 display: none;
}
#comments .loadmore-comments.active {
 display: block;
}
@media screen and (max-width: 991.98px) {
	.cmtSubmit {
		flex-direction: column;
	}

	.comment input.d-phone,
	.comment button.d-send {
		width: 100%;
	}

	.c_title {
		font-size: 1.3rem;
	}

	#comments {
		padding: 15px 12px;
	}

	#comments .comment-body {
		padding-left: 50px;
	}

	#comments .avatar {
		height: 40px;
		width: 40px;
	}

	#comments .comment-body p {
		margin-bottom: 0.5rem;
	}
}

@media screen and (max-width: 767.98px) {
  #sec3Wrp {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 430px) {
  .banner-top-singlepost img {
    width: 100%;
    height: auto;
  }
}

.sec4ImgL {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}