/* TATA CUSTOM CSS - WEBSITE DEVELOPED BY MATTHUW MCENERY */
html{scroll-behavior: smooth;}
p, h1, h2, h3, h4, h5, h6{
  font-weight: normal;
}
li#field_9_11 .gfield_label {
  display: none;
}
.d-relative{position: relative;}
.blue{
  color: #36497E!important;
}
.lblue{
  color: #307FE2!important;
}
.white{
  color: #fff!important;
}
.grey{
  color: #707070!important;
}
.gold{
  color: #E2A330!important;
}
.bold{
  font-weight: 900 !important;
}
hr.gold {
  border-top: 2px solid #E2A330;
}
hr.blue {
  border: 1px solid #36497E;
}
.text-underline{
  text-decoration: underline;
}
.text-sm-center{
  text-align: center;
}
.blue-triangle:before{
  content: url(../../assets/images/blue-triangle.svg);
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 1;
  transform: rotate(90deg);
}

a {color:#707070;text-decoration:none;font-weight:400}
a:hover {color:#36497E;text-decoration:none;font-weight:400}
.ssba-classic-2.ssba.ssbp-wrap.left.ssbp--theme-1 {
  border-top: 1px solid #707070;
  padding-top: 10px;
}
a.nav-link.searchBoxIcon {
  padding: 1.5rem 2.2rem;
  cursor: pointer;
}
li.nav-item.navText.padTop5.nav-sa {
  padding: 2.5rem 1.3rem 0rem;
  line-height: 20px;
  position: relative;
  display: block;
  /* background: #486AAE; */
  color: #fff;
  font-size: 1.55rem;
  font-weight: bold;
}
.job-info a {
  color: #36497E;
  text-decoration: none;
  /* font-weight: 400; */
}
.modal {
  text-align: center;
  padding: 0!important;
  z-index: 99999999;

}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;

}
.modal-header{
  padding: 0;
  border:none;
}
.modal-content{
  border-bottom: 15px solid #36497E;
  border-radius: 0;
}
.modal-body{
  padding-top: 0;
}
.modal-body p{
  min-height: auto;
}
button.close {
  background: #307FE2;
  opacity: 1;
  color: #fff;
  font-family: none;
  padding: 0px 10px;
  font-size: 46px
}
.gform_wrapper a {
  color: #36497E;
  font-weight: bold;
  text-decoration: none;
}
.gform_wrapper label {
  display: inline;
}
.gform_wrapper input[type=checkbox] {
  margin-right: 1rem;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 100% !important;
}
#gform_submit_button_2, 
#gform_submit_button_3, 
#gform_submit_button_4,
#gform_submit_button_5,
#gform_submit_button_6,
#gform_submit_button_8,
#gform_submit_button_9,
#gform_submit_button_10,
#gform_submit_button_11,
#gform_submit_button_12,
#gform_submit_button_13,
#gform_submit_button_14
{
  color: #fff;
  background-color: #e2a330;
  border-radius: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  position: relative;
  color: #fff;
  border: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-transform: uppercase;
}
#gform_submit_button_2:before, 
#gform_submit_button_3:before, 
#gform_submit_button_4:before,
#gform_submit_button_5:before,
#gform_submit_button_6:before,
#gform_submit_button_8:before,
#gform_submit_button_9:before,
#gform_submit_button_10:before,
#gform_submit_button_11:before,
#gform_submit_button_12:before,
#gform_submit_button_13:before,
#gform_submit_button_14:before
{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transform: scale(0.5,1);
  transform: scale(0.5,1);
  background-color: rgba(0,0,0,0.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#gform_submit_button_2:hover:before, 
#gform_submit_button_3:hover:before, 
#gform_submit_button_4:hover:before,
#gform_submit_button_5:hover:before,
#gform_submit_button_6:hover:before,
#gform_submit_button_8:hover:before,
#gform_submit_button_9:hover:before,
#gform_submit_button_10:hover:before,
#gform_submit_button_11:hover:before,
#gform_submit_button_12:hover:before,
#gform_submit_button_13:hover:before,
#gform_submit_button_14:hover:before {
    opacity: 1;
    -moz-transform: scale(1,1) !important;
    -ms-transform: scale(1,1) !important;
    -webkit-transform: scale(1,1) !important;
    transform: scale(1,1) !important;
}

button{
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none
}
/* #gform_submit_button_2:after{ content: "";
  height: 30px;
  width: 30px;
  background: url(../../assets/images/arrow_icon_white.svg) no-repeat;
  position: absolute;
  margin-left: -10px;
  background-size: 21px;
  margin-top: 6px;
  } */
 
.mx-auto {
  margin-left: auto!important;
  margin-right: auto!important;
  float: none;
}
.works-at-tata .row.headingP {
  display: -ms-flexbox;
  display: block;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row.align-items-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
/* .row.align-items-center {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
} */
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
}
.holdingsCarouselDefault{position:absolute;width:100%;height:auto;top:0}
.holdingsCarouselDefault>.innerCarousel>.carItem,.holdingsCarouselDefault>.innerCarousel{height:326px}
.holdingsCarouselDefault>.innerCarousel>.carItem>picture>img{display:block;margin:0 auto;width:100%;height:100%;object-fit:cover;font-family:'object-fit: cover'}
.holdingsCarouselDefault{width:auto;position:relative}
.holdingsCarouselDefault>.carousel-inner>.Indicators{position:relative}
.bannerSectionDefault {
  background: #000;
  height: auto;
  min-height: 326px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.heroCarousel>.innerCarousel>.carItem:nth-child(2)>picture>img,
.heroCarousel>.innerCarousel>.carItem:nth-child(3)>picture>img,
.heroCarousel>.innerCarousel>.carItem:nth-child(4)>picture>img,
.heroCarousel>.innerCarousel>.carItem:nth-child(5)>picture>img
 {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-position: right;
  object-fit: cover;
  font-family: "object-fit: cover";
  object-position: right;
}
/* .font-italic {
  font-style: italic!important;
} */
/* .holdingsCarousel>.innerCarousel>.carItem, .holdingsCarousel>.innerCarousel.custom {
  height: auto;
}
.default-banner.bannerSection .holdingsCarousel {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
}
.default-banner.bannerSection {
  background: #000;
  height: auto;
  min-height: 600px;
  overflow: hidden;
  position: relative;
  width: 100%;
} */


.lbluebg, section.lbluebg {
  background-color: #307FE2 !important;
  color: #fff;
  position: relative;
}
.clearbg, section.clearbg {
    background-color: #fff !important;
    position: relative;
}
.bluebg, section.bluebg {
    background-color: #36497E !important;
    overflow: hidden;
}
.greybg, section.greybg {
  background-color: #F5F5F5 !important;
  overflow: hidden;
}
.dgreybg, section.dgreybg {
  background-color: #ECECEC !important;
  overflow: hidden;
}
.greybg p, section.greybg p {line-height: 24px;}
.tataBlocks.lbluebg{
  position:relative;
  background-color: #307FE2;
  color: #fff;
}
.tataBlocks.dbluebg{
  position:relative;
  background-color: #0060AF;
  color: #fff;
}
.tataBlocks.dbluebg#tgp-img-wrapper picture:first-child {margin-bottom: 8rem;}
.heading{
    /* font-style:italic; */
    font-weight: normal;
    color:#36497E;
    font-size: 4.5rem;
}
.subheading{
  /* font-style:italic; */
  font-weight: normal;
  color:#464646;
  font-size: 4.5rem;
}
.second-heading{
    font-style:normal;
    font-weight: normal;
    color:#464646;
    font-size:2rem;
}
.ContentSectionImg{
    margin:5rem 0 5rem 0;
    padding-top: 5rem;
}

.ContentSectionMain{
    padding-top:8rem;
    padding-bottom:5rem;
}
.ContentSection{
    padding-top:4rem;
    padding-bottom:5rem;
}
.cta .ContentSectionMain {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.cta-block {
    background-color: #24376C;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 30px 8px;
    text-align: center;
    line-height: 0;
    font-size: 1.3rem;
}
.cta-block img{margin-right: 8px;}
.cta-block:after {
    content: "";
    background: url("../../assets/images/cta-next-icon.png") no-repeat center center;
    width: 10px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}
#home-actionblock .col-lg-3 .cta-block:after {margin-top: -5px;}
.cta-block:after {margin-top: -5px;}
.cta-block-text {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.cta-block-text h2 {
  font-size: 4rem;
  font-weight: bold;
}
.cta-block-blue {
  background-color: #24376C;

  font-weight: bold;
  /* text-align: center; */
}
.cta-block-blue h2 {
  font-size: 4rem;
  font-weight: bold;
}

.subheading{
  /* font-style:italic; */
  color:#464646;
  font-size: 4.5rem;
}
.divider {
  background-color: #36497E;
  height: 1px;
  position: relative;
  margin: 45px 0;
}
.divider:before {
  content: " ";
  width: 100px;
  height: 8px;
  bottom: 0;
  position: absolute;
  background-color: #36497E;
}
hr.tata-line{
  border: 2px solid #36497E;
}
hr.tata-line:before{
  content: " ";
  width: 100px;
  height: 5px;
  position: absolute;
  border: 2px solid #36497E;
}

/* ACCORDION */
#accordionExample {
  margin-top: 20px;
}
.accordion .card-head {
  box-shadow: 0 0 8px 0 rgba(177,177,177,0.8);
  border: 1px solid #6A6A6A;
  padding: 0 15px 15px;
}

.accordion .card {
  border: none;
  margin-bottom: 20px;
}
.accordion .card h2 {
  background: url(../../assets/images/accordion-down.svg) no-repeat right center;
  background-size: contain;
  cursor: pointer;
  font-size: 18px;
}
.accordion .card h2.collapsed {
  background-image: url(../../assets/images/accordion-up.svg);
}
.accordion .card-body {
  padding:15px;
}
/* END ACCORDION */
/* HOME TRUCK SLIDER */
.home-slider-bg{
    background: url("../../assets/images/home-slider-bg.png") no-repeat center center;
    background-size: cover;
}
.owl-carousel .owl-item img {
  display: block;
  width: auto;
}
.owl-item .simButton img {
  display: inline-block;
  width: auto;
}
.owl-item img.readMArrow {
  float:right;
  display: inline-block;
  width: auto;
}
.owl-item .bannerHeading  {
  text-align: left;
}
.owl-item .bannerHeading h1{
  font-weight:bold;
  padding:.6rem 1rem;
  font-size:4.5rem;
  line-height:5rem;
  color:#307FE2;
  margin-top:1rem
}
.owl-item .bannerHeading>span {
  display: inline-block;
  padding: .6rem 1rem;
  margin-bottom:15px;
  color: #fff;
  background-color: #307FE2;
  font-style: normal;
  font-weight: bold;
  font-size: 2.7rem;
}

.owl-item .heroDescript{
  color:#3D464F;
  padding:.6rem 1rem .6rem 0rem;
  max-width:41rem;
  position:relative;
  line-height: 24px;
  margin-top:2rem
}

.home-slider-bg a.slider-links {
  background-color: #36497E;
  margin-bottom: 5px;
  display: block;
  padding: 10px 15px;
}

  .slider-counter {
    background-color: #727272;
    text-align: center;
    padding: 10px;
    width: 165px;
    color: #fff;
    margin: 0 auto;
}
.owl-carousel.owl-loaded{
  display: inline-block;
  height: auto;
}
.owl-nav {
  position: relative;
}
 
.owl-next {
  position: absolute;
  right: 30%;
  top: 43px;
  cursor: pointer;
}
.owl-prev {
  position: absolute;
  left: 30%;
  top: 43px;
  cursor: pointer;
}
.footer-copy {
  color: #666;
  background-color: #36497E;
  display: block;
}
.footer-copy span{
  display: block;
}
@media(min-width:425px){
  .owl-next {
    right: 33%;
  }
  .owl-prev {
    left: 33%;
  } 
}

@media(min-width:768px){
  .owl-next {
    right: 41%;
  }
  .owl-prev {
    left: 41%;
  }
}
@media(min-width:992px){
  .owl-next {
    right: 45%;
  }
  .owl-prev {
    left: 45%;
  }
}


.info {
  text-align: center;
  margin-top: 110px;
}
/* END HOME TRUCK SLIDER */


/* SUB PAGES CSS */
.sectionContent{
  background-color: rgba(0,0,0,0.5490196078431373);
  padding: 15px 20px 30px 20px;
  max-width:50rem !important;
}
.heroHeadline.sub-pages .bannerHeading>h1{
  max-width: 425px;
}
.heroHeadline.sub-pages>.sectionContent {
  background-color: rgba(0,0,0,0.5490196078431373);
  padding: 15px 20px 30px 20px;
  max-width:50rem !important;
}

.floating-img-l{
  position: absolute;
  left: 0;
  top: 25%;
  /* z-index: 999; */
  width: 21%;
}
.floating-img-r{
  position: absolute;
  right: 0;
  top: 28%;
  /* z-index: 999; */
  width: 21%;
}
.advertising-cta{
  background-color: #fff;
  margin-top: 140px;
}
.advertising-cta .ctaHeading, .promotions-cta .ctaHeading{
  position: relative;
  margin-top: -140px;
  /* padding: 1.2rem 1.5rem; */
  color: #fff; 
}
.advertising-cta .ctaHeading>h1 {
  display: inline-block;
  padding: 1.2rem 1rem;
  margin-bottom: 5px;
  background-color: #307FE2;
  font-style: normal;
  font-weight: bold;
  font-size: 2.7rem;
}
.advertising-cta .ctaHeading>h2 {
  display: inline-block;
  padding: 1.2rem 1rem;
  margin: 0;
  background-color: #36497E;
  font-style: normal;
  font-size: 2.3rem;
}
.terms-block {
  position: relative;
}
.terms-block .content  {
  position: absolute;
  bottom: 47px;
  right: 19%;
  color: #fff;
}
/* PROMOTIONS PAGE STYLING */
/* .promotions-cta {
  background-color: #161226;
  padding: 140px 0;
  color: #fff;
}
.promotions-cta .ctaHeading {
  padding: 1.2rem 1.5rem;
  color: #161226;
  background-color: #fff;
  display: inline-block;
}
.promotions-cta .ctaHeading>h1 {
  font-weight: bold;
} */
.promotions-cta{
  background-color: #fff;
  margin-top: 180px;
}
 
.promotions-cta .ctaHeading>h1 {
  display: inline-block;
  padding: 1.2rem 1rem;
  margin-bottom: 5px;
  margin-top: 3px;
  background-color: #307FE2;
  font-style: normal;
  font-weight: bold;
  font-size: 2.7rem;
}
.promotions-cta .ctaHeading>h2 {
  display: inline-block;
  padding: 1.2rem 1rem;
  margin: 0;
  background-color: #36497E;
  font-style: normal;
  font-weight: bold;
  font-size: 2.3rem;
}
.promotions-cta .ctaHeading>h1.dgrey-bg{
  background-color: #505050; 
}

/* PROMOTIONS PAGE STYLING */

@media(min-width:425px){
 
}

@media(min-width:768px){
  .advertising-cta, .promotions-cta{
    margin-top: 80px;
  }
  .promotions-cta.middle{
    margin-top: 115px;
  }
  .advertising-cta .ctaHeading, .promotions-cta .ctaHeading {
    margin-top: -39px;
  }
  .advertising-cta .ctaHeading, .promotions-cta .ctaHeading{
    position: absolute;
    z-index: 9;
  }
}
@media(min-width:992px){
 
}
.productTables ol li {line-height: 24px;}

/* ul.ad-list {
  list-style-image: url('../../assets/images/ad-bullet-list-icon.png');
  font-size: 20px;
} */
/* .ad-list li:before {
  content:  url('../../assets/images/ad-bullet-list-icon.png');
  display:  inline-block;
  vertical-align:  middle;
  margin-right: 0.5em;
} */

.ad-list li {
  background-image: url(../../assets/images/blue-tick.png);
  background-repeat: no-repeat;
  line-height: 26px !important;
  padding-left: 40px;
  color: #36497E;
}

ul.ad-list, .ad-list.multi {
  list-style: none;
  font-size: 19px;
  padding-left: 0;
}
.ad-list.multi li {
  background-image: url(../../assets/images/blue-tick.png);
  background-repeat: no-repeat;
  line-height: 26px;
  padding-top: 6px;
  padding-left: 40px;
  color: #36497E;
}

.about-middle-cta{
  background: url("../../assets/images/our-journey-fullbg-img.jpg") no-repeat center center;
  background-size: cover;
  padding: 140px 0;
}
.about-bottom-cta{
  background: url("../../assets/images/about-bottom-img.jpg") no-repeat center center;
  background-size: cover;
  padding: 140px 0;
}
.careers-bottom-cta{
  background: url("../../assets/images/careers-bottom-img.jpg") no-repeat center center;
  background-size: cover;
  padding: 140px 0;
}
.news-bottom-cta{
  background: url("../../assets/images/news-bottom-img.jpg") no-repeat center center;
  background-size: cover;
  padding: 100px 0; 
}
 
.vacancies-bg{
  background: url("../../assets/images/vacancies-bg.png") no-repeat center center;
  background-size: cover;
  padding: 65px 0;
}
.vacancies .heading{
  font-style: italic;
  font-weight: bold;
}

.leadership-block {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  color: #000;
  box-shadow: 0px 0px 8px 0px rgba(177,177,177,0.8);
  padding: 35px 20px 13px;
}
.leader-title {
  min-height: 56px;
}

.keycontacts-block {
  width: 100%;
  min-height: 200px;
  display: inline-block;
  background-color: #fff;
  color: #000;
  box-shadow: 0px 0px 8px 0px rgba(177,177,177,0.8);
  padding: 35px 20px 35px;
}
.keycontacts-block i.fa-phone {transform: rotate(90deg);}
.grey-block {
  width: 100%;
  display: inline-block;
  background-color: #f0f0f0;
  color: #000;
  box-shadow: 0px 0px 8px 0px rgba(177,177,177,0.8);
  padding: 35px 20px 35px;
  line-height: 24px;
}
.grey-block p {line-height: 24px;}
#afcl-our-vision {
  height: auto;
  padding: 0px;
}
#afcl-our-vision .row {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin: 0;
}
#afcl-our-vision p {line-height: 24px}

.tataBlocks{
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
  padding: 20px 25px 20px;
  position: relative;
  background-color: #fff;
  height: 30rem;
  box-shadow: 0px 0px 8px 0px rgba(177,177,177,0.8);
}
.tataBlocks.top{
  display: flex;
  /* align-items: center; */
  justify-content: start;
  flex-direction: column;
  padding: 20px 25px 20px;
  position: relative;
  background-color: #fff;
  height: 30rem;
  box-shadow: 0px 0px 8px 0px rgba(177,177,177,0.8);
}
.tataBlocksWrapper{
  position: relative;
  /* background-color: #fff; */
  display: inline-block;
  box-shadow: 0 0 8px 0 rgba(177,177,177,0.8);
  padding: 0;
}
.tataBlocksIn{
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
  padding: 20px 25px 20px;
  position: relative;
  /* background-color: #fff; */
  height: 30rem;
}
.tataBlocksIn.customHeightBlock.large{
  justify-content: normal;
}
.customHeightBlock{
  height: auto;
} 
.customXLHeightBlock{
  height: auto;
}
.tataBlocksImg picture{
  height: 28.6rem;
}
.tataBlocksContent {
  position: relative;
  line-height: 24px;
}
.homeCareers .tataBlocksContent .bannerBorder {
    height: 90%;
    bottom: auto;
    top: 0.2rem;
}
.tataBlocks h4.storyHeading,
.tataBlocksIn h4.storyHeading {
  font-weight: bold;
}
.bg{display:block;margin:0 auto;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"}
.tataBlocks.dbluebg .bg{
  height:100%;
}
.tataBlocks.dbluebg {
  height: 100%;
}

/* Numbered lists like 1, 1.1, 2.2.1... */
ol li {display:block;} /* hide original list counter */
ol > li:first-child {counter-reset: item;} /* reset counter */
ol > li {counter-increment: item; position: relative;} /* increment counter */
ol > li:before {content:counters(item, ".") ". "; position: absolute; margin-right: 100%; right: 10px;} /* print counter */

@media(min-width:768px){
  .tataBlocks{
    height: 35.6rem;
  }
  .tataBlocksIn{
    height: 36.6rem;
  } 
  .customHeightBlock.large{
    height: auto;
  }
  .customHeightBlock{
    height: 35.6rem;
  } 
  .ourjourneychblock .customHeightBlock{
    height: 44.6rem;
  } 
  .customXLHeightBlock{
    height: 42.6rem;
  }
  .tataBlocks.dbluebg {
    /*height: 35.6rem;*/
    height: auto;
  }
  .bg{height:35.6rem;}
  .modal-body p{
    min-height: 80px;
  }
  #afcl-presence .customXLHeightBlock {height: 45.6rem;}
}

@media(min-width:1024px){
  .tataBlocks{
    height: 37.3rem;
  }
  .tataBlocksIn{
    height: 38.3rem;
  }
  .customHeightBlock.large{
    height: 69rem;
  }
  .customHeightBlock{
    height: auto;
  } 
  .ourjourneychblock .customHeightBlock{
    height: 43.8rem;
  } 
  .customXLHeightBlock{
    height: 38.6rem;
  }
  .tataBlocks.dbluebg {
    /*height: 75.2rem;*/
    height: 69rem;
  }
  #afcl-presence .customXLHeightBlock {height: 45.6rem;}
  .tataBlocksImg picture{
    height: auto;
  }
  .bg{height:100%;}

 
  /* li.nav-item.navText.padTop5.nav-sa {
    background: #000;
  } */
}


@media(min-width:1400px){
  
  .tataBlocks{
    height: 35.6rem;
  }
  .tataBlocksIn{
    height: 37.6rem;
  }
  .customHeightBlock.large{
    /*height: 57rem;*/
    height: 69rem;
  } 
  .customHeightBlock{
    height: 38.6rem;
  } 
  .ourjourneychblock .customHeightBlock{
    height: 41.6rem;
  } 
  .customXLHeightBlock{
    height: 45.6rem;
  }
  .tataBlocks.dbluebg {
    /*height: 57rem;*/
    height: 69rem;
  }
  .bg{height:100%;}

}



.tataContent{
  position:relative;
  background-color:#fff;
  padding: 20px 25px 20px;
  /* height:36.2rem; */
  box-shadow:0 0 8px 0 rgba(177,177,177,0.8)
}
.tataContent h4.storyHeading{
  /* max-width:25rem; */
  font-weight:700;
  font-style:bold;
  color:#6A6A6A;
  /* font-size:2rem; */
  line-height:2.4rem;
  /* margin:0 0 2rem 6rem */
}
.tataContent .storyContent {
  position: relative;
  /* margin: 2rem 3rem 0 6rem; */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0)
}
/*.tataContent .bannerBorder {
  border-left: .1rem solid #e2a330;
  height: 40%;
  position: absolute;
  opacity: 0;
  min-height: 30%;
  top: .5rem;
  -webkit-animation: borderLine ease-in 1 forwards;
  -ms-animation: borderLine ease-in 1 forwards;
  -o-animation: borderLine ease-in 1 forwards;
  -moz-animation: borderLine ease-in 1 forwards;
  animation: borderLine ease-in 1 forwards;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}*/
.bannerBorderFull {
  border-left: .1rem solid #e2a330;
  height: 100%;
  position: absolute;
  opacity: 0;
  min-height: 30%;
  top: .5rem;
  -webkit-animation: borderLine ease-in 1 forwards;
  -ms-animation: borderLine ease-in 1 forwards;
  -o-animation: borderLine ease-in 1 forwards;
  -moz-animation: borderLine ease-in 1 forwards;
  animation: borderLine ease-in 1 forwards;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.tataContent .bannerBorderCustom {
  border-left: .5rem solid #e2a330;
  height: 100%;
  position: absolute;
  opacity: 0;
  min-height: 30%;
  top: .5rem;
  -webkit-animation: borderLine ease-in 1 forwards;
  -ms-animation: borderLine ease-in 1 forwards;
  -o-animation: borderLine ease-in 1 forwards;
  -moz-animation: borderLine ease-in 1 forwards;
  animation: borderLine ease-in 1 forwards;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.tataContent img.arrow{z-index:initial !important}
.tataContent img.arrow{z-index:10;position:absolute;bottom:0;right:25px;bottom:25px}
img.arrow{z-index:10;position:absolute;bottom:0;right:25px;bottom:25px}
.storyContentRecent{
  padding: 20px 25px 20px;
}

/* BLUE BLOCK CSS WHITE TEXT */
.tataContent.lbluebg{
  position:relative;
  background-color: #307FE2;
  color: #fff;
  padding: 20px 25px 20px;
  min-height: 14rem;
  box-shadow:0 0 8px 0 rgba(177,177,177,0.8);
}
.tataContent.lbluebg h4.storyHeading{
  /* max-width:25rem; */
  font-weight:700;
  font-style:bold;
  color:#fff;
  /* font-size:2rem; */
  line-height:2.4rem;
  /* margin:0 0 2rem 6rem */
}
/* END BLUE BLOCK CSS WHITE TEXT */

/* YELLOW BLOCK CSS WHITE TEXT */
.tataContent.yellowbg{
  position:relative;
  overflow:hidden;
  background-color: #E2A330;
  color: #fff;
  padding: 20px 25px 20px;
  min-height: 14rem;
  box-shadow:0 0 8px 0 rgba(177,177,177,0.8);
}
.tataContent.yellowbg h3.storyHeading{
  /* max-width:25rem; */
  font-style:normal;
  color:#36497E;
  /* font-size:2rem; */
  line-height:2.4rem;
  /* margin:0 0 2rem 6rem */
}
.tataContent.yellowbg .tatacare-wrapper {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
/* END YELLOW BLOCK CSS WHITE TEXT */

#news-page .tataContent h4{
  min-height: auto;
}
/* #news-page .storyContent p{
    min-height: 132px;
} */
.lbluebg.tataContent h4{
  min-height: auto;
}
.tataContent h4{
  min-height: auto;
}
#testimonials-slider .shadow-box {
  box-shadow:0 0 8px 0 rgba(177,177,177,0.8);
  margin: 6px;
}
.shadow-box {
  box-shadow:0 0 8px 0 rgba(177,177,177,0.8);
  margin: 6px;
}
.box-shadow {
  box-shadow:0 0 8px 0 rgba(177,177,177,0.8);
}
blockquote {
  border-left: 5px solid #FEBA12;
  margin: 0 0 16px 0;
  margin: 0 0 1rem 0;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-size: 1em;
  line-height: 24px;
}
#testimonials-slider blockquote {
  position: relative;
  margin: 55px 17px;
  border-left: 0;
}
#testimonials-slider blockquote {
  position: relative;
  margin: 55px 17px;
}
#testimonials-slider blockquote .storyContent{
  position:relative;
}
#testimonials-slider blockquote:before {
  font-family: Georgia, serif;
  font-weight: bolder;
  position: absolute;
  left: -19px;
  top: -41px;
  color: #FEBA12;
  content: "“";
  font-size: 45px;
  font-style: normal;
  line-height: 1;
  z-index: 9;
}
#testimonials-slider blockquote:after {
  font-family: Georgia, serif;
  font-weight: bolder;   
  position: absolute;
  bottom: 31px;
  right: 0;
  color: #FEBA12;
  content: "”";
  font-size: 45px;
  font-style: normal;
  line-height: 1;
  z-index: 9;
}
.ymlSalt .belowContent:before {
  position: absolute;
  top: -14px;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin-left: 22px;
}



