/*!

 * Homepage.css

 * Website: Pasaljunior

 * Author: ThuongBC

 * Copyright (C) 2023 Bicweb.vn

 */





/*Box_whychoose*/ 

.whychoose_col.left figure{

  position: relative;

}

.whychoose_col.left figure img{

  transition: all .3s;

}

.whychoose_col.left figure::before{

  position: absolute;

  content:"";

  border-radius: 20px 287px 20px 20px;

  background: #FCF9F4;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  height: 63%;

  z-index: -1;

}

.whychoose_col__inner{

  position: relative;

}



.whychoose_col__inner .bic_abs_img.img1 {

  top: 65%;

  left: 10%;

  width: 15%;

}

.whychoose_col__inner .bic_abs_img.img3 {

  top: 60%;

  left: 6%;

  width: 7%;

}

.whychoose_col__inner .bic_abs_img.img2 {

  top: 53%;

  right: 9%;

  width: 10%;

}



.whychoose_col.right{

  padding-top: 3rem;

}



.whychoose_col.left:hover figure img{

  transform: rotate(3.142deg);

  transition: all .3s;

}



.whychoose_col.left:hover .whychoose_col__inner .bic_abs_img.img1 {

  left: 5%;

  transition: all .3s;

}

.whychoose_col.left:hover .whychoose_col__inner .bic_abs_img.img3 {

  top: 55%;

  transition: all .3s;

}

.whychoose_col.left:hover .whychoose_col__inner .bic_abs_img.img2{

  right: 3%;

  transition: all .3s;

}



.whychoose_inner {

  padding: 2.25rem;

  border-radius: 10px;

  border: 1px solid #D9D9D9;

  background: rgba(252, 249, 244, 0.30);

  margin-bottom: 1.125rem;

  font-size: 1.25rem;

  color: var(--color-second);

  font-weight: 500;

  position: relative;

}



.whychoose_inner__content {

  font-weight: 300;

  font-size: 1rem;

  margin-top: 1.5rem;

}

.whychoose_inner a{

  display: flex;

  align-items: center;

  position: relative;

}

.whychoose_inner a::after {

  position: absolute;

  content: '\f107';

  font-family: 'Font Awesome 5 Pro';

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  color:var(--color-second);

}

.whychoose_inner a.active::after {

  content: "\f106";

}



.whychoose_inner ._image {

  padding: 10px;

  margin-right: 1.25rem;

  background-image: url('/wp-content/themes/pasalvup/assets/images/wch_bg.png');

  background-position: center;

  background-repeat: no-repeat;

}

.whychoose_inner ._content{

  padding-right: 50px;

}

.bic_module.whychoose.active .whychoose_inner {
  color: var(--secondary);
}
.whychoose_inner .bic_title {

  color: #222;

  font-size: 1.25rem;

  line-height: 1.2;

  font-weight: 500;

}

.whychoose__desc {

  color: rgba(34, 34, 34, 0.60);

  font-size: 1.25rem;

  margin-bottom: 1.5rem;

}

.whychoose_col figure, .whychoose_col image {

  width: 100%;

}



/*End Box_whychoose*/ 







/*Box_luachon*/

.bic_luachon__wrap{

  max-width: 100%;

  margin: auto;

}

.row.bic_luachon__row {

  margin:0 -30px;

}

.row.bic_luachon__row .bic_luachon__col{

  padding:0 30px;

}

.bic_module.lua_chon {

  padding: 4.375rem 0;

  background-image: url('/wp-content/themes/pasalvup/assets/images/luachon_bg.jpg');

  background-size: cover;

}



.luachon_title {

  display: flex;

  position: relative;

  align-items: center;

}

.luachon_title .bic_text {

  font-size: 1rem;

  margin-bottom: 0;

  color: var(--color-second);

  text-align: center;

  margin-left: 10px;

  font-weight: 500;

  z-index: 1;

}

.luachon_image {

  margin-top: 2rem;

}

.luachon_title > figure {

  background-color: var(--color-second);

  border-radius: 1.5rem;

  margin-bottom: 0;

  height: 2.5rem;

  width: 2.5rem;

  line-height: 1;

  text-align: center;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

}

.luachon_title::after {

  position: absolute;

  content: '';

  right: 0;

  top: 50%;

  width: calc(100% - 2rem);

  height: 98%;

  z-index: 0;

  transform: translateY(-50%);

  border-radius: 0 1.5rem 1.5rem 0;

  border: 1px solid var(--color-second);

  border-left: none;

}

.luachon_title > figure img {

  max-width: 22px;

}

.bic_luachon__col .inner {

  background-color: #fff;

  padding: 1.5rem;

  border-radius: 30px;

  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);

  transition: 0.4s ease all;

  height: 100%;

  display: flex;

  flex-direction: column;

}

.bic_luachon__col ._excerpt {

  margin-bottom: 0;

  font-weight: 300;

  text-align: justify;

  color: rgba(34, 34, 34, 0.60);

  min-height: 6rem;

}

.bic_luachon__col:hover .inner {

  transform: scale(1.02);

}



.why_readmore a {

  display: inline-flex;

  color: #fff;

  background-color: var(--color-primary);

  height: 37px;

  align-items: center;

  padding: 0 1rem;

  border-radius: 2rem;

  width: 190px;

  justify-content: space-between;

  margin-top: 3rem;

  border: 2px solid #fff;

  box-sizing: content-box;

  box-shadow: 0 0 10px #b3b3b3;

}

.why_readmore {

  text-align: right;

  margin-top: auto;

}



/*End Box_luachon*/



















@media screen and (min-width: 1700px){

  .whychoose_items__wrap{

    max-width: 80%;

  }

  .bic_luachon__wrap {

    max-width: 90%;

  }

  .whychoose_inner__content{

    font-size: 1.125rem;

  }

} 



