/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
body.data-stories {
  background: #edffd7 url(../../images/data-stories/bg-body.png);
}

.data-stories .infographic-section-left {
  color: #ffffff;
  box-shadow: 0 0 10px rgba(55, 60, 39, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #7c8e43;
  background: rgba(117, 123, 64, 0.8196078431);
}

.data-stories .infographic-section-left li {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid #717b51;
  border-right: 1px solid #717b51;
}

.data-stories .infographic-section-left li p {
  line-height: 18px;
}

.data-stories .infographic-section-left li:last-child {
  border-bottom: none;
}

.data-stories .infographic-section {
  bottom: 0;
  left: 0;
  background: url(../../images/data-stories/bg-1.jpg) repeat-x center top;
  right: 0;
  background-position: 0 20px;
}

.data-stories .infographic-section h1 {
  border: 4px double #d29500;
  background: #000000 url(../../images/data-stories/text_fill.png) repeat-x;
}

.data-stories-2 .infographic-section h1 {
  border: 4px double #ffffff;
  background: #000000 url(../../images/data-stories/text_fill_2.png) repeat-x;
}

.data-stories-3 .infographic-section h1 {
  border: 4px double #54b9c7;
  background: #000000 url(../../images/data-stories/text_fill_3.png) repeat-x;
}

.data-stories-4 .infographic-section h1 {
  border: 4px double #77be88;
  background: #000000 url(../../images/data-stories/text_fill_4.png) repeat-x;
  margin: -4px auto 0;
}

.data-stories-5 .infographic-section h1 {
  border: 4px double #b15b20;
  background: #000000 url(../../images/data-stories/text_fill_5.png) repeat-x;
  margin: -4px auto 0;
}

.data-stories .infographic-section h1, .data-stories-2 .infographic-section h1, .data-stories-3 .infographic-section h1, .data-stories-4 .infographic-section h1, .data-stories-5 .infographic-section h1 {
  letter-spacing: 3px;
  border-width: 4px 0;
  width: max-content;
  text-align: center;
  margin: -20px auto 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-backface-visibility: hidden;
  -webkit-animation: aitf 80s linear infinite;
  -moz-animation: aitf 80s linear infinite;
  -ms-animation: aitf 80s linear infinite;
  -o-animation: aitf 80s linear infinite;
  animation: aitf 80s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.data-stories .infographic-section-2 ul li {
  width: 25px;
  padding: 1.6px 2px;
}

.data-stories .infographic-section-1 ul li {
  width: 16px;
  padding: 5px 2px;
}

.data-stories .infographic-section-1 ul li, .data-stories .infographic-section-2 ul li {
  list-style: none;
  display: inline-block;
  border-bottom: none;
  border-right: none;
}

.data-stories .infographic-section-1 h3 {
  color: #ffffff;
}

.data-stories .infographic-section-1 ul li img {
  width: 100%;
}

.data-stories .infographic-section-2-right img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-top: 10px;
  width: 100px;
  border: 1px solid #edffd7;
  height: 100px;
  background: #edffd7;
}

.data-stories .infographic-section-2-right p {
  color: #edffd7;
}

.dashed-shadow {
  position: relative;
  display: inline-block;
  color: #ffffff;
  background: #8a925b;
  font-size: 55px;
  padding: 10px 0 2px 0;
  line-height: 55px;
  letter-spacing: 3px;
  font-weight: 800;
}

.dashed-shadow:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-image: -moz-linear-gradient(45deg, #8a925b 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #8a925b 37.5%, #8a925b 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #8a925b 87.5%);
  background-image: -webkit-linear-gradient(45deg, #8a925b 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #8a925b 37.5%, #8a925b 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #8a925b 87.5%);
  background-image: linear-gradient(45deg, #8a925b 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #8a925b 37.5%, #8a925b 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #8a925b 87.5%);
  background-size: 5px 5px;
  -webkit-animation: dash-animation 30s infinite linear;
  -moz-animation: dash-animation 30s infinite linear;
  -ms-animation: dash-animation 30s infinite linear;
  -o-animation: dash-animation 30s infinite linear;
  animation: dash-animation 30s infinite linear;
}

body.data-stories-2 {
  background: #6ac3e2 url(../../images/data-stories/bg-body-2.png);
}

.data-stories-2 .infographic-section-left {
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #1c84a9;
  background: rgba(15, 127, 167, 0.7215686275);
}

.data-stories-2 .infographic-section-left li {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid #297d9a;
}

.data-stories-2 .infographic-section-left li p {
  line-height: 18px;
}

.data-stories-2 .infographic-section-left li:last-child {
  border-bottom: none;
}

.data-stories-2 .infographic-section {
  bottom: 0;
  left: 0;
  background: rgba(0, 118, 160, 0.5490196078) url(../../images/data-stories/bg-2.jpg) repeat-x center top;
  right: 0;
  background-position: 0 20px;
  color: #ffffff;
}

.data-stories-2 .infographic-section-1 ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 2px;
  width: 16px;
  border-bottom: none;
}

.data-stories-2 .infographic-section-1 h3 {
  color: #ffffff;
}

.data-stories-2 .infographic-section-1 ul li img {
  width: 100%;
}

.data-stories-2 .sheading {
  color: #ffffff;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #087da7;
  margin: 0;
  width: 60%;
  margin: 0 auto;
}

.data-stories-2 .yield-div {
  background: url(../../images/data-stories/agriculture-wheat.png) no-repeat center;
  padding: 50px 0;
}

.yield ul li {
  width: 38px;
  display: inline-block;
  padding: 1.6px 0;
}

.yield ul li img {
  max-width: 100%;
}

.d2-arr-left {
  background: rgba(15, 127, 167, 0.7215686275);
  padding: 10px;
}

.d2-arr-left::before {
  width: 0;
  height: 0;
  content: "";
  left: -40px;
  top: 0;
  position: absolute;
  border-top: 45px solid transparent;
  border-right: 40px solid #1785ad;
  border-bottom: 45px solid transparent;
}

.d2-arr-left img {
  background: #0e799e;
  padding: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 70px;
  height: 70px;
}

.infographic-section-left .infographic-section-2 ul li {
  display: inline-block;
  width: 20px;
  padding: 1.6px 2px;
}

.d2-water-usage img {
  display: block;
  position: absolute;
  z-index: 1;
  width: 50px;
  top: 32px;
  left: -25px;
  opacity: 1;
  height: 50px;
  max-width: none;
}

.d2-water-usage h3 {
  margin-top: 0;
  text-align: center;
  line-height: 1;
}

.d2-water-usage h4 {
  margin-top: 35px;
}

.diamond-square {
  width: 0;
  height: 0;
  border: 62px solid transparent;
  border-bottom-color: rgba(16, 128, 167, 0.768627451);
  position: relative;
  top: -62px;
}

.diamond-square:after {
  content: "";
  position: absolute;
  left: -62px;
  top: 62px;
  width: 0;
  height: 0;
  border: 62px solid transparent;
  border-top-color: rgba(16, 128, 167, 0.768627451);
}

.trivandrum-map h4 {
  position: absolute;
  top: 33%;
  left: 48px;
  right: 0;
  letter-spacing: 3px;
  font-size: 30px;
  font-family: "Bebas Neue", cursive;
}

.trivandrum-map {
  border: 1px solid #2791b7;
  background: rgba(13, 127, 167, 0.3215686275);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 0;
}

.data-stories-2 .infographic-section h1 {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

body.data-stories-3 {
  background: #54b9c7 url(../../images/data-stories/bg-body-3.jpg);
  background-size: 6%;
}

.data-stories-3 .infographic-section-left {
  color: #ffffff;
  box-shadow: 0 0 10px #615e57;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #b7b5b0;
  background: rgba(154, 151, 145, 0.7215686275);
}

.data-stories-3 .infographic-section-left li {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid #bfbcb5;
}

.data-stories-3 .infographic-section-left li p {
  line-height: 18px;
}

.data-stories-3 .infographic-section-left li:last-child {
  border-bottom: none;
}

.data-stories-3 .infographic-section {
  bottom: 0;
  left: 0;
  background: url(../../images/data-stories/bg-3.jpg) repeat-x center top;
  right: 0;
  background-position: 0 20px;
}

.data-stories-3 .infographic-section-1 ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 2px;
  width: 16px;
  border-bottom: none;
}

.data-stories-3 .infographic-section-1 h3 {
  color: #ffffff;
}

.data-stories-3 .infographic-section-1 ul li img {
  width: 100%;
}

body.data-stories-4 {
  background: #54b9c7 url(../../images/data-stories/bg-body-4.jpg);
  background-size: 8%;
}

.data-stories-4 .infographic-section-left {
  color: #ffffff;
  box-shadow: 0 0 10px #4f6f6e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #99c7c7;
  background: rgba(110, 177, 174, 0.8);
}

.data-stories-4 .infographic-section-left li {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid #97c5c4;
}

.data-stories-4 .infographic-section-left li p {
  line-height: 18px;
}

.data-stories-4 .infographic-section-left li:last-child {
  border-bottom: none;
}

.data-stories-4 .infographic-section {
  bottom: 0;
  left: 0;
  background: url(../../images/data-stories/bg-4.jpg) no-repeat center top;
  right: 0;
  background-size: contain;
  background-position: 0 0;
}

.data-stories-4 .infographic-section-1 ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 2px;
  width: 16px;
  border-bottom: none;
}

.data-stories-4 .infographic-section-1 h3 {
  color: #ffffff;
}

.data-stories-4 .infographic-section-1 ul li img {
  width: 100%;
}

body.data-stories-5 {
  background: #073661 url(../../images/data-stories/bg-body-5.png);
  background-size: 2%;
}

.data-stories-5 .infographic-section-left {
  color: #ffffff;
  box-shadow: 0 0 10px #071729;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #153d67;
  background: rgba(8, 52, 95, 0.6196078431);
}

.data-stories-5 .infographic-section-left li {
  padding: 15px;
  display: flex;
  border-bottom: 1px solid #153d67;
}

.data-stories-5 .infographic-section-left li p {
  line-height: 18px;
}

.data-stories-5 .infographic-section-left li:last-child {
  border-bottom: none;
}

.data-stories-5 .infographic-section {
  bottom: 0;
  left: 0;
  background: url(../../images/data-stories/bg-5.jpg) repeat-x center top;
  right: 0;
  background-position: 0 36px;
}

.data-stories-5 .infographic-section-1 ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 2px;
  width: 16px;
  border-bottom: none;
}

.data-stories-5 .infographic-section-1 h3 {
  color: #ffffff;
}

.data-stories-5 .infographic-section-1 ul li img {
  width: 100%;
}

.csr-135-table tr th {
  color: #ffffff;
  background: #3e9ddb;
}

/*# sourceMappingURL=dataStories.css.map */