@media(min-width:425px){
  .footer-copy span{
    display: initial;
  }
}

@media(min-width:768px){
  .tataContent{
    padding: 35px 45px 35px;
  }
  .storyContentRecent{
    padding: 35px 45px 35px;
  }
  /* #news-page .storyContent p{
    min-height: 65px;
  } */
  .tataContent.lbluebg{
    min-height: 18rem;
  }
  .ymlSalt .belowContent:before {
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    left: -50px;
    top: 25px;
    width: 0;
    z-index: 2;
  }
  .text-sm-center{
    text-align: left;
  }
}
@media(min-width:980px){
  .blue-triangle:before{
    content: url(../../assets/images/blue-triangle.svg);
    position: absolute;
    top: 20px;
    left: 0;
    z-index:1;
    transform: rotate(0deg);
  }
}
@media(min-width:1024px){
  #news-page .tataContent h4{
    min-height: 150px;
  }
  /* #news-page .storyContent p{
    min-height: 132px;
  } */
  .tataContent h4{
    min-height: 48px;
  }
  #testimonials-slider blockquote {
    position: relative;
    margin: 20px 45px;
  }
  #testimonials-slider blockquote:before {
    left: -31px;
    top: -50px;
  }
  #testimonials-slider blockquote:after {
    right: -16px;
  }
  .tataContent.lbluebg{
    min-height: 21rem;
  }
  .ymlSalt .belowContent:before {
    position: absolute;
    top: -14px;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    margin-left: 22px;
  }
}
@media(min-width:1200px){
  #news-page .tataContent h4{
    min-height: 150px;
  }
  .tataContent.lbluebg{
    min-height: 18.4rem;
  }
}

