html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
a {
  text-decoration: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-BoldCondIt.eot");
  src: local("Myriad Pro Bold Condensed Italic"), local("MyriadPro-BoldCondIt"), url("../fonts/MyriadPro-BoldCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCondIt.woff2") format("woff2"), url("../fonts/MyriadPro-BoldCondIt.woff") format("woff"), url("../fonts/MyriadPro-BoldCondIt.ttf") format("truetype"), url("../fonts/MyriadPro-BoldCondIt.svg#MyriadPro-BoldCondIt") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Cond.eot");
  src: local("Myriad Pro Condensed"), local("MyriadPro-Cond"), url("../fonts/MyriadPro-Cond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Cond.woff2") format("woff2"), url("../fonts/MyriadPro-Cond.woff") format("woff"), url("../fonts/MyriadPro-Cond.ttf") format("truetype"), url("../fonts/MyriadPro-Cond.svg#MyriadPro-Cond") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-BoldIt.eot");
  src: local("Myriad Pro Bold Italic"), local("MyriadPro-BoldIt"), url("../fonts/MyriadPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldIt.woff2") format("woff2"), url("../fonts/MyriadPro-BoldIt.woff") format("woff"), url("../fonts/MyriadPro-BoldIt.ttf") format("truetype"), url("../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-CondIt.eot");
  src: local("Myriad Pro Condensed Italic"), local("MyriadPro-CondIt"), url("../fonts/MyriadPro-CondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-CondIt.woff2") format("woff2"), url("../fonts/MyriadPro-CondIt.woff") format("woff"), url("../fonts/MyriadPro-CondIt.ttf") format("truetype"), url("../fonts/MyriadPro-CondIt.svg#MyriadPro-CondIt") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-BoldCond.eot");
  src: local("Myriad Pro Bold Condensed"), local("MyriadPro-BoldCond"), url("../fonts/MyriadPro-BoldCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCond.woff2") format("woff2"), url("../fonts/MyriadPro-BoldCond.woff") format("woff"), url("../fonts/MyriadPro-BoldCond.ttf") format("truetype"), url("../fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Bold.eot");
  src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url("../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Bold.woff2") format("woff2"), url("../fonts/MyriadPro-Bold.woff") format("woff"), url("../fonts/MyriadPro-Bold.ttf") format("truetype"), url("../fonts/MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-SemiboldIt.eot");
  src: local("Myriad Pro Semibold Italic"), local("MyriadPro-SemiboldIt"), url("../fonts/MyriadPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldIt.woff2") format("woff2"), url("../fonts/MyriadPro-SemiboldIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldIt.ttf") format("truetype"), url("../fonts/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Regular.eot");
  src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.woff2") format("woff2"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Semibold.eot");
  src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold"), url("../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold.woff2") format("woff2"), url("../fonts/MyriadPro-Semibold.woff") format("woff"), url("../fonts/MyriadPro-Semibold.ttf") format("truetype"), url("../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Light.eot");
  src: local("Myriad Pro Light"), local("MyriadPro-Light"), url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.woff2") format("woff2"), url("../fonts/MyriadPro-Light.woff") format("woff"), url("../fonts/MyriadPro-Light.ttf") format("truetype"), url("../fonts/MyriadPro-Light.svg#MyriadPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RupeeForadian';
  src: url("../fonts/Rupee_Foradian.eot");
  src: url("../fonts/Rupee_Foradian.eot") format("embedded-opentype"), url("../fonts/Rupee_Foradian.woff2") format("woff2"), url("../fonts/Rupee_Foradian.woff") format("woff"), url("../fonts/Rupee_Foradian.ttf") format("truetype"), url("../fonts/Rupee_Foradian.svg#Rupee_Foradian") format("svg"); }
.rs {
  font-family: "RupeeForadian"; }

