@font-face {
    font-family: TitilliumWeb-Regular;
    src: url(../fonts/TitilliumWeb-Regular.ttf);
}

@font-face {
    font-family: TitilliumWeb-Bold;
    src: url(../fonts/TitilliumWeb-Bold.ttf);
}
@font-face {
    font-family: TitilliumWeb-Light;
    src: url(../fonts/TitilliumWeb-Light.ttf);
}
@font-face {
    font-family: TitilliumWeb-SemiBold;
    src: url(../fonts/TitilliumWeb-SemiBold.ttf);
}

body
{
    padding:0;
    margin:0;
    box-sizing: border-box;
    font-family: TitilliumWeb-Regular;
    color:#000;
    font-size: 16px;
}
h1,h2,h2,h3,h4,h5,h6,p
{
	margin: 0px;
	padding:0px;
}
a
{
	text-decoration: none!important;
}

a:hover
{
	text-decoration: none!important;
}
p
{
	font-size:16px;
	line-height: 24px;
}

/*-----------Header Css start-----------*/

header {
    top: 0px;
    display: block;
    margin: auto;
    width: 100%;
    z-index: 99;
    transition: ease all 0.5s;
    padding: 0;
    background: #fff;
    /*position:relative;*/
    box-shadow: 0 8px 6px -6px rgb(0 0 0 / 20%);
    border-bottom: 4px solid #ff9500;
}

header:hover
{
	transition: ease all 0.5s;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    transition: all ease .3s;
    padding: 0;
    border-bottom: 4px solid #ff9500;
    box-shadow: none;
}
.sticky .logo {
    float: left;
    margin-top: 0;
}
.logo {
    float: left;
    padding:20px 10px;
}
.logo a.logo-text
{
    float:right;
    margin-left:20px;
    margin-top:10px;
    color:#00478a;
}
.logo a.logo-text h3
{
font-size:22px;
font-family: TitilliumWeb-SemiBold;
}

.my-sidenav1 {
    height: 0px;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    overflow-y: hidden;
    z-index: 999999999;
    max-width:100%;
    width: 100%;
    background:url(../images/menu-bg.jpg);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    margin-top:85px;
}

.cross-btn {
    text-align: right;
    padding: 0px 20px;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 999;
}

div.logo img {
    width: auto;
    transition: ease all 0.5s;
    padding-top: 0;
}
header:hover div.logo img {
	filter:brightness(1) invert(0);
	transition: ease all 0.5s;
}
.sticky div.logo img {
    transition: ease all 0.5s;
    padding-top: 0px;
}

.download-div {
    position: fixed;
    right: -170px;
    background: #005aab;
    padding: 5px 10px;
    z-index: 99;
    border-radius: 5px 0 0 5px;
    width: 235px;
    top: 225px;
    transition: all ease.3s;
}
.download-div a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.download-div:hover {
    right: 0;
}
.download-div a img {
    padding-right: 15px;
}

.my-sidenav
{
    display:none;
}
/*-----------Header Css End-------------*/
.pdflink, .ar-text
{
    float: left;
}
.pdflink
{
    border-right: 1px solid #1a69b4;
    padding-right: 30px;
}
.ar-text
{
    margin-right: 30px;
}
.pdflink a{
    color: #1a69b4;
    font-size: 14px;
}
.ham-icon {
    text-align: right;
    cursor:pointer;
    float: left;
}

.right-item
{
    float: right;
    margin-top:28px;
    display: flex;
    align-items: center;
}
.audionbtn {
    padding-right: 15px;
}
.top-nav, .top-nav-content
{
padding-top: 100px;
}
.top-nav .nav>li
{
    border-bottom: 1px solid #5d8ab5;
    float: none;
}
.top-nav .nav>li:last-child
{
    border-bottom:none;
}
.top-nav .nav>li>a
{
    color: #fff;
    font-size: 18px;
    padding: 15px 0px 15px 0px;
    border-radius: 0px;
}
.top-nav .nav>li>a:focus, .top-nav .nav>li>a:hover
{
    background-color: transparent;
}
.top-nav .nav-pills>li.active>a, .top-nav .nav-pills>li.active>a:focus, .top-nav .nav-pills>li.active>a:hover
{
background-color: transparent;
color: #f7ce2c;
 font-family: TitilliumWeb-Bold;
 position: relative;
}

.top-nav .nav-pills>li.active>a:after
{
    content: '';
    position: absolute;
    right: 0;
    top:21px;
    background-image: url(../images/right-arrow.png);
    width: 15px;
    height: 13px;
}
.top-nav-content ul{

padding-left: 0px;
margin-top: 20px;
}
.top-nav-content ul li{
    list-style: none;
    border-bottom: 1px solid #5d8ab5;
    padding-top: 6px;
    padding-bottom:6px;
}
.top-nav-content ul li a
{
    color: #fff;
    font-size: 14px;
}
.top-nav-content ul li a img{
    float: right;
}
.top-nav-content ul.nut{
    margin-top:125px;
}
/* Footer */
footer {
    background: #00478a;
    padding:20px 0px 15px 0px;
}