/* END SUB PAGES CSS */

/* SPACING CSS */
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:2.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:2.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:5rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:5rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}@media (max-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:3.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}}
 
/* END SPACING CSS */

.news-blocks {
  position: relative;
  overflow: hidden;
}
.news-content-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 10px 10px 0px;
  width: 100%;
  height: auto;
  background-color: rgba(0,0,0,0.6);
  /* background: url("../../assets/images/news-overlay-bg.svg") no-repeat center center; */
  background-size: cover;
}
.news-blocks p {
  min-height: 52px;
}
/*.moreconArrow::after{
  content: url('../../assets/images/blue-block-arrow-icon.svg');
  position: absolute;
  right: 0;
  bottom: 0;
  height: 32px;
}*/
.news-blocks::after{
  content: url('../../assets/images/blue-block-arrow-icon.svg');
  position: absolute;
  right: 0;
  bottom: 0;
  height: 32px;
}
/* .news-readmore{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
} */
/* .news-content-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 10px;
  width: 100%;
  height: auto;
  background-attachment: fixed;
  background-color: rgba(0,0,0,0.6);
} */
.breakdown-contact-wrap .pull-left {
  width: 8.5%;
  padding: 0.8rem 0.2rem;
}
.breakdown-contact-wrap .pull-right {
  width: 91.5%;
  padding-left: 1rem;
}

