/* ------------------------------ protec_brand ------------------------------ */
/* ------------------------------ pb_sec ------------------------------ */
.pb_sec {
  width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 113px;
}
.pb_head {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb_title {
  width: 80%;
  height: 100%;
}
.pb_title h3 {
  color: #9f4cce;
  font-size: 2rem;
  font-family: poppins;
  font-weight: 600;
  text-align: center;
  padding-top: 40px;
}
.pb_content {
  width: 100%;
  height: 540px;
}
.pb_left {
  width: 60%;
  height: 540px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb_data {
  width: 80%;
  height: 500px;
  display: grid;
  align-items: center;
  justify-content: space-evenly;
}
.pb_data_title {
  width: 100%;
  height: 60px;
}
.pb_data_title h4 {
  color: #000;
  font-size: 1.5rem;
  font-family: poppins;
  font-weight: 600;
  line-height: 30px;
}
.pb_tag_img {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.pb_tag_img2 {
  display: none;
}
.pb_tag_box {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  justify-content: end;
}
.pb_tag_box p {
  color: #000;
  font-size: 0.8rem;
  font-family: poppins;
  font-weight: 500;
  line-height: 15px;
}
.pb_tag_img .pb-tag-1 {
  width: 60%;
  height: 85%;
}
.pb_tag_img .pb-tag-2 {
  width: 60%;
  height: 60%;
  margin-top: 40px;
}
.pb_tag_img .pb-tag-3 {
  width: 60%;
  height: 75%;
}
.pb_details {
  width: 100%;
  height: 200px;
}
.pb_details p {
  color: #000;
  font-size: 1rem;
  font-family: poppins;
  font-weight: 400;
  line-height: 25px;
  text-align: justify;
  text-justify: inter-word;
}
.pb_details a {
  color: #9f4cce;
}
.pb_details a:hover {
  color: #9f4cce;
  text-decoration: none;
  list-style: none;
}
.pb_right {
  width: 40%;
  height: 540px;
  position: relative;
}
.pb_img {
  width: 100%;
  height: 500px;
  display: grid;
  align-items: center;
  justify-content: start;
}
.pb_img .layer_img-set {
  width: 100%;
  height: 75%;
}
/* ------------------------------ media-query ------------------------------ */
@media (max-width: 768px) {
  .pb_sec {
    padding-top: 75px;
  }
  .pb_title h3 {
    font-size: 1.3rem;
  }
  .pb_content {
    height: 830px;
  }
  .pb_left {
    height: 470px;
  }
  .pb_data {
    width: 90%;
    height: 470px;
  }
  .pb_data_title {
    height: 60px;
    text-align: center;
  }
  .pb_data_title h4 {
    font-size: 1.3rem;
    line-height: 30px;
  }
  .pb_tag_img {
    height: 200px;
  }
  .pb_tag_box {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    justify-content: end;
  }
  .pb_tag_img .pb-tag-1 {
    width: 70%;
    height: 75%;
  }
  .pb_tag_img .pb-tag-2 {
    width: 70%;
    height: 60%;
    margin-top: 20px;
  }
  .pb_tag_img .pb-tag-3 {
    width: 70%;
    height: 65%;
  }
  .pb_details {
    height: 240px;
  }
  .pb_details p {
    font-size: 0.85rem;
    line-height: 22px;
  }
  .pb_right {
    height: 330px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pb_img {
    width: 90%;
    height: 330px;
    display: grid;
    align-items: flex-start;
    justify-content: center;
  }
  .pb_img .layer_img-set {
    width: 100%;
    height: 90%;
  }
}
@media (max-width: 500px) {
  .pb_sec {
    padding-top: 75px;
  }
  .pb_head {
    height: 70px;
  }
  .pb_title h3 {
    font-size: 1rem;
    padding-top: 25px;
  }
  .pb_content {
    height: 570px;
  }
  .pb_left {
    height: 550px;
  }
  .pb_data {
    width: 95%;
    height: 530px;
  }
  .pb_data_title {
    height: 50px;
    text-align: center;
  }
  .pb_data_title h4 {
    font-size: 1rem;
    line-height: 25px;
  }
  .pb_tag_img {
    display: none;
  }
  .pb_tag_img2 {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: space-evenly;
  }
  .pb_tag_img2 .pb-tag-1 {
    width: 50%;
    height: 85%;
  }
  .pb_tag_img2 .pb-tag-2 {
    width: 50%;
    height: 60%;
    margin-top: 30px;
  }
  .pb_tag_img2 .pb-tag-3 {
    width: 50%;
    height: 70%;
    margin-top: 10px;
    margin-left: 30px;
  }
  .pb_tag_img2 .pb-tag-4 {
    width: 90%;
    height: 80%;
  }
  .pb_details {
    height: 220px;
  }
  .pb_details p {
    font-size: 0.8rem;
    line-height: 22px;
  }
  .pb_right {
    display: none;
  }
}
@media (max-width: 400px) {
  .pb_sec {
    padding-top: 75px;
  }
  .pb_head {
    height: 70px;
  }
  .pb_title h3 {
    font-size: 1rem;
    padding-top: 30px;
  }
  .pb_content {
    height: 590px;
  }
  .pb_left {
    height: 550px;
  }
  .pb_data {
    width: 95%;
    height: 530px;
  }
  .pb_data_title {
    height: 70px;
    text-align: center;
  }
  .pb_data_title h4 {
    font-size: 1rem;
    line-height: 25px;
  }
  .pb_tag_img {
    display: none;
  }
  .pb_tag_img2 {
    width: 100%;
    height: 280px;
    display: flex;
    justify-content: space-evenly;
  }
  .pb_tag_img2 .pb-tag-1 {
    width: 50%;
    height: 70%;
  }
  .pb_tag_img2 .pb-tag-2 {
    width: 55%;
    height: 55%;
    margin-top: 25px;
  }
  .pb_tag_img2 .pb-tag-3 {
    width: 48%;
    height: 60%;
    margin-top: 15px;
  }
  .pb_tag_img2 .pb-tag-4 {
    width: 100%;
    height: 80%;
  }
  .pb_details {
    height: 220px;
  }
  .pb_details p {
    font-size: 0.8rem;
    line-height: 20px;
  }
  .pb_right {
    display: none;
  }
}
/* ------------------------------ pb_sec-end ------------------------------ */
/* ------------------------------ qr_sec ------------------------------ */
.qr_sec {
  width: 100%;
  height: 100%;
  background: #f5f8f9;
}
.qr_head {
  width: 100%;
  height: 100px;
}
.qr_title h3 {
  color: #9f4cce;
  font-size: 2rem;
  font-family: poppins;
  font-weight: 600;
  text-align: center;
  padding-top: 40px;
}
.qr_content {
  width: 100%;
  height: 540px;
}
.qr_left {
  width: 40%;
  height: 540px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.qr_img {
  width: 90%;
  height: 540px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.qr_img .mobile_qr {
  width: 80%;
  height: 75%;
}
.qr_right {
  width: 60%;
  height: 540px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr_data {
  width: 80%;
  height: 500px;
  display: grid;
  align-items: center;
  justify-content: space-evenly;
}
.qr_data_title {
  width: 100%;
  height: 60px;
}
.qr_data_title h4 {
  color: #000;
  font-size: 1.5rem;
  font-family: poppins;
  font-weight: 600;
  line-height: 30px;
}
.qr_tag_img {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: space-evenly;
}
.qr_tag_img2 {
  display: none;
}
.qr_tag_img .qr_img-1 {
  width: 27%;
  height: 90%;
  margin-top: 3%;
}
.qr_tag_img .qr_img-2 {
  width: 30%;
  height: 90%;
  margin-top: 3%;
}
.qr_tag_img .qr_img-3 {
  width: 27%;
  height: 100%;
}
.qr_details {
  width: 100%;
  height: 200px;
}
.qr_details p {
  color: #000;
  font-size: 1rem;
  font-family: poppins;
  font-weight: 400;
  line-height: 25px;
  text-align: justify;
  text-justify: inter-word;
}
.qr_details a {
  color: #9f4cce;
}
.qr_details a:hover {
  color: #9f4cce;
  text-decoration: none;
  list-style: none;
}
/* ------------------------------ media-query ------------------------------ */
@media (max-width: 768px) {
  .qr_head {
    width: 100%;
    height: 100px;
  }
  .qr_title h3 {
    font-size: 1.3rem;
    padding-top: 40px;
  }
  .qr_content {
    width: 100%;
    height: 1040px;
  }
  .qr_left {
    height: 540px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
  }
  .qr_img {
    width: 90%;
    justify-content: center;
  }
  .qr_img .mobile_qr {
    width: 70%;
    height: 70%;
  }
  .qr_right {
    width: 60%;
    height: 540px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1;
  }
  .qr_data {
    width: 90%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-content: space-evenly;
  }
  .qr_data_title {
    width: 100%;
    height: 60px;
  }
  .qr_data_title h4 {
    font-size: 1.5rem;
    line-height: 30px;
  }
  .qr_tag_img {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-evenly;
  }
  .qr_tag_img .qr_img-1 {
    width: 30%;
    height: 100%;
  }
  .qr_tag_img .qr_img-2 {
    width: 22%;
    height: 100%;
  }
  .qr_tag_img .qr_img-3 {
    width: 25%;
    height: 100%;
  }
  .qr_details {
    width: 100%;
    height: 200px;
  }
  .qr_details p {
    font-size: 1rem;
    line-height: 25px;
  }
}
@media (max-width: 500px) {
  .qr_head {
    height: 70px;
  }
  .qr_title h3 {
    font-size: 1rem;
    padding-top: 25px;
  }
  .qr_content {
    height: 480px;
  }
  .qr_left {
    display: none;
    order: 2;
  }
  .qr_right {
    height: 450px;
    order: 1;
  }
  .qr_data {
    width: 95%;
    height: 450px;
  }
  .qr_data_title {
    width: 100%;
    height: 50px;
  }
  .qr_data_title h4 {
    font-size: 1rem;
    line-height: 25px;
    text-align: center;
  }
  .qr_tag_img {
    width: 100%;
    height: 200px;
    display: none;
    justify-content: space-evenly;
  }
  .qr_tag_img2 {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: space-evenly;
  }
  .qr_tag_box {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    justify-content: end;
  }
  .qr_tag_img2 .qr_img-1 {
    width: 40%;
    height: 80%;
  }
  .qr_tag_img2 .qr_img-2 {
    width: 50%;
    height: 80%;
  }
  .qr_tag_img2 .qr_img-3 {
    width: 47%;
    height: 80%;
  }
  .qr_tag_img2 .qr_img-4 {
    width: 70%;
    height: 90%;
  }
  .qr_details {
    width: 100%;
    height: 150px;
  }
  .qr_details p {
    font-size: 0.8rem;
    line-height: 20px;
  }
}
@media (max-width: 400px) {
  .qr_tag_img2 .qr_img-1 {
    width: 48%;
    height: 75%;
  }
  .qr_tag_img2 .qr_img-2 {
    width: 58%;
    height: 75%;
  }
  .qr_tag_img2 .qr_img-3 {
    width: 55%;
    height: 75%;
  }
  .qr_tag_img2 .qr_img-4 {
    width: 70%;
    height: 90%;
  }
}
/* ------------------------------ qr_sec-end ------------------------------ */
/* ------------------------------ cmyk_sec ------------------------------ */
.cmyk_sec {
  width: 100%;
  height: 100%;
  background: #fff;
}
.cmyk_head {
  width: 100%;
  height: 100px;
}
.cmyk_title h3 {
  color: #9f4cce;
  font-size: 2rem;
  font-family: poppins;
  font-weight: 600;
  text-align: center;
  padding-top: 3%;
}
.cmyk_content {
  width: 100%;
  height: 540px;
}
.cmyk_left {
  width: 50%;
  height: 540px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmyk_data {
  width: 80%;
  height: 500px;
  display: grid;
  align-items: center;
  justify-content: center;
}
.cmyk_tag_img {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: space-around;
}
.cmyk_tag_img .cmyk-img-set {
  width: 90%;
  height: 80%;
  margin-top: 5%;
}
.cmyk_tag_img .cmyk-img-set2 {
  display: none;
}
.cmyk_tag_img2 {
  display: none;
}
.cmyk_details {
  width: 100%;
  height: 200px;
}
.cmyk_details p {
  color: #000;
  font-size: 1rem;
  font-family: poppins;
  font-weight: 400;
  line-height: 25px;
  text-align: justify;
  text-justify: inter-word;
}
.cmyk_details a {
  color: #9f4cce;
}
.cmyk_details a:hover {
  color: #9f4cce;
  text-decoration: none;
  list-style: none;
}
.cmyk_right {
  width: 50%;
  height: 540px;
  position: relative;
}
.cmyk_img {
  width: 100%;
  height: 500px;
  display: grid;
  align-items: center;
  justify-content: start;
  position: relative;
}
.cmyk_img .pack_img-set {
  width: 85%;
  height: 60%;
}
/* ------------------------------ media-query ------------------------------ */
@media (max-width: 768px) {
  .cmyk_head {
    height: 100px;
  }
  .cmyk_title h3 {
    font-size: 1.3rem;
    padding-top: 40px;
  }
  .cmyk_content {
    height: 540px;
  }
  .cmyk_left {
    height: 540px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cmyk_data {
    width: 80%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-content: center;
  }
  .cmyk_tag_img {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: space-around;
  }
  .cmyk_tag_img .cmyk-img-set {
    width: 90%;
    height: 80%;
    margin-top: 5%;
  }
  .cmyk_details {
    width: 100%;
    height: 200px;
  }
  .cmyk_details p {
    font-size: 1rem;
    line-height: 25px;
  }
  .cmyk_right {
    height: 540px;
    position: relative;
  }
  .cmyk_img {
    width: 100%;
    height: 500px;
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .cmyk_img .pack_img-set {
    width: 85%;
    height: 60%;
  }
}
@media (max-width: 500px) {
  .cmyk_head {
    height: 70px;
  }
  .cmyk_title h3 {
    font-size: 1rem;
    padding-top: 30px;
  }
  .cmyk_content {
    height: 560px;
  }
  .cmyk_left {
    height: 540px;
  }
  .cmyk_data {
    width: 95%;
    height: 500px;
  }
  .cmyk_tag_img {
    display: none;
  }
  .cmyk_tag_img2 {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
  }
  .cmyk_tag_box {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .cmyk_tag_img .cmyk-img-set {
    display: none;
  }
  .cmyk_tag_img .cmyk-img-set2 {
    width: 90%;
    height: 80%;
    margin-top: 5%;
  }
  .cmyk_tag_box .cmyk-tag-1 {
    width: 90%;
    height: 70%;
    margin-top: 10%;
  }
  .cmyk_tag_box .cmyk-tag-2 {
    width: 80%;
    height: 60%;
    margin-top: 20%;
    margin-right: 15%;
  }
  .cmyk_tag_box .cmyk-tag-3 {
    width: 70%;
    height: 70%;
    margin-top: 10%;
    margin-right: 15%;
  }
  .cmyk_tag_box .cmyk-tag-4 {
    width: 50%;
    height: 80%;
    margin-top: 10%;
    margin-right: 15%;
  }
  .cmyk_details {
    width: 100%;
    height: 200px;
  }
  .cmyk_details p {
    font-size: 0.8rem;
    line-height: 20px;
  }
  .cmyk_right {
    display: none;
  }
}
@media (max-width: 500px) {
  .cmyk_head {
    height: 70px;
  }
  .cmyk_title h3 {
    font-size: 1rem;
    padding-top: 30px;
  }
  .cmyk_content {
    height: 520px;
  }
  .cmyk_left {
    height: 500px;
  }
  .cmyk_data {
    width: 95%;
    height: 480px;
  }
  .cmyk_tag_img {
    display: none;
  }
  .cmyk_tag_img2 {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
  }
  .cmyk_tag_box {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .cmyk_tag_img .cmyk-img-set {
    display: none;
  }
  .cmyk_tag_img .cmyk-img-set2 {
    width: 90%;
    height: 80%;
    margin-top: 5%;
  }
  .cmyk_tag_box .cmyk-tag-1 {
    width: 90%;
    height: 70%;
    margin-top: 10%;
  }
  .cmyk_tag_box .cmyk-tag-2 {
    width: 80%;
    height: 60%;
    margin-top: 20%;
    margin-right: 15%;
  }
  .cmyk_tag_box .cmyk-tag-3 {
    width: 70%;
    height: 70%;
    margin-top: 10%;
    margin-right: 15%;
  }
  .cmyk_tag_box .cmyk-tag-4 {
    width: 50%;
    height: 80%;
    margin-top: 10%;
    margin-right: 15%;
  }
  .cmyk_details {
    width: 100%;
    height: 180px;
  }
  .cmyk_details p {
    font-size: 0.8rem;
    line-height: 20px;
  }
}
@media (max-width: 400px) {
  .cmyk_tag_box .cmyk-tag-1 {
    width: 90%;
    height: 70%;
    margin-top: 10%;
  }
  .cmyk_tag_box .cmyk-tag-2 {
    width: 80%;
    height: 65%;
    margin-top: 20%;
    margin-right: 20%;
  }
  .cmyk_tag_box .cmyk-tag-3 {
    width: 70%;
    height: 70%;
    margin-top: 10%;
    margin-right: 20%;
  }
  .cmyk_tag_box .cmyk-tag-4 {
    width: 55%;
    height: 70%;
    margin-top: 10%;
    margin-right: 15%;
  }
}
/* ------------------------------ cmyk_sec-end ------------------------------ */