/* section 1 */
/* end of section 1  */

/* section 1 */
.section1 {
  background-color: #2d33d1;
  height: auto;
  /* min-height: 90vh; */
  display: grid;
  justify-content: center;
  /* align-content: center; */
}
.section1 .content_wrp {
  color: white;
  width: 70vw;
  max-width: 1100px;
  height: auto;
}

.section1 .content_wrp .text_content {
  padding: 60px 0px;
}

.section1 .content_wrp .text_content > p {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.685);
  line-height: 1.5;
}

.section1 .content_wrp .text_content > p span {
  color: white;
}

/* end of section 1  */

/* section 2 */

.section2 {
  background-color: white;
  height: auto;
  min-height: 80vh;
  display: grid;
  justify-content: center;
}

.section2 .content_wrp {
  /* color: white; */
  width: 70vw;
  max-width: 1100px;
  height: auto;
}
.section2 .content_wrp .text_content {
  padding: 60px 0px;
}

.section2 .content_wrp .text_content ul > li,
.section2 .content_wrp .text_content p {
  color: #63647c;
}

.section2 .content_wrp .text_content ul {
  list-style: none;
  list-style-position: outside;
  /* padding-left: 0px; */
}

.section2 .content_wrp .text_content .mission_vision_list > li,
.section2 .content_wrp .text_content .choose_us_list > li {
  padding: 5px;
}

.section2 .content_wrp .text_content .mission_vision_list > li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/Laptopview/tick.png);
  position: absolute;
  background-size: 15px;
  margin-left: -35px;
  margin-top: 5px;
}

.section2 .content_wrp .text_content .choose_us_list > li::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(../images/Laptopview/tick-inside-circle.png);
  position: absolute;
  background-size: 20px;
  margin-left: -35px;
}

/* end of section 2  */

/* media queries  */

@media only screen and (max-width: 576px) {
  .section1 .content_wrp {
    width: 95vw;
    padding: 0px 10px;
  }

  .section2 .content_wrp {
    width: 95vw;
    padding: 0px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
}
@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 */