body {
  font-size: 18px;
  font-family: "Myriad Pro";
  font-weight: 400;
  color: #191a1b;
  line-height: normal;
  color: #2c2c2c; }
  @media screen and (max-width: 767px) {
    body {
      font-size: 16px; } }

.purple-txt {
  color: #8e278f; }

.blue-txt {
  color: #1368b3; }

.darkBlue-txt {
  color: #2c2f77; }

.green-txt {
  color: #76b043; }

.darkGreen-txt {
  color: #4c9e45; }

.green2-txt {
  color: #2d9a47; }

.dark-txt {
  color: #191a1b; }

.grey-txt {
  color: #2c2c2c; }

.white-txt {
  color: #ffffff !important; }

@media screen and (max-width: 767px) {
  .container {
    width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%; } }
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .container {
    width: 100%; } }
@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .container {
    width: 1200px; } }
@media screen and (min-width: 1400px) {
  .container {
    width: 1280px; } }

img {
  display: block; }

.swiper-pagination .swiper-pagination-bullet {
  background-color: #8e278f; }

a {
  color: #2c2c2c; }
  a:hover {
    color: #1368b3; }

.bgwhite {
  background-color: #ffffff; }

.fw-bold {
  font-weight: 700 !important; }

.fw-bolder {
  font-weight: 800 !important; }

.fw-medium {
  font-weight: 500 !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-regular {
  font-weight: 400 !important; }

.fw-semibold {
  font-weight: 600 !important; }

.bg1 {
  background-color: #f3f3f3; }

.bg2 {
  background-color: #eddeed; }

.bg3 {
  background-color: #e2d0e4; }

.bg4 {
  background-color: #e2d0e4; }

/* Fonts Size Var */
.fs12 {
  font-size: clamp(10px, 0.625vw, 12px); }

.fs14 {
  font-size: clamp(12px, 0.729vw, 14px); }

.fs16 {
  font-size: clamp(14px, 0.833vw, 16px); }

.fs18 {
  font-size: clamp(16px, 0.938vw, 18px); }

.fs20 {
  font-size: clamp(18px, 1.042vw, 20px); }

.fs22 {
  font-size: clamp(20px, 1.146vw, 22px); }

.fs24 {
  font-size: clamp(22px, 1.25vw, 24px); }

.fs26 {
  font-size: clamp(24px, 1.354vw, 26px); }

.fs28 {
  font-size: clamp(26px, 1.354vw, 28px); }

.fs30 {
  font-size: clamp(28px, 1.563vw, 30px); }

.fs32 {
  font-size: clamp(30px, 1.667vw, 32px); }

.fs36 {
  font-size: clamp(32px, 1.875vw, 36px); }

.fs40 {
  font-size: clamp(34px, 2.083vw, 40px); }

.fs44 {
  font-size: clamp(36px, 2.292vw, 44px); }

.fs46 {
  font-size: clamp(38px, 2.396vw, 46px); }

.fs48 {
  font-size: clamp(40px, 2.5vw, 48px); }

.fs50 {
  font-size: clamp(42px, 2.604vw, 50px); }

.fs52 {
  font-size: clamp(44px, 2.708vw, 52px); }

.fs54 {
  font-size: clamp(46px, 2.813vw, 54px); }

.fs56 {
  font-size: clamp(48px, 2.917vw, 56px); }

.fs60 {
  font-size: clamp(50px, 3.125vw, 60px); }

.fs64 {
  font-size: clamp(36px, 3.333vw, 64px); }

.fs70 {
  font-size: clamp(36px, 2.5vw, 40px); }

.fs72 {
  font-size: clamp(36px, 2.5vw, 40px); }

.fs75 {
  font-size: clamp(36px, 2.5vw, 40px); }

.fs85 {
  font-size: clamp(36px, 2.5vw, 40px); }

.fs90 {
  font-size: clamp(36px, 2.5vw, 40px); }

.fs100 {
  font-size: clamp(36px, 2.5vw, 40px); }

.fs120 {
  font-size: clamp(36px, 2.5vw, 40px); }

.w-20 {
  width: 20%; }

p {
  margin-bottom: 1rem; }

.section {
  padding: 80px 0; }
  @media screen and (max-width: 991px) {
    .section {
      padding: 50px 0; } }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem 0;
  transition: 0.5s;
  background-color: #ffffff;
  z-index: 9999;
  -webkit-box-shadow: 10px 0px 7px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 0px 7px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 10px 0px 7px 0px rgba(0, 0, 0, 0.3); }
  .header__left .logo img {
    max-width: 400px; }
    @media screen and (max-width: 767px) {
      .header__left .logo img {
        max-width: 250px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .header__left .logo img {
        max-width: 280px; } }
  .header__right {
    column-gap: 32px; }
    .header__right .logo {
      max-width: 60px; }
    .header__right .download {
      display: flex;
      align-items: center;
      column-gap: 0.5rem;
      font-weight: 600; }
      @media screen and (max-width: 767px) {
        .header__right .download {
          display: none; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .header__right .download {
          display: none; } }

.viewport {
  padding-bottom: 84px; }
  @media screen and (max-width: 991px) {
    .viewport {
      padding-bottom: 0; } }

.banner {
  position: relative;
  width: 100%;
  height: 827px;
  overflow: hidden;
  background: #111d3d;
  background: radial-gradient(circle, #111d3d 0%, #111d3d 78%, #111e3e 100%); }
  @media screen and (max-width: 991px) {
    .banner {
      height: 500px; } }
  @media screen and (min-width: 1280px) and (max-width: 1600px) {
    .banner {
      height: 670px; } }
  .banner video {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 991px) {
      .banner .container {
        top: 62%; } }
    .banner .container .sectiontitle {
      font-weight: 600;
      font-size: 30px;
      color: #f7941d;
      padding-left: 16px; }
    .banner .container p {
      color: #ffffff;
      padding-left: 16px; }
  .banner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .banner .bg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .banner h2,
  .banner .future,
  .banner p {
    opacity: 0;
    transform: translateY(100px); }
  .banner .banner-elm img {
    height: 100%;
    width: 66%;
    object-fit: cover; }

.smalltitle {
  font-size: 20px;
  line-height: normal;
  font-weight: 400;
  color: #2f2f2f; }

.sectiontitle {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: #1268b3; }

.summary {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
  color: #2f2f2f; }
  @media screen and (max-width: 767px) {
    .summary {
      font-size: 18px; } }

.readmore {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  width: fit-content;
  padding: 0 16px;
  background-color: #ffffff;
  color: #1268b3;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.5s; }
  .readmore span {
    margin-right: 16px; }
  .readmore::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 400%;
    height: 300%;
    background-color: #1268b3;
    z-index: 0;
    transition: transform 0.5s ease, opacity 0.5s ease-in-out;
    transform: scale(0);
    opacity: 0;
    transform-origin: center;
    /* border-radius: 50%; */
    will-change: transform, opacity; }
  .readmore .readmore-wrp {
    position: relative;
    z-index: 2;
    transition: all 0.5s; }
  .readmore:hover::after {
    transform: scale(1);
    opacity: 1; }
  .readmore:hover .readmore-wrp span {
    color: #ffffff; }

.stats-inner {
  position: relative;
  text-align: center;
  width: 190px;
  height: 250px;
  background-image: url(../images/vector-1.png);
  background-repeat: no-repeat;
  background-position: top 15px left;
  background-size: contain;
  padding-top: 50px; }
  .stats-inner .num {
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600; }
    .stats-inner .num span {
      font-size: 46px;
      font-weight: 700;
      color: #f7941d; }
  .stats-inner h4 {
    font-size: 20px;
    color: #232032; }

#statisctics {
  background-color: #ffffff;
  background-image: url("../images/statistics-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  #statisctics .statsSwiper {
    padding-bottom: 50px;
    margin-top: 50px; }
    @media screen and (min-width: 1024px) {
      #statisctics .statsSwiper .stats-wrapper {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 0;
        row-gap: 24px; } }
    #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner {
      position: relative;
      text-align: center;
      width: 190px;
      height: 250px;
      background-image: url(../images/vector-1.png);
      background-repeat: no-repeat;
      background-position: top 15px left;
      background-size: contain;
      padding-top: 50px;
      margin: 0 auto;
      border-bottom: 1px solid #f7941d; }
      #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner .num {
        font-size: 20px;
        margin-bottom: 16px;
        font-weight: 600; }
        #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner .num span {
          font-size: 46px;
          font-weight: 700;
          color: #f7941d; }
      #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner h4 {
        font-size: 20px;
        color: #232032; }
      #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner::before, #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner::after {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 1px solid #f7941d;
        position: absolute;
        bottom: -4px; }
      #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner::before {
        left: -7px; }
      #statisctics .statsSwiper .stats-wrapper .stats-slide .stats-inner::after {
        right: -8px;
        background-color: #f7941d; }

#performance-highlights .ph-left .nav-tabs {
  display: block;
  border-bottom: none; }
  @media screen and (max-width: 1023px) {
    #performance-highlights .ph-left .nav-tabs {
      margin-bottom: 24px; } }
  #performance-highlights .ph-left .nav-tabs .nav-item {
    width: 100%; }
    @media screen and (max-width: 1023px) {
      #performance-highlights .ph-left .nav-tabs .nav-item {
        width: 48%;
        display: inline-block; } }
    #performance-highlights .ph-left .nav-tabs .nav-item .nav-link {
      display: block;
      width: fit-content;
      padding: 1rem;
      border-radius: 10px;
      background-color: #ffffff;
      color: #2f2f2f;
      border: 1px solid #e9ecef; }
      @media screen and (max-width: 1023px) {
        #performance-highlights .ph-left .nav-tabs .nav-item .nav-link {
          text-align: center;
          width: 100%; } }
      #performance-highlights .ph-left .nav-tabs .nav-item .nav-link.active {
        background: #1763a9;
        background: radial-gradient(circle, #1763a9 0%, #1b3b65 100%);
        color: #ffffff; }
#performance-highlights .ph-right .tab-content .tab-pane .ba-graph .ba-graph-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 16px;
  align-items: flex-end;
  border-bottom: 1px solid #1268b3; }
  #performance-highlights .ph-right .tab-content .tab-pane .ba-graph .ba-graph-inner .grid {
    position: relative; }
    #performance-highlights .ph-right .tab-content .tab-pane .ba-graph .ba-graph-inner .grid::after {
      content: attr(data-year);
      font-size: 20px;
      color: #f7941c;
      position: absolute;
      bottom: -30px;
      left: 34%;
      transform: translateX(-50%); }
      @media screen and (max-width: 767px) {
        #performance-highlights .ph-right .tab-content .tab-pane .ba-graph .ba-graph-inner .grid::after {
          font-size: 14px; } }
    #performance-highlights .ph-right .tab-content .tab-pane .ba-graph .ba-graph-inner .grid .img {
      clip-path: inset(100% 0 0 0);
      transition: -webkit-clip-path 1s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
      transition: clip-path 1s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
      transition: clip-path 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-clip-path 1s cubic-bezier(0.645, 0.045, 0.355, 1) !important; }
#performance-highlights .ph-right .tab-content .tab-pane.show .ba-graph .ba-graph-inner .grid .img {
  clip-path: inset(0 0 0 0); }

#capitals {
  background: #1763a9;
  background: radial-gradient(circle, #1763a9 0%, #1b3b65 100%); }
  #capitals .capitalsSwiper {
    padding-bottom: 50px; }
    #capitals .capitalsSwiper .swiper-wrapper .swiper-slide {
      height: auto; }
      #capitals .capitalsSwiper .swiper-wrapper .swiper-slide .capital {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 1.5rem;
        height: 100%; }
        #capitals .capitalsSwiper .swiper-wrapper .swiper-slide .capital .title {
          font-size: 22px;
          color: #1268b3;
          font-weight: 700;
          margin-bottom: 0.75rem; }
        #capitals .capitalsSwiper .swiper-wrapper .swiper-slide .capital p {
          min-height: 110px;
          line-height: 1.5; }
        #capitals .capitalsSwiper .swiper-wrapper .swiper-slide .capital .carousel-indicators {
          margin: 0;
          justify-content: flex-start; }
          #capitals .capitalsSwiper .swiper-wrapper .swiper-slide .capital .carousel-indicators li {
            background-color: #1268b3; }
    #capitals .capitalsSwiper .swiper-scrollbar {
      bottom: 24px;
      background-color: rgba(255, 255, 255, 0.5); }
      #capitals .capitalsSwiper .swiper-scrollbar .swiper-scrollbar-drag {
        background-color: #ffffff; }

#services {
  position: relative;
  background: #1763a9;
  background: radial-gradient(circle, #1763a9 0%, #1b3b65 100%); }
  #services .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #services .bg img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
  #services .container {
    position: relative;
    z-index: 2; }
  #services .servicesSwiper {
    padding-bottom: 50px; }
    #services .servicesSwiper .swiper-wrapper .swiper-slide {
      height: auto; }
      #services .servicesSwiper .swiper-wrapper .swiper-slide .capital {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 1.5rem;
        height: 100%; }
        #services .servicesSwiper .swiper-wrapper .swiper-slide .capital .title {
          font-size: 22px;
          color: #1268b3;
          font-weight: 700;
          margin-bottom: 0.75rem; }
        #services .servicesSwiper .swiper-wrapper .swiper-slide .capital p {
          min-height: 110px;
          line-height: 1.5; }
        #services .servicesSwiper .swiper-wrapper .swiper-slide .capital .carousel-indicators {
          margin: 0;
          justify-content: flex-start; }
          #services .servicesSwiper .swiper-wrapper .swiper-slide .capital .carousel-indicators li {
            background-color: #1268b3; }
    #services .servicesSwiper .swiper-scrollbar {
      bottom: 24px;
      background-color: rgba(255, 255, 255, 0.5); }
      #services .servicesSwiper .swiper-scrollbar .swiper-scrollbar-drag {
        background-color: #ffffff; }