@media(min-width:576px) and (max-width:767px){
  .heading{
      font-size: 4rem;
  }
  
}

@media(min-width:768px) and (max-width:991px){
  .heading{
      font-size: 4rem;
  }
  .floating-img-l {
    top: 17%;
    /* z-index: 999; */
    width: 21%;
  }
  .floating-img-r {
    top: 19%;
    /* z-index: 999; */
    width: 21%;
  }
}
@media(min-width:992px) and (max-width:1199px){
  .floating-img-l{
    top: 22%;
    /* z-index: 999; */
    width: 17%;
  }
  .floating-img-r{
    top: 25%;
    /* z-index: 999; */
    width: 17%;
  }

}
@media(min-width:1200px) and (max-width:1439px){
  .floating-img-l{
    top: 22%;
    /* z-index: 999; */
    width: 17%;
  }
  .floating-img-r{
    top: 25%;
    /* z-index: 999; */
    width: 17%;
  }
}
@media(max-width:1200px) {
  .breakdown-contact-wrap .pull-right h3{font-size: 18px;}
  .breakdown-contact-wrap .pull-left {padding: 0.6rem 0.1rem 0.2rem;}
  .tataBlocks.dbluebg#tgp-img-wrapper picture:first-child {margin-bottom: 0rem;}
}
@media(min-width:1440px) and (max-width:1899px){

}
@media(min-width:1900px) and (max-width:2300px){

}
@media(min-width:2301px){
  .floating-img-l{
    top: 22%;
    /* z-index: 999; */
    width: 12%;
  }
  .floating-img-r{
    top: 25%;
    /* z-index: 999; */
    width: 12%;
  }
}
@media screen and (min-width:2000px){
    .ContentSectionImg{
        margin:7rem 0 !important;
        padding-top: 0rem;
    }
}
@media(max-width:575px){
    .display-sm-block {
        display: block !important;
    }
    #ourcsr-frb .tataBlocksIn {height: auto;}
    .display-sm-flex-wrap {
      flex-wrap: wrap;
    }
    .heading{
        font-size: 3.8rem;
    }
    .ContentSectionImg{
        margin:7rem 0 !important;
        padding-top: 0rem;
    }
    .ContentSectionMain{
        padding-top:5rem;
        /*padding-bottom:3rem;*/
    }
    #afcl-our-vision {padding: 20px 5px;}
    #afcl-our-vision .row {flex-wrap: wrap;}
    #afcl-our-vision .row .pl-0 {padding-left: 15px !important}
    
    .cta .ContentSectionMain {
      padding-top: 3rem;
      padding-bottom: 3rem;
  }
  .heroHeadline.sub-pages>.sectionContent {
    max-width:100%!important;
  }
  .about-middle-cta{
    padding: 80px 0 60px;
  }
  .about-bottom-cta{
    padding: 80px 0 60px;
  }
  .careers-bottom-cta{
    padding: 80px 0 60px;
  }
  .news-bottom-cta{
    padding: 80px 0 60px;
  }
   
  .vacancies-bg{
    padding: 80px 0 60px;
  }
  .breakdown-contact-wrap .pull-right h3, .breakdown-contact h3 {font-size: 2.2rem}
  #ourjourney-blocks .tataBlocksIn, #ourjourney-blocks .tataBlocks,
  #spareparts .tataBlocksIn, #csrblocks .tataBlocks {height: auto;}
  #csricons-blocks .col-md-4.col-sm-4 .cta-block-text {margin-bottom: 3rem;}
  #csricons-blocks .col-md-4.col-sm-4:last-child .cta-block-text {margin-bottom: 0rem;}
}

