/* about */



.about-wrapper {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 48px;

  align-items: center;

}



.about-content .bic-section__head {

  margin-bottom: 10px;

}



.about-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.8s;

}



.about-service {

  display: grid;

  grid-template-columns: 1fr 1fr;

  margin-top: 40px;

  gap: 24px;

}



.about-service-item-title {

  font-weight: 500;

}



.about-service-item {

  display: flex;

  align-items: center;

  gap: 16px;

}



.about-img-item {

  display: block;

  position: relative;

  overflow: hidden;

}



.about-img {

  position: relative;

}



.experience {

  position: absolute;

  bottom: -24px;

  right: -24px;

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

  color: #fff;

  padding: 32px;

  z-index: 2;

}



.experience-number {

  font-size: 36px;

  font-weight: 600;

}



section.bic-ani.bic-about {

  overflow: initial;

}



/* field */



.field-wrapper {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 48px;

}



.field-item:hover .field-item-title {

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

  transition: all 0.5s;

}



.field-item-icon img {

  transition: all 0.5s;

}



.field-item:hover .field-item-icon img {

  transform: scale(1.1);

  transition: all 0.5s;

}



.field-list {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  text-align: center;

}



.field-item-title {

  margin-top: 15px;

  transition: all 0.5s;

}



section.bic-ani.bic-field.show .read-more a {

  margin: 0;

}



/* project */



.bic-field {

  background: #f9fafb;

  padding: var(--bic-site-gap) 0;

}



.field-image-item {

  border-radius: 8px;

  border: 1px solid #e5e7eb;

  background: #fff;

  transition: all 0.3s;

  overflow: hidden;

}



.field-image-item:hover {

  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);

  transition: all 0.3s;

}



.field-image-item:hover h3.field-title a {

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

  transition: all 0.3s;

}



.field-home-item a {

  height: 100%;

  width: 100%;

}



.field-image-item:hover .bic-entry__thumbnail img {

  transform: scale(1.1);

  transition: all 0.5s;

}



.field-info {

  padding: 32px;

}



h3.field-title {

  font-size: 18px;

  margin-bottom: 7px;

}


.field-item{
  height: 100%;
}

@media (min-width: 1025px) {
  .field-item .field-info{
    padding: 1.667vw;
  }
}


/* banner2 */



.bic-banner2 {

  padding: 145px 0;

  background: url(../images/bg_banner2.png) center center/cover no-repeat;

  background-size: cover;

  position: relative;

  background-attachment: fixed;

  margin-top: 0 !important;

}



.bic-banner2::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(

    90deg,

    rgba(33, 59, 139, 0.7) 0%,

    rgba(33, 59, 139, 0.4) 100%

  );

}



.bic-banner2-ct {

  position: relative;

  z-index: 2;

  color: #fff;

}



.bic-banner2-ct .bic-section__title {

  color: #fff;

  font-size: 40px;

}



.bic-banner2-ct a.read-more-link {

  margin-top: 0 !important;

}



/* project */



.bic-project .bic-entry__inner {

  border: 0;

}



.bic-project .bic-entry__content {

  padding: 0;

  margin-top: 15px;

}



.bic-project .bic-image-ratio {

  border-radius: 10px;

}



.bic-project .bic-entry__inner:hover {

  box-shadow: unset;

}



/* news */



.bic-news {

  background: #f9fafb;

  padding: var(--bic-site-gap) 0;

}



/* partner */



.partner-slide {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 132px;

  width: 100%;

  position: relative;

  padding: 10px;

  border-radius: 20px;

  border: 1px solid #21335f;

  background: #fff;

}



.partner-slide img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.bic-partner .partner .swiper-wrapper {

  display: flex;

  width: max-content;

  animation: loop 60s linear infinite;

}



.bic-partner .swiper-wrapper:hover {

  animation-play-state: paused;

}



@keyframes loop {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-50%);

  }

}



/* responsive */



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

  .about-wrapper {

    display: flex;

    flex-direction: column-reverse;

    gap: 30px;

  }



  .experience {

    bottom: 10px;

    right: 10px;

    padding: 20px;

  }



  .recruitment-list {

    grid-template-columns: 1fr 1fr;

  }

}



@media (max-width: 576px) {

  /* about */



  .about-wrapper {

    display: flex;

    flex-direction: column-reverse;

    gap: 30px;

  }



  .about-service {

    grid-template-columns: 1fr;

    margin-top: 30px;

    gap: 20px;

  }



  .about-service-item-icon img {

    width: 40px;

    height: auto;

  }



  .experience {

    bottom: 10px;

    right: 10px;

    padding: 20px;

  }



  .experience-number {

    font-size: 28px;

  }



  .field-wrapper {

    display: flex;

    flex-direction: column-reverse;

    gap: 30px;

  }



  .field-list {

    gap: 20px;

  }



  .project-home-list {

    grid-template-columns: 1fr;

  }



  .project-home-item .project-title a {

    font-size: 16px;

  }



  .recruitment-list {

    grid-template-columns: 1fr;

    gap: 15px;

  }



  .recruitment-item {

    padding: 20px;

  }



  h3.recruitment-title {

    font-size: 16px;

    margin-bottom: 0;

  }



  .partner-slide {

    height: 80px;

  }

}



@media (min-width: 1025px) {

  .about-wrapper {

    gap: 2.5vw;

  }



  .field-wrapper {

    gap: 2.5vw;

  }



  .about-content .bic-section__head {

    margin-bottom: 0.5208vw !important;

  }



  .about-service-item-icon img {

    width: 2.5vw !important;

    height: 2.5vw !important;

  }



  .about-service {

    margin-top: 2.0833vw;

    gap: 1.25vw;

  }



  .about-service-item {

    gap: 0.8333vw;

  }



  .experience {

    bottom: -1.25vw;

    right: -1.25vw;

    padding: 1.6667vw;

  }



  .experience-number {

    font-size: 1.875vw;

  }



  .field-item-title {

    margin-top: 0.7813vw;

  }



  .project-home-list {

    gap: 0.8333vw;

  }



  .field-item-icon img {

    width: 3.3333vw !important;

    height: 3.3333vw !important;

  }



  .project-home-item .project-title {

    padding: 0.8333vw;

  }



  .project-home-item .project-title a {

    font-size: 0.9375vw;

  }



  .project-info {

  }



  h3.project-title {

    margin-bottom: 0.3646vw;

    font-size: 0.9375vw;

  }



  .recruitment-list {

    gap: 1.25vw;

  }



  .recruitment-item {

    padding: 1.25vw;

    gap: 0.5729vw;

  }



  h3.recruitment-title {

    font-size: 0.9375vw;

    margin-bottom: 0;

  }



  .recruitment-info-item {

    gap: 0.2604vw;

  }



  .recruitment-button a {

    gap: 0.2604vw;

  }



  .recruitment-item:hover .recruitment-button a svg {

    transform: translateX(0.2604vw);

  }



  .partner-slide {

  }

}