/*@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;} .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:10% 0 0 10%;} .sm_menu_outer.accordion .mobile_menu .submenu{position: absolute; top: 0; left: 110%; height: 100%; 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: #095FAC; padding: 20px 0; font-size: 14px; color:#fff;} .ftrHome{position: absolute; bottom: 0; width: 100%;} .footer .socialLnk{display: flex; 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: 300; margin-bottom: 10px;} h2{font-size:34px;line-height:1.1;font-weight:500; text-transform: uppercase; margin-bottom: 10px;} h3{font-size:28px;font-weight:500;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 20px; font-size: 16px; font-weight: 300; position: relative; border-radius: 3px; border: 1px solid #005dac} .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: 3px; 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-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;} .header{position: fixed; top: 0; left: 0; z-index: 9; 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-top: 88px;} #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;} #bancopyVid{ position: absolute; right: 20%;} #highlightWrp{ background:url("../images/bg-highlights.jpg") center center no-repeat; background-size: cover; color: #005DAC; background-attachment: fixed; } #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; ;} #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 ;} #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;} #aboutWrp h2{color: #095FAC;} #aboutWrp h3{color: #005DAC; } #aboutWrp .callOutWrap{display: flex; flex-wrap: wrap;} #aboutWrp .callOutWrap .callout{flex: 0 0 auto; width: 100%; padding:20px 0; border-bottom: 1px solid #dbdbdb;} #aboutWrp .callOutWrap .callout:last-child{border-bottom: none; } #aboutWrp .callOutWrap .callout .icon{height: 32px; margin-bottom: 10px;} #aboutWrp .callOutWrap .callout h2{color: #095FAC; font-weight: 500; font-size: 24px;} #aboutWrp .callOutWrap .callout p{color: #04864d; font-weight: 500; font-size: 18px;} #aboutWrp .boxShadow{background: #fff; padding:10px 30px; box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.2);} #aboutWrp .prodsliderWrp{/*padding: 30px; *//*background: #e2f2ee; */margin: 30px 0 10px 0;} #aboutWrp .prodsliderWrp h4{margin-bottom: 20px;} #aboutWrp .prodSlider{overflow: hidden; position: relative; padding-bottom: 20px;} #aboutWrp .prodSlider .swiper-slide{height: auto;} #aboutWrp .prodSlider .slideDiv{ background: #e2f2ee; text-align: center; padding: 20px; height: 100%;} #aboutWrp .prodSlider .slideDiv img{ height: 60px;} #aboutWrp .prodSlider .swiper-button-prev, #aboutWrp .prodSlider .swiper-button-next{top: auto; bottom: 0px; width: 40px;height: 40px; background-image: none;} #aboutWrp .prodSlider .swiper-button-prev img, #aboutWrp .prodSlider .swiper-button-next img{width: 100%;} #aboutWrp .prodSlider .swiper-button-prev {left: auto; right:60px; } #aboutWrp .prodSlider .swiper-button-next {right: 0px;} #chrmnMsgWrp{background:url("../images/bg1.jpg") center center no-repeat; background-size: cover; background-attachment: fixed;} #chrmnMsgWrp .chrmnImg{position: relative; } #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 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{ 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: 68%;/* max-width: 92%;*/} #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: -80px; /*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: 80px; /*height: 50px;*/ left: 3px; 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: 30px; 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 :0px; bottom: 84%; width:40%;} #ldrshipWrp .ldrsjip .ldr-2{left : 0px; bottom: 81%; width:27%;} #ldrshipWrp .ldrsjip .ldr-3{left : 0px; bottom: 71%; width:17%;} #ldrshipWrp .ldrsjip .ldr-4{left : 0px; bottom: 60%; width:37%;} #ldrshipWrp .ldrsjip .ldr-5{right: 10px; bottom: 82%; width:38%;} #ldrshipWrp .ldrsjip .ldr-6{right: 10px; bottom: 80%; width:25%;} #ldrshipWrp .ldrsjip .ldr-7{right: 10px; bottom: 61%; width:34%;} #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: #e6edff; overflow: hidden;} #csrWrp h2{color:#095FAC; } #csrWrp .imgDiv{position: relative; width: 75%;} #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 .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 50px} #csrWrp .csrSlider .sliderDiv{display: flex;} #csrWrp .csrSlider .swiper-button-prev, #csrWrp .csrSlider .swiper-button-next{ width: 40px;height: 40px; background-image: none;} #csrWrp .csrSlider .swiper-button-prev img, #csrWrp .csrSlider .swiper-button-next img{width: 100%;} #csrWrp .csrSlider .swiper-button-prev {left: 0; } #csrWrp .csrSlider .swiper-button-next {right: 0px;} .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{ padding: 40px 0 0 0;} #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:#eaf6f3;color: #095fac; text-align: center;} #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: 200px;perspective: 1000px;margin-bottom: 30px;transform-style: preserve-3d;} .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: #ffffff;color: black;border-radius: 3px;border: 1px solid #005dac;padding: 30px 30px;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: 24px;} .flip-card span{ position:relative; width:100%; height:100%; display:flex; flex-direction: column; justify-content: center;align-items: center;} .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;} @media (max-width:1680px){ #ldrshipWrp .leaderImgDiv{ max-width: 74%;} } @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;} #ldrshipWrp .leaderImgDiv{ max-width: 68%;} /* #ldrshipWrp .ldrsjip .ldr-1{top:11%} #ldrshipWrp .ldrsjip .ldr-2{top:15%;} #ldrshipWrp .ldrsjip .ldr-3{top:26%;} #ldrshipWrp .ldrsjip .ldr-4{top:43%;} #ldrshipWrp .ldrsjip .ldr-5{top:15%;} #ldrshipWrp .ldrsjip .ldr-6{top:16%;} #ldrshipWrp .ldrsjip .ldr-7{top:39%;}*/ } @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: 30px} /*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: 180px;margin-bottom: 20px;} .flip-card .iconImg{margin-bottom: 10px; height: 50px;} .flip-card h2{font-size: 20px;} #csrWrp .imgCopy .callOutList li{font-size: 14px;} #csrWrp .imgCopy .callOutList li strong{font-size: 18px;} } @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: 8px; height: 10px;} /*#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;} #ldrshipWrp .leaderImgDiv{ max-width: 90%;} } @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 .ldr-1{left: 0; top:17%; width:42%;} #ldrshipWrp .ldrsjip .ldr-2{left:0; top: 21%; width: 26%;} #ldrshipWrp .ldrsjip .ldr-3{left:0; top: 33%; width: 15%;} #ldrshipWrp .ldrsjip .ldr-4{left:0; top: 52%; width: 36%;} #ldrshipWrp .ldrsjip .ldr-5{right:0; top: 20%; width: 36%;} #ldrshipWrp .ldrsjip .ldr-6{right:0; top: 24%; width: 21%;} #ldrshipWrp .ldrsjip .ldr-7{right:0; top: 50%; width: 30%;}*/ #ldrshipWrp .leaderImgDiv{ max-width: 96%;} #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%;} #csrWrp .csrSlider{padding: 0; } } @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;} #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;} } @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;} #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;} #highlightWrp{height: auto; padding-bottom: 80px;} #highlightWrp .box-blue{padding: 40px 20px;} #chrmnMsgWrp .chrmnImg{margin-top: 40px;} #chrmnMsgWrp .chrmnCopy{ padding: 40px 30px; margin: 0 10px; background: rgba(255,255,255,.6);} #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: 30px 0 0 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 20px 60px 20px;} #ldrshipWrp .containerLdr{display: none;} #ldrshipWrp .ldrMob{display: block; } #ldrshipWrp .ldrMob h2{color: #fff; background: none; padding: 0; margin-bottom: 20px;} #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 .sliderDiv img{width: 100%;} #csrWrp .csrSlider .swiper-button-prev, #csrWrp .csrSlider .swiper-button-next{top: 23.5%;} #csrWrp .imgDiv p{position: static;} }