.coppyright-inner p, .designed p {
    color: #fff;
    font-size:14px;
    font-family: TitilliumWeb-Regular;
}

/* End Footer */


/*++++++++++++++++++++++++Home Css start here+++++++++++++++*/

.home-banner
{
    position: relative;
}

.home-banner #backtodown {
    position: absolute;
    left:20px;
    bottom:50px;
}
.banner-btn
{
    position: absolute;
    left: 162px;
    bottom:175px;
}
.banner-btn a
{
    font-size: 16px;
    font-family: TitilliumWeb-Bold;
    color: #00478a;
    border-radius: 8px;
    padding: 4px 18px;
    background-color: #fff;
    transition: all .3s ease-in-out;
}

.about-us
{
    margin-top: 60px;
    margin-bottom: 50px;
}
.main-heading
{
 font-family: TitilliumWeb-SemiBold;
 color: #00478a;
 font-size: 35px;
}
.about-us h2
{
    white-space: nowrap;
    overflow: hidden;
    animation: type2 3s steps(90, end);
    width: 100%;
}
    @keyframes type{ 
        from { width: 0; } 
    } 
    @keyframes type2{
        0%{width: 0;}
        50%{width: 0;}
        100%{ width: 100; } 
    }
.about-us p
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 25px;
}
.growing-reach
{
    background-color: #f9a61a;
    padding: 15px;
}
.grow-reach-inner
{
    min-height: 136px;
    margin-bottom: 20px;
}
.gri
{
    min-height: auto;
    margin-bottom: 0px;
}
.grow-icon
{
    min-height:41px;
}
.growing-reach h3
{
    font-size: 25px;
    color: #00478a;
    font-family: TitilliumWeb-SemiBold;
    margin-bottom: 20px;
}
.growing-reach h5
{
   font-size: 25px;
   color: #00478a;
   font-family: TitilliumWeb-Bold;
   border-bottom:1px solid #98afbf;
   padding-bottom: 5px;
}
.growing-reach p
{
    font-size: 16px;
    line-height:18px;
    padding-top: 5px;
    padding-bottom: 0px;
}
.growing-reach p span{
    font-size: 14px;;
}
.growing-reach p.grow-city b{
  font-family: TitilliumWeb-Bold;  
}
.growing-reach p.grow-city span
{
    color: #00478a;
    font-family: TitilliumWeb-Bold;
    font-size: 16px;
}
.know-more-btn
{
    margin-top: 30px;
}

.know-more-btn a{
    font-size: 16px;
    font-family: TitilliumWeb-Bold;
    color: #00478a;
    border: 1px solid #00478a;
    border-radius:8px;
    padding: 4px 18px;
    background-color: #fff;
    transition:all .3s ease-in-out;
}
.know-more-btn a:hover
{
 transition:all .3s ease-in-out;
 border: 1px solid #00478a;
 background-color: #00478a;
 color:#fff;
}

.ch-message
{
    background-color: #f9a61a;
    padding-top: 35px;
    margin-top: 50px;
}
.ch-message h2
{
    margin-top: 35px;
    margin-bottom: 120px;
}
.ch-text
{
    position: relative;
    padding-right: 30px;
}
.ch-text:after
{
    content:'';
    position: absolute;
    top:-95px;
    right:0;
    background-image: url(../images/ch-box-line.png);
    height:419px;
    width:650px;
}
.ch-text p
{
    position: relative;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 70px;
}
.ch-text p:before
{
    content:'';
    position: absolute;
    top:-60px;
    left: 0;
    background-image: url(../images/quote-upper.png);
    height: 52px;
    width: 63px;
}
.ch-text p:after
{
    content:'';
    position: absolute;
    bottom:-20px;
    right:0px;
    background-image: url(../images/quote-below.png);
    height:38px;
    width:47px;
}
.ch-text h5
{
    color: #00478a;
    font-size: 18px;
    font-family: TitilliumWeb-Bold;
    margin-bottom: 8px;
}
.ch-text h6
{
    font-size: 16px;
}
.md-message
{
    background-color: #dde5f8;
    margin-top: 0px;
    position:relative;
}

.md-message .ch-text
{
    padding-right: 0px;
    padding-left: 30px;
}
.md-message .ch-text:after
{
    content:'';
    position: absolute;
    top:-85px;
    left:0;
    background-image: url(../images/ch-box-line1.png);
    height:396px;
    width:650px;
}

.md-message .ch-text p:before
{

    background-image: url(../images/quote-upper1.png);
}
.md-message .ch-text p:after
{

    background-image: url(../images/quote-below1.png);
}

.ch-message.md-message h2 {
    margin-bottom: 100px;
}

.ch-btn
{
    margin-top: 60px;
}
.md-btn
{
    margin-top:60px;
    margin-bottom: 50px;
}
.md-img
{
    position: absolute;
    right: 0;
    bottom: 0;
} 
.md-message .ch-text p{
margin-bottom: 25px;
}

