.row.row-layout-2.pi1-gridelements-row {
  padding-left:0px;
  padding-right:0px;
  margin-left:-15px;
  margin-right:-15px;
}

.tx-angled-content-section {
  position:relative;
  transform: skewY(-6.50deg);
  border: solid 1px #707070;
  background-image: linear-gradient(to bottom, #00376e, #002b54);
  min-height:800px;

  padding-top:100px;
  padding-bottom: 100px;
  height:100%;

  margin-bottom: 50px;
  z-index: 1;
  top:140px;

  margin-left:-15px;
  margin-right:-15px;

  overflow:hidden;
}

.angled-content-section-inner {
  margin-top:50px;
  padding-left:140px;
  padding-right:140px;
  transform: skewY(6.50deg);
  color: white;
  height:100%;
}

.tx-angled-rightbars-wrapper {
  position: absolute;
  float: right;
  right: 0;
  top: -230px;
}

.tx-angled-leftbars-wrapper {
  position: absolute;
  float: left;
  left: 0;
  bottom: -50px;
}

.tx-angled-mainrow {
  margin-top:80px;
}

.tx-angled-leftcol {
  margin-top:80px;
}

.tx-angled-leftcol-inner {
  padding-right:15%;
}


.tx-angled-righttitle-col {
  font-family: Baloo Bhaina;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.tx-angled-lefttitle-col {
  font-family: Baloo Bhaina;
  font-size: 54px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  line-height:62px;
}

.tx-angled-leftdesc-col {
  padding-right:40px;

}


.tx-angled-leftdesc-col p,  .tx-angled-leftdesc-col span{
  font-family: Barlow;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.tx-angled-stat-col .stat-item {
  font-family: Baloo Bhaina;
  font-size: 80px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 80px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-top:50px;
}

.tx-angled-stat-col .stat-subtitle {
  font-family: Barlow;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

/*    RESPONSIVE DESIGN   */

@media (max-width: 1199.98px) {

  .tx-angled-stat-col .stat-item {
      font-size: 60px;
  }

  .tx-angled-lefttitle-col {
    font-size: 35px;
    line-height: 40px;
  }

  .tx-angled-stat-col .stat-subtitle {
      font-size: 20px;
  }

  .tx-angled-righttitle-col {
      font-size: 30px;
  }

  .tx-angled-leftcol-inner {
      padding-right: 15px;
  }

 }

 @media (max-width: 991.98px) {



 .tx-angled-leftdesc-col p, .tx-angled-leftdesc-col span {
     font-size: 18px;
 }

 .tx-angled-leftcol {
     margin-top: 0px;
 }


 .tx-angled-stat-col .stat-item {
     font-size: 60px;
 }


 .tx-angled-rightbars-wrapper {
   top: -174px;
   max-width: 230px;
   overflow: hidden;
 }

 .tx-angled-rightbars-wrapper img {
   position: relative;
   right: 180px;
 }

 .tx-angled-leftbars-wrapper {
     left: -200px;
 }

 .tx-angled-leftdesc-col {
   padding-bottom: 100px;
 }

 .tx-angled-rightbars {

 }

}

 @media (max-width: 767.98px) {

 }


@media (max-width: 575.98px) {

  .tx-angled-leftbars-wrapper {
      left: -540px;
  }

  .tx-angled-leftdesc-col {
    padding-bottom: 100px;
}

.tx-angled-stat-col .stat-item {
    font-size: 50px;
    line-height: 1.19;
    text-align: center;
}

.tx-angled-stat-col .stat-subtitle {
    font-size: 16px;
    text-align: center;
}

.tx-angled-leftdesc-col p, .tx-angled-leftdesc-col span {
    font-size: 16px;
}

.tx-angled-righttitle-col {
    font-size: 22px;
    line-height: 40px;
}






.tx-pi7-gradient-grey p {
    color: #00376e;
}
.tx-gradient-content-wrapper p, .tx-gradient-content-wrapper span {
    font-size: 16px;
    line-height: 1.19;
}
}


@media (max-width: 767.98px) {
  .angled-content-section-inner {
    padding-left:15px;
    padding-right:15px;
  }

  .tx-angled-leftcol, .tx-angled-rightcol {
    padding-left:15px;
    padding-right:15px;

  }

  .tx-angled-content-section {
    top:100px;
  }
}

@media (min-width:1921px) {
 .tx-angled-content-section {
   width: calc(100% + 30px) !important;
   max-width: unset !important;
   margin-left: -15px !important;
   margin-right: -15px !important;
  }

  .tx-angled-content-section > div > div.tx-angled-mainrow {
    max-width:1850px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .angled-content-section-inner {


  }

}


/*    RESPONSIVE DESIGN   */