#download-center {
  background: #111d3d;
  background: radial-gradient(circle, #111d3d 0%, #111d3d 78%, #111e3e 100%); }
  #download-center .dc-thumb a {
    color: #ffffff; }
  #download-center .readmore {
    width: 100%; }
    #download-center .readmore .readmore-wrp {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between; }

#management-team .nav-tabs {
  border-bottom: none;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    #management-team .nav-tabs {
      margin-bottom: 24px; } }
  @media screen and (max-width: 1023px) {
    #management-team .nav-tabs .nav-item {
      width: 30%;
      display: inline-block; } }
  #management-team .nav-tabs .nav-item .nav-link {
    padding: 1rem;
    border-radius: 10px;
    background-color: #ffffff;
    color: #2f2f2f; }
    @media screen and (max-width: 1023px) {
      #management-team .nav-tabs .nav-item .nav-link {
        text-align: center;
        align-items: center;
        display: flex;
        height: 100%; } }
    #management-team .nav-tabs .nav-item .nav-link.active {
      background: #1763a9;
      background: radial-gradient(circle, #1763a9 0%, #1b3b65 100%);
      color: #ffffff; }
#management-team .tab-content {
  background-color: #f2f2f2;
  padding: 2rem 4rem;
  margin-top: 24px; }
  #management-team .tab-content .swiper {
    padding-bottom: 24px; }
    #management-team .tab-content .swiper .swiper-slide .member h4 {
      text-align: center;
      font-weight: 20px;
      font-weight: 600;
      color: #1268b3;
      margin-top: 16px; }
    #management-team .tab-content .swiper .swiper-slide .member p {
      text-align: center;
      color: #232032;
      font-size: 18px;
      margin-top: 0.5rem; }
    #management-team .tab-content .swiper .swiper-pagination {
      bottom: 0; }
      #management-team .tab-content .swiper .swiper-pagination .swiper-pagination-bullet {
        background-color: #1268b3;
        width: 25px;
        height: 5px;
        border-radius: 0; }

