/* section 1 */
/* end of section 1  */

/* section 1 */
.section1 {
  background-color: #f4f4fe;
  height: auto;
  min-height: 90vh;
  display: grid;
  justify-content: center;
  align-content: center;
}
.section1 .content_wrp {
  width: 95vw;
  max-width: 1100px;
  height: auto;
  min-height: 400px;
  display: grid;
  justify-content: center;
}

.section1 .content_wrp .content_left {
  display: grid;
  justify-content: end;
}
.section1 .content_wrp .content_left .img_wrp img {
  width: 350px;
}

.section1 .content_wrp .content_right {
  display: grid;
  justify-content: center;
}

.section1 .content_wrp .content_right .text_content {
  display: grid;
  align-content: center;
  height: 400px;
}

.section1 .content_wrp .content_right .text_content ul {
  list-style-type: none;
  list-style-position: outside;
  /* padding-left: 0px; */
  color: #414365d9;
}

.section1 .content_wrp .content_right .text_content ul > li::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px !important;
  height: 20px !important;
  background-image: url(../images/Laptopview/shield_icon.png);
  background-size: 15px;
  margin-left: -30px;
  margin-top: 5px;
  /* top: 10px;
  left: 20px; */
}

.section1 .content_wrp .content_right .text_content ul > li {
  margin: 10px 0px;
}

.section1 .content_wrp .content_right .img_wrp {
  display: grid;
  justify-content: center;
}

.section1 .content_wrp .content_right .img_wrp img {
  width: 300px;
}
/* end of section 1  */

/* section 2 */

.section2 {
  background-color: #ffffff;
  height: auto;
  min-height: 90vh;
  display: grid;
  justify-content: center;
  align-content: center;
  padding: 50px 0px;
}
.section2 .content_wrp {
  width: 95vw;
  max-width: 1100px;
  height: auto;
  min-height: 400px;
  display: grid;
  justify-content: center;
}

.section2 .content_wrp .content_left {
  display: grid;
  justify-content: end;
}

.section2 .content_wrp .content_left .img_wrp {
  margin: 0px auto;
}
.section2 .content_wrp .content_left .img_wrp img {
  width: 300px;
}

.section2 .content_wrp .content_right {
  display: grid;
  justify-content: end;
  align-content: center;
}
.section2 .content_wrp .content_right .img_wrp img {
  width: 400px;
  /* height: 500px; */
}

.section2 .content_wrp .content_right {
  display: grid;
  justify-content: center;
}

.section2 .content_wrp .content_left .text_content > ul {
  list-style-type: none;
  list-style-position: outside;
  padding-left: 0px;
  /* display: grid;
  justify-content: end; */
}
.section2 .content_wrp .content_left .text_content > ul > li {
  margin: 10px 0px;
  width: auto;
  /* min-width: 400px; */
  padding: 15px;
  border-left: solid #2d33d1 5px;
  display: grid;
  align-content: center;
  background-color: #2d32d11c;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  min-height: 120px;
  height: auto;
}

.section2 .content_wrp .content_left .text_content > ul > li p {
  font-size: 14px;
  columns: #313350bf;
}

.section2 .content_wrp .content_left .text_content > ul > li ul {
  padding-left: 0px;
}
.section2 .content_wrp .content_left .text_content > ul > li ul > li {
  display: inline;
  list-style: none;
  border-right: solid black 1px;
  padding: 0px 5px;
}

/* end of section 2  */

/* media queries */

@media only screen and (max-width: 576px) {
  .section1 {
    padding: 30px;
  }
  .section1 .content_wrp .content_right .text_content {
    display: grid;
    align-content: center;
    height: auto;
  }

  .section2 .content_wrp .content_right {
    display: grid;
    justify-content: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .section1 {
    padding: 30px;
  }
  .section1 .content_wrp .content_right .text_content {
    display: grid;
    align-content: center;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}
/* end of media queries  */