@media only screen and (min-device-width:414px) and (max-device-width:736px){

}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape){

}
@media only screen and (min-device-width:412px) and (max-device-width:732px){

}
@media only screen and (min-device-width:412px) and (max-device-width:732px) and (orientation:landscape){

}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){

}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){

}
@media screen and (min-width:2000px){
     
}

.ContentSectionMain p, .ContentSection p, .ContentSectionMain li{line-height: 24px}
.owl-item .bannerHeading .btn{padding: 8px 12px; text-align: center;}
.owl-item .bannerHeading .readMArrow {
    margin-left: 5px;
    margin-top: 3px;
}
.plus-counter {font-size: 40px; font-weight: bold;color: #307fe2;}
.minusMar{margin-top: -8rem;}
.bluebtn .readMArrow{margin-top: -3px;}
.footer-bottom .minusmAr {margin-top: 0px;}
li.nav-item.navText.padTop5.nav-sa {
    padding: 2.3rem 1.3rem 0rem;}
.minusmAr{margin-top: -50px}
.minusmAr .hidden-xs{margin-top: -8px;}
.minusmAr .hidden-xs:first-child{margin-top: initial!important;}
.blockdescri{font-size: 13px;
    margin-bottom: 0; line-height: 20px!important;}
.news-blocks .blockdescri {
    padding-right: 2rem;
}
  .blocktitle{font-size: 14px;}
.twitterContent .bannerBorder{border-left: 0.1rem solid #fff;
    height: 94%;
    position: absolute;
    opacity: 0;
    left: -10px;
    min-height: 106%;
    top: 0rem;}
/*.footer .col-lg-5 {
    width: 35.666667%;
}
.footer .col-lg-3{
    width: 33%;
}*/
#store-locator-section-bg {padding-bottom: 0 !important;}