.mainBg {
  height: 100vh;
  position: relative;
  /* border-radius: 0 0 100px 100px; */
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;

  .mainBgCont {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
  }

  &.mainBg_env {
    box-shadow: 0 0 10px #d1e0d9;
    background-position: bottom center;

    &:after {
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      width: 100%;
      content: "";
      height: 351px;
      position: absolute;
      background-image: url(../images/esg/mainBg_env.png);
      background-size: 100% 100%;
    }
  }

  &.mainBg_soc {
    box-shadow: 0 0 10px #dfd1bd;
    background-position: bottom center;

    &:after {
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      width: 100%;
      content: "";
      height: 351px;
      position: absolute;
      background-image: url(../images/esg/mainBg_soc_ppl.png);
      background-size: 100% 100%;
    }
  }

  .mainBgCont {
    padding-top: 100px;
    background-color: #ffffff30;
    background-image: linear-gradient(180deg, #ffffff 20%, #ffffff10 100%);
  }
}

.esgTabHeader {
  top: 30px;
  z-index: 2;
  position: relative;
  display: inline-block;

  &:after {
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    background-color: transparent;
  }

  .esgTabHeadIconBg {
    padding: 5px;
    width: 100px;
    height: 100px;
    display: flex;
    position: relative;
    border-radius: 50%;
    align-items: center;
    justify-content: center;

    &:before {
      z-index: -1;
      content: "";
      width: 100%;
      height: 100%;
      right: -5px;
      bottom: -5px;
      border-radius: 50%;
      position: absolute;
      background-color: #bcbdc0;
    }
  }
}

.esgTabContent.bg_f2f8ed,
.esgTabContent.bg_fef7e9,
.esgTabContent.bg_fff9f1 {
  position: relative;
  padding: 50px 30px 30px 20px;
  padding-right: 30px;

  &::after {
    width: 15px;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, #4ca682 0%, #b0d17c 100%);
    content: "";
    position: absolute;
  }

  .esgTabContentInner {
    position: relative;
    border-radius: 0 50px 50px 0;
    border: 2px solid #239d82;
    border-left: 0 !important;
    padding: 30px 10px 0px 0;
  }
}

.socSec_12 .row_2 .col_2 .esgTabContentInner {
  border: 2px solid #fbb54a;
}

.fullBorder {
  position: relative;

  &::after {
    width: 90%;
    height: 2px;
    content: "";
    right: 0;
    position: absolute;
    background-color: #fbb54a;
    bottom: 0;
  }
}

.esgTabContent.bg_fef7e9 {
  &::after {
    background: linear-gradient(90deg, #feca42 0%, #f68f35 100%);
  }

  .esgTabContentInner {
    border: 2px solid #fbc189;
  }
}

.esgTabContent.bg_f2f8ed {
  &::after {
    background: linear-gradient(90deg, #4ca682 0%, #b0d17c 100%);
  }

  .esgTabContentInner {
    border: 2px solid #239d82;
  }
}

.hintBox {
  .small {
    line-height: 1.2;

    span {
      width: 30px;
      display: inline-block;
    }
  }
}

.esgTableEach {

  &.esgTableeach_1,
  &.esgTableeach_3 {
    .esgTabHeader {
      &:after {
        background-color: #f2f8ed;
      }
    }
  }

  &.esgTableeach_2 {
    .esgTabHeader {
      &:after {
        background-color: #fef7e9;
      }
    }
  }
}

.envSec_2 {
  .rowWrap {
    .row {
      &:nth-child(even) {
        flex-direction: row-reverse;
      }

      &:not(:last-child) {
        margin-bottom: 30px;
      }
    }
  }
}

.eachBlockImg {
  img {
    width: 100%;
  }

  figure {
    &.figWrap {
      right: 15px;
      width: 72px;
      bottom: 15px;
      height: 72px;
      display: flex;
      position: absolute;
      align-items: center;
      justify-content: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(../images/esg/bgIco.png);

      &.wasteImg {
        bottom: auto;
        top: 20px;
      }

      img {
        width: auto;
      }
    }
  }

  .absImg_1 {
    top: -25px;
    right: 50px;
  }

  .absImg_2 {
    top: -25px;
    left: 50px;
  }

  .absImg_3 {
    top: 30px;
    left: -15px;
    transform: rotate(90deg);
  }

  .absImg_4 {
    top: -25px;
    right: 50px;
  }
}

.esgTabContent.bg_fff9f1 {
  &:after {
    content: normal;
  }
}

.socSec_12 {
  .esgTableEach {
    &.esgTableeach_2 {
      .esgTabHeader {
        top: 15px;

        &:after {
          bottom: -45px;
          background-color: #fff9f1;
        }
      }
    }
  }
}

.socSec_13 {
  .splImgWrap {
    .absImg_1 {
      top: 30px;
      right: -15px;
      transform: rotate(90deg);
    }

    .absImg_2 {
      bottom: 30px;
      left: -15px;
      transform: rotate(90deg);
    }
  }
}

.socSec_14 {
  .splImgWrap {
    .absImg_1 {
      top: 10px;
      right: -15px;
      transform: rotate(90deg);
    }

    .absImg_2 {
      bottom: 10px;
      left: -15px;
      transform: rotate(90deg);
    }
  }
}

.socSec_16 {
  .splImgWrap {
    .absImg_1 {
      bottom: 30px;
      right: -15px;
      transform: rotate(90deg);
    }

    .absImg_2 {
      top: 30px;
      left: -15px;
      transform: rotate(90deg);
    }
  }
}

.col-lg-12-border-wrap {
  border: 2px solid #f78f35;
  border-left: 0;
  border-radius: 0 30px 30px 0;

  .border-wrap-head {
    top: -17px;
  }
}

.br_LB {
  border-left: 2px solid #f78f35;
  border-bottom: 2px solid #f78f35;
}

.socSec_22 {
  .esgTabHeader {
    top: 0 !important;

    &:after {
      bottom: -40px;
      background-color: #fff9f1 !important;
    }
  }

  .esgTabContent {
    &.bg_fff9f1 {
      padding-top: 30px;
    }
  }

  .esgTabContentInner {
    border-color: #f68f35 !important;
  }

  .splImgWrap {
    .absImg_1 {
      right: 50px;
      bottom: -25px;
      transform: rotate(90deg);
    }

    .absImg_2 {
      left: 75px;
      top: -25px;
    }
  }

  .tableHolderWrap {
    table {
      border-bottom: 3px solid #54a88f;

      th {
        padding: 10px;

        &:not(:last-child) {
          border-right: 2px solid #fff;
        }
      }

      td {
        padding: 10px;

        &:first-child {
          border-right: 2px solid #b3b5b8;
          border-bottom: 2px solid #b3b5b8;
        }

        &:last-child {
          border-bottom: 2px solid #ffffff;
        }
      }
    }

    .br_btm_10 {
      border-bottom: 10px solid #fff9f1;

      &:last-child {
        border-left: 5px solid #fff9f1;
      }
    }
  }
}

.socSec_23 {
  .esgTabHeader {
    top: 0 !important;
  }

  .row_4 {
    .tableHolderWrap {
      table {
        border-bottom: 3px solid #54a88f;

        th {
          padding: 10px;

          &:not(:last-child) {
            border-right: 2px solid #fff;
          }
        }

        td {
          padding: 10px;
          border-bottom: 2px solid #ffffff;
          border-left: 2px solid #ccc;

          &:first-child {
            border-left: none;
          }

          &:nth-child(1) {
            border-bottom: 2px solid #939598;
          }
        }
      }
    }
  }
}

.eachTestiBoxHolder {
  overflow: hidden;
  border-radius: 20px;
  margin-top: -60px;

  .eachTestiBox {
    padding-top: 80px;
    border-radius: 20px;
    border: 2px solid #239d82;

    .eachTestiBoxInner {
      border-bottom: 10px solid #ffca43;
      padding: 30px 30px 10px;
    }
  }

  .testiImg {
    top: 100px;
    left: 30px;
    width: 250px;
    position: relative;
    z-index: 1;
  }

  .testiText {
    top: 130px;
    left: 310px;

    strong {
      top: 13px;
      left: 10px;
      z-index: 1;
      position: relative;
    }

    .absIcon_1 {
      top: -10px;
      left: -10px;
      width: 27px;
    }

    .absIcon_2 {
      bottom: -35px;
      right: -30px;
      width: 27px;
      transform: rotate(180deg);
    }
  }
}

.socSec_24 {
  .esgTabHeader {
    top: 0 !important;
  }

  .row_8 {
    .txtWrap {
      padding: 10px 20px 30px;

      .txtWrapHead {
        top: -25px;
        left: -20px;
        position: relative;
      }
    }
  }
}

.socSec_25 {
  .esgTabHeader {
    top: 0 !important;
  }

  .row_11 {
    .txtWrap {
      .txtWrapHead {
        top: 0px;
        left: 0px;
        position: relative;

        &+div {
          padding: 20px;
        }
      }

      &.txtWrap_2 {
        .txtWrapHead {
          &+div {
            padding: 0px;
          }
        }
      }
    }
  }

  .row_12 {
    .each_provision_box_wrap {
      display: flex;
      justify-content: space-between;

      .each_provision_box {
        width: calc(20% - 10px);

        &:not(:last-child) {
          margin-bottom: 5px;
        }
      }
    }
  }
}

.socSec_26 {
  .esgTabHeader {
    top: 0 !important;
  }
}

.socSec_27 {
  .esgTabHeader {
    top: 0 !important;
  }
}

.socSec_28 {
  .esgTabHeader {
    top: 0 !important;
  }

  .row_18 {
    .tableHolderWrap {
      table {
        border-bottom: 3px solid #54a88f;

        th {
          padding: 10px;

          &:not(:last-child) {
            border-right: 2px solid #fff;
          }
        }

        td {
          padding: 10px;
          border-right: 2px solid #b3b5b8;
          border-bottom: 2px solid #ffffff;

          &:first-child {
            border-bottom: 2px solid #b3b5b8;
          }

          &:last-child {
            border-right: 0;
          }
        }
      }

      .br_btm_10 {
        border-bottom: 10px solid #fff9f1;
      }
    }
  }

  .row_19 {
    .tableHolderWrap {
      table {
        table-layout: fixed;
        border-bottom: 3px solid #54a88f;

        th {
          padding: 10px;

          &:first-child {
            width: 300px;
            border-bottom: 2px solid #b3b5b8;
          }

          &:not(:last-child) {
            border-right: 2px solid #fff;
          }
        }

        td {
          padding: 10px;
          border-right: 2px solid #b3b5b8;
          border-bottom: 2px solid #ffffff;

          &:first-child {
            width: 300px;
            border-bottom: 2px solid #b3b5b8;
          }

          &:last-child {
            border-right: 0;
          }
        }
      }

      .br_btm_10 {
        border-bottom: 10px solid #fff9f1;
      }
    }
  }

  .row_22 {
    .diskshaListWrap {
      .diskshaList {
        .eachDiksha {
          width: calc(20% - 5px);

          .eachDikshaInner {
            width: 100%;

            figure {
              width: 90px;
              height: 90px;
            }

            span {
              padding: 5px;
              line-height: 1.2;
              display: inline-block;
              width: calc(100% - 100px);
            }
          }
        }
      }
    }
  }

  .splImgWrap {
    .absImg_1 {
      right: 50px;
      bottom: -25px;
      transform: rotate(90deg);
    }

    .absImg_2 {
      left: 75px;
      top: -25px;
    }
  }
}

.socSec_32 {
  .esgTabHeader {
    top: 0 !important;
  }

  .tabTextWrap {
    border-radius: 0 0 10px 10px;
  }

  .row_4 {
    .splImgWrap {
      .absImg_1 {
        right: -15px;
        top: 100px;
        transform: rotate(90deg);
      }

      .absImg_2 {
        left: 125px;
        top: -25px;
      }
    }
  }
}

.socSec_33 {
  .row_5 {
    .row_5_inner {
      padding-bottom: 20px;
      border: 1px solid #ffca43;

      .row_5_fig {
        width: 400px;
        position: relative;
        top: -15px;
        left: -1px;

        img {
          width: 100%;
        }

        .imgInfoHead {
          border-radius: 0 20px 20px 0;
        }
      }

      .txtWrap {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 400px);

        .txtWrapHead {
          top: -15px;
          left: -15px;
          position: relative;
        }
      }

      &:after {
        clear: both;
        content: "";
        display: table;
      }
    }
  }

  .row_6 {
    .col_2 {
      .splImgWrap {
        .absImg_1 {
          bottom: 30px;
          left: -15px;
          transform: rotate(90deg);
        }

        .absImg_2 {
          top: -15px;
          right: 5px;
          transform: rotate(0deg);
        }
      }
    }

    .col_3 {
      .imgInfo {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .imgInfoHead {
          height: 100px;
          width: calc(33.33% - 30px);
          border-radius: 0 30px 30px 0;
          margin-bottom: 0 !important;
        }
      }
    }
  }
}

.socSec_34 {
  .esgTabHeader {
    top: 0 !important;
  }
}

.socSec_35 {
  .splImgWrap {
    position: relative;

    .absImg_1 {
      bottom: -20px;
      left: 0px;
      transform: rotate(90deg);
    }

    .absImg_2 {
      top: -15px;
      right: 5px;
      transform: rotate(0deg);
    }
  }

  .col_2 {
    .imgInfo {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .imgInfoHead {
        height: 100px;
        width: calc(33.33% - 10px);
        border-radius: 0 20px 20px 0;
        margin-bottom: 0 !important;
      }
    }
  }

  .col_3 {
    .tableHolderWrap {
      table {
        table-layout: fixed;
        border-bottom: 3px solid #54a88f;

        th {
          padding: 10px;

          &:first-child {
            width: 300px;
            border-bottom: 2px solid #b3b5b8;
          }

          &:not(:last-child) {
            border-right: 2px solid #fff;
          }
        }

        td {
          padding: 10px;
          border-right: 2px solid #b3b5b8;
          border-bottom: 2px solid #ffffff;

          &:first-child {
            width: 300px;
            border-bottom: 2px solid #b3b5b8;
          }

          &:last-child {
            border-right: 0;
          }
        }
      }

      .br_btm_10 {
        border-bottom: 10px solid #fff9f1;
      }
    }
  }
}

.socSec_36 {
  .eachTestiBoxHolder {
    overflow: visible;
    margin-top: 0;

    .testiImg {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      width: 250px;
      height: 250px;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
      }
    }

    .eachTestiBox {
      width: calc(100% - 120px);
      margin-left: auto;
      padding-top: 0;
      overflow: hidden;

      .eachTestiBoxInner {
        min-height: 270px;
        padding-left: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
    }
  }
}

.govSec2 {
  .row_14 {
    .diskshaListWrap {
      .diskshaList {
        .eachDiksha {
          .eachDikshaInner {
            figure {
              width: 80px;
              height: 80px;
            }

            p {
              width: calc(100% - 80px);
            }
          }
        }
      }
    }
  }
}

.govSec3 {
  .splImgWrap {
    .orangeAbsImg {
      position: absolute;
      right: 0;
      bottom: 50px;
      transform: rotate(90deg);
    }

    .greenAbsImg {
      top: -20px;
      left: 40px;
    }
  }
}

.mobEsg {
  display: none;
}

.mobEvnImg {
  display: none;
}

/* responsive */

@media (max-width: 1600px) {
  .socSec_21 {
    .subTxtWrap {
      p {
        font-size: 18px !important;
      }
    }

    .esgInfo {
      p {
        font-size: 16px;
      }
    }
  }
}

@media (max-width: 1400px) {
  .socSec_13 {
    .splImgWrap {
      .absImg_2 {
        left: 0;
      }
    }
  }

  .socSec_14 {
    .splImgWrap {
      .absImg_1 {
        right: 0;
      }
    }
  }

  .socSec_16 {
    .splImgWrap {
      .absImg_1 {
        right: 0;
      }
    }
  }
}

@media (max-width: 1366px) {
  .mainBg {

    &.mainBg_env,
    &.mainBg_soc {
      &:after {
        height: 140px;
      }
    }
  }

  .socSec_21 {
    .mainBgCont {
      padding-top: 80px;
    }
  }

  .govSec2 {
    .row_14 {
      .diskshaListWrap {
        .diskshaList {
          .eachDiksha {
            .eachDikshaInner {
              figure {
                width: 65px;
                height: 65px;
                padding: 12px;
              }
              p {
                width: calc(100% - 65px);
                font-size: 17px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1340px) {
  .mainBg {
    &.mainBg_soc {
      &:after {
        height: 110px;
      }
    }

    .mainBgCont {
      padding-top: 50px;
    }
  }
}

@media (max-width: 1280px) {
  .mainBg {
    &.mainBg_soc {
      &:after {
        height: 78px;
      }
    }
  }

  .socSec_35 {
    & .col_2 {
      & .imgInfo {
        .imgInfoHead {
          height: 140px;
        }
      }
    }
  }
}

@media (max-width: 1199px) {
  .socSec_28 {
    & .row_22 {
      & .diskshaListWrap {
        .diskshaList {
          flex-wrap: wrap;

          .eachDiksha {
            width: calc(25% - 5px);
            margin: 10px 0;
          }
        }
      }
    }
  }

  .mainBg {
    &.mainBg_soc {
      &:after {
        height: 50px;
      }
    }
  }
}

@media (max-width: 1024px) {
  .mainBg {
    .mainBgCont {
      position: static;
      padding: 80px 0;
    }

    &.mainBg_env,
    &.mainBg_soc {
      &:after {
        display: none;
      }
    }
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      h2 {
        font-size: 32px;
      }
    }
  }

  .mainBg {
    height: auto;
    background-image: none !important;
  }

  .mobEvnImg {
    display: block;
  }

  .socSec_25 {
    & .row_12 {
      & .each_provision_box_wrap {
        flex-wrap: wrap;
        justify-content: flex-start;

        .each_provision_box {
          width: calc(31% - 10px);
          margin: 10px;
        }
      }
    }
  }

  .socSec_28 {
    & .row_22 {
      & .diskshaListWrap {
        .diskshaList {
          .eachDiksha {
            & .eachDikshaInner {
              figure {
                width: 75px;
                height: 90px;
                padding: 18px;
              }
            }
          }
        }
      }
    }
  }

  .socSec_35 {
    & .col_2 {
      .imgInfo {
        flex-wrap: wrap;

        .imgInfoHead {
          width: calc(50% - 10px);
          margin: 15px 5px;
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .splImgWrap.sticky {
    position: static;
    margin: 30px 0 0;
  }

  .esgsec_1 .splImgWrap.sticky {
    margin: 30px 0;
  }

  .socSec_13 .splImgWrap.sticky {
    margin: 0 0 30px;
  }

  .esgTabHeader {
    .esgTabHeadIconBg {
      width: 86px;
      height: 86px;
    }
  }

  .socSec_16.pb_50 {
    padding-bottom: 1px !important;
  }

  .mainBg {
    .mainBgCont {
      padding-top: 60px;
    }
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      h2 {
        font-size: 30px;
      }
    }
  }

  .socSec_13,
  .socSec_14,
  .socSec_16 {
    & .splImgWrap {
      .absImg_1 {
        right: 20px;
      }

      .absImg_2 {
        left: 20px;
      }
    }
  }

  .tableWrap {
    width: 100%;
    overflow-x: auto;
  }

  .socSec_22{
    & .splImgWrap {
        .absImg_2 {
            top: 0px;
        }
    }
  }

  .socSec_28 {
    & .row_19 {
      & .tableHolderWrap {
        table {
          table-layout: auto;
        }
      }
    }
  }

  .socSec_35 {
    & .col_3 {
      & .tableHolderWrap {
        table {
          table-layout: auto;
        }
      }
    }
  }

  .socSec_28 {
    & .row_22 {
      & .diskshaListWrap {
        & .diskshaList {
          justify-content: flex-start !important;

          .eachDiksha {
            width: calc(33% - 10px);
            margin: 10px 5px;
          }
        }
      }
    }
  }

  .socSec_28 .row_18 {
    .txtWrap {
      margin: 15px 0 0;
    }
  }

  .socSec_32 {
    & .row_4 {
      & .splImgWrap {
        .absImg_1 {
          right: 0;
        }

        .absImg_2 {
          top: 0px;
        }
      }
    }
  }

  .socSec_33 {
    & .row_5 {
      .row_5_inner {
        flex-direction: column;

        .row_5_fig {
          width: 100%;
          top: 0;
          left: 0;
        }

        .txtWrap {
          width: 100%;
          margin: 20px 0 0;

          .txtWrapHead {
            top: 0;
            left: 0;
            margin-bottom: 15px;
          }
        }
      }
    }
  }

  .govSec2 {
    .col_2 {
      padding-right: 15px !important;
    }

    .row_13 {
      padding: 20px 0;
    }
  }

  .socSec_35 {
    .row_8 {
      .col_2 h5 {
        margin: 15px 0 0;
      }
    }
  }
}

@media (max-width: 840px) {
  .socSec_33 {
    & .row_6 {
      & .col_3 {
        .imgInfo {
          flex-wrap: wrap;

          .imgInfoHead {
            width: calc(33.33% - 10px);
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .socSec_25 {
    & .row_12 {
      & .each_provision_box_wrap {
        .each_provision_box {
          width: calc(47% - 10px);
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .eachNumBlockWrap {
    width: 50%;
  }

  .esgsec_2 .txtWrap {
    h5 {
      width: 40%;
      margin: 0 auto;
      text-align: center;
      display: block !important;
    }

    /* text-align: center; */
  }

  .esgsec_2 .eachBlockImg {
    width: 400px;
    margin: 30px auto 20px;
  }

  .envSec_2 {
    & .rowWrap {
      & .row {
        &>div {
          margin-bottom: 0 !important;
        }
      }
    }
  }

  .mobEsg {
    display: block;
  }

  .dskEsg {
    display: none;
  }

  .each_provision_box_inner p {
    font-size: 16px !important;
  }

  .socSec_28 {
    & .row_22 {
      & .diskshaListWrap {
        & .diskshaList {
          .eachDiksha {
            width: calc(50% - 10px);
          }
        }
      }
    }
  }

  .socSec_33 {
    & .row_6 {
      & .col_3 {
        & .imgInfo {
          .imgInfoHead {
            width: calc(50% - 10px);
            margin: 15px 5px;
          }
        }
      }
    }
  }

  .govSec2 {
    & .row_14 {
      & .diskshaListWrap {
        & .diskshaList {
          .eachDiksha {
            width: 100%;

            .eachDikshaInner {
              width: 100%;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .eachNumBlockWrap {
    width: 100%;
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      h2 {
        font-size: 26px;
      }
    }
  }

  .esgTabHeader {
    .esgTabHeadIconBg {
      width: 70px;
      height: 70px;
      padding: 15px;
    }
  }

  .esgsec_2 .txtWrap {
    h5 {
      width: 60%;
    }
  }

  .mobtesti {
    position: relative;
    width: 155px;
    margin: 20px auto 20px;
  }

  .eachTestiBoxHolder {
    padding: 20px 20px 0;
    border-radius: 20px;
    border: 2px solid #239d82;
    margin: 20px 0;

    .testiText {
      position: static;
    }

    .testiImg {
      position: static;
      margin: 0 auto;
    }

    .eachTestiBox {
      padding-top: 0;
      border-radius: unset;
      border: unset;
    }

    & .eachTestiBox {
      .eachTestiBoxInner {
        padding: 18px 0 10px;
      }
    }
  }

  .socSec_33 {
    & .row_6 {
      & .col_3 {
        & .imgInfo {
          .imgInfoHead {
            width: 100%;
            height: auto;
          }
        }
      }
    }
  }

  .socSec_35 {
    & .col_2 {
      .imgInfo {
        .imgInfoHead {
          width: 100%;
          height: auto;
        }
      }
    }
  }

  .socSec_36 {
    .headingWrap {
      margin: 0 !important;
    }

    & .eachTestiBoxHolder {
      .testiImg {
        position: static;
        transform: unset;
      }

      .eachTestiBox {
        width: 100%;
        padding-top: 0;

        .eachTestiBoxInner {
          min-height: auto;
          padding-left: 0;
          display: block;
        }
      }
    }
  }

  .socSec_28 {
    & .splImgWrap {
      .absImg_2 {
        top: 0;
      }
    }
  }
}

@media (max-width: 480px) {
  .eachNumBlockWrap {
    & .eachNumBlock {
      h2 {
        font-size: 22px;
      }
    }
  }

  .esgsec_2 .txtWrap {
    h5 {
      width: 70%;
    }
  }

  .esgsec_2 .eachBlockImg {
    width: 100%;
    margin: 30px auto 20px;
  }

  .socSec_25 {
    & .row_12 {
      & .each_provision_box_wrap {
        .each_provision_box {
          width: 100%;
        }
      }
    }
  }

  .socSec_28 {
    & .row_22 {
      & .diskshaListWrap {
        & .diskshaList {
          .eachDiksha {
            width: 100%;

            .eachDikshaInner {
              figure {
                width: 70px;
                height: 70px;
                padding: 15px;
              }

              span {
                br {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }

  .socSec_36 {
    & .eachTestiBoxHolder {
      .testiImg {
        width: 100%;
        height: auto;
      }
    }
  }
}

@media (max-width: 420px) {
  .esgsec_2 .txtWrap {
    h5 {
      width: 90%;
    }
  }
}