#sectors .sectors-left .head {
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding: 1rem;
  background: #1763a9;
  background: radial-gradient(circle, #1763a9 0%, #1b3b65 100%);
  color: #ffffff; }
  #sectors .sectors-left .head h4 {
    font-size: 18px;
    font-weight: 700; }
  #sectors .sectors-left .head img {
    height: 45px;
    width: 45px; }
#sectors .sectors-left .content {
  background-color: #ffffff;
  padding: 2rem;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); }
  #sectors .sectors-left .content ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #sectors .sectors-left .content ul li {
      position: relative;
      padding-bottom: 24px;
      padding-top: 24px;
      border-bottom: 1px solid #f7941c; }
      #sectors .sectors-left .content ul li::before, #sectors .sectors-left .content ul li::after {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 1px solid #f7941d;
        position: absolute;
        bottom: -4px; }
      #sectors .sectors-left .content ul li::before {
        left: -7px; }
      #sectors .sectors-left .content ul li::after {
        right: -8px;
        background-color: #f7941d; }
      #sectors .sectors-left .content ul li h4 {
        font-size: 20px;
        color: #1268b3;
        font-weight: 700;
        margin-bottom: 4px; }
        #sectors .sectors-left .content ul li h4 span {
          color: #f7941c; }
      #sectors .sectors-left .content ul li p {
        margin-bottom: 0; }
