/*@font-face{font-family:'Minerva-Modern'; src:url(../fonts/Minerva-Modern.eot); src:url(../fonts/Minerva-Modern.eot?#iefix) format("embedded-opentype"), url(../fonts/Minerva-Modern.woff2) format("woff2"), url(../fonts/Minerva-Modern.woff) format("woff"), url(../fonts/Minerva-Modern.ttf) format("truetype"), url(../fonts/Minerva-Modern.svg#Minerva-Modern) format("svg"); font-weight:400; font-style:normal; font-display:swap } }*/ .preloader-section {height: 100%; width: 100%; overflow: hidden;background-color: #005DAC;position: fixed;left: 0px;right: 0px;top: 0px;z-index: 999999;display: inline-flex;justify-content: center;} .preloader-section .pre-load {animation: pulse;animation-duration: 1s;animation-iteration-count: infinite;} .preloader-section div{align-self: center;} .preloader-section h3 { color:#ffffff; } .mt0{margin-top:0} .pt0{padding-top:0} .mb0{margin-bottom:0} .pb0{padding-bottom:0} .ml0{margin-left:0} .pl0{padding-left:0} .mr0{margin-right:0} .pr0{padding-right:0} .m0{margin:0} .p0{padding:0} .mt5{margin-top:5px} .pt5{padding-top:5px} .mb5{margin-bottom:5px} .pb5{padding-bottom:5px} .ml5{margin-left:5px} .pl5{padding-left:5px} .mr5{margin-right:5px} .pr5{padding-right:5px} .m5{margin:5px} .p5{padding:5px} .mt10{margin-top:10px} .pt10{padding-top:10px} .mb10{margin-bottom:10px} .pb10{padding-bottom:10px} .ml10{margin-left:10px} .pl10{padding-left:10px} .mr10{margin-right:10px} .pr10{padding-right:10px} .m10{margin:10px} .p10{padding:10px} .mt15{margin-top:15px} .pt15{padding-top:15px} .mb15{margin-bottom:15px} .pb15{padding-bottom:15px} .ml15{margin-left:15px} .pl15{padding-left:15px} .mr15{margin-right:15px} .pr15{padding-right:15px} .m15{margin:15px} .p15{padding:15px} .mt20{margin-top:20px} .pt20{padding-top:20px} .mb20{margin-bottom:20px} .pb20{padding-bottom:20px} .ml20{margin-left:20px} .pl20{padding-left:20px} .mr20{margin-right:20px} .pr20{padding-right:20px} .m20{margin:20px} .p20{padding:20px} .mt25{margin-top:25px} .pt25{padding-top:25px} .mb25{margin-bottom:25px} .pb25{padding-bottom:25px} .ml25{margin-left:25px} .pl25{padding-left:25px} .mr25{margin-right:25px} .pr25{padding-right:25px} .m25{margin:25px} .p25{padding:25px} .mt30{margin-top:30px} .pt30{padding-top:30px} .mb30{margin-bottom:30px} .pb30{padding-bottom:30px} .ml30{margin-left:30px} .pl30{padding-left:30px} .mr30{margin-right:30px} .pr30{padding-right:30px} .m30{margin:30px} .p30{padding:30px} .mt35{margin-top:35px} .pt35{padding-top:35px} .mb35{margin-bottom:35px} .pb35{padding-bottom:35px} .ml35{margin-left:35px} .pl35{padding-left:35px} .mr35{margin-right:35px} .pr35{padding-right:35px} .m35{margin:35px} .p35{padding:35px} .mt40{margin-top:40px} .pt40{padding-top:40px} .mb40{margin-bottom:40px} .pb40{padding-bottom:40px} .ml40{margin-left:40px} .pl40{padding-left:40px} .mr40{margin-right:40px} .pr40{padding-right:40px} .m40{margin:40px} .p40{padding:40px} .mt45{margin-top:45px} .pt45{padding-top:45px} .mb45{margin-bottom:45px} .pb45{padding-bottom:45px} .ml45{margin-left:45px} .pl45{padding-left:45px} .mr45{margin-right:45px} .pr45{padding-right:45px} .m45{margin:45px} .p45{padding:45px} .mt50{margin-top:50px} .pt50{padding-top:50px} .mb50{margin-bottom:50px} .pb50{padding-bottom:50px} .ml50{margin-left:50px} .pl50{padding-left:50px} .mr50{margin-right:50px} .pr50{padding-right:50px} .m50{margin:50px} .p50{padding:50px} .mt55{margin-top:55px} .pt55{padding-top:55px} .mb55{margin-bottom:55px} .pb55{padding-bottom:55px} .ml55{margin-left:55px} .pl55{padding-left:55px} .mr55{margin-right:55px} .pr55{padding-right:55px} .m55{margin:55px} .p55{padding:55px} .mt60{margin-top:60px} .pt60{padding-top:60px} .mb60{margin-bottom:60px} .pb60{padding-bottom:60px} .ml60{margin-left:60px} .pl60{padding-left:60px} .mr60{margin-right:60px} .pr60{padding-right:60px} .m60{margin:60px} .p60{padding:60px} .mt65{margin-top:65px} .pt65{padding-top:65px} .mb65{margin-bottom:65px} .pb65{padding-bottom:65px} .ml65{margin-left:65px} .pl65{padding-left:65px} .mr65{margin-right:65px} .pr65{padding-right:65px} .m65{margin:65px} .p65{padding:65px} .mt70{margin-top:70px} .pt70{padding-top:70px} .mb70{margin-bottom:70px} .pb70{padding-bottom:70px} .ml70{margin-left:70px} .pl70{padding-left:70px} .mr70{margin-right:70px} .pr70{padding-right:70px} .m70{margin:70px} .p70{padding:70px} .mt75{margin-top:75px} .pt75{padding-top:75px} .mb75{margin-bottom:75px} .pb75{padding-bottom:75px} .ml75{margin-left:75px} .pl75{padding-left:75px} .mr75{margin-right:75px} .pr75{padding-right:75px} .m75{margin:75px} .p75{padding:75px} .mt80{margin-top:80px} .pt80{padding-top:80px} .mb80{margin-bottom:80px} .pb80{padding-bottom:80px} .ml80{margin-left:80px} .pl80{padding-left:80px} .mr80{margin-right:80px} .pr80{padding-right:80px} .m80{margin:80px} .p80{padding:80px} .mt90{margin-top:90px} .pt90{padding-top:90px} .mb90{margin-bottom:90px} .pb90{padding-bottom:90px} .ml90{margin-left:90px} .pl90{padding-left:90px} .mr90{margin-right:90px} .pr90{padding-right:90px} .m90{margin:90px} .p90{padding:90px} .mt100{margin-top:100px} .pt100{padding-top:100px} .mb100{margin-bottom:100px} .pb100{padding-bottom:100px} .ml100{margin-left:100px} .pl100{padding-left:100px} .mr100{margin-right:100px} .pr100{padding-right:100px} .m100{margin:100px} .p100{padding:100px} .mt105{margin-top:105px} .pt105{padding-top:105px} .mb105{margin-bottom:105px} .pb105{padding-bottom:105px} .ml105{margin-left:105px} .pl105{padding-left:105px} .mr105{margin-right:105px} .pr105{padding-right:105px} .m105{margin:105px} .p105{padding:105px} .mt110{margin-top:110px} .pt110{padding-top:110px} .mb110{margin-bottom:110px} .pb110{padding-bottom:110px} .ml110{margin-left:110px} .pl110{padding-left:110px} .mr110{margin-right:110px} .pr110{padding-right:110px} .m110{margin:110px} .p110{padding:110px} .mt115{margin-top:115px} .pt115{padding-top:115px} .mb115{margin-bottom:115px} .pb115{padding-bottom:115px} .ml115{margin-left:115px} .pl115{padding-left:115px} .mr115{margin-right:115px} .pr115{padding-right:115px} .m115{margin:115px} .p115{padding:115px} .green-1{color:#6A932C} .white{color:#fff!important} .grey{color:#939393!important} .black-333333{color:#333!important} .blue-1{color:#1068B3!important} .brown-clr{color:#DA251B!important} .orange-clr{color:#F17219!important} .bg-white{background-color:#fff!important} .Montserrat{font-family:'Montserrat',sans-serif!important} .fs12{font-size:12px!important} .fs14{font-size:14px!important} .fs16{font-size:16px!important} .fs18{font-size:18px!important} .fs20{font-size:20px!important} .fs22{font-size:22px;line-height:28px} .fs24{font-size:24px!important;line-height:30px} .fs26{font-size:26px} .fs28{font-size:28px} .fs30{font-size:30px;line-height:38px!important} .fs32{font-size:32px} .fs36{font-size:36px;line-height:42px} .fs40{font-size:40px!important;line-height:40px} .fs44{font-size:44px!important;line-height:40px} .fs46{font-size:46px} .fs48{font-size:48px} .fs50{font-size:50px!important} .fs52{font-size:52px} .fs54{font-size:54px} .fs56{font-size:56px;line-height:55px} .fs60{font-size:60px!important;line-height:65px} .fs64{font-size:64px!important;line-height:65px} .fs70{font-size:70px;line-height:54px} .fs72{font-size:72px} .fs75{font-size:75px;line-height:73px} .fs85{font-size:85px} .fs90{font-size:90px} .fs100{font-size:100px} .fs120{font-size:120px} .font-weight-1{font-weight:100} .font-weight-2{font-weight:200!important} .font-weight-3{font-weight:300!important} .font-weight-4{font-weight:400!important} .font-weight-5{font-weight:500!important} .font-weight-6{font-weight:600} .font-weight-7{font-weight:700!important} .font-weight-8{font-weight:800!important} .font-weight-9{font-weight:900!important} .offwhite-bg{background-color:#f1f1f1} :focus{outline:none} .btn.focus,.btn:focus{box-shadow:none} .wow{visibility:hidden} ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(120,120,120,0.5)} ::-webkit-scrollbar-thumb{-webkit-border-radius:6px;border-radius:6px;background:rgba(120,120,120,0.6);-webkit-box-shadow:inset 0 0 4px rgba(120,120,120,0.6)} ::-webkit-scrollbar-thumb:window-inactive{background:rgba(120,120,120,0.4)} body.mmactive {overflow: hidden;} .container{max-width: 1480px;} @media(max-width:1500px){ .container{max-width: 1320px;} } @media(max-width:1460px){ .container{max-width: 1200px;} } @media(max-width:1100px){ .container{max-width: 980px;} } @media(max-width:991px){ .container{max-width: 94%;} } .mobile_menu {position: relative; display: inline-block;} /*.sm_menu_outer.active .mobile_menu {display: block;}*/ .sm_menu_outer {height: calc(100vh);overflow-y: auto;overflow-x: hidden;position: fixed;right: -105%;bottom: 0;z-index: 9;width: 105%;opacity: 0;background-color:#FFFFFF ;transition: all 1.4s ease; padding-top: 100px; padding-right: 8%; backdrop-filter: blur(20px); } .sm_menu_outer.active {opacity: 1;z-index: 999; right: -5%;background-color:rgba(0, 115, 204, .6); transition: all .8s cubic-bezier(0, 1.02, 0.34, 1.04);} .sm_menu_outer .mobile_menu li {list-style-type: none;border-bottom: 0.5px solid rgba(0, 0, 0, 0);color: #ffffff; font-size: 18px; font-weight: 400;} .sm_menu_outer .mobile_menu a {color: #ffffff;display: block; padding: 10px 0;} /*Sub Menu anim */ /*Hamburger Animation */ #sm_menu_ham {cursor: pointer;float: right;height: 25px;position: fixed;right: 50px;width: 50px;top:30px;z-index: 9999;transform: rotate(0deg); transition: all 0.5s ease-in-out 0s;} #sm_menu_ham span {background: #0073cc;border-radius: 5px;display: block;height: 5px;left: 0;opacity: 1;position: absolute; right: 0; transform: rotate(0deg);transition: all 0.25s ease-in-out 0s;} #sm_menu_ham span:nth-child(1) {top: 0; width: 48px;} #sm_menu_ham span:nth-child(2), #sm_menu_ham span:nth-child(3) {top: 10px; width: 40px;} #sm_menu_ham span:nth-child(4) {top: 20px; width: 31px;} /* #sm_menu_ham.open span{background: #fff;} */ #sm_menu_ham.open span:nth-child(1) {left: 50%;top: 18px;width: 0;} #sm_menu_ham.open span:nth-child(2) {transform: rotate(45deg);} #sm_menu_ham.open span:nth-child(3) {transform: rotate(-45deg);} #sm_menu_ham.open span:nth-child(4) {left: 50%;top: 18px;width: 0;} .sm_menu_outer.accordion .mobile_menu .submenu, .sm_menu_outer.accordion .mobile_menu li.hasChild ul.submenu {display: none; padding-left: 0;} .sm_menu_outer.accordion .mobile_menu .hasChild > .submenu li {padding-left: 20px;} .sm_menu_outer.accordion .mobile_menu li.active > .submenu {right: auto;} .sm_menu_outer.accordion .mobile_menu li.hasChild > a {position: relative;} .sm_menu_outer.accordion .mobile_menu li.hasChild > a::before {position: absolute;content: '';background: url("../images/next.png") no-repeat scroll center / contain;right: 0;top: 50%; margin-top: -10px; width: 16px;height: 16px;transition: all 0.19s ease;} .sm_menu_outer.accordion .mobile_menu li.hasChild.active > a::before {transform: rotate(89deg);transition: all 0.19s ease;} @media (min-width: 1024px) { .mobile_menu{margin:5% 0 0 10%;} .sm_menu_outer.accordion .mobile_menu .submenu{position: absolute; top: 0; left: 110%; height: 125%; border-left: 1px solid #fff; overflow: hidden;} .sm_menu_outer.accordion .mobile_menu .submenu .subAnim{position: relative; margin-left: -105%; transition: all .6s ease-out;} .sm_menu_outer.accordion .mobile_menu .submenu .subAnim a{white-space: nowrap;} .sm_menu_outer.accordion .mobile_menu li.hasChild.active .submenu .subAnim{ margin-left: 0%;transition: all .6s ease-out .3s;} .sm_menu_outer.accordion .mobile_menu li.hasChild > a::after {content: ""; position: absolute; left: 0; bottom: 5px; width: 0%; height: 1px; background: #fff; transition: all 0.6s ease;} .sm_menu_outer.accordion .mobile_menu li.hasChild > a:hover:after, .sm_menu_outer.accordion .mobile_menu li.hasChild.active > a::after {width: 100%; transition: all 0.6s ease;} .sm_menu_outer .mobile_menu a:after {content: ""; position: absolute; left: 0; bottom: 5px; width: 0%; height: 1px; background: #fff; transition: all 0.6s ease;} .sm_menu_outer .mobile_menu a{position: relative;} .sm_menu_outer .mobile_menu a:hover:after {width: 100%; transition: all 0.6s ease;} } /*04864d*/ .footer{background: #083153; padding: 20px 0; font-size: 14px; color:#fff;} .ftrHome{position: absolute; bottom: 0; width: 100%;} .footer .socialLnk{display: flex; justify-content: flex-end;list-style: none;padding: 0; margin: 0;} .footer .socialLnk li{margin-right: 15px; font-size: 18px;} .footer .socialLnk a{color: #fff;} .footer a{color: #fff;} body,html{height:100%} .wow{visibility:hidden} body{margin:0;padding:0;font-size:20px;font-weight:400;font-family:Rubik,sans-serif; color: #414042;} .overflow{overflow:hidden} a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;text-decoration:none!important;outline:none!important} h1,h2,h3,h4,h5,h6,p{margin:0} p{font-size:18px;line-height:1.4; font-weight: 400; margin-bottom: 10px;} h2{font-size:34px;line-height:1.1;font-weight:500; text-transform: unset; margin-bottom: 10px;} h3{font-size:23px;font-weight:400;line-height:1.2; margin-bottom: 20px; /*text-transform: uppercase*/} h4{font-size:18px;font-weight:500;line-height:1.3; margin-bottom: 30px} h5{font-size:26px;font-weight:400;line-height:1.1;} .img-fullW{width: 100%;} .mobHide{display: block;} .mobShow{display: none;} .btn-box{ display: inline-block;background: #005dac; color: #fff; padding: 10px 25px; font-size: 16px; font-weight: 300; position: relative; border-radius: 8px; border: 1px solid #005dac; line-height: 1.2;overflow: hidden} .btn-box span{position: relative; z-index: 2;} .btn-box:after{content: '';position: absolute;width: 100%;transform: scaleX(0);height:100%;top: 0;left: 0;background: #fff; border-radius: 8px; transform-origin: bottom right;transition: transform 0.4s ease-out; } .btn-box:hover:after{transform: scaleX(1); transform-origin: bottom left;} .btn-box:hover{color: #005dac;} .btn-box-white{background: #fff; color: #005dac;border: 1px solid #fff;} .btn-box-white:after{content: '';background: #005dac; } .btn-box-white:hover{color: #fff;} .btn-text{font-size: 16px; font-weight: 500; color:#095FAC; position: relative; display: inline-block; transition: transform 0.4s ease-out;} .btn-text:after{content: '';position: absolute;width: 100%;transform: scaleX(0);height: 1px;bottom: 0;left: 0;background-color: #095FAC;transform-origin: bottom right;transition: transform 0.4s ease-out; } .btn-text:hover:after{transform: scaleX(1); transform-origin: bottom left;} .text-right{text-align: right;} .icon-download{background:url("../images/icon-download.svg") 0 0 no-repeat; background-size: contain;width: 16px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;} .icon-quot1{background:url("../images/icon-quote1.svg") 0 0 no-repeat; background-size: contain;width: 26px; height: 26px; display: block;} .icon-quot2{background:url("../images/icon-quote2.svg") 0 0 no-repeat; background-size: contain;width: 26px; height: 26px; display: inline-block;} .icon-rupee{background:url("../images/icon-rupee.svg") 0 0 no-repeat; background-size: contain;width: 12px; height: 15px; display: inline-block;} .icon-arrow-circle-up{background:url("../images/icon-arrow-circle-up-wht.svg") 0 0 no-repeat; background-size: contain;width: 34px; height: 34px; display: inline-block; vertical-align: middle; margin-right: 10px;} .border-r{border-right: 1px solid #A4ADAB} .border-bottom{border-bottom: 1px solid #A4ADAB !important;} .callout .unit{font-size: 32px; line-height: 1.1; display: inline-block;} .callout h2{font-size:46px;} .callout p{font-size:22px; line-height: 1.2;} .header{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; background-color: #ffffff;} .header .logo{ margin: 30px 20px 10px 50px; width: 300px; } .header .logo{ margin: 20px 20px 20px 50px; width: 300px; } .header .logo img{width: 100%;} .header .annualReortBtn{ position: absolute; left:400px; top: 20px; width: 158px} .header .annualReortBtn img{width: 100%;} .header .logo-finserv {position: absolute; right:194px; top: 17px; width: 120px} .header .downloadLink{position: absolute; right: 130px; top: 27px;} .header .downloadLink .icon-download{width: 30px; height: 30px;} .header.hdrInner{background: #fff; width: 100%;} .mainWrp{padding: 120px 0 0px 0;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: none;} #fp-nav ul li a span{background: #095FAC; border-radius: 50%; width: 4px; height: 4px;} #fp-nav ul li a.active span{width: 12px; height: 12px;} /*----------------------------------------------------------------*/ /*START : Homepage css ------------------------------------------ */ .section{padding: 80px 0;} #bannerHom{color:#095FAC;height:100vh; position: relative;} #bannerHom h2{font-size:100px; line-height:0.9;} #bannerHom h3{font-size:60px; line-height:1;} #bannerHom img{width: 650px;max-width:100%; } #bannerHom .banInner{display: flex; align-items:center; height: 100%; margin-top: 1%; justify-content: center;} #bannerHom .banInner .banImg{margin-right:10% } #bannerHom .banInner .banCopy{ margin-top: 2%;} #bannerHom .banInner .banCopy sup{font-size: 58px} #bannerHom .banInner .banCopy .logo-sml{width: auto;max-width: 100%; margin-left: 3px;} #bannerHom .banInner .banCopy a{color: #194F87;} #bnr-vid{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;} #bancopyVid{ position: absolute; right: 20%;} #highlightWrp{ background:url("../images/bg-highlights.jpg") center center no-repeat; background-size: cover; color: #fff; /*background-attachment: fixed; */} #highlightWrp h2{line-height: 1.3;} #highlightWrp .callout h2{line-height: 1.1;} #highlightWrp .accordion-item{background:none; padding:30px 0px; border: none;} #highlightWrp .accordion-item .accordion-body{background:none; padding:0px;} #highlightWrp .nav-tabs .nav-link{background:none; padding:10px 0px; color: #fff; border: none; font-weight: 200; opacity: .6;} #highlightWrp .nav-tabs .nav-item{margin: 0 60px 0 0;} #highlightWrp .nav-tabs .nav-item.show .nav-link, #highlightWrp .nav-tabs .nav-link.active{font-weight: 900;opacity:1;} #highlightWrp .box-blue{background:rgba(255, 255, 255, .8); padding:30px 50px; border-radius: 3px;} #highlightWrp .callOutWrap{display: flex; flex-wrap: wrap;} #highlightWrp .callOutWrap .callout{flex: 0 0 auto; width: 50%; padding:20px 20px 20px 0; border-top: 1px solid #ccc; color: #fff; margin-top: 40px;} #highlightWrp .callout{margin-top: 40px;} #highlightWrp .callOutWrap .callout:nth-child(even){padding:20px 0px 20px 40px;} #highlightWrp .callOutWrap .callout:nth-child(odd){border-right: 1px solid #ccc; } #highlightWrp .callOutWrap .callout:nth-child(-n + 2){border-top: none;} #highlightWrp .callOutWrap .callout .rhs{} #highlightWrp .callOutWrap .callout p{line-height: 1.5; color: #005DAC; font-weight: 500; margin: 0;} #highlightWrp .callOutWrap .callout h2{color: #005DAC; font-weight: 500; font-size: 28px; margin: 0 0 20px 0 ; line-height: 1.1;} #highlightWrp .callOutWrap .callout h4{color: #04864d; font-weight: 500; font-size: 22px; margin-bottom: 15px;} #highlightWrp .callOutWrap2{display: flex; flex-wrap: wrap;} #highlightWrp .callOutWrap2 .callout{flex: 0 0 auto; width: 33.33%; padding:20px 20px 20px 40px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #highlightWrp .callOutWrap2 .callout .iconImg{ height: 50px; margin-bottom: 10px;} /*#highlightWrp .callOutWrap2 .callout:nth-child(even){padding:20px 0px 20px 40px;}*/ #highlightWrp .callOutWrap2 .callout:first-child{ padding:20px 20px 20px 0px;} #highlightWrp .callOutWrap2 .callout:last-child{ padding:20px 20px 20px 0px; border-bottom: none;} #highlightWrp .callOutWrap2 .callout:nth-last-child(-n + 2){border-right: none;} #highlightWrp .callOutWrap2 .callout h2{color: #000; font-weight: 500; font-size: 20px; margin: 0 0 10px 0 ; text-transform: none;} #highlightWrp .callOutWrap2 .callout h3{color: #095FAC; font-weight: 500; font-size: 16px; margin-bottom: 10px; text-transform: none;} #highlightWrp .callOutWrap2 .callout h3 strong{color: #04864d; font-weight: 500; font-size: 20px;} .highlightSlider {overflow: hidden; position: relative;} #highlightWrp .highlightSlider .swiper-button-prev, #highlightWrp .highlightSlider .swiper-button-next{top: auto; bottom: 10px; width: 40px;height: 40px; background-image: none;} #highlightWrp .highlightSlider .swiper-button-prev img, #highlightWrp .highlightSlider .swiper-button-next img{width: 100%;} #highlightWrp .highlightSlider .swiper-button-prev {left: auto; right:60px; } #highlightWrp .highlightSlider .swiper-button-next {right: 0px;} #aboutWrp{ color: #414042; background:linear-gradient(0deg, #D3D3D3, #F2F9F3);} #aboutWrp h2{color: #095FAC; margin-bottom: 20px;} #aboutWrp h3{color: #075DAA; } #aboutWrp p{margin-bottom: 30px;} #aboutWrp .callOutWrap{display: flex; flex-wrap: wrap;} #aboutWrp .callOutWrap .callout{flex: 0 0 auto; width: 100%; padding:20px; text-align: center;} #aboutWrp .callOutWrap .callout:last-child{border-bottom: none; } #aboutWrp .callOutWrap .callout .icon{height: 42px; margin-bottom:5px;} #aboutWrp .callOutWrap .callout h2{color: #04864d; font-weight: 500; /*font-size:48px;*/ margin: 0;} #aboutWrp .callOutWrap .callout p{color: #005DAC; font-weight: 500; /*font-size: 22px;*/ margin: 0 0 10px 0;} #aboutWrp .callOutWrap .callout p span{color: #04864d; font-weight: 400;} #aboutWrp .boxShadow{background: #fff; padding:10px 30px; box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.2);} #aboutWrp .icon-rupee { width: 25px; height: 25px;} .prodsliderWrp{background: #005DAC; color: #fff; padding: 30px 0 10px 0; text-align: center;} .prodsliderWrp h4{margin-bottom: 30px;} .prodSlider{overflow: hidden; position: relative; padding-bottom: 30px;} .prodSlider .swiper-slide{height: auto;} .prodSlider .slideDiv{ text-align: center; padding:0 20px; xheight: 100%; color: #fff;} .prodSlider .slideDiv img{ height: 54px; margin-bottom: 10px;} .prodSlider .slideDiv p{ margin: 0;} .prodSlider .swiper-button-prev, .prodSlider .swiper-button-next{top: 40%; bottom: 0px; width: 30px;height: 30px; background-image: none;} .prodSlider .swiper-button-prev img, .prodSlider .swiper-button-next img{width: 100%;} .prodSlider .swiper-button-prev {left: 10px; right:auto; } .prodSlider .swiper-button-next {right: 10px;} .prodSlider .swiper-pagination{bottom: 0;} .prodSlider .swiper-pagination .swiper-pagination-bullet{background: #fff;} /*#chrmnMsgWrp{background:url("../images/bg1.jpg") center center no-repeat; background-size: cover; background-attachment: fixed;}*/ #chrmnMsgWrp{background:linear-gradient(90deg, #C2E4FF, #E5F4FF);} #chrmnMsgWrp .chrmnImg{position: relative; border-radius: 20px; overflow: hidden; z-index: 3} #chrmnMsgWrp .chrmnImg img{width: 100%;} #chrmnMsgWrp .chrmnImg .chrmnName{position: absolute; bottom: 10px; left: 100%; white-space: nowrap; font-weight: bold; color:#095FAC; line-height: 1.2;} #chrmnMsgWrp .chrmnImg .chrmnName span{display: block; color: #414042; font-size: 14px;} #chrmnMsgWrp .chrmnCopy {position: relative; border-left: 2px solid #005DAC;border-bottom: 2px solid #005DAC; padding-left: 60px;padding-bottom: 60px;} #chrmnMsgWrp .chrmnCopy:before {content: "";position: absolute; width: 50%; top: 0; left: -50%; height: 2px; background: #005DAC; z-index: 1;} #chrmnMsgWrp .chrmnCopy:after {content: "";position: absolute; width: 10px; height: 10px; bottom: -5px; right: 0; background: #005DAC; display: block; border-radius: 50%;} #chrmnMsgWrp .chrmnCopy p{ font-size: 20px; } #chrmnMsgWrp .chrmnCopy p span{display: block; font-weight: 500; color:#095FAC; font-size: 22px;} #chrmnMsgWrp .chrmnCopy h2{ margin-bottom: 20px ; color: #095FAC;} #chrmnMsgWrp .chrmnCopy h4{ font-size: 30px; font-weight: 400; margin: 50px 0 30px 0; line-height: 1.3;} #chrmnMsgWrp .chrmnCopy .icon-quot2{vertical-align: bottom; margin-left: 10px;} #ldrshipWrp{padding: 10px 0 0 0; background-image:url("../images/bg-leadership.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden;} #ldrshipWrp .containerLdr{display: flex; height: 100%; flex-direction: column; justify-content: flex-end; align-items: center;} #ldrshipWrp .leaderImgDiv{position: relative; display: block; margin: 0 auto; max-width: 100%;/* max-width: 92%;*/ /*padding-top: 20px;*/} #ldrshipWrp .leaderImgDiv .ldrImg{width: 100%;} #ldrshipWrp .leaderImgDiv h2{position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, 0);} #ldrshipWrp .ldrsjip{margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%;height: 100%; list-style: none;} #ldrshipWrp .ldrsjip li{position: absolute; color: #fff;} #ldrshipWrp .ldrsjip li:before{content: ''; position: absolute; bottom:0; width: 100%; height: 1px; background: #fff; display: block; transform-origin: right; transform: scaleX(0);transition: all .4s ease-out .4s;} #ldrshipWrp .ldrsjip li i{position: absolute; bottom: -120px; /*bottom: -50px; */width: 8px; height: 8px; border-radius:5px; XXXbackground: #fff; right: -3px; cursor: pointer;} #ldrshipWrp .ldrsjip li i:after{content: ''; position: absolute; bottom:0; width: 1px; height: 120px; /*height: 50px;*/ left: 4px; background: #fff; display: block; transform-origin: bottom;transform: scaleY(0);transition: all .4s ease-out .8s;} #ldrshipWrp .ldrsjip li span{position: relative; overflow: hidden; display:block;} #ldrshipWrp .ldrsjip li p{font-size: 11px; line-height: 1.2; font-weight: 300; position: relative; transform: translateY(40px); transition: all .4s ease-out;} #ldrshipWrp .ldrsjip li p strong{display: block; text-transform: uppercase; font-weight: 400; font-size: 12px;} #ldrshipWrp .ldrsjip li.rhs i{left: -3px;} #ldrshipWrp .ldrsjip li.rhs span{text-align: right;} #ldrshipWrp .ldrsjip li.rhs:before{transform-origin: left;} #ldrshipWrp .ldrsjip li.active p{transform: translateY(0); transition: all .4s ease-out .8s;} #ldrshipWrp .ldrsjip li.active:before{transform: scaleX(1);transition: all .4s ease-out .4s;} #ldrshipWrp .ldrsjip li.active i:after{transform: scaleY(1);transition: all .4s ease-out;} #ldrshipWrp .ldrsjip li.active span{ animation-play-state: paused;} #ldrshipWrp .ldrsjip li i > span {display: block; width: 20px; height:20px; border-radius: 50%; background: #fff; opacity: 0; position: absolute; top:4px; left: 50%; z-index: 5; /*animation: growAndFade 3s infinite ease-out;*/ animation: zoom 2s linear 0.75s infinite ; /*animation: 1s blink ease infinite;*/ } #ldrshipWrp .ldrsjip li i > span:nth-child(1) {animation-delay: 1s;} #ldrshipWrp .ldrsjip li i > span:nth-child(2) {animation-delay: 2s; background: #095FAC; } #ldrshipWrp .ldrsjip li i > span:nth-child(3) {animation-delay: 3s;} #ldrshipWrp h2{margin-top: 70px; color: #fff;} #ldrshipWrp .mobHide{position: relative;} #ldrshipWrp .mobHide h2{position: absolute; top: 35px; left: 0; margin: 0; padding: 0;} /*#ldrshipWrp h2{color: #fff; margin-bottom: 3%;background-color:rgba(0,0,0, .6)rgba(0, 115, 204, .8); padding: 30px 100px; display: inline-block;}*/ @keyframes growAndFade { 0% {opacity: 0.9;transform: scale(0);} 100% {opacity: 0;transform: scale(1);} } @keyframes blink { from, to {opacity: 0;} 50% {opacity: 1;} } @-webkit-keyframes zoom { 0% {transform: translate(-50%, -50%) scale(0.2);opacity: 0;} 50% {opacity: 0.9;} 100% {transform: translate(-50%, -50%) scale(1);opacity: 0;} } @keyframes zoom { 0% {transform: translate(-50%, -50%) scale(0.2);opacity: 0;} 50% {opacity: 0.9;} 100% {transform: translate(-50%, -50%) scale(1);opacity: 0;} } #ldrshipWrp .ldrsjip .ldr-1{left : 10px; bottom: 78%; width:44%;} #ldrshipWrp .ldrsjip .ldr-2{left : 10px; bottom: 77.5%; width:34.3%;} #ldrshipWrp .ldrsjip .ldr-3{left : 10px; bottom: 73%; width:27%;} #ldrshipWrp .ldrsjip .ldr-4{left : 10px; bottom: 62%; width:37%;} #ldrshipWrp .ldrsjip .ldr-5{right: 10px; bottom: 82%; width:41.3%;} #ldrshipWrp .ldrsjip .ldr-6{right: 10px; bottom: 80%; width:32.5%;} #ldrshipWrp .ldrsjip .ldr-7{right: 10px; bottom: 75%; width:26%;} #ldrshipWrp .ldrsjip .ldr-8{right: 10px; bottom: 64%; width:37.5%;} #ldrshipWrp .ldrMob{display: none;} .centerDiv{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; text-align: center;} #csrWrp{background: #EAF6F3; overflow: hidden;} #csrWrp h2{color:#095FAC; } #csrWrp .imgDiv{position: relative;border-radius: 20px; overflow: hidden;} #csrWrp .imgDiv img{width: 100%;} #csrWrp .imgDiv p{position:absolute; bottom: 0; padding: 10px; background: rgba(0,0,0,.7); color: #fff; font-size: 13px;width: 100%; margin: 0; text-align: left;} #csrWrp .copyDiv{padding: 80px 0 0 40px;} #csrWrp .copyDiv h3{color: #005DAC; margin-bottom: 10px;} #csrWrp .copyDiv .callout h2{color: #05874E; } /*#csrWrp .imgCopy{ text-align: left; color: #fff; padding: 20px 30px; width: 35%;} #csrWrp .imgCopy .img-icon{ height: 44px; margin-bottom: 10px; margin-right: 10px;} #csrWrp .imgCopy h4{margin-bottom: 10px; text-transform: uppercase; font-size: 24px;} #csrWrp .imgCopy .callOutList{padding: 0; list-style: none; font-size:18px; line-height: 1.2; font-weight: 100; margin-top: 20px; } #csrWrp .imgCopy .callOutList li{ margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: 15px; } #csrWrp .imgCopy .callOutList li:last-child{border: none; padding-bottom: 0; margin-bottom: 0;} #csrWrp .imgCopy .callOutList strong{display: block;font-size:22px; margin-bottom: 5px; }*/ #csrWrp .csrSlider{margin-bottom: 20px; margin-top: 20px; padding: 0;} #csrWrp .csrSlider .swiper-button-prev, #csrWrp .csrSlider .swiper-button-next{ width: 40px;height: 40px; background-image: none; top:25px;} #csrWrp .csrSlider .swiper-button-prev img, #csrWrp .csrSlider .swiper-button-next img{width: 100%;} #csrWrp .csrSlider .swiper-button-prev {left:calc(50.5% + 40px); } #csrWrp .csrSlider .swiper-button-next {left:calc(50.5% + 90px); } .bg-green{background: #04864d;} .bg-blue{background: #005DAC;} .wow { visibility: hidden; } .section { position:relative; } .section-bg { background-repeat:no-repeat; background-size:110%; background-position:center center; transition:3s;} /*.section:before { content:''; position:absolute; width:100%; height:100%; left:0px; top:0px; }*/ .active.fp-completely.bg-img{background-size:100% !important;} .bg-img { background-repeat:no-repeat !important; background-size:110% !important; background-position:center top !important; transition:5s; transform-origin:center center; background-attachment:fixed;} /*#intro-captial {overflow: hidden;} #intro-captial.section:before { display:none; } #gallery {padding-top: 150px;padding-bottom:0px; color: #005DAC; } #gallery .swiper-slide-container {display: block; overflow: hidden; position: relative; border-radius: 3px; } #gallery .swiper-slide {transition: 1s;opacity: 0.1;} #gallery .swiper-slide-active { opacity: 1;z-index: 2; } #gallery .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 50px;background-image: none; } #gallery .gallery-box {position: absolute;top: 0px;right: -100%;padding: 15px;transition: 0.5s;transition-delay: 0.5s;height: 100%; width:400px; padding: 30px; } #gallery .gallery-box {opacity: 0;visibility: hidden;color:#FFF;} #gallery .gallery-box .appear {opacity:1; transition:0.5s; position:relative; z-index:2; display: inline-flex; flex-direction: column; height: 100%; padding-bottom: 20px;} #gallery .gallery-box .imgCopy{ } #gallery .gallery-box .img-icon{ height: 44px; margin-bottom: 10px; width: auto;} #gallery .gallery-box h4{margin-bottom: 10px; text-transform: uppercase;} #gallery .swiper-slide.swiper-slide-active .gallery-box {opacity: 1;visibility: visible;right:0;} #gallery .swiper-slide.swiper-slide-active .gallery-box:before { width:100%; transition:0.5s;} #gallery .swiper-slide img {opacity: 1; object-fit: cover; height: 100%; width: 100%; object-position: center;} #gallery .swiper-button-prev {left: 30px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none !important; } #gallery .gallery-box .imgCopy .callOut{padding:10px 20px; background: rgba(0,0,0,.2); font-size: 16px; line-height: 1.2; margin: 10px 0;} #gallery .gallery-box .imgCopy .callOut strong{display: block; font-weight: 400; font-size: 20px;}*/ #dwnldWrp{ color:#005DAC; background: #effffe;} #dwnldWrp .download-box ul {margin: 0px;padding: 0px;list-style-type: none;margin-top: 20px;} #dwnldWrp .download-box ul li {} #dwnldWrp .download-box ul li a {display: block;color: #646464;border-bottom: solid 1px #e7e7e7;padding: 15px 0px;background: url(../images/icon-download-2.svg) no-repeat 98% center;font-weight: 400;font-size: 18px;line-height: 18px; background-size: 16px; padding-right: 30px;} #dwnldWrp .download-box ul li a:hover {/*color: #005DAC;background: url(../images/icon-download-3.svg) no-repeat 98% center;background-size: 16px;*/} #dwnldWrp h2{margin-bottom: 30px;} #dwnldWrp .ttl2 {font-weight: 500;font-size: 20px;line-height: 24px;color: #04864d;} #dwnldWrp .download-box .download-img {box-shadow: 0 0 8px gray;} #bisnesWrp { background:#fff;color: #005DAC; text-align: center; position: relative; overflow: hidden;} #bisnesWrp:before{content: ""; display: block; background: #CEE2F2; position: absolute; top: 30%; width: 100%; height: 200%; border-radius: 50% 50% 0 0;} #bisnesWrp .bisnesCard{position: relative; overflow: hidden;} #bisnesWrp .slideCard { background:#fff; position: relative; padding: 30px; text-align: center; height: 100%;} #bisnesWrp .slideCard h2{color: #095fac; font-size: 22px;} #bisnesWrp .slideCard .iconImg { display: block; height: 60px; margin: 0 auto 30px auto;} .flip-card {background-color: transparent;height: 220px;perspective: 1000px;margin-bottom: 20px;transform-style: preserve-3d; border-radius: 10px;overflow: hidden;} .flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.6s;transform-style: preserve-3d;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);border-radius: 10px;} .flip-card:hover .flip-card-inner {transform: rotateY(180deg);} .flip-card .iconImg{height: 68px; margin-bottom: 30px;} .flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .flip-card-front {background-color: #000;color: black;border-radius:10px;z-index: 2;transform: rotateY(0deg);} .flip-card-back {background: #005dac;color: white;transform: rotateY(180deg);border-radius: 3px;border: 1px solid #005dac;padding: 15px;} .flip-card-back p { color: #ffffff;} .flip-card h2 { color: #095fac; font-size: 20px; position: absolute; bottom: 15px; left: 20px; color: #fff; font-weight: 400; text-transform: none; margin: 0;} .flip-card span{ position:relative; width:100%; height:100%;overflow: hidden; top: 0; left: 0; display: block;} .flip-card .iconImg{width: 100%; height: 100%; object-fit: cover;} .flip-card-back h2{position: static; margin-bottom: 10px;} .flip-card-back p{font-size: 15px; line-height: 1.3;} .corpInfo h3{color: #005DAC; font-size: 22px; border-bottom:1px #005DAC solid; width: 85%; text-transform: none; margin-bottom: 12px;} .corpInfo h4{color: #7c787b; font-size: 18px; text-decoration: underline; margin-bottom: 5px;} .corpInfo p {color: #414042; font-weight:500; line-height: 1.3; padding-bottom:12px;} .corpInfo p span {font-weight: 300; padding-bottom:10px; font-size: 17px;} .imgCaption{position: absolute; bottom: 0; left: 0; background:rgba(0,0,0,.6); color: #fff; font-size: 14px;} #esgHlWrp{position: relative; overflow: hidden;} #esgHlWrp:before{content: ""; position: absolute; top: -20%; right: -400px; width: 1500px; height: 1500px; background: #CEE2F2; border-radius: 50%; display: block; z-index: 1;} #esgHlWrp h2{color: #005DAC} #esgHlWrp h3{color: #005DAC} #esgHlWrp .callout{margin-top: 20px;} #esgHlWrp .callout h2{color: #05874E} #esgHlWrp .esgSlider {margin: 40px 0; } #esgHlWrp .esgSlider .swiper-slide { position: relative; transition: all .5s ease-in; height: auto; border-radius: 20px; overflow: hidden; margin: 0 0 0 1%;} #esgHlWrp .esgSlider .swiper-slide-active{ transition: all .5s ease-in;} #esgHlWrp .esgSlider .swiper-slide{width:17% !important;} #esgHlWrp .esgSlider .swiper-slide-active{width: 34% !important} #esgHlWrp .esgSlider .swiper-slide .imgDiv{height: 540px; position: relative; overflow: hidden; width: 100%; border-radius: 20px;} /*#esgHlWrp .esgSlider .swiper-slide-active .imgDiv{overflow: hidden; width: 100%; height: 100%; overflow: hidden;}*/ #esgHlWrp .esgSlider .swiper-slide .imgDiv img{ width: 100%; height: 100%; object-fit: cover; object-position: center} #esgHlWrp .esgSlider .swiper-slide .copyDiv{position: absolute; display: flex; flex-direction: column;left: 0; bottom: 0; width: 100%; padding: 20px; color: #fff; background: rgba(0,0,0,.6);transition: all .3s ease-out ;} /*#esgHlWrp .esgSlider .swiper-slide .imgDiv .title{position: absolute; bottom: 0; left: 0;width: 100%; background: rgba(0,0,0,.6); padding: 20px; color: #fff; margin: 0;font-weight: 400; font-size: 22px; transition: all .8s ease-in;} #esgHlWrp .esgSlider .swiper-slide-active .imgDiv .title{ padding-bottom: 50px; opacity: 0; transition: all .8s ease-in;}*/ #esgHlWrp .esgSlider .swiper-slide .copyDiv h3{color: #fff; font-weight: 400; font-size: 22px; margin:0;} #esgHlWrp .esgSlider .swiper-slide .copyDiv p{color: #fff; line-height: 1.2; margin: 10px 0 0 0; font-weight: 400; font-size: 16px; visibility: hidden; opacity: 0; height: 0px;transition:height .3s ease-in, opacity .6s ease-in;} #esgHlWrp .esgSlider .swiper-slide-active .copyDiv {bottom: 0;transition: all .3s ease-out ;} #esgHlWrp .esgSlider .swiper-slide-active .copyDiv h3{margin:0 0 0 0;} #esgHlWrp .esgSlider .swiper-slide-active .copyDiv p{opacity: 1; transition: height .3s ease-in, opacity .6s ease-in .3s ; visibility: visible; opacity: 1; height: 70px;} #esgHlWrp *{z-index: 3;} /*#esgHlWrp .esgSlider .esgSlider-button-prev, #esgHlWrp .esgSlider .esgSlider-button-next{ width: 40px;height: 40px; background-image: none; top:50%; bottom: auto;} #esgHlWrp .esgSlider .esgSlider-button-prev img, #esgHlWrp .esgSlider .esgSlider-button-next img{width: 100%;} #esgHlWrp .esgSlider .esgSlider-button-prev {left:calc(50% - 45px); } #esgHlWrp .esgSlider .esgSlider-button-next {right:calc(50% - 45px); }*/ #esgHlWrp .esgSlider-button-prev, #esgHlWrp .esgSlider-button-next{ width: 40px;height: 40px; border-radius: 50%; background-image: none; top:50%; margin-top: -20px; bottom: auto; box-shadow:0px 0px 0px 1px rgba(225, 225, 225, .8);} #esgHlWrp .esgSlider-button-prev img, #esgHlWrp .esgSlider-button-next img{width: 100%;} #esgHlWrp .esgSlider-button-prev {left:-10px; } #esgHlWrp .esgSlider-button-next {right:-10px; } #dwnldWrp {color: #effffe;background: #005DAC;} #dwnldWrp .download-box ul li {margin: 0 0 30px 0;} #dwnldWrp .download-box ul li a {display: block;color: #FFF;border-bottom: none;padding: 0px 0 0 30px;background: url(../images/download-icon.svg) left top no-repeat;font-weight: 400;font-size: 18px;line-height: 22px;background-size: 16px;padding-right: 30px;} #dwnldWrp .download-box ul li a:hover {} #dwnldWrp .ttl2 {font-weight: 500;font-size: 24px;line-height: 24px; color: #FFF;} .appSlidWrp{} .appslider .swiper-slide{border-radius: 20px; overflow: hidden;} .appslider .swiper-slide img{width: 100%;} .appslider .appslider-button-prev, .appslider .appslider-button-next{position: relative; top: auto; left: 50%; right: 50%; width: 40px; margin-top: 20px; display: inline-block;} .appslider .appslider-button-prev img, .appslider .appslider-button-next img{width: 100%;} .appslider .appslider-button-prev{margin-right: -50px;} .appslider .appslider-button-next{margin-left: -50px;} .whtWeStrivWrp{background: #00968814; color: #005DAC; text-align: center; position: relative; overflow: hidden; } .cnstrctCard{padding: 40px; background: #fff; height: 100%;} .cnstrctCard .icon{ height: 80px; margin-bottom: 20px;} .cnstrctCard h3{color: #005DAC; font-size: 22px;} .cnstrctCard p{color: #414042; } @media (max-width:1680px){ .callout .unit{font-size: 26px;} .callout h2{font-size:40px;} .callout p{font-size:18px;} } @media (max-width:1600px){ .header .logo{width:240px; margin: 10px 20px 10px 50px; } .header .annualReortBtn{top: 20px; width: 110px;} .header .logo-finserv{width: 100px; top: 12px;} #sm_menu_ham{top: 22px;} .header .downloadLink{top: 17px;} .header .downloadLink .icon-download{height: 22px; width: 22px;} p{font-size:16px;margin-bottom: 10px;} h2{font-size:28px;} h3{font-size:22px; margin-bottom: 10px; } h4{font-size:16px;font-weight:500;line-height:1.3; margin-bottom: 10px} h5{font-size:20px;font-weight:400;line-height:1.1;} #highlightWrp .callOutWrap .callout h4{font-size: 18px; margin-bottom: 5px;} #highlightWrp .callOutWrap .callout h2{font-size: 24px; margin-bottom: 10px;} #aboutWrp .callOutWrap .callout{padding: 20px 0 0 0;} .flip-card h2{font-size: 18px;} #chrmnMsgWrp .chrmnCopy h4{font-z:22px;} .btn-box{font-size: 14px; padding: 6px 12px;} } @media(max-width:1500px){ p{font-size:14px;line-height:1.4;} h2{font-size:28px;line-height:1.1;} h3{font-size:22px;line-height:1.2; margin-bottom: 20px;} h4{font-size:14px;font-weight:500;line-height:1.3; margin-bottom: 15px} /*h5{font-size:26px;font-weight:400;line-height:1.1;}*/ .btn-box{font-size: 14px;padding: 6px 15px;} #highlightWrp .callOutWrap .callout h4/*, #aboutWrp .callOutWrap .callout p*/{font-size: 18px; margin-bottom: 10px;} #highlightWrp .callOutWrap .callout h2/*, #aboutWrp .callOutWrap .callout h2*/{font-size: 22px; margin-bottom: 10px;} .icon-arrow-circle-up{width: 22px; height: 22px;} #aboutWrp .callOutWrap .callout .icon{height: 28px;} #chrmnMsgWrp .chrmnCopy h4{font-size: 18px;} #chrmnMsgWrp .chrmnCopy p{font-size: 14px;} #ldrshipWrp h2{padding: 10px 60px;} #gallery .swiper-button-next img, #gallery .swiper-button-prev img{width: 100%;} #gallery .swiper-button-next, #gallery .swiper-button-prev {width: 40px;} #dwnldWrp .ttl2, #dwnldWrp .download-box ul li a{font-size: 14px;} /* #dwnldWrp .download-box ul li a{padding: 10px 20px 10px 0;}*/ .flip-card {height: 200px;margin-bottom: 20px;} .flip-card .iconImg{} .flip-card h2{font-size: 20px; text-transform: none;} #csrWrp .imgCopy .callOutList li{font-size: 14px;} #csrWrp .imgCopy .callOutList li strong{font-size: 18px;} #ldrshipWrp .ldrsjip .ldr-1{bottom: 78%;} #ldrshipWrp .ldrsjip .ldr-2{bottom: 81%; width: 34%;} #ldrshipWrp .ldrsjip .ldr-3{bottom: 70%;} #ldrshipWrp .ldrsjip .ldr-4{bottom: 61%;} #ldrshipWrp .ldrsjip .ldr-5{bottom: 87%;} #ldrshipWrp .ldrsjip .ldr-6{bottom: 84%;} #ldrshipWrp .ldrsjip .ldr-7{bottom: 78%;} #ldrshipWrp .ldrsjip .ldr-8{bottom: 65%;} /* #esgHlWrp .esgSlider .swiper-slide{width:18% !important;} #esgHlWrp .esgSlider .swiper-slide-active{width: 40% !important}*/ } @media (max-width:1440px){ /* #ldrshipWrp .leaderImgDiv{ max-width: 73%;}*/ } @media(max-width:1400px){ .header .logo{margin: 10px 10px 10px 20px; width: 180px;} .header .annualReortBtn{top:20px; width: 100px; left: 220px; } .header .logo-finserv{width: 90px; right: 135px;} #sm_menu_ham{right: 20px; top: 20px; width: 36px;} #sm_menu_ham span:nth-child(1){width: 35px;} #sm_menu_ham span:nth-child(2){width: 28px;} #sm_menu_ham span:nth-child(3){width: 28px;} #sm_menu_ham span:nth-child(4){width: 22px;} .header .downloadLink{right: 80px;top: 16px;} .header .downloadLink .icon-download{width: 24px;height: 24px;} .sm_menu_outer{padding-top: 60px;} .mobile_menu{margin: 5% 0 0 10%;} .sm_menu_outer .mobile_menu li{font-size: 14px;} #aboutWrp .callOutWrap .callout{padding: 10px 0;} .icon-rupee{width: 12px; height: 15px;} /*#highlightWrp .callOutWrap .callout h4, #aboutWrp .callOutWrap .callout p{font-size: 14px;}*/ /* #highlightWrp .callOutWrap .callout{ display: flex; justify-content: space-between;} #highlightWrp .callOutWrap .callout p{text-align: right;}*/ #highlightWrp .callOutWrap .callout{padding: 10px 10px 0px 0;} #highlightWrp .callOutWrap .callout:nth-child(even){padding: 10px 0px 10px 40px} #highlightWrp .callOutWrap .callout p{line-height: 1.2;} #highlightWrp .callOutWrap .callout h4/*, #aboutWrp .callOutWrap .callout p*/{font-size: 16px; margin-bottom: 5px;} #highlightWrp .callOutWrap .callout h2/*, #aboutWrp .callOutWrap .callout h2*/{font-size: 20px; margin-bottom: 5px;} #highlightWrp .callOutWrap2 .callout{padding: 10px 10px 10px 30px; } #highlightWrp .callOutWrap2 .callout .iconImg{height: 28px} #highlightWrp .callOutWrap2 .callout h2{font-size: 16px; margin-bottom: 5px;} #highlightWrp .callOutWrap2 .callout h3{font-size: 14px;} #highlightWrp .callOutWrap2 .callout h3 strong{font-size: 17px;} #highlightWrp .callOutWrap2 .callout:first-child{padding: 10px 10px 10px 0px;} #bannerHom img{width: 450px;} #bannerHom h2{font-size: 68px;} #bannerHom .banInner .banCopy sup{font-size: 40px;} #bannerHom h3{font-size: 48px;} /* #chrmnMsgWrp .chrmnImg{width: 65%;}*/ #chrmnMsgWrp .chrmnImg img{width: 100%;} #chrmnMsgWrp .chrmnCopy h4{margin: 20px 0;} #aboutWrp .callOutWrap .callout .icon{height: 22px; margin-bottom: 5px;} /* #aboutWrp .callOutWrap .callout p{margin-bottom: 5px;} #aboutWrp .callOutWrap .callout h2{font-size: 18px; margin-bottom: 0;}*/ .callout .unit{font-size: 28px;} .callout h2{font-size:36px;} .callout p{font-size:16px;} /*.divSpace{display: none;}*/ } @media (max-width:1380px){ /*#ldrshipWrp .leaderImgDiv{max-width:60%; } #ldrshipWrp .ldrsjip li i{bottom: -35px} #ldrshipWrp .ldrsjip li i:after{height: 35px;} #ldrshipWrp .ldrsjip .ldr-1{bottom:82%} #ldrshipWrp .ldrsjip .ldr-2{bottom:77%;} #ldrshipWrp .ldrsjip .ldr-3{bottom:66%;} #ldrshipWrp .ldrsjip .ldr-4{bottom:55%;} #ldrshipWrp .ldrsjip .ldr-5{bottom:80%;} #ldrshipWrp .ldrsjip .ldr-6{bottom:75%;} #ldrshipWrp .ldrsjip .ldr-7{bottom:57%;}*/ } @media(max-width:1100px){ /*.section{height: 100vh;}*/ .header{height: auto; width: 100%; background: #fff;} .footer{height: auto;} .bg-img{background-size: cover !important; background-position: top left !important;} #chrmnMsgWrp .chrmnImg{width: 90%;} #ldrshipWrp{height: auto; padding: 0;} #ldrshipWrp .leaderImgDiv h2{bottom: 20px;} #ldrshipWrp h2{padding-top: 0;} #ldrshipWrp .ldrsjip li i{bottom: -80px;} #ldrshipWrp .ldrsjip li i:after{content: ''; height: 80px;} #ldrshipWrp .ldrsjip .ldr-1{bottom:80%} #ldrshipWrp .ldrsjip .ldr-2{bottom:77%;} #ldrshipWrp .ldrsjip .ldr-3{bottom:76%;} #ldrshipWrp .ldrsjip .ldr-4{bottom:62%;} #ldrshipWrp .ldrsjip .ldr-5{bottom:86%;} #ldrshipWrp .ldrsjip .ldr-6{bottom:82%;} #ldrshipWrp .ldrsjip .ldr-7{bottom:76%;} #ldrshipWrp .ldrsjip .ldr-8{bottom:64%;} #csrWrp .csrSlider{padding: 0; } .callout .unit{font-size: 24px;} .callout h2{font-size:32px;} .callout p{font-size:16px;} } @media(max-width:992px){ .mainWrp{padding: 70px 0 0 0;} .mobile_menu{ margin: 0 0 0 10px} .sm_menu_outer{ padding-top: 100px} .sm_menu_outer .mobile_menu a{padding: 6px 0;} #bancopyVid{ position: relative; right: auto;} .btnSearch{display: block;} .navwrp .nav-item.SearchBt{display: none !important;} .logo-img{width: 100px;} .overlay-srch.show{opacity: 0.4 !important;} .navwrp.fixed .navbar-collapse{top: 46px;} #aboutWrp{height: auto; padding:120px 0 80px 0;} #aboutWrp .h-100{height: auto !important;} #aboutWrp .callOutWrap{margin-top: 40px;} #aboutWrp .callOutWrap .callout:nth-child(odd){padding-left: 0;} #chrmnMsgWrp{height: auto !important; padding-top: 40px;} /*#chrmnMsgWrp .h-100{height: auto !important;}*/ #chrmnMsgWrp .chrmnImg{margin-top: 80px;} #chrmnMsgWrp .chrmnCopy{padding-bottom: 80px;} #ldrshipWrp{height: auto !important;} #ldrshipWrp .leaderImgDiv{width:96%; max-width: 100%;} #ldrshipWrp h2{margin-top: 30px;} #intro-captial{padding: 80px 0; height: auto !important;} #ldrshipWrp .mobHide{display: none;} #ldrshipWrp .containerLdr{display: none;} #ldrshipWrp .ldrMob{display: block; padding: 20px 0 40px 0; } #ldrshipWrp .ldrMob h2{color: #fff; background: none; padding: 0; margin-bottom: 20px;} #csrWrp{ padding: 80px 10px; height: auto;} .centerDiv{display: block; padding: 0; height: auto;} #csrWrp .csrSlider .sliderDiv{display: block;} #csrWrp .imgDiv{width: 100%} #csrWrp .csrSlider .sliderDiv .imgCopy{width: 100%;} .offset-1{margin-left: auto} #bisnesWrp{padding: 80px 0; height: auto !important;} #highlightWrp .callOutWrap .callout{display: block;} #highlightWrp .callOutWrap .callout p{text-align: left;} .accordion{margin-top: 40px;} .tab-content>.tab-pane{display: block; opacity: 1;} #highlightWrp .accordion-item{padding: 10px 0;} #chrmnMsgWrp .chrmnImg{margin-top: 0;} .divSpace{display: none;} #chrmnMsgWrp .chrmnImg{width: 100%;} #chrmnMsgWrp .chrmnImg img{width: 100%;} #chrmnMsgWrp .chrmnCopy{padding-left: 30px; padding-bottom: 30px;} #csrWrp .csrSlider .swiper-button-prev, #csrWrp .csrSlider .swiper-button-next{top: auto; bottom: 10px; left: 50%; right: 50%;} #csrWrp .csrSlider .swiper-button-next{margin-right: -50px;} #csrWrp .csrSlider .swiper-button-prev{margin-left: -50px} #csrWrp .copyDiv{padding: 30px 0 0 0px} #esgHlWrp .esgSlider .swiper-slide{width:auto !important; height: 100%;} #esgHlWrp .esgSlider .swiper-slide-active{width: auto !important} #esgHlWrp .esgSlider .swiper-slide .imgDiv{height: auto;} } @media (max-width: 767px) { .mobHide{display: none;} .mobShow{display: block;} .header .logo{width: 140px;} .header .logo-finserv{width: 72px; right: 110px;} .header .annualReortBtn{width: 80px; top: 14px; display: none;} sm_menu_ham {top: 15px;} #sm_menu_ham span{height: 3px;} #sm_menu_ham span:nth-child(3), #sm_menu_ham span:nth-child(2){top: 8px;} #sm_menu_ham span:nth-child(4){top: 16px;} .header .downloadLink{top: 13px; right: 70px;} .header .downloadLink .icon-download{width: 22px ; height: 22px;} .ftrHome{position: static;} .section{padding: 40px 0;} #bannerHom .banInner{display: block; padding: 100px 20px 80px 20px; text-align: center;} #bannerHom .banInner .banImg{margin: 0 0 40px 0;} #bannerHom h2{font-size: 50px;} #bannerHom .banInner .banCopy{display: inline-block; text-align: left;} #bannerHom .banInner .banCopy sup{font-size: 30px;} #bannerHom h3{font-size: 36px;} #aboutWrp{padding: 40px 10px;} #aboutWrp .pr50{padding-right: 20px;} #aboutWrp .icon-rupee { width: 12px; height: 12px;} #highlightWrp{height: auto; padding-bottom: 80px;} #highlightWrp .box-blue{padding: 40px 20px;} #highlightWrp .callout{margin-top: 0;} #highlightWrp .callout p span{ display: flex; justify-content: space-between; align-items: center;} #highlightWrp .callout p span img{width: 16px; height: 16px; margin-right: 5px;} #highlightWrp .accordion-item .accordion-body{padding-top: 40px;} #chrmnMsgWrp .chrmnImg{margin-top: 40px; border-bottom-left-radius:0;border-bottom-right-radius:0;} #chrmnMsgWrp .chrmnCopy{ padding: 40px 30px;background: rgba(255,255,255,.6);} #chrmnMsgWrp .chrmnCopy:before{content: none;} #intro-captial{padding: 40px 20px;} #gallery .gallery-slider{padding: 0;} #gallery .swiper-button-prev{left: 5px;} #gallery .swiper-button-next{right: 5px;} #gallery .gallery-box{position: static; display: block; width: 100%; transition: none; transform: none;} .swiper-button-next, .swiper-button-prev{top: 48.5%;} #gallery .gallery-box .imgCopy{margin: 30px 0 0 0;} #dwnldWrp {padding: 40px 0px 0 0; height: auto !important;} #dwnldWrp .text-right{text-align: center; margin-top: 10px;} #dwnldWrp h2{margin: 0;} #dwnldWrp .ttl2{margin: 10px 0;} #dwnldWrp .download-box ul li {margin: 0 0 15px 0;} #dwnldWrp .download-box ul{margin: 0;} .footer .socialLnk{justify-content: center;} .footer .col-lg-6{text-align: center !important;} #ldrshipWrp{background: #005dac;padding: 40px 0px;} #ldrshipWrp .containerLdr{display: none;} #ldrshipWrp .ldrMob{display: block; padding: 0 10px; } #ldrshipWrp .ldrMob h2{color: #fff; background: none; padding: 0; margin-bottom: 20px; margin-top: 0;} #ldrshipWrp .ldrMob .leaderSlider{padding: 0 0 50px 0;} #ldrshipWrp .ldrMob .leaderSlider img{width: 100%;} #ldrshipWrp .ldrMob .leaderSlider .swiper-slide{position: relative; overflow: hidden;} #ldrshipWrp .ldrMob .leaderSlider .swiper-slide p{position: absolute; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 10%, rgba(255,255,255,0) 100%);color: #fff; padding:40px 20px 20px 20px; width: 100%; margin: 0;} #ldrshipWrp .ldrMob .leaderSlider .swiper-slide p strong{display: block;} #ldrshipWrp .swiper-button-next, #ldrshipWrp .swiper-button-prev{width: 40px;height: 40px;background-image:none; top:auto; bottom: 0px;} #ldrshipWrp .swiper-button-next{right: 35%;} #ldrshipWrp .swiper-button-prev{left: 35%;} #bisnesWrp{padding: 60px 10px;} #csrWrp .csrSlider{padding: 0 0 50px 0;} #csrWrp .csrSlider .sliderDiv img{width: 100%;} #csrWrp .csrSlider .swiper-button-prev, #csrWrp .csrSlider .swiper-button-next{top: auto; bottom: 0;} #csrWrp .imgDiv p{position: static;} /*#aboutWrp .callOutWrap .border-r{border-bottom: 1px solid #A4ADAB; border-right: none;}*/ #csrWrp, #bisnesWrp, #aboutWrp{padding: 40px 0px;} #esgHlWrp:before, #bisnesWrp:before{content: none;} .footer .socialLnk li{ margin: 10px;} #esgHlWrp .esgSlider .swiper-slide{width:100% !important; height: 100%; margin:inherit;} #esgHlWrp .esgSlider .swiper-slide-active{width: 100% !important} #esgHlWrp .esgSlider .swiper-slide .imgDiv{height: auto;} #esgHlWrp .esgSlider .swiper-slide-active .copyDiv p { height:auto; } .callout .unit{font-size: 20px;} .callout h2{font-size:28px;} .callout p{font-size:16px;} }