.page-id-796 .content-area{
    background-color: #EDF0F3;
}

/* .slider-login-home .slider .flickity-prev-next-button {
    opacity: 1;
}

.slider-login-home .slider .flickity-prev-next-button svg.flickity-button-icon {
    border: 1px solid #ccc;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
	  color: #fff;
} */

.slider-login-home .banner-1 img,
.slider-login-home .banner-2 img,
.slider-login-home .banner-3 img{
    border-radius: 10px;
    height: 350px;
    object-fit: cover;
}

.slider-login-home .slider-nav-light .flickity-prev-next-button,
.section2-home-login .slider-nav-light .flickity-prev-next-button{
  opacity: 1;
}

.slider-login-home .slider-nav-light .flickity-prev-next-button svg,
.section2-home-login .slider-nav-light .flickity-prev-next-button svg{
  background-color: white;
  fill: var(--green);
}

.slider-login-home .slider-nav-light .flickity-prev-next-button .arrow,
.slider-login-home .slider-nav-circle .flickity-prev-next-button:hover .arrow,
.section2-home-login .slider-nav-light .flickity-prev-next-button .arrow,
.section2-home-login .slider-nav-light .flickity-prev-next-button:hover .arrow{
  fill: #016332 !important;
}

.slider-login-home .slider-nav-circle .flickity-prev-next-button:hover svg,
.section2-home-login .slider-nav-light .flickity-prev-next-button:hover svg{
  fill: #016332 !important;
  background-color: white;
  border-color: white;
}

.section-home-login{
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-bottom: unset !important;
}

.section2-home-login .col{
  padding-bottom: unset !important;
}

.section-home-login h3{
  color: var(--green);
}

.section-home-login .col .col-inner{
  background-color: white;
  padding: 15px;
  height: 410px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  border-radius: 8px;
}

.section-home-login .col-1{
  padding-left: unset;
  padding-right: 10px;
}

.section-home-login .col-4{
  padding-left: 10px;
  padding-right: unset;
}

.section-home-login .col-2,
.section-home-login .col-3{
  padding-left: 10px;
  padding-right: 10px;
}

/* Bài viết mới nhất */
#sp-post-slider .flickity-slider .sp-post-item{
  width: 33.3333% !important;
  padding: 0 10px;
  box-sizing: border-box;
}

#sp-post-slider .flickity-slider .sp-post-item .col-inner{
  background-color: white;
}

.section2-home-login .slider-nav-light .flickity-prev-next-button{
  top: 30%;
  /* bottom: 0; */
  transform: translateY(-30%);
  opacity: 1;
}

.section2-home-login .slider:hover .flickity-prev-next-button{
  transform: translateY(-30%) !important;
}

.section2-home-login .slider-nav-circle:hover .flickity-prev-next-button{
  opacity: 1;
}

.section2-home-login h2{
  color: var(--green);
}

.section2-home-login{
  padding-left: unset !important;
  padding-right: unset !important;
}

.section2-home-login .post-item .col-inner{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  height: 320px;
  border-radius: 8px;
}

.section2-home-login .post-item .sp-post-thumb img{
  border-radius: 12px;
}

.section2-home-login .flickity-viewport{
  height: 360px !important;
}

.section2-home-login .sp-post-meta{
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: left;
  padding: 15px;
}

.section2-home-login .sp-post-date{
  font-size: 14px;
}

.section2-home-login .sp-post-title{
  font-weight: 600;
  color: var(--green);
}

.featured-faqs,
.section2-home-login{
  padding-bottom: unset !important;
}

.featured-faqs h2{
  color: var(--green);
}

.featured-faqs .col{
  padding-left: unset !important;
  padding-right: unset !important;
  padding-bottom: unset !important;
}

.featured-faqs .accordion-button{
  background-color: var(--green) !important;
  text-transform: math-auto;
  font-weight: 700;
  padding: 10px;
  color: white !important;
}

.featured-faqs .accordion-button.collapsed{
  margin-bottom: unset;
  background-color: white !important;
  color: var(--black) !important;
}

.featured-faqs .accordion-button:not(.collapsed),
.featured-faqs .accordion-item:first-of-type>.accordion-header .accordion-button{
  box-shadow: unset;
}

.featured-faqs .accordion-button:not(.collapsed)::after{
  filter: brightness(0) invert(1);
}

.section4-home-login{
  padding-top: 60px !important;
}
.section4-home-login h2{
  color: var(--green);
}

/* REPONSIVE */
/* Tablet 2 cột */
@media only screen and (min-width: 768px) and (max-width: 1023px){
  .slider-login-home .banner-1 img, 
  .slider-login-home .banner-2 img, 
  .slider-login-home .banner-3 img{
    height: auto;
  }
  .section-home-login .col .col-inner{
    height: 450px;
  }
}

@media only screen and (max-width: 767px){
  .slider-login-home .banner-1 img, 
  .slider-login-home .banner-2 img, 
  .slider-login-home .banner-3 img{
      height: auto;
  }

  .section-home-login .col .col-inner{
      height: fit-content;
  }
  .section4-home-login .img{
    width: 100% !important;
  }
}

@media (max-width: 849px){
  #sp-post-slider .flickity-slider .sp-post-item{ width: 50% !important; }
}

/* Mobile 1 cột */
@media (max-width: 549px){
  #sp-post-slider .flickity-slider .sp-post-item{ width: 100% !important; }
}