#sectors .sectors-right {
  background: #1763a9;
  background: radial-gradient(circle, #1763a9 0%, #1b3b65 100%); }
  #sectors .sectors-right .head {
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding: 1rem;
    background-color: #ffffff;
    color: #1268b3; }
    #sectors .sectors-right .head h4 {
      font-size: 18px;
      font-weight: 700; }
    #sectors .sectors-right .head img {
      height: 45px;
      width: 45px; }
  #sectors .sectors-right .content {
    background-color: transparent;
    padding: 2rem; }
    #sectors .sectors-right .content ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #sectors .sectors-right .content ul li {
        position: relative;
        padding-bottom: 24px;
        padding-top: 48px;
        border-bottom: 1px solid #ffffff; }
        #sectors .sectors-right .content ul li::before, #sectors .sectors-right .content ul li::after {
          content: '';
          position: absolute;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          border: 1px solid #ffffff;
          position: absolute;
          bottom: -4px; }
        #sectors .sectors-right .content ul li::before {
          left: -7px; }
        #sectors .sectors-right .content ul li::after {
          right: -8px;
          background-color: #ffffff; }
        #sectors .sectors-right .content ul li h4 {
          font-size: 20px;
          color: #ffffff;
          font-weight: 700;
          margin-bottom: 4px; }
          #sectors .sectors-right .content ul li h4 span {
            color: #ffffff; }
        #sectors .sectors-right .content ul li p {
          margin-bottom: 0;
          color: #ffffff; }

