/*@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} .icon-rupee-dg { background: url(../images/icon-rupee-dg.svg) 0 0 no-repeat; background-size: contain; width: 12px; height: 14px; display: inline-block; } .clr-blue { color:#005DAC; } ::-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: 1560px;} @media(max-width:1600px){ .container{max-width: 1310px;} } @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 {XXXXXheight: calc(100vh);overflow-y: auto;overflow-x: hidden;position: fixed;right: -105%; top: 0; 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{} #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;} .icon-rupee-dg { background: url(../images/icon-rupee-dg.svg) 0 0 no-repeat; background-size: contain; width: 12px; height: 14px; display: inline-block; } .clr-blue { color:#005DAC; } @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 .ftrIner{display: flex; justify-content: space-between; align-items: center;} .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;} h1{font-size:56px;line-height:1.2;font-weight:400; margin-bottom: 10px;} h2{font-size:48px;line-height:1.1;font-weight:500; margin-bottom: 10px;} h3{font-size:28px;font-weight:500;line-height:1.2; margin-bottom: 10px; /*text-transform: uppercase*/} h4{font-size:16px;font-weight:500;line-height:1.3; } 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; border-bottom: 1px solid #E6E6E6;} .header .logo{ margin: 30px 20px 10px 50px; width: 300px; } .header .logo{ margin: 20px 20px 20px 50px; width: 300px; line-height: 1; } .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: 120px 0;} .mt-auto{margin-top: auto;} #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; height: 100%; margin-top: 1%;} /*#bannerHom .banInner .banImg{margin-right:10% }*/ #bannerHom .banInner .banCopy{ position:relative; z-index:3; width:100%; color:#555454;} #bannerHom .banInner .banCopy .reportSvg{width:260px; margin-top:30px;} #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") top center no-repeat; background-size: cover; color: #000000; /*background-attachment: fixed; */} #highlightWrp h2{line-height: 1.3;} #highlightWrp .cardWrp{display: flex; gap:30px 2%; flex-wrap: wrap; margin-top: 20px;} #highlightWrp .cardWrp .highlitCard{position: relative; color: #fff; padding: 30px; border-radius: 20px; overflow: hidden; height: 280px; opacity: 0; transform: scale(.4); transition: .8s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.6s;} #highlightWrp .cardWrp .highlitCard.active{opacity: 1;transform: scale(1); transition: .8s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.6s;} #highlightWrp .cardWrp .highlitCard h3{font-weight: 300; font-size: 40px; margin: 0; transform: translateY(-30px); opacity: 0; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.6s;} #highlightWrp .cardWrp .highlitCard.active h3{ transform: translateY(0px); opacity: 1; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.6s;} #highlightWrp .cardWrp .highlitCard h4{font-size: 24px; font-weight: 100; margin: 0; transform: translateY(30px); opacity: 0; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.8s;} #highlightWrp .cardWrp .highlitCard.active h4{transform: translateY(0px); opacity: 1; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.8s;} #highlightWrp .cardWrp .highlitCard h4 span{display: block;} #highlightWrp .cardWrp .highlitCard p{text-transform: uppercase; font-weight: 500; font-size: 14px; margin: 0;transform: translateY(40px); opacity: 0; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 1s;} #highlightWrp .cardWrp .highlitCard.active p{transform: translateY(0px); opacity: 1; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 1s;} #highlightWrp .cardWrp .highlitCard .fs-54{font-weight: 100; font-size: 54px;} #highlightWrp .cardWrp .highlitCard .ico{ position: absolute; bottom: 0; right: 0; height: calc(100% - 100%); transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 1.2s;} #highlightWrp .cardWrp .highlitCard.active .ico{ position: absolute; bottom: 0; right: 0; height: calc(100% - 50%); transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6) 1.2s;} #highlightWrp .cardWrp .highlitCard .fs-80{font-weight: 100; font-size: 80px; line-height: 1;} #highlightWrp .cardWrp .cd1{width: 28%;background: #808285;} #highlightWrp .cardWrp .cd2{width: 19%;background: #B38D7C; } #highlightWrp .cardWrp .cd2 .ico{right: 20px; } #highlightWrp .cardWrp .cd3{width: 28%;background: #D6E9F8; color: #000;} #highlightWrp .cardWrp .cd3 .ico{right: 20px; } #highlightWrp .cardWrp .cd4{width: 19%;background: #DBC6BB; color: #000;} #highlightWrp .cardWrp .cd5{width: 19%;background: #B48D7C;} #highlightWrp .cardWrp .cd5 .ico{right: 20px; bottom: 20px; } #highlightWrp .cardWrp .cd6{width: 28%;background: #D6E9F8; color: #001C4D; display: flex;flex-wrap: wrap; justify-content: space-between; align-items:flex-end; text-align: center;} #highlightWrp .cardWrp .cd6 p{width: 100%;} #highlightWrp .cardWrp .cd6 .ico{top: 0; left:0; margin:0 auto;} #highlightWrp .cardWrp .cd7{width: 19%;background:url(../images/ico-bg-highlit-07.jpg) center no-repeat; background-size: cover; width: 28% !important; text-align: center; display: flex; flex-direction: column; text-align: center;} #highlightWrp .cardWrp .cd7 span{margin-left: auto; color: #231F33;} #highlightWrp .cardWrp .cd8{width: 28%;background: #125DAB; width: 19% !important;} #highlightWrp .cardWrp .cd8 .ico{right: 20px; } #highlightWrp .cardWrp .cd9{width: 19%;background: #DBC6BB; color: #1E1E1E; display: flex; flex-direction: column;} #highlightWrp .cardWrp .cd10{width: 28%;background:url(../images/ico--bg-highlit-10.jpg) center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: end; color: #000;} #highlightWrp .cardWrp .cd10 h3{color: #fff;} #highlightWrp .cardWrp .cd11{width: 19%;background: #125DAB;} #highlightWrp .cardWrp .cd11 .ico{right: 20px; } #highlightWrp .cardWrp .cd12{width: 28%;background: #B48D7C;} #aboutWrp{ color: #414042; background:url("../images/bg-intro.jpg") bottom center no-repeat; background-size: cover; position: relative;} #aboutWrp h2{color: #095FAC; margin-bottom: 20px;} #aboutWrp h3{color: #095FAC; } #aboutWrp h4{color: #000; } #aboutWrp p{margin-bottom: 30px; color: #414043;} #aboutWrp .callOutWrap{display: flex; flex-wrap:nowrap;} #aboutWrp .callOutWrap .callout{flex: 0 0 auto; padding:10px 80px 10px 0;} #aboutWrp .callOutWrap .callout:last-child{border-bottom: none; } #aboutWrp .callOutWrap .callout .icon{height: 62px; margin-bottom:10px;} #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;} #aboutWrp .animIntro{position: absolute; width: 100%; height: 100%;} #aboutWrp .animIntro .introline1{position: absolute; left: 0; top: 10%;} /* .line { fill: none; stroke-width: 1; stroke: rgb(78, 78, 78); stroke-dasharray: 1800; stroke-dashoffset: 1800; animation: line 10s ease-in-out infinite; animation-fill-mode: backwards; } @keyframes line { from { stroke-dashoffset: 0; } } @keyframes anim { to { opacity: 1; } } */ .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:#fff;} #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; padding: 60px; background:#E9DCD6; border-radius:20px; margin-left:-140px; z-index:99;} #chrmnMsgWrp .chrmnCopy p{ color:#095FAC; } #chrmnMsgWrp .chrmnCopy p.chrNm{display: block; font-weight: 600; color:#000; font-size: 16px;} #chrmnMsgWrp .chrmnCopy .chrDeg{display: block; font-weight: 400; color:#000; font-size: 14px;} #chrmnMsgWrp .chrmnCopy h2{ margin-bottom: 20px ; color: #000;} #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;} #ldrshipWrp{padding:0; background-image:url("../images/bg-leadership.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; z-index: 99;} #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%; z-index: 99;/* 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(50px); 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: 74%; width:36%;} #ldrshipWrp .ldrsjip .ldr-2{left : 10px; bottom:51.5%; width:46.3%;} #ldrshipWrp .ldrsjip .ldr-3{left : 10px; bottom: 53%; width:15%;} #ldrshipWrp .ldrsjip .ldr-4{left : 10px; bottom: 52%; width:33%;} #ldrshipWrp .ldrsjip .ldr-5{right: 10px; bottom: 63%; width:41%;} #ldrshipWrp .ldrsjip .ldr-6{right: 10px; bottom: 72%; width:26.5%;} #ldrshipWrp .ldrsjip .ldr-7{right: 10px; bottom: 55%; width:20%;} #ldrshipWrp .ldrsjip .ldr-8{right: 10px; bottom: 53%; width:33%;} #ldrshipWrp .ldrMob{display: none;} #bisnesConstctWrp{ background:url("../images/bg-intro.jpg") bottom center no-repeat; background-size: cover;} #bisnesConstctWrp .cardSliderWrp{} #bisnesConstctWrp h2{ text-align: center; color: #000; margin-bottom: 40px;} #bisnesConstctWrp .cardSliderWrp .bisCard{ display:flex; flex-direction:column; border-radius:20px; overflow:hidden; position:relative; height:420px; padding:40px; cursor: pointer;} #bisnesConstctWrp .cardSliderWrp .bisCard h3{ margin:0 0 6px 0;} /*#bisnesConstctWrp .cardSliderWrp .bisCard p{font-weight:300; line-height:1.2; margin: 0; opacity:0;transition:all 1s ease-in-out;}*/ #bisnesConstctWrp .cardSliderWrp .bisCard .icon{position:absolute;height:calc(100% - 55%); transition: all .4s ease;} #bisnesConstctWrp .cardSliderWrp .card1{background:#808285; color:#fff;} #bisnesConstctWrp .cardSliderWrp .card1 .icon{bottom:0; left:30px;} #bisnesConstctWrp .cardSliderWrp .card2{background:#996A57; color:#fff; justify-content:flex-end;} #bisnesConstctWrp .cardSliderWrp .card2 .icon{top:20px; right:0px;} #bisnesConstctWrp .cardSliderWrp .card3{background:#fff; color:#000;} #bisnesConstctWrp .cardSliderWrp .card3 .icon{bottom:0; right:0px;} #bisnesConstctWrp .cardSliderWrp .card4{background:#D6E7F7; color:#000;justify-content:flex-end;} #bisnesConstctWrp .cardSliderWrp .card4 .icon{top:20px; right:0px;} #bisnesConstctWrp .cardSliderWrp .card5{background:#808285; color:#fff;} #bisnesConstctWrp .cardSliderWrp .card5 .icon{bottom:0; right:0px;} #bisnesConstctWrp .cardSliderWrp .card6{background:#fff; color:#000;justify-content:flex-end;} #bisnesConstctWrp .cardSliderWrp .card6 .icon{top:0; right:10px;} #bisnesConstctWrp .cardSliderWrp .card7{background:#996A57; color:#fff;} #bisnesConstctWrp .cardSliderWrp .card7 .icon{bottom:0; left:0px;} #bisnesConstctWrp .cardSliderWrp .card8{background:#D6E7F7; color:#000;justify-content:flex-end;} #bisnesConstctWrp .cardSliderWrp .card8 .icon{top:20px; left:0px;} /*#bisnesConstctWrp .cardSliderWrp .bisCard:hover{padding:40px; transition:all 1s ease-in-out;} #bisnesConstctWrp .cardSliderWrp .bisCard:hover p{opacity:1;transition:all 1s ease-in-out;}*/ #bisnesConstctWrp .cardSliderWrp .bisCard:hover .icon{height:calc(100% - 72%);transition: all .4s ease ;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop h3{transform: translateY(20px);transition: all .4s ease ;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop:hover h3{transform: translateY(0px);transition: all .4s ease;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop p{ opacity: 0; transform: translateY(30px);font-size: 16px; line-height: 1.2; margin-bottom: 0;transition: all .4s ease ;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop:hover p{opacity:1;transform: translateY(0px);transition: all .4s ease; } #bisnesConstctWrp .cardSliderWrp .bisCard.txtBtm p{ opacity: 0; margin-top: 20px; margin-bottom: -40%; font-size: 16px; line-height: 1.2; transition: all .4s ease ;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtBtm:hover p{opacity:1; margin-top: 0; margin-bottom:0; transition: all .4s ease; } #bisnesConstctWrp .cardSliderWrp .bisCardSlider{ padding-bottom: 30px;} #bisnesConstctWrp .cardSliderWrp .swiper-button-prev { width: 42px; height: 42px; background: url(../images/arrow-left.svg) center no-repeat; background-size: contain; position: absolute; left:5%;} #bisnesConstctWrp .cardSliderWrp .swiper-button-next { width: 42px; height: 42px; background: url(../images/arrow-right.svg) center no-repeat; background-size: contain; position: absolute; right:5%;} #bisnesConstctWrp .cardSliderWrp .bisCardSlider .swiper-pagination{ top: auto; bottom: 0px; height: 2px;} #bisnesConstctWrp .cardSliderWrp .bisCardSlider .swiper-pagination-progressbar{background: #c1c1c1;} #bisnesConstctWrp .cardSliderWrp .bisCardSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;} #offringWrp{background: url(../images/bg-highlights.jpg) top center no-repeat; background-size: cover; } #offringWrp h2{color:#000;} #offringWrp h3{color:#005DAC; font-size: 40px; margin-top: 30px; padding-left: 60px;} #offringWrp h3 span{display: block;font-size:26px;} #offringWrp h3.mt-250{margin-top: 250px;} #offringWrp .ofrngCardWrp{display: flex; gap: 30px 2%; flex-wrap: wrap; margin-top: 20px;} #offringWrp .ofrngCardWrp .ofrCard{position: relative; color: #fff; padding: 30px; border-radius: 20px; overflow: hidden; height: 280px;} #offringWrp .ofrngCardWrp .ofrCard p{text-transform: uppercase; font-weight: 500; font-size: 16px; margin: 0; line-height: 1.1;} #offringWrp .ofrngCardWrp .ofrCard h3{font-weight: 100; font-size: 60px; margin: 0; color: #fff; line-height: 1; padding-left: 0;} #offringWrp .ofrngCardWrp .ofrCard h4{font-size: 30px; font-weight: 100; margin: 0;} #offringWrp .ofrngCardWrp .ofrCard h4 span{display: block;} #offringWrp .ofrngCardWrp .ofrCard .fs-54{font-weight: 100; font-size: 54px;} #offringWrp .ofrngCardWrp .ofrCard .fs-80{font-weight: 100; font-size: 80px; line-height: 1;} #offringWrp .ofrngCardWrp .ofrCard .ico{ position: absolute; bottom: 0; right: 30px; height: 40%;} #offringWrp .ofrngCardWrp .cd1{width: 18%;background: #C7A99A;} #offringWrp .ofrngCardWrp .cd1 .ico{left: 0px; right: 0; } #offringWrp .ofrngCardWrp .cd2{width: 38%;background: #fff; } #offringWrp .ofrngCardWrp .cd2 .ico{right: 30px;} #offringWrp .ofrngCardWrp .cd2 h3, #offringWrp .ofrngCardWrp .cd2 h4, #offringWrp .ofrngCardWrp .cd2 p{color: #58585A; } #offringWrp .ofrngCardWrp .cd3{width: 18%; background: #001C4D;} #offringWrp .ofrngCardWrp .cd4{width: 18%; background: #C0E3F4; color: #001C4D;} #offringWrp .ofrngCardWrp .cd4 h3{color: #001C4D;} #offringWrp .ofrngCardWrp .cd5{width: 18%; background: #001C4D;} #offringWrp .ofrngCardWrp .cd6{width: 18%; background: #9D9FA2;} #offringWrp .ofrngCardWrp .cd7{width: 38%; background: #996A57;} #offringWrp .ofrngCardWrp .cd8{width: 18%; background: #ffffff; color: #58585A;} #offringWrp .ofrngCardWrp .cd8 h3{color: #58585A;} #offringWrp .ofrngCardWrp .cd8 .ico{right: 0;} #offringWrp .ofrngCardWrp .ofrCard{opacity: 0; transform: scale(.4); transition: .8s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.6s;} #offringWrp .ofrngCardWrp .ofrCard.active{opacity: 1;transform: scale(1); transition: .8s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.6s;} #offringWrp .ofrngCardWrp .ofrCard h3{transform: translateY(-60px); opacity: 0; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.8s;} #offringWrp .ofrngCardWrp .ofrCard.active h3{ transform: translateY(0px); opacity: 1; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.8s;} #offringWrp .ofrngCardWrp .ofrCard h4{transform: translateY(30px); opacity: 0; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.8s;} #offringWrp .ofrngCardWrp .ofrCard.active h4{transform: translateY(0px); opacity: 1; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 0.8s;} #offringWrp .ofrngCardWrp .ofrCard p{transform: translateY(40px); opacity: 0; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 1s;} #offringWrp .ofrngCardWrp .ofrCard.active p{transform: translateY(0px); opacity: 1; transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 1s;} #offringWrp .ofrngCardWrp .ofrCard .ico{ height: calc(100% - 100%); transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6 ) 1.2s;} #offringWrp .ofrngCardWrp .ofrCard.active .ico{ height: calc(100% - 60%); transition: .7s cubic-bezier(0.7, -0.6, 0, 1.6) 1.2s;} #bfl{background:url(../images/bg-bfl1.jpg); background-position: top center no-repeat; background-size:cover; color: #000; transition: all .7s ease; min-height: 100vh;} #bfl.bfl3{background:#0E132D; color: #fff; transition: all .7s ease;} #bfl .nav{border: none;} #bfl .nav-link{display: flex;border: none; background: none; opacity: .4;} #bfl .nav-link.active{ opacity:1;} #bfl .nav-link span{display: block; font-size: 18px; font-weight: 300; color: #005DAC; margin: 5px;} #bfl .nav-link strong{display: block; font-size: 28px; font-weight: 500; border-bottom: 1px solid #005DAC; line-height: 1;;} .bigTxt{font-size: 24px; display: block; font-weight: 500;} .workWrp{padding:10px 0 40px 0; display: block; overflow: hidden;} .workWrp .staticTxt{/*margin-bottom: 50px;*/} .workWrp p{color: #000; margin-bottom: 20px;} .workWrp .fp-overflow{display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .workWrp .workSliderWrp{margin-top: auto; width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #005dac;} .workWrp .workSliderWrp .workSlider {overflow: hidden;} .workWrp .workSliderWrp .workSlider .swiper-wrapper{align-items: flex-end;} .workWrp .workSliderWrp .workSlider .imgDiv{ overflow: hidden;} .workWrp .workSliderWrp .workSlider .imgDiv img{width: 100%;} .workWrp .workSliderWrp .workSlider .swiper-slide { width: 450px;transition:1s; border-top-left-radius: 15px;border-top-right-radius: 15px; overflow: hidden; opacity: .6;} .workWrp .workSliderWrp .workSlider .swiper-slide.swiper-slide-prev, .workWrp .workSliderWrp .workSlider .swiper-slide.swiper-slide-next {transform:translate3d(0px, 100px, -80px) rotateX(0deg) rotateY(0deg) scale(1) !important; opacity: .8;} .workWrp .workSliderWrp .workSlider .swiper-slide{transform:translate3d(0px, 200px, -100px) rotateX(0deg) rotateY(0deg) scale(1) !important; opacity: .6;} .workWrp .workSliderWrp .workSlider .swiper-slide.swiper-slide-active {transform:translate3d(0px, 10px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important; opacity: 1;} .sliderVideo{width: 101%; height: 101%; object-fit: cover;} .workWrp .swiper-3d .swiper-slide-shadow-right, .workWrp .swiper-3d .swiper-slide-shadow-left{background: none;} .workWrp .swiper-button-prev { width: 42px; height: 42px; background: url(../images/arrow-left.svg) center no-repeat; background-size: contain; position: absolute; left:0%;} .workWrp .swiper-button-next { width: 42px; height: 42px; background: url(../images/arrow-right.svg) center no-repeat; background-size: contain; position: absolute; right:0%;} .workWrp .workSliderWrp .workSlider-thumbs .copyDiv{padding:10px 0 0 0; color: #fff; text-align: center;background: #241D19; opacity: 0;transition: all .2s ease-in;} .workWrp .workSliderWrp .workSlider-thumbs .copyDiv p{ font-size: 16px; transition: all .4s ease-in-out; margin-top: 10px; } .workWrp .workSliderWrp .workSlider-thumbs .copyDiv ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; font-family: 'ArchivoRegular'; margin-bottom: -5px;} .workWrp .workSliderWrp .workSlider-thumbs .copyDiv ul li{border: 1px solid #fff; border-radius: 25px; padding:5px 10px; text-transform: uppercase; margin: 0 10px 10px 0; font-size: 12px; letter-spacing: 0.05em;} .workWrp .workSliderWrp .workSlider-thumbs .swiper-slide-active .copyDiv{opacity: 1;transition: all .2s ease-in;} .ccc{opacity: 0;transition: all .1s ease-in;} .workWrp .swiperWrk-button-prev, .workWrp .swiperWrk-button-next{display: inline-block; vertical-align: middle; width: 50px; height: 35px; margin: 10px; } /* .workWrp .swiperWrk-button-prev{background: url("../images/arrow-left.svg") center no-repeat; background-size: contain; right: 60px;} .workWrp .swiperWrk-button-next{background: url("../images/arrow-right.svg") center no-repeat; background-size: contain;} */ .bfl3Cont{padding-top: 20px;} .bfl3Cont .bfl3Img{margin-top: 10%;} .bfl3Cont .callout {margin-top: 20px;} .bfl3Cont .callout h2{font-weight: 100;} .bfl3Cont .callout p{ text-transform: uppercase; font-size: 16px;} .bfl3Cont .bfl3Inner{position: relative;} .bfl3Cont .bfl3Inner:before{content: ''; position: absolute; top: 15px; right: 0; height: 1px; background: #7D7D7D; left: 0;} .bfl3Cont .bfl3Inner .statText{position: absolute; top: -3px; left: -10%; font-size: 22px;} .bfl3Cont .bfl3Inner .statText span{display: inline-block; margin: 3px; width: 12px; height: 12px; border-radius: 50%; background: #D9D9D9; vertical-align: middle;} .bfl3Cont .finWrp{text-align: left; position: relative; padding-left: 20%;} .bfl3Cont .finWrp .listFin{ color: #D7D7D7; } .bfl3Cont .finWrp .listFin li{ color: #D7D7D7; margin-top: 10px; list-style: none;} .bfl3Cont .finWrp .listFin span{ display: block; color: #47C1B7; font-size: 16px; } .bfl3Cont .aiWrp{text-align: left; position: relative; padding-left: 15%;} .bfl3Cont .aiWrp .listAI{ color: #D7D7D7; position: relative; } .bfl3Cont .aiWrp .listAI::before{content: ''; position: absolute; left: 2px; top: 15px; bottom: 0; width: 1px; background:#7D7D7D ;} .bfl3Cont .aiWrp .listAI li{ color: #D7D7D7; margin-top: 10px; list-style: none; position: relative;} .bfl3Cont .aiWrp .listAI li:before{content: ''; display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #47C1B7; position: absolute; left: -35px; top: 50%; margin-top: -5px;} .bfl3Cont .bfl3Inner h3{position: relative; z-index: 2; display: inline-block;} .bfl3Cont .bfl3Inner h3:after{content:""; position: absolute; left: -10px; right: -10px; height: 100%; background: #0E132D; z-index: -1;} #esgPrtWrp{background: url(../images/bg-esg.jpg) bottom center no-repeat; background-size: cover;} #esgPrtWrp h2{color: #000;} #esgPrtWrp .esgCardSlider{ padding-top: 20px;} #esgPrtWrp .esgCardSlider .swiper-slide{height: auto;} #esgPrtWrp .esgCardSlider .esgCard{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; background: #EDF7F6; border-radius: 20px; overflow: hidden;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv{padding: 40px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv h4{font-size: 26px; line-height: 1.2; color: #005DAC; font-weight: 500; margin-bottom: 10px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv p{line-height: 1.3;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv .callout h3{font-size: 34px;font-weight: 500; color: #9A6A57; margin-bottom: 3px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv .callout p{font-size: 15px;font-weight: 500;} #esgPrtWrp .esgCardSlider .esgCard .imgDiv{position: relative; overflow: hidden;} #esgPrtWrp .esgCardSlider .esgCard .imgDiv img{width: 100%; transform: scale(1); transition: all .8s ease; } #esgPrtWrp .esgCardSlider .esgCard:hover .imgDiv img{ transform: scale(1.05); transition: all .8s ease; } #esgPrtWrp .swiper-pagination-progressbar.swiper-pagination-horizontal{position:relative; margin-top: 30px;} #esgPrtWrp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;} #esgPrtWrp .swiper-button-prev { width: 42px; height: 42px; background: url(../images/arrow-left.svg) center no-repeat; background-size: contain; position: absolute; left:1%;} #esgPrtWrp .swiper-button-next { width: 42px; height: 42px; background: url(../images/arrow-right.svg) center no-repeat; background-size: contain; position: absolute; right:1%;} .centerDiv{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; text-align: center;} #csrWrp{background: #fff; overflow: hidden;} #csrWrp h2{color:#000; } #csrWrp h3{color:#005DAC; font-size: 42px; } #csrWrp .swiper-slide{height: auto; display: flex;} /* #csrWrp .swiper-pagination{text-align: left; padding-left: 60%; top: auto; bottom: 0px; background: none;} #csrWrp .swiper-pagination-bullet{width: 14px; height: 14px;} */ #csrWrp .imgDiv{position: relative;border-radius: 20px; overflow: hidden;} #csrWrp .imgDivWrp {position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #csrWrp .imgDiv img{width: 100%;} #csrWrp .copyDiv{padding: 60px 14% 80px 60px; background: #F2E4D5; border-radius: 20px; height: 100%;} #csrWrp .copyDiv h4{color: #005DAC; margin-bottom: 10px; font-size: 28px;} #csrWrp .copyDiv .callout{position: relative; margin-top: 10px;;} #csrWrp .copyDiv .callout:before{content:''; display: block; position: absolute; top: -10px; left: 0; height: 4px; width: 38px; background: #005DAC;} #csrWrp .copyDiv .callout h2{color: #9A6A57; font-size: 34px; margin-bottom: 3px;} #csrWrp .copyDiv .callout p{color: #2E2037; font-size: 14px; text-transform: uppercase; margin: 0;} /*#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: 30px; margin-top: 20px; padding: 0 0 0px 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); } #csrWrp .csrSlider .swiper-pagination{text-align: left; padding-left: 60%; top: auto; bottom: 20px; background: none;} #csrWrp .csrSlider .swiper-pagination-bullet{width: 14px; height: 14px;} /* #csrWrp .csrSlider .csrBtnWrp{position: absolute; bottom: 0; left: 60%;} */ .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;} #dwnldWrp{ color:#effffe; background: #005DAC;} #dwnldWrp .download-box ul {margin: 0px;padding: 0px;list-style-type: none;margin-top: 20px;} #dwnldWrp .download-box ul li {margin: 0; border-top: 1px solid #1779CD; } #dwnldWrp .download-box ul li:last-child {border-bottom: 1px solid #1779CD;} #dwnldWrp .download-box ul li a { position: relative; display: flex; justify-content: space-between; color: #FFF;border-bottom: none;padding: 18px 40px 18px 30px;background: url(../images/icon-pdf.svg) left center no-repeat;font-weight: 400;font-size: 18px;line-height: 22px;background-size: 22px;} #dwnldWrp .download-box ul li a:after{content:""; position: absolute; right: 10px; top: 50%; margin-top: -12px; display: inline-block;background: url("../images/icon-download-ftr.svg") right center no-repeat; background-size: contain; width: 25px; height: 25px;} #dwnldWrp .download-box ul li a:hover {padding: 18px 0px 18px 35px;} #dwnldWrp a:hover {color: #f5efda;} #dwnldWrp h2{margin-bottom: 30px; text-transform: uppercase;} #dwnldWrp .ttl2 {font-weight: 500;font-size: 20px;line-height: 24px;color: #fff;} #dwnldWrp .download-box .download-img {box-shadow: 0 0 8px gray;} #dwnldWrp .dwnlImgLnk{color: #fff;} #dwnldWrp .dwnlImgLnk:after{content:"";display: inline-block;background: url("../images/icon-download-ftr.svg") right center no-repeat; background-size: contain; width: 25px; height: 25px; vertical-align: middle; margin-left: 10px;} /* #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; } .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;} .bfl3Cont .bfl3Inner:before{left: 60px;} .bfl3Cont .bfl3Inner .statText{left: -40px;} #bisnesConstctWrp .cardSliderWrp .swiper-button-prev{left: 10px;} #bisnesConstctWrp .cardSliderWrp .swiper-button-next{right: 10px;} } @media (max-width:1620px){ .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:36px;} 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;} #bannerHom .banInner .banCopy .reportSvg{width: 200px;} #highlightWrp .cardWrp{gap: 15px 2%;} #highlightWrp .cardWrp .highlitCard{height: 240px;} #highlightWrp .cardWrp .highlitCard.active .ico{height: calc(100% - 60%);} #highlightWrp .callOutWrap .callout h4{font-size: 18px; margin-bottom: 5px;} #highlightWrp .callOutWrap .callout h2{font-size: 24px; margin-bottom: 10px;} #aboutWrp .callOutWrap .callout{padding: 10px 40px 10px 0;} #chrmnMsgWrp .chrmnImg{margin-right: 30px;} #chrmnMsgWrp .chrmnCopy{padding: 40px 60px;} #chrmnMsgWrp .chrmnCopy h4{font-z:22px; } #ldrshipWrp .ldrsjip .ldr-2{bottom: 54%;} #ldrshipWrp .ldrsjip .ldr-4{bottom: 54%;} #offringWrp h3.mt-250{margin-top: 230px; } #offringWrp h3{margin-top: 30px;} #bisnesConstctWrp .cardSliderWrp .swiper-button-prev{ left: 50px;} #bisnesConstctWrp .cardSliderWrp .swiper-button-next{ right: 50px;} #esgPrtWrp{padding:120px 0 50px 0;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv{padding: 20px 30px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv .callout p{font-size: 13px;} #csrWrp h3{font-size: 28px;} #csrWrp .copyDiv{padding: 40px 14% 40px 60px;} #offringWrp h3{font-size: 32px; padding-left: 70px;} #offringWrp h3 span{font-size: 24px;} #offringWrp .ofrngCardWrp{gap: 15px 2%;} #offringWrp .ofrngCardWrp .ofrCard{height: 240px;} #offringWrp .ofrngCardWrp .ofrCard .fs-54{font-size: 44px;} #offringWrp .ofrngCardWrp .ofrCard h4{font-size: 25px;} #offringWrp .ofrngCardWrp .ofrCard p{font-size: 13px;} .flip-card h2{font-size: 18px;} .btn-box{font-size: 14px; padding: 6px 12px;} } @media(max-width:1500px){ .section{padding: 80px 0;} p{font-size:14px;line-height:1.4;} h2{font-size:34px;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;} #highlightWrp .cardWrp .highlitCard.active .ico{height: calc(100% - 60%);} #highlightWrp .cardWrp .highlitCard h3{font-size: 32px;} .icon-arrow-circle-up{width: 22px; height: 22px;} #aboutWrp .callOutWrap .callout .icon{height: 48px;} #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 .copyDiv h4{font-size: 24px;} #csrWrp .imgCopy .callOutList li{font-size: 14px;} #csrWrp .imgCopy .callOutList li strong{font-size: 18px;} #ldrshipWrp .ldrsjip .ldr-1{bottom: 78%;} #ldrshipWrp .ldrsjip .ldr-5{bottom: 73%;} #bisnesConstctWrp .cardSliderWrp .bisCard {padding: 30px; height: 360px;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop p, #bisnesConstctWrp .cardSliderWrp .bisCard.txtBtm p{font-size: 14px;} #offringWrp h3{font-size: 33px;} #offringWrp h3 span{font-size: 24px;} #offringWrp .ofrngCardWrp .ofrCard.active p{font-size:14px;} .bigTxt{font-size: 20px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv{padding: 25px;} #csrWrp .copyDiv .callout p{font-size: 12px;} /* #esgHlWrp .esgSlider .swiper-slide{width:18% !important;} #esgHlWrp .esgSlider .swiper-slide-active{width: 40% !important}*/ } @media (max-width:1440px){ /* #ldrshipWrp .leaderImgDiv{ max-width: 73%;}*/ .download-box.pr30{padding-right:inherit; padding-left: 30px;} } @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;} .icon-rupee{width: 12px; height: 15px;} #highlightWrp .cardWrp .highlitCard .fs-80{font-size: 68px;} #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;} #highlightWrp .cardWrp .highlitCard .fs-54{font-size: 46px;} .wheel{width: 100%;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv .callout p{font-size: 13px;} /* #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){ h2{font-size: 30px;} h4{font-size: 12px;} #bannerHom .banInner .banCopy .reportSvg{width: 150px;} #highlightWrp .cardWrp .highlitCard{padding: 20px; height: 210px;} #highlightWrp .cardWrp .highlitCard h3{font-size: 32px;} #highlightWrp .cardWrp .highlitCard h4{font-size: 20px;} #highlightWrp .cardWrp .highlitCard p{font-size: 11px;} #highlightWrp .cardWrp .highlitCard .fs-54{font-size: 40px;} #highlightWrp .cardWrp .highlitCard .fs-80{font-size: 58px;} #chrmnMsgWrp .chrmnCopy{padding: 30px 50px;} .icon-quot1, .icon-quot2{width: 22px; height: 22px;} #chrmnMsgWrp .chrmnCopy p.chrNm{font-size: 14px;} #chrmnMsgWrp .chrmnCopy .chrDeg{font-size: 12px;} #offringWrp h3{font-size: 30px;} #offringWrp h3 span{font-size: 20px;} #offringWrp .ofrngCardWrp .ofrCard .fs-54{font-size: 42px;} #offringWrp .ofrngCardWrp .ofrCard {height: 240px; padding: 25px;} #offringWrp .ofrngCardWrp .ofrCard.active p{font-size: 12px;} .bfl3Cont .finWrp .listFin li, .bfl3Cont .aiWrp .listAI li{font-size: 18px;} .bfl3Cont .finWrp .listFin span{font-size: 14px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv h4{font-size: 18px;} #esgPrtWrp .esgCardSlider .esgCard .copyDiv .callout h3, #csrWrp .copyDiv .callout h2{font-size: 26px;} #csrWrp h3{font-size: 28px;} } @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;} #bnr-vid{ object-position: right center;} #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:76%} #ldrshipWrp .ldrsjip .ldr-2{bottom:54%;} #ldrshipWrp .ldrsjip .ldr-3{bottom:54%;} #ldrshipWrp .ldrsjip .ldr-4{bottom:54%;} #ldrshipWrp .ldrsjip .ldr-5{bottom:63%;} #ldrshipWrp .ldrsjip .ldr-6{bottom:74%;} #ldrshipWrp .ldrsjip .ldr-7{bottom:56;} #ldrshipWrp .ldrsjip .ldr-8{bottom:54%;} .bfl3Cont .bfl3Img{width: 100%;} .bfl3Cont .callout p{font-size: 12px;} .bfl3Cont .bfl3Inner .statText{left: 0; top: 6px; font-size: 13px;} #csrWrp .csrSlider{padding: 0; } #esgPrtWrp {padding: 60px 0 50px 0;} .workWrp{padding-bottom: 0;} #bfl{padding-bottom: 60px; min-height: auto;} #highlightWrp .cardWrp .highlitCard p .icoUp{width: 12px;} #dwnldWrp .download-box ul li a{line-height: 1.2; padding: 10px 40px 10px 30px; align-items: center;} #dwnldWrp p{font-size: 13px} } @media(max-width:992px){ .mobHide{display: none;} .mobShow{display: block;} .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;} #bnr-vid{ object-position: center center;} .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{padding: 10px 25px 10px 0;} #highlightWrp .cardWrp .cd1, #highlightWrp .cardWrp .cd3, #highlightWrp .cardWrp .cd6, #highlightWrp .cardWrp .cd7, #highlightWrp .cardWrp .cd10, #highlightWrp .cardWrp .cd12, #offringWrp .ofrngCardWrp .cd2, #offringWrp .ofrngCardWrp .cd7{width: 59%;} #highlightWrp .cardWrp .cd2, #highlightWrp .cardWrp .cd4, #highlightWrp .cardWrp .cd5, #highlightWrp .cardWrp .cd8, #highlightWrp .cardWrp .cd9, #highlightWrp .cardWrp .cd11, #offringWrp .ofrngCardWrp .cd1, #offringWrp .ofrngCardWrp .cd3, #offringWrp .ofrngCardWrp .cd4, #offringWrp .ofrngCardWrp .cd5, #offringWrp .ofrngCardWrp .cd6, #offringWrp .ofrngCardWrp .cd8{width: 39%;} #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{padding-bottom: 30px; margin-bottom: 0;} #csrWrp .csrSlider .sliderDiv{display: block;} #csrWrp .imgDivWrp{transform: none;} #csrWrp .imgDiv{width: 100%} #csrWrp .csrSlider .sliderDiv .imgCopy{width: 100%;} #csrWrp .csrSlider .swiper-pagination{text-align: right; padding: 0;} .offset-1{margin-left: auto} #bisnesWrp{padding: 80px 0; height: auto !important;} #highlightWrp .callOutWrap .callout{display: block;} #highlightWrp .callOutWrap .callout p{text-align: left;} .sm_menu_outer.accordion{height: auto; top: 0; bottom: 0; padding-top: 100px !important; margin-top: 0 !important;} .tab-content>.tab-pane{display: block; opacity: 1;} #highlightWrp .accordion-item{padding: 10px 0;} #bfl .title {display: flex; justify-content: center;} #bfl .title span{font-size: 18px; font-weight: 300; color: #005DAC; margin: 5px;} #bfl .title strong{ display: block; font-size: 28px; font-weight: 500; border-bottom: 1px solid #005DAC; line-height: 1;;} #bflThree{background: #0E132D; color: #fff; padding: 60px 30px;} #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 .swiper-slide{background: #F2E4D5; border-radius: 20px; overflow: hidden;} #csrWrp .copyDiv{padding: 30px;border-top-left-radius: 0; border-top-right-radius: 0;} #csrWrp .imgDivWrp{position: static ;} #csrWrp .imgDiv{border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #esgHlWrp .esgSlider .swiper-slide{width:auto !important; height: 100%;} #esgHlWrp .esgSlider .swiper-slide-active{width: auto !important} #esgHlWrp .esgSlider .swiper-slide .imgDiv{height: auto;} .footer .ftrIner{flex-wrap: wrap;} #bisnesConstctWrp .cardSliderWrp .swiper-button-prev{left: 0;} #bisnesConstctWrp .cardSliderWrp .swiper-button-next{right: 0;} } @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: 30px 30px;border-top-left-radius:0;border-top-right-radius:0;} #chrmnMsgWrp .chrmnCopy:before{content: none;} #esgPrtWrp .esgCardSlider{padding: 10px 30px;} #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: 55.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; margin-top: 0;} #csrWrp .csrSlider .sliderDiv img{width: 100%;} #csrWrp .csrSlider .swiper-button-prev, #csrWrp .csrSlider .swiper-button-next{top: auto; bottom: 0;} #csrWrp .swiper-slide{align-items: flex-start;} #csrWrp .imgDiv p{position: static;} #csrWrp .copyDiv h4{font-size: 20px; line-height: 1.2;} #csrWrp .csrSlider .swiper-pagination{ bottom: 20px;} /*#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;} } /* .cardWrp{position: relative; width: 560px; height: 560px;} .wheel{width: 560px; height: 560px; background: url("../images/wheel.svg") center no-repeat; background-size: contain; position:absolute; top: 0; left: 0;} .cirlce{position: absolute; top: 50%; left: 50%; width: 1px; height:1px; position: relative; border: 1px solid red; animation:round_crl 10s linear infinite; transform-origin: 50% 50%;} .cirlce .label{position: absolute; top: 0px; left:50%; color: #000; font-size: 20px; transform-origin: 50% 50%; animation: round_txt 10s linear infinite;} @keyframes round_crl { 0% { transform: rotate(0deg) translate(350px) rotate(0deg); } 100% { transform: rotate(360deg) translate(350px) rotate(-360deg); } } */ html { scroll-behavior: smooth; } @keyframes rotat { from {rotate: -90deg;} } @keyframes scale-a-lil { from {scale: .8;} } #banContainer{ background: #c0bcb8; view-timeline-name: --hero-scroll; } #bannerHom { position: sticky; top: 0; transform-origin: top center; animation: fade-out linear; animation-timeline: --hero-scroll; animation-range: exit -50% exit 100%; } /* #aboutWrp{isolation: isolate;} */ @keyframes fade-out{ 0%{scale: 1; opacity: 1;} 100%{scale: .1; opacity:0;} } @media (prefers-reduced-motion: no-preference) { /* .wheel { animation: rotat linear both; animation-timeline: view(); animation-range: 25vh 65vh; } */ #highlightWrp .cardWrp .highlitCard{ animation: scale-a-lil linear both; animation-timeline: view(); animation-range: 25vh 65vh; } } .fancybox__container{z-index: 9999;} .wheelWrp { transform: rotate(-90deg);} .wheelWrp img {width: 100%;} .intro-mobile{ position: absolute; right: 0; bottom: 0; width:15%; opacity: 0;} .intro-mobile img{ width: 100%; height: auto;} .intro-computer{ position: absolute; right: 13%; top: 20%; width: 9%; opacity: 0; } .intro-computer img{ width: 100%; height: auto;} .intro-icon{ position: absolute; right: -4%; bottom: 0; width: 3%; opacity: 0;} .intro-icon img{ width: 100%; height: auto;} .svg-con{ position: absolute; overflow: visible; margin-top: 0; z-index: 99;} .svg-con svg{ width: 100%;} .svg-con path{ width: 100%;} .svg-con .circle-path{ opacity: 0;} .svg-01{ width: 80%; left: 0; top: 10%; } .svg-02{ width: 40%; right: 10%; bottom: -12%;} .svg-03{ width: auto; height: 70%; left: 50%; top: -10%; transform: translateX(-50%);} .svg-04{ left: 50%; top: -5%; transform: translateX(-50%);} .svg-05{ width: 40%; left: 10%; top: -7%; } .svg-06{ left: 10%; top: 10%; } .svg-07{ left: 50%; top: -5%; transform: translateX(-50%);} .svg-08{ left: 50%; top: -5%; transform: translateX(-50%);} .svg-09{ width: 39%; left: 52%; top: -6%; } @media (max-width:1680px){ .svg-01{width: 82%; top: 20%;} .svg-05, .svg-06{left: 5%;} .svg-09{width: 44%;} .intro-icon{bottom: 6%;} } @media (max-width:1600px){ .svg-05, .svg-06{left: 9.5%;} .svg-08{top: -7%;} .svg-09{width: 46%;} } @media (max-width:1500px){ .svg-01{top: 15%;} .intro-computer{top: 28%; right: 14%;} .intro-icon{bottom: 11%;} .svg-05, .svg-06{left: 8%;} .svg-09{width: 46%;} .svg-04 svg{height: 100px;} .svg-07 svg{height: 110px;} #ldrshipWrp{position: relative; z-index: 99;} #ldrshipWrp .leaderImgDiv{z-index: 99;} } @media (max-width:1400px){ .svg-05{top: -8%;} .svg-08{top: -13%;} } @media (max-width:1370px){ .svg-05, .svg-06{left:7%;} } @media (max-width:1100px){ .svg-03, .svg-04, .svg-05, .svg-07, .svg-08, .svg-09{display: none;} .svg-01{top: 10%;} .intro-computer{top: 34%;} .intro-icon{bottom: 22%;} .svg-05, .svg-06{left:4%;} .svg-06 svg{height: 612px;;} } @media (max-width:900px){ #highlightWrp .cardWrp .highlitCard{animation: none;} .svg-con{display: none;} #aboutWrp{padding: 60px 0 120px 0;} #aboutWrp .callOutWrap{margin-top: 20px;} #chrmnMsgWrp{padding:80px 0;} #offringWrp{padding: 0 0 80px 0;} #offringWrp h3{padding-left: 10px;} #offringWrp h3.mt-250{margin-top: 30px;} .wheelWrp{transform: none !important;} .wheelWrp img{transform: none !important;} } @media (max-width:767px){ .header .logo{margin: 0 10px;} #aboutWrp .callOutWrap{flex-wrap: wrap;} #aboutWrp .callOutWrap .callout{width: 50%;} #highlightWrp .cardWrp .highlitCard , #offringWrp .ofrngCardWrp .ofrCard {width: 100% !important;} #chrmnMsgWrp .chrmnCopy{margin-left: 0;} #offringWrp{padding: 0 0 40px 0;} #bannerHom .banInner .banCopy .reportSvg{width: 110px; margin-top: -40px;} #highlightWrp .cardWrp, #offringWrp .ofrngCardWrp{gap: 10px 2%;} #highlightWrp .cardWrp .highlitCard{height: 160px;;} #chrmnMsgWrp{padding: 20px 0 60px 0;} #offringWrp .ofrngCardWrp{margin-top: 0;} #offringWrp .ofrngCardWrp .ofrCard{height: 170px;} #offringWrp .ofrngCardWrp .cd1 .ico{left: auto; right: 0;} .bfl3Cont .bfl3Inner .statText{background: #0f132c; left: auto; right: 0;} .bfl3Cont .finWrp, .bfl3Cont .finWrp .listFin, .bfl3Cont .aiWrp, .download-box.pr30, .pl30{padding-left: 0;;} #csrWrp h3{font-size: 24px;} .appSlidWrp{padding: 0 0 40px 0;} #csrWrp .csrSlider{padding: 0 0 20px 0;} #bflThree{padding: 10px 30px 30px 30px;} #bisnesConstctWrp .cardSliderWrp .bisCard .icon{height:calc(100% - 60%);transition: all .4s ease ;} #bisnesConstctWrp .cardSliderWrp .bisCard h3{font-size: 26px;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop h3{transform: translateY(0px);transition: all .4s ease;} #bisnesConstctWrp .cardSliderWrp .bisCard.txtTop p{opacity:1;transform: translateY(0px);transition: all .4s ease; } #bisnesConstctWrp .cardSliderWrp .bisCard.txtBtm p{opacity:1; margin-top: 0; margin-bottom:0; transition: all .4s ease; } }