@media screen and (min-width: 1401px) and (max-width: 1600px) {





  .whychoose_item ._content ._number {

    font-size: 8rem;

  }

  .whychoose_item ._content ._text {

    font-size: 1rem;

  }

  .pasal_absolute img {

    max-width: 160px;

  }

  .card_excerp {

    font-weight: 300;

    font-size: 13px;

  }

}



@media screen and (min-width: 1200px) and (max-width: 1400px) {



  .bic_module.lua_chon{

    padding:4rem 0;

  }

  .bic_module.numbers{

    padding: 4rem 0;

  }



  .whychoose_items__wrap{

    max-width: 80%;

  }

  .whychoose_inner ._image img {

    max-width: 100%;

  }

  .whychoose_item ._content ._number {

    font-size: 5rem;

  }

  .whychoose_inner {

    padding: 1.5rem 2rem;

  }

  .whychoose_item ._content ._text {

    font-size: 1rem;

  }

  .pasal_absolute img {

    max-width: 160px;

  }



  ._card_col.right {

    flex: 0 0 90px;

  }

  .card_excerp {

    font-size: 1rem;

  }



}

@media only screen and (max-width: 1366px) {

  .page-teacher .teacher-1 .content_row2{

    width: 70%;

    bottom: -2rem;

  }



}

@media screen and (min-width: 1200px) {}



@media screen and (min-width: 1025px) and (max-width: 1199px) {}



@media screen and (min-width: 992px) and (max-width: 1100px) {}



@media screen and (max-width: 1199px) {

  .bic_numbers__col ._number{

    font-size: 3rem;

  }

  .bic_numbers__col ._number .plus {

    font-size: 2rem;

  }

}



@media screen and (max-width: 992px) {}



@media screen and (min-width: 768px) and (max-width: 992px) {

  .whychoose_item ._content ._number{

    font-size: 8rem;

  }

  .whychoose_inner{

    padding:1rem 1.25rem;

  }

  .whychoose_inner .bic_title{

    font-size: 1rem;

  }

  .bic_module.lua_chon{

    padding:3rem 0;

  }



  .bic_numbers__col ._number{

    font-size: 2.5rem;

  }



  .bic_numbers__col ._number .plus{

    font-size: 2rem;

  }

  .bic_module.numbers{

    padding:3rem 0;

  }

  .row.bic_luachon__row{

    margin: 0 -15px;

    justify-content: flex-start;

    overflow-x: scroll;

    flex-wrap: inherit;

    padding-top: 10px;



  }

  .row.bic_luachon__row .bic_luachon__col {

    padding: 0 15px;

  }



  .whychoose__desc{

    font-size: 1rem;

  }

}



@media screen and (max-width: 767px) {



  .pasal_absolute{

    display: none;

  }

  .whychoose_item ._content ._number{

    font-size: 8rem;

  }

  .bic_module.lua_chon{

    padding: 3rem 0;

  }

  .whychoose_item:last-child{

    margin-bottom: 0;

  }

  .luachon_image img,.bic_daotao__image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .bic_luachon__col:not(:last-child),.bic_daotao__item:not(:last-child){

    margin-bottom: 20px;

  }

  .bic_numbers__col ._number{

    font-size: 2.5rem;

  }

  .bic_numbers__col ._number .plus {

    font-size: 1.5rem;

  }

  .row.bic_numbers {

    margin: -10px;

  }

  .bic_numbers__col {

    margin: 10px 0;

    padding: 0 10px;

  }

  .row.bic_luachon__row{

    margin: 0 -15px;

  }

  .row.bic_luachon__row .bic_luachon__col {

    padding: 0 15px;

  }

}



@media screen and (max-width: 576px) {

  .whychoose_inner,.bic_luachon__col .inner,.bic_daotao__item ._inner{

    padding: 1rem 1.25rem;

  }

  .whychoose_inner .bic_title{

    font-size: 1rem;

  }



  .whychoose_item{

    margin-bottom: 15px;

  }

  .whychoose_item ._content ._number{

    font-size: 6rem;

    flex: auto;

  }



  .bic_module.lua_chon,.bic_module.numbers{

    padding: 2rem 0;

  }

  .bic_luachon__col{

    margin-bottom: 15px;

  }

  .luachon_image{

    margin-top:-1rem;

  }

  .bic_daotao__item{

    margin-bottom: 15px;

  }

  .bic_daotao__title{

    font-size: 1.125rem;

  }



  .bic_numbers__col ._number,.bic_numbers__col ._number .plus{

    font-size: 1.5rem;

  }

  .bic_numbers__col ._inner{

    padding:2rem 0;

  }

  .row.bic_numbers{

    margin:-8px;

  }

  .bic_numbers__col{

    margin: 8px 0;

    padding:0 8px;

  }

  .whychoose__desc{

    font-size: 1rem;

  }

  .whychoose_col.right {

    margin-top: -3rem;

    padding-top: 1rem;

  }

  .whychoose_inner__content{

    font-size: 1rem;

  }

}



@media screen and (max-width: 480px) {}



@media screen and (max-width: 414px) {}



@media screen and (max-width: 380px) {}



.bic_luachon__col .inner {
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.bic_luachon__col .inner:hover {
  transform: scale(1.05);
}

.bic_luachon__col .inner:hover .luachon_title > figure {
  background-color: var(--color-primary);
  transition: background-color 0.3s ease;
}

.bic_luachon__col .inner:hover .luachon_title .bic_text {
  color: var(--color-primary);
  transition: color 0.3s ease;
}
.bic_luachon__col .inner:hover .luachon_title::after,
.bic_luachon__col .inner:hover .why_readmore a{
  border-color: var(--color-primary);
  transition: color 0.3s ease;
}