#corporate-social-responsibility .title {
  display: flex;
  column-gap: 16px;
  align-items: center;
  justify-content: space-between;
  font-size: 30px;
  font-weight: 600;
  color: var(--clr); }
#corporate-social-responsibility .number {
  color: var(--clr); }
  #corporate-social-responsibility .number h2 {
    font-size: 56px;
    font-weight: 700; }
#corporate-social-responsibility .csrInner {
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #f7941d; }
  #corporate-social-responsibility .csrInner::before, #corporate-social-responsibility .csrInner::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #f7941d;
    position: absolute;
    bottom: -4px; }
  #corporate-social-responsibility .csrInner::before {
    left: -7px;
    background-color: #f7941d; }
  #corporate-social-responsibility .csrInner::after {
    right: -8px; }

#chairmans-message .chairmanSwiper {
  padding-bottom: 50px;
  overflow: visible; }
#chairmans-message .messageBox {
  position: relative;
  height: 100%;
  border: 1px solid #f7941d;
  padding: 1.5rem; }
  #chairmans-message .messageBox .message {
    background-color: #f6f6f6;
    height: 100%;
    padding: 1.5rem; }
    #chairmans-message .messageBox .message p {
      font-size: 26px;
      line-height: 1.5;
      color: #313131; }
      @media screen and (max-width: 767px) {
        #chairmans-message .messageBox .message p {
          font-size: 18px; } }
  #chairmans-message .messageBox .quote2 {
    position: relative;
    width: 40px;
    background-color: #ffffff;
    position: absolute;
    right: -20px;
    top: 35px;
    padding-top: 15px;
    padding-bottom: 15px; }
    #chairmans-message .messageBox .quote2::before, #chairmans-message .messageBox .quote2::after {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 1px solid #f7941d;
      position: absolute; }
    #chairmans-message .messageBox .quote2::before {
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
    #chairmans-message .messageBox .quote2::after {
      background-color: #f7941d;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  #chairmans-message .messageBox .quote1 {
    position: relative;
    width: 40px;
    background-color: #ffffff;
    position: absolute;
    left: -20px;
    bottom: 35px;
    padding-top: 15px;
    padding-bottom: 15px; }
    #chairmans-message .messageBox .quote1::before, #chairmans-message .messageBox .quote1::after {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 1px solid #f7941d;
      position: absolute; }
    #chairmans-message .messageBox .quote1::before {
      background-color: #f7941d;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
    #chairmans-message .messageBox .quote1::after {
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