.embracing
{
    background-color: #f9a61a;
    padding: 70px 0px;
}
.embracing h2 span
{
    display: block;
}
.embracing p
{
    font-size: 25px;
    line-height: 30px;
    margin-top: 20px;
}
.esg-goals
{
    padding: 60px 0px;
    background-color: #dde5f8
}
.esg-tabs
{
    margin-top:30px;
}
.esg-tabs .nav-pills
{
    border: 1px solid #00478a;
}
.esg-tabs .nav-pills li{
    border-right: 1px solid #00478a;
}
.esg-tabs .nav-pills li:last-child
{
    border-right: none;
}
.esg-tabs .nav-pills>li>a
{
border-radius: 0px;
color: #000;
font-size: 18px;

}
.esg-tabs .nav-pills>li+li
{
margin-left: 0px;
}
.esg-tabs .nav-pills>li.active>a, .esg-tabs .nav-pills>li.active>a:focus, .esg-tabs .nav-pills>li.active>a:hover
{
    background-color:#00478a;
    color: #fff;
    font-family: TitilliumWeb-Regular;
}
.esg-tab-content
{
    margin-top: 30px;
}
.esg-tab-content p{
font-size: 25px;
line-height: 30px;
}
.esg-tab-content h3
{
    font-size: 25px;
    font-family: TitilliumWeb-Bold;
    color: #00478a;
    margin-bottom: 20px;
}
.csr-bg-box
{
    background-color: #fdf5e3;
    padding: 15px;
    min-height: 150px;
    margin-bottom: 20px;
}
.dse-icon
{
    text-align: center;
}
.csr-bg-box h4
{
 font-family: TitilliumWeb-Bold;
 font-size: 18px;
 color: #00478a;
 text-align: center;
 margin-top: 10px;  
}
.csr-bg-box h4 span
{
    display: block;
}
#grf p
{
    font-size: 16px;
    padding-bottom: 20px;
    line-height: 22px;
}
.pe-img
{
    margin-top: 30px;
}
.awards
{
    background-color: #ebebea;
    padding: 60px 0px;
}
.awards h2
{
    margin-bottom: 30px;
}
.award-img
{
    margin-bottom:50px;
}

.award-slider .owl-nav button.owl-next {
    position: absolute;
    background-image: url(../images/arrow-right.png) !important;
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -45px;
    background-repeat: no-repeat;
    background-position: center;
}
.award-slider .owl-nav button.owl-prev {
    position: absolute;
    background-image: url(../images/arrow-left.png) !important;
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -45px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
}
.award-slider .owl-nav button.owl-next:focus, .award-slider .owl-nav button.owl-prev:focus {
    outline: none !important;
}
.award-slider .owl-nav button.owl-next:hover {
    background-image: url(../images/arrow-right.png) !important;
    background: transparent;
}
.award-slider .owl-nav button.owl-prev:hover
{
    background-image: url(../images/arrow-left.png) !important;
    background: transparent;
}
.award-slider.owl-theme .owl-dots .owl-dot span
{
  background: #252525;  
}
.award-slider.owl-theme .owl-dots .owl-dot.active span, .award-slider.owl-theme .owl-dots .owl-dot:hover span
{
   background: #00478a; 
}

.the-year
{
    padding: 60px 0px;
}
.the-year .esg-tabs .nav-pills
{
border: none;
}
.the-year .esg-tabs .nav-pills li
{
    border: 1px solid #00478a;
    max-width: 230px;
    width: 100%;
    text-align: center;
}
.the-year .esg-tab-content
{
    background-color: #f9a61a;
    display: inline-block;
    width: 100%;
    padding-top: 50px;
}
.the-year-num
{
    margin-bottom: 50px;
}
.the-year-num h4
{
    font-size: 22px;
    font-family: TitilliumWeb-Bold;
    color: #00478a;
border-bottom: 1px solid #958047;
padding-bottom: 8px;
margin-bottom: 5px;
}
.the-year-num h4 span{
    font-size: 35px;
}
.the-year-num h4 img{
    vertical-align: text-top;
    padding-left: 10px;
}
.the-year-num h5
{
    font-size: 22px;
    font-family: TitilliumWeb-SemiBold;
}
.p-dashboard
{
    background-color: transparent;
    padding: 40px 0px 0px;
}

