.textPrimary {
  color: #0a0a5f;
}

p {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.date {
  display: block;
  color: #919191;
  font-size: 14px;
  font-weight: 500;
  height: auto;
  margin-bottom: 8px;
}

.mainTitle {
  font-size: 30px;
}
@media (min-width: 1200px) {
  .mainTitle {
    font-size: 40px;
  }
}

.sectionpara {
  font-size: 18px;
}
@media (min-width: 1200px) {
  .sectionpara {
    font-size: 24px;
  }
}

.smallTitle {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.custom-btn {
  display: inline-flex;
  height: 50px;
  padding: 13px 34px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background-color: #0a0a5f;
  border: 2px solid #0a0a5f;
  color: #fff;
  border-radius: 30px;
  transition: all 0.5s;
}
.custom-btn:hover {
  color: #0a0a5f;
  background-color: #ffffff;
}

.inner-bnr .container-1600-wrp .caption-wrp {
  max-width: 615px;
}

.inner-bnr.aboutus-bnr {
  background-image: url("../images/corporate-responsibility-banner.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.intro-wrp {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("../images/pattern-dotted.png"), url("../images/pattern-dotted.png");
  background-repeat: no-repeat;
  background-position: left top 30px, right top 30px;
  background-size: 12%;
}
.intro-wrp::after, .intro-wrp::before {
  display: none;
}
.intro-wrp .sectionpara {
  font-size: 24px;
}

.csr-quoteBox {
  margin-bottom: 100px;
}
.csr-quoteBox .container .quoteBox {
  background-color: #f5f9ff;
  border-radius: 35px;
  padding: 80px;
}
.csr-quoteBox .container .quoteBox .quote {
  border-radius: 35px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 30px;
  color: #fff;
}

.sustainabilityStrategy {
  background-image: url("../images/cr-sustainibility-strategy.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}
.sustainabilityStrategy .mainTitle {
  color: #fff;
}
.sustainabilityStrategy p {
  color: #fff;
}
.sustainabilityStrategy .know-more-link {
  display: flex;
  color: #fff;
  align-items: center;
}
.sustainabilityStrategy .know-more-link img {
  margin-left: 8px;
  transition: all 0.5s;
}
.sustainabilityStrategy .know-more-link:hover img {
  margin-left: 16px;
}
.sustainabilityStrategy .tabsLinks {
  width: 100%;
}
.sustainabilityStrategy .tabsLinks a {
  display: block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 16px;
  color: #000;
  transition: all 0.5s;
  background: #fff url("../images/arrw-grey-brand.png") no-repeat right 20px center;
}
.sustainabilityStrategy .tabsLinks a:not(:last-child) {
  margin-bottom: 1.5rem;
}
.sustainabilityStrategy .tabsLinks a:hover {
  background-color: #0d6efd;
  color: #ffffff;
}

.miscellaneous {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.miscellaneous .misc-wrapper {
  position: relative;
  overflow: hidden;
  padding: 60px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .miscellaneous .misc-wrapper {
    border-radius: 0;
    padding: 40px 20px;
  }
}
.miscellaneous .misc-wrapper.workingWithCommunities {
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%), url("../images/working-with-communities.jpg"), lightgray 0px -8.185px/100% 111.423% no-repeat;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.miscellaneous .misc-wrapper.governance {
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%), url("../images/governance.jpg"), lightgray 0px -8.185px/100% 111.423% no-repeat;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 50px;
}
.miscellaneous .misc-wrapper .content-overlay {
  width: 100%;
}
@media (min-width: 768px) {
  .miscellaneous .misc-wrapper .content-overlay {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .miscellaneous .misc-wrapper .content-overlay {
    width: 50%;
  }
}
.miscellaneous .misc-wrapper .content-overlay .mainTitle {
  color: #fff;
}
.miscellaneous .misc-wrapper .content-overlay p {
  color: #fff;
}
.miscellaneous .misc-wrapper .content-overlay .knowMore-button {
  display: table;
  background-color: #307fe2;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
}
.miscellaneous .misc-wrapper .content-overlay .knowMore-button:hover {
  background-color: #fff;
  color: #307fe2;
}

.latest-news {
  background-color: #f5f9ff;
  padding-top: 60px;
  padding-bottom: 60px;
}
.latest-news.people {
  background-color: #fff;
}
.latest-news .newsWrapper {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
  margin-top: 50px;
}
@media (min-width: 992px) {
  .latest-news .newsWrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.latest-news .newsWrapper .newsBox {
  background-color: #fff;
  border-radius: 20px;
  border: 0.836px solid #d3d3d3;
  padding: 1rem;
}
.latest-news .newsWrapper .newsBox .news-image {
  overflow: hidden;
}
.latest-news .newsWrapper .newsBox .news-image img {
  transition: all 0.5s;
}
.latest-news .newsWrapper .newsBox:hover .news-image img {
  transform: scale(1.1);
}
.latest-news .newsWrapper .newsBox .newsContent {
  padding: 8px;
}
.latest-news .newsWrapper .newsBox .newsContent .date {
  display: block;
  color: #919191;
  font-size: 14px;
  font-weight: 500;
}
.latest-news .newsWrapper .newsBox .newsContent h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 8px;
  margin-bottom: 4px;
}
.latest-news .newsWrapper .newsBox .newsContent p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.latest-news .newsWrapper .newsBox .newsContent .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
}
.latest-news .newsWrapper .newsBox .newsContent .knowMore-button:hover {
  background-color: #fff;
  color: #0a0a5f;
}

.sustainabilityStrategy-bnr {
  background-image: url("../images/sustainabilityStrategy-bnr.jpg");
}

.maSg-section {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 991px) {
  .maSg-section {
    margin-bottom: 50px;
    margin-top: 50px;
  }
}
.maSg-section .container .masg-grid {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
}
@media (min-width: 992px) {
  .maSg-section .container .masg-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.maSg-section .container .masg-grid .gridBox {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 40px 50px;
  background-size: cover !important;
  background-position: top;
}
@media screen and (max-width: 767px) {
  .maSg-section .container .masg-grid .gridBox {
    padding: 24px;
  }
}
.maSg-section .container .masg-grid .gridBox.ma {
  background: url("../images/materiality-assessment.jpg"), lightgray 50%/cover no-repeat;
}
.maSg-section .container .masg-grid .gridBox.sg {
  background: url("../images/sustainability-governance.jpg"), lightgray 50%/cover no-repeat;
}
.maSg-section .container .masg-grid .gridBox::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 51.77%);
  z-index: 0;
}
.maSg-section .container .masg-grid .gridBox .mainTitle {
  color: #fff;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
}
.maSg-section .container .masg-grid .gridBox p {
  position: relative;
  z-index: 2;
  color: #fff;
}
.maSg-section .container .masg-grid .gridBox .btn-box {
  position: relative;
  z-index: 2;
}
.maSg-section .container .masg-grid .gridBox .downloadBtn {
  border: none;
  display: flex;
  padding: 12px 35px;
  color: #ffffff;
  font-size: 18px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 8px;
}
.maSg-section .container .masg-grid .gridBox .downloadBtn::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0a0a5f;
  transition: all 0.3s ease-out;
  z-index: -1;
  border-radius: 70px;
}
.maSg-section .container .masg-grid .gridBox .downloadBtn:hover {
  color: #ffffff;
}
.maSg-section .container .masg-grid .gridBox .downloadBtn:hover::before {
  transform: translate(-50%, -50%) scale(0.95);
  background-color: #307fe2;
}

.values-sustainable-dev {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .values-sustainable-dev {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.values-sustainable-dev .vsd-row {
  margin-bottom: 100px;
}
.values-sustainable-dev .vsd-row .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
}
.values-sustainable-dev .vsd-row:last-child {
  margin-bottom: 0;
}
.values-sustainable-dev .vsd-row .imageWrap {
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .values-sustainable-dev .vsd-row .imageWrap {
    margin-bottom: 24px;
  }
}
.values-sustainable-dev .vsd-row .knowmore {
  display: flex;
  gap: 2px;
  align-items: center;
  color: #0a0a5f;
  font-weight: 500;
  margin-bottom: 24px;
}

.planet-resilience-bnr {
  background-image: url("../images/planet-resilience.jpg");
}

.values-sustainable-dev .moreBoxes {
  position: relative;
  background-color: #ffffff;
  border-radius: 24px;
  width: 90%;
}
@media (max-width: 767px) {
  .values-sustainable-dev .moreBoxes {
    padding: 24px 16px;
    display: block;
  }
}
@media (min-width: 768px) {
  .values-sustainable-dev .moreBoxes {
    padding: 24px 24px;
  }
}
@media (min-width: 1200px) {
  .values-sustainable-dev .moreBoxes {
    padding: 40px 60px;
  }
}
.values-sustainable-dev .moreBoxes .moreBox {
  padding-bottom: 25px;
  border-bottom: 1px solid #000000;
  margin-bottom: 25px;
}
.values-sustainable-dev .moreBoxes .moreBox img {
  width: 100px;
}
.values-sustainable-dev .moreBoxes .moreBox:last-child {
  border-bottom: none;
}
.values-sustainable-dev .moreBoxes .moreBox h4 {
  margin-bottom: 24px;
  margin-top: 24px;
  font-weight: 700;
}
.values-sustainable-dev .moreBoxes .moreBox ol {
  padding-left: 18px;
}
.values-sustainable-dev .moreBoxes .moreBox ol li {
  margin-bottom: 24px;
}
.values-sustainable-dev .moreBoxes .moreBox ol li span {
  font-weight: 600;
}
.values-sustainable-dev .moreBoxes .moreBox .knowmore {
  display: flex;
  gap: 2px;
  align-items: center;
  color: #0a0a5f;
  font-weight: 500;
  margin-bottom: 24px;
}

.values-sustainable-dev2 {
  background-color: #fff;
}
.values-sustainable-dev2 .dtq-section {
  background: #fff;
}
.values-sustainable-dev2 .dtq-section .mainTitle {
  color: #307fe2;
}
.values-sustainable-dev2 .dtq-section .innovation-wrap {
  margin-bottom: 0;
}
.values-sustainable-dev2 .dtq-section .accordion-item {
  background-color: transparent;
  border: none;
}
.values-sustainable-dev2 .dtq-section .accordion-item .accordion-button {
  background-color: transparent;
  font-size: 20px;
  color: #0a0a5f;
  border-bottom: 1px solid #d3d3d3;
  padding-left: 0;
}
@media (max-width: 767px) {
  .values-sustainable-dev2 .dtq-section .accordion-item .accordion-button {
    font-size: 26px;
  }
}
.values-sustainable-dev2 .dtq-section .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.values-sustainable-dev2 .dtq-section .accordion-item .accordion-button::after {
  width: 36px;
  height: 36px;
  background-size: 16px;
  background-color: rgba(211, 211, 211, 0.3);
  border-radius: 50%;
  padding: 10px;
  background-position: center center;
}
.values-sustainable-dev2 .dtq-section .accordion-item .accordion-body {
  padding-left: 0;
  padding-right: 0;
}

.biodiversity-wrp {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .biodiversity-wrp {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.biodiversity-wrp.careers {
  background-color: #ffffff;
}
.biodiversity-wrp .biodiversity-content {
  background-color: #000;
  overflow: hidden;
  border-radius: 16px;
}
.biodiversity-wrp .biodiversity-content .biodiversity-text {
  color: #fff;
  padding: 40px 50px;
}
@media (max-width: 991px) {
  .biodiversity-wrp .biodiversity-content .biodiversity-text {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 20px 40px;
  }
}
.biodiversity-wrp .biodiversity-content .biodiversity-text p {
  margin-bottom: 0;
}
.biodiversity-wrp .biodiversity-content .biodiversity-img img {
  border-radius: 16px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pr-findOut .Findouthow {
  background-image: url("../images/pr-findout.png");
}
@media (max-width: 767px) {
  .pr-findOut .Findouthow h3 {
    margin-bottom: 16px;
  }
}

.innovatingToday {
  padding-top: 0;
  background-image: none;
}
.innovatingToday .knowMore-button {
  display: table;
  background-color: #307fe2;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  margin: 24px auto;
}

.people-bnr {
  background-image: url("../images/people-banner.jpg");
}
@media (max-width: 991px) {
  .people-bnr {
    background-image: url("../images/people-banner-ipad.jpg");
    background-position: center center;
  }
}

.people-first {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .people-first {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.people-first .dtq-section {
  background-color: transparent;
}
.people-first .dtq-section .accordion-item {
  background-color: #fff;
  margin-top: 24px;
  padding: 16px 50px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .people-first .dtq-section .accordion-item {
    padding: 16px 16px;
  }
}
.people-first .dtq-section .accordion-item .accordion-header {
  margin-bottom: 0;
}
.people-first .dtq-section .accordion-item .accordion-header .accordion-button {
  border: none;
}

.viewAll {
  display: table;
  color: #307fe2;
  font-size: 20px;
  font-weight: 500;
}
.viewAll:hover {
  text-decoration: none;
}
.viewAll::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #307fe2;
}

.wwc-bnr {
  background-image: url("../images/working-with-communities.banner.jpg");
}
@media (max-width: 991px) {
  .wwc-bnr {
    background-image: url("../images/working-with-communities.banner-ipad.jpg");
    background-position: center center;
  }
}

.csr-interventions {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .csr-interventions {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.csr-interventions h4 {
  color: #000;
}
.csr-interventions .csrGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 50px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .csr-interventions .csrGrid {
    grid-template-columns: 1fr;
  }
}
.csr-interventions .csrGrid .grid {
  position: relative;
}
.csr-interventions .csrGrid .grid img {
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .csr-interventions .csrGrid .grid:not(:last-child) {
    padding-bottom: 50px;
  }
  .csr-interventions .csrGrid .grid:not(:last-child)::after {
    content: "";
    display: block;
    width: 100px;
    height: 0.5px;
    background-color: #707070;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.csr-interventions .csrGrid .grid.borderBottom {
  padding-bottom: 50px;
}
.csr-interventions .csrGrid .grid.borderBottom::after {
  content: "";
  display: block;
  width: 100px;
  height: 0.5px;
  background-color: #707070;
  position: absolute;
  bottom: 0;
  left: 0;
}
.csr-interventions .csrGrid .grid h2 {
  color: #307fe2;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
}
.csr-interventions .csrGrid .grid span {
  font-size: 16px;
  color: #2f2f2f;
  display: block;
  margin-bottom: 16px;
}
.csr-interventions .csrGrid .grid p {
  color: #000;
}

.drivingPositiveChange {
  background-color: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .drivingPositiveChange {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.drivingPositiveChange .dpc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .drivingPositiveChange .dpc-grid {
    grid-template-columns: 1fr;
  }
}
.drivingPositiveChange .dpc-grid .grid {
  background-color: #f5f9ff;
  padding: 40px;
  border-radius: 24px;
}
.drivingPositiveChange .dpc-grid .grid h5 {
  color: #307fe2;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 8px;
}
.drivingPositiveChange .dpc-grid .grid p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.qualityOfLives {
  padding-bottom: 50px;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section {
  background-color: #000;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section h2 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 50px;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-header {
  margin-bottom: 0;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-header .accordion-button {
  color: #fff;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-header .accordion-button::after {
  background-color: #307fe2;
  background-image: url("../images/arrow-white.png");
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-body p {
  color: #ffffff;
  font-size: 18px;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-body a {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  color: #fff;
  font-weight: 500;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-body a img {
  transition: all 0.5s;
}
.qualityOfLives.values-sustainable-dev2 .accordian-wrp .dtq-section .accordion .accordion-item .accordion-body a:hover img {
  margin-left: 5px;
}

.governance-bnr {
  background-image: url("../images/governance-banner.jpg");
}
@media (max-width: 991px) {
  .governance-bnr {
    background-image: url("../images/governance-banner-ipad.jpg");
    background-position: center center;
  }
}

/* Careers */
.careers-banner {
  background-image: url("../images/careers-banner.jpg");
}
@media (max-width: 991px) {
  .careers-banner {
    background-image: url("../images/careers-banner.jpg");
    background-position: center center;
  }
}

.lifeAtTML {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .lifeAtTML {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.lifeAtTML .knowMore-button {
  display: table;
  background-color: #307fe2;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  float: right;
}
@media screen and (max-width: 767px) {
  .lifeAtTML .knowMore-button {
    float: none;
    margin-bottom: 50px;
  }
}
.lifeAtTML .latml-left .img-wrapper,
.lifeAtTML .latml-right .img-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.lifeAtTML .latml-left .img-wrapper::after,
.lifeAtTML .latml-right .img-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 95, 0) 48.58%, #000000 99.05%), linear-gradient(180deg, rgba(0, 0, 0, 0) 44.25%, #000 100%);
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .lifeAtTML .latml-left .img-wrapper,
  .lifeAtTML .latml-right .img-wrapper {
    margin-bottom: 25px;
  }
}
.lifeAtTML .latml-left .caption,
.lifeAtTML .latml-right .caption {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 16px 50px;
  z-index: 1;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .lifeAtTML .latml-left .caption,
  .lifeAtTML .latml-right .caption {
    padding: 16px 16px;
  }
}

.therightfit {
  background-color: #fff;
}
@media screen and (max-width: 991px) {
  .therightfit {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.therightfit .therightfit-left .content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.therightfit .therightfit-left .content .knowMore-button {
  display: table;
  background-color: #307fe2;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
}
@media screen and (max-width: 991px) {
  .therightfit .therightfit-left .content .knowMore-button {
    margin-bottom: 50px;
  }
}

.quoteSec {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .quoteSec {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.quoteSec .quote {
  position: relative;
  overflow: hidden;
  border-radius: 35px;
}
.quoteSec .quote::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 95, 0) 48.58%, #000000 99.05%), linear-gradient(180deg, rgba(0, 0, 0, 0) 44.25%, #000 100%);
  pointer-events: none;
}
.quoteSec .quote .caption {
  position: absolute;
  width: 60%;
  bottom: 30px;
  left: 0;
  padding-left: 50px;
  padding-right: 50px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .quoteSec .quote .caption {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
  }
}

.joinus {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .joinus {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.joinus .career-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .joinus .career-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.joinus .career-grid .grid {
  position: relative;
}
.joinus .career-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.joinus .career-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.joinus .career-grid .grid .content {
  min-height: 200px;
}
.joinus .career-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.joinus .career-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .joinus .career-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}

.careerStories {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f5f9ff;
}
@media screen and (max-width: 767px) {
  .careerStories {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.careerStories .career-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .careerStories .career-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.careerStories .career-grid .grid {
  position: relative;
}
.careerStories .career-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.careerStories .career-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.careerStories .career-grid .grid .content {
  min-height: 200px;
}
.careerStories .career-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.careerStories .career-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .careerStories .career-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
.careerStories .career-grid .grid .img {
  height: auto;
}
.careerStories .career-grid .grid .img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
}
.careerStories .career-grid .grid .img .overlay .contentInnner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.5rem;
  color: #fff;
  z-index: 1;
}
.careerStories .career-grid .grid .img .overlay .contentInnner p {
  margin-bottom: 25px;
  color: #ffffff;
}
.careerStories .career-grid .grid .img:hover .overlay {
  opacity: 1;
}

.employee-development {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f5f9ff;
}
@media screen and (max-width: 767px) {
  .employee-development {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.employee-development .career-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .employee-development .career-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.employee-development .career-grid .grid {
  position: relative;
}
.employee-development .career-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.employee-development .career-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.employee-development .career-grid .grid .content {
  min-height: 200px;
}
.employee-development .career-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.employee-development .career-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .employee-development .career-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}

.employee-benefit {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .employee-benefit {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.employee-benefit .career-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .employee-benefit .career-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.employee-benefit .career-grid .grid {
  position: relative;
}
.employee-benefit .career-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.employee-benefit .career-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.employee-benefit .career-grid .grid .content {
  min-height: 200px;
}
.employee-benefit .career-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.employee-benefit .career-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .employee-benefit .career-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}

.diversity-inclusion {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #ffffff;
}
.diversity-inclusion .di-inner {
  overflow: hidden;
  border-radius: 16px;
  background-color: #0a0a5f;
}
.diversity-inclusion .di-inner .di-left {
  padding: 0 50px;
  color: #fff;
}
.diversity-inclusion .di-inner .di-left .contentCenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 50px;
  padding-bottom: 50px;
}
.diversity-inclusion .di-inner .di-left .contentCenter a {
  color: #fff;
}
.diversity-inclusion .di-inner .di-left .contentCenter a svg {
  position: relative;
  top: -3px;
}
.diversity-inclusion .di-inner .di-right img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.our-culture {
  background-color: #000;
  padding-top: 50px;
  padding-bottom: 100px;
}
.our-culture .container {
  color: #fff;
}
.our-culture .container .cultureSwiper .swiper-wrapper .swiper-slide {
  min-height: 250px;
  position: relative;
}
.our-culture .container .cultureSwiper .swiper-wrapper .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #d3d3d3;
  bottom: 0;
  left: 0;
}
.our-culture .container .cultureSwiper .swiper-wrapper .swiper-slide .cultureGrid .culture-number {
  display: flex;
  width: 35px;
  height: 35px;
  background-color: #fff;
  color: #000;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 1.5rem;
}
.our-culture .container .cultureSwiper .swiper-wrapper .swiper-slide .cultureGrid h4 {
  margin-bottom: 16px;
  color: #fff;
}
.our-culture .container .cultureSwiper .swiper-wrapper .swiper-slide .cultureGrid p {
  color: #d3d3d3;
}

.latml-banner {
  background-image: url("../images/life-at-tml-banner.jpg");
}
@media (max-width: 991px) {
  .latml-banner {
    background-image: url("../images/life-at-tml-banner.jpg");
    background-position: center center;
  }
}

.businessverticle-banner {
  background-image: url("../images/business-verticle.jpg");
  background-position: center center;
}
@media (max-width: 991px) {
  .businessverticle-banner {
    background-image: url("../images/business-verticle.jpg");
    background-position: center center;
  }
}

.business-vertical {
  background-color: #f5f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .business-vertical {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.business-vertical .bv-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  row-gap: 50px;
}
@media screen and (max-width: 767px) {
  .business-vertical .bv-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.business-vertical .bv-grid .grid {
  position: relative;
}
.business-vertical .bv-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.business-vertical .bv-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.business-vertical .bv-grid .grid .content {
  min-height: 200px;
}
.business-vertical .bv-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.business-vertical .bv-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .business-vertical .bv-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}

.new-opportunities {
  background-color: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.new-opportunities .container .row ul li {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top: 1px solid #d3d3d3;
}
.new-opportunities .container .row ul li:last-child {
  border-bottom: 1px solid #d3d3d3;
}
.new-opportunities .container .row ul li span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #307fe2;
}
.new-opportunities .container .row ul li h4 {
  color: #000;
  font-size: 22px;
  margin-bottom: 8px;
}
.new-opportunities .container .row ul li small {
  display: block;
  color: #919191;
  font-size: 14px;
}

.events-section {
  background-color: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.events-section .container .events-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .events-section .container .events-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.events-section .container .events-grid .grid {
  position: relative;
}
.events-section .container .events-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.events-section .container .events-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events-section .container .events-grid .grid .content {
  min-height: 200px;
}
.events-section .container .events-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.events-section .container .events-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .events-section .container .events-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}

.join-our-network {
  background-color: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .join-our-network {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.join-our-network .networkWrapper {
  background-image: url("../images/our-network.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 50px;
  border-radius: 24px;
  overflow: hidden;
}
.join-our-network .networkWrapper .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  transition: all 0.5s;
  float: right;
}
.join-our-network .networkWrapper .knowMore-button:hover {
  background-color: #fff;
  color: #307fe2;
}

.faqs .dtq-section {
  background: #fff;
}
.faqs .dtq-section .mainTitle {
  color: #307fe2;
}
.faqs .dtq-section .innovation-wrap {
  margin-bottom: 0;
}
.faqs .dtq-section .accordion-item {
  background-color: transparent;
  border: none;
}
.faqs .dtq-section .accordion-item .accordion-button {
  background-color: transparent;
  font-size: 20px;
  color: #0a0a5f;
  border-bottom: 1px solid #d3d3d3;
  padding-left: 0;
}
@media (max-width: 767px) {
  .faqs .dtq-section .accordion-item .accordion-button {
    font-size: 18px;
  }
}
.faqs .dtq-section .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.faqs .dtq-section .accordion-item .accordion-button::after {
  width: 36px;
  height: 36px;
  background-size: 16px;
  background-color: rgba(211, 211, 211, 0.3);
  border-radius: 50%;
  padding: 10px;
  background-position: center center;
}
.faqs .dtq-section .accordion-item .accordion-body {
  padding-left: 0;
  padding-right: 0;
}

.investors-banner {
  background-image: url("../images/investors-banner.jpg");
  background-position: center center;
}
@media (max-width: 991px) {
  .investors-banner {
    background-image: url("../images/investors-banner.jpg");
    background-position: center center;
  }
}

.latest-financial-result-wrp {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.latest-financial-result-wrp .lfr-inner {
  position: relative;
  background-image: url("../images/latest-financial-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  border-radius: 32px;
}
@media screen and (max-width: 991px) {
  .latest-financial-result-wrp .lfr-inner {
    background-position: top left;
    min-height: 550px;
  }
}
@media screen and (min-width: 1200px) {
  .latest-financial-result-wrp .lfr-inner {
    min-height: 550px;
  }
}
.latest-financial-result-wrp .lfr-inner .caption {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.latest-financial-result-wrp .lfr-inner .caption .knowMore-button {
  display: table;
  background-color: #307fe2;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
}
.latest-financial-result-wrp .lfr-inner .caption .knowMore-button:hover {
  background-color: #fff;
  color: #307fe2;
}

.why-invest {
  background-image: none;
}
.why-invest .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin: 24px auto;
  transition: all 0.5s;
}
.why-invest .knowMore-button:hover {
  background-color: #307fe2;
  color: #ffffff;
}

.comitments .lfr-inner {
  background-image: url("../images/commitments.jpg");
  background-repeat: no-repeat;
}

.quicklinks {
  background-color: #f5f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
}
.quicklinks .quicklinks-buttons {
  display: flex;
  flex-wrap: wrap;
}
.quicklinks .quicklinks-buttons .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin: 24px auto;
  transition: all 0.5s;
}
.quicklinks .quicklinks-buttons .knowMore-button:hover {
  background-color: #307fe2;
  color: #ffffff;
}

.share-monitor-wrp {
  background-color: #f5f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: url("../images/pattern-dotted.png");
  background-repeat: no-repeat;
  background-position: bottom -80px right;
  background-size: 15%;
  overflow: hidden;
}
.share-monitor-wrp .container .row .sm-white .inner {
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
}
.share-monitor-wrp .container .row .sm-white .inner .price {
  color: #307fe2;
  font-family: "Uni Neue";
  font-size: 40px;
}
.share-monitor-wrp .container .row .sm-white .inner .dateTime {
  color: #919191;
}
.share-monitor-wrp .container .row .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin: 24px auto;
  transition: all 0.5s;
}
.share-monitor-wrp .container .row .knowMore-button:hover {
  background-color: #307fe2;
  color: #ffffff;
}

.press-release-wrp {
  background-color: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}
.press-release-wrp .pr .prGrids {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .press-release-wrp .pr .prGrids {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.press-release-wrp .pr .prGrids .div1 {
  grid-area: 1/1/7/3;
}
@media screen and (max-width: 767px) {
  .press-release-wrp .pr .prGrids .div1 {
    grid-area: auto;
  }
}
.press-release-wrp .pr .prGrids .div2 {
  grid-area: 1/3/3/5;
}
@media screen and (max-width: 767px) {
  .press-release-wrp .pr .prGrids .div2 {
    grid-area: auto;
  }
}
.press-release-wrp .pr .prGrids .div3 {
  grid-area: 3/3/5/5;
}
@media screen and (max-width: 767px) {
  .press-release-wrp .pr .prGrids .div3 {
    grid-area: auto;
  }
}
.press-release-wrp .pr .prGrids .div4 {
  grid-area: 5/3/7/5;
}
@media screen and (max-width: 767px) {
  .press-release-wrp .pr .prGrids .div4 {
    grid-area: auto;
  }
}
.press-release-wrp .pr .img {
  overflow: hidden;
  border-radius: 24px;
  margin-bottom: 8px;
}
.press-release-wrp .pr .content {
  padding: 0.5rem;
}
.press-release-wrp .pr .content span.smallTitle {
  color: #919191;
}
.press-release-wrp .pr .content .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
}
.press-release-wrp .pr .content .knowMore-button:hover {
  background-color: #307fe2;
  color: #ffffff;
}
.press-release-wrp .upcomingevents {
  border: 1px solid #d3d3d3;
  border-radius: 24px;
  padding: 16px;
}
.press-release-wrp .upcomingevents .eventList .eventdate {
  border-right: 1px solid #000;
}

.financial-info-wrp {
  background-color: #f5f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
}
.financial-info-wrp .financialGrid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .financial-info-wrp .financialGrid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.financial-info-wrp .financialGrid .grid {
  position: relative;
}
.financial-info-wrp .financialGrid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.financial-info-wrp .financialGrid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.financial-info-wrp .financialGrid .grid .content {
  min-height: 200px;
}
.financial-info-wrp .financialGrid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.financial-info-wrp .financialGrid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .financial-info-wrp .financialGrid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
.financial-info-wrp .financialGrid .grid {
  position: relative;
  padding: 1.5rem;
  border-radius: 16px;
  overflow: hidden;
}
.financial-info-wrp .financialGrid .grid:nth-child(1) {
  background-color: #ffffff;
}
.financial-info-wrp .financialGrid .grid:nth-child(2) {
  background-color: #a9c2ed;
}
.financial-info-wrp .financialGrid .grid:nth-child(3) {
  background-color: #a9c2ed;
}
.financial-info-wrp .financialGrid .grid .selectWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  margin-top: 15px;
}
.financial-info-wrp .financialGrid .grid .selectWrapper select {
  background-color: #f5f9ff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 30px;
}
.financial-info-wrp .financialGrid .grid .results li {
  padding-bottom: 8px;
  padding-top: 8px;
  border-bottom: 0.416px solid #a9c2ed;
}
.financial-info-wrp .financialGrid .grid .results li span {
  font-size: 14px;
}
.financial-info-wrp .financialGrid .grid .caption {
  background-color: #000000;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
}

.performance-wrp {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.performance-wrp .performanceGrid {
  background-color: #0a0a5f;
  padding: 60px 30px;
  border-radius: 35px;
}
.performance-wrp .performanceGrid .p-title {
  color: #307fe2;
}

.investors-inner-banner {
  height: 600px;
  background-image: url("../images/investors-pages-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
}
.investors-inner-banner .container-1600-wrp {
  height: 100%;
}

.investors-dropdown-wrapper .container {
  background-color: #f5f9ff;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.investors-dropdown-wrapper .container select {
  width: 100%;
  border-radius: 30px;
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("../images/select-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.reports-slider .reports-Swiper .swiper-wrapper {
  margin-bottom: 50px;
}
.reports-slider .reports-Swiper .swiper-wrapper .swiper-slide ul li {
  border-top: 0.5px solid #d3d3d3;
}
.reports-slider .reports-Swiper .swiper-wrapper .swiper-slide ul li:last-child {
  border-bottom: 0.5px solid #d3d3d3;
}
.reports-slider .reports-Swiper .swiper-wrapper .swiper-slide ul li a:hover {
  background-color: #f5f9ff;
}
.reports-slider .reports-Swiper .swiper-wrapper .swiper-slide ul li a .smallTitle {
  color: #307fe2;
}
.reports-slider .reports-Swiper .swiper-wrapper .swiper-slide ul li a .title {
  font-weight: bold;
  color: #000000;
  margin-bottom: 4px;
}
.reports-slider .reports-Swiper .swiper-wrapper .swiper-slide ul li a .date {
  color: #919191;
  font-size: 12px;
  font-weight: 500;
}
.reports-slider .reports-Swiper .num-and-arrow {
  position: relative;
  width: 200px;
  margin: 0 auto;
}
.reports-slider .reports-Swiper .num-and-arrow .swiper-button-next {
  top: inherit;
  bottom: 0px;
  width: 30px;
  height: 30px;
  background-color: #307fe2;
  border-radius: 50%;
}
.reports-slider .reports-Swiper .num-and-arrow .swiper-button-next::after {
  font-size: 16px;
  color: #ffffff;
}
.reports-slider .reports-Swiper .num-and-arrow .swiper-button-prev {
  top: inherit;
  bottom: 0px;
  width: 30px;
  height: 30px;
  background-color: #307fe2;
  border-radius: 50%;
}
.reports-slider .reports-Swiper .num-and-arrow .swiper-button-prev::after {
  font-size: 16px;
  color: #ffffff;
}
.reports-slider .reports-Swiper .num-and-arrow #numberSlides {
  position: relative;
  bottom: 5px;
  display: table;
  margin: 0 auto;
}

.calendar-and-relations {
  background-color: #f5f9ff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .calendar-and-relations {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.calendar-and-relations .calrender-group:nth-child(1) a {
  position: relative;
  display: block;
  height: 350px;
  background-image: url("../images/contact-investor-relation.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .calendar-and-relations .calrender-group:nth-child(1) a {
    height: 200px;
  }
}
.calendar-and-relations .calrender-group:nth-child(1) a .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .calendar-and-relations .calrender-group:nth-child(2) {
    margin-top: 25px;
  }
}
.calendar-and-relations .calrender-group:nth-child(2) a {
  position: relative;
  display: block;
  height: 350px;
  background-color: #0a0a5f;
  background-image: url("../images/calendar-ico.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 16px center;
  border-radius: 24px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .calendar-and-relations .calrender-group:nth-child(2) a {
    height: 200px;
  }
}
.calendar-and-relations .calrender-group:nth-child(2) a .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  color: #ffffff;
}

.governance-banners {
  height: 450px;
  background-color: #307fe2;
}

.calendar-banner {
  height: 450px;
  background-color: #0a0a5f;
}

.calendar-swiper .swiper-slide ul li {
  display: flex;
  align-items: center;
}
.calendar-swiper .swiper-slide ul li .dateBox {
  background-color: #0a0a5f;
  border-radius: 16px;
  overflow: hidden;
  padding: 24px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  margin-right: 16px;
}
.calendar-swiper .swiper-slide ul li .eventBox .smallTitle {
  color: #307fe2;
}
.calendar-swiper .swiper-slide ul li .eventBox .addtocalendar {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  background-color: #f5f9ff;
  padding: 8px 16px;
  border-radius: 30px;
  margin-top: 16px;
}
.calendar-swiper .swiper-slide ul li .eventBox .addtocalendar span {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #307fe2;
  text-align: center;
}

.newsroom-bnr {
  background-image: url("../images/newsroom-banner.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.newsroom-bnr .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
}
.newsroom-bnr .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}

.press-release-newsroom {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .press-release-newsroom {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen {
  .press-release-newsroom .rm-wrap {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .press-release-newsroom .rm-wrap {
    justify-content: end;
  }
}
.press-release-newsroom .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
}
.press-release-newsroom .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}
.press-release-newsroom .career-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .press-release-newsroom .career-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.press-release-newsroom .career-grid .grid {
  position: relative;
}
.press-release-newsroom .career-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.press-release-newsroom .career-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.press-release-newsroom .career-grid .grid .content {
  min-height: 200px;
}
.press-release-newsroom .career-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.press-release-newsroom .career-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .press-release-newsroom .career-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .press-release-newsroom .career-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.thought-leadership-wrp {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .thought-leadership-wrp {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.thought-leadership-wrp .container .mainTitle {
  color: #ffffff;
}
@media screen {
  .thought-leadership-wrp .container .rm-wrap {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .thought-leadership-wrp .container .rm-wrap {
    justify-content: end;
  }
}
.thought-leadership-wrp .container .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
}
.thought-leadership-wrp .container .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}
.thought-leadership-wrp .container .tl-swiper-buttons {
  display: flex;
  width: 100px;
  float: right;
  margin-top: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.thought-leadership-wrp .container .tl-swiper-buttons .swiper-button-prev1 img,
.thought-leadership-wrp .container .tl-swiper-buttons .swiper-button-next1 img {
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.thought-leadership-wrp .container .tl-Swiper {
  margin-top: 50px;
  overflow: visible;
}
.thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 95, 0) 48.58%, #000000 99.05%), linear-gradient(180deg, rgba(0, 0, 0, 0) 44.25%, #000 100%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner img {
    height: 210px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right center;
       object-position: right center;
    border-radius: 16px;
  }
}
.thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 25px;
}
@media screen and (max-width: 767px) {
  .thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner .caption {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 16px;
    background: none;
    margin: 0;
  }
}
.thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner .caption h4 {
  color: #ffffff;
  font-size: 36px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner .caption h4 {
    font-size: 22px;
    color: #000000;
  }
}
.thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner .caption .date {
  color: #ffffff;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .thought-leadership-wrp .container .tl-Swiper .swiper-wrapper .swiper-slide .slideInner .caption .date {
    color: #000000;
  }
}

.media {
  padding-bottom: 100px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .media {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.media .container .row {
  -moz-column-gap: 24px;
       column-gap: 24px;
  justify-content: space-between;
  margin: 0;
}
.media .container .row .media-library {
  position: relative;
  background-color: #0a0a5f;
  border-radius: 24px;
  background-image: url("../images/media-library-bg.png");
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 350px;
}
.media .container .row .media-library .titleLink {
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
  color: #ffffff;
}
.media .container .row .media-library .titleLink .mainTitle {
  display: block;
  margin-bottom: 10px;
}
.media .container .row .media-contacts {
  position: relative;
  background-color: #0a0a5f;
  background-image: url("../images/media-contacts-grid.png");
  background-repeat: no-repeat;
  background-position: center right;
  border-radius: 24px;
  margin-top: 24px;
  max-width: 48%;
}
@media screen and (max-width: 767px) {
  .media .container .row .media-contacts {
    max-width: 100%;
  }
}
.media .container .row .media-contacts .titleLink {
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
  color: #ffffff;
}
.media .container .row .media-contacts .titleLink .mainTitle {
  display: block;
  margin-bottom: 10px;
}
.media .container .row .upcomingevents {
  max-width: 48%;
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid #d3d3d3;
  padding: 16px;
}
@media screen and (max-width: 767px) {
  .media .container .row .upcomingevents {
    max-width: 100%;
  }
}
.media .container .row .upcomingevents .eventHead .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
}
.media .container .row .upcomingevents .eventdate {
  border-right: 1px solid #000000;
}

.social-media {
  background-color: #f5f9ff;
  padding-top: 80px;
  padding-bottom: 80px;
}
.social-media .container .socialGrid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .container .socialGrid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.social-media .container .socialGrid .grid {
  position: relative;
}
.social-media .container .socialGrid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.social-media .container .socialGrid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-media .container .socialGrid .grid .content {
  min-height: 200px;
}
.social-media .container .socialGrid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.social-media .container .socialGrid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .social-media .container .socialGrid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
.social-media .container .socialGrid .grid {
  border: 0.846px solid #d3d3d3;
  border-radius: 16px;
  padding: 16px;
}
.social-media .container .socialGrid .grid .social-handle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
}
.social-media .container .socialGrid .grid .social-handle .handleName {
  font-size: 12px;
  color: #212121;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.social-media .container .socialGrid .grid .social-handle .handle {
  font-size: 12px;
  font-weight: 500;
  color: #919191;
  display: inline-block;
}
.social-media .container .socialGrid .grid .social-handle .feed-date {
  font-size: 12px;
  font-weight: 500;
  color: #919191;
  display: inline-block;
}
.social-media .container .socialGrid .grid .feed {
  color: #2f2f2f;
  font-family: "Uni Neue";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.social-media .container .socialGrid .grid .hashtags p {
  color: #499ae9;
  font-family: "Uni Neue";
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500;
  line-height: normal;
}
.social-media .container .socialGrid .grid a {
  color: #499ae9;
  font-family: "Uni Neue";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.social-media .container .socialIconsGrid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .social-media .container .socialIconsGrid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.social-media .container .socialIconsGrid .grid {
  position: relative;
}
.social-media .container .socialIconsGrid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.social-media .container .socialIconsGrid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-media .container .socialIconsGrid .grid .content {
  min-height: 200px;
}
.social-media .container .socialIconsGrid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.social-media .container .socialIconsGrid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .social-media .container .socialIconsGrid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .social-media .container .socialIconsGrid {
    grid-template-columns: repeat(5, 1fr);
  }
}
.social-media .container .socialIconsGrid .social-icon-link {
  display: block;
  padding: 16px;
  font-size: 20px;
  text-align: center;
}
.social-media .container .socialIconsGrid .social-icon-link.twitter {
  background-color: #499ae9;
  color: #ffffff;
}
.social-media .container .socialIconsGrid .social-icon-link.linkedin {
  background-color: #2c67bc;
  color: #ffffff;
}
.social-media .container .socialIconsGrid .social-icon-link.facebook {
  background-color: #0f90f2;
  color: #ffffff;
}
.social-media .container .socialIconsGrid .social-icon-link.youtube {
  background-color: #f50000;
  color: #ffffff;
}
.social-media .container .socialIconsGrid .social-icon-link.insta {
  background-image: url("../images/instabg.png");
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}

.publications-bnr {
  background-image: url("../images/publications-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.financialNews {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.financialNews .mainTitle {
  text-transform: lowercase;
}
.financialNews .mainTitle::first-letter {
  text-transform: uppercase;
}
.financialNews .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
  margin-top: 0;
}
.financialNews .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}
.financialNews .financeialnews-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .financialNews .financeialnews-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.financialNews .financeialnews-grid .grid {
  position: relative;
}
.financialNews .financeialnews-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.financialNews .financeialnews-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.financialNews .financeialnews-grid .grid .content {
  min-height: 200px;
}
.financialNews .financeialnews-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.financialNews .financeialnews-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .financialNews .financeialnews-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
.financialNews .financeialnews-grid .grid .content p:not(.date) {
  height: 56px;
}
.financialNews .financeialnews-grid .grid .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
  color: #ffffff !important;
}
.financialNews .financeialnews-grid .grid .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}

.financialPublications {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #000000;
}
.financialPublications .mainTitle {
  color: #ffffff;
}
.financialPublications .knowMore-button {
  display: table;
  background-color: #ffffff;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #ffffff;
  margin-top: 0;
  color: #000000;
}
.financialPublications .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}
.financialPublications .financialPublications-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .financialPublications .financialPublications-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.financialPublications .financialPublications-grid .grid {
  position: relative;
}
.financialPublications .financialPublications-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.financialPublications .financialPublications-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.financialPublications .financialPublications-grid .grid .content {
  min-height: 200px;
}
.financialPublications .financialPublications-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.financialPublications .financialPublications-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .financialPublications .financialPublications-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
.financialPublications .financialPublications-grid .grid {
  position: relative;
}
.financialPublications .financialPublications-grid .grid .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
  color: #ffffff !important;
}
.financialPublications .financialPublications-grid .grid .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}
.financialPublications .financialPublications-grid .grid .caption {
  position: absolute;
  bottom: 26px;
  width: 100%;
  left: 0;
  padding: 0 20px;
  color: #ffffff;
}

.productStories {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.productStories .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
  margin-top: 0;
}
.productStories .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}
.productStories .productStories-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .productStories .productStories-grid {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
.productStories .productStories-grid .grid {
  position: relative;
}
.productStories .productStories-grid .grid .img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 1.5rem;
  height: 270px;
}
.productStories .productStories-grid .grid .img img {
  transition: all 0.5s;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productStories .productStories-grid .grid .content {
  min-height: 200px;
}
.productStories .productStories-grid .grid .content .readmore-cta {
  color: #0a0a5f;
  border-color: #0a0a5f;
  position: absolute;
}
.productStories .productStories-grid .grid .content .content2line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .productStories .productStories-grid .grid .content {
    min-height: auto;
    padding-bottom: 20px;
  }
}
.productStories .productStories-grid .grid p:not(.date) {
  color: #000;
}
.productStories .productStories-grid .grid .knowMore-button {
  display: table;
  background-color: #0a0a5f;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 30px;
  margin-top: 24px;
  transition: all 0.5s;
  border: 2px solid #0a0a5f;
  color: #ffffff !important;
}
.productStories .productStories-grid .grid .knowMore-button:hover {
  background-color: #307fe2;
  border-color: #307fe2;
  color: #ffffff;
}

.thought-leadership-bnr {
  background-image: url("../images/thought-leadership-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.featuredInsights {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.featuredInsights .fiGrid {
  position: relative;
}
.featuredInsights .fiGrid a {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
.featuredInsights .fiGrid a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 35px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.99%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .featuredInsights .fiGrid a::after {
    display: none;
  }
}
.featuredInsights .fiGrid a .caption {
  position: absolute;
  bottom: 0;
  left: 50%;
  /* right: 0; */
  padding: 16px 25px;
  width: calc(100% - 25px);
  z-index: 1;
  transform: translateX(-50%);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
@media screen and (max-width: 767px) {
  .featuredInsights .fiGrid a .caption {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    transform: translateX(0);
    margin-top: 0px;
    background-color: #464646;
  }
}
.featuredInsights .fiGrid a .caption p {
  color: #fff;
  font-family: "Uni Neue";
  font-size: 36px;
  line-height: normal;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .featuredInsights .fiGrid a .caption p {
    font-size: 20px;
  }
}
.featuredInsights .fiGrid a .caption .date {
  color: #fff;
  font-family: "Uni Neue";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.globalpresence-bnr {
  background-image: url("../images/global-presence-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.our-facilities {
  padding-bottom: 50px;
  background-color: #ffffff;
}

.presence-mapWrapper .countries-links {
  background-color: #ffffff;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.presence-mapWrapper .countries-links ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .countries-links ul {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
  }
}
.presence-mapWrapper .countries-links ul li {
  width: 20%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .countries-links ul li {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #000000;
    margin-left: -4px;
  }
}
.presence-mapWrapper .countries-links ul li:not(:last-child) {
  border-right: 1px solid #000000;
}
.presence-mapWrapper .countries-links ul li a {
  position: relative;
  display: block;
  height: 100%;
  padding: 1rem;
  color: #000000;
  opacity: 0.5;
}
.presence-mapWrapper .countries-links ul li a.active {
  opacity: 1;
}
.presence-mapWrapper .countries-links ul li a.active::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #307fe2;
  height: 8px;
  transition: 0.5s;
}
.presence-mapWrapper .countries-links ul li a h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
@media screen and (max-width: 991px) {
  .presence-mapWrapper .countries-links ul li a h4 {
    font-size: 16px;
  }
}
.presence-mapWrapper .countries-links ul li a span {
  font-size: 13px;
}
.presence-mapWrapper .map-wrp {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f5f9ff;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .map-wrp {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #ffffff;
  }
}
.presence-mapWrapper .map-wrp .mapLinks-txt {
  background-color: #ffffff;
  padding: 50px 25px;
  border-radius: 30px;
}
.presence-mapWrapper .map-wrp .mapLinks-txt h3 {
  font-size: 30px;
  font-weight: 500;
  color: #000000;
}
.presence-mapWrapper .map-wrp .mapLinks-txt p {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links {
  list-style: none;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links .listWrap {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links .listWrap {
    grid-template-columns: 1fr;
  }
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links .listWrap.show {
  display: grid;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links li {
  display: flex;
  align-items: center;
  position: relative;
  align-items: center;
  background-color: #f5f9ff;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  overflow: hidden;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links li a {
  display: block;
  width: 100%;
  color: #000000;
  padding: 1rem;
  background-image: url("../images/arrw-grey-brand.png");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 10px;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links li a.nolink {
  background-image: none;
  cursor: default;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links li a:hover {
  background-color: #0d6efd;
  color: #ffffff;
}
.presence-mapWrapper .map-wrp .mapLinks-txt .countrywise-links li .flag-icon {
  margin-right: 1rem !important;
}
.presence-mapWrapper .map-wrp .categorywise ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .map-wrp .categorywise ul {
    width: 100%;
  }
}
.presence-mapWrapper .map-wrp .categorywise ul li {
  border: 1px solid #919191;
  padding: 10px;
  border-radius: 30px;
  cursor: pointer;
  text-align: center;
  transition: all 0.5s;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .map-wrp .categorywise ul li {
    padding: 4px;
    font-size: 8px;
  }
}
.presence-mapWrapper .map-wrp .categorywise ul li.active {
  text-decoration: underline;
  color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(1) {
  background-color: #000000;
  color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(2) {
  background-color: #307fe2;
  color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(2) .label-icon-1 {
  background-color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(3) {
  background-color: #0a0a5f;
  color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(3) .label-icon-2 {
  background-color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(4) {
  background-color: #9747ff;
  color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li.active:nth-child(4) .label-icon-3 {
  background-color: #ffffff;
}
.presence-mapWrapper .map-wrp .categorywise ul li span.label-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .presence-mapWrapper .map-wrp .categorywise ul li span.label-icon {
    width: 5px;
    height: 5px;
  }
}
.presence-mapWrapper .map-wrp .categorywise ul li span.label-icon-1 {
  background-color: #307fe2;
}
.presence-mapWrapper .map-wrp .categorywise ul li span.label-icon-2 {
  background-color: #0a0a5f;
}
.presence-mapWrapper .map-wrp .categorywise ul li span.label-icon-3 {
  background-color: #9747ff;
}

.latest-press-release {
  padding-top: 100px;
  padding-bottom: 100px;
}
.latest-press-release .container {
  /* clear fix */
}
.latest-press-release .container .filters-container .media-boxes-search {
  margin-bottom: 0;
  height: 40px;
  border-radius: 50px;
  border: 0.5px solid #a9c2ed;
  background: #f5f9ff;
}
@media screen and (max-width: 767px) {
  .latest-press-release .container .filters-container .media-boxes-search {
    margin-bottom: 16px !important;
  }
}
.latest-press-release .container .filters-container .media-boxes-search .media-boxes-icon {
  height: auto !important;
  line-height: inherit !important;
}
.latest-press-release .container .filters-container .media-boxes-search input {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
}
.latest-press-release .container .filters-container .media-boxes-drop-down {
  width: 100%;
  margin-bottom: 0 !important;
  border-radius: 50px;
  border: 0.5px solid #d3d3d3;
}
@media screen and (max-width: 767px) {
  .latest-press-release .container .filters-container .media-boxes-drop-down {
    margin-bottom: 16px !important;
  }
}
.latest-press-release .container .filters-container .media-boxes-drop-down .media-boxes-drop-down-header {
  border-radius: 50px;
  background-image: url("../images/select-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.latest-press-release .container .media-boxes-load-more-button {
  width: 200px;
  margin-top: 50px;
  background-color: #307fe2;
}
.latest-press-release .container .grid:after {
  content: "";
  display: block;
  clear: both;
}
.latest-press-release .container .media-box {
  padding-top: 30px;
  border-bottom: 1px solid #d3d3d3;
}
.latest-press-release .container .media-box .media-box-container a {
  display: flex;
  align-items: center;
  gap: 16px;
}
.latest-press-release .container .media-box .media-box-container .thumb {
  border-radius: 20px;
}
.latest-press-release .container .media-box .media-box-container .thumb img {
  border-radius: 20px;
  max-width: 150px;
}
.latest-press-release .container .media-box .media-box-container .content .smallTitle {
  color: #307fe2;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}
.latest-press-release .container .media-box .media-box-container .content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.media-library-bnr {
  background-image: url("../images/media-library-bnr.jpg");
  height: 50vh;
}

.gallery {
  padding-top: 50px;
  padding-bottom: 50px;
}
.gallery.featuredGallery {
  background-color: #ffffff;
}
.gallery.exclusiveGallery {
  background-color: #000000;
  background-image: url("../images/gallery-pattern.png");
  background-repeat: no-repeat;
  background-position: right center;
}
.gallery.corporateGallery {
  background-color: #ffffff;
}
.gallery .container .galleryGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .gallery .container .galleryGrid {
    grid-template-columns: 1fr;
  }
}
.gallery .container .galleryGrid .grid {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  display: block;
}
.gallery .container .galleryGrid .grid .mediaThumb-wrp {
  position: relative;
  z-index: 1;
}
.gallery .container .galleryGrid .grid .mediaThumb-wrp img {
  transition: all 0.5s;
}
.gallery .container .galleryGrid .grid .mediaThumb-wrp::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 95, 0) 48.58%, #000000 99.05%), linear-gradient(180deg, rgba(0, 0, 0, 0) 44.25%, #000 100%);
  pointer-events: none;
}
.gallery .container .galleryGrid .grid .mediaIcon {
  position: absolute;
  top: 16px;
  right: 24px;
  z-index: 1;
  pointer-events: none;
}
.gallery .container .galleryGrid .grid .mediaFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 18px;
  border-top: 2px solid #ffffff;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.gallery .container .galleryGrid .grid .mediaFooter .galleryTitle {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.gallery .container .galleryGrid .grid .mediaFooter .galleryBtns {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.gallery .container .galleryGrid .grid .mediaFooter .galleryBtns a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.allImagesandVideos {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f5f9ff;
}
.allImagesandVideos .container {
  /* clear fix */
  /* ui group */
  /* color-shape */
}
.allImagesandVideos .container .ui-group select {
  width: 100%;
  padding: 10px 16px;
  border-radius: 30px;
  background-image: url("../images/select-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.5px solid #d3d3d3;
}
.allImagesandVideos .container button {
  width: 100%;
  padding: 10px 16px;
  background-color: #ffffff;
  border: 0.5px solid #d3d3d3;
  cursor: pointer;
  border-radius: 30px;
}
.allImagesandVideos .container .grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .allImagesandVideos .container .grids {
    grid-template-columns: 1fr;
  }
}
.allImagesandVideos .container .grids .mediaBox {
  border-radius: 24px;
  overflow: hidden;
  width: 33.33%;
  height: 345px;
  padding: 16px;
  border: none !important;
  float: left;
}
@media screen and (max-width: 767px) {
  .allImagesandVideos .container .grids .mediaBox {
    width: 100%;
  }
}
.allImagesandVideos .container .grids .mediaBox.videos .img-wrp::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/video-icon-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.allImagesandVideos .container .grids .mediaBox .img-wrp {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}
.allImagesandVideos .container .grids .mediaBox .img-wrp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.allImagesandVideos .container .grids:after {
  content: "";
  display: block;
  clear: both;
}
.allImagesandVideos .container .color-shape.round {
  border-radius: 35px;
}
.allImagesandVideos .container .color-shape.big.round {
  border-radius: 75px;
}
.allImagesandVideos .container .color-shape.red {
  background: red;
}
.allImagesandVideos .container .color-shape.blue {
  background: blue;
}
.allImagesandVideos .container .color-shape.yellow {
  background: yellow;
}
.allImagesandVideos .container .color-shape.wide,
.allImagesandVideos .container .color-shape.big {
  width: 150px;
}
.allImagesandVideos .container .color-shape.tall,
.allImagesandVideos .container .color-shape.big {
  height: 150px;
}

.innerPage .breadcrumbs {
  margin-top: 138px;
}

.innnerGallery {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.innnerGallery .container .smallTitle {
  color: #919191;
}
.innnerGallery .container .galleryGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .innnerGallery .container .galleryGrid {
    grid-template-columns: 1fr;
  }
}
.innnerGallery .container .galleryGrid .grid {
  border-radius: 24px;
  overflow: hidden;
}
.innnerGallery .container .galleryGrid .grid img {
  transition: all 0.5s;
}
.innnerGallery .container .galleryGrid .grid:hover img {
  transform: scale(1.2);
}

.gallery-modal .modal-dialog {
  max-width: 1024px;
  border-radius: 30px;
  overflow: hidden;
}
.gallery-modal .modal-body {
  padding: 0;
}
.gallery-modal .modal-body .btn-close {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
  opacity: 1;
}
.gallery-modal .modal-footer {
  padding: 30px;
}
.gallery-modal .modal-footer .headline {
  font-size: 24px;
  font-weight: 700;
  color: #0a0a5f;
}
.gallery-modal .modal-footer .misc-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 2px solid #0a0a5f;
  border-radius: 50%;
}
.gallery-modal .modal-footer .misc-btns:hover {
  background-color: #0a0a5f;
}
.gallery-modal .modal-footer .misc-btns:hover svg path {
  fill: #ffffff;
}

.media-bnr {
  background-color: #0a0a5f;
  background-image: url("../images/media-banner-pattern.png");
  background-repeat: no-repeat;
  background-position: right center;
  height: 65vh;
}

.contacts .accordion .accordion-header .accordion-button {
  color: #307fe2;
  font-size: 32px;
  font-weight: 400;
}
.contacts .accordion .accordion-body h5 {
  color: #0a0a5f;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.contacts .accordion .accordion-body .region-select {
  padding: 10px 16px;
  border-radius: 30px;
  border: 0.5px solid #d3d3d3;
}
.contacts .accordion .accordion-body .contact-person {
  position: relative;
}
.contacts .accordion .accordion-body .contact-person:not(:last-child)::after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #d3d3d3;
  display: block;
  position: absolute;
  bottom: 0;
  left: 16px;
}
.contacts .accordion .accordion-body .misc-boxes .misc-inner {
  padding: 16px 32px;
  border-radius: 24px;
  height: 100%;
}
.contacts .accordion .accordion-body .misc-boxes:nth-child(1) .misc-inner {
  background-color: #f5f9ff;
}
.contacts .accordion .accordion-body .misc-boxes:nth-child(2) .misc-inner {
  background-color: #f5f9ff;
}
.contacts .accordion .accordion-body .misc-boxes:nth-child(3) .misc-inner {
  background-color: #0a0a5f;
  background-image: url("../images/two-dots.png");
  background-repeat: no-repeat;
  background-position: top 15px right 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.contacts .accordion .accordion-body .misc-boxes:nth-child(3) .misc-inner h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 400;
}
.contacts .accordion .accordion-body .misc-boxes:nth-child(3) .misc-inner a {
  color: #ffffff;
}

.forAssistance {
  padding-top: 80px;
  padding-bottom: 0px;
}
.forAssistance .container {
  background-color: #f5f9ff;
  padding: 40px;
  border-radius: 24px;
  overflow: hidden;
}
.forAssistance .container h2 {
  color: #307fe2;
  font-size: 32px;
  font-weight: 400;
}

.agents-trustees {
  padding: 24px;
  background-color: #f5f9ff;
  border-radius: 24px;
  height: 100%;
}

.p-content {
  padding-top: 80px;
}
.p-content .container .title-summary .smallTitle {
  display: block;
  margin-bottom: 16px;
  font-size: 14px;
  color: #919191;
  font-weight: 500;
}
.p-content .container .title-summary .title-wrp {
  font-size: 40px;
  font-weight: 500;
  color: #0a0a5f;
  margin-bottom: 16px;
}
.p-content .container .title-summary .summary {
  font-size: 24px;
  font-weight: 500;
  color: #2f2f2f;
}
.p-content .container .sharing ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.p-content .container .sharing ul li {
  display: inline-block;
  margin: 32px 16px;
}
.p-content .container .sharing ul li a {
  color: #919191;
}
.p-content .container .sharing-bottom ul {
  list-style: none;
  text-align: left;
  padding: 0;
}
.p-content .container .sharing-bottom ul li {
  display: inline-block;
  margin: 4px 16px;
}
.p-content .container .sharing-bottom ul li a {
  color: #919191;
}
.p-content .container .content-banner img {
  border-radius: 24px;
}
.p-content .container .content-banner .caption {
  width: 90%;
  margin: auto;
  font-size: 16px;
  color: #919191;
  margin-top: 16px;
  text-align: center;
}

.pps-sldr .pps-next,
.pps-sldr .pps-prev {
  width: 36px;
  height: 36px;
}
.pps-sldr .pps-next::after,
.pps-sldr .pps-prev::after {
  display: none;
}
.pps-sldr .pps-next {
  background-image: url(../images/pps-right.png);
}
.pps-sldr .pps-prev {
  background-image: url(../images/pps-left.png);
}

.tl-blue-wrp {
  background-color: #0a0a5f;
  padding: 100px 0px 0px;
}
.tl-blue-wrp .container .title-summary .smallTitle {
  color: #ffffff;
}
.tl-blue-wrp .container .title-summary .title-wrp {
  color: #ffffff;
}
.tl-blue-wrp .container .title-summary .summary {
  color: #ffffff;
}
.tl-blue-wrp .container ul {
  margin: 0px;
}

.tl-pic-wrp {
  max-width: 1920px;
  margin: 0 auto;
}

.quote-txt {
  font-size: 32px;
  color: #000000;
  font-weight: 500;
  line-height: normal;
}

.business-overview-bnr {
  background-image: url("../images/business-overview-banner.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.allvehicles .av-grid {
  background-color: #000000;
  align-items: center;
  justify-content: center;
}
.allvehicles .av-thumbnail {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.allvehicles .av-thumbnail .swipeCard {
  width: 100%;
  height: 110%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
}
.allvehicles .av-thumbnail.left {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.allvehicles .av-thumbnail.right {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
@media screen and (max-width: 991px) {
  .allvehicles .av-info {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.allvehicles .av-info .av-heading {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 24px;
}
.allvehicles .av-info .subHeading {
  color: #307fe2;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.allvehicles .av-info .mainText {
  color: #d3d3d3;
  font-size: 16px;
  font-weight: 400;
}
.allvehicles .av-info .know-more-link {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.allvehicles .av-info .know-more-link svg {
  position: relative;
  top: -3px;
}

.pdf-listing {
  margin-top: 20px;
}

.pdf-listing li {
  padding: 15px 30px;
  border-top: 0.5px solid #d3d3d3;
}

.pdf_download_btn {
  display: inline-block;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pdf_download_btn {
    width: 100%;
    margin-bottom: 8px;
  }
}

.pdf_download_btn.first_pdf {
  margin-left: 0px;
}
@media screen and (max-width: 767px) {
  .pdf_download_btn.first_pdf {
    width: 100%;
  }
}

.pdf_download_btn a,
.pdf_download_btn button {
  background-color: #f5f9ff;
  display: inline-block;
  position: relative;
  padding: 10px 16px;
  color: #307fe2;
  transition: all 0.4s ease;
  border-radius: 30px;
  font-size: 16px;
  margin: 0px 10px;
  min-width: 150px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border: none;
}
@media screen and (max-width: 1199px) {
  .pdf_download_btn a,
  .pdf_download_btn button {
    margin-bottom: 16px;
  }
}

.pdf_download_btn a:hover,
.pdf_download_btn button:hover {
  background-color: #0d6efd;
  color: #fff;
}

.pdf_download_btn i.pdf_icn {
  margin-right: 10px;
}

.pdf_download_btn i.download_icn {
  margin-left: 10px;
}

.investors-dropdown-wrapper .container select {
  width: 60%;
}

@media screen and (max-width: 991px) {
  .pdfbtns {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .pdfbtns {
    width: 65%;
    text-align: right;
  }
}

.btn-label {
  position: relative;
  left: -12px;
  display: inline-block;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px 0 0 3px;
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}

.blue_heading {
  color: #307fe2;
}

.calendar-and-relations .calrender-group a .caption p {
  color: #fff;
}

.investors-dropdown-wrapper .container span {
  display: inline-block;
  font-weight: 600;
}

.credit-tabs .nav-link.active {
  background-color: #0a0a5f;
}

.credit-tabs .nav-link {
  color: #000;
  border: 1px solid #e4e4e4;
}

@media (min-width: 320px) and (max-width: 767px) {
  .investors-dropdown-wrapper {
    margin: 0px 0px !important;
  }
  .investors-dropdown-wrapper .container select {
    width: 100%;
  }
  .investors-dropdown-wrapper .container {
    text-align: center;
  }
  .investors-dropdown-wrapper .container span {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 600;
  }
  .pdf_download_btn a {
    margin: 0 auto;
  }
  .calendar-and-relations .calrender-group a .caption p {
    color: #fff;
  }
  .investors-dropdown-wrapper .container {
    margin-bottom: 0px;
  }
  .pdf_download_btn a.kfs-btns {
    margin-top: 5px;
  }
  .reports-slider .reports-Swiper .swiper-wrapper {
    margin-bottom: 0px;
  }
  .list-unstyled {
    margin-bottom: 0px;
  }
  .mainTitle {
    font-size: 22px;
  }
  .pdf-listing li {
    padding: 15px 0px;
  }
  .pdf-listing li .title {
    font-size: 15px;
    text-align: center;
  }
  .sec-filing-intr h4.blue_heading {
    font-size: 20px;
    text-align: center;
  }
  .sec-filing-intr p {
    text-align: center;
    font-size: 15px;
  }
  .frm-sec-btn {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .credit-tabs {
    justify-content: space-between;
  }
  .credit-tabs .nav-link {
    padding: 0.5rem 0.5rem;
    font-size: 13px;
  }
  #myTabContent th {
    font-size: 13px;
    text-align: center;
  }
  #myTabContent td p {
    font-size: 13px;
    text-align: center;
  }
  #myTabContent td {
    font-size: 13px;
    text-align: center;
  }
  .load_more_btn {
    margin: 30px 0px;
  }
}
@media screen and (max-width: 767px) {
  .earth-container {
    padding: 30px 0px;
  }
}
@media screen and (max-width: 767px) {
  .earth-container canvas {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.smallTitle2 {
  font-size: 24px;
  margin-bottom: 16px;
}

.latml-modal .modal-dialog {
  max-width: 768px;
  border-radius: 24px;
  overflow: hidden;
}
.latml-modal .modal-dialog .icon {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #f4f4f4;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.latml-modal .modal-dialog h6 {
  font-size: 18px;
}

.tile {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sharetrading {
  background-color: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .sharetrading {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .sharetrading .jlrir {
    margin-top: 25px;
  }
}
.sharetrading .jlrir .jlrir-inner {
  padding: 36px;
  background-image: url("../images/investor-relationship-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .sharetrading .jlrir .jlrir-inner {
    padding: 24px;
    min-height: 440px;
  }
}
.sharetrading .jlrir .jlrir-inner h2 {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}
.sharetrading .jlrir .jlrir-inner .btn-box {
  width: -moz-fit-content;
  width: fit-content;
}
.sharetrading .jlr-left .jlr-left-inner {
  background-color: #f5f9ff;
  border-radius: 24px;
  padding: 36px;
}
@media screen and (max-width: 767px) {
  .sharetrading .jlr-left .jlr-left-inner {
    padding: 24px;
  }
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid {
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  .sharetrading .jlr-left .jlr-left-inner .nsebsegrid {
    grid-template-columns: 1fr;
  }
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 20px;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid p {
  color: #000000;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h3 {
  color: #307fe2;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h5 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h5 .market-arrow.red svg {
  transform: rotate(0deg) scale(0.7);
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h5 .market-arrow.red svg path {
  fill: #de2c2c;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h5 .market-arrow.green {
  transform: rotate(180deg) scale(0.7);
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h5 .market-arrow.green path {
  fill: green;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h6 {
  margin-top: 30px;
  color: #919191;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h6 span {
  display: inline-block;
}
.sharetrading .jlr-left .jlr-left-inner .nsebsegrid .grid h6 span:nth-child(1) {
  margin-right: 5px;
}

.key-metrics {
  background-color: #000000;
  padding-top: 50px;
  padding-bottom: 50px;
}
.key-metrics .container .mainTitle {
  color: #ffffff;
  text-align: left;
}
.key-metrics .container .pp-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .key-metrics .container .pp-nav ul {
    display: none;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .key-metrics .container .pp-nav ul {
    display: block;
  }
}
.key-metrics .container .pp-nav ul li {
  width: 25%;
  text-align: center;
  padding: 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #919191;
  cursor: pointer;
  position: relative;
}
.key-metrics .container .pp-nav ul li.active {
  background-color: transparent;
  font-weight: 700;
  color: #ffffff;
}
.key-metrics .container .pp-nav ul li.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background-color: #0f90f2;
  bottom: 0;
  left: 0;
  position: absolute;
}
.key-metrics .container .pp-nav select {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../images/select-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.key-metrics .container .pp-nav select:focus {
  outline: none;
}
@media screen and (max-width: 767px) {
  .key-metrics .container .pp-nav select {
    display: block;
    width: 100%;
    border-left: 0;
    border-right: 0;
    padding: 16px;
  }
}
.key-metrics .container .tabContent {
  background-color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.key-metrics .container .tabContent .content {
  display: none;
}
.key-metrics .container .tabContent .content.show {
  display: block;
}
.key-metrics .container .tabContent .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .key-metrics .container .tabContent .content ul {
    display: block;
  }
}
.key-metrics .container .tabContent .content ul li {
  width: 25%;
  padding: 16px;
  font-size: 40px;
  text-align: center;
}
.key-metrics .container .tabContent .content ul li span {
  display: block;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .key-metrics .container .tabContent .content ul li {
    width: 100%;
    font-size: 28px;
    border-bottom: 0.5px solid #919191;
  }
}

.key-investors-resources {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f5f9ff;
}
@media screen and (max-width: 767px) {
  .key-investors-resources {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.key-investors-resources .container .kir-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .key-investors-resources .container .kir-grid {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .key-investors-resources .container .kir-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.key-investors-resources .container .kir-grid .grid {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 20px;
  min-height: 300px;
  border-radius: 16px;
}
.key-investors-resources .container .kir-grid .grid:last-child {
  background-color: #000000;
}
.key-investors-resources .container .kir-grid .grid:last-child h3 {
  color: #ffffff;
}
.key-investors-resources .container .kir-grid .grid:last-child img {
  border-radius: 16px;
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.key-investors-resources .container .kir-grid .grid h3 {
  font-size: 20px;
  color: #000000;
  margin-bottom: 16px;
  font-weight: 700;
}
.key-investors-resources .container .kir-grid .grid ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.key-investors-resources .container .kir-grid .grid ul li {
  margin-bottom: 8px;
}
.key-investors-resources .container .kir-grid .grid ul li a {
  display: flex;
  width: 100%;
  padding-right: 30px;
  color: #0a0a5f;
  transition: all 0.5s;
  font-size: 16px;
  border-bottom: 0.5px solid #307fe2;
  padding-bottom: 8px;
  justify-content: start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
}
.key-investors-resources .container .kir-grid .grid ul li a:hover {
  color: #307fe2;
}

.pr-sec {
  background-color: #ffffff;
  padding-bottom: 50px;
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  .pr-sec .container .pr-sec-left {
    margin-bottom: 24px;
  }
}
.pr-sec .container .pr-sec-left .prBox-v .prThumb {
  border-radius: 16px;
  background: #eee;
  height: 250px;
  overflow: hidden;
}
.pr-sec .container .pr-sec-left .prBox-v .prThumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pr-sec .container .pr-sec-left .prBox-v .prDate {
  font-size: 14px;
  color: #919191;
  margin-top: 10px;
  margin-bottom: 4px;
}
.pr-sec .container .pr-sec-left .prBox-v .prTitle {
  font-size: 24px;
  color: #000000;
}
.pr-sec .container .pr-sec-left .prBox-v .prTitle p {
  font-weight: 700;
  line-height: 1.5;
}
.pr-sec .container .pr-sec-left .more-pr {
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .pr-sec .container .pr-sec-left .more-pr {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.pr-sec .container .pr-sec-left .more-pr li {
  margin-bottom: 16px;
  padding: 0 16px;
  border-radius: 16px;
}
.pr-sec .container .pr-sec-left .more-pr li:hover {
  background-color: #f5f9ff;
}
.pr-sec .container .pr-sec-left .more-pr li:hover a .prDate,
.pr-sec .container .pr-sec-left .more-pr li:hover a .prTitle {
  color: #0f90f2;
}
.pr-sec .container .pr-sec-left .more-pr li a {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.pr-sec .container .pr-sec-left .more-pr li a .thumb {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
}
.pr-sec .container .pr-sec-left .more-pr li a .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pr-sec .container .pr-sec-left .more-pr li a .pr-content .prDate {
  font-size: 14px;
  color: #919191;
  margin-top: 10px;
  margin-bottom: 4px;
}
.pr-sec .container .pr-sec-left .more-pr li a .pr-content .prTitle {
  font-size: 24px;
  color: #000000;
}
.pr-sec .container .pr-sec-left .more-pr li a .pr-content .prTitle p {
  font-weight: 700;
  line-height: 1.5;
}
.pr-sec .container .pr-sec-right .upcoming-events {
  padding: 20px;
  background-color: #0a0a5f;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
}
.pr-sec .container .pr-sec-right .upcoming-events h3 {
  font-size: 30px;
  font-weight: 500;
  color: #ffffff;
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff;
}
.pr-sec .container .pr-sec-right .upcoming-events ul {
  list-style: none;
  padding: 0;
}
.pr-sec .container .pr-sec-right .upcoming-events ul li {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-top: 24px;
}
.pr-sec .container .pr-sec-right .upcoming-events ul li .date h3 {
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: none;
}
.pr-sec .container .pr-sec-right .upcoming-events ul li .date h3 span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.pr-sec .container .pr-sec-right .upcoming-events ul li .title p {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .pr-sec .container .pr-sec-right .upcoming-events ul li .title p {
    font-size: 18px;
  }
}
.pr-sec .container .pr-sec-right .upcoming-events ul li .addToCalendar {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 30px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.5s;
}
.pr-sec .container .pr-sec-right .upcoming-events ul li .addToCalendar:hover {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}

.other-resources {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f5f9ff;
}
.other-resources .container .resource-box .resource-box-inner {
  overflow: hidden;
}
.other-resources .container .resource-box .resource-box-inner a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: #ffffff;
  transition: all 0.5s;
  border-radius: 16px;
}
.other-resources .container .resource-box .resource-box-inner a:hover {
  background-color: #0f90f2;
}
.other-resources .container .resource-box .resource-box-inner a:hover p {
  color: #ffffff;
}

.commitments {
  background-color: #ffffff;
  padding-bottom: 50px;
  padding-top: 50px;
}
.commitments .container .row {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .commitments .container .row {
    margin: 0;
  }
}
.commitments .container .ic {
  padding: 36px;
  background-image: url(../images/ic-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  overflow: hidden;
  width: 49%;
}
@media screen and (max-width: 767px) {
  .commitments .container .ic {
    width: 100%;
  }
}
.commitments .container .ic h3 {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 24px;
}
.commitments .container .ic.updates {
  background-color: #0a0a5f;
  background-image: none !important;
}
@media screen and (max-width: 767px) {
  .commitments .container .ic.updates .input-group-append {
    width: 100%;
  }
}
.commitments .container .ic.updates .btn {
  width: 120px;
  border-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #0d6efd;
  border: none;
  color: #ffffff;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .commitments .container .ic.updates .btn {
    width: 100%;
    border-radius: 0;
  }
}
.commitments .container .ic.updates .form-control {
  border: none;
  padding-left: 50px;
  background-image: url(../images/material-symbols_mail-outline.png);
  background-repeat: no-repeat;
  background-position: left 12px center;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .commitments .container .ic.updates .form-control {
    border-radius: 0;
  }
}
.commitments .container .ic.updates span {
  color: #919191;
}
.commitments .container .commitments-box {
  margin-top: 24px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
  background-position: center center;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(90deg, #000 11.67%, rgba(0, 0, 0, 0) 51.53%), url(../images/commitment.png) no-repeat, lightgray 0px -307.031px/128.403% 194.768% no-repeat;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  .commitments .container .commitments-box {
    background-position: right top;
  }
}
.commitments .container .commitments-box .commitments-box-content {
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  .commitments .container .commitments-box .commitments-box-content {
    margin-left: 16px;
  }
}
.commitments .container .commitments-box .commitments-box-content .smallTitle {
  color: #ffffff;
}
.commitments .container .commitments-box .commitments-box-content .mainTitle {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .commitments .container .commitments-box .commitments-box-content .mainTitle {
    text-align: left;
  }
}
.commitments .container .commitments-box .commitments-box-content p {
  color: #ffffff;
}

.rss-btn {
  padding: 8px;
  border-radius: 4px;
  background-color: #0d6efd;
  color: #ffffff;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}

.subscribemodal .form-control {
  background-image: url("../images/select-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.btnBox {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  border: 0.5px solid #d3d3d3;
  border-radius: 30px;
  overflow: hidden;
}
.btnBox .btn {
  border-radius: 30px !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0 !important;
}

.kfs-btns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .kfs-btns {
    grid-template-columns: repeat(1, 1fr);
  }
}/*# sourceMappingURL=corporate-responsibility.css.map */