#our-presence {
  padding-top: 0; }
  #our-presence .presenceSwiper {
    padding-bottom: 50px; }
  #our-presence .map {
    position: relative; }
    #our-presence .map .stats-inner {
      position: absolute;
      bottom: 0;
      left: 0; }
      @media screen and (max-width: 767px) {
        #our-presence .map .stats-inner {
          position: relative; } }
    #our-presence .map ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 767px) {
        #our-presence .map ul {
          height: auto; } }
      #our-presence .map ul li {
        position: absolute;
        cursor: pointer; }
        #our-presence .map ul li a {
          display: block;
          width: 40px;
          height: 40px;
          background-image: url("../images/circle-plus.svg");
          background-repeat: no-repeat;
          background-size: cover;
          transition: all 0.5s;
          pointer-events: none; }
          @media screen and (max-width: 767px) {
            #our-presence .map ul li a {
              width: 17px;
              height: 17px; } }
        #our-presence .map ul li:nth-child(1) {
          top: 27%;
          left: 13%; }
          @media screen and (max-width: 767px) {
            #our-presence .map ul li:nth-child(1) .countries {
              left: 0; } }
        #our-presence .map ul li:nth-child(2) {
          top: 64%;
          left: 24%; }
          #our-presence .map ul li:nth-child(2) .countries {
            top: -68px; }
            @media screen and (max-width: 767px) {
              #our-presence .map ul li:nth-child(2) .countries {
                left: 0;
                top: 0; } }
        #our-presence .map ul li:nth-child(3) {
          top: 47%;
          left: 45%; }
        #our-presence .map ul li:nth-child(4) {
          top: 18%;
          left: 52%; }
        #our-presence .map ul li:nth-child(5) {
          top: 12%;
          left: 63%; }
        #our-presence .map ul li:nth-child(6) {
          bottom: 20%;
          right: 11%; }
          #our-presence .map ul li:nth-child(6) .countries {
            top: 50px;
            left: -250px; }
          @media screen and (max-width: 767px) {
            #our-presence .map ul li:nth-child(6) {
              top: inherit;
              left: inherit;
              bottom: -100px;
              right: -196px; } }
        #our-presence .map ul li .countries {
          padding: 2rem;
          background-color: #ffffff;
          position: absolute;
          width: 450px;
          border-radius: 10px;
          left: 50px;
          -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1);
          z-index: 9999;
          top: 0;
          pointer-events: none;
          opacity: 0;
          transform: translateY(100px);
          transition: all 0.5s; }
          @media screen and (max-width: 767px) {
            #our-presence .map ul li .countries {
              width: 250px;
              left: -120px;
              top: 15px;
              position: relative; } }
          #our-presence .map ul li .countries .sectiontitle {
            font-size: 20px; }
        #our-presence .map ul li.show a {
          transform: rotate(45deg); }
        #our-presence .map ul li.show .countries {
          opacity: 1;
          transform: translateY(0); }
        #our-presence .map ul li ol {
          column-count: 2;
          column-gap: 24px; }
          #our-presence .map ul li ol li {
            background-image: none !important;
            position: relative !important;
            left: initial !important;
            top: initial !important;
            bottom: initial !important;
            right: initial !important;
            width: auto !important;
            margin-bottom: 10px; }
  #our-presence .india-left {
    position: relative; }
    #our-presence .india-left .footnote-map {
      position: absolute;
      right: 0;
      bottom: 50px; }
      #our-presence .india-left .footnote-map::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background-color: #f8951f;
        border-radius: 50%;
        position: absolute;
        left: -25px;
        top: 0; }
  #our-presence .india-right .stats-inner {
    transform: scale(0.8); }
  #our-presence .india-right .states ol {
    padding-left: 15px;
    column-count: 3;
    column-gap: 24px; }
    @media screen and (max-width: 767px) {
      #our-presence .india-right .states ol {
        column-count: 2; } }
    #our-presence .india-right .states ol li {
      margin-bottom: 8px;
      font-size: 16px; }
  #our-presence .india-right .ut ol {
    padding-left: 15px;
    column-count: 2;
    column-gap: 24px; }
  #our-presence .india-right .ut li {
    margin-bottom: 8px;
    font-size: 16px; }

.footer {
  background-color: #ffffff;
  padding: 1rem 0; }

.swiper-pagination {
  bottom: 0; }
  .swiper-pagination .swiper-pagination-bullet {
    background-color: #1268b3;
    width: 25px;
    height: 5px;
    border-radius: 0; }

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