.dashboard-slider .owl-nav button.owl-next {
    position: absolute;
    background-image: url(../images/arrow-right.png) !important;
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -45px;
    background-repeat: no-repeat;
    background-position: center;
}
.dashboard-slider .owl-nav button.owl-prev {
    position: absolute;
    background-image: url(../images/arrow-left.png) !important;
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -45px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
}
.dashboard-slider .owl-nav button.owl-next:focus, .dashboard-slider .owl-nav button.owl-prev:focus {
    outline: none !important;
}
.dashboard-slider .owl-nav button.owl-next:hover {
    background-image: url(../images/arrow-right.png) !important;
    background: transparent;
}
.dashboard-slider .owl-nav button.owl-prev:hover
{
    background-image: url(../images/arrow-left.png) !important;
    background: transparent;
}
.dashboard-slider.owl-theme .owl-dots .owl-dot span
{
  background: #252525;  
}
.dashboard-slider.owl-theme .owl-dots .owl-dot.active span, .dashboard-slider.owl-theme .owl-dots .owl-dot:hover span
{
   background: #00478a; 
}
.abt-modal
{
    z-index:99999;
}
.s-wd
{
    width: 100%;
}
.n-mdl-inner
{
    overflow: hidden;
    border-radius: 0px;
    background-image: url(../images/modal-bg.jpg);
    padding-bottom: 125px;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
}
.n-mdl-inner .modal-body
{
padding-top: 60px;
    padding-left: 60px;
    padding-right: 160px;
}
.close2
{
    opacity: 1;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
    z-index: 9999;
}
.n-mdl-inner p
{
font-size: 18px;
font-family: TitilliumWeb-SemiBold;
padding-bottom: 20px;
}
.modal-border
{
    width: 100%;
    background: rgb(0,78,150);
    background: linear-gradient( 
90deg
 , rgba(0,78,150,1) 0%, rgba(156,123,105,1) 60%, rgba(248,165,29,1) 100%);
    padding: 5px;
    margin-bottom: 0px;
}
.innermodalbd
{
    padding: 30px;
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    background-color: #ffffff;
}
.modal-man
{
position: absolute;
right: 65px;
bottom: 0px;
}

.social-icons
{
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}
.social-icons span img{
    padding-left: 15px;
}
/******Animation*********/
.down-link {
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0% { opacity: 1; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 1;}
}
.drowline {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: drowline 3s linear;
    animation-fill-mode: forwards;
}
.drowline2 {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: drowline 20s linear;
    animation-fill-mode: forwards;
}
@keyframes drowline {
    from {
        stroke-dashoffset: 2000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.abt-cir{
 animation: scl 0.7s ease-in backwards;
 animation-delay:2.5s;
 transform-origin: 50% 50%;
}
@keyframes scl {
    from {
        transform: scale(0);
    }

    to {
     transform: scale(1);
 }
}


.performance-bar {    
  transform: rotatex(90deg);
  transform-origin: left bottom;
  animation: performance-bar linear 1s forwards;
}
@keyframes performance-bar {    
  0% { 
     transform: rotatex(90deg);
 }
 100% {
     transform: rotatex(0deg);
 }   
}

.one{
    animation-delay: 0s;
}
.two{
    animation-delay: .30s;
}
.three{
    animation-delay: 1s;
}
.four{
    animation-delay: 1.30s;
}
.five{
    animation-delay: 2s;
}
.six{
    animation-delay: 2.30s;
}
.seven{
    animation-delay: 3s;
}


/*30062021sanni*/

/*tab*/
.developement-tabs .nav-tabs > li {
    float: left;
    margin-bottom: 0;
    width: 33.33%;
    margin-right: -1px;
}
.developement-tabs .nav-tabs > li.active > a, .developement-tabs .nav-tabs > li.active > a:focus, .developement-tabs .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    border: 1px solid #00478a;
    background-color: #00478a;
    border-radius: 0px;
    color: #fff;
    padding: 11px 15px;
    font-size: 18px;
    text-align: center;
}
.developement-tabs .nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 1px solid #00478a;
    border-radius: 0px;
    background-color: transparent;
    color: #414141;
    padding: 11px 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}
.developement-tabs .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.developement-tabs .nav-tabs {
    width: 100%;
    display: block;
    margin: 0px auto;
}
.developement-tabs .nav-tabs li:last-child{
    margin-right: 0px;
}
.developement-tabs .tab-content .tabs-inside{
    padding: 20px 0px;
}
/**/
.console-full {
    width: 100%;
    display: inline-block;
    padding: 80px 0px;
}
.top-heading h2{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    margin-bottom: 50px;
}
.box-text {
    width: 210px;
    float: left;
    padding-right: 20px;
    padding-bottom: 30px;
}
.top-box-c h3 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
}
.mt-top {
    margin-top: 40px;
}
.list-d ul li {
    list-style: none;
    position: relative;
}
.list-d ul{
    margin: 0px;
    padding: 0px;
}
.list-d ul li span {
    position: absolute;
    right: 0px;
}
.box-text p span {
    display: block;
}
.box-text-list {
    width: 328px;
    float: left;
    padding-right: 20px;
    padding-bottom: 30px;
}
.details-content {
    width: 100%;
    display: inline-block;
    padding: 30px 0px;
}
.aoc-full{
    width: 100%;
    display: inline-block;
    padding: 80px 0px;
}

.top-details h3 {
    font-size: 20px;
    color: #00478a;
    font-weight: 700;
    padding: 10px 0px 10px 0px;
}
.top-details p{
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0px;
}
.top-details p:nth-child(2){
    font-weight: 700;
}
.notable-list ol {
    padding: 10px 15px;
}
.notable-list {
    width: 100%;
    display: inline-block;
    padding: 30px 0px;
}
.notable-list h3{
    font-weight: 700;
    font-size: 16px;
}
.notable-list ol li span {
    font-weight: 600;
}
.notable-list ol li {
    font-size: 16px;
    padding-bottom: 8px;
}
.notable-list h3{
     font-size: 20px;
    color: #00478a;
    font-weight: 700;
    padding: 10px 0px 10px 0px;
}
.notable-list p{
    font-weight: 700;
}
.notable-list h4 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    padding: 10px 0px 10px 0px;
}




