:root {
  --primary-color: #25c1e8;
  --primary-shade: #33a7f1;
  --dark-blue: #083e6a;
  --main-black: #000;
  --main-white: rgba(255, 255, 255, 1);
  --text-color: #535353;

  --color-e6e2e2: #e6e2e2;
  --color-A7A7A7: #a7a7a7;

  /* GRADIENT COLOR  */
  --primary-gradient: linear-gradient(
    85.17deg,
    #25c1e8 -24.13%,
    #33a7f1 80.89%
  );

  /* OPACITY COLOR  */

  --black-op8: rgba(0, 0, 0, 0.8);
  --color-666666-op0: rgba(102, 102, 102, 0);
  --main-white-op9: rgba(255, 255, 255, 0.9);
  --dark-blue-op3: rgba(8, 62, 106, 0.302);
  --EBEBEB-op6: rgba(235, 235, 235, 0.6);
  --text-color-op5: rgba(83, 83, 83, 0.5);
  --color-A7A7A7-op6: rgb(167, 167, 167, 0.6);
}

/* BANNER SECTION COMMON */
.inner-banner-sec {
  padding: 150px 0 100px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 687px;
  display: flex;
  width: 100%;
  justify-content: right;
  align-items: end;
}
.inner-banner-sec .inner-banner-content {
  max-width: 1183px;
  width: 100%;
}

/* COMMON BREADCRUM */
.breadcrum {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.breadcrum .breadcrum-list {
  color: var(--main-white);
  font-size: 24px;
}
.breadcrum .breadcrum-list .breadcrum-item-active {
  color: var(--primary-color);
}

/* COMMON COLUMN ROW SECTION */
.col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-image {
  padding-left: 40px;
}
.col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-content {
  padding-right: 30px;
}
.col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-image {
  padding-right: 40px;
}
.col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-content {
  padding-left: 30px;
}

/* COMMON LISTING VARIATION */
.primary-listing {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.primary-listing li {
  color: var(--text-color);
  font-size: 24px;
  line-height: 40px;
  padding-left: 40px;
  position: relative;
}
.primary-listing li:after {
  content: "";
  background-image: url("../images/common-check-marks.png");
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 7px;
}

/* FAQ's SECTION COMMON */
.faq-sec .title-wrapper {
  max-width: 1175px;
  margin: 0 auto;
}

@media (max-width: 1599.98px) {
  /* BANNER SECTION COMMON */
  .inner-banner-sec .inner-banner-content {
    max-width: 1140px;
  }

  /* COMMON LISTING VARIATION */
  .primary-listing li {
    font-size: 22px;
    line-height: 34px;
  }
}

@media (max-width: 1499.98px) {
  /* BANNER SECTION COMMON */
  .inner-banner-sec {
    min-height: 650px;
  }
  /* COMMON BREADCRUM */
  .breadcrum .breadcrum-list {
    font-size: 22px;
  }
}

@media (max-width: 1399.98px) {
  /* BANNER SECTION COMMON */
  .inner-banner-sec {
    min-height: 610px;
  }
  .inner-banner-sec .inner-banner-content {
    max-width: 1065px;
  }

  /* COMMON BREADCRUM */
  .breadcrum {
    padding-top: 15px;
  }
  .breadcrum .breadcrum-list {
    font-size: 20px;
  }

  /* COMMON COLUMN ROW SECTION */
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-image {
    padding-left: 30px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-content {
    padding-right: 20px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-image {
    padding-right: 30px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-content {
    padding-left: 20px;
  }

  /* COMMON LISTING VARIATION */
  .primary-listing li {
    font-size: 20px;
    line-height: 30px;
    padding-left: 35px;
  }
  .primary-listing li:after {
    width: 22px;
    height: 22px;
    background-size: 22px;
    top: 4px;
  }

  /* FAQ's SECTION COMMON */
  .faq-sec .title-wrapper {
    max-width: 970px;
  }
}

@media (max-width: 1199.98px) {
  /* BANNER SECTION COMMON */
  .inner-banner-sec {
    min-height: 570px;
  }
  .inner-banner-sec .inner-banner-content {
    max-width: 1065px;
  }

  /* COMMON BREADCRUM */
  .breadcrum {
    padding-top: 15px;
  }
  .breadcrum .breadcrum-list {
    font-size: 20px;
  }

  /* COMMON COLUMN ROW SECTION */
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-image {
    padding-left: 20px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-content {
    padding-right: 14px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-image {
    padding-right: 20px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-content {
    padding-left: 14px;
  }

  /* FAQ's SECTION COMMON */
  .faq-sec .title-wrapper {
    max-width: 830px;
  }
}

@media (max-width: 991.98px) {
  /* BANNER SECTION COMMON */
  .inner-banner-sec {
    padding: 120px 0 80px;
  }

  /* COMMON LISTING VARIATION */
  .primary-listing li {
    font-size: 18px;
    line-height: 28px;
  }

  /* COMMON COLUMN ROW SECTION */
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-image {
    padding-left: 0;
    padding-top: 14px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-content {
    padding-right: 0;
    padding-bottom: 14px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-image {
    padding-right: 0;
    padding-top: 14px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-content {
    padding-left: 0;
    padding-bottom: 14px;
  }
}
@media (max-width: 575px) {
  /* BANNER SECTION COMMON */
  .inner-banner-sec {
    min-height: 520px;
  }

  /* COMMON BREADCRUM */
  .breadcrum {
    padding-top: 12px;
  }
  .breadcrum .breadcrum-list {
    font-size: 18px;
  }

  /* COMMON LISTING VARIATION */
  .primary-listing li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 30px;
  }

  .primary-listing li:after {
    width: 20px;
    height: 20px;
    background-size: 20px;
    top: 3px;
  }

  /* COMMON COLUMN ROW SECTION */
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-image {
    padding-top: 10px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row .col-sec-content {
    padding-bottom: 10px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-image {
    padding-top: 10px;
  }
  .col-sec-sec .col-sec-wrapper .col-sec-row-reverse .col-sec-content {
    padding-bottom: 10px;
  }
}