.pg-branding-visIdentity-2 {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
}
.pg-branding-visIdentity-2 .section_head {
  margin-bottom: 70px;
}
.pg-branding-visIdentity-2 .identity_slider_content {
  position: relative;
}
.pg-branding-visIdentity-2 .identity_slider_content .container {
  position: relative;
  z-index: 20;
}
.pg-branding-visIdentity-2 .identity_slider_content .brand_back {
  position: absolute;
  left: 0;
  top: 90px;
  width: 100%;
  height: calc(100% - 180px);
}
.pg-branding-visIdentity-2 .identity-card {
  position: relative;
}
.pg-branding-visIdentity-2 .identity-card .card-content {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 575px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.pg-branding-visIdentity-2 .identity-card .card-content .img_book {
  position: relative;
  width: 140px;
  height: 220px;
  z-index: 10;
  margin-inline-end: 30px;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1333333333));
  transform: scale(0.5) translateY(150px);
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.8s;
}
.pg-branding-visIdentity-2 .identity-card .card-content .img_book .mok_logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.pg-branding-visIdentity-2 .identity-card .card-content .img_mockup {
  position: relative;
  padding-inline-end: 60px;
  padding-top: 60px;
}
.pg-branding-visIdentity-2 .identity-card .card-content .img_mockup img {
  box-shadow: 20px 20px 60px -6px rgba(29, 42, 59, 0.1), 0px 6px 20px -6px rgba(29, 42, 59, 0.15);
  width: 420px;
  height: 520px;
}
.pg-branding-visIdentity-2 .identity-card .card-content .img_mockup .mok_1 {
  transform: translate(-150px, -150px);
  opacity: 0;
  transition: all 0.6s ease;
  transition-delay: 1s;
}
.pg-branding-visIdentity-2 .identity-card .card-content .img_mockup .mok_2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  transform: translate(-150px, -150px);
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 1.2s;
}
.pg-branding-visIdentity-2 .identity-card .card-content .cards {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  z-index: 15;
  margin-right: -60px;
  transform: translateX(150px);
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 1s;
}
.pg-branding-visIdentity-2 .identity-card .card-content .cards .cards_cont {
  height: -moz-max-content;
  height: max-content;
}
.pg-branding-visIdentity-2 .identity-card .card-content .cards .cards_cont img {
  width: 175px;
  height: 100px;
  display: block;
  margin: 20px 0;
  box-shadow: 20px 20px 60px -6px rgba(29, 42, 59, 0.1), 0px 6px 20px -6px rgba(29, 42, 59, 0.15);
}
.pg-branding-visIdentity-2 .swiper-slide {
  opacity: 0 !important;
}
.pg-branding-visIdentity-2 .swiper-slide-active {
  opacity: 1 !important;
}
.pg-branding-visIdentity-2 .swiper-slide-active .identity-card .img_book {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.pg-branding-visIdentity-2 .swiper-slide-active .identity-card .img_mockup .mok_1,
.pg-branding-visIdentity-2 .swiper-slide-active .identity-card .img_mockup .mok_2 {
  transform: translate(0, 0);
  opacity: 1;
}
.pg-branding-visIdentity-2 .swiper-slide-active .identity-card .cards {
  transform: translateX(0);
  opacity: 1;
}/*# sourceMappingURL=pg-branding-visIdentity-2.css.map */