/*********Nitesh****************/
.bodofdirctors
{
    padding: 80px 0px;
}
.bodofdirctors h3
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    padding-bottom: 35px;
    color: #00478a;
    padding-left: 15px;
}
.bodofdirctors h6
{
    font-size: 16px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-top: 10px;
}
.bodofdirctors p,.bodofdirctors h6
{
    padding-left: 10px;
}
.bodimgde {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.bodofdirctors .col-md-3:hover .bodimgde
{
    transition: all 0.5s ease 0s;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.insidech-message
{
    margin-top: 0px;
}
.ch-messagedetails h5
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    padding-top: 35px;
    color: #00478a;
}
.ch-messagedetails h6
{
    font-size: 20px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.ch-messagedetails p
{
    padding-top: 20px;
}
.ch-messagedetails
{
    padding-bottom: 50px;
}
.nesgoals
{
    padding: 85px 0px;
}
.nesgoals h3
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    padding-bottom: 35px;
    color: #00478a;
}
.nesgoals h6
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    padding-bottom: 10px;
}
.nesgoals p
{
    padding-top: 20px;
}
.nesgoals .row
{
    padding: 50px 0px;
}
.corporate-information
{
    padding: 85px 0px 0px;
}
.corporate-information .container
{
    position: relative;
    padding-bottom: 196px;
}
.corporate-information .container img.cptmimg
{
    position: absolute;
    bottom: 0px;
    right: 65px;
    z-index: 9;
}
.corporate-informationdata {
    display: flex;
    flex-wrap: wrap;
    border: 3px solid #fbb644;
    border-radius: 25px;
    padding: 0px 30px 30px;
    max-width: 1015px;
    width: 100%;
}
.corporate-informationdata .col-md-6
{
    padding-top: 45px;
}
.corporate-information h3
{
  font-size: 35px;
  font-family: TitilliumWeb-SemiBold;
  padding-bottom: 35px;
  color: #00478a;
}
.corporate-information h6
{
    font-size: 20px;
    font-family: TitilliumWeb-SemiBold;
    padding-bottom: 10px;
    color: #00478a;
}
.humancore
{
    padding: 60px 0px 85px;
}
.humancore h3
{
 font-size: 35px;
 font-family: TitilliumWeb-SemiBold;
 padding: 30px 0px;
 color: #00478a;
}
.humancore  h6
{
    padding: 30px;
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    background-color: #ffffff;
}
.bordermodue
{
   background: rgb(0,78,150);
   background: linear-gradient(
    90deg
    , rgba(0,78,150,1) 0%, rgba(156,123,105,1) 60%, rgba(248,165,29,1) 100%);
   padding: 5px;
   margin-bottom: 50px;
}
.csragenda
{
    padding-top: 90px;
}
.csragenda h3
{
 font-size: 35px;
 font-family: TitilliumWeb-SemiBold;
 padding-bottom: 30px;
 color: #00478a;
}
.othercsrini {
    background-color: #083556;
    color: #fff;
    padding: 30px;
    margin: 30px 0px;
}
.othercsrini h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
}
.csragenda ul,.ensuringpromo ul
{
    padding-left: 15px;
}
.csragenda ul li,.ensuringpromo ul li
{
    padding-bottom: 10px;
}
.csragenda hr
{
    border-top: 2px solid #00478a;
    margin: 30px 0px 50px;
}
.csragenda h6,.ensuringpromo h6
{
    font-size: 16px;
    font-family: TitilliumWeb-SemiBold;
    padding: 15px 0px 10px;
    color: #00478a;
}
.othercsrini  ul
{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-left: 15px;
}
.othercsrini  ul li
{
    max-width: 50%;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}
.sanjeevanish
{
    background-color: #fdf5e3;
    padding-top: 50px;
    margin: 30px 0px 50px;
    padding-bottom: 60px;
}
.sanjeevanish .col-md-12
{
    position: relative;
    padding: 192px 15px 0px;
}
.sanjeevanish .saninnerdata {
    padding: 80px 60px;
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    background-color: #fdf5e3;
}

.shotlife
{
position: absolute;
    right: 25px;
    bottom: 0;
}
.sanjeevanishdt
{
    background: rgb(0,78,150);
    background: linear-gradient( 
        90deg
        , rgba(0,78,150,1) 0%, rgba(156,123,105,1) 60%, rgba(248,165,29,1) 100%);
    padding: 5px;
    max-width: 950px;
    width: 100%;
}
.saninnerdata
{
    padding: 30px;
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    background-color: #ffffff;
}
.saninnerdata h3
{
    font-size: 25px;
    text-transform: uppercase;
    color: #00478a;
    padding-bottom: 10px;
    font-family: TitilliumWeb-SemiBold;
}

.saninnerdata h6
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    padding-right: 75px;
}
.sanjeevanish h6
{
    padding-right:125px;
}
.sanjeevanish h3
{
    padding-bottom:25px;
}
.ensuringpromo .container
{
    display: flex;
    flex-wrap: wrap;
}
.ensuringpromo .container .col-md-6
{
    margin-top: 30px;
}
.ensuringpromo .container .col-md-6:last-child
{
    padding: 30px;
    background-color: #00478a;
    color: #ffffff;
}
.ensuringpromo .container .col-md-6:last-child h3
{
    text-align: center;
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
}
.ensuringpromo .container .col-md-6:last-child .col-md-6
{
    padding: 0px;
}
.ensuringpromo .container .col-md-6:last-child .col-md-6 h4 span
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
}
.ensuringpromo
{
    padding-bottom: 60px;
}
.csragenda .row
{
    margin-top: 30px;
}
.strengthframe
{
    padding: 60px 0px;
}
.strengthframe p
{
    padding-top: 20px;
}
.strengthframe h3
{
 font-size: 35px;
 font-family: TitilliumWeb-SemiBold;
 padding: 0px 0px 10px;
 color: #00478a;
}
.strengthframe h6
{
 font-size: 16px;
 font-family: TitilliumWeb-SemiBold;
 padding: 20px 0px 0px;
 color: #00478a;
}
.strengthframe p.pdbttom30
{
    padding-bottom: 30px;
}
.insideceo
{
    background-color: #dde5f8;
}
.ceoshareholder ul
{
    padding-left: 15px;
}
.ceoshareholder ul li
{
    padding-bottom: 10px;
}
.ceoshareholder  p
{
    padding-top: 20px;
}
.ceoshareholder h6
{
    font-size: 20px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-top: 20px;
}
.ceoshareholder h4
{
 font-size: 25px;
 font-family: TitilliumWeb-SemiBold;
 color: #00478a;
}
.ceoshareholder  .row
{
    margin-top: 30px;
}
.ceoshareholder hr
{
    border-top:2px solid #00478a;
}
.ceoshareholder
{
    padding: 40px 0px 60px;
}
p.ptop0
{
    padding-top: 0px;
}
.ceoshareholder p.pbttom30
{
    padding-bottom: 20px;
}
h6.ptop0
{
    padding-top: 0px;
}
.embracingdigital
{
    padding: 60px 0px 30px;
}
.embracingdigital h3
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.embracingdigital h3 span
{
    display: block;
}
.embracingdigital h6
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    padding-top: 20px;
    line-height:22px;
}
.embracingdigital p
{
    padding-top: 20px;
}
.wefaclitb
{
    background-color: #fdf5e3;
    padding:50px 0px;
}
.wefaclitb ul
{
    padding-left: 15px;
    padding-top: 30px;
}
.wefaclitb ul li
{
    padding-bottom: 10px;
}
.wefaclitb p
{
    background-color: #f9a61a;
    padding: 15px;
    text-align: center;
    color: #ffffff;
    min-height: 102px;
    position: relative;
}
.wefaclitb p:after {
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: -10px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 10px solid #f9a61a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.faddycooler
{
    padding: 50px 0px;
}
.faddycooler h6
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    padding-bottom: 30px;
    line-height:22px;
}
.faddycooler img
{
    margin: auto;
    display: block;
    padding-left: 90px;
}
.faddycooler .sanjeevanishdt {
    max-width: 905px;
    width: 100%;
    margin-left: 65px;
    margin: 30px 0px 60px 65px;
    position: relative;
}
.faddycooler .saninnerdata h3
{
    text-transform: capitalize;
}
.feddaychildimg
{
    position: absolute;
    right: -78px;
    top: -75px;
}
.faddycooler p
{
    padding-top: 20px;
}
.faddycooler h4
{
 font-size: 25px;
 font-family: TitilliumWeb-SemiBold;
 color: #00478a;
}
.performancehighlights
{
    background-image: url(../images/performancehign.jpg);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-attachment: fixed;
}
.performancehighlights h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding: 65px 0px 30px;
}
.performancehighlights .col-md-6
{
    margin-bottom: 30px;
    min-height: 90px;
}
.performancehighlights h5
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    border-bottom: 1px solid #00478a;
}
.performancehighlights h5 span
{
    font-size: 22px;
}
.performancehighlights h6
{
    font-size: 22px;
      font-family: TitilliumWeb-SemiBold;
}
.performancehighlights p
{
    font-size: 14px;
    padding-top: 30px;
}
.aboutus
{
    padding: 60px 0px 25px;
}
.aboutus h3
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-bottom: 20px;
}
.aboutus h6
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    padding: 0px 0px 20px;
}
.digitalbnkborder
{
    max-width: 882px;
    width: 100%;
    background: rgb(247,165,27);
    background: linear-gradient(90deg, rgba(247,165,27,1) 0%, rgba(100,114,101,1) 60%, rgba(1,78,150,1) 100%);
    padding: 5px;
    margin: 106px auto 120px;
}
.innerdigitalbd
{

    background: #fff;
    padding: 20px 20px 20px 96px;
    position: relative;
}
.innerdigitalbd h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-bottom: 15px;
}
.mandigi
{
    position: absolute;
    left: -68px;
    top: -60px;
}
.innerdigitalbd p
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
}
.ourvisionmission
{
    padding: 40px 0px 50px;
    background-color: #fef8ed;
}
.ourvisionmission h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    margin-top:20px;
}
.ourvisionmission p
{
    padding-top: 5px;
}
.ourvisionmission h5
{
 font-size: 18px;
 font-family: TitilliumWeb-SemiBold;
 color: #00478a;
 border-bottom: 1px solid #00478a;
 padding-bottom: 5px;
 margin-right: 30px;
}
.vminner {
    /*border: 1px solid #ff9500;*/
    padding: 20px 0px 0px 0px;
    min-height:auto;
    /*background-color: #ffffff;*/
}
.ourtimelineservice .digitalbnkborder
{
    max-width: 905px;
    width: 100%;
    margin-left: 65px;
    position: relative;
    background: rgb(0,78,150);
    background: linear-gradient( 
        90deg
        , rgba(0,78,150,1) 0%, rgba(156,123,105,1) 60%, rgba(248,165,29,1) 100%);
    padding: 5px;
    margin-top: 150px;
        margin-bottom: 0px;
}
.ourtimelineservice .innerdigitalbd
{
    padding: 30px;
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    background-color: #ffffff;
}
.ourtimelineservice .innerdigitalbd .mandigi
{
    right: -50px;
    left: auto;
    top: -142px;
}
.ourtimelineservice h4
{
     font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.ourtimelineservice h6
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    padding: 15px 0px;
}
.ourtimelineservice
{
    padding: 40px 0px 80px;
}
.ourtimelineservice p
{
    padding-bottom: 15px;
    padding-right: 110px;
}
.growingreachpre
{
    background-color: #fdf5e3;
    padding: 50px 0px 70px;
}
.growingreachpre h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-bottom: 30px;
}
.growingicon
{
    min-height: 41px;
    display: flex;
    align-items: flex-end;
}
.growingreachpre h5
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding: 5px 0px;
    border-bottom: 1px solid #00478a;
}
.growingreachpre p span
{
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.federalbackfamily
{
    padding: 50px 0px 70px;
}
.federalbackfamily h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-bottom: 30px;
}
.federalbackfamily h5
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    border-bottom: 1px solid #00478a;
}
.federalbackfamily h6
{
    font-size: 18px;
      font-family: TitilliumWeb-Bold;
      padding-bottom: 20px;
}
.federalbackfamily  ul
{
    list-style: none;
    padding-left: 0px;
}
.federalbackfamily  ul li
{
    border-bottom: 1px solid;
    font-family: TitilliumWeb-Bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.federalbackfamily  ul li:last-child
{
    border-bottom: 0px;
}
.federalbackfamily .clearfix
{
    margin-bottom: 60px;
}
.federalbackfamily .digitalbnkborder
{
   max-width: 480px;
    width: 100%;
    position: relative;
    background: rgb(0,78,150);
    background: linear-gradient( 
90deg
 , rgba(0,78,150,1) 0%, rgba(156,123,105,1) 60%, rgba(248,165,29,1) 100%);
    padding: 5px;
    margin-top: 250px;
    margin-bottom: 0px;
    margin-left: 0px;

}
.federalbackfamily .innerdigitalbd
{
    padding: 30px;
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;
    background-color: #ffffff;
    padding-right: 90px;
}
.federalbackfamily .innerdigitalbd .mandigi
{
    right: -120px;
    left: auto;
    top: -153px;
}
.abtperformancehight
{
    background-color: #fdf5e3;
    padding: 60px 0px;
}
.abtperformancehight h4
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.abtperformancehight h5
{
     font-size: 16px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
    padding-top: 30px;
    border-bottom: 1px solid #00478a;
    padding-bottom: 5px;
    margin-right: 40px;
}
.abtperformancehight h5 span
{
    font-size: 35px;
}
.abtperformancehight p
{
    font-size: 18px;
    padding-top: 5px;
    font-family: TitilliumWeb-SemiBold;
}
.greaterheights
{
    padding: 50px 0px;
}
.greaterheights .col-md-6
{
    background-color: #00478a;
    padding:30px 15px 10px;
    color: #ffffff;
}
.greaterheights h5
{
    font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
}
.growthsegments {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.greaterheights h4
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.rtlbanking {
    padding-left: 7px;
}
.greaterheights h6
{
    font-size: 18px;
    font-family: TitilliumWeb-SemiBold;

}
.performacedashbd
{
    padding: 50px 0px 30px;
}
.performacedashbd h3
{
    font-size: 35px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.volumegrowth
{
    background-color: #fdf5e3;
    padding: 60px 0px;
}
.volumegrowth h4
{
     font-size: 25px;
    font-family: TitilliumWeb-SemiBold;
    color: #00478a;
}
.volumegrowth h4 span
{
    font-size: 16px;
    color: #252525;
    font-family: TitilliumWeb-SemiBold;
}
.volumegrowth .col-md-4
{
    padding-top: 50px;
    padding-bottom: 20px;
}
.volumegrowth .col-md-4 img
{
    margin: auto;
}
.incomegrowth
{
    background-color: transparent;
}

.dse-tabs .nav-tabs > li
{
    width: 50%;
}
.empowerment
{
    padding-bottom: 0px;
    margin-bottom: -5px;s
}
.empowerment h2
{
    margin-bottom: 20px;
}
.empowerment p{
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 25px;
}
.blue-strip
{
    background-color: #00478a;
    overflow: hidden;
    margin-bottom: 35px;
    padding: 5px 0px;
}
.blue-strip h5
{
    font-size: 16px;
    font-family: TitilliumWeb-Bold;
    color: #fff;
}
.society-bg
{
    background-color: #fdf5e3;
    text-align: center;
    min-height: 225px;
    padding-left: 15px;
    padding-right: 15px;
}
.society-bg h4
{
    color: #00478a;
    font-size: 18px;
   font-family: TitilliumWeb-Bold; 
}
.society-icon
{
    padding-bottom: 10px;
    padding-top:60px;
}
.literacy
{
    border-bottom: 1px solid #00478a;
}
.dse-content p{
font-size: 16px;
line-height: 22px;
padding-top: 60px;
}
.dse-content h5
{
    font-size:16px;
    font-family: TitilliumWeb-Bold;
    color: #00478a;
}
.so-icon
{
    padding-top: 60px;
}
.pmd-icon
{
    padding-top:47px;
    padding-bottom: 20px;
}
.sss .society-bg
{
    min-height: 580px;
}
.sss h5
{
    padding-bottom: 20px;
}
.sss h5 span{
font-size: 16px;
line-height: 22px;
color: #000;
font-family: TitilliumWeb-Regular;
}
.sss1
{
border-bottom: 1px solid #00478a;
}
.sss2 p{
padding-bottom: 60px;
}
.sss2 .society-bg
{
    min-height:1540px;
}
.img-btm
{
    float: right;
    margin-top: -80px;
}

.pd-tp
{
    padding-top: 0px !important;
}
.so-icon1
{
    margin-bottom: 30px;
    margin-top:20px;
}
.dse-content ul
{
padding-left: 15px;
}
.dse-content ul li{
    color: #252525;
    padding-bottom: 15px;
    position: relative;
}
.dse-content ul li:after
{
    content: '';
    position: absolute;
    left:-15px;
    top: 9px;
    background-color: #6b6e88;
    width: 6px;
    height: 6px;
    border-radius: 50px;
}
.mt-30
{
    margin-top: 20px;
}
.empp .society-bg
{
min-height: 1207px;
}
.learning-img
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.empp-n1 .society-bg
{
    min-height: 305px;
}

.empp-n2 .society-bg
{
   min-height:327px; 
}
.empp-n3 .society-bg
{
   min-height:510px; 
}
.emp-img-btm
{
    margin-bottom: 60px;
    margin-top: -255px;
}
.blue-strip1
{
    margin-bottom: 0px;
}
.environmental h3
{
    font-size: 35px;
    color: #00478a;
    font-family: TitilliumWeb-Bold;
}
.environmental h3 span{
   font-size:22px; 
}
.environmental  h4
{
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.env-n1 .society-bg
{
    min-height: 833px;
}

.en-img-btm
{
    margin-top:0px;
}
.ref
{
    margin-top:13px;
}
.close-btn
{
    float:right;
    cursor:pointer;
}

.insideyearws #growth,.insideyearws #ratio
{
    background-color: #f9a61a;
    display: inline-block;
    width: 100%;
    padding-top: 50px;
}
.insideyearws h3
{
    padding: 45px 0px 20px;
    font-family: TitilliumWeb-SemiBold;
    font-size: 24px;
    color: #00478a;
}
.ourrewardingjour h3
{
   font-family: TitilliumWeb-SemiBold;
   font-size: 24px;
   color: #00478a;
   padding-bottom: 20px;
}
.insideyearws
{
    padding: 60px 0px 40px;
}
.ourrewardingjour
{
    padding-bottom: 90px;
}
.ourrewardingjour .sanjeevanishdt
{
    position: relative;
    max-width: 1050px;  
    margin-top: 200px;
}
.ourrewardingjour .sanjeevanishdt h6
{
    padding-right: 150px;
}
.ourrewardingjour .feddaychildimg
{
    top: auto;
    bottom: 0px;
}
.ourrewardingjour ul
{
    list-style: none;
    padding-left: 0px;
}
.ourrewardingjour li
{
    font-size: 18px;
    padding:7px 0px;
    font-family: TitilliumWeb-SemiBold;
    position: relative;
    padding-left: 20px;
}

.ourrewardingjour li:before
{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../images/lidots.png);
    width: 14px;
    height: 14px;
    bottom: 0px;
    margin: auto;
}
.ourrewardingjour li ul li:before
{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color:#00478a;
    width: 7px;
    height: 7px;
    background-image: none;
    bottom: 0px;
    border-radius: 50%;
    margin: auto;
}
.ourrewardingjour li:nth-child(4):before
{
    top: 12px;
    bottom: auto;
}
.mb-20
{
    margin-bottom:20px;
}
@keyframes linktomenu{
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.1,1.1);
    }
    100% {
        transform: scale(1,1);
    }
}
.musicOff img {
    animation: linktomenu 1s infinite ;
}