footer { display: block; clear: both; color: #454545; width: 100%; margin-top: 0; z-index: 7; }.footer-list-section-companies h4:after {display: none !important;} .socialLinks { display: flex; align-items: center; } footer .copySection { display: flex; flex-wrap: wrap; } .copySection article { width: 50%; padding-right: 24px; padding-top: 10px; } .copySection article:last-child { padding-right: 0; position: relative; padding-left: 67px; } .copySection article:last-child::after { background: url(../img/sprite.png) -1px -50px; height: 59px; width: 59px; content: ""; position: absolute; top: 11px; left: 0; } .copySection article h6 { font-size: 16px; font-weight: 500; } .copySection article p { padding-bottom: 0; } .footerList { display: flex; flex-wrap: wrap; } .footerList ul { padding: 8px; padding-top: 0; width: 16%; } .footerList ul:nth-child(4) {width: 18%;} .footerList ul li { padding: 3px 0; } .footerList ul h4 { color: #6cc9ec; text-transform: uppercase; font-size: 15px; font-weight: normal; min-height: 50px; padding-bottom: 5px; position: relative; text-align: left; } .footerList ul li a { color: #a5b6c0; padding: 0; word-break: break-all; } .footerList ul li a:hover { color: #00aeef; } .footerList ul:first-child { padding-left: 0; } .footerList ul:last-child { padding-right: 0; width: 32%; } footer p { padding: 12px 0; font-size: 14px; } footer .conectUs { background: #f8fafa; box-shadow: 0 2px 0 #011e34; padding: 10px 0; } footer .customer { border-top: solid 3px #f16e2d; background: #04152f; padding: 10px; } footer .disclaimer { background: #f8fafa; border-top: 1px solid #293d4e; box-shadow: 0 2px 0 #011e34; border-bottom: 1px solid #293d4e; padding: 10px 0; } .disclaimerList ul { display: flex; flex-wrap: wrap; font-size: 16px; } .disclaimerList ul li { padding: 0 21px; } .disclaimerList ul li:first-child { padding-left: 0; } .disclaimerList ul li a { color: #0d47a1; font-weight: 400; font-size: 13px; } .disclaimerList ul li a:hover { color: #f16e2d; } section.attention { padding: 15px 0; background: #efefef; padding-bottom: 115px; } .conectUs .main { display: flex; flex-wrap: wrap; } .socialLinks ul { display: flex; flex-wrap: wrap; } .socialLinks ul li a { font-size: 16px; color: #012d50; padding: 0 12px; } .socialLinks ul li:first-child { position: relative; } .socialLinks ul li:first-child a { color: #3b5998; } .socialLinks ul li:first-child::after { width: 2px; height: 17px; border-right: 1px solid #454545; content: ""; top: 1px; position: absolute; right: 0; } .socialLinks ul li:nth-child(2) a { color: #00aced; padding-right: 25px; } .socialLinks ul li:nth-child(4) { position: relative; padding-left: 22px; } .socialLinks ul li:nth-child(4) a::after { width: 25px; height: 25px; content: ""; top: -5px; position: absolute; background: url(../img/sprite.png) -33px -6px no-repeat; left: 0; } .conectUs span { color: #0a3474; font-weight: 700; } .moreContaint { display: none; } h4.viewMore { font-size: 15px; font-weight: 400; color: #454545; position: relative; width: auto; display: inline; cursor: pointer; padding-right: 19px; } h4.viewMore:after { display: inline-block; width: 7px; height: 7px; border-color: #f16e2d; content: ""; border: 2px solid; border-bottom: 0; border-left: 0; border-radius: 1px; top: 1px; text-indent: -624.9375rem; transform: rotate(135deg); position: absolute; color: #f16e2d; right: 2px; } .customerCare { border-bottom: 1px solid #293d4e; padding: 10px 0; width: 100%; display: block; } .customerCare .flexdiv { justify-content: space-between; } .customerCare .flexdiv article { width: 33%; } .customerCare .flexdiv p { color: #00aeef; padding: 16px 0 4px 0; font-size: 1.4rem; } .customerCare h4 { color: #00aeef; font-size: 0; font-weight: 200; position: relative; text-transform: uppercase; padding-left: 39px; text-align: left; display: flex; } .customerCare h4::before { position: absolute; background: url(../img/sprite.png) -2px -116px no-repeat; content: ""; width: 35px; height: 50px; left: 0; top: 14px; } .customerCare .flexdiv label { color: #fff; } .topFootList { display: flex; justify-content: space-between; padding: 22px 0 22px 0; } .topFootList p { color: #fff; padding: 0; margin-right: 0; } .topFootList ul { display: flex; } .topFootList li a { color: #fff; padding: 0 6px; } .topFootList ul li { border-right: 2px solid #fff; height: 16px; } .nav-dropdown h3 a { line-height: 18px; color: #0a3474; padding: 0; position: relative; width: auto; display: inline; } .nav-dropdown h3 a::after { display: block; width: 4px; height: 4px; border-top: 2px solid #0a3474; border-left: 2px solid #0a3474; transform: rotate(135deg); content: ""; position: absolute; top: 6px; right: -10px; } .topFootList ul li a:hover { color: #f16e2d; } .topFootList ul li:last-child { border: 0; } .topFootList ul li:first-child a { padding-left: 0; } #body_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.75); z-index: 99; } .nav-dropdown ul.sublist li { position: relative; } .singaltoplist ul { width: 100%; } .singaltoplist ul li { width: 180px; min-width: 180px; margin: 0 10px; padding: 5px 0; } .nav-dropdown li a { color: #000; padding: 6px 6px; display: block; } a.navclose { display: none; } ul.whyIIflList { width: 100%; } ul.whyIIflList li { text-align: center; } ul.whyIIflList li ul { width: 100%; display: flex; justify-content: center; } ul.whyIIflList li ul li { width: auto; min-width: auto; padding: 0 20px; border: 1px solid #ccc; } ul.whyIIflListKnowledge { width: 100%; padding-bottom: 0; } ul.whyIIflListKnowledge h3 { text-align: center; border: 0; } ul.whyIIflListKnowledge h3::after { display: none; } ul.whyIIflListKnowledge .mobileslide ul { justify-content: center; width: 100%; display: flex; padding-top: 0; } .mobileslide ul li { width: auto; min-width: auto; padding: 0 20px; border: 1px solid #ccc; } a.primary_highlight_txt.mr10 { display: none; } .mobileLink-ear { display: none; } .footer-slider.twoulpart { justify-content: space-between; width: 100%; } .footer-slider.twoulpart ul { width: 47%; float: left; } .orange_bg { background: #f16e2d; } @media only screen and (max-width:1024px) { .topFootList p { margin-right: 0; } nav ul li a { font-size: 1.4rem; } .navigation .buttonmf { padding: 1px 10px; font-size: 1.4rem; } .nav-list li:last-child .nav-dropdown { right: 0; left: auto; } .nav-list li:first-child .nav-dropdown { left: 0; } p { } } @media only screen and (min-width:992px) { #body_overlay { display: none!important; } nav .nav-list li:hover .nav-dropdown { display: block!important; } } @media only screen and (max-width:860px) { .headerTop { display: none!important; } .nav-list li:first-child .nav-dropdown { left: 0; } .buttonmf { display: none; } .navigation { padding: 0 10px; } .topFootList ul { display: flex; margin-right: 20px; width: 34%; flex-wrap: wrap; border-right: 0 solid #fff; align-content: flex-start; } .topFootList ul li { border-right: 0; height: auto; width: auto; position: relative; } .topFootList li a { padding: 5px 5px; display: block; } li.dropdown_acitve>a { background: 0; color: #fff; } .topFootList ul li::after { position: absolute; content: ""; width: 2px; height: 14px; border-right: 1px solid #fff; right: -1px; top: 8px; } .topFootList ul li:last-child::after { display: none; } } @media only screen and (max-width:812px) { footer .customer { padding: 0; } .sliderDiv ul li { width: 100%; display: block; } .sliderDiv .mobileslide { display: block; margin-top: 0; } .sliderDiv ul li a { border-right: 0px!important; padding-left: 0; } .sliderDiv .footerList ul li::after { display: none; } .sliderDiv .footerList h3 { font-size: 16px; } .sliderDiv .mobileslide { display: block; border-top: 0px; margin-top: -2px; } .sliderDiv ul li a { padding-left: 0; border-right: 0px!important; } .sliderDiv .footerList ul li::after { display: none; } .footer-slider.twoulpart ul:last-child { width: 47%; } .footer-slider { display: none; } .footerList ul { width: 100%; padding-bottom: 30px; } .footerList ul li { font-size: 1.3rem; width: auto; float: left; padding: 5px 0; position: relative; } .footerList ul li a { color: #a5b6c0; padding: 0 0; word-break: break-all; padding: 0 8px; border-right: 0 solid #546067; } .footerList ul li::after { position: absolute; content: ""; width: 2px; height: 15px; border-right: 1px solid #546067; right: 0; top: 8px; } .footer-slider.twoulpart { justify-content: space-between; width: 100%; } .footer-slider.twoulpart ul { width: 47%; float: left; } .mobileLink-ear { display: block; } ul.whyIIflList { width: 100%; } ul.whyIIflList li { text-align: left; } ul.whyIIflList li ul { width: 100%; display: block; justify-content: left; } ul.whyIIflList li ul li { width: 100%; min-width: 100%; padding: 0 20px; border: 0; } ul.whyIIflListKnowledge h3 { text-align: left; border: 0; } ul.whyIIflListKnowledge .mobileslide ul { justify-content: center; width: 100%; display: block; padding-top: 15px; } .mobileslide ul li { width: 100%; min-width: 100%; padding: 4px 0; border: 0; } .homeicon { display: none; } .nav-dropdown { position: relative; } .nav-mobile { display: block; top: 13px; background-color: #0a3474; } nav { width: 100%; } footer nav ul { display: none; background-color: #0a3474; } .singaltoplist ul li { width: 100%; margin: 0; padding: 5px 0; } .topNav.topnavmobile,.topNav.topnavmobile ul { display: block; } .nav-dropdown .flexdiv ul { display: block; } .nav-dropdown .flexdiv ul.secondLevelMobileView { display: none; } button.buttonmf.mobilebut { display: block; width: 100%; text-align: left; padding: 10px 15px; margin: 0; font-size: 16px; } nav ul li { width: 100%; } nav ul li a { padding: 10px 15px; display: block; line-height: 20px; color: #e3f2fd; font-size: 16px; } .nav-dropdown .topLink ul li { width: auto; } nav ul li ul li a { padding-left: 30px; color: rgba(255,255,255,.8)!important; } footer .nav-dropdown { width: 100%; max-width: 100%; background-color: #fff; left: 0; top: 0; } footer .nav-dropdown ul { background-color: #04152f; } .nav-dropdown ul { width: 100%; } nav ul li a:not(:only-child):after { display: inline-block; width: 3px; height: 5px; border: .125rem solid; border-bottom: 0; border-left: 0; border-radius: 1px; text-indent: -624.9375rem; border-color: #e3f2fd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: .25rem; right: 15px; top: 14px; } nav ul li.active a:not(:only-child):after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-color: #e3f2fd; } nav ul li.active ul li.mobileList a:not(:only-child):after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 9px; } nav ul li.active ul li.mobileList.active a:not(:only-child):after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } ul.secondLevelMobileView { border-top: 1px solid rgba(255,255,255,.3); padding: 0 0 0 5px; border-bottom: 1px solid rgba(255,255,255,.3); display: block; float: left; margin-top: 5px; } #knowledgecenter .nav-dropdown h3 a { display: block; padding-bottom: 5px; } #knowledgecenter .nav-dropdown ul { border: 0; padding-bottom: 0; } #knowledgecenter .nav-dropdown h3 { border-bottom: 0; } .customerCare .flexdiv article { width: 31%; } .topFootList ul { display: flex; width: 37%; margin-bottom: 10px; } .topFootList p { width: 20%; display: block; margin-right: 0; } .footerList ul { width: 100%; padding: 8px 0; } .footerList ul:last-child { padding-right: 0; width: 100%; } .footerList ul h4 { min-height: auto; } .footerList ul h4::after { content: ""; -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; width: 7px; height: 7px; border: .125rem solid; border-bottom: 0; border-left: 0; border-radius: 1px; text-indent: -624.9375rem; border-color: #e3f2fd; border-width: .25rem; right: 15px; border-color: #e3f2fd; top: 4px; position: absolute; } .footer-slider { display: none; } .footer-slider ul li:last-child::after { display: none; } .disclaimerList ul li { padding: 0 22px 10px 0; width: auto; font-size: 1.4rem; } .brand { padding-top: 6px; padding-left: 32px; display: flex; } a.primary_highlight_txt.mr10 { margin-left: 10px; display: block; } .brand a img { height: 40px; } ul.nav-list { left: -281px; top: 0; width: 280px; z-index: 99999; background: #0a3474; height: 100%; overflow-y: scroll; position: fixed; z-index: 1032; -webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out; display: block; z-index: 99999999; } ul.nav-list.open { left: 0; } a.navclose { right: 0; display: block; position: absolute; background-color: #3184a1; z-index: 99999; width: 30px; background: url(../img/sprite.png) -92px -118px no-repeat; height: 30px; font-size: 23px; font-family: robotobold_condensed; text-align: center; color: #fff; line-height: 30px; } .o-hidden { overflow: hidden; } nav ul li a:hover,nav ul li.active>a,nav ul li.dropdown_acitve>a { background: 0; color: #fff; } .nav-dropdown h3,.nav-dropdown h3 a { color: #fff; } .nav-dropdown h3::after { background: #fff; display: none; } .nav-dropdown h3 a::after { display: inline-block; width: 5px; height: 5px; border: .125rem solid; border-bottom: 0; border-left: 0; border-radius: 1px; text-indent: -624.9375rem; border-color: #e3f2fd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: .25rem; right: 15px; top: 6px; } .nav-dropdown h3.active a::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #knowledgecenter .nav-dropdown h3,#knowledgecenter .nav-dropdown h3 a { border-bottom: 0; color: #fff; color: rgba(255,255,255,.8)!important; font-size: 16px; font-weight: 100; margin: 0; padding: 2px 0; display: block; } .mobileslide { display: none; border-top: 1px solid rgba(255,255,255,.3); float: left; margin-top: 8px; } .mobileslide li { padding: 4px 0; } } #nav-toggle { position: absolute; left: 5px; top: 4px; cursor: pointer; padding: 6px 30px 16px 0; } #nav-toggle span,#nav-toggle span:after,#nav-toggle span:before { cursor: pointer; border-radius: 1px; height: 4px; width: 21px; background: #fff; position: absolute; display: block; content: ''; transition: all .3s ease-in-out; } #nav-toggle span:before { top: -7px; } #nav-toggle span:after { bottom: -7px; } #nav-toggle.active span { background-color: transparent; } #nav-toggle.active span:after,#nav-toggle.active span:before { top: 0; } #nav-toggle.active span:before { transform: rotate(45deg); } #nav-toggle.active span:after { transform: rotate(-45deg); } @media screen and (max-width:768px) { .sliderDiv .footerList h3 { font-size: 1.4rem; } .sliderDiv ul li a { padding-left: 0; word-break: break-word; } .nav-dropdown ul { width: 100%; padding-bottom: 0; } .conectUs span { padding-left: 12px; } .socialLinks ul { margin-top: 5px; } a.reffern-and-earn { display: block; } } .navigation { background: #0a3474; } .nav-container { max-width: 1270px; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; width: 98%; justify-content: space-between; position: relative; } footer ul.menu-w20 { width: 20%; } ul.menu-w50 { width: 50%; } @media only screen and (max-width:640px) { ul.menu-w20 { width: 100%; } ul.menu-w50 { width: 100%; } .newAcco h4 { font-size: 14px!important; } h4.viewMore { font-size: 14px!important; } .footer-slider.twoulpart ul:last-child { width: 100%; } .footerList ul { width: 100%; } .footerList ul:last-child { padding-right: 0; width: 100%; } .footerList ul h4 { min-height: auto; } .topFootList { display: block; } .topFootList ul { margin-bottom: 15px; width: 100%; } .topFootList p { width: 100%; } .topFootList { padding: 15px 0 22px 0; } .socialLinks ul li:first-child a { padding-left: 0; } .socialLinks ul { margin-top: 10px; } .conectUs span { padding-left: 0; } p { } a.current-offer-header-desktop.blinking { margin-top: 0px; display: block; } .brand a.reffern-and-earn { display: block; } } @media only screen and (max-width:568px) { .nav-dropdown .topLink { flex-wrap: wrap; } .nav-dropdown .topLink ul { width: 100%; margin-top: 7px; } .socialLinks ul li:first-child a { padding-left: 0; } .socialLinks ul li:first-child a { padding-left: 12px; } .socialLinks ul li { margin-bottom: 10px; } .conectUs span { padding-left: 12px; } .brand a img { height: 38px; padding-top: 0; } .footer-slider.twoulpart { justify-content: space-between; width: 100%; } .footer-slider.twoulpart ul { width: 100%; float: left; padding-bottom: 20px; } .footer-slider.twoulpart ul li:last-child::after { display: none; } } @media only screen and (max-width:414px) { .copySection article { width: 100%; padding-right: 0; padding-bottom: 15px; } .footerList ul h4 { font-size: 1.4rem; } .topFootList { display: block; } .topFootList ul { margin-bottom: 0; width: 100%; border-right: 0; } .topFootList ul li { border-bottom: 0px solid #fff; } .topFootList li a { color: #fff; padding: 7px 0px 0px 3px; display: block; padding-right: 5px; } .topFootList ul li::after { position: absolute; content: ""; width: 2px; height: 13px; border-right: 1px solid #fff; right: 0; top: 11px; } .topFootList ul li:last-child::after { display: none; } .topFootList p { width: 100%; } .topFootList ul li:last-child { padding: 0; } .customerCare .flexdiv article { width: 100%; padding: 0; box-sizing: border-box; list-style: none; text-decoration: none; outline: 0; -webkit-text-size-adjust: 100%; border: 0; -ms-text-size-adjust: 100%; } .topFootList ul li:last-child { border-bottom: 0 solid #fff; } .topFootList ul:nth-child(2) li:last-child { padding: 7px 0; border: 0; } .topFootList ul:nth-child(2) li:last-child a { margin: 0 0 0 6px; } .footerList ul li { font-size: 1.3rem; } } @media only screen and (max-width:411px) { .copySection article { width: 100%; padding-right: 0; padding-bottom: 15px; } .footerList ul h4 { font-size: 1.4rem; } .topFootList { display: block; } .topFootList ul { margin-bottom: 0; width: 100%; border-right: 0; } .topFootList ul li { border-bottom: 0px solid #fff; } .topFootList li a { color: #fff; padding: 0px 0px 0px 3px; display: block; padding-right: 5px; } .topFootList ul li::after { position: absolute; content: ""; width: 2px; height: 13px; border-right: 1px solid #fff; right: 0; top: 3px; } .topFootList ul li:last-child::after { display: none; } .topFootList p { width: 100%; } .topFootList ul li:last-child { padding: 0; } .customerCare .flexdiv article { width: 100%; padding: 0; box-sizing: border-box; list-style: none; text-decoration: none; outline: 0; -webkit-text-size-adjust: 100%; border: 0; -ms-text-size-adjust: 100%; } .topFootList ul li:last-child { border-bottom: 0 solid #fff; } .topFootList ul:nth-child(2) li:last-child { padding: 0; border: 0; } .topFootList ul:nth-child(2) li:last-child a { margin: 0 0 0 6px; } .footerList ul li { font-size: 1.3rem; } } .topFootList ul li:last-child { border-bottom: 0 solid #fff; } .topFootList ul:nth-child(2) li:last-child { border: 0; } .footerList ul li { font-size: 14px; } .current-offer-header-desktop.blinking { font-weight: 700; text-transform: uppercase; top: 0; font-size: 11px; background: #0fcbd4; animation: none; color: #ffff!important; padding: 3px 5px; border-radius: 5px; margin-left: 7px; } div#dematFaq { margin-top: 100px!important; } nav#mutualfundMenu ul li a:not(:only-child):after { border-color: #000 transparent transparent transparent; } nav#mutualfundMenu ul li { float: left; position: relative; margin-right: 2px; } #mutualfundMenu .bottomnavigation .nav-dropdown { top: 40px; left: 65%; position: absolute; z-index: 9; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); display: none; width: 690px; background: #fff; max-width: 700px; transform: translateX(-45%); } .text-center { text-align: center; } @media only screen and (max-width:640px) { iframe { width: 100%; height: auto; } } div#loader { text-align: center; margin: 0 auto; } .lead-form-common.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 21474830001!important; -webkit-overflow-scrolling: touch; outline: 0; margin: 0 auto; padding: 50px 0; opacity: 1; } .lead-form-common .modal-open { overflow: scroll; overflow-x: hidden; } .lead-form-common .modal.fade .modal-dialog { -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } .lead-form-common .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .lead-form-common .modal-content { width: 100%; padding: 0; } .lead-form-common .modal-demat-account { max-width: 700px; width: 100%; margin-top: 12%; } .lead-form-common .login_main_wrapper { padding: 15px!important; background: #fff; border-top: 5px solid #f37022; } .lead-form-common .new-reg-inputs { display: block; width: 100%; line-height: 1.42857143; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; padding: 10px; font-size: 14px; border-radius: 5px; position: relative; font-weight: 500; height: 30px; font-family: Roboto,sans-serif; } .lead-form-common .modal-thank-you-demat-account { max-width: 350px; width: 100%; margin: 12% auto; } .lead-form-common .p815 { padding: 6px 25px; margin-left: 0; font-size: 12px; } .lead-form-common .rac-text { color: #1e1c57; font-weight: 700; text-align: center; margin-bottom: 5px; text-transform: capitalize; font-family: Roboto,sans-serif; padding-bottom: 0; font-size: 14px; } .lead-form-common .main-list-items { font-size: 13px; color: #505050; font-weight: 500; margin-bottom: 10px; font-family: Roboto,sans-serif; padding-bottom: 0; } .form-group { width: 100%; display: inline-block; margin: 10px 0; } .lead-form-common label.gray_txt.fs12.txt_normal { color: #000; font-family: Roboto,sans-serif; } .lead-form-common .main-subtitle { color: #000; font-weight: 600; font-size: 13px; text-align: center; margin-bottom: 15px; text-transform: uppercase; font-family: Roboto,sans-serif; padding-bottom: 0; } .lead-form-common p.main-list-items strong { color: #4876bb; font-size: 16px; font-family: Roboto,sans-serif; } .lead-form-common .fleft { float: left; } .lead-form-common .modal-demat-account img { margin: 0 auto; } .lead-form-common button.btn.btn-blue.btn-block.new_reg_btn { margin-top: 10px; } button.close.mr5 { float: right; font-weight: 700; line-height: 1; font-size: 25px; padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; color: #333; text-decoration: none; text-shadow: none; opacity: .4; } .oda-btn { color: #fff; border-radius: 50px; border: 0; outline: 0; text-shadow: none; background: linear-gradient(to right,#ff5f00 50%,#f37022 50%); background-size: 200% 100%; background-position: right bottom; padding: 8px 15px; margin-left: 0; font-size: 12px; transition: all .5s ease; text-transform: uppercase; font-weight: 500; font-family: Roboto,sans-serif; margin: 15px 0 5px; } .oda-btn:active,.oda-btn:focus,.oda-btn:hover { outline: 0; background-position: left bottom; color: #fff; cursor: pointer; } span.error { color: red; font-family: Roboto,sans-serif; font-size: 13px; } .new_reg_mauto { margin: 30px auto 0 auto; text-align: center; width: 100%; max-width: 85px; display: block; } .modal-body.reg_contnent.overflow.p20 { padding: 20px; } p.text-center.fs14e.mt30.mb10.fw500 { margin: 30px 0 0 0; font-weight: 500; font-family: Roboto,sans-serif; text-align: center; } @media only screen and (max-width:640px) { .ifrm { padding-left: 0; } .ifrm iframe { padding: 5px; width: 100%; height: 100%; } } .lead-form-common .modal-sm { max-width: 320px; width: 100%; margin: 10% auto 0 auto; } @media (min-width:768px) { .lead-form-common .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); width: 100%; padding: 0; } .lead-form-common .modal-dialog { width: 600px; margin: 30px auto; } } .lead-form-common .modal-body { padding: 0; } .col-lg-12.col-md-12.col-sm-12.col-xs-12.plr0 { padding: 0; } .rac-text.new-form-main-title { color: #ffbe64; font-size: 50px; margin-top: 10px; line-height: 1; margin: 0; } .new-form-main-subtitle { font-family: 'Roboto',sans-serif; } .tnc-modal-popup-text { margin-bottom: 15px; } input#tnc { position: relative; top: 3px; right: 93px; display: inline-block; } .modal-backdrop.fade { opacity: 0.5; } button.close.mr5.ripple-effect { right: 7px; } .logo { position: absolute; left: 0; height: 36px; width: auto; top: 5px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; transform-origin: left top; background: #0a3474; } .formerly-new-text { color: #e3f2fd; font-size: 10px; position: relative; top: 35px; left: 30px; } .othwrapmob { display: none; } @media (max-width: 767px) { .brand a img.logo { width: auto; position: relative; float: left; height: 22px; left: -4px; top: 5px; } .othwrapmob { display: block; } .other-company-wrapper-mob { position: relative; text-transform: uppercase; font-weight: 600; font-size: 12px; color: #fff; text-align: center; margin-bottom: 5px; } a.newlogos { display: inline-block; background: #072551; height: auto; width: 50%; text-align: center; float: left; padding: 5px 0; border: 1px solid #0a3474; } } @media (max-width: 640px) { .formerly-new-text { top: 7px; left: 0; font-size: 9px; margin-bottom: 0; } .brand a img.current-offer-header-mob { position: relative; top: 10px; height: 25px; right: 0; margin-left: auto; float: right; } } .blinking_pf { animation: blinkingText 1.75s infinite; font-size: 7px; position: relative; top: 3px; background: #ff4500; color: #ffff; padding: 3px 5px; border-radius: 5px; } @keyframes blinkingText { 0% { color: #fff; } 50% { color: transparent; } 100% { color: #fff; } } .singaltoplist ul li { width: 180px; min-width: 180px; margin: 0 10px; padding: 0; display: inline-block; position: relative; float: none; vertical-align: middle; } a.reffern-and-earn { font-weight: 700; text-transform: uppercase; font-size: 11px; background: #f16e2d; animation: none; color: #fff !important; padding: 5px 10px; border-radius: 5px; height: 26px; top: 15px; float: right; right: 0; position: absolute; } .customerCare .flexdiv { justify-content: space-between; display: flex; align-items: flex-start; } .botstickyform p#otp_res_msg { font-size: 14px; } .newAcco { padding: 10px 0; width: 100%; display: block; } .newAcco h4 { font-size: 15px!important; font-weight: 400; color: #6cc9ec!important; position: relative; width: auto; display: block; cursor: pointer; padding-right: 19px; width: auto; color: #a5b6c0; text-transform: capitalize; text-align: left; clear: both; display: inline-block; } .sliderDiv { width: 100%; } .newAcco h4:after { display: inline-block; width: 7px; height: 7px; border-color: #f16e2d; content: ""; border: 3px solid; border-bottom: 0; border-left: 0; border-radius: 1px; top: -1px; text-indent: -624.9375rem; transform: rotate(135deg); position: relative; color: #a5b6c0; right: -6px; } .sliderDiv .footerList ul { width: 20%; } .sliderDiv .footerList { justify-content: space-between; margin-top: 11px; } .sliderDiv .footerList ul h5 a { color: #6cc9ec; text-transform: uppercase; font-size: 15px; font-weight: 400; padding-bottom: 5px; position: relative; text-align: left; display: block; } .sliderDiv .footerList { justify-content: space-between; margin-top: 11px; display: flex; } .sliderDiv ul li a { font-size: 15px; margin-bottom: 3px; display: block; word-break: break-word; } .footer-list-section-companies {display: flex;padding: 30px 0;border-top: 1px solid #293d4e;width: 100%;border-bottom: 1px solid #293d4e;}.footer-list-section-companies ul li a:hover {background: #0479ce54;color: #fff;}.footer-list-section-companies ul li {border-right: 1px solid #ccc;height: 22px;display: inline-block;padding-left: 4px;padding-right: 4px;}.footer-list-section-companies ul {display: flex;flex-wrap: wrap;margin-top: 0px;}.footer-list-section-companies span {margin-right: 15px;text-transform: uppercase;font-size: 15px;color: #6cc9ec!important;line-height: 25px;}.footer-list-section-companies ul li a {color: #a5b6c0;font-size: 15px;padding: 0 6px;}.footer-list-section-companies ul li:last-child {border: none;}@media only screen and (max-width:768px) {.footer-list-section-companies ul li::after{display: none;}.footer-list-section-companies ul li {border-right: 1px solid #ccc;margin-bottom: 10px;line-height: 24px;height: 22px;}}@media only screen and (max-width:640px) {.footer-list-section-companies {display: block;}ul.list-inline {margin-top: 12px;}.footer-list-section-companies ul li a {display: block;margin-bottom: 9px;}}.customerCare h3 { font-size: 1.5em!important; margin-bottom: 0px; font-weight: 400; color: #00aeef; } i.fa.fa-whatsapp { font-size: 23px; } .customerCare i.fa.fa-whatsapp { margin-top: 20px; } .customerCare .flexdiv p { font-size: 0.955em; } .customerCare .flexdiv article:nth-child(2) { /*margin-top: -43px;*/ } .customerCare .flexdiv article:nth-child(2) p.fs16e.white_txt.posmarrel { font-size: 20px; } .customerCare .flexdiv article.socic { /*margin-top: -43px;*/ } .topFootList ul:nth-child(2) li:last-child a { background: none; width: auto; } .customerCare .flexdiv article:nth-child(2) p.goldncd { padding-top: 6px; /* text-align: center; */ padding-left: 42px; } .customerCare h4 a label { font-weight: 400; line-height: 22px; font-size: 20px; margin-top: 16px; float: left; margin-right: 6px; } p.m0.fs24e2 { color: #6cc9ec; text-decoration: none; font-size: 16px!important; text-transform: uppercase; padding-bottom: 13px; display: block; } i.fab.fa-whatsapp { font-size: 23px; } .customerCare i.fab.fa-whatsapp { margin-top: 15px; color: #66cc33; } .sliderDiv{display: none;} .footerList ul h4 { pointer-events: none; } @media only screen and (max-width: 767px) { .footerList ul h4 { pointer-events: all; } .customerCare .flexdiv article { width: 100%; } .customerCare h3 { font-size: 15px!important; margin-bottom: 0px; font-weight: 400; padding-bottom: 5px; color: #00aeef; } .socialLinks { flex-wrap: wrap; } .customerCare .flexdiv { flex-wrap: wrap; } .customerCare h4 a label { font-size: 19px; } .customerCare h4 { padding-left: 30px; } .customerCare .flexdiv article:nth-child(2) p.goldncd { padding-left: 0; } .footerList ul h4 { min-height: auto; font-weight: 400; font-size: 16px; padding-bottom: 5px; } .sliderDiv .footerList ul { width: 100%; } section.attention { padding: 15px 0; background: #efefef; padding-bottom: 19px; } }