*, ::after, ::before { box-sizing: border-box; margin: 0; padding: 0; } * { outline: none; -moz-user-focus: none; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } body { font-family: 'Noto Sans', sans-serif !important; line-height: 1.42 !important; font-size: 0.875rem; color: #052f5f !important; letter-spacing: 0 !important; background: #fff !important; /* `hidden` on one axis forces the other to compute to `auto`, which makes a scroll container the moment stops being `overflow: visible` (Lenis's .lenis-stopped lock does exactly that while the /elite splash holds the page). Every `position: sticky` in the document then binds to body's scrollport, which never scrolls, so nothing sticks — and WebKit does not re-bind them when the lock lifts. `clip` clips identically but is never a scroll container, so overflow-y stays genuinely `visible`. `hidden` is kept first as the pre-Safari-16 fallback. */ overflow-x: hidden; overflow-x: clip; } html{ scroll-behavior: smooth; } ::placeholder { font-size: 14px; font-family: 'Noto Sans', sans-serif; color: #ccc; } a { text-decoration: none; color: #052f5f; } .primary { background: #03a87c !important; } .overflow-hidden { overflow: hidden; } .errorMsg { font-size: 0.75rem; color: red; } ::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } .m0 { margin: 0 !important; } .mt0 { margin-top: 0; } .mt8 { margin-top: 8px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px !important; } .mt50 { margin-top: 50px !important; } .mb0 { margin-bottom: 0 !important; } .mb10 { margin-bottom: 10px; } .mb16 { margin-bottom: 16px !important; } .mb20 { margin-bottom: 20px; } .mb50 { margin-bottom: 50px !important; } .mlr20 { margin: 0 20px !important; } .ml20 { margin-left: 20px !important; } .pl5 { padding-left: 5px; } .pb4 { padding-bottom: 4px; } .pb16 { padding-bottom: 16px !important; } .pr10 { padding-right: 10px !important; } .ml-m-16 { margin-left: -16px; } .mr-m-16 { margin-right: -16px; } .mr-3 { margin-right: 1rem; } .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .plr-0 { padding-left: 0 !important; padding-right: 0 !important; } .enable { opacity: 1; } .disable { opacity: 0.5; } .w1 { width: 10%; } .w2 { width: 20%; } .w3 { width: 30%; } .w4 { width: 40%; } .w5 { width: 50%; } .w6 { width: 60%; } .w7 { width: 70%; } .w8 { width: 80%; } .w9 { width: 90%; } .w10 { width: 100%; } .wAuto { width: auto; } .clear { clear: both; } .min-height-350 { min-height: 350px; } h1 { font-size: 1rem; font-weight: 700; color: #052f5f; margin: 10px 0 16px 0; } h2 { font-size: 1rem; font-weight: 700; color: #052f5f; margin: 10px 0 5px 0; } h4.h24 { font-size: 1rem; font-weight: 700; color: #052f5f; margin: 10px 0 5px 0; } h3 { font-size: 0.875rem; } .transbg { background: transparent !important; } .bl { border-left: 1px solid rgba(5, 47, 95, 0.18); } .br { border-right: 1px solid rgba(5, 47, 95, 0.18); } .bb { border-bottom: 1px solid rgba(5, 47, 95, 0.18); } .bt { border-top: 1px solid rgba(5, 47, 95, 0.18); } .bdr-top { border-top: 1.5px solid #eee; padding-top: 24px; margin-top: 24px; } .bdr-btm { border-bottom: 1.5px solid #eee; padding-bottom: 24px; margin-bottom: 24px; } .bdr-lr { border-right: 1px solid #fff; border-left: 1px solid #fff; } .bdrBottom { border-bottom: 1.5px solid #eee !important; } .bdr-left { border-left: 1px solid #eee; } .bdr-right { border-right: 1px solid #eee; } .bdr-btm-0 { border-bottom: 0 !important; } .bbl0:last-child { border-bottom: 0 !important; } .btl0:last-child { border-top: 0 !important; } .brl0:last-child { border-right: 0 !important; } .bll0:last-child { border-left: 0 !important; } .bb5 { border-bottom: 5px solid #eee !important; } .bb8 { border-bottom: 8px solid #eee; } .sm-f { font-size: 12px; } img { max-width: 100%; } .btn, .topHolding ul li.listHead, .fundHouse ul li .detail, .signIn .btn, .question .userDetails .mobHide a, .strong { font-weight: 700; } .btn-border, .btn-back { color: #03a87c; font-size: 1rem !important; border: 2px solid #03a87c; border-radius: 3px; background: none; padding: 7px 70px; cursor: pointer; transition: 1s; } .btn-border:hover { color: #fff; background: #03a87c; } .btn-primary, .btn-blue { font-size: 1rem; background: #03a87c; padding: 10px 15px; border-radius: 3px; border: none; color: #fff; margin-bottom: 10px; cursor: pointer; } .btn-blue { background: #052f5f; } .btn-back { padding: 10px 15px !important; } .btn-disabled { font-size: 1rem; background: #fff; padding: 10px 15px !important; border-radius: 3px; border: none; color: #fff; } .btn-disabled { color: rgb(115, 117, 117); font-size: 1rem !important; border: 2px solid rgb(139, 139, 139); border-radius: 3px; background: none; padding: 7px 70px; } .text-right, .textRight { text-align: right; } .textCenter, .text-center { text-align: center; } .list-inline li { display: inline !important; } .list-unstyle, .signInstepper ul, .list-none li, .listDetail ul { list-style: none; } .pullRight { float: right !important; } .pullLeft { float: left !important; } textarea.inputControl { min-height: 56px !important; } .main-wrapper { padding-top: 114px !important; } .secondaryNav-hide + .main-wrapper { padding-top: 67px !important; } .listIcons a { color: #03a87c; font-size: 0.8125rem; font-weight: 700; } .text-red { color: #d20209; } .text-green { color: #03a87c; } .text-blue-light { color: #0c748c; } .text-bold { font-weight: 700; } .deskHide, .navSec .dropDown .dropdownMenu .exp-cap-tags { display: none; } .gpsIcon { width: 15px; } .btnReply { text-align: left; margin: inherit !important; margin: 5px 0 10px 0 !important; padding: 5px 20px; } .groupBtn { display: block; position: relative; vertical-align: middle; clear: both; } .groupBtn .btn { width: auto !important; } .groupBtn .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .groupBtn .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .upload { width: 10px; vertical-align: middle; margin-right: 5px; } .closeList, .pointer { cursor: pointer; } .content h2, .content h3, .content h4, .content p, .content ul, p { margin-bottom: 10px !important; } .content ul, .content ol { padding-left: 1.5rem; } .userImg { width: 40px; height: auto; } .downCertificate img { width: 20px; margin-right: 5px; } .downCertificate { margin-top: 5px; display: block; } .divider { padding: 0 6px; } .fl-e-w { flex-grow: 1; flex-basis: 0; } .d-in-block { display: inline-block; } /*.aside{position:sticky;}*/ .container + .container { margin-top: 10px; } .container { max-width: 1140px; width: 100%; padding-right: 15px; padding-left: 15px; margin: auto !important; } .row { display: flex; margin-right: -15px; margin-left: -15px; flex-wrap: wrap; /* width: 90vw !important; */ /* border: 1px solid red; */ } .col-md-12 { flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; } .col-md-2 { flex: 0 0 20%; max-width: 20%; padding-left: 15px; padding-right: 15px; } .col-md-3 { flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; } .col-md-6 { flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 15px; padding-right: 15px; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; padding-left: 15px; padding-right: 15px; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; padding-left: 15px; padding-right: 15px; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; padding-left: 15px; padding-right: 15px; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; padding-left: 15px; padding-right: 15px; } .ellipsis-text { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .d-flex { display: flex; } .d-left { justify-content: left; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .justify-content-end { justify-content: flex-end; } .align-items-center { align-items: center; } .align-items-end { align-items: end; } .align-items-start { align-items: flex-start; } .align-items-flex-end { align-items: flex-end; } .flex-column { flex-direction: column; } .font-w { font-weight: 700; } .font-w.pointer { color: #0c748c; } .f-name { font-size: 2.5rem; margin-bottom: 1.5rem; } .icon { background-color: #fff; height: 40px; width: 40px; margin-right: 10px; border-radius: 50%; } .copy { text-align: right; } .arrowImg { width: 10px; margin-left: 8px; vertical-align: middle; fill: red; } .rightSec { float: right; width: 50%; } .popUp .btn, .sinInBox .btn-primary, .slider .thumb, .mob-fund-list-crou ul { width: 100%; } .commentsSec .listDetail > ul > li, .question .commentsSec .commentBox, .questionDetails, .topHolding, .returnCal, .graphBox, .videoSection, .review-sec .review-list li, .article-wrapper .article.article-details .listList, .HomeCard.Question .listList, .expertListing .listList { border-bottom: 1.5px solid #eee; padding-bottom: 24px; margin-bottom: 24px; } .readMore { color: #0c748c; font-weight: 700; } .close { position: absolute; right: 16px; top: 16px; width: 15px; cursor: pointer; z-index: 999; } .menuTop .userProfile, .position-relative, .menuTop, .profileSec .profileImg, .react-autosuggest__container, .signIn-mob .title, .listCustom li, .searchBox, .navSec .dropDown { position: relative; } .header { box-shadow: 0px 3px 6px #00000029; min-height: 56px; width: 100%; } .headBorder, .article h2.headBorder { position: relative; margin: 6% 0 20px 0 !important; } .headBorder:after { content: ''; height: 3px; width: 40px; background: #03a87c; position: absolute; bottom: -3px; left: 0; } .userImg.w-100 img { width: 100px; } .full-container { flex: 0 0 100%; max-width: 100%; } .flexi-header { position: fixed; width: 100%; background: #fff; z-index: 1003; } .authCross { position: absolute; top: 66px; right: 14px; } .authCross img { width: 20px; } .Overlay { z-index: 999; } .arn-form-style { display: flex; flex-direction: column; align-items: center; } .errorPage { display: flex; align-items: center; justify-content: center; } .evTitle { font-size: 13px !important; color: #052f5f !important; font-weight: 700; } .zfunds-chatIcon { width: 120px; position: fixed; right: 5px; bottom: 50px; z-index: 999; } .small-img { width: 50%; } .whatsApp-icon { width: 18px !important; margin-right: 8px; } .commentsSec .questionDetails li .iconsAction { margin-top: 16px; margin-bottom: 8px; } .show { display: block; } .hide { display: none; } .address img { width: 11px; vertical-align: middle; } .relative { position: relative; } .likeLoader { position: relative; } .likeLoading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.59); } .menuTop ul { padding-top: 15px; } .menuTop li { color: #03a87c; list-style: none; display: inline-block; } .menuTop li > a { padding: 20px 18px; font-size: 1rem; color: #052f5f; text-decoration: none; } .menuTop li:last-child a { font-weight: 700; color: #03a87c; } .menuTop li:last-child a img { width: 16px; vertical-align: middle; margin-right: 5px; } .menuTop .langSec { border-left: 1px solid #eee; border-right: 1px solid #eee; position: relative; } .dropdownMenu { position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 0.875rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .menuTop .userProfile .userImg { width: 25px; border-radius: 100%; vertical-align: middle; } .menuTop .userProfile .arrowImg { margin-left: 0; width: 10px; } .menuTop .langSec ul li a, .menuTop .userProfile.dropDown .dropdownMenu li a { display: block; font-size: 0.875rem; font-weight: 400; color: #052f5f; padding: 5px 16px; } .menuTop .langSec ul li a:hover, .menuTop .userProfile.dropDown:hover .dropdownMenu li a:hover { display: block; font-size: 0.875rem; font-weight: 400; background: #f0f3f6; } .menuTop .langSec .radio { float: right; width: 14px; vertical-align: middle; padding-top: 3px; } .langSec:hover .dropdownMenu, .menuTop .langSec ul li, .menuTop .userProfile.dropDown .dropdownMenu li, .menuTop .userProfile.dropDown:hover .dropdownMenu { display: block !important; } .menuTop .langSec .dropdownMenu, .menuTop .userProfile .dropdownMenu { padding-top: 0; min-width: 120px; top: 40px; } .menuTop .langSec li:last-child a img { margin-right: 0; } .logoSection { float: left; width: 50%; } .logoSection img { vertical-align: middle; width: 100px; margin-right: 10px; } .inputControl, .profileSec .uploadForm input[type='file'] { display: inline-block; width: 100%; padding: 6px 12px; font-size: 0.875rem; line-height: 1.42857143; color: #052f5f; background-color: #fff; background-image: none; border: 1px solid rgba(5, 47, 95, 0.5); border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; font-family: 'Noto Sans', sans-serif; } ul.breadcrumb { margin: 5% 0 32px 0; list-style: none; text-transform: capitalize; padding-left: 16px; } ul.breadcrumb li { display: inline; color: #044a74; font-weight: 400; } ul.breadcrumb li + li:before { padding: 8px; color: black; content: ' '; background: url('/static/next-arrow.svg') 2px 1px no-repeat; vertical-align: middle; padding-top: 0; padding-bottom: 0; background-size: 16px; } ul.breadcrumb li a { color: #0c748c; text-decoration: none; font-weight: 700; font-size: 0.9375rem; } ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; } .searchBox .inputControl { width: 77%; border: none; margin-top: 10px; padding-right: 30px; box-shadow: none; background: #f0f3f6; } .searchBox img { position: absolute; width: 20px; right: 0; top: 0; cursor: pointer; } .searchBox form, .searchBox .react-autosuggest__container { display: inline; position: relative; } .searchBoxFilter { position: relative; margin-bottom: 10px; } .searchBoxFilter img { position: absolute; top: 5px; right: 10px; width: 20px; cursor: pointer; } .searchBoxFilter input { border: none; border-bottom: 1.5px solid #eee; border-radius: 0; height: 28px; padding: 0; font-size: 0.875rem; color: #052f5f; width: 100%; } .navSec { width: 80% !important; text-align: center; margin: 0 auto !important; } .navSec ul { margin: auto; display: block; } .navSec ul li, .tabMenu li { display: inline-block; font-size: 1rem; font-weight: 700; position: relative; } .navSec li.active::after { content: ''; border-bottom: 3px solid #0c748c; position: absolute; bottom: -5px; left: 0; width: 100%; } .navSec ul li a { padding: 10px; color: #0c748c !important; white-space: nowrap; } .navSec li a, .tabMenu li a { color: #03a87c; text-decoration: none; } .navSec .dropDown .dropdownMenu, .signIn .rightSign .search-icon { display: none; } .navSec .dropDown .dropdownMenu li { display: block; padding: 0; } .navSec .dropDown .dropdownMenu li a { font-weight: 400; padding: 5px 16px; display: block; } .navSec .dropDown .dropdownMenu li a:hover { background: #f0f3f6; display: block; } .navSec .dropDown:hover .dropdownMenu { display: block; } .navSec ul { height: auto !important; } .navSec-wrap { display: flex; justify-content: space-between; max-width: 1140px !important; padding: 0 20px !important; } .navSec-wrap .expertLink { width: 20% !important; white-space: nowrap; font-size: 1rem; width: 13%; text-align: right; padding: 8px 0; font-weight: 700; color: #0c748c; } .navSec-wrap .expertLink img { vertical-align: middle; margin-right: 5px; } .tabMenu li a { color: rgba(5, 47, 95, 0.6) !important; text-transform: uppercase; letter-spacing: 0.48px; } .tabMenu li a:hover, .tabMenu li.active a { color: #052f5f !important; } .tabMenu li.active:after, .tabMenu li:hover:after { content: ''; width: 100%; height: 2px; background: #052f5f; display: block; position: absolute; bottom: -2px; left: 0; } .tabMenu { border-bottom: 2px solid #eee; border-top: 1px solid #eee; } .popUp.modal-open .modal { overflow-x: hidden; overflow-y: auto; display: block; } .popUp .modal { position: absolute; top: 35%; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; } .popUp.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin: auto; } .popUp.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 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; } .popUp .modal-lg { width: 700px; margin: auto; } .popUp .modal-full { width: 100%; margin: auto; } .popUp .modal-content { min-height: 405px; position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .rightSign .title p, .leftSec .title p { color: #052f5f; font-size: 1rem; font-weight: 700; text-align: center; margin: 20px 0 10px 0; text-transform: uppercase; } .leftSec .title p { color: #03a87c; text-align: left; text-transform: inherit; } .signIn, .capabilities .listCustom li a { color: #052f5f; } .signIn input { width: 100%; } .signIn .leftSec { position: relative; background: rgba(3, 168, 124, 0.2); text-align: left; height: 405px; padding: 73px 14px 0 14px; } .signIn .leftSec h2 { color: #03a87c; margin: 0 0 16px 0; text-align: center; text-transform: capitalize; border-bottom: 1px solid rgba(3, 168, 124, 0.5); padding-bottom: 16px; } .signIn .leftSec h4.h24 { color: #03a87c; margin: 0 0 16px 0; text-align: center; text-transform: capitalize; border-bottom: 1px solid rgba(3, 168, 124, 0.5); padding-bottom: 16px; } .signIn .form-group { margin-bottom: 10px; } .signIn .drtailBox { padding: 0 8px; } .signIn .form-wrap { min-height: 180px; } .signIn .leftSec ul { padding-left: 0 !important; } .signIn .leftSec ul li { padding-bottom: 10px; } .signIn .leftSec img { width: 100px; margin: 0 auto; display: block; position: absolute; left: 0; right: 0; } .signIn .leftSec ul { padding-left: 1.5em; } .signIn a { color: #03a87c; } .signIn .form-group label { margin-bottom: 5px; display: block; font-weight: 700; font-size: 1rem; } .signIn .row { margin: 0 -10px; } .signIn .col-md-5, .signIn .col-md-7 { padding: 0 10px; } .signInForm { background: #fff; padding: 50px; } .signInForm a { color: #0c748c; font-weight: 700; } .signInForm .btn { margin: 0 auto; width: 100%; margin-bottom: 10px; font-size: 1rem; } .rightSign { position: relative; top: 83px; text-align: left; padding: 0 50px 0 30px; /* width: 23rem !important; */ } .rightSign .pointer { color: #0c748c; } .rightSign p, .signIn .btn, .rightSign p span { font-size: 1rem; } .rightSign p, .userLeft .drtailBox p { font-size: 0.875rem; } .otpHead .quesTitle { text-align: center; border-bottom: none !important; margin-top: 50px; } .signIn-mob #loginOtpVerify { height: calc(60vh - 120px) !important; margin-top: 25px; } .sinInBox .signIn, .verifiedImg { min-height: 300px; } .verifiedImg img { display: block; margin: 0 auto; width: 60px; } .otp-wrap > div { font-size: 0.825rem; color: #03a87c; } .otpBox { margin: auto; display: block; text-align: center; margin-bottom: 20px; } .otpBox input { display: inline; width: 20px; text-align: center; border: none; border-bottom: 2px solid #052f5f; box-shadow: none; border-radius: 0; margin: 0 5px; padding: 0; height: auto; } .otpBox { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .expertCard .listCustom { list-style: none; padding-left: 1rem; } .expertCard .listCustom li { padding-left: 0; float: left; margin: 0 25px 0 0; } .listCustom { padding-left: 8px; } .expertCard .listCustom { margin-top: 25px; width: 100%; float: left; clear: both; } .expertCard .listCustom li { margin-right: 42px; padding-left: 8px; } .expertCard .listCustom li:last-child { margin-right: 0; } .expertCard .listCustom li:before { content: ''; background: url('/static/check-list.svg') no-repeat; position: absolute; top: 3px; left: -16px; width: 13px; height: 13px; } .banner { border-bottom: 1px solid #ccc; } .mt0 .bannerImg { margin-top: 0; } .banner .bannerImg { width: 100%; } .bTitle, .article h1, .article h2 { color: #052f5f; font-size: 1rem; margin: 5px 0 !important; } .bTitle .title { font-weight: 700; font-size: 1rem !important; } .bTitle a { color: inherit; } .listDetail { padding: 5px 0 !important; display: block; overflow: hidden; } .capitalize { text-transform: capitalize; } .listDetail .userImg, .HomeCardContent .listDetail .profileImage { width: 56px; height: 56px; line-height: 48px; overflow: hidden; border-radius: 100%; float: left; clear: both; font-size: 22px; margin-right: 16px; background: #8dd8c4; } .listDetail .userDetails { margin-right: 10px; } .listDetail .userDetails .username { text-transform: lowercase; } .listDetail .userDetails .username { color: #052f5f; font-size: 0.875rem; font-weight: 700; text-transform: capitalize; } .expertListing .listDetail .userDetails .username, .expertsVideo.expertDetails .expertCard .userDetails .username { font-size: 1.125rem; } .slider .bTitle { margin: 5px 0; font-size: 0.875rem; } .slider .listDetail { padding: 0; } .sliderbox { overflow: hidden; } .slider .row { margin: 0 -10px; } .slider .col-md-4 { padding: 0 10px; } .slider.bdrBottom { padding-bottom: 20px; margin-bottom: 20px; } .slider.bdrBottom:last-child, .article a:last-child .article.article-details .listList { border: none; padding-bottom: 0; } .sliderbox .col-md-4 a, .slider .thumb { display: block; } .slider .row { margin: 0 -10px; margin-right: auto; } .comment-wrap { position: relative; } .comment-wrap .loader { position: absolute !important; background: rgba(255, 255, 255, 0.9); } .commentsSec .commentBox .commentGroup { width: 100%; display: flex; flex-direction: row; margin-bottom: 24px; } .commentsSec .commentBox .submit { margin-left: 10px; cursor: pointer; width: 34px; } .commentsSec .commentBox + .commentListAll { margin-top: 32px; } .comments-wrap { padding-left: 56px !important; } .question .iconsAction + h2 { margin-top: 20px !important; } .commentsSec .listDetail ul li p:last-child, .commentsSec .commentBox + .commentListAll p:last-child { margin-bottom: 0; } .commentsSec .listDetail > ul > li ol, .commentsSec .listDetail > ul > li ul { padding-left: 1.5em; } .commentsSec .listDetail > ul > li ul.iconsAction { padding-left: 86px; } .commentsSec .listDetail > ul > li:last-child, .moreSec .listList:last-child, .commentsSec .listDetail:last-child .questionDetails, .HomeCard.Question .article-details.article:last-child .listList, .HomeCard.Article .HomeCardContent a:last-child .article-details .listList { border: none !important; margin-bottom: 0; padding-bottom: 0; } .commentBox.submit-answer { margin-bottom: 44px; } .commentListAll, .questionDetails ul.iconsAction { padding-left: 0 !important; } .commentListAll li:last-child { border-bottom: 0 !important; margin-bottom: 0; } .commentBox.submit-answer .btn { margin-top: 10px; } .listDetail .commentView { padding-left: 4em; } .ans-wrapper { margin-top: 27px; } .ans-wrapper a { color: #03a87c; } .article h2:first-child { margin-top: 0 !important; } .article .listDetail { border-bottom: none; } .article .bannerImg { width: 100%; } .article .btn-border { margin: auto; display: block; margin-top: 20px; font-weight: 700; font-size: 0.875rem; } .article-details .listDetail li p { clear: both; margin-top: 10px; } .article-details .listDetail .listIcons { margin: 20px 0; } .article-details .listIcons img, .questionCardIcon li img { width: 16px; vertical-align: middle; } .article-details .listIcons li, .questionCardIcon li { padding: 0 10px; } .article-details .listDetail .details.list-inline { display: inline; } .article .btn + .btn { margin-top: 10px !important; } .article .listList, .moreSec .article.article-details .listList, .activityWrapper, .question .article .listList { border-bottom: 1.5px solid #eee !important; padding: 0 0 24px 0 !important; margin-bottom: 24px; } .recentActivity { border-top: 1.5px solid #eee !important; padding: 0; margin-top: 13px; } .fund-details .activityWrapper .recentActivity { padding-top: 20px; } .fund-details .activityWrapper .btn { display: block; margin: 0 auto 10px; } .fund-details .recentActivity .expertVideoBox { border-bottom: 1px solid #ccc; padding-bottom: 20px; } .fund-details .article .listList:last-child { border-bottom: 0 !important; } .recentActivity .questionsActivity { border: 1px solid #ccc; padding: 10px; margin-right: 10px; border-radius: 7px; height: 232px; } .article-content { margin-top: 24px; } .article-content p, .article-content ol, .article-content ul, .article-content img, .article-content table, .article-content span, .ans-wrapper p, .ans-wrapper ol, .ans-wrapper ul, .ans-wrapper table, .rt-template p, .rt-template ol, .rt-template ul, .rt-template table, .rt-template img { margin-top: 0; margin-bottom: 24px !important; font-size: 1rem; line-height: 1.5; } .article-content h2, .article-content h3, .article-content h4 { margin-bottom: 24px !important; } .article-content h2 { font-size: 1.125rem !important; } .article-content h3, .article-content h4 { font-size: 1.0625rem !important; } .article-content ol li, .article-content ul li { margin-bottom: 10px; } .article-wrapper .article.article-details .listDetail { padding: 0 !important; } .article-wrapper .bannerSec, .Article .bannerSec { margin: 16px 0; } .article-wrapper .expCard.share-wrap .iconsAction, .video-details .expCard.share-wrap .iconsAction { margin-top: 16px; } .article-wrapper .article.article-details .username, .Article .username { font-size: 0.875rem !important; } .article-wrapper .article.article-details .article-box p, .article-wrapper .article.article-details .article-box ol, .article-wrapper .article.article-details .article-box ul, .Article .article-box p, .Article .article-box ol, .Article .article-box ul { margin-bottom: 24px !important; font-size: 1rem; } .article-wrapper .article.article-details .article-box p:last-child, .article-wrapper .article.article-details .article-box ul:last-child, .article-wrapper .article.article-details .article-box ol:last-child, .Article p:last-child, .Article ol:last-child, .Article ul:last-child, #trending .expertVideoBox.listList:last-child { margin-bottom: 0 !important; } .iconsAction { display: flex; align-items: center; } .iconsAction li { padding: 0 10px; } .iconsAction li:first-child { padding-left: 0; } .iconsAction li:last-child { padding-right: 0; } .iconsAction li img { width: auto; margin: 0 auto; vertical-align: middle; height: 22px; } .iconsAction li span, .article-details .listDetail .details, .listDetail .details { display: block; } .iconsAction li a { display: block; text-align: center; color: #052f5f; } .iconsAction.bdr-btm li { margin-bottom: 0 !important; } .chatbtn-sm { color: #03a87c; font-size: 1rem !important; border: 2px solid #03a87c; border-radius: 4px; background: none; height: 32px; width: 123px; font-weight: 700; position: absolute; top: 14px; right: 0; } .chatbtn-sm img { width: 18px; margin-right: 5px; } .expertListing .chatbtn-sm { top: 5px; } .chatBox { margin-bottom: 20px; } .experOnline { border: 2px solid #03a87c; border-radius: 5px; padding: 20px; margin-bottom: 20px; } .exptDetails { margin-top: 10px; } .exptDetails .exptImg img { width: 30px; border-radius: 100%; vertical-align: middle; } .exptDetails .exptImg + .exptImg { margin-left: -12px; } .exptDetails .text-right { float: right; } .exptDetails .activeImg { width: 8px; height: 8px; border-radius: 100%; background: #25c100; display: inline-block; vertical-align: middle; } .experOnline { border: 2px solid #03a87c; border-radius: 5px; padding: 20px; margin-bottom: 20px; } .exptDetails .activeImg { width: 8px; height: 8px; border-radius: 100%; background: #25c100; display: inline-block; vertical-align: middle; } .experOnline .btn-primary { display: none; } .experOnline .text-right { font-size: 0.6875rem; } .topAddList .addList { background: #f0f3f6; padding: 4px 8px; border-radius: 16px; font-size: 0.75rem; margin-right: 16px; margin-bottom: 5px; display: inline-block; } .topAddList .MuiChip-root { background: #f0f3f6; } .productDetail { margin-bottom: 10px; } .expertsVideo .expertCard { display: flex; justify-content: space-between; } .expertDetails .expertBtn .chatbtn-sm { position: inherit; float: left; } .expertDetails .expertBtn .btn-wrapper { display: flex; } .expertDetails .expertBtn .btn-wrapper .btn { margin-top: 0; } .expertDetails .expertBtn .shareBtn { font-size: 0.75rem; color: #03a87c; margin-left: 10px; } .expertDetails .shareBtn img { width: 15px; display: block; margin: 0 auto; } .expertVideoBox { overflow: hidden; margin: 0 0 20px 0; } .expertVideoBox .thumb { max-width: 200px; margin-right: 20px; } .expertCard .userDetails .username, .question .listIcons a { color: #052f5f; } .answers { color: #0c748c; } .expertListing .userDetails .detail { margin: 5px 0; } .question .listIcons li:last-child a { font-weight: 400; } .expertCard .userDetails .detail img { cursor: pointer; } .expertCard .userDetails .detail, .expertCard .exp-cap-tags { margin: 8px 0; } .expertCard .rating img { width: 10px; float: none !important; } .expertCard .btn-primary img, .expertCard .btn-border img { vertical-align: middle; width: 20px; margin-right: 8px; } .expertCard .expertBtn .btn, .expertBtn .btn { margin-bottom: 0; width: 100%; } .expertBtn .btn img { width: 18px; vertical-align: middle; } .expertCard .funds-list { padding-left: 1.5rem !important; display: grid; grid-template-columns: 1fr 1fr; } .expertListing .expertListingDevice { overflow-x: inherit !important; } .expertCard .userDetails .username img { margin-left: 5px; } .expertListing .addressBar .location-device li:nth-child(2) { border-left: 1px solid #ccc; padding-top: 4px; } .expertListing .addressBar .location-device li { display: inline-block !important; } .expertListing .addressBar .location-device li img { margin: 0 8px; vertical-align: middle; cursor: pointer; } .expertListing .addressBar .searchFilter .react-autosuggest__suggestions-container--open { top: 29px; } .expertListing .filterFixed { margin-bottom: 28px; } .expertListing .mapText img { margin-right: 5px; vertical-align: middle; width: 14px; } .expertListing .topAddList { margin-bottom: 32px; } .expertListing .addressBar ul li .inputControl { border: none; box-shadow: none; padding: 0; } .expertListing .addressBar { display: flex; justify-content: space-between; } .expertListing .searchFilter { position: relative; width: 50%; padding-left: 20px; border-left: 2px solid rgba(4, 47, 95, 0.32); } .expertListing .location-device { display: flex; justify-content: space-between; width: 50%; border-bottom: 1.5px solid #eee; margin-right: 20px; } .expertListing .location-device input { height: 26px; color: #052f5f; } .expertListing .searchFilter img { position: absolute; top: 5px; right: 10px; width: 20px; cursor: pointer; } .expertListing .searchFilter input { border: none; border-bottom: 1.5px solid #eee; border-radius: 0; height: 28px; padding: 0; font-size: 0.875rem; color: #052f5f; padding-right: 40px; } .expertBtn > .btn-wrapper > .btn { width: 100%; padding: 7px 25px !important; text-align: left; } .expertBtn .whatsApp-icon { width: auto !important; margin-right: 5px; } .expertListingDevice .address img { vertical-align: middle; } .expertListingDevice .row { margin: 0 -5px; } .expertListingDevice .row .col-md-8 { padding: 5px; } .expertListingDevice .expertCard { margin-bottom: 20px; padding-bottom: 20px; } .expertListingDevice .expertCard .listDetail .userImg { margin-right: 16px; } .expertListingDevice .expertCard .cardNextImg { display: none; } .expertListingDevice .funds-list { font-size: 0.8125rem; list-style: none; padding: 0 !important; } .expertListingDevice .funds-list li { position: relative; padding-left: 10px; padding-bottom: 5px; } .expertListingDevice .funds-list li:before { position: absolute; content: ''; width: 5px; height: 5px; background: #052f5f; top: 7px; left: 2px; border-radius: 100%; } .location-search-input { width: 100%; height: 37px; border: 1px solid rgba(5, 47, 95, 0.5); border-radius: 4px; padding: 6px 12px; } .expertListingDevice .username img, .expertsVideo .username img { width: 13px; } .expertCard .rating img { margin-right: 0px; } .expertListing .rating img { margin-right: 5px !important; } .expertCard .profileImage { margin-right: 16px; width: 72px; height: 72px; border-radius: 50%; background: #8dd8c4; line-height: 72px; font-size: 2.2rem; color: #fff; text-align: center; float: left; } .expertCard .profileImage.w-100 { width: 100px; height: 100px; line-height: 100px; font-size: 50px; } .listDetail .userImg.w-100 { width: 100px !important; height: 100px !important; } .expertListingDevice .rating img, .HomeCard.Expert .rating img { margin-right: 5px; } .expertListing .expertCard .userDetails.ellipsis-text { width: 52%; } .expertFilter { height: 400px; overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .expertFilter h2 { margin-top: 0; } .expertFilter h3 { font-size: 1rem; color: #052f5f; } .expertFilter .totalExperience { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 12px; } .expertFilter::-webkit-scrollbar-track, .searchBox .react-autosuggest__suggestions-container--open::-webkit-scrollbar-track { border-radius: 4px; } .expertFilter::-webkit-scrollbar, .searchBox .react-autosuggest__suggestions-container--open::-webkit-scrollbar { width: 4px; } .expertFilter::-webkit-scrollbar-thumb, .searchBox .react-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #cccccc; height: 200px; } .searchBox .react-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb { height: 100px; } .starRating li { float: left; width: 50%; } .starRating { margin-bottom: 10px; width: 100%; clear: both; float: left; } .filterShort li img, .serviceArea li img, .starRating li img { width: 12px; margin-right: 5px; cursor: pointer; } #filter .MuiFormControlLabel-root { margin: 0; } .filterShort .filterBtn { box-shadow: 0px -1px 10px 3px rgba(0, 0, 0, 0.23); display: flex; justify-content: space-between; position: fixed; bottom: 0; width: 100%; right: 0; left: 0; background: #fff; } #filter .MuiSvgIcon-root { width: 0.8em; height: 0.8em; font-size: 1.2rem; } #filter .MuiIconButton-root { padding: 0; margin-right: 16px; } #filter .MuiTypography-body1 { font-size: 0.875rem; } #filter h3 { margin-bottom: 8px; } #filter .filterWrapper { border-right: 1px solid #eee; padding-right: 5px; } #filter .rating img { margin-left: 5px; } ul.ratingUl { display: flex; } ul.ratingUl li { margin-right: 8px; } ul.ratingUl li:last-child { margin-right: 0; } ul.ratingUl .rating { background: #f0f3f6; padding: 2px 6px; border-radius: 3px; font-size: 12px; } ul.ratingUl .rating img { margin-left: 4px !important; margin-right: 0 !important; width: 12px; } ul.ratingUl li.selected .rating { background: #828282; } #filter h3 { margin: 8px 0; } #filter .filterShort { margin-right: 10px; border-top: 1px solid #eee; padding-top: 10px; } #filter .serviceArea { padding-bottom: 20px; } .filterSuggestion { box-shadow: 0 0 3px #ccc; padding: 0; list-style: none; cursor: default; } .filterSuggestion li { padding: 5px 12px; } .addressBar .searchFilter img:after { width: 100px; background: #fff; } .capabilities ul { padding-left: 1.5em; } .capabilities ul li a { color: #052f5f; } .capabilities ul li, .Certifications .listDetail li { padding-bottom: 16px; } .certificate-wrapper li:last-child { padding-bottom: 24px; } .capabilities, .Certifications { padding-left: 16px; } .certificate-wrapper h2 { margin-bottom: 24px; } .certificate-wrapper .Certifications h2 { margin-top: 24px !important; } .Certifications .listDetail { padding: 0; } .Certifications .listDetail img { max-width: 60px; margin-right: 5px; } .Certifications .listDetail li { color: #0d748c; font-size: 0.9375rem; font-weight: 700; } footer { color: #052f5f; /*letter-spacing:0.72px;*/ margin-top: 20px; } footer a { color: #052f5f; text-decoration: none; display: block; transition: all 0.5s; } footer a:hover { color: #e0e5eb; } .footer { background-color: #e0e5eb; padding: 2rem 1rem; } .footer .icon { width: 40px; height: 40px; padding: 10px 8px; } .footer .icon a { margin-bottom: 0; } .footer .icon:last-child { padding-top: 12px; } .footer .fLogo span { font-size: 2rem; font-weight: 600; display: block; margin-bottom: 8px; } .footer a { color: #052f5f; text-decoration: none; display: block; transition: all 0.5s; margin-bottom: 8px; } .footer .social a { display: flex; } .footer a:hover { color: #052f5f; } .footer1 { background-color: #fff; padding: 2rem 1rem; } .footer1 h6 { font-size: 0.75rem; margin-bottom: 10px; } .footer1 a { color: #03a87c; } .footer1 a:hover { color: #03a87c; } footer p { margin-top: 0; margin-bottom: 10px; } footer .container { padding: 0 20px; } footer .fLogo img { width: 120px; margin-bottom: 1rem; } footer .f-name { font-size: 1.75rem !important; } footer .icon { width: 28px; height: 28px; padding: 8px; } footer { font-size: 0.75rem; } footer .bdr-lr { padding: 0 30px; } .footer1 ul { display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin-bottom: 24px; } .footer1 ul li { flex: 0 0 25%; font-weight: 600; margin-bottom: 8px; /*text-transform:uppercase;*/ } .langBox { height: auto; width: 100%; position: fixed; z-index: 1; bottom: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding: 10px; box-shadow: 0 0 3px #333; } .langBox .closeNav a { font-weight: 700; color: #052f5f; } .langBox .closebtn img { width: 15px; cursor: pointer; float: right; } .langBox .closeNav { padding: 10px; } .langBox .langList { margin-top: 10px; } .langBox .langList li { display: block; position: relative; } .langBox .langList li a { display: block; color: #052f5f; font-size: 0.875rem; padding: 8px 10px; } .langBox .langList li a:hover { background: #f0f3f6; } .langBox .langList .radio { float: right; width: 14px; vertical-align: middle; padding-top: 3px; } .profileSec { background: #cceee6; margin-top: -10px; } .profileSec h2 + H2 { margin-top: 30px; } .profileSec h3 { color: #052f5f; font-size: 1.25rem; font-weight: 700; margin-bottom: 5px; } .profileSec .form-group label { margin-bottom: 5px; display: block; font-weight: 700; font-size: 1rem; } .profileSec .form-group, .profileSec h2 { margin-bottom: 10px; } .profileSec form { max-width: 370px; margin: 20px auto 0 auto; } .profileSec .checkList { list-style: none; padding-left: 0; } .profileSec .checkList li { display: inline-block; padding-right: 5px; margin-bottom: 5px; } .profileSec .checkList li img { width: 15px; margin-right: 5px; cursor: pointer; } .profileSec .profileLeft .userSec { text-align: center; display: block; } .profileSec .profileLeft .userSec .edit { color: #03a87c; margin-top: 5px; display: block; } .profileSec .profileLeft .userSec img { margin: 0 auto; max-width: 100px; display: block; } .profileSec .profileLeft ul li img { vertical-align: middle; float: right; } .profileSec .profileLeft ul li a { color: #03a87c; font-weight: 700; padding: 5px; display: block; } .profileSec .profileLeft ul li a:hover { background: #f0f3f6; } .profileSec .addDetails .btn { margin-top: 30px; } .profileSec::placeholder { color: #052f5f; } .profileSec .signInForm .btn { width: 25%; margin: 0; } .profileSec .addDetails ul li .btn.active { background: #052f5f; color: #fff; } .profileSec .addDetails ul li { display: inline; } .profileSec .addDetails ul li .btn { padding: 2px 15px; margin: 0 5px 7px 0; width: auto; display: inline-block; background: #fff; border: 1px solid #052f5f; color: #052f5f; } .profileSec .cameraImg { position: absolute; left: 0; bottom: -6px; right: 0; cursor: pointer; } .profileSec .cameraImg { width: 30px; } .profileSec .profileLeft .userSec { width: 80px; display: block; margin: auto; position: relative; } .profileSec .profileLeft .userSec input { border-radius: 100%; position: relative; z-index: 2; width: 100px; position: absolute; top: 0; height: 100px; left: 0; opacity: 0; cursor: pointer; } .profileSec .autocomplete-dropdown-container { box-shadow: 0 0 3px #ccc; } .profileSec .autocomplete-dropdown-container .suggestion-item, .profileSec .autocomplete-dropdown-container .suggestion-item--active { padding: 5px 12px; } .profileSec .autocomplete-dropdown-container .suggestion-item { border-bottom: 1px solid #eee; position: relative; } .profileSec .autocomplete-dropdown-container .suggestion-item:before { content: ''; position: absolute; left: 0; top: 5px; background: url(/static/locmark.png); } .profileSec p { font-size: 1rem; } .profileImage, .qpCard { margin-right: 16px; width: 56px; height: 56px; border-radius: 50%; background: #8dd8c4; line-height: 48px; font-size: 22px; color: #fff; text-align: center; float: left; } .expertListing .profileImage, .qpCard { margin-right: 16px; width: 74px; height: 74px; border-radius: 50%; background: #8dd8c4; line-height: 66px; font-size: 2.2rem; color: #fff; text-align: center; float: left; } .expertListing .userImg { width: 74px; height: 74px; } .commentsSec .commentListAll .userImg { width: 40px; height: 40px; } .commentsSec .commentListAll .profileImage { width: 40px; height: 40px; line-height: 32px; font-size: 22px; } .device-agent { width: 100% !important; height: 350px !important; } .address { position: relative; color: #052f5f; } .address .locate { position: absolute; right: 10px; top: 0; } .address .locate img { vertical-align: middle; margin-right: 5px; width: 15px; } .cardBox { border: 2px solid #eee; border-radius: 7px; margin: 0 0 25px 0; cursor: pointer; background: #fff; } .cardBody { clear: both; border-top: 1px solid #eee; padding: 16px; } .cardBody ul li { display: inline-block !important; width: 33.3333%; } .cardBody ul li:first-child { padding-left: 0; } .cardBody ul li .percentage { display: block; font-weight: 700; text-align: left; font-size: 0.875rem; } .cardFooter .topAddList, .cardHeader { padding: 16px; } .cardFooter .topAddList .addList { border-radius: 8px; } .cardHeader h2, .cardFooter .topAddList { margin: 0; } .product-title { display: flex; align-items: center; justify-content: space-between; } .product-title h2 { font-size: 13px; } .cardHeader .rating { display: flex; background: #f0f3f6; padding: 2px 8px; border-radius: 3px; align-items: center; min-width: 45px; height: 28px; margin-left: 9px; align-self: start; } .cardHeader h2 .rating img { width: 10px; } .fundLogo > img { width: auto; height: 30px; display: block; } /* Cart specific fund logo styles */ .cartFundLogo > img { width: 100%; height: auto; object-fit: contain; } .cardDetails ul + ul { margin-top: 10px; } .cardDetails .cardBody { border-top: none; padding: 0 0 20px 0; margin-bottom: 20px; } .cardDetails .cardHeader { padding: 0; } .cardDetails .cardHeader .fundLogo { margin-bottom: 20px; } .cardDetails .topAddList { padding: 0; margin-bottom: 16px; } .cardDetails h2 { margin: 29px 0 16px 0; } .cardDetails .cardBody .fundAmount li + li { width: 66.667% !important; } .cardDetails .cardBody .fundAmount .rupees, .dashBox .rupees, .returnCal .rupees { width: 7px; margin-right: 2px; } .cardDetails .cardBody .fundAmount .percentage span { font-weight: 400; } .cardDetails .cardBody .fundAmount .percentage span img { width: 17px; vertical-align: middle; } .cardDetails .cardFooter ul { margin-bottom: 24px; } .dashBox { border: 1px solid #052f5f; border-radius: 8px; padding: 10px; } .dashBox ul li, .cardBox .product-title { margin-bottom: 8px; } .cardBox1 .ribbon { background: rgba(240, 242, 245, 1); border-radius: 8px 8px 0 0; } .cardBox1 .cardHeader { background: rgba(240, 242, 245, 0.3); border-bottom: 1.5px solid #eee; } .cardBox1 .ttlInvst { padding: 16px 0 !important; } .cardBox1 .ttlSubInvst { padding: 8px 0 !important; } .cardBox1 .cardHeader li { list-style: none; display: inline-block !important; margin-bottom: 8px; font-size: 14px; width: 33.3333%; } .cardBox1 .cardFooter { background: #daf7f4; padding: 16px; font-size: 1rem; font-weight: 700; display: flex; justify-content: space-between; border-radius: 0 0 8px 8px; } .cardBox1 .cardFooter small { font-size: 12px; font-weight: normal; } .cardBox1 .cardFooter small img.rupees { width: 7px; } .cartWrap .invstSummary { padding: 8px 0; font-size: 14px; font-weight: 400; display: flex; justify-content: space-between; } .cartWrap.switchFund .ttlInvst .amt { min-width: 180px; font-weight: normal; font-size: 12px; } .cartWrap.switchFund small { font-size: 12px; } .cartWrap.switchFund .ttlInvst { flex: 1 100%; } .dashBox .bar { width: 17px; vertical-align: middle; } .topHolding ul li, .fundHouse ul li { padding: 5px 0; } .topHolding ul li { display: flex; justify-content: space-between; } .topHolding ul li .companyName, .topHolding ul li .sectorName { width: 90%; } .fundHouse ul li .title { width: 30%; float: left; } .fundHouse, .topHolding { margin-top: 20px; } .fundHouse ul li a { color: #0c748c; } .fundHouse ul li a:hover { text-decoration: underline; } .returnCal .calBox li { padding: 8px 0; } .returnCal .calBox .radioBtn { padding: 0 8px; } .returnCal .calBox .radio { width: 12px; cursor: pointer; vertical-align: middle; } .returnCal .calBox input { width: auto; } .returnCal input[type='radio'] { -webkit-appearance: none; width: 15px !important; height: 15px !important; border: 2px solid #747474; border-radius: 50%; margin-bottom: -2px; margin-right: 4px; } .returnCal input[type='radio']:before { content: ''; display: block; width: 60%; height: 60%; margin: 20% auto; border-radius: 50%; } .returnCal input[type='radio']:checked:before { background: #03a87c; } .returnCal input[type='radio']:checked { border: 2px solid #03a87c; } .graphBox .inputControl { display: inline; width: 30%; } .graphBox .Select .dropDown { font-weight: 400; position: relative; padding: 5px 11px; border: 1px solid rgba(5, 47, 95, 0.5); color: #052f5f; display: inline; } .graphBox .Select { display: inline; position: relative; } .graphBox .Select .dropDown:hover { background: none; } .graphBox .Select .dropdownMenu li { padding: 5px; } .graphBox .Select .dropdownMenu li a { color: #052f5f; } .graphBox .Select .dropdownMenu li:hover { background: #f0f3f6; display: block; padding: 5px; } .graphBox .Select:hover .dropdownMenu { display: block; right: 0; min-width: 100px; } .graphBox .Select:hover .dropdownMenu .radio { float: right; width: 14px; vertical-align: middle; padding-top: 3px; } .analysis-wrap { padding-bottom: 20px; border-bottom: 1.5px solid #eee !important; } .fund-details h3 .arrowImg { display: none; } .fund-details h3 { margin-bottom: 24px; } .fund-details h1.headBorder:after { background: none; } .fund-details .bdrBottom { margin-bottom: 20px; padding-bottom: 20px; } .fund-details .bdrBottom p:last-child { margin-bottom: 0; } .fund-details .cardFooter .topAddList .addList, .fund-listing .topAddList .addList { margin-bottom: 5px; } .fundHouse ul li .detail { width: 70%; float: left; } .fund-listing { margin-bottom: 20px; } .fund-listing .fundListWrap { float: left; width: 100%; margin-bottom: 16px; } .fund-listing .fundListWrap .fundTitle { width: calc(100% - 100px); float: left; } .fund-details .fundCard .sliderbox .react-multi-carousel-item { padding-right: 10px; } .fund-details .cardBox, .fund-details .fundCard p:last-child { margin-bottom: 0; } .fundHouse ul li { float: left; width: 100%; margin-bottom: 5px; } .fund-details .similarFund .react-multi-carousel-item { margin-right: 16px; } .fund-details .cardBox { max-height: 205px; min-height: 204px; overflow-y: auto; } .fund-details .react-multiple-carousel__arrow--right { right: 1px !important; } .fund-details .react-multiple-carousel__arrow--left { left: 1px !important; } .groupBtn { text-align: center; display: block; width: auto; margin: 0 auto; } .groupBtn .btn { background: none; border: 1px solid #052f5f; color: #052f5f; } .groupBtn .btn.active { background: #052f5f; color: #fff; } .graphWrap { position: relative; } .fund-details .graphLoader { position: inherit; background: none; } .fund-details .graphLoader { display: block; margin: 0 auto; } .fund-details .graphLoader img { margin-bottom: 10px; width: 35px; } .fund-details .graphLoader .text { color: #0c748c; font-size: 12px; } .HomeCard .HomeCardName { font-size: 1rem; color: #052f5f; font-weight: 700; margin-bottom: 20px !important; } .HomeCard { border-bottom: 4.5pt solid #eee; margin-top: 24px; } .HomeCard:first-child { margin-top: 0px !important; } .HomeCard .article.question h2:first-child { margin-top: 0 !important; } .HomeCard .listList { padding-bottom: 24px; margin-bottom: 24px; } .HomeCard .listList.videoSection:last-child, .HomeCard.Question .listList:last-child { margin-bottom: 0; border-bottom: none; } .HomeCard.Expert { border-bottom: 0px !important; } .signInstepper { max-width: 565px; margin: 0 auto 20px auto; } .signInstepper .MuiStepper-root { padding: 0; } ul.stepper.stepper-horizontal:after { border-bottom: 1px solid #052f5f; content: ''; position: absolute; width: 99%; bottom: 10px; } .stepper-horizontal { position: relative; display: flex; justify-content: space-between; } ul.stepper > li:not(:last-of-type) { margin-bottom: 0.625rem; -webkit-transition: margin-bottom 0.4s; -o-transition: margin-bottom 0.4s; transition: margin-bottom 0.4s; } .stepper-horizontal > li:not(:last-of-type) { margin-bottom: 0 !important; } .stepper-horizontal li { transition: 0.5s; align-items: center; position: relative; z-index: 2; } ul.stepper li a { text-align: center; z-index: 1; } a { cursor: pointer; text-decoration: none; transition: all 0.2s ease-in-out; } .primary-color, ul.stepper li.completed a .circle { background-color: #052f5f !important; } ul.stepper li.active a .circle { background: #fff; color: #052f5f; border: 1px solid #052f5f; } ul.stepper li a .circle { display: inline-block; color: #fff; border-radius: 50%; background: #052f5f; width: 23px; height: 23px; text-align: center; line-height: 22px; } .react-multiple-carousel__arrow--left:before { transform: rotate(180deg) !important; left: 0 !important; } .react-multiple-carousel__arrow--right { right: 10px !important; } .react-multiple-carousel__arrow--left:before, .react-multiple-carousel__arrow--right:before { content: ''; background: url(/static/next.png) 0px 2px no-repeat !important; } .react-multiple-carousel__arrow { background: rgba(255, 255, 255, 0.81) !important; } .react-multiple-carousel__arrow:hover { background: #fff !important; } .progress { margin: 0; width: 80px; height: 80px; line-height: 80px; background: none; box-shadow: none; position: relative; } .progress:after { content: ''; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #fff; position: absolute; top: 0; left: 0; } .progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } .progress .progress-left { left: 0; } .progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 3px; border-style: solid; position: absolute; top: 0; } .progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .progress .progress-right { right: 0; } .progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards; } .progress .progress-value { width: 90%; height: 90%; border-radius: 50%; background: #fff; font-size: 1rem; color: #052f5f; line-height: 135px; text-align: center; position: absolute; top: 5%; left: 5%; border: 1px solid #052f5f; } .progress.blue .progress-bar { border-color: #052f5f; } .progress.blue .progress-left .progress-bar { animation: loading-2 1.5s linear forwards 1.8s; } @keyframes loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(90deg); } } @keyframes loading-2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(0deg); } } .prf-cmp1 { color: #052f5f; font-weight: bold; font-size: 1rem; } .prf-bnt { border: 2px solid #03a87c; background-color: #fff; color: #03a87c; border-radius: 5px; padding: 10px; width: 100%; display: block; text-align: center; font-weight: bold; font-size: 1rem; margin-top: 5px; } .CircularProgressbar { width: 100%; vertical-align: middle; } .CircularProgressbar .CircularProgressbar-path { stroke: #3e98c7; stroke-linecap: round; transition: stroke-dashoffset 0.5s ease 0s; } .CircularProgressbar .CircularProgressbar-trail { stroke: #d6d6d6; stroke-linecap: round; } .CircularProgressbar .CircularProgressbar-text { fill: #3e98c7; font-size: 20px; dominant-baseline: middle; text-anchor: middle; } .CircularProgressbar .CircularProgressbar-background { fill: #d6d6d6; } .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background { fill: #3e98c7; } .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text { fill: #fff; } .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path { stroke: #fff; } .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail { stroke: transparent; } .review-sec .review-list li p { line-height: 1.5; letter-spacing: 0.04px; margin-bottom: 0; } .review-sec .review-list li p + p { margin-top: 10px; } .review-sec .review-list .rating { margin: 16px 0; } .review-sec .review-list .rating img, .totalReview img { vertical-align: middle; } .totalReview { margin: 16px 0 50px 0; font-size: 1rem; } .review-sec .review-list .rating .rateDetail { padding-left: 10px; vertical-align: super; font-size: large; } .totalReview .rateDetail { padding-left: 48px; vertical-align: super; } .rateReview { margin: 25px 0 24px 0; } .ratingReview { display: flex !important; justify-content: space-between; background: #f1f2f6; padding: 10px 10px; margin: 10px 0 24px 0; } .ratingReview img { width: 12px; height: 21px; } .react-autosuggest__suggestions-container--open { left: 0; top: 39px; box-shadow: 0 0 3px #ccc; border: none; max-height: 300px; overflow-y: auto; } .react-autosuggest__suggestion--highlighted, .filterSuggestion li:hover, .filterSuggestion li.active { background: #f0f3f6; } .react-autosuggest__suggestion { padding: 5px 15px; } .react-autosuggest__input { width: 100%; height: 45px; padding: 10px 20px; font-family: Noto sans; font-weight: 400; font-size: 1.25rem; border: 1px solid #aaa; border-radius: 4px; } .react-autosuggest__input--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .react-autosuggest__suggestions-container { display: none; } .react-autosuggest__suggestions-container--open { display: block; position: absolute; top: 45px; width: 100%; border: 1px solid #aaa; background-color: #fff; font-family: Helvetica, sans-serif; font-weight: 300; font-size: 0.875rem; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; } .react-autosuggest__suggestions-list { margin: 0; padding: 0; list-style-type: none; } .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .react-autosuggest__suggestions-list { max-height: 36vh; } .react-autosuggest__suggestions-container--open ul li, .filterSuggestion li { border-bottom: 1px solid rgba(4, 47, 95, 0.06); width: 100%; padding: 8px 20px; } .noDataM, .noData { margin-top: 100px; } .noDataM h2, .noData h2 { text-align: center; margin: 5px 0; } .noData img { width: 160px; } .HomeCard:last-child .HomeCardContent a:last-child .article-details .listList, .expert-profile-details:last-child .listList.commentsSec, .video-details:last-child .listList.commentsSec, .question .commentsSec .listDetail:last-child .commentBox, .article .expertVideoBox.listList:last-child, .article-wrapper a:last-child .article.article-details .listList, .expert-profile-details .moreSec:last-child .listList { border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .article.article-details.video-details .listList:last-child, .review-sec .review-list li:last-child, .article-details.question .listList:last-child, .HomeCard.Article .HomeCardContent a:last-child .article-details .listList.HomeCard.Article .HomeCardContent a:last-child .article-details .listList { border: none !important; padding-bottom: 0 !important; } .askQuestion { padding: 20px; min-height: 160px !important; } .question h2 { margin-bottom: 20px; } .question .userImg { margin-right: 16px; } span.views img { width: 18px; } .questionDetails .btn-primary { max-width: 350px; } .invoiceContent { background: url(./invoiceBg.png); background-repeat: no-repeat; padding: 24px 12px; background-size: 100% 100%; width: 100%; margin: 24px 0; margin-bottom: 0px; } .invoice-wrap { max-width: 550px; /* margin: 0 auto; */ margin: 10px 10px; } .invoiceContent .invoiceDetail { /* margin-bottom: 24px; */ margin-bottom: 0px; } .invoice-wrap .invoiceDetail li .invoiceTitle { width: 70%; } .invoice-wrap .invoiceDetail li { display: flex; justify-content: space-between; padding-bottom: 16px; } .invoice-wrap .invoiceDetail li:first-child { border-bottom: 1px solid #eee; padding-bottom: 4px !important; margin-bottom: 24px; } .invoice-wrap .invoiceDetail li:last-child { border-top: 1px dashed #eee; padding-top: 8px; padding-bottom: 0; } .invoice-wrap .checkIcon { width: 14px; } .invoice-wrap h1 { font-size: 1.25rem; color: #03a87c; text-transform: uppercase; margin-bottom: 0; } .invoice-wrap .retryPayment h1 { color: #9c161c; } .invoice-wrap .content { font-size: 0.8125rem; } .thanksMsg { padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .thanksMsg .content { margin-left: 16px; } .thanksMsg .content p:last-child { margin-bottom: 0 !important; } .slider .thumb-wrap { position: relative; } .thumb-wrap { display: flex; align-items: center; justify-content: center; } .react-player__shadow { background: none !important; } .vdo-box { display: block; } .react-player__play-icon { background: url('/static/play-icon.svg') no-repeat; width: 64px; height: 64px; border: none !important; margin: 0 !important; background-size: 64px; } .thumb-wrap:after { content: ''; background: url('/static/play-icon.svg') no-repeat; width: 64px; height: 64px; border: none !important; margin: 0 auto !important; background-size: 64px; position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; } .rt-template ol, .rt-template ul { margin-left: 1.5rem; } .ReactModal__Overlay, .ReactModal__Overlay--after-open { z-index: 999; } .ytp-chrome-top, .ytp-chrome-bottom { display: none !important; } .ytp-icon-large-play-button-hover { background: no-repeat url(//pngriver.com/wp-content/uploads/2018/04/Download-Play-Button-PNG-Clipart.png) -76px -2768px !important; background-size: auto; width: 68px; height: 48px; } .userSec, #filter .filterShort ul { margin-bottom: 10px !important; } .addressBar .bdrBottom ul, .filterShort { margin-bottom: 5px; } .react-multi-carousel-list li a { color: inherit; } .video-details .exp-about ul, .video-details .exp-about ol, .article.article-details .listList .mobHide ul { padding-left: 1.5em; } .article-details.expert-profile-details .content ul li, .article-details.expert-profile-details .content ol li, .video-details .exp-about ol li, .video-details .exp-about ul li { margin-bottom: 10px; } .video-details .listList.exp-about { padding-bottom: 0; } .article-details.expert-profile-details .content figure, .article-details.expert-profile-details .content p, .article-details.expert-profile-details .content ul, .article-details.expert-profile-details .content ol, .article-details.expert-profile-details .content h2, .article-details.expert-profile-details .content h3, .article-details.expert-profile-details .content h4, .video-details .exp-about ul, .video-details .exp-about ol, .video-details .exp-about h1, .video-details .exp-about h2, .video-details .exp-about h3, .video-details .exp-about h4, .video-details .exp-about p { margin-bottom: 20px !important; font-size: 1rem; line-height: 1.58; letter-spacing: -0.1px; } .article-box.content { color: #052f5f; font-size: 1rem; } .content a { color: #0c748c; } .ReactModal__Content { background: #fff; } .expertProfile-wrapper .expert-wrap { padding-left: 15px; } .getAppWrap { font-size: 1.25rem; margin-top: 24px; } .getAppWrap .getApp img { display: block; width: 120px; margin: 16px 0; } .getAppWrap .getApp img:last-child { margin-bottom: 8px; } .getAppWrap .searchWrap input { width: 350px; margin-right: 16px; padding: 14px 12px; border: none; } .expertProfile, .getAppWrap { width: 100%; background: #c0f3ed; background: -moz-linear-gradient(left, #c0f3ed 0%, #daf7ee 100%); background: -webkit-linear-gradient(left, #c0f3ed 0%, #daf7ee 100%); background: linear-gradient(to right, #c0f3ed 0%, #daf7ee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0f3ed', endColorstr='#daf7ee',GradientType=1); padding: 44px; } .expertProfile { border-radius: 8px 8px 0 0; } .expertProfile .expertCard { display: flex; justify-content: space-between; } .expertProfile .userImage { font-size: 4rem; color: #fff; font-weight: 600; text-align: center; width: 120px; height: 120px; line-height: 112px; border-radius: 100%; margin-right: 16px; overflow: hidden; background: rgba(3, 168, 124, 0.5); } /* .expertProfile .userImage:after { content: ''; background: transparent; width: 128px; height: 128px; position: absolute; border: 2px solid #03a87c; border-radius: 100%; left: -4px; top: -4px; } */ .expertProfile .userImage img { max-width: 100%; height: auto; } .expertProfile .username { font-size: 1.25rem; font-weight: 600; } .verifiedUser { width: 27px; position: absolute; bottom: 8px; right: 20px; z-index: 1; } .expertProfile .verifiedUserBg:after { content: ''; background: #fff; width: 25px; height: 25px; position: absolute; bottom: 9px; right: 21px; border-radius: 100%; } .expertProfile .expertCard .exp-cap-tags, .expertProfile .advisorBtn, .expertProfile .btn-border { margin-top: 40px; display: block; } .expertProfile .btn-border, .expertProfile .btn-border:hover { background: #fff; color: #03a87c; } .expertProfile .address img { width: 15px; margin-right: 5px; } .expertProfile .expertBtn { width: 28%; } .expertProfile .expertBtn .btn-wrapper { display: flex; flex-direction: column; align-items: flex-end; } .expertProfile .expertBtn .shareBtn img { width: 15px; } .expertProfile .expertBtn .shareBtn { display: flex; width: 38px; height: 38px; background: #fff; align-items: center; justify-content: center; border-radius: 100%; } .expertProfile .rating { font-size: 1rem; background: #fff; margin-left: 16px; padding: 0 5px; border-radius: 4px; } .expertProfile .rating img { margin-left: 0 !important; margin-right: 3px; } .tabWrap { margin: 30px 0; } .tabWrap ul li { display: inline-block !important; color: #0c748c; border: 2px solid #f0f1f1; border-radius: 8px; margin-right: 16px; padding: 6px 16px; font-weight: 600; margin-bottom: 10px; cursor: pointer; } .tabWrap ul li.active, .tabWrap ul li:hover { background: #ebeef2; } .expertProfile-wrapper .expert-wrap .capabilities, .expertProfile-wrapper .expert-wrap .Certifications, .expertProfile-wrapper .expert-wrap .capabilities ul { padding-left: 0; } .expertProfile-wrapper .expert-wrap .capabilities ul li img { width: 30px; height: 30px; margin-right: 16px; vertical-align: middle; } .expertProfile-wrapper .expert-wrap .capabilities ul li { display: inline-block !important; margin-right: 1%; width: 29%; } .expertProfile-wrapper .expertInfo ul { margin-bottom: 16px; } .expertProfile-wrapper .expertInfo ul li { margin-bottom: 16px; } .expertProfile-wrapper .expertInfo p:last-child { margin-bottom: 0 !important; } .expertProfile .expertCard .btn-wrapper .btn { width: auto !important; } .expertProfile .expertCard { margin-bottom: 0; } .expertProfile-wrapper .profileImage { margin-bottom: 16px; } .analysis-wrap .d-flex.align-items-center, .ac .d-flex.align-items-center { margin-bottom: 10px; } .review-sec.ac .review-list .rating, .expertProfile-wrapper .review-sec .review-list .rating { margin-left: auto !important; display: flex; align-self: baseline; font-size: 1rem; background: #f0f3f6; margin-left: 16px; padding: 0 5px; border-radius: 4px; } .review-sec.ac .review-list .rating img, .expertProfile-wrapper .review-sec .review-list .rating img { margin-left: 4px; } .ratingValue1, .expertProfile-wrapper .ratingValue { margin-right: 16px; width: 56px; height: 56px; line-height: 54px; border-radius: 50%; background: #f0f3f6; font-size: 22px; color: #052f5f; text-align: center; float: left; } .expertProfile-wrapper .postReviewBu { padding: 16px 48px !important; margin-top: 24px; margin-bottom: 24px; display: block; } .getAppWrap { margin-left: -13%; margin-right: -13%; width: auto; padding-bottom: 0; padding-top: 24px; } .getAppImg { max-width: 200px; margin-right: auto; align-self: end; } .ratingValueWrap { line-height: 56px; margin-bottom: 40px; } .ac .ratingValueWrap { margin-bottom: 24px; } .ratingValueWrap h3 { margin-left: 16px; } .MuiRating-root label span span { padding: 8px !important; } .MuiRating-root label:first-child span span { padding-left: 0 !important; } .ratingValueWrap .MuiRating-root { vertical-align: middle; } .expertProfile .expertCard .editProfile img { width: 14px; vertical-align: middle; margin-top: -4px; margin-left: 4px; } .twitter-container { width: 100%; height: 515px; overflow: hidden; } .expertProfile-wrapper .expert-wrap .cardBox { padding: 16px; margin-right: 24px; min-height: 165px; } .expertProfile-wrapper .expert-wrap .cardBox .chatbtn-sm { top: 0; } .expertProfile-wrapper .expert-wrap .cardBox .listDetail .userImg { width: 72px; height: 72px; } .notification { list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; } .notification li { border-bottom: 1px solid rgba(5, 47, 95, 0.2); padding: 24px 0; width: 100%; display: flex; align-items: center; } .notification .userImg { width: 40px; height: 40px; line-height: 40px; float: left; border-radius: 50%; margin-right: 16px; overflow: hidden; background: #8dd8c4; color: #fff; text-align: center; font-size: 1.25rem; } table { width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px; } table tr td { border: 1px solid #eee; padding: 5px; } .signIn .MuiCheckbox-colorSecondary.Mui-checked, .signIn-mob .MuiCheckbox-colorSecondary.Mui-checked { color: #052f5f; } .MuiGrid-spacing-xs-3 { display: flex; justify-content: center; } .MuiTab-wrapper { color: #052f5f; font-weight: 700; } .MuiGrid-spacing-xs-5, .btn-full { width: 100% !important; } .header .MuiGrid-spacing-xs-5 .MuiGrid-item { padding-top: 0 !important; padding-bottom: 0 !important; } .MuiTabs-indicator { background-color: #052f5f !important; height: 3px !important; } .MuiTabs-flexContainer { border-bottom: 2px solid #eee; } .MuiTypography-body1 { /* font-size:0.875rem !important; */ } .chat-box-wrap { background: #f9f9f9; border-radius: 8px 8px 0 0; box-shadow: 0 2px 6px 0px #777; } .chat-ribbon { background: #cdeee5; border-radius: 8px 8px 0 0; padding: 8px 16px; } .exprt-img { margin-right: 16px; } .chat-exit { width: 16px; } .user-name { color: #052f5f; font-size: 20px; font-weight: 700; } .chat-exit { margin-left: auto; padding-top: 5px; } .chat-box-wrap .chat-box { margin: 0; padding: 16px; overflow: auto; height: 190px; } .chat-box-wrap .chat-text { max-width: 298px; position: relative; background: #03a87c; padding: 8px 24px; border-radius: 8px 8px 8px 0; color: #fff; font-size: 1rem; } .chat-box-wrap .chat-text:after { left: 0; top: 100%; border: solid transparent; border-top: 0; border-width: 10px; content: ' '; height: 0; width: 0; position: absolute; border-left-color: #03a87c; } .type-chat { position: relative; padding: 16px; } .type-chat textarea { height: 42px; border: 2px solid #03a87c3d; border-radius: 56px; outline: none; width: 100%; max-width: 256px; resize: none; padding: 8px 24px; font-size: 1rem; font-family: 'Noto Sans', sans-serif; } .chat-icon { position: absolute; top: 16px; right: 16px; cursor: pointer; width: 40px; } .autocomplete-dropdown-container { margin-left: 0px; } .iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .listDetail .userImg, .profileImage, .expertCard .listDetail ul li .userImg { box-shadow: 0 0 0 2px #03a87c; border: 2px solid #fff; } .listDetail { padding-left: 2px !important; } .article-wrapper .article.article-details .listDetail { padding: 2px !important; } .verifiedUserImg, .verifiedCardImg { position: relative; } .verifiedUserImg .userImg:after, .verifiedCardImg .userImg:after, .verifiedUserImg .profileImage:after, .verifiedCardImg .profileImage:after { content: ''; position: absolute; width: 15px; height: 15px; background: #fff url(/static/checked.svg); background-repeat: no-repeat; top: 66%; left: 28px; border-radius: 50%; } .verifiedCardImg .userImg:after, .verifiedCardImg .profileImage:after { top: 66%; left: 40px; } .listDetail { padding-top: 4px !important; padding-bottom: 4px !important; } .article-content .listDetail ul { margin-bottom: 0 !important; padding: 0 !important; } .article-content .listDetail ul li, .article-content .listDetail span { margin-bottom: 0 !important; } .commentsSec .listDetail > ul > li.bdr-md-0 { border: none !important; } .listList.bdr-btm-0 { border-bottom: none !important; } .listList.pb4 { padding-bottom: 4px !important; } .expert-wrap .review-sec .review-list li:last-child { border-bottom: 1px solid #eee !important; padding-bottom: 24px !important; } .expertProfile .expertCard .exp-cap-tags { position: relative; } .edit-icon { width: 15px; height: 15px; margin-left: 10px; cursor: pointer; } .editPhotoBg { position: absolute; width: 24px; height: 24px; background: #0c748c; bottom: 8px; left: 90px; border-radius: 50%; } .expertCard .userImage-Wrap input { border-radius: 100%; z-index: 2; width: 120px; position: absolute; top: 0; height: 120px; left: 0; opacity: 0; cursor: pointer; } .address input, .exp-cap-tags input, textarea#txtAbout { width: auto; height: 37px; border: 1px solid rgba(5, 47, 95, 0.5); border-radius: 4px; padding: 6px 12px; } .address input.inputControl { width: 100%; } textarea#txtAbout { width: 100%; } .editPhotoBg img { width: 15px; margin: 4px; } .cartWrap .MuiCheckbox-colorSecondary.Mui-checked, .signIn-mob .MuiCheckbox-colorSecondary.Mui-checked { color: #052f5f; } .cartWrap .ribbon { background: #f0f3f6; padding: 16px; font-size: 1rem; font-weight: 700; display: flex; justify-content: space-between; } .cartWrap .ttlInvst { padding: 16px; font-size: 1rem; font-weight: 700; display: flex; justify-content: space-between; } .cartWrap .ttlInvst .amt { min-width: 100px; text-align: right; } .cartWrap .ttlSubInvst { padding: 5px 16px 0px 16px; font-size: 1rem; display: flex; justify-content: space-between; } .cartWrap .ttlSubInvst .amt { min-width: 100px; text-align: right; } ul.invoiceDetail .ast::after, .cartWrap .ttlInvst .amt.ast::after, .cartWrap .ttlSubInvst .amt.ast::after { content: '*'; margin-right: -10px; } .cartWrap .product-title { font-weight: 700; font-size: 1rem; } .cartWrap .cardBox { cursor: initial; } .cartWrap .cardBox .ttlInvst { padding: 16px 0; cursor: initial; } .cartWrap .cardBox li { list-style: none; display: block !important; margin-bottom: 8px; font-size: 14px; width: auto; } .cartWrap img.rupees { width: 8px; margin-right: 4px; } .cartWrap .cardBox li:last-child { margin-bottom: 0; } .cartWrap .cardBox .list-unstyle { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 16px; margin-bottom: 16px; } .cartWrap .cardBox .list-unstyle li { text-align: center; } .cartWrap .sharedProfile { display: flex; padding: 10px 16px; background: #fff; align-items: center; font-size: 1rem; } .cartWrap .sharedProfile strong { color: #0c748c; } .cartWrap .sharedProfile .userImg { font-size: 1rem; line-height: 36px; min-width: 36px; height: 36px; margin-right: 16px; color: #fff; font-weight: 600; text-align: center; border-radius: 100%; overflow: hidden; background: rgba(3, 168, 124, 0.5); box-shadow: 0 0 0 2px #eee; border: 2px solid #fff; } .corona-landing { font-size: 1.375rem !important; margin-left: -11.75%; margin-right: -11.75%; } .corona-landing p { font-size: 1.25rem !important; } .corona-landing .btn { padding: 15px 56px; } .corona-landing .cta1 { padding: 0 9.75% 30px 9.75%; } .corona-landing h1 { font-size: 2rem; position: relative; } .corona-landing img { width: 100%; } .corona-landing .cta1 .btn { margin-bottom: 68px; } .corona-landing .cta4 { padding: 84px 0 136px; text-align: center; } .corona-landing .type-question textarea { border: 1px solid rgba(5, 47, 95, 0.5); border-radius: 4px; outline: none; width: 100%; max-width: 590px; resize: none; padding: 16px 24px; font-size: 1rem; font-family: 'Noto Sans', sans-serif; margin-bottom: 40px; } .corona-landing h1.heading:after { content: ''; height: 7px; width: 100%; max-width: 180px; background: #03a87c; position: absolute; bottom: -7px; left: 50%; margin-left: -90px; } .ver-exp-tag { padding: 4px 16px; background: #ebeef2; color: #0c748c; border-radius: 16px; font-size: 0.875rem; margin-bottom: 16px; margin-top: 16px; display: inline-block; } .graph-wrapper { position: relative; width: 100%; min-height: 200px; overflow: hidden; } .graph-wrapper::before { content: ''; width: 100%; height: 25px; background: #fff; position: absolute; top: 0; z-index: 1; } .art-M .MuiToggleButtonGroup-root button { border: 2px solid #03a87c !important; border-radius: 50% !important; margin-right: 8px; height: 30px; width: 30px; padding: 0; } .art-M .MuiToggleButtonGroup-root button svg { color: #03a87c !important; font-size: 1rem; } .art-M .MuiToggleButtonGroup-root button.Mui-selected { background: #fff; border: 2px solid rgba(3, 168, 124, 0.7) !important; } .emptyCart { clear: both; } .dtpUser.dropdownMenu { padding-top: 0; min-width: 120px; top: 48px; } .dtpUser.dropdownMenu li { display: block; } .dtpUser.dropdownMenu li a { display: block; font-size: 0.875rem; font-weight: 400; color: #052f5f; padding: 5px 16px; border-bottom: 1px solid #f0f3f6; } @media (min-width: 1367px) and (max-width: 1920px) { body, #filter .MuiTypography-body1, h3, .content p, ol, ul, ul.breadcrumb li a, .experOnline .text-center, .commentBox .inputControl, .commentBox textarea::placeholder, .MuiTypography-body1, .experOnline .text-right, .cardBody ul li .percentage, .listDetail .userDetails .username, .listDetail .userDetails, .listDetail .details, ::placeholder, p, .article-wrapper .article.article-details .username, .Article .usernam, .MuiTabs-flexContainer .MuiTab-root, .location-device .inputControl, .expertListing .searchFilter input, .searchBox .react-autosuggest__suggestions-list li div, .article-box.content, .footer1 h6 { font-size: 1.25rem !important; } .verifiedCardImg .userImg:after, .verifiedCardImg .profileImage:after { left: 54px; } .chat-ribbon { padding: 16px 24px; } .chat-box-wrap .chat-box { padding: 32px 24px; height: 277px; } .type-chat { padding: 16px 24px; } .type-chat textarea { height: 58px; max-width: 400px; padding: 16px 24px; } .chat-icon { width: 56px; right: 24px; } .expertListing .searchFilter input { height: 33px; } .navSec ul li, .tabMenu li, .menuTop li > a, .bTitle .title, .article h1, .article h2, h1, h2, .bTitle, .article h1, .article h2, .slider .bTitle, .questionCardIcon li span, .navSec-wrap .expertLink { font-size: 1.5rem !important; } h4.h24 { font-size: 1.5rem !important; } .expertListing .listDetail .userDetails .username, .expertsVideo.expertDetails .expertCard .username { font-size: 1.75rem !important; } .container-wrapper { max-width: 100% !important; width: 100%; margin: 0 auto !important; padding: 0 120px; } .container.navSec-wrap { max-width: inherit !important; width: 100%; padding: 0 140px !important; } .container-wrapper .container { max-width: inherit; } .navSec li.active::after { bottom: -6px; } .navSec-wrap .expertLink img { width: 40px !important; } .navSec-wrap .expertLink, .navSec ul li a { padding: 10px 0; } .MuiGrid-container { margin: 0 auto !important; } .main-wrapper { padding-top: 130px !important; } .menuTop ul { padding-top: 10px; } .menuTop li:last-child a { padding-right: 0; } .menuTop .langSec .dropdownMenu { width: 145px; } .menuTop .langSec .dropdownMenu li a, .menuTop .langSec .dropdownMenu li a:hover { display: flex; justify-content: space-between; font-size: 1.25rem !important; } ul.breadcrumb { margin: 5% 0 48px 0; } ul.breadcrumb li { padding-right: 10px; } ul.breadcrumb li + li::before { background-size: 26px; padding-left: 16px; position: relative; top: -2px; } .device-agent { height: 550px !important; } .searchBox .react-autosuggest__container::after { top: 3px !important; } .searchBox, .searchBox .inputControl { width: 100%; } .searchBox img { top: 18px; } .expertCard .funds-list { padding-left: 2em !important; } .expertListing .addressBar ul li img { margin-right: 10px; } .expertListing .filterFixed { margin-bottom: 32px; } .expertListing .addressBar .location-device li:first-child { width: 70%; } .expertListing .expertCard .userDetails.ellipsis-text { width: calc(100% - 52%); } .address img, .expertListing .mapText img { width: 20px; } .expertCard .userDetails .detail { margin: 16px 0; } .expertCard .profileImage { width: 120px !important; height: 120px !important; line-height: 112px !important; font-size: 2.2rem; } .HomeCardContent .listDetail .profileImage { font-size: 2.2rem; } .expertFilter { height: 550px; } .expertCard .listCustom li::before { top: 6px; } .expertCard .listDetail .userImg, .userImg.w-100 img { width: 120px !important; height: 120px !important; margin-right: 16px; } .listDetail .userImg, .profileImage, .qpCard { width: 68px; height: 68px; } .profileImage, .qpCard { line-height: 60px; font-size: 2.2rem; } .commentsSec .commentListAll .userImg, .commentsSec .commentListAll .profileImage { width: 56px; height: 56px; } .commentsSec .commentListAll .profileImage { line-height: 56px; font-size: 1.75rem; } .comments-wrap { padding-left: 72px !important; } .filterShort .MuiFormControlLabel-root { display: block; } #filter .MuiFormControlLabel-root { margin: 5px 0; } #filter .MuiSvgIcon-root { font-size: 1.7rem; } .popUp .modal-lg { width: 780px; } .logoSection { width: 45%; display: flex; } .rightSec { width: 55%; } .commentBox textarea.inputControl { height: 100px !important; } .commentsSec .commentBox .submit { width: 80px; } .listCustom li::before { width: 7px; height: 7px; top: 13px; } .fund-listing { margin-bottom: 25px; } .fund-listing .topAddList .addList, .fund-details .cardFooter .topAddList .addList, .cardBox .topAddList .addList { font-size: 1.125rem; padding: 4px 16px; } .signIn .leftSec { height: 562px; } .signIn .form-wrap { min-height: 310px; } .signIn .inputControl { height: 50px; } footer .container-wrapper { padding: 0 125px !important; } footer .f-name { font-size: 2.5rem !important; } footer .icon { width: 40px !important; height: 40px !important; } footer { font-size: 1.125rem !important; } .HomeCard.Question .userDetails, .HomeCard.Article .userDetails, .question .userDetails { margin: 24px 0 16px 0 !important; } .fund-details .fundHouse li, .fund-details .topHolding li { padding: 0 !important; } .HomeCard .HomeCardContent > .listList, .article-wrapper .article.article-details .listList, .fund-details .cardDetails .cardBody, .graphBox, .returnCal, .fund-details .fundCard, .fund-details .topHolding, .article.question .listList, .HomeCard.Article .listList, .expertVideoBox.listList, .video-details .listList { padding-bottom: 32px !important; margin-bottom: 40px !important; } .HomeCard:first-child { margin-top: 0; } .HomeCard .HomeCardContent > .listList:last-child, .HomeCard.Article .HomeCardContent a:last-child .article-details .listList { margin-bottom: 0 !important; } .HomeCard { margin-top: 40px; } .commentsSec .commentBox { margin: 40px 0; } .headBorder, .article h2.headBorder, .cardDetails .topAddList { margin-bottom: 24px !important; } .expertCard .profileImage, .expertListingDevice .userImg { margin-right: 32px !important; } .listDetail .details { margin-top: 8px; } .article .btn + .btn, .expertCard .address { margin-top: 16px !important; } .cardDetails ul + ul, .returnCal .calBox li + li, .question .ans-wrapper { margin-top: 32px; } .expertCard { margin-bottom: 40px; padding-bottom: 0; } .expertVideoBox .thumb { max-width: 375px; margin-right: 42px; } .expertCard .listCustom { margin-top: 44px; } .expertCard.bdrBottom, .commentsSec .listDetail > ul > li, .expertListing .listList { padding-bottom: 24px; margin-bottom: 24px; } .expertListingDevice .rating img, .HomeCard.Expert .rating img, .expertCard .rating img { width: 20px; } .fund-listing .cardHeader .rating { width: 64px; height: 40px; } .cardDetails .cardHeader .fundLogo { margin-bottom: 29px; } .fund-details .dashBox { padding: 16px; } .fund-details .dashBox ul li, .fund-details .fundHouse li, .fund-details .topHolding li, .ans-wrapper h2 { margin-bottom: 8px !important; } .fund-details .slider.bdrBottom, .fund-details .fundCard .cardBox, .HomeCard.Question h2 { margin: 0; padding: 0; } .fund-details .fundHouse li { width: 100%; float: left; } .fund-details .returnCal .calBox input { width: 229px; height: 56px; } .fund-details .similarFund .react-multi-carousel-item { margin-right: 16px; } .fund-details .cardBox { max-height: 260px; } .listDetail .userImg, .fund-details .fundCard .sliderbox .react-multi-carousel-item { margin-right: 16px; } .questionCardIcon, .commentsSec .questionDetails li .iconsAction { margin-top: 24px; } .questionDetails .btn-primary { max-width: 450px; } .expertDetails .expertBtn .chatbtn-sm, .expertListing .chatbtn-sm { height: 48px; width: 162px; font-size: 1.125rem; } .expertDetails .expertBtn .shareBtn { margin-left: 32px; } .expertDetails .chatbtn-sm img { width: 24px; margin-right: 10px; } .expertDetails .shareBtn, .chatbtn-sm { font-size: 1.125rem !important; font-weight: 700; } .expertDetails .shareBtn img { width: 24px; display: block; margin: 0 auto; } .expertBtn > .btn-wrapper > .btn { text-align: center; display: block; } .fundLogo > img { height: 50px; } .fund-listing ul li { line-height: 1.35; } .fund-details .headBorder, .video-details .exp-about h2 { margin-bottom: 16px !important; } .questionCardIcon li img { margin-right: 8px; width: 25px !important; } .questionCardIcon li span { font-weight: 700; vertical-align: middle; } .questionCardIcon li:last-child span { font-weight: 400; } .article-wrapper .article.article-details .listDetail, .expCard.share-wrap .listDetail, .expertsVideo .listDetail { margin: 16px 0 8px; } .userLeft .drtailBox p { font-size: 1.125rem !important; } .rightSign p, .rightSign span { font-size: 1rem !important; } .signIn .form-group label { margin-bottom: 8px; } .signIn .form-group { margin-bottom: 24px; } .signIn .leftSec h2 { margin-bottom: 36px; } .signIn .leftSec h4.h24 { margin-bottom: 36px; } .expertBtn > .btn-wrapper > .chatbtn-sm { top: 16px; } .claimBtn { padding: 0 !important; height: 48px; font-size: 1.125rem !important; } .react-player__shadow { width: 140px !important; height: 140px !important; } .react-player__play-icon { background-size: 140px; width: 140px; height: 140px; } .invoice-wrap { max-width: 700px; } .invoiceContent { padding: 24px; } .expertProfile-wrapper .expert-wrap { padding-left: 24px; } .expertProfile .userImage { width: 158px; height: 158px; margin-right: 56px; line-height: 150px; } /* .expertProfile .userImage:after { content: ''; background: transparent; width: 170px; height: 170px; position: absolute; border: 2px solid #03a87c; border-radius: 100%; left: -6px; top: -6px; */ /* } */ .editPhotoBg { left: 125px; } .expertProfile .username, .getAppWrap, .getAppWrap p { font-size: 1.75rem !important; } .verifiedUser { width: 48px; position: absolute; right: 60px; } .expertProfile .verifiedUserBg:after { width: 45px; height: 45px; bottom: 9px; right: 61px; } .expertProfile .expertBtn .advisorBtn { padding: 16px 48px !important; margin-top: 40px; display: block; } .expertProfile .address img { width: 15px; margin-right: 5px; } .expertProfile .expertBtn .shareBtn img { width: 17px; } .expertProfile .expertBtn .shareBtn { width: 48px; height: 48px; } .expertProfile .rating { font-size: 1.375rem; margin-left: 16px; padding: 4px 16px; } .expertProfile .rating img { margin-left: 0 !important; width: 15px; } .expertProfile-wrapper .expert-wrap textarea.inputControl { min-height: 96px !important; } .tabWrap { margin: 40px 0; } .tabWrap ul li { padding: 8px 16px; font-size: 1.125rem; } .expertProfile-wrapper .expert-wrap .capabilities ul li img { width: 30px; height: 30px; margin-right: 16px; } .expertProfile-wrapper .expert-wrap .cardBox { min-height: 278px; } .expertProfile-wrapper .expert-wrap .react-multi-carousel-item { max-width: 650px; } .expertProfile-wrapper .expertCard .address { margin-top: 0 !important; } .getAppWrap .getApp img { display: block; width: 160px; margin: 16px 0; } .getAppWrap .getApp img:last-child { margin-bottom: 0; } .getAppWrap .searchWrap input { width: 498px; margin-right: 24px; padding: 15px 12px; border: none; height: 64px; } .searchWrap .btn { padding: 22px 32px; } .ratingValue1, .expertProfile-wrapper .ratingValue { width: 74px; height: 74px; line-height: 72px; font-size: 2.2rem; } .getAppImg { max-width: 290px; } .ratingValueWrap { line-height: 74px; margin-bottom: 40px; } .notification li { padding: 40px 0; } .corona-landing { font-size: 1.875rem !important; margin-left: -8.75%; margin-right: -8.75%; } .corona-landing p { font-size: 1.5rem !important; } .corona-landing .cta1 { padding: 0 7.25% 30px 7.25%; } .corona-landing h1 { font-size: 2.875rem !important; } .corona-landing .btn-primary { font-size: 1.875rem !important; } .corona-landing h1.heading:after { max-width: 266px; margin-left: -133px; } ul.ratingUl li { margin-right: 16px; } ul.ratingUl .rating { padding: 4px 16px; font-size: inherit; } ul.ratingUl .rating img { margin-left: 4px !important; margin-right: 0 !important; width: auto; } .cartWrap.switchFund small, .cartWrap.switchFund .ttlInvst .amt { font-size: 14px; } .footer1 h6 { margin-bottom: 32px; } .footer1 a { font-size: 1rem; line-height: 1.2; } .footer, .footer1 { padding: 46px 16px 32px; } /* .row { width: 60vw; } */ /* .listCustom { width: 50% !important; display: flex !important; flex-wrap: wrap !important; } */ } @media (min-width: 1367px) and (max-width: 1440px) { .logoSection { width: 35%; align-items: first baseline; } .rightSec { width: 65%; } .searchBox, .searchBox .inputControl { width: 100%; } } @media (min-width: 992px) and (max-width: 1200px) { .logoSection { width: 40%; display: flex; align-items: first baseline; } .rightSec { width: 60%; } .searchBox, .searchBox .inputControl { width: 100%; } .searchBox img { top: 18px; } } @media screen and (max-width: 991px) { .menuTop li > a { padding: 20px 5px; } .searchBox .inputControl { width: 55%; } .logoSection { width: 45%; } .menuTop.rightSec { width: 55%; } } @media screen and (min-width: 768px) { .main-wrapper { padding-top: 110px; min-height: 550px; } .blue { width: 25%; margin-top: 7px; } .aside { width: 100%; /*position:sticky;*/ top: 122px; } .prf-cmp1 { padding: 0 0 12px 0; } } @media (max-width: 767px) { .ds-n-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 1366px) { .MuiGrid-container { max-width: 1140px; width: 100% !important; margin: 0 auto !important; } .MuiGrid-grid-md-8 { flex-grow: 0; max-width: 66.666667% !important; flex-basis: 66.666667% !important; } .MuiGrid-grid-md-4 { flex-grow: 0; max-width: 33.333333% !important; flex-basis: 33.333333% !important; } } @media screen and (max-width: 991px) { .header .MuiGrid-container { padding: 0 6px; } } @media screen and (max-width: 1024px) { .emptyCart { display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; justify-content: center; left: 15px; right: 15px; } .emptyCart.thnkmsg, .emptyCart.thnkmsg .btn { position: static; } .emptyCart img { max-width: 200px; margin: 24px auto; } .emptyCart .btn { position: fixed; bottom: 0; left: 0; right: 0; } .cartWrap.switchFund .ttlInvst .amt { min-width: 120px; } .allActivity .question h2 { margin-bottom: 4px !important; } .allActivity .article .listList { padding-bottom: 16px !important; margin-bottom: 16px !important; } .expertProfile-wrapper .profileImage { margin-bottom: 0; } .mobSep100 { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .react-autosuggest__suggestions-container--open { max-height: none; height: calc(100vh - 53px); } .question .userDetails .username, .bTitle, .article h1, .article h2 { font-size: 1rem; } .mobileLanglist { margin-top: 11px; display: grid; grid-gap: 21px; } .mobileLanglist li { display: flex; } .mobileLanglist > li > a { display: flex; justify-content: space-between; width: 100%; } .langTitleMob { display: flex; justify-content: space-between; margin-bottom: 12px; color: #052f5f; font-weight: 700; } .langTitleMob img { width: 15px; } .sidenav .mobLoginWrap { padding-bottom: 0 !important; padding-top: 15px !important; } .sidenav .expLink img { width: 25px; vertical-align: middle; margin-right: 5px; } .sidenav .expLink { padding-bottom: 16px; } .sidenav { height: 100%; width: 250px; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav .closebtn img { width: 15px; cursor: pointer; } .sidenav .closeNav { padding: 0 10px; margin-top: 20px; } .sidenav .leftMenu { margin-top: 9px; border-top: 1.5px solid #eee; } .sidenav .leftMenu li { display: block; position: relative; } .sidenav .leftMenu li a, .sidenav .mobLoginWrap { display: block; color: #052f5f; font-size: 0.9375rem; font-weight: 700; padding: 8px 16px; } .sidenav .leftMenu li a:hover, .sidenav .leftMenu #panel1a-header:hover, .expLink a { background: #f0f3f6; } .sidenav .leftMenu .subMenu { width: 100%; } .sidenav .leftMenu .subMenu li a { font-size: 0.875rem; font-weight: 400; } .sidenav .leftMenu .ftNormal { font-weight: 400; } .sidenav .leftMenu .login { border-top: 1px solid #ccc; padding-top: 16px; margin-top: 20px; } .sidenav .leftMenu #panel1a-header, .sidenav .leftMenu .MuiExpansionPanelDetails-root { padding: 0; min-height: auto; } .sidenav .leftMenu .MuiExpansionPanel-rounded { border: none; box-shadow: none; } .sidenav .leftMenu .MuiIconButton-edgeEnd { padding: 8px 10px; margin: 0; } .sidenav .leftMenu .MuiExpansionPanelSummary-content, .expertVideoBox .bTitle { margin: 0; } .sidenav .leftMenu .MuiSvgIcon-root { color: #03a87c; } .signIn-mob .title h2 { font-size: 1rem; font-weight: 400; margin: 0; } .signIn-mob .title .quesTitle { color: rgba(5, 47, 95, 0.6); padding-bottom: 16px; margin-bottom: 24px !important; margin-top: 25px; border-bottom: 1px solid #eee; } .signIn-mob .loginForm { position: relative; clear: both; } .signIn-mob .form-group, .profileSec .form-group { margin-bottom: 16px; } .signIn-mob .form-group label { font-size: 1rem; font-weight: 700; display: block; margin-bottom: 8px; margin-top: 56px; } .signIn-mob .inputControl, .profileSec .inputControl, .location-search-input { height: 56px; } .signIn-mob .otpBtn { width: 100%; margin-top: 50px; } .signIn-mob .btn, .profileSec .signInForm .btn { width: 100% !important; } .signIn-mob a { color: #0c748c; } .signIn-mob a:hover { text-decoration: underline; } .signIn-mob .otpMobImg img { margin: 0 auto; display: block; width: 150px; margin-bottom: 20px; } .signIn-mob .otpBox .inputControl { height: auto; } .signIn-mob.otpSec h2 { font-size: 1.5rem; text-align: center; } .signIn-mob .rating img { max-width: 100%; vertical-align: middle; } .signIn-mob .title .close { width: 12px; } .signIn-mob { background: #fff; } .signIn-mob .btn { font-size: 1.125rem; } .signIn-mob .react-autosuggest__suggestions-container { left: 0 !important; width: 100%; } .mobile-search-container { position: relative; margin-left: -1px; } .mobile-search-input { width: 101vw; height: 55px; padding-top: 0px; padding: 0 10px; -moz-box-shadow: 0px 5px 5px -1px rgba(217, 204, 217, 1); background: #fff; } .mobile-search-container form { width: 100%; } .mobile-search-input input[type='text'] { border: none; padding: 0; padding-top: 9px; } .mobile-search-container .mobile-search-input img { background: #fff; cursor: pointer; } .mobile-search-input input[type='text'] { width: 95%; display: block; margin: 0 auto; padding: 7px 12px; border: none; box-shadow: none !important; -webkit-box-shadow: none !important; background: #f5f5f5; } .mobSearch-header { position: sticky; position: -webkit-sticky; top: 48px; background: #fff; z-index: 1; margin: 0 -16px; } .exp-cap-tags { display: block; margin: 16px 0 !important; } .sidenav .leftMenu li a, .sidenav .mobLoginWrap { font-size: 16px; } .popUp .modal-lg { max-width: 100%; margin: auto; } .popUp .modal-content { border: none; border-radius: inherit; box-shadow: none; } .sinInBox .modal-content > img, .sinInBox .mat-horizontal-stepper-header-container, .sinInBox .rightSign .title, #sector, .signIn-mob .search-icon { display: none; } .sinInBox .modal-content .signIn .col-md-5, .signIn .col-md-7, .video-details .col-md-6, .profileSec .signInForm, .profileSec .signInForm form { max-width: 100%; flex: 100%; } .signIn .leftSec:after { border-right: none; } .sinInBox .rightSign .btn-primary { width: 100%; } .sinInBox .rightSign { margin-top: 20px; } .location-device { display: flex; justify-content: space-between; align-items: center; } .location-device li { width: auto !important; border: 0 !important; height: 39px; } .pb-md-5 { padding-bottom: 5px; } .expertListingDevice .expertCard ul, .expert-profile-details .expCard .col-md-6 { padding-left: 0; } .bdr-md-0 { border: 0 !important; } .MuiDialog-paper { margin: 0 !important; } .navIcon { position: relative; width: 32px; height: 32px; float: right; background: #03a87c; padding: 8px 0; cursor: pointer; margin-top: 4px; } .navIcon span { width: 24px; margin: auto; height: 2px; background: #fff; display: block; } .navIcon span + span { margin-top: 5px; } .NavBox { width: 40px; height: 39px; line-height: 40px; display: block; } .NavBox ul li, .NavBox li.active { padding: 0; text-align: left; border-bottom: 1px solid #f0f3f6 !important; } .NavBox:hover ul, .navSec ul li, .menuTop:hover .tMenu { display: block; } .NavBox ul li a { padding-left: 5px; display: block; } .navSec ul { position: absolute; width: 100%; top: 38px; background: #fff; } .navSec { min-height: 40px; position: relative; } .navSec li.active { border-bottom: none; } .logoSection { width: 80%; } .menuTop { width: 40px; height: 40px; } .mobileIcon + .tMenu, .navSec ul, .mobHide, .chatText-now { display: none !important; } .menuTop .langSec .dropdownMenu { top: 28px; } .tMenu { padding-top: 0 !important; position: absolute; right: 0; top: 40px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: 140px; z-index: 1; } .menuTop .langSec { border-left: none; border-right: none; } .menuTop .langSec .arrowImg, .menuTop .userProfile .arrowImg { float: right; vertical-align: middle; padding-top: 8px; } .tMenu li { display: block; border-bottom: 1px solid #f0f3f6; } .tMenu li a { padding: 8px; display: block; font-weight: 400; font-size: 0.875rem; } .tMenu li a:hover, .NavBox ul li a:hover { background: #f0f3f6; display: block; } .mobileIcon { display: block; position: relative; float: right; cursor: pointer; padding: 6px; } .mobileIcon span { width: 4px; height: 4px; background: #03a87c; display: block; border-radius: 100%; margin: auto; } .mobileIcon span + span { margin-top: 3px; } .mobileIcon { margin-top: 10px; width: 30px; height: 30px; border-radius: 100%; transition: 1s; } .mobileIcon:hover { background: #03a87c; } .mobileIcon:hover span { background: #fff; } .col-md-8, .col-md-4 { max-width: 100% !important; flex: 0 0 100% !important; padding: 0; } .chatBox { margin: 0 -16px 16px; width: calc(100% + 32px); } .expertBtn { width: auto; } .iconsAction li:first-child { padding-left: 14px; } .iconsAction li { padding: 0 15px; } #detailBox { order: 2; margin-bottom: 30px; } .order1, .order2 { order: 1; } .article.article-details { flex-direction: column; } .article.article-details .moreSec, .article.article-details .topDetails .listDetail, .expert-profile-details .topDetails .iconsAction, .expert-profile-queDetail .topDetails .iconsAction, .article.article-details .topDetails h2, .videoSection .video-wrap, .video-details .sliderbox .react-multi-carousel-track .thumb, .vdo-box .thumb-wrap, .expertVideoBox .expThumb { order: 2; } .article.article-details .commentsSec, .article.article-details .topDetails .expCard, .expert-profile-queDetail .topDetails .commentBox, .order3, .videoSection .bTitle, .video-details .sliderbox .react-multi-carousel-track .bTitle, .vdo-box .bTitle, .article-box, .expertVideoBox .bTitle { order: 3; } .article.article-details .topDetails .expCard .expertBtn { position: fixed; left: 0; right: 0; bottom: 0; } .article.article-details .moreSec .listList, .article.article-details .topDetails .listList, .expert-profile-queDetail .moreAns, .listList.videoSection, .vdo-box .col-md-4, .expertVideoBox { display: flex; flex-direction: column; } .video-details .videoSection { display: block; margin-top: 0; } .article.article-details .bannerSec { margin: 0; } .article .bannerImg, .ans-wrapper { margin-top: 0; } .article.article-details .topDetails .listDetail, .sm-s { padding: 0 !important; } .article.article-details .moreSec .listList h2, .article.article-details .topDetails h2, .listDetail .details { margin-top: 5px; } .allActivity .listDetail .details { margin-top: 0; } .article.article-details .topDetails .bannerSec { order: 1; } .article.article-details .topDetails .content, .expert-profile-queDetail .content, .order4 { order: 4; } .expert-profile-details .topDetails .content, .expert-profile-queDetail .btn, .article.article-details .topDetails .iconsAction { order: 5; } .expert-profile-details .topDetails .bannerSec, .expertCard .funds-list, .expertVideoBox .listDetail ul { margin-top: 10px; } .article.article-details .listList .bannerSec { margin: 0 -16px; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:first-child, .video-details .expCard.share-wrap .col-md-6:first-child, .article.article-details .expCard.share-wrap .col-md-6:first-child { max-width: 70%; flex: 70%; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:last-child, .video-details .expCard.share-wrap .col-md-6:last-child, .article.article-details .expCard.share-wrap .col-md-6:last-child { max-width: 30%; flex: 30%; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:last-child ul { padding-top: 10px; } .expertCard .userDetails, .article-details.question .btn-border { width: 100%; } .expertCard .userDetails .detail img { float: right; } .expertsVideo .expertCard .username { font-size: 1.375rem !important; margin-top: 10px; } .expertDetails .expertCard { position: relative; } .expertDetails .shareBtn img { width: 18px; } .expertCard .listCustom li { margin-right: 34px; font-size: 12px; } .expertCard .listCustom li:before { top: 4px !important; left: -16px; width: 11px; height: 10px; background-size: 10px; } .expertDetails .shareBtn { position: absolute; top: 0; right: 20px; } .expertCard .list-unstyle li { position: relative; margin: 0 10px; display: inline; } .expertCard .list-unstyle li:before { position: absolute; content: ''; width: 4px; height: 4px; background: #052f5f; border-radius: 100%; top: 7px; left: -10px; } .expertCard .btn-primary { display: block; width: 100%; } .expertCard .listDetail { padding-bottom: 0; margin-bottom: 5px; } .expertCard .listCustom { margin-top: 16px; } .deskHide { display: block !important; width: 100%; border: 0 !important; margin-top: 10px; } .border-separator { width: calc(110% + 31px) !important; border-bottom: 1.5px solid #eee !important; margin: 24px 0 24px -31px; } .verified .expertCard .d-flex, .verified .btn-primary, .expertCard .d-flex, .expertsVideo .expertCard, .profileSec .checkList li { display: block; } .verified .expertCard .listDetail ul li .userImg, .expertsVideo .expertCard ul li .userImg { float: none; margin: 0 auto !important; display: block; } .verified .expertCard .listDetail, .expertsVideo .expertCard ul li .userDetails, .expertBtn > .btn-wrapper > .btn { text-align: center; } .verified .btn-primary { margin: 0 auto; } .expertCard .listDetail ul li .userImg { margin-right: 15px; background: #8dd8c4; } .expertCard .funds-list li { float: left; margin: 0 5px 0 0; } .expertCard .funds-list { display: grid; grid-template-columns: 1fr 1fr; } .expertListing .expertListingDevice { overflow: inherit !important; } .expertListing .expertCard .d-flex { display: flex; } .expertListing .address { font-size: 12px; } .expertListing .address img { width: 11px; vertical-align: middle; } .expertCard .cardNextImg { width: 8px; } .expertsVideo .expertCard .profileImage { float: none; margin: 0 auto; } #filter .row, .expertListing .row { margin: 0 -10px; } #filter + .col-md-8 { padding: 0 16px; } .expertCard .listDetail, .fund-details .bdrBottom, .HomeCard.Expert .profileImage { margin-bottom: 0; } .filt-Box.expertFilter, .filterShort { padding: 0 24px; } .expertFilter h2 { margin-bottom: 24px; } .filt-Box.expertFilter .MuiFormControlLabel-root, .filt-Box.expertFilter h3, .filterShort .MuiFormControlLabel-root, .filterShort h3, .filterShort h2 { margin: 0 0 16px 0; } .filt-Box.expertFilter li:last-child .MuiFormControlLabel-root { margin-bottom: 0; } .filt-Box.expertFilter .MuiSvgIcon-root, .filterShort .MuiSvgIcon-root { width: 0.75em; height: 0.75em; } .filt-Box.expertFilter .MuiFormControlLabel-label, .filterShort .MuiFormControlLabel-label { margin-left: 16px; } .filt-Box.expertFilter .rating img { margin-left: 5px; width: 11px; } .filt-Box.expertFilter .MuiCheckbox-root, .filterShort .MuiRadio-root { padding: 0; } .expertFilter .totalExperience, .expertFilter .serviceArea { padding-bottom: 16px; margin-bottom: 24px; } .expertFilter .serviceArea { border-bottom: 1px solid #eee; } .expertsVideo .expertCard { margin-top: 22px; } .device-agent { width: 100% !important; height: 205px !important; } .listList .row { margin: 0px; } .listList .col-md-6, .expCard.share-wrap .col-md-12 { max-width: 100%; flex: 100%; padding: 0; } .navSec-wrap { margin: 0; border: none; } .listList > .video-wrap, .review-sec .ratingReview { margin: 0px -16px; } .review-sec .ratingReview { width: inherit !important; padding: 10px 16px; } .videoSection, .video-details .videoSection, .review-sec, .analysis-wrap { padding-left: 16px !important; padding-right: 16px !important; margin-left: -16px; margin-right: -16px; min-height: 245px; } .analysis-wrap { min-height: auto; } header .MuiToolbar-regular { min-height: auto !important; justify-content: space-between; } .makeStyles-mobContainer-3, .jss3, .makeStyles-mobContainer-87 { margin: 48px 16px 130px 16px !important; } .sm-c { display: inherit !important; } .listDetail ul li .userImg { margin-right: 10px !important; display: inherit; } .profileSec .checkBoxSec .col-md-6 .row .col-md-6, .profileSec .col-md-2 { display: block; flex: 100%; max-width: 100%; } .profileSec { background: #fff; } .profileSec .signInForm { padding: 20px 15px; } .profileSec .signInForm form ul li .btn { width: auto !important; } .profileSec .signInForm .btn + .btn { margin-top: 0 !important; } .expertBgSec { margin: 0 -15px 0 -15px; padding: 15px; } .expertListing .addressBar { display: flex; justify-content: space-between; margin-bottom: 20px; background: #fff; } .experOnline { background: #fff; margin-bottom: 0; } .experOnline .blue { width: 25%; } .btn-primary { background: #03a87c; border-radius: 4px; border: none; color: #fff; cursor: pointer; } .search-wrapper { padding: 16px; border: none; } .search-wrapper .close-icon { cursor: pointer; width: 14px; vertical-align: middle; margin-right: 10px; } .search-wrapper form, .mob-btn { width: 100%; } .modal-wrapper { margin: 26px auto 0 !important; width: 100% !important; height: 100vh; } .modal-body { width: 100%; height: 100%; padding: 0 !important; } .popUp .modal-full { width: 100%; margin: auto; height: 100%; } .popUp .modal-content, .popUp { height: 100%; } .fundHouse .col-md-6, .topHolding .col-md-6, .graphBox .col-md-6, .returnCal .col-md-6 { max-width: 100%; flex: 100%; } .graphBox .Select .btn, .expertCard .list-unstyle, .article .bannerImg { margin-bottom: 5px; } .cardSlider { position: relative; display: flex; overflow-x: scroll; width: 100%; } .cardSlider .cardBox { margin-right: 20px; min-width: 80%; } .fund-details h3 .arrowImg { padding-top: 17px; display: block !important; } .topHolding .tabMenu { border-top: none; } .topHolding .tabMenu li { padding: 10px 15px; } .certificate-wrapper { border: none; } .certificate-wrapper li:last-child { padding: 0 !important; } .capabilities, .Certifications { padding-left: 0; border: 0; } .capabilities ul li { padding-bottom: 5px; } .filterFixed { position: sticky; position: -webkit-sticky; top: 48px; background: #fff; z-index: 1; margin-bottom: 10px !important; padding-top: 10px; } .submit-answer .btn, .btn { width: 100% !important; } .totalReview { margin: 16px 0 24px 0; font-size: 1rem; } .review-sec .btn-border { position: relative; width: 100%; margin-top: 16px; } .review-sec .btn-border:hover { background: none; color: #03a87c; } .review-sec .btn-border img { vertical-align: middle; float: right; position: absolute; right: 20px; top: 13px; width: 15px; } .review-wrapper .review-sec h2, .expertsVideo .expertBtn .btn-wrapper { margin-top: 24px; } .review-sec .review-list .rating { margin: 9px 0 16px 0; } .signIn-mob.review-sec .userName { font-size: 1rem; } .signIn-mob.review-sec .rateReview { margin: 16px 0 24px 0; } .signIn-mob.review-sec h2 { text-transform: uppercase; } .btn-wrapper { padding: 0 12%; } .btn + .btn, .expertsVideo .btn, .article .btn + .btn { margin-top: 16px !important; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px !important; } .sm-btn { width: 237px !important; } .react-multi-carousel-track li .evTitle { display: block; margin-left: 16px; } .btn-border { padding: 7px 15px !important; } .searchResultContainer { margin-top: 20px; } .profileSec .signInForm .btn { width: auto !important; margin: 0; } .signInstepper { max-width: 100%; } .filterShort ul li .MuiFormControlLabel-root, .article .bannerImg { display: block; } #filter { border: none; padding-right: 15px; } .filt-Box.expertFilter { height: 350px; } .filterBtn .btn { margin: 0 !important; background: none; color: #03a87c; position: relative; } .filterBtn .btn:first-child { color: #052f5f; } .filterBtn .btn:first-child::after { content: ''; position: absolute; right: 0; top: 5px; width: 2px; height: 26px; background: #eee; } .commentBox.submit-answer, .commentsSec h2, .question h2, .HomeCard.Question h2 { margin-bottom: 16px !important; } .question .commentListAll li, .commentsSec .listDetail ul > li > p, .commentsSec .listDetail > ul > li ul.iconsAction, .ans-wrapper { padding-left: 0 !important; } .question .commentListAll li > p { padding-left: 78px !important; } .rateReview .MuiSvgIcon-root.btn, .rating .MuiSvgIcon-root.btn, .fund-listing .cardBox .cardBody ul li { width: auto !important; } .fund-listing .cardBox .cardBody ul { display: flex; justify-content: space-between; } .fund-listing .cardBox .cardBody ul li, .fund-details .cardDetails .cardBody ul li, .fund-details .cardDetails .topAddList .addList { font-size: 0.6875rem; } .article-details.article.question .listList:last-child, .fund-details .bdrBottom { border-bottom: none !important; } .deskHide .review-sec .border-separator { border-bottom: none !important; } .HomeCard.Question .article-details.article .listList { border-bottom: 1.5px solid #eee !important; margin-bottom: 20px; } .react-autosuggest__suggestions-container--open { display: block; position: absolute; top: 42px; width: calc(100% + 82px); background-color: #fff; font-weight: 300; font-size: 0.875rem; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; box-shadow: none; left: -37px !important; } .product-title h2 { line-height: 1.3; } .product-title .rating { font-size: 0.6875rem; font-weight: 700; width: auto; height: 23px; min-width: 40px; } .product-title .rating img { width: 11px; } .fund-listing .fundLogo { margin-bottom: 5px; } .fund-details .topHolding .li:last-child { padding-bottom: 0; } .fund-listing .topAddList .addList { font-size: 0.6875rem; margin-right: 8px; padding: 4px 8px 5px; border-radius: 4px !important; display: inline-block; } .fund-details .cardDetails .topAddList .addList { border-radius: 16px; padding: 4px 16px 5px; display: inline-block; } .fund-details .cardDetails .headBorder, .fund-details .fundCard p:last-child { margin-bottom: 0 !important; } .fund-details .cardDetails ul + ul { margin-top: 15px; } .fund-details .graphBox { padding-bottom: 10px; } .fund-details h3, .fund-details .topHolding .tabMenu { margin-bottom: 4px !important; } .fund-details .returnCal .calBox li { margin-bottom: 24px; padding: 0; } .fund-details .dashBox { padding: 0; border: none; } .returnCal .calBox input { width: 100%; margin-left: 0 !important; margin-top: 8px; height: 56px; } .fund-details .fundHouse { margin: 0 0 16px 0; } .fund-details .fundCard h3 { margin-bottom: 16px; } .fund-details .fundHouse ul li { width: 100%; float: left; } .cardDetails .cardBody, .topHolding, .returnCal, .graphBox { border-bottom: none !important; margin-bottom: 0 !important; } .fund-details .cardDetails .cardFooter { border-bottom: 1.5px solid #eee; margin-bottom: 16px; } .fund-details .cardDetails .cardHeader .fundLogo { margin-bottom: 14px; } .fund-details .cardBody, .HomeCard .listList, .expertVideoBox.listList, .article-wrapper a > .article.article-details .listList { padding-bottom: 24px !important; } .fund-details .fundCard { margin: 0 !important; } footer .col-md-3, footer .col-md-6 { flex: 0 0 100%; max-width: 100%; justify-content: center; flex-direction: row; } footer .bdr-lr { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; padding: 15px 20px !important; } footer .copy { margin-top: 10px; float: right; } footer .col-md-6 + .col-md-3 { justify-content: flex-end; } footer .social { margin-left: 0; margin-top: 0; } footer .col-md-6 .d-flex, .expertListing .addressBar { display: block; } footer .col-md-6 .mr-3 a { margin-bottom: 5px; } footer .col-md-6 .font-w { margin: 5px 0; } .react-multiple-carousel__arrow, .exp-cap-tags ul li:first-child .divider, .expertsVideo .tabMenu, #filter, .expertListing .expertCard .btn-primary { display: none; } .react-multi-carousel-track, .sliderbox, .expertVideoBox { overflow: inherit; } .react-multi-carousel-list { margin: 0 0 0 -16px; width: 110%; } .expertVideoBox .thumb { float: none; width: 100%; max-width: inherit; margin-right: 0; } .expertVideoBox > a { margin: 0 -16px; display: block; } .expertListing .location-device, .expertListing .searchFilter { width: 100%; border: none; padding: 0 16px; } .expertListing .searchFilter input { margin: 8px 0; background: rgba(240, 243, 246, 0.4); padding: 6px 16px; border: none; border-radius: 4px; height: 34px; padding-right: 40px; } .expertListing .location-device, .expertListing .mapText { background: rgba(240, 243, 246, 0.4); padding: 0 16px !important; } .expertListing, .expertListing .mapText, .slider .sliderbox .bTitle { padding: 0 16px; } .expertListing .addressBar, .expertListing .mapText { margin: 0 -16px; } .expertListing .searchFilter img { top: 17px; right: 25px; width: 20px; } .expertListing .location-device { padding: 0 16px 10px 16px; position: relative; } .expertListing .location-device:after { content: ''; position: absolute; border-bottom: 1px dashed #eee; width: calc(100% - 32px); bottom: 5px; } .expertListing .addressBar .searchFilter .react-autosuggest__suggestions-container--open { box-shadow: 0 0 3px #ccc; width: 100%; top: 39px; left: 0 !important; } .expertListing .location-device input { background: none; font-size: 1rem; color: #052f5f; height: 34px; } .expertListing .gpsIcon { width: 20px; } .expertListing .expertCard .userDetails, .expertListing .expertCard .userDetails.ellipsis-text { float: left; width: calc(100% - 88px); } .expertListing .addressBar .location-device li .gpsIcon { float: right; } .expertListing .addressBar .location-device li:nth-child(2) { padding-top: 8px; } .expertListing .col-md-12 { padding: 0; } .expertListing .rating img { margin-right: 5px; } .expertListing .detail { margin: 4px 0 !important; } .listCustom li:before { top: 8px; } .expertListing .mapText { font-size: 0.75rem; } .profileImage, .qpCard, .expertCard .profileImage { margin-right: 10px; width: 56px; height: 56px; line-height: 48px; font-size: 30px; } .expertListing .profileImage { width: 68px; height: 68px; line-height: 60px; font-size: 38px; } .commentsSec .commentListAll .profileImage { width: 40px; height: 40px; line-height: 32px; font-size: 22px; } .article .article.article-details.pointer .listList h2, .fund-details .slider { margin-bottom: 0 !important; } .expertCard .profileImage.w-100 { width: 100px; height: 100px; line-height: 100px; font-size: 50px; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:first-child, .video-details .expCard.share-wrap .col-md-6:first-child, .article.article-details .expCard.share-wrap .col-md-6:first-child { max-width: 75%; flex: 75%; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:last-child, .video-details .expCard.share-wrap .col-md-6:last-child, .article.article-details .expCard.share-wrap .col-md-6:last-child { max-width: 25%; flex: 25%; } .article-details .listIcons li, .questionCardIcon li { padding: 0 7px; } .questionCardIcon { margin-top: 8px; } .questionCardIcon li:first-child { padding-left: 0; } .listDetail .userImg { width: 56px !important; height: 56px !important; } .expertListing .userImg { width: 68px !important; height: 68px !important; } .commentsSec .commentListAll .userImg { width: 40px !important; height: 40px !important; } .question, .fund-details { margin-top: 15px; } .filt-Box.expertFilter { height: auto; } .authCross img { width: 15px; } .signIn-mob .form-group label, .Toastify + .question, .HomeCard.Question h2 { margin-top: 0; } .ReactModalPortal .ReactModal__Content--after-open { overflow: inherit !important; overflow-x: auto !important; } .listDetail .userImg.w-100 { width: 100px !important; height: 100px !important; } .fund-details h3 { position: relative; display: block; background: #052f5f0f; padding: 0 16px; margin: 0 -16px 4px !important; line-height: 40px; font-size: 1rem; font-weight: 700; } .fund-details h3::after { position: absolute; width: 100%; height: 40px; content: ''; background: rgba(255, 255, 255, 0); top: 0; left: 0; } .mob-fund-list-crou ul li { width: 50% !important; } .mob-fund-list-crou .percentage { font-size: 16px; font-weight: 700; } .mob-fund-list-crou .percentage img { height: 11px; margin-right: 4px; } .titleBlock { display: block; } .signIn-mob .otpMobImg img { width: 100px; } .otpHead .quesTitle { margin-top: 20px; padding-bottom: 5px; } .filterShort { margin-bottom: 50px; } .ck-content.ck-editor__editable { min-height: 120px; } .fundHouse ul li .title { width: 40%; } .fundHouse ul li .detail { width: 60%; float: left; } .fundHouse ul li a { word-break: break-all; } .fund-listing .cardHeader { padding: 16px 16px 8px 16px !important; } .fund-listing .cardBody, .fund-listing .cardFooter .topAddList { padding: 8px 16px !important; } .cardBox { margin-bottom: 16px !important; border: 1px solid #eee !important; } .fund-details .cardBox { max-height: 291px; height: 290px; } .expCard.share-wrap .userDetails { width: 50%; } .fund-details .similarFund .react-multi-carousel-item { margin-right: 0; } .fund-details .cardBox .fundLogo img { display: inline; } .fund-details .topHolding { margin-top: 0; } .fund-details .cardDetails .cardFooter .topAddList { margin-top: 5px; margin-bottom: 24px; } .topHolding .tabMenu li { display: inline; justify-content: inherit; } .HomeCard, .headBorder, .article h2.headBorder, .accordation-body { margin-bottom: 24px !important; } .fund-details .fundCard .sliderbox .react-multi-carousel-item { padding-right: 0; } .react-multi-carousel-item .mob-fund-list-crou { margin-left: 8px !important; margin-right: 8px !important; } li.react-multi-carousel-item--active:first-child .mob-fund-list-crou { margin-left: 0 !important; } .activityWrapper, .expertDetails .address { margin-bottom: 0 !important; padding-bottom: 0 !important; } .evTitle { font-size: inherit !important; } .videoSection .bTitle { margin-top: 8px !important; margin-bottom: 0 !important; } .videoSection .expCard.share-wrap, .article.article-details .bannerSec + h2, .video-details .videoSection .bTitle { margin-bottom: 8px !important; } .MuiGrid-container { margin: 0 auto !important; } .chatbtn-sm { width: 99px; height: 36px; font-size: 1.125rem; } .expertDetails .expertBtn .btn, .expertDetails .detail { margin-top: 0 !important; } .videoSection { margin-top: 24px; } .HomeCard.Question .rt-template, .question .rt-template, .article-details .article-box { margin-top: 8px; } .accordation-body { margin-top: 16px; } .activityWrapper .recentActivity, .accordation-body .tabMenu { margin-bottom: 16px; } .fund-details .activityWrapper .recentActivity { border-top: 0 !important; } .bdrBottom.fundCard, .topHolding, .fundHouse.fundCard, .returnCal { padding-bottom: 0 !important; } .returnCal.bdr-btm { border-bottom: 1.5px solid #eee !important; margin: 0 -16px 24px !important; padding: 0 16px 24px !important; } .chatbtn-sm { top: 5px; } .articleUser { font-size: 0.875rem !important; } .video-details .sliderbox .react-multi-carousel-track .bTitle, .video-details .sliderbox .react-multi-carousel-track .listDetail, .vdo-box .listDetail, .vdo-box .bTitle { padding-left: 16px !important; } .video-details .sliderbox .react-multi-carousel-track .listDetail, .vdo-box .listDetail, .expertVideoBox .listDetail { margin-bottom: 8px; } .article-wrapper { margin-top: 24px; } .article-wrapper .article.article-details .listList, .Article .listList, #trending .expertVideoBox.listList, .Question .listList, .HomeCard { margin: 0 -16px 24px !important; padding: 0 16px 24px !important; } .article-wrapper .article.article-details .bannerSec, .Article .bannerSec { margin: 16px -16px !important; } .article-wrapper .article.article-details { margin-bottom: 16px; } .article-wrapper .article.article-details .username, .Article .username { font-size: 0.875rem !important; } .article-wrapper .article.article-details .article-box p, .article-wrapper .article.article-details .article-box ol, .article-wrapper .article.article-details .article-box ul, .Article .article-box p, .Article .article-box ol, .Article .article-box ul { margin-bottom: 24px !important; font-size: 1rem; } .article-wrapper .article.article-details .article-box p:last-child, .article-wrapper .article.article-details .article-box ul:last-child, .article-wrapper .article.article-details .article-box ol:last-child, .Article p:last-child, .Article ol:last-child, .Article ul:last-child, #trending .expertVideoBox.listList:last-child, .HomeCard.Product .mob-fund-list-crou:last-child .cardBox { margin-bottom: 0 !important; } .HomeCard:last-child { border-bottom: 0; } .Question .listList:last-child, .Article a:last-child .listList, .Video .listList:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .invoice-wrap .btn { position: fixed; left: 0; border-radius: 0; bottom: 0; } .expertProfile-wrapper { margin-left: -16px; margin-right: -16px; } .expertProfile-wrapper .expertProfile { padding: 0px; margin-left: -15px; margin-right: -15px; width: auto; } .expertProfile-wrapper .row > .col-md-12 { display: contents; } .expertProfile-wrapper .expertProfile .expertCard { border-radius: 15px 15px 0px 0px; padding: 0px 15px; margin-top: 60px; border-bottom: 3px solid #dbdcdc; } .expertProfile-wrapper .expertProfile .userImage { background: #67ceb6; font-size: 3rem; line-height: 80px; width: 88px; height: 88px; margin-right: 0px; } .expertProfile .verifiedUserBg::after { content: none; } /* .expertProfile .userImage:after { content: ''; background: transparent; width: 96px; height: 96px; position: absolute; border: 2px solid #03a87c; border-radius: 100%; left: -4px; top: -4px; } */ .expertProfile-wrapper .expertProfile .userImage-Wrap.relative { margin-top: -45px; } .expertProfile-wrapper .expertProfile .userImage-Wrap.relative img.verifiedUser { left: 60px; bottom: 0; border-radius: 100%; background: #fff; width: 24px; } .expertProfile-wrapper .expertProfile .expertBtn .shareBtn { width: 40px; height: 40px; margin-top: -20px; box-shadow: 0px 0px 10px #ccc; position: absolute; } .expertProfile-wrapper .expertProfile .expertBtn .editProfile { margin-top: -40px; font-size: 10px; font-weight: 700; white-space: nowrap; position: absolute; } .expertProfile-wrapper .expertProfile .expertCard .btn-wrapper .btn { display: none; } .expertProfile-wrapper .expertProfile .expertBtn { width: auto; } .expertProfile-wrapper .expertProfile .rating { float: right; background: #f0f3f6; padding: 2px 10px; font-size: 14px; } .expertProfile-wrapper .capabilities ul.list-unstyle.list-inline li { display: block !important; } .expertProfile-wrapper .capabilities ul.list-unstyle.list-inline li img { width: 15px; height: 15px; margin-right: 10px; } .expertProfile-wrapper .capabilities .headBorder { margin-bottom: 15px !important; padding-bottom: 3px; } .expertProfile-wrapper .col-md-8, .expertProfile-wrapper .col-md-4 { padding: 0px 15px; } .expertProfile-wrapper .col-md-12 { padding: 0px 15px; display: block !important; } .expertProfile-wrapper .expert-wrap { padding-left: 0px; } .expertProfile-wrapper .rateBox img { padding-right: 4px; } .expertProfile-wrapper .inputControl { margin: 5px 0px; } .expertProfile-wrapper .postReviewBu { height: 40px; background: #03a87c; border: 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 400; padding: 10px 15px !important; margin-top: 4px; } .expertProfile-wrapper .rateStar h2 { margin: 25px 0px 15px; } .expertProfile-wrapper .rateStar h3 { margin: 10px 0px; } .ac .ratingValue, .expertProfile-wrapper .ratingValue { background: #f0f3f6; width: 72px; height: 72px; color: #052f5f; font-size: 30px; display: inline-block; line-height: 72px; border-radius: 100%; margin-bottom: 10px; margin-right: 0; float: none; } .tabWrap > ul { white-space: nowrap; overflow-x: auto; } .tabWrap > ul li { display: inline; } .MuiRating-root label span span { padding: 4px !important; } .MuiRating-root label:first-child span span { padding-left: 0 !important; } .MuiRating-root label span span img { max-width: 24px; } .MuiRating-decimal { width: 26px; } .expertProfile-wrapper .review-sec h3 { margin-bottom: 24px; } .tabWrap ul li { margin-right: 10px; } .expertProfile-wrapper .rateReview { margin: 0; } .getAppWrap { margin-left: -16px; margin-right: -24px; margin-top: 24px; margin-bottom: 50px; width: auto; padding: 16px; font-size: 1rem; } .getAppWrap .getApp span { display: block; font-size: 0.875rem; } .getAppWrap .getApp img { max-height: 22px; width: auto; margin: 5px 8px 0 0; display: inline-block; } .getAppImg { max-width: 76px; margin-left: auto; margin-right: 0; float: right; } .getAppWrap .searchWrap input { width: 100%; margin-bottom: 16px; } .expertCard .userDetails { margin-top: 8px; } .expertProfile-wrapper .expert-wrap .capabilities ul li { width: auto; } .expertProfile .btn-border { margin-top: 24px; } .user-detail-container { width: 100%; } .expertChat { width: 100%; position: fixed; left: 0; padding: 10px 16px; background: #fff; bottom: -1px; height: 66px; -webkit-box-pack: center; justify-content: center; box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.23); z-index: 2002; } .expertChat .userImg { width: 42px !important; height: 42px !important; background: #8dd8c4; overflow: hidden; border-radius: 100%; float: left; clear: both; margin-right: 10px; } .expertChat .userDetails { width: 80% !important; margin-top: 0; } .expertChat .chatbtn-sm { color: #fff; font-size: 1rem !important; border-radius: 4px; background: #03a87c; padding: 4px 8px; height: 32px; width: auto; font-weight: 700; position: absolute; top: 0; z-index: 1; } .art-M .MuiToggleButtonGroup-root button { border: 2px solid #03a87c !important; border-radius: 50% !important; margin-right: 8px; height: 30px; width: 30px; padding: 0; } .art-M .MuiToggleButtonGroup-root button svg { color: #03a87c !important; font-size: 1rem; } .art-M .MuiToggleButtonGroup-root button.Mui-selected { background: #fff; border: 2px solid rgba(3, 168, 124, 0.7) !important; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } @media (min-width: 1367px) and (max-width: 1920px) { .corona-landing { font-size: 0.875rem !important; margin: 0 -16px; } .corona-landing .col-md-12, .corona-landing .col-md-7, .corona-landing .col-md-5 { max-width: 100% !important; flex: 0 0 100% !important; padding: 0; } .corona-landing p { font-size: 1rem !important; } .corona-landing .cta1 { padding: 32px 46px 72px; } .corona-landing .cta1 img { margin-top: 56px; } .corona-landing .cta1 .btn { margin-bottom: 20px; padding: 18px 56px; } .corona-landing h1 { font-size: 1.5rem; margin-bottom: 24px; } .corona-landing .type-question textarea { padding: 16px; margin-bottom: 20px; } } @media screen and (max-width: 375px) { .expCard.share-wrap .userDetails { width: 100% !important; } .videoSection .expCard.share-wrap .userDetails, .questionDetails .userDetails { width: 50% !important; } .mobSearch-header .MuiTabs-flexContainer { display: block; overflow-x: scroll; } } .investNow { padding: 10px 16px; background: #fff; } .investNow .title { padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .investNow .title h1 { font-size: 1rem; color: #052f5f; text-transform: initial; margin-bottom: 0; } .investNow .invoiceContent { margin-bottom: 8px; padding: 24px 20px 24px 12px; } .investNow .invoiceContent .invoiceDetail { margin-bottom: 0; } @media screen and (max-width: 1024px) { .investNow { width: 100%; /*position:fixed;left:0;bottom:-1px;*/ margin-top: 24px; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.23); padding-bottom: 60px; } .allActivity .question h2 { margin-bottom: 4px !important; } .allActivity .article .listList { padding-bottom: 16px !important; margin-bottom: 16px !important; } .expertProfile-wrapper .profileImage { margin-bottom: 0; } .mobSep100 { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .react-autosuggest__suggestions-container--open { max-height: none; height: calc(100vh - 53px); } .question .userDetails .username, .bTitle, .article h1, .article h2 { font-size: 1rem !important; } .mobileLanglist { margin-top: 11px; display: grid; grid-gap: 21px; } .mobileLanglist li { display: flex; } .mobileLanglist > li > a { display: flex; justify-content: space-between; width: 100%; } .langTitleMob { display: flex; justify-content: space-between; margin-bottom: 12px; color: #052f5f; font-weight: 700; } .langTitleMob img { width: 15px; } .mobUser.dropdownMenu { padding-top: 0; min-width: 120px; top: 48px; } .mobUser.dropdownMenu li a { display: block; font-size: 0.875rem; font-weight: 400; color: #052f5f; padding: 5px 16px; border-bottom: 1px solid #f0f3f6; } .sidenav .mobLoginWrap { padding-bottom: 0 !important; padding-top: 15px !important; } .sidenav .expLink img { width: 25px; vertical-align: middle; margin-right: 5px; } .sidenav .expLink { padding-bottom: 16px; } .sidenav { height: 100%; width: 250px; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav .closebtn img { width: 15px; cursor: pointer; } .sidenav .closeNav { padding: 0 10px; margin-top: 20px; } .sidenav .leftMenu { margin-top: 9px; border-top: 1.5px solid #eee; } .sidenav .leftMenu li { display: block; position: relative; } .sidenav .leftMenu li a, .sidenav .mobLoginWrap { display: block; color: #052f5f; font-size: 0.9375rem; font-weight: 700; padding: 8px 16px; } .sidenav .leftMenu li a:hover, .sidenav .leftMenu #panel1a-header:hover, .expLink a { background: #f0f3f6; } .sidenav .leftMenu .subMenu { width: 100%; } .sidenav .leftMenu .subMenu li a { font-size: 0.875rem; font-weight: 400; } .sidenav .leftMenu .ftNormal { font-weight: 400; } .sidenav .leftMenu .login { border-top: 1px solid #ccc; padding-top: 16px; margin-top: 20px; } .sidenav .leftMenu #panel1a-header, .sidenav .leftMenu .MuiExpansionPanelDetails-root { padding: 0; min-height: auto; } .sidenav .leftMenu .MuiExpansionPanel-rounded { border: none; box-shadow: none; } .sidenav .leftMenu .MuiIconButton-edgeEnd { padding: 8px 10px; margin: 0; } .sidenav .leftMenu .MuiExpansionPanelSummary-content, .expertVideoBox .bTitle { margin: 0; } .sidenav .leftMenu .MuiSvgIcon-root { color: #03a87c; } .signIn-mob .title h2 { font-size: 1rem; font-weight: 400; margin: 0; } .signIn-mob .title .quesTitle { color: rgba(5, 47, 95, 0.6); padding-bottom: 16px; margin-bottom: 24px !important; margin-top: 25px; border-bottom: 1px solid #eee; } .signIn-mob .loginForm { position: relative; clear: both; } .signIn-mob .form-group, .profileSec .form-group { margin-bottom: 16px; } .signIn-mob .form-group label { font-size: 1rem; font-weight: 700; display: block; margin-bottom: 8px; margin-top: 56px; } .signIn-mob .inputControl, .profileSec .inputControl, .location-search-input { height: 56px; } .signIn-mob .otpBtn { width: 100%; margin-top: 50px; } .signIn-mob .btn, .profileSec .signInForm .btn { width: 100% !important; } .signIn-mob a { color: #0c748c; } .signIn-mob a:hover { text-decoration: underline; } .signIn-mob .otpMobImg img { margin: 0 auto; display: block; width: 150px; margin-bottom: 20px; } .signIn-mob .otpBox .inputControl { height: auto; } .signIn-mob.otpSec h2 { font-size: 1.5rem; text-align: center; } .signIn-mob .rating img { max-width: 100%; vertical-align: middle; } .signIn-mob .title .close { width: 12px; } .signIn-mob { background: #fff; } .signIn-mob .btn { font-size: 1.125rem; } .signIn-mob .react-autosuggest__suggestions-container { left: 0 !important; width: 100%; } .mobile-search-container { position: relative; margin-left: -1px; } .mobile-search-input { width: 101vw; height: 55px; padding-top: 0px; padding: 0 10px; -moz-box-shadow: 0px 5px 5px -1px rgba(217, 204, 217, 1); background: #fff; } .mobile-search-container form { width: 100%; } .mobile-search-input input[type='text'] { border: none; padding: 0; padding-top: 9px; } .mobile-search-container .mobile-search-input img { background: #fff; cursor: pointer; } .mobile-search-input input[type='text'] { width: 95%; display: block; margin: 0 auto; padding: 7px 12px; border: none; box-shadow: none !important; -webkit-box-shadow: none !important; background: #f5f5f5; } .mobSearch-header { position: sticky; position: -webkit-sticky; top: 48px; background: #fff; z-index: 1; margin: 0 -16px; } .exp-cap-tags { display: block; margin: 16px 0 !important; } .sidenav .leftMenu li a, .sidenav .mobLoginWrap { font-size: 16px; } .popUp .modal-lg { max-width: 100%; margin: auto; } .popUp .modal-content { border: none; border-radius: inherit; box-shadow: none; } .sinInBox .modal-content > img, .sinInBox .mat-horizontal-stepper-header-container, .sinInBox .rightSign .title, #sector, .signIn-mob .search-icon { display: none; } .sinInBox .modal-content .signIn .col-md-5, .signIn .col-md-7, .video-details .col-md-6, .profileSec .signInForm, .profileSec .signInForm form { max-width: 100%; flex: 100%; } .signIn .leftSec:after { border-right: none; } .sinInBox .rightSign .btn-primary { width: 100%; } .sinInBox .rightSign { margin-top: 20px; } .location-device { display: flex; justify-content: space-between; align-items: center; } .location-device li { width: auto !important; border: 0 !important; height: 39px; } .pb-md-5 { padding-bottom: 5px; } .expertListingDevice .expertCard ul, .expert-profile-details .expCard .col-md-6 { padding-left: 0; } .bdr-md-0 { border: 0 !important; } .MuiDialog-paper { margin: 0 !important; } .navIcon { position: relative; width: 32px; height: 32px; float: right; background: #03a87c; padding: 8px 0; cursor: pointer; margin-top: 4px; } .navIcon span { width: 24px; margin: auto; height: 2px; background: #fff; display: block; } .navIcon span + span { margin-top: 5px; } .NavBox { width: 40px; height: 39px; line-height: 40px; display: block; } .NavBox ul li, .NavBox li.active { padding: 0; text-align: left; border-bottom: 1px solid #f0f3f6 !important; } .NavBox:hover ul, .navSec ul li, .menuTop:hover .tMenu { display: block; } .NavBox ul li a { padding-left: 5px; display: block; } .navSec ul { position: absolute; width: 100%; top: 38px; background: #fff; } .navSec { min-height: 40px; position: relative; } .navSec li.active { border-bottom: none; } .logoSection { width: 80%; } .menuTop { width: 40px; height: 40px; } .mobileIcon + .tMenu, .navSec ul, .mobHide, .chatText-now { display: none !important; } .menuTop .langSec .dropdownMenu { top: 28px; } .tMenu { padding-top: 0 !important; position: absolute; right: 0; top: 40px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: 140px; z-index: 1; } .menuTop .langSec { border-left: none; border-right: none; } .menuTop .langSec .arrowImg, .menuTop .userProfile .arrowImg { float: right; vertical-align: middle; padding-top: 8px; } .tMenu li { display: block; border-bottom: 1px solid #f0f3f6; } .tMenu li a { padding: 8px; display: block; font-weight: 400; font-size: 0.875rem; } .tMenu li a:hover, .NavBox ul li a:hover { background: #f0f3f6; display: block; } .mobileIcon { display: block; position: relative; float: right; cursor: pointer; padding: 6px; } .mobileIcon span { width: 4px; height: 4px; background: #03a87c; display: block; border-radius: 100%; margin: auto; } .mobileIcon span + span { margin-top: 3px; } .mobileIcon { margin-top: 10px; width: 30px; height: 30px; border-radius: 100%; transition: 1s; } .mobileIcon:hover { background: #03a87c; } .mobileIcon:hover span { background: #fff; } .col-md-8, .col-md-4 { max-width: 100% !important; flex: 0 0 100% !important; padding: 0; } .chatBox { margin: 0 -16px 16px; width: calc(100% + 32px); } .expertBtn { width: auto; } .iconsAction li:first-child { padding-left: 14px; } .iconsAction li { padding: 0 15px; } #detailBox { order: 2; margin-bottom: 30px; } .order1, .order2 { order: 1; } .article.article-details { flex-direction: column; } .article.article-details .moreSec, .article.article-details .topDetails .listDetail, .expert-profile-details .topDetails .iconsAction, .expert-profile-queDetail .topDetails .iconsAction, .article.article-details .topDetails h2, .videoSection .video-wrap, .video-details .sliderbox .react-multi-carousel-track .thumb, .vdo-box .thumb-wrap, .expertVideoBox .expThumb { order: 2; } .article.article-details .commentsSec, .article.article-details .topDetails .expCard, .expert-profile-queDetail .topDetails .commentBox, .order3, .videoSection .bTitle, .video-details .sliderbox .react-multi-carousel-track .bTitle, .vdo-box .bTitle, .article-box, .expertVideoBox .bTitle { order: 3; } .article.article-details .topDetails .expCard .expertBtn { position: fixed; left: 0; right: 0; bottom: 0; } .article.article-details .moreSec .listList, .article.article-details .topDetails .listList, .expert-profile-queDetail .moreAns, .listList.videoSection, .vdo-box .col-md-4, .expertVideoBox { display: flex; flex-direction: column; } .video-details .videoSection { display: block; margin-top: 0; } .article.article-details .bannerSec { margin: 0; } .article .bannerImg, .ans-wrapper { margin-top: 0; } .article.article-details .topDetails .listDetail, .sm-s { padding: 0 !important; } .article.article-details .moreSec .listList h2, .article.article-details .topDetails h2, .listDetail .details { margin-top: 5px; } .allActivity .listDetail .details { margin-top: 0; } .article.article-details .topDetails .bannerSec { order: 1; } .article.article-details .topDetails .content, .expert-profile-queDetail .content, .order4 { order: 4; } .expert-profile-details .topDetails .content, .expert-profile-queDetail .btn, .article.article-details .topDetails .iconsAction { order: 5; } .expert-profile-details .topDetails .bannerSec, .expertCard .funds-list, .expertVideoBox .listDetail ul { margin-top: 10px; } .article.article-details .listList .bannerSec { margin: 0 -16px; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:first-child, .video-details .expCard.share-wrap .col-md-6:first-child, .article.article-details .expCard.share-wrap .col-md-6:first-child { max-width: 70%; flex: 70%; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:last-child, .video-details .expCard.share-wrap .col-md-6:last-child, .article.article-details .expCard.share-wrap .col-md-6:last-child { max-width: 30%; flex: 30%; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:last-child ul { padding-top: 10px; } .expertCard .userDetails, .article-details.question .btn-border { width: 100%; } .expertCard .userDetails .detail img { float: right; } .expertsVideo .expertCard .username { font-size: 1.375rem !important; margin-top: 10px; } .expertDetails .expertCard { position: relative; } .expertDetails .shareBtn img { width: 18px; } .expertCard .listCustom li { margin-right: 34px; font-size: 12px; } .expertCard .listCustom li:before { top: 4px !important; left: -16px; width: 11px; height: 10px; background-size: 10px; } .expertDetails .shareBtn { position: absolute; top: 0; right: 20px; } .expertCard .list-unstyle li { position: relative; margin: 0 10px; display: inline; } .expertCard .list-unstyle li:before { position: absolute; content: ''; width: 4px; height: 4px; background: #052f5f; border-radius: 100%; top: 7px; left: -10px; } .expertCard .btn-primary { display: block; width: 100%; } .expertCard .listDetail { padding-bottom: 0; margin-bottom: 5px; } .expertCard .listCustom { margin-top: 16px; } .deskHide { display: block !important; width: 100%; border: 0 !important; } .border-separator { clear: both; width: calc(110% + 31px) !important; border-bottom: 1.5px solid #eee !important; margin: 24px 0 24px -31px; } .verified .expertCard .d-flex, .verified .btn-primary, .expertCard .d-flex, .expertsVideo .expertCard, .profileSec .checkList li { display: block; } .verified .expertCard .listDetail ul li .userImg, .expertsVideo .expertCard ul li .userImg { float: none; margin: 0 auto !important; display: block; } .verified .expertCard .listDetail, .expertsVideo .expertCard ul li .userDetails, .expertBtn > .btn-wrapper > .btn { text-align: center; } .verified .btn-primary { margin: 0 auto; } .expertCard .listDetail ul li .userImg { margin-right: 15px; background: #8dd8c4; } .expertCard .funds-list li { float: left; margin: 0 5px 0 0; } .expertCard .funds-list { display: grid; grid-template-columns: 1fr 1fr; } .expertListing .expertListingDevice { overflow: inherit !important; } .expertListing .expertCard .d-flex { display: flex; } .expertListing .address { font-size: 12px; } .expertListing .address img { width: 11px; vertical-align: middle; } .expertCard .cardNextImg { width: 8px; } .expertsVideo .expertCard .profileImage { float: none; margin: 0 auto; } #filter .row, .expertListing .row { margin: 0 -10px; } #filter + .col-md-8 { padding: 0 16px; } .expertCard .listDetail, .fund-details .bdrBottom, .HomeCard.Expert .profileImage { margin-bottom: 0; } .filt-Box.expertFilter, .filterShort { padding: 0 24px; } .expertFilter h2 { margin-bottom: 24px; } .filt-Box.expertFilter .MuiFormControlLabel-root, .filt-Box.expertFilter h3, .filterShort .MuiFormControlLabel-root, .filterShort h3, .filterShort h2 { margin: 0 0 16px 0; } .filt-Box.expertFilter li:last-child .MuiFormControlLabel-root { margin-bottom: 0; } .filt-Box.expertFilter .MuiSvgIcon-root, .filterShort .MuiSvgIcon-root { width: 0.75em; height: 0.75em; } .filt-Box.expertFilter .MuiFormControlLabel-label, .filterShort .MuiFormControlLabel-label { margin-left: 16px; } .filt-Box.expertFilter .rating img { margin-left: 5px; width: 11px; } .filt-Box.expertFilter .MuiCheckbox-root, .filterShort .MuiRadio-root { padding: 0; } .expertFilter .totalExperience, .expertFilter .serviceArea { padding-bottom: 16px; margin-bottom: 24px; } .expertFilter .serviceArea { border-bottom: 1px solid #eee; } .expertsVideo .expertCard { margin-top: 22px; } .device-agent { width: 100% !important; height: 205px !important; } .listList .row { margin: 0px; } .listList .col-md-6, .expCard.share-wrap .col-md-12 { max-width: 100%; flex: 100%; padding: 0; } .navSec-wrap { margin: 0; border: none; } .listList > .video-wrap, .review-sec .ratingReview { margin: 0px -16px; } .review-sec .ratingReview { width: inherit !important; padding: 10px 16px; } .videoSection, .video-details .videoSection, .review-sec, .analysis-wrap { padding-left: 16px !important; padding-right: 16px !important; margin-left: -16px; margin-right: -16px; min-height: 245px; } .analysis-wrap { min-height: auto; } header .MuiToolbar-regular { min-height: auto !important; justify-content: space-between; } .makeStyles-mobContainer-3, .jss3, .makeStyles-mobContainer-87 { margin: 48px 16px 130px 16px !important; } .sm-c { display: inherit !important; } .listDetail ul li .userImg { margin-right: 10px !important; display: inherit; } .profileSec .checkBoxSec .col-md-6 .row .col-md-6, .profileSec .col-md-2 { display: block; flex: 100%; max-width: 100%; } .profileSec { background: #fff; } .profileSec .signInForm { padding: 20px 15px; } .profileSec .signInForm form ul li .btn { width: auto !important; } .profileSec .signInForm .btn + .btn { margin-top: 0 !important; } .expertBgSec { margin: 0 -15px 0 -15px; padding: 15px; } .expertListing .addressBar { display: flex; justify-content: space-between; margin-bottom: 20px; background: #fff; } .experOnline { background: #fff; margin-bottom: 0; } .experOnline .blue { width: 25%; } .btn-primary { background: #03a87c; border-radius: 4px; border: none; color: #fff; cursor: pointer; } .search-wrapper { padding: 16px; border: none; } .search-wrapper .close-icon { cursor: pointer; width: 14px; vertical-align: middle; margin-right: 10px; } .search-wrapper form, .mob-btn { width: 100%; } .modal-wrapper { margin: 26px auto 0 !important; width: 100% !important; height: 100vh; } .modal-body { width: 100%; height: 100%; padding: 0 !important; } .popUp .modal-full { width: 100%; margin: auto; height: 100%; } .popUp .modal-content, .popUp { height: 100%; } .fundHouse .col-md-6, .topHolding .col-md-6, .graphBox .col-md-6, .returnCal .col-md-6 { max-width: 100%; flex: 100%; } .graphBox .Select .btn, .expertCard .list-unstyle, .article .bannerImg { margin-bottom: 5px; } .cardSlider { position: relative; display: flex; overflow-x: scroll; width: 100%; } .cardSlider .cardBox { margin-right: 20px; min-width: 80%; } .fund-details h3 .arrowImg { padding-top: 17px; display: block !important; } .fund-details .activityWrapper .recentActivity { padding-top: 0; } .topHolding .tabMenu { border-top: none; } .topHolding .tabMenu li { padding: 10px 15px; } .certificate-wrapper { border: none; } .certificate-wrapper li:last-child { padding: 0 !important; } .capabilities, .Certifications { padding-left: 0; border: 0; } .capabilities ul li { padding-bottom: 5px; } .filterFixed { position: sticky; position: -webkit-sticky; top: 48px; background: #fff; z-index: 1; margin-bottom: 10px !important; padding-top: 10px; } .submit-answer .btn, .btn { width: 100% !important; } .totalReview { margin: 16px 0 24px 0; font-size: 1rem; } .review-sec .btn-border { position: relative; width: 100%; margin-top: 16px; } .review-sec .btn-border:hover { background: none; color: #03a87c; } .review-sec .btn-border img { vertical-align: middle; float: right; position: absolute; right: 20px; top: 13px; width: 15px; } .review-wrapper .review-sec h2, .expertsVideo .expertBtn .btn-wrapper { margin-top: 24px; } .review-sec .review-list .rating { margin: 9px 0 16px 0; } .signIn-mob.review-sec .userName { font-size: 1rem; } .signIn-mob.review-sec .rateReview { margin: 16px 0 24px 0; } .signIn-mob.review-sec h2 { text-transform: uppercase; } .btn-wrapper { padding: 0 12%; } .btn + .btn, .expertsVideo .btn, .article .btn + .btn { margin-top: 16px !important; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px !important; } .sm-btn { width: 237px !important; } .react-multi-carousel-track li .evTitle { display: block; margin-left: 16px; } .btn-border { padding: 7px 15px !important; } .searchResultContainer { margin-top: 20px; } .profileSec .signInForm .btn { width: auto !important; margin: 0; } .signInstepper { max-width: 100%; } .filterShort ul li .MuiFormControlLabel-root, .article .bannerImg { display: block; } #filter { border: none; padding-right: 15px; } .filt-Box.expertFilter { height: 350px; } .filterBtn .btn { margin: 0 !important; background: none; color: #03a87c; position: relative; } .filterBtn .btn:first-child { color: #052f5f; } .filterBtn .btn:first-child::after { content: ''; position: absolute; right: 0; top: 5px; width: 2px; height: 26px; background: #eee; } .commentBox.submit-answer, .commentsSec h2, .question h2, .HomeCard.Question h2 { margin-bottom: 16px !important; } .question .commentListAll li, .commentsSec .listDetail ul > li > p, .commentsSec .listDetail > ul > li ul.iconsAction, .ans-wrapper { padding-left: 0 !important; } .question .commentListAll li > p { padding-left: 78px !important; } .rateReview .MuiSvgIcon-root.btn, .rating .MuiSvgIcon-root.btn, .fund-listing .cardBox .cardBody ul li { width: auto !important; } .fund-listing .cardBox .cardBody ul { display: flex; justify-content: space-between; } .fund-listing .cardBox .cardBody ul li, .fund-details .cardDetails .cardBody ul li, .fund-details .cardDetails .topAddList .addList { font-size: 0.6875rem; } .article-details.article.question .listList:last-child, .fund-details .bdrBottom { border-bottom: none !important; } .deskHide .review-sec .border-separator { border-bottom: none !important; } .HomeCard.Question .article-details.article .listList { border-bottom: 1.5px solid #eee !important; margin-bottom: 20px; } .react-autosuggest__suggestions-container--open { display: block; position: absolute; top: 42px; width: calc(100% + 82px); background-color: #fff; font-weight: 300; font-size: 0.875rem; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; box-shadow: none; left: -37px !important; } .product-title h2 { line-height: 1.3; } .product-title .rating { font-size: 0.6875rem; font-weight: 700; width: auto; height: 23px; min-width: 40px; } .product-title .rating img { width: 11px; } .fund-listing .fundLogo { margin-bottom: 5px; } .fund-details .topHolding .li:last-child { padding-bottom: 0; } .fund-listing .topAddList .addList { font-size: 0.6875rem; margin-right: 8px; padding: 4px 8px 5px; border-radius: 4px !important; display: inline-block; } .fund-details .cardDetails .topAddList .addList { border-radius: 16px; padding: 4px 16px 5px; display: inline-block; } .fund-details .cardDetails .headBorder, .fund-details .fundCard p:last-child { margin-bottom: 0 !important; } .fund-details .cardDetails ul + ul { margin-top: 15px; } .fund-details .graphBox { padding-bottom: 10px; } .fund-details h3, .fund-details .topHolding .tabMenu { margin-bottom: 4px !important; } .fund-details .returnCal .calBox li { margin-bottom: 24px; padding: 0; } .fund-details .dashBox { padding: 0; border: none; } .returnCal .calBox input { width: 100%; margin-left: 0 !important; margin-top: 8px; height: 56px; } .fund-details .fundHouse { margin: 0 0 16px 0; } .fund-details .fundCard h3 { margin-bottom: 16px; } .fund-details .fundHouse ul li { width: 100%; float: left; } .cardDetails .cardBody, .topHolding, .returnCal, .graphBox { border-bottom: none !important; margin-bottom: 0 !important; } .fund-details .cardDetails .cardFooter { border-bottom: 1.5px solid #eee; margin-bottom: 16px; } .fund-details .cardDetails .cardHeader .fundLogo { margin-bottom: 14px; } .fund-details .cardBody, .HomeCard .listList, .expertVideoBox.listList, .article-wrapper a > .article.article-details .listList { padding-bottom: 24px !important; } .fund-details .fundCard { margin: 0 !important; } footer .col-md-10 { max-width: 100% !important; flex: 0 0 100% !important; padding: 0; } footer .fLogo { display: flex; justify-content: center; align-items: center; margin-bottom: 24px; } footer .fLogo span { display: inline-block; /*border-right:1px solid #fff;margin-right:20px;padding-right:20px;*/ } footer .fLogo span img { margin-bottom: 0; max-width: 91px; } footer .col-md-3, footer .col-md-6 { flex: 0 0 100%; max-width: 100%; justify-content: center; flex-direction: column; } footer .bdr-lr { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; padding: 15px 20px !important; } footer .copy { margin-top: 10px; float: right; } .footer .flw { display: flex !important; flex-direction: row; flex-wrap: wrap; background: #fff; margin-left: -36px; margin-right: -36px; padding-left: 16px; padding-right: 16px; padding-top: 2rem; padding-bottom: 2rem; } .footer { padding-bottom: 0; } .footer .flw .fl { flex: 0 0 25%; } footer .col-md-6 + .col-md-3 { justify-content: flex-end; } footer .social { margin-bottom: 24px; margin-top: 0; justify-content: center; } footer .apps { display: flex !important; /* padding-top: 24px; padding-bottom: 24px; */ border-bottom: 1.5px solid #eee !important; border-top: 1.5px solid #eee !important; } footer .apps a { margin-right: 16px; } footer .col-md-6 .d-flex, .expertListing .addressBar { display: block; } footer .col-md-6 .mr-3 a { margin-bottom: 5px; } footer .col-md-6 .font-w { margin: 5px 0; } .footer1 h6 { font-size: 0.75rem; margin-bottom: 10px; background: transparent url('/static/arrow.png') center right no-repeat; } .footer1 .kmContent { display: none; } .footer .flw .fl { flex: 0 0 33%; } .footer1 ul li { flex: 0 0 33%; padding-right: 8px; margin-bottom: 16px; } .react-multiple-carousel__arrow, .exp-cap-tags ul li:first-child .divider, .expertsVideo .tabMenu, #filter, .expertListing .expertCard .btn-primary { display: none; } .react-multi-carousel-track, .sliderbox, .expertVideoBox { overflow: inherit; } .react-multi-carousel-list { margin: 0 0 0 -16px; width: 110%; } .expertVideoBox .thumb { float: none; width: 100%; max-width: inherit; margin-right: 0; } .expertVideoBox > a { margin: 0 -16px; display: block; } .expertListing .location-device, .expertListing .searchFilter { width: 100%; border: none; padding: 0 16px; } .expertListing .searchFilter input { margin: 8px 0; background: rgba(240, 243, 246, 0.4); padding: 6px 16px; border: none; border-radius: 4px; height: 34px; padding-right: 40px; } .expertListing .location-device, .expertListing .mapText { background: rgba(240, 243, 246, 0.4); padding: 0 16px !important; } .expertListing, .expertListing .mapText, .slider .sliderbox .bTitle { padding: 0 16px; } .expertListing .addressBar, .expertListing .mapText { margin: 0 -16px; } .expertListing .searchFilter img { top: 17px; right: 25px; width: 20px; } .expertListing .location-device { padding: 0 16px 10px 16px; position: relative; } .expertListing .location-device:after { content: ''; position: absolute; border-bottom: 1px dashed #eee; width: calc(100% - 32px); bottom: 5px; } .expertListing .addressBar .searchFilter .react-autosuggest__suggestions-container--open { box-shadow: 0 0 3px #ccc; width: 100%; top: 39px; left: 0 !important; } .expertListing .location-device input { background: none; font-size: 1rem; color: #052f5f; height: 34px; } .expertListing .gpsIcon { width: 20px; } .expertListing .expertCard .userDetails, .expertListing .expertCard .userDetails.ellipsis-text { float: left; width: calc(100% - 88px); } .expertListing .addressBar .location-device li .gpsIcon { float: right; } .expertListing .addressBar .location-device li:nth-child(2) { padding-top: 8px; } .expertListing .col-md-12 { padding: 0; } .expertListing .rating img { margin-right: 5px; } .expertListing .detail { margin: 4px 0 !important; } .listCustom li:before { top: 8px; } .expertListing .mapText { font-size: 0.75rem; } .profileImage, .qpCard, .expertCard .profileImage { margin-right: 10px; width: 56px; height: 56px; line-height: 48px; font-size: 30px; } .profileImage { min-width: 56px; } .expertListing .profileImage { width: 68px; height: 68px; line-height: 60px; font-size: 38px; } .commentsSec .commentListAll .profileImage { width: 40px; height: 40px; line-height: 32px; font-size: 22px; min-width: 40px; } .article .article.article-details.pointer .listList h2, .fund-details .slider { margin-bottom: 0 !important; } .expertCard .profileImage.w-100 { width: 100px; height: 100px; line-height: 100px; font-size: 50px; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:first-child, .video-details .expCard.share-wrap .col-md-6:first-child, .article.article-details .expCard.share-wrap .col-md-6:first-child { max-width: 75%; flex: 75%; } .expert-profile-details .topDetails .expCard.share-wrap .col-md-6:last-child, .video-details .expCard.share-wrap .col-md-6:last-child, .article.article-details .expCard.share-wrap .col-md-6:last-child { max-width: 25%; flex: 25%; } .article-details .listIcons li, .questionCardIcon li { padding: 0 7px; } .questionCardIcon { margin-top: 8px; } .questionCardIcon li:first-child { padding-left: 0; } .listDetail .userImg { width: 56px !important; height: 56px !important; } .expertListing .userImg { width: 68px !important; height: 68px !important; } .commentsSec .commentListAll .userImg { width: 40px !important; height: 40px !important; } .question, .fund-details { margin-top: 15px; } .filt-Box.expertFilter { height: auto; } .authCross img { width: 15px; } .signIn-mob .form-group label, .Toastify + .question, .HomeCard.Question h2 { margin-top: 0; } .ReactModalPortal .ReactModal__Content--after-open { overflow: inherit !important; overflow-x: auto !important; } .listDetail .userImg.w-100 { width: 100px !important; height: 100px !important; } .fund-details h3 { position: relative; display: block; background: #052f5f0f; padding: 0 16px; margin: 0 -16px 4px !important; line-height: 40px; font-size: 1rem; font-weight: 700; } .fund-details h3::after { position: absolute; width: 100%; height: 40px; content: ''; background: rgba(255, 255, 255, 0); top: 0; left: 0; } .mob-fund-list-crou ul li { width: 50% !important; } .mob-fund-list-crou .percentage { font-size: 16px; font-weight: 700; } .mob-fund-list-crou .percentage img { height: 11px; margin-right: 4px; } .titleBlock { display: block; } .signIn-mob .otpMobImg img { width: 100px; } .otpHead .quesTitle { margin-top: 20px; padding-bottom: 5px; } .filterShort { margin-bottom: 50px; } .ck-content.ck-editor__editable { min-height: 120px; } .fundHouse ul li .title { width: 40%; } .fundHouse ul li .detail { width: 60%; float: left; } .fundHouse ul li a { word-break: break-all; } .fund-listing .cardHeader { padding: 16px 16px 8px 16px !important; } .fund-listing .cardBody, .fund-listing .cardFooter .topAddList { padding: 8px 16px !important; } .cardBox { margin-bottom: 16px !important; border: 1px solid #eee !important; } .fund-details .cardBox { max-height: 291px; height: 290px; } .expCard.share-wrap .userDetails { width: 50%; } .fund-details .similarFund .react-multi-carousel-item { margin-right: 0; } .fund-details .cardBox .fundLogo img { display: inline; } .fund-details .topHolding { margin-top: 0; } .fund-details .cardDetails .cardFooter .topAddList { margin-top: 5px; margin-bottom: 24px; } .topHolding .tabMenu li { display: inline; justify-content: inherit; } .HomeCard, .headBorder, .article h2.headBorder, .accordation-body { margin-bottom: 24px !important; } .fund-details .fundCard .sliderbox .react-multi-carousel-item { padding-right: 0; } .react-multi-carousel-item .mob-fund-list-crou { margin-left: 8px !important; margin-right: 8px !important; } li.react-multi-carousel-item--active:first-child .mob-fund-list-crou { margin-left: 0 !important; } .activityWrapper, .expertDetails .address { margin-bottom: 0 !important; padding-bottom: 0 !important; } .evTitle { font-size: inherit !important; } .videoSection .bTitle { margin-top: 8px !important; margin-bottom: 0 !important; } .videoSection .expCard.share-wrap, .article.article-details .bannerSec + h2, .video-details .videoSection .bTitle { margin-bottom: 8px !important; } .MuiGrid-container { margin: 0 auto !important; } .chatbtn-sm { width: 99px; height: 36px; font-size: 1.125rem; } .expertDetails .expertBtn .btn, .expertDetails .detail { margin-top: 0 !important; } .videoSection { margin-top: 24px; } .HomeCard.Question .rt-template, .question .rt-template, .article-details .article-box { margin-top: 8px; } .accordation-body { margin-top: 16px; } .activityWrapper .recentActivity, .accordation-body .tabMenu { margin-bottom: 16px; } .fund-details .activityWrapper .recentActivity { border-top: 0 !important; } .bdrBottom.fundCard, .topHolding, .fundHouse.fundCard, .returnCal { padding-bottom: 0 !important; } .returnCal.bdr-btm { border-bottom: 1.5px solid #eee !important; margin: 0 -16px 24px !important; padding: 0 16px 24px !important; } .chatbtn-sm { top: 5px; } .articleUser { font-size: 0.875rem !important; } .video-details .sliderbox .react-multi-carousel-track .bTitle, .video-details .sliderbox .react-multi-carousel-track .listDetail, .vdo-box .listDetail, .vdo-box .bTitle { padding-left: 16px !important; } .video-details .sliderbox .react-multi-carousel-track .listDetail, .vdo-box .listDetail, .expertVideoBox .listDetail { margin-bottom: 8px; } .article-wrapper { margin-top: 24px; } .article-wrapper .article.article-details .listList, .Article .listList, #trending .expertVideoBox.listList, .Question .listList, .HomeCard { margin: 0 -16px 24px !important; padding: 0 16px 24px !important; } .article-wrapper .article.article-details .bannerSec, .Article .bannerSec { margin: 16px -16px !important; } .article-wrapper .article.article-details { margin-bottom: 16px; } .article-wrapper .article.article-details .username, .Article .username { font-size: 0.875rem !important; } .article-wrapper .article.article-details .article-box p, .article-wrapper .article.article-details .article-box ol, .article-wrapper .article.article-details .article-box ul, .Article .article-box p, .Article .article-box ol, .Article .article-box ul { margin-bottom: 24px !important; font-size: 1rem; } .article-wrapper .article.article-details .article-box p:last-child, .article-wrapper .article.article-details .article-box ul:last-child, .article-wrapper .article.article-details .article-box ol:last-child, .Article p:last-child, .Article ol:last-child, .Article ul:last-child, #trending .expertVideoBox.listList:last-child, .HomeCard.Product .mob-fund-list-crou:last-child .cardBox { margin-bottom: 0 !important; } .HomeCard:last-child { border-bottom: 0; } .Question .listList:last-child, .Article a:last-child .listList, .Video .listList:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .invoice-wrap .btn { position: fixed; left: 0; border-radius: 0; bottom: 0; margin-bottom: 0; } .expertProfile-wrapper { margin-left: -16px; margin-right: -16px; } .expertProfile-wrapper .expertProfile { padding: 0px; margin-left: -15px; margin-right: -15px; width: auto; } .expertProfile-wrapper .row > .col-md-12 { display: contents; } .expertProfile-wrapper .expertProfile .expertCard { border-radius: 15px 15px 0px 0px; padding: 0px 15px; margin-top: 60px; border-bottom: 3px solid #dbdcdc; } .expertProfile-wrapper .expertProfile .userImage { background: #67ceb6; font-size: 3rem; line-height: 80px; width: 70px; height: 70px; margin-right: 0px; } .expertProfile .verifiedUserBg::after { content: none; } /* .expertProfile .userImage:after { content: ''; background: transparent; width: 96px; height: 96px; position: absolute; border: 2px solid #03a87c; border-radius: 100%; left: -4px; top: -4px; } */ .expertProfile-wrapper .expertProfile .userImage-Wrap.relative { margin-top: -45px; } .expertProfile-wrapper .expertProfile .userImage-Wrap.relative img.verifiedUser { left: 60px; bottom: 0; border-radius: 100%; background: #fff; width: 24px; } .expertProfile-wrapper .expertProfile .expertBtn .shareBtn { width: 40px; height: 40px; margin-top: -20px; box-shadow: 0px 0px 10px #ccc; position: absolute; } .expertProfile-wrapper .expertProfile .expertBtn .editProfile { margin-top: -40px; font-size: 10px; font-weight: 700; white-space: nowrap; position: absolute; } .expertProfile-wrapper .expertProfile .expertCard .btn-wrapper .btn { display: none; } .expertProfile-wrapper .expertProfile .expertBtn { width: auto; } .expertProfile-wrapper .expertProfile .rating { float: right; background: #f0f3f6; padding: 2px 10px; font-size: 14px; } .expertProfile-wrapper .capabilities ul.list-unstyle.list-inline li { display: block !important; } .expertProfile-wrapper .capabilities ul.list-unstyle.list-inline li img { width: 15px; height: 15px; margin-right: 10px; } .expertProfile-wrapper .capabilities .headBorder { margin-bottom: 15px !important; padding-bottom: 3px; } .expertProfile-wrapper .col-md-8, .expertProfile-wrapper .col-md-4 { padding: 0px 15px; } .expertProfile-wrapper .col-md-12 { padding: 0px 15px; display: block !important; } .expertProfile-wrapper .expert-wrap { padding-left: 0px; } .expertProfile-wrapper .rateBox img { padding-right: 4px; } .expertProfile-wrapper .inputControl { margin: 5px 0px; } .expertProfile-wrapper .postReviewBu { height: 40px; background: #03a87c; border: 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 400; padding: 10px 15px !important; margin-top: 4px; } .expertProfile-wrapper .rateStar h2 { margin: 25px 0px 15px; } .expertProfile-wrapper .rateStar h3 { margin: 10px 0px; } .ac .ratingValue, .expertProfile-wrapper .ratingValue { background: #f0f3f6; width: 72px; height: 72px; color: #052f5f; font-size: 30px; display: inline-block; line-height: 72px; border-radius: 100%; margin-bottom: 10px; margin-right: 0; float: none; } .review-sec.ac .rateReview span.jss3 { margin: auto !important; } .tabWrap > ul { white-space: nowrap; overflow-x: auto; } .tabWrap > ul li { display: inline; } .MuiRating-root label span span { padding: 4px !important; } .MuiRating-root label:first-child span span { padding-left: 0 !important; } .MuiRating-root label span span img { max-width: 24px; } .MuiRating-decimal { width: 26px; } .expertProfile-wrapper .review-sec h3 { margin-bottom: 24px; } .tabWrap ul li { margin-right: 10px; } .expertProfile-wrapper .rateReview { margin: 0; } .getAppWrap { margin-left: -16px; margin-right: -24px; margin-top: 24px; margin-bottom: 50px; width: auto; padding: 16px; font-size: 1rem; } .getAppWrap .getApp span { display: block; font-size: 0.875rem; } .getAppWrap .getApp img { max-height: 22px; width: auto; margin: 5px 8px 0 0; display: inline-block; } .getAppImg { max-width: 76px; margin-left: auto; margin-right: 0; float: right; } .getAppWrap .searchWrap input { width: 100%; margin-bottom: 16px; } .expertCard .userDetails { margin-top: 8px; } .expertProfile-wrapper .expert-wrap .capabilities ul li { width: auto; } .expertProfile .btn-border { margin-top: 24px; } .user-detail-container { width: 100%; } .expertChat { width: 100%; position: fixed; left: 0; padding: 10px 16px; background: #fff; bottom: -1px; height: 66px; -webkit-box-pack: center; justify-content: center; box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.23); z-index: 2002; } .expertChat .userImg { width: 42px !important; height: 42px !important; background: #8dd8c4; overflow: hidden; border-radius: 100%; float: left; clear: both; margin-right: 10px; } .expertChat .userDetails { width: 80% !important; margin-top: 0; } .expertChat .chatbtn-sm { color: #fff; font-size: 1rem !important; border-radius: 4px; background: #03a87c; padding: 4px 8px; height: 32px; width: auto; font-weight: 700; position: absolute; top: 14px; right: 16px; } .expertChat .chatbtn-sm img { width: 18px; margin-right: 5px; margin-bottom: -2px; } .expCard.share-wrap .expertChat .userDetails { margin-top: 0; width: 80% !important; } .expertChat .userDetails .username { color: #03a87c; font-size: 0.875rem; line-height: 1; margin-top: 0; } .expertChat .userDetails .address { margin-bottom: 0; } .expertChat .profileImage { font-size: 1.5rem; text-align: center; width: 42px; height: 42px; line-height: 42px; } .verifiedCardImg .expertChat .userImg:after { top: 62%; left: 42px; } .expertProfile .username { display: inline-block; max-width: 77%; line-height: 24px; } .expertProfile-wrapper .expertVideoBox { border-bottom: 1.5px solid #eee !important; } .getAppWrap .searchWrap img { position: absolute; width: 20px; right: 8px; top: 18px; cursor: pointer; } .getAppWrap .getApp img:last-child { margin-bottom: 0; } .mob-hide { display: none !important; } .mob-show { display: block !important; } .edit-icon { text-decoration: underline; color: #0c748c; font-size: 10px; } .editPhotoBg { left: 66px; } .corona-landing { font-size: 0.875rem !important; margin: 0 -16px; } .corona-landing .col-md-12, .corona-landing .col-md-7, .corona-landing .col-md-5 { max-width: 100% !important; flex: 0 0 100% !important; padding: 0; } .corona-landing p { font-size: 1rem !important; } .corona-landing .cta1 { padding: 32px 46px 72px; } .corona-landing .cta1 img { margin-top: 56px; } .corona-landing .cta1 .btn { margin-bottom: 20px; padding: 18px 56px; } .corona-landing h1 { font-size: 1.5rem; margin-bottom: 24px; } .corona-landing .type-question textarea { padding: 16px; margin-bottom: 20px; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } @media screen and (max-width: 375px) { .expCard.share-wrap .userDetails { width: 100% !important; } .videoSection .expCard.share-wrap .userDetails, .questionDetails .userDetails { width: 50% !important; } .mobSearch-header .MuiTabs-flexContainer { display: block; overflow-x: scroll; } } @media screen and (max-width: 320px) { .btn-wrapper { padding: 0 5%; } .videoSection .expCard.share-wrap .userDetails, .questionDetails .userDetails { width: 100% !important; } .chatbtn-sm { position: inherit; top: 3px; } .listDetail li > .d-flex { display: block; } .expCard.share-wrap .listDetail { overflow: inherit; } } .zf-landing { font-size: 1.125rem; margin-left: -11.75%; margin-right: -11.75%; } .zf-landing .btn img { display: inline-block; margin-bottom: -3px; width: 18px; height: 18px; } .zf-landing .btn { padding: 10px 25px; border-radius: 8px; text-align: center; } .cta1 { padding: 11% 10% 5% 10%; } .cta1 h1 { font-size: 2.375rem; margin-top: 0; margin-bottom: 24px; } .cta1 h2 { font-weight: 400; font-size: 1.25rem; margin-top: 0; margin-bottom: 52px; } .cta1 .ctaImg { margin-top: 20px; width: 100%; } .cta3 .ctaImg { margin-top: 96px; } .phWt { display: block; font-size: 90%; margin-top: 16px; text-align: center; } .cta1 a span { display: block; max-width: 222px; } .cta2 { background: url(/static/cta2bg.svg) no-repeat center center; background-size: cover; padding: 92px 11.75%; } .cta2 .head { font-size: 1.75rem; text-transform: uppercase; margin-top: 0; margin-bottom: 16px; } .serv { margin-bottom: 64px; } .serv img { margin: 54px auto 16px; display: block; } .serv strong { font-size: 1.25rem; } .lang { padding: 50px 11.75%; } .lang li { flex: 0 0 25%; max-width: 25%; list-style-type: none; } .lang .head { font-size: 1.625rem; font-weight: 700; color: #03a87c; text-transform: uppercase; } .lang strong { font-size: 1.25rem; text-transform: uppercase; } .lang img { display: block; margin: 62px auto 32px; } .lang img, .serv img { max-width: 150px; } .cta3 { background: url(/static/cta4bg.svg) no-repeat center center; background-size: cover; padding: 176px 11.75% 108px; } .cta3 h2 { font-size: 2rem; margin-top: 0; margin-bottom: 32px; } .cta3 .lead { font-size: 1.375rem; margin-top: 14px; margin-bottom: 64px !important; } @media (min-width: 1367px) and (max-width: 1920px) { .zf-landing { font-size: 1.875rem !important; margin-left: -8.75%; margin-right: -8.75%; } .zf-landing .btn img { margin-bottom: -2px; width: 24px; height: 24px; } .cta1 a span { max-width: 360px; } .cta1 { padding: 140px 8.75% 70px; } .cta1 h1 { margin-bottom: 32px; } .cta1 h1, .cta3 h2 { font-size: 3.75rem !important; } .cta1 h2 { font-size: 1.875rem !important; margin-bottom: 64px; } .cta2 { padding: 182px 8.75%; } .cta2 .head, .lang .head, .cta3 .lead { font-size: 2.5rem !important; } .lang { padding: 88px 8.75%; } .serv strong { font-size: 2rem; } .cta3 { padding: 248px 8.75% 160px; } .cta3 .lead { font-size: 2.3rem !important; } .zf-landing .zf-landing p { font-size: 1.875rem !important; } .btn-primary-new { font-size: 1.25rem !important; } .lang strong { font-size: 2rem; } } @media screen and (max-width: 1024px) { .zf-landing { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } .zf-landing .col-md-12, .zf-landing .col-md-7, .zf-landing .col-md-6, .zf-landing .col-md-5, .zf-landing .col-md-4, .zf-landing .col-md-3 { max-width: 100% !important; flex: 0 0 100% !important; padding: 0; } .cta1, .cta2, .lang, .cta3 { padding: 48px 32px; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } .mfsh { position: absolute; } .cta1 a span { max-width: none !important; } .cta1 .ctaImg, .cta3 .ctaImg { margin-top: 96px; } .cta1 .ctaImg { max-width: 300px; } .cta1 h1 { font-size: 1.5rem; margin-bottom: 16px; } .cta1 h2 { font-size: 0.875rem; } .cta2 { font-size: 1rem; } .cta2 .head { font-size: 1.5rem; margin-top: 24px; margin-bottom: 16px; } .serv img { margin: 22px auto 8px; max-width: 112px; } .serv strong { font-size: 1.125rem; } .lang .head { font-size: 1.5rem; margin-bottom: 24px; } .lang li:nth-child(2), .lang li:nth-child(3) { margin-top: 46px; } .lang strong { font-size: 0.875rem; font-weight: 400; } .lang img { max-width: 64px; margin: 14px auto 8px; } .cta3 { padding: 48px; } .cta3 h2 { font-size: 1.5rem; margin-bottom: 16px; } .cta3 .lead { font-size: 1rem; } .cta4 { padding: 32px 32px 86px; } .cta4 h2 { font-size: 1.5rem; margin-top: 0; margin-bottom: 16px; color: #03a87c; } .zf-chat .expertChat { padding: 8px; } .zf-chat .expertChat .chatbtn-sm { top: 16px; } .zf-chat img { width: 100%; max-width: 150px; height: auto; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } .adv1 { padding: 8% 0% 0% 0%; } .adv1 h1 { font-size: 1.5rem; margin-top: 0; margin-bottom: 21px; } .adv1 h2 { font-weight: 300; font-size: 1.05rem; margin-top: 0; margin-bottom: 52px; } .adv1 .advImg { width: 100%; min-width: 198%; margin-left: 66%; } .advImg1 { margin-top: -100%; margin-left: 38%; } .advImg2 { margin-top: -58%; margin-left: -7%; width: 74%; } .advImg3 { position: relative; width: 100%; } .advImg4 { position: relative; min-width: 165%; margin-left: 63%; } .advImg5 { min-width: 165%; margin-left: 63%; } .advImgbutton { min-width: 120px; margin-left: 66%; } .btn-primary-touch { font-size: 1rem; background: #03a87c; padding: 10px 15px; border-radius: 3px; border: none; color: #fff; margin-bottom: 10px; cursor: pointer; } .clientPortWrap { padding: 0; } .clientPortWrap .up { color: #03a87c; } .clientPortWrap .dwn { color: #9c161c; } .clientPortWrap .list-unstyle { display: flex; justify-content: space-between; font-size: 12px; } .clientPortWrap .list-unstyle .li-unstyle { margin-right: 39% !important; } .clientPortWrap .list-unstyle li { width: auto; padding: 0 4px; } .clientPortWrap .list-unstyle li strong { font-size: 14px; } .clientPortWrap .summary { border: none; padding: 0; } .clientPortWrap .summary .btn-border { padding: 4px 24px !important; font-size: 12px !important; float: right; margin-top: -32px; border: 1px solid #03a87c; } .clientPortWrap .summary ul li { text-align: center; border: 2px solid #eee; border-radius: 8px; background: #fafafb; flex-grow: 1; flex-basis: 0; margin-right: 16px; margin-bottom: 16px; padding: 16px 8px; } .clientPortWrap .summary ul li:last-child { margin-right: 0; } .clientPortWrap .summary ul li strong { font-size: 28px; } .clientPortWrap .perGoalWise .cardBox, .clientPortWrap .perReport .cardBox { border: none !important; } .clientPortWrap .perGoalWise .cardBox { margin-bottom: 8px !important; } .clientPortWrap .cardBox { height: auto; min-height: auto; max-height: unset; border: none; border-bottom: 2px solid #eee; border-radius: 0; } .clientPortWrap .cardBody { border: none; } .clientPortWrap .cardHeader { font-weight: 700; } .clientPortWrap .perGoalWise .cardHeader { font-weight: 700; padding: 16px 0 12px 0; } .clientPortWrap .cardHeader img { margin-right: 8px; } .clientPortWrap .perGoalWise .cardBody, .clientPortWrap .perReport .cardBody { padding: 12px 0 16px 0; border: none; border-bottom: 1px solid #eee; } .clientPortWrap .perGoalWise .cardBox:last-child { margin-bottom: 0 !important; } .clientPortWrap .cardBox:last-child .cardBody { border: none; } .clientPortWrap .result { margin-bottom: 16px; } .clientPortWrap .progressBar { width: 100%; background: #f0f3f6; border-radius: 16px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } .clientPortWrap .progressCount { display: block; height: 8px; background-color: #cef5ed; border-radius: 16px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); border-right: 1px solid #aaa; width: 23%; } .clientPortWrap .perFundWise .fundLogo img { max-height: 23px; } .clientPortWrap .perFundWise .addList { border-radius: 4px; margin-right: 8px; } .perReport span img { height: 15px; } .portfolioRating { padding: 5px 0px 0px 5px; margin-right: 0 !important; } .userInvDetail { border: 2px solid #eee; border-radius: 8px; } .userInvDetail h3 { border-bottom: 2px solid #eee; padding: 16px; margin-bottom: 10px; } .userInvDetail .perFundWise h3 { max-height: none; } .userInvDetail .fundLogo img { display: inline-block; float: left; margin-right: 16px; } .userInvDetail .cardBox { min-height: auto !important; margin-right: 0 !important; padding: 0 !important; } .folioNo { font-size: 12px; line-height: 30px; font-weight: normal; } .clientPortWrap .more { padding-top: 16px !important; } .clientPortWrap .more img { width: 10px; } @media screen and (max-width: 1024px) { .userInvDetail { border: none; border-radius: 0; } .userInvDetail .cardBox { border: 2px solid #eee !important; } .clientPortWrap .summary ul { flex-wrap: wrap; } .clientPortWrap .summary ul li { flex: 1 1 320px; padding: 8px; font-size: 12px; margin-bottom: 8px; } .clientPortWrap .summary ul li:nth-child(2) { margin-right: 0; } .clientPortWrap .summary ul li strong { font-size: 14px; } .userInvDetail .col-md-6 { max-width: 100%; flex: 100%; } .userInvDetail .fundLogo img { display: inline-block; float: none; margin-right: 16px; } .clientPortWrap .cardBox { border-radius: 8px; } .clientPortWrap .cardBody, .userInvDetail .cardBox:last-child .cardBody { border-top: 1px solid #eee; } .clientPortWrap .list-unstyle li.mobHide { display: none !important; } .userInvDetail .list-unstyle li { flex-grow: 0; max-width: 33.33% !important; flex-basis: 33.33% !important; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } @media screen and (max-width: 550px) { .clientPortWrap .summary ul li { flex: 1 1 120px; } } @media screen and (max-width: 425px) { .adv1 .advImg { width: 100%; min-width: 95%; margin-left: 1%; } .advImg1 { margin-top: -77%; margin-left: -108%; max-width: 37%; } .advImgbutton { min-width: 120px; margin-left: 3%; max-width: 48%; } .advImg4 { position: relative; min-width: 55%; margin-left: 7%; } } @media screen and (max-width: 375px) { .clientPortWrap .list-unstyle .li-unstyle { margin-right: 14% !important; } } .mfsh { text-align: left; width: 100%; float: left; } @media (min-width: 768px) { .mfsh { margin-top: -30px; margin-left: 5px; } } @media screen and (max-width: 375px) { .adv1 .advImg { min-width: 100% !important; margin-left: 0% !important; } .advImg1 { margin-top: -76%; margin-left: -44%; } .advImg4 { position: relative; min-width: 69%; margin-left: 0%; } .advImgbutton { min-width: 1% !important; margin-left: 12px; } .btn-primary-touch, .btn-blue-button { font-size: 1rem; background: #03a87c; padding: 10px 15px; border-radius: 3px; border: none; color: #fff; margin-bottom: 10px; cursor: pointer; max-width: 84%; } } .articledetails { display: flex; margin-right: -15px; margin-left: -15px; flex-wrap: wrap; } .savingSchemesWrap { /*padding-left:40px;*/ margin-top: 114px; } .boxshadowsidenav .sidenav { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); margin-bottom: 32px; width: auto; } .boxshadowsidenav:last-child .sidenav { margin-bottom: 0; } .boxshadowsidenav .sidenav li { padding: 8px 16px; border-bottom: 1px solid #e4e4e4; list-style: none; } .boxshadowsidenav .sidenav li:first-child { text-align: center; color: #03a87c; text-transform: uppercase; font-weight: 700; } .boxshadowsidenav .sidenav li:last-child { border-bottom: none; } @media (min-width: 1367px) and (max-width: 1920px) { .savingSchemesWrap { padding-left: 60px; margin-top: 187px; } .boxshadowsidenav .sidenav li, .content.article-content p, .content.article-content ul, .content.article-content ol, .content.article-content table { font-size: 1rem !important; } } @media screen and (max-width: 1024px) { .savingSchemesWrap { display: block; margin-top: 16px; padding-left: 0; background: rgba(3, 168, 124, 0.5); padding: 16px; margin-left: -16px; margin-right: -16px; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } .thankyou { margin-top: 35px; margin-bottom: 35px; text-align: center; border: black; width: -webkit-fill-available; } .thankyou h1 { /*font: 1200 40px/1 'Merriweather', serif;*/ margin-bottom: 20px; } .thankyou p { font-size: 15px; } .cardBox2 .cardHeader1 { background: rgba(240, 242, 245, 0.3); /* border-bottom: 1.5px solid #eee; */ } .elWrap { position: relative; font-size: 1.125rem; margin-left: -11.75%; margin-right: -11.75%; padding: 0px 50px !important; } /* .lead-reg{padding:7% 10% 5% 10%} */ .lead-reg { padding: 4rem; } .lead-reg h1 { font-size: 2rem; margin-top: 0; margin-bottom: 24px; max-width: 500px; } .lead-reg h2 { font-weight: 400; font-size: 1.25rem; margin-top: 0; margin-bottom: 16px; } .elWrap .code-vrfy { background: #052f5f; border: 5px solid #052f5f; box-shadow: 0px 3px 6px #00000029; color: #fff; padding: 48px 32px; text-align: center; border-radius: 8px; font-size: 16px; min-height: 444px; flex-direction: column; justify-content: center; } .code-vrfy h3 { font-size: 1.5rem; margin-bottom: 16px; } .code-vrfy strong { display: block; cursor: pointer; } .code-vrfy a { color: #fff; } .code-vrfy form { margin-top: 8px; margin-bottom: 8px; } .code-vrfy form.otp { margin-top: 64px; margin-bottom: 64px; } .code-vrfy label { display: block; text-align: left; margin-bottom: 8px; } .code-vrfy .btn { background: #03a87c; color: #fff; border-radius: 4px; padding: 10px 25px; text-align: center; } .code-vrfy form input { padding: 10px 12px; background: #fff; } .elWrap .code-vrfy form.otp div { display: inline-block; } .elWrap .code-vrfy form.otp input { width: 56px; height: 84px; text-align: center; color: #052f5f; border: none; font-size: 38px; margin-right: 8px; margin-bottom: 10px; background: #fff; } .elWrap .code-vrfy form.otp input::placeholder { color: #052f5f; font-size: 38px; } .elWrap .code-vrfy form.otp div:nth-child(4) input { margin-right: 0; } .code-vrfy img { margin: 0 auto 16px; } .code-vrfy .errorMsg { display: block; margin-top: -10px; margin-bottom: 10px; background: #fff; text-align: left; } @media (min-width: 1367px) and (max-width: 1920px) { .elWrap { font-size: 1.875rem !important; margin-left: -8.75%; margin-right: -8.75%; } .lead-reg h1 { font-size: 2.5rem !important; margin-bottom: 32px; } .lead-reg h2 { font-size: 1.875rem !important; margin-bottom: 16px; } .code-vrfy { min-height: 524px; } .code-vrfy h3 { font-size: 2rem !important; } .code-vrfy form input { font-size: 1.5rem; } .code-vrfy form.otp form { margin-top: 100px; margin-bottom: 160px; } .code-vrfy form.otp input { margin-right: 24px; } .code-vrfy .btn-primary { font-size: 1.35rem !important; } /* .btn-primary-new{ font-size: 1.35rem !important; } */ } @media screen and (max-width: 1024px) { .elWrap { text-align: left; font-size: 0.875rem !important; margin: 0 -20px; padding: 0 !important; } .elWrap:after { bottom: 65%; } .lead-reg { padding: 48px 32px; } .lead-reg h1 { font-size: 1.5rem; margin-bottom: 16px; } .lead-reg h2 { margin-bottom: 16px; font-size: 1rem; text-align: center; } .code-vrfy h3 { font-size: 1.25rem; } .code-vrfy { padding: 24px; font-size: 0.875rem; min-height: 400px; } .code-vrfy form { margin-top: 4px; margin-bottom: 4px; } } /* .zf-landing{font-size:1.125rem} .zf-landing .btn img{display:inline-block;margin-bottom:-5px} .zf-landing .btn{padding:10px 25px} */ .ceo { padding: 96px; background-image: url(/static/ceoBg.png); background-position: right -15% bottom 40px; background-repeat: no-repeat; } .ceo img { max-width: 90%; margin-top: 48px; } .ceo .cn { margin: 16px 0 0 -32px; } .ceo h1 { font-size: 2rem; margin-top: 0; margin-bottom: 32px; } .ceo h1.head { position: relative; display: inline-block; } .ceo h1.head:before { content: ''; position: absolute; background: rgba(3, 168, 124, 0.1); top: 25px; width: 100%; height: 20px; border-radius: 8px; } .ceo blockquote { position: relative; margin-top: 80px; margin-bottom: 16px; } .ceo blockquote:before { content: ''; position: absolute; margin-bottom: 8px; margin-top: 8px; top: -70px; background-image: url(/static/statement.png); background-position: top left; background-repeat: no-repeat; background-size: cover; width: 67px; height: 55px; } .ceo ul { margin-left: 20px; margin-bottom: 32px; } .ceo .btn { margin-bottom: 68px; } .leadBenft { background: linear-gradient(to bottom, #052f5f 50%, #ffffff 50%); padding: 96px; } .leadBenft .head { font-size: 2rem; margin-top: 0; margin-bottom: 16px; } .leadBenft .count { margin-bottom: 64px; background: #fff; border-radius: 8px; padding: 96px 96px 0 96px; box-shadow: 0px 3px 6px #00000029; } .leadBenft .count img { margin: 54px auto 16px; display: block; max-width: 136px; } .leadBenft .count strong { font-size: 1.375rem; } .talkAbt { padding: 48px; } .talkAbt h2 { font-size: 2rem !important; margin-top: 0; margin-bottom: 16px; color: #052f5f; } .talkAbt h2 { position: relative; display: inline-block; } .talkAbt h2:before { content: ''; position: absolute; background: rgba(3, 168, 124, 0.1); top: 25px; width: 100%; height: 20px; border-radius: 8px; } .talkAbt .btn { display: inline-block; margin-top: 16px; } @media (min-width: 1367px) and (max-width: 1920px) { /* .zf-landing{font-size:1.875rem!important} .zf-landing .btn img{margin-bottom:-2px} */ .ceo h1 { font-size: 2.5rem !important; } .ceo .cn { margin: 16px 0 0 -200px; } .ceo h1.head:before, .talkAbt h2::before { top: 32px; } .leadBenft .head { font-size: 2.5rem !important; } .leadBenft .count strong { font-size: 2rem; } .talkAbt h2 { font-size: 2.5rem !important; } .ceo blockquote { position: relative; margin-top: 80px; margin-bottom: 16px; } .ceo blockquote, .ceo ul { font-size: 1.35rem !important; } /* .zf-landing .btn-primary,.zf-landing p{font-size:1.875rem!important} */ } @media screen and (max-width: 1024px) { /* .zf-landing{text-align:center;font-size:0.875rem} .zf-landing .col-md-12,.zf-landing .col-md-7,.zf-landing .col-md-6, .zf-landing .col-md-5, .zf-landing .col-md-4, .zf-landing .col-md-3{max-width:100% !important;flex:0 0 100% !important;padding:0;} */ .ceo { background: #fff; text-align: left; } .ceo .cn { margin: 16px 0 40px 0; } .ceo img { max-width: 70%; display: block; margin: 40px auto auto; } .ceo .btn { display: inline-block; margin-bottom: 16px; } .ceo blockquote { margin-top: 40px; font-size: 1rem !important; } .ceo blockquote:before { width: 34px; height: 28px; top: -34px; } .ceo, .leadBenft { padding: 48px 16px; } .ceonew { padding: 3.5rem; } .leadBenft { padding: 48px 64px; } .leadBenft p { text-align: left; font-size: 0.875rem; } .leadBenft img { float: left; } .ceo h1 { font-size: 1.5rem; margin-bottom: 16px; } .ceo h1.head:before, .talkAbt h2:before { background: transparent; } .leadBenft { font-size: 1rem; } .leadBenft .head { font-size: 1.5rem; margin-top: 24px; margin-bottom: 16px; } .leadBenft { padding: 48px 32px 0 32px; } .leadBenft .count { padding: 48px 16px 0 16px; } .leadBenft .count img { margin: 22px 16px 16px 0; max-width: 112px; } .leadBenft .count strong { font-size: 1.125rem; } .talkAbt { padding: 32px 32px 86px; } .talkAbt h2 { font-size: 1.5rem !important; margin-top: 0; margin-bottom: 16px; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } /*Calculator css*/ /* .form { width: 50%; float: left; } */ .calculator { padding: 1rem 0; /* width: 325px; background-color: white; border-radius: 5px; */ } .radio { margin-bottom: 1.5rem; text-align: center; } .radio input[type='radio'] { margin-right: 4px; } .radio input[type='radio']:checked + .radio-label:before { background-color: #5367ff; box-shadow: inset 0 0 0 4px #f4f4f4; } .i_container { margin-bottom: 32px; } .i_row { color: #363535; display: flex; justify-content: space-between; } .o_row:not(:last-child) { margin: 15px 0; } .o_row .r_title { text-align: center; /* margin-bottom: 5px; font-size: 14px; */ color: #363535; /* opacity: 0.75; */ } .o_row .r_value { text-align: center; font-size: 24px; font-weight: bold; /* color: #44475b; */ } .o_row .inv { padding-bottom: 16px; position: relative; } .o_row .inv:after { content: ''; background: #cbc7c7; height: 4px; position: absolute; width: 80%; left: 10%; } .o_row .inv .r_value { color: #03a87c; } .o_row .rtn .r_value { color: #052f5f; } .f_title { text-align: center; color: #44475b; font-size: 14px; } .chart { /* width: 50%; float: right; */ padding: 8px 8px 4px 8px; border-radius: 50%; border: 1px solid #ddd; } .main_container { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); /* margin: 5px; */ border-radius: 5px; margin-bottom: 24px; } .sipcal { font-size: 16px; } /* .sipcal h2{font-size:64px} */ .sipcal input[type='text'] { width: auto; border: none; max-width: 60px; margin-right: 4px; font-size: 16px; color: #03a87c; font-weight: 600; text-align: right; } .sipcal input[type='number'] { width: auto; border: none; max-width: 60px; margin-right: 4px; font-size: 16px; color: #03a87c; font-weight: 600; text-align: right; } .sipcal .chartWrap { position: relative; padding-top: 24px; padding-bottom: 16px; max-width: 312px; margin: 0 auto; } .sipcal input[type='number'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .sipcal input[type='number']::-webkit-inner-spin-button, .sipcal input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; } input[type='range'] { -webkit-appearance: none; margin: 10px 0; width: 100%; } input[type='range']:focus { outline: none; } .sipcal input[type='range']::-webkit-slider-runnable-track { width: 100%; height: 14px; cursor: pointer; background: #ddd7d7; border-radius: 6px; border: 0px solid #000101; } .sipcal input[type='range']::-webkit-slider-thumb { border: 0px solid #000000; height: 24px; width: 24px; border-radius: 18px; background: radial-gradient( ellipse at center, #1e5799 0%, #03a87c 0%, #052f5f 100% ); cursor: pointer; -webkit-appearance: none; margin-top: -3.6px; } .sipcal input[type='range']:focus::-webkit-slider-runnable-track { background: #ddd7d7; } .sipcal input[type='range']::-moz-range-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; background: #ddd7d7; border-radius: 6px; border: 0px solid #000101; } .sipcal input[type='range']::-moz-range-thumb { border: 0px solid #000000; height: 24px; width: 24px; border-radius: 18px; background: radial-gradient( ellipse at center, #1e5799 0%, #03a87c 0%, #052f5f 100% ); cursor: pointer; } .sipcal input[type='range']::-ms-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 24px 0; color: transparent; } .sipcal input[type='range']::-ms-fill-lower { background: #ddd7d7; border: 0px solid #000101; border-radius: 12px; } .sipcal input[type='range']::-ms-fill-upper { background: #ddd7d7; border: 0px solid #000101; border-radius: 12px; } .sipcal input[type='range']::-ms-thumb { border: 0px solid #000000; height: 24px; width: 24px; border-radius: 18px; background: radial-gradient( ellipse at center, #1e5799 0%, #03a87c 0%, #052f5f 100% ); cursor: pointer; } .sipcal input[type='range']:focus::-ms-fill-lower { background: #ddd7d7; } .sipcal input[type='range']:focus::-ms-fill-upper { background: #ddd7d7; } .o_row { position: absolute; left: 37px; top: 46px; background: #f1f2f2; font-size: 1rem; font-weight: 600; border-radius: 50%; border: 8px solid #fff; width: 240px; height: 240px; padding-top: 24px; display: flex; justify-content: center; flex-direction: column; } .myAmount, .myRoi, .myYears { position: relative; } .myAmount:before { content: '500'; position: absolute; font-size: 12px; top: 30px; left: 0; } .myAmount:after { content: '5 Lacs'; position: absolute; font-size: 12px; top: 30px; right: 0; } .myRoi:before { content: '5%'; position: absolute; font-size: 12px; top: 30px; left: 0; } .myRoi:after { content: '25%'; position: absolute; font-size: 12px; top: 30px; right: 0; } .myYears:before { content: '3 Yrs'; position: absolute; font-size: 12px; top: 30px; left: 0; } .myYears:after { content: '40 Yrs'; position: absolute; font-size: 12px; top: 30px; right: 0; } @media screen and (max-width: 1024px) { .sipcal .col-md-6 { max-width: 100% !important; flex: 0 0 100% !important; } .footer .fLogo span { font-size: 1.5rem; margin-bottom: 0; } .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } } .myAmountHomeLoan, .myRoi, .myYears { position: relative; } .myAmountHomeLoan:before { content: '5 Lacs'; position: absolute; font-size: 12px; top: 30px; left: 0; } .myAmountHomeLoan:after { content: '80 Lacs'; position: absolute; font-size: 12px; top: 30px; right: 0; } .header-cta { padding: 30px 0; position: inherit; width: 100%; background: #fff; z-index: 1003; } .lead-reg1 { padding: 7% 0% 8% 0%; } .h1-text { font-size: 3rem; font-weight: 700; color: #052f5f; margin: 10px 0 16px 0; } /*/lead-page*/ .leadWrap { position: relative; font-size: 1.125rem; margin-left: -11.75%; margin-right: -11.75%; } .leadWrap:after { content: ' '; position: absolute; background: transparent linear-gradient(164deg, #caf2e74d 0%, #4cd0af1a 100%) 0% 0% no-repeat padding-box; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } .lead-dtl { padding: 7% 10% 5% 10%; } .lead-dtl .lead-h1 { font-size: 2.25rem; margin-top: 0; margin-bottom: 24px; font-weight: 700; } .leads { background: #052f5f; border: 5px solid #052f5f; box-shadow: 0px 3px 6px #00000029; color: #fff; padding: 32px; border-radius: 8px; font-size: 16px; min-height: 322px; flex-direction: column; justify-content: center; margin-bottom: 10px; margin-top: 10px; } .leads .d-flex div { margin: 20px; } .leads .lead-h3 { margin-top: 15px; font-size: 20px; font-weight: 700; } .leads form { margin-top: 8px; } .leads label { display: block; text-align: left; margin-bottom: 8px; } .leads .btn { background: #03a87c; color: #fff; border-radius: 4px; padding: 10px 25px; text-align: center; font-weight: 400; } .leads form input { padding: 10px 12px; } .leads img { margin: 0 auto 16px; max-width: 97px; } .lead-dtl ul { list-style: none; display: flex; justify-content: space-between; } .lead-dtl ul li { display: flex; margin: 0 16px 16px 24px; flex: 1 1 0px; font-size: 0.75rem; padding: 4px 8px 0 4px; line-height: 1.2; border-radius: 8px; } .lead-dtl ul li strong { align-self: center; margin-bottom: 4px; } .lead-dtl ul li img { margin: -4px 8px 0 -26px; } .lead-dtl ul li:nth-child(1) { background: #e1e6ec; } .lead-dtl ul li:nth-child(2) { background: #e1e6ec; } .lead-dtl ul li:nth-child(3) { background: #e1e6ec; } .lead-dtl ul li:last-child { margin-right: 0; } /* .iconleadPage{position:absolute;content:"";width:48px;height:48px;top:50%;margin-top:-24px;left:-32px} */ .iconleadPage { width: 60px; height: 60px; } .lead-dtl ul.mp { display: none; } @media (min-width: 1441px) and (max-width: 1920px) { .leadWrap { font-size: 1.875rem !important; margin-left: -8.75%; margin-right: -8.75%; } .lead-dtl .lead-h1 { font-size: 3rem !important; margin-bottom: 32px; margin-top: 10px; } .leads { padding: 32px; max-height: 420px; } .leads label { font-size: 1.3rem; } .leads .lead-h3 { font-size: 24px !important; } .leads form input { font-size: 1rem; margin-bottom: 20px; } .leads .btn-primary { font-size: 1.375rem !important; } .lead-dtl ul li { margin-left: 60px; padding: 8px 8px 0 8px; font-size: 0.875rem; line-height: inherit; } .lead-dtl ul li strong { margin-bottom: 8px; } .lead-dtl ul li img { align-self: end; margin: -8px 8px 0 -66px; } .iconleadPage { width: 120px; height: 120px; } } @media screen and (max-width: 1024px) { .leadWrap { text-align: left; font-size: 0.875rem; margin: -48px -20px -20px -20px; padding: 0 5px; background: transparent linear-gradient(164deg, #caf2e74d 0%, #4cd0af1a 100%) 0% 0% no-repeat padding-box; } .lead-dtl { padding: 48px 32px; } .lead-dtl ul.dp { display: none; } .lead-dtl ul.mp { display: flex; flex-direction: column; } .lead-dtl ul li { margin-right: 0; display: block; } .lead-dtl ul li strong { display: block; width: 82%; float: left; margin-top: 15px; } .iconleadPage { float: left; display: block; } .lead-dtl .lead-h1 { margin-top: 30px; font-size: 1.125rem; margin-bottom: 16px; } .leads { padding: 24px; font-size: 0.875rem; min-height: 310px; } .leads form { margin-top: 4px; margin-bottom: 4px; } .leads img { max-width: 60px; } } /*/Contanct us*/ .contactWrap { font-size: 1.125rem; padding: 0; } .contactWrap h1 { font-size: 2.25rem; margin-top: 0; margin-bottom: 16px; } .contactWrap h2 { font-size: 1.5rem; margin: 0 0 24px 0; } .socialLinks ul { list-style: none; display: flex; } .socialLinks ul li { max-width: 60px; margin-right: 1rem; } .actions { display: flex; flex: 1 1 0px; flex-direction: row; margin-bottom: 120px; } .actions a { display: flex; flex: 1 1 0px; margin-right: 1rem; align-items: center; justify-content: center; } .actions a:last-child { margin-right: 0; } .actions a img { width: 24px; margin-right: 8px; } .actions a.email { background: #fff; color: #03a87c; border: 1px solid #03a87c; } @media (min-width: 1441px) and (max-width: 1920px) { .contactWrap { font-size: 1.875rem !important; } .contactWrap h1 { font-size: 3rem !important; margin-bottom: 32px; } .contactWrap h2 { font-size: 2rem; } .socialLinks ul li { max-width: 80px; } .actions a img { width: 36px; } .contactWrap .btn-primary { font-size: 1.875rem !important; } } @media screen and (max-width: 1024px) { .contactWrap .col-md-6 { flex: 0 0 100%; max-width: 100%; } .contactWrap { text-align: left; font-size: 0.875rem; } .contactWrap h1, .contactWrap h2 { font-size: 1.125rem; } .contactWrap p { margin-bottom: 24px; } .contactWrap .btn-primary { font-size: 0.875rem !important; font-weight: 400; } .socialLinks { text-align: center; } .socialLinks ul { justify-content: center; } .socialLinks ul li { max-width: 40px; } .actions { margin-bottom: 40px; } .actions a:last-child { margin: 0 !important; } .actions a img { width: 16px; } .contactImg { width: 512px; } } .react-multi-carousel-track li .col-md-4 { flex: auto; max-width: 100%; } .react-multi-carousel-list { display: flex; align-items: center; overflow: hidden; position: relative; } .react-multi-carousel-track { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; position: relative; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, transition; } .react-multiple-carousel__arrow { position: absolute; outline: 0; transition: all 0.5s; border-radius: 35px; z-index: 1000; border: 0; background: #fff; box-shadow: 0 0 1px #333; min-width: 43px; min-height: 43px; opacity: 1; cursor: pointer; } .react-multiple-carousel__arrow:hover { background: rgba(0, 0, 0, 0.8); } .react-multiple-carousel__arrow::before { font-size: 20px; color: #fff; display: block; font-family: revicons; text-align: center; z-index: 2; position: relative; } .react-multiple-carousel__arrow--left { left: 1px; /*top:20%;*/ } .react-multiple-carousel__arrow--left::before { content: ' '; background: url(/static/next.png); width: 26px; height: 26px; transform: rotate(180deg); background-repeat: no-repeat; right: 2px; } .react-multiple-carousel__arrow--right { right: 1px; /*top:20%;*/ } .react-multiple-carousel__arrow--right::before { content: ''; background: url(/static/next.png); width: 26px; height: 26px; background-repeat: no-repeat; left: 18px; } .react-multi-carousel-dot-list { position: absolute; bottom: 0; display: flex; left: 0; right: 0; justify-content: center; margin: auto; padding: 0; margin: 0; list-style: none; text-align: center; } .react-multi-carousel-dot button { display: inline-block; width: 12px; height: 12px; border-radius: 50%; opacity: 1; padding: 5px 5px 5px 5px; box-shadow: none; border-width: 2px; border-style: solid; border-color: grey; padding: 0; margin: 0; margin-right: 6px; outline: 0; cursor: pointer; } .react-multi-carousel-dot button:hover { background: #080808; } .react-multi-carousel-dot--active button { background: #080808; } .react-multi-carousel-item { transform-style: preserve-3d; backface-visibility: hidden; width: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .react-multi-carousel-item { flex-shrink: 0 !important; } .react-multi-carousel-track { overflow: visible !important; } } .react-multi-carousel-item .fund-listing { margin-left: 10px; margin-right: 10px; } li.react-multi-carousel-item--active:first-child .fund-listing { margin-left: 0; } li.react-multi-carousel-item--active:last-child .fund-listing { margin-right: 0; } .react-multi-carousel-item .mob-fund-list-crou { margin-left: 10px; margin-right: 10px; } li.react-multi-carousel-item--active:first-child .mob-fund-list-crou { margin-left: 0; } li.react-multi-carousel-item--active:last-child .mob-fund-list-crou { margin-right: 0; } .vdo-carousel .react-multiple-carousel__arrow--right { top: 15%; } .vdo-carousel .react-multiple-carousel__arrow--left { top: 15%; } .sfn .cardBox { max-height: none; height: auto; } .sfn .cardHeader, .sfn .cardBody { display: flex; flex-direction: row; } .sfn .cardHeader .sfncol, .sfn .cardBody .sfncol { flex: 1 1 0px; } .sfn .cardHeader ul, .sfn .cardBody ul { display: flex; } .sfn .cardHeader ul li, .sfn .cardBody ul li { flex: 1 1 0px; } .sfn .cardBody ul li { margin-top: 30px; } .sfn .rating img { margin-right: 2px; margin-bottom: -2px; } .sfn .fundLogo > img { height: 30px; } .sfn .react-multiple-carousel__arrow { box-shadow: none; top: -43px; border-radius: 0; background: transparent !important; } .sfn .sliderbox, .sfn .react-multi-carousel-list { overflow: visible; } .sfn .react-multi-carousel-track { width: 100%; } @media screen and (max-width: 1024px) { .sfn .react-multi-carousel-list { margin: 0; width: 100%; } .sfn .cardHeader, .sfn .cardBody { flex-direction: column; } .sfn .cardHeader .sfncol, .sfn .cardBody .sfncol { display: block; } .sfn .cardBody { border-top: 4px solid #eee; } .sfn .cardBody:nth-child(2) { border-top: none; } .sfn .cardBody .topAddList { border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 8px; } .sfn .cardBody ul li { margin-top: 0; } .sfn .cardBody ul li.mobHide { display: none !important; } .sfn .product-title { font-weight: 600; } .sfn .product-title .rating { background: #f0f3f6; text-align: right; padding: 5px; width: 32px; min-width: 32px; margin-left: 4px; align-self: start; } .sfn .rating img { margin-bottom: 0; } } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .productTextImg { display: table-cell; vertical-align: middle; max-width: 18%; } h1.productText { display: inline; vertical-align: top; padding-left: 10px; top: 25px; } .productimg { max-width: 26%; padding-bottom: 10px; } @media screen and (max-width: 425px) { .productTextImg { display: table-cell; vertical-align: middle; max-width: 18%; } h1.productText { display: block; vertical-align: text-bottom; padding-left: 0px; top: 0px; } .productimg { max-width: 26%; padding-bottom: 10px; } } .sgstdFnd table { border: 2px solid #eee; border-collapse: separate; border-radius: 8px; } .sgstdFnd table thead td { white-space: nowrap; } .sgstdFnd table tr td { border: none; padding: 16px; border-bottom: 2px solid #eee; } .sgstdFnd table tr td:last-child { border-left: 2px solid #eee; } .sgstdFnd table tbody tr:last-child td { border-bottom: none; } .sumrytr { background: #f0f3f6; border-bottom: 2px solid #eee; } .sgstdFnd h3 { margin-bottom: 24px; font-size: 1rem; padding: 0rem 0.6rem !important; } .sgstdFnd .listDetail .userImg { flex: 0 0 56px; } .sgstdFnd .cardBox { margin-bottom: 32px !important; } .sgstdFnd .cardHeader { display: flex; background: #f0f3f6; padding: 16px; } .sgstdFnd .cardHeader .fundLogo { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; overflow: hidden; border: 1px solid #052f5f; margin-right: 5px; } .sgstdFnd .cardHeader .product-title { margin-bottom: 0; margin-right: 5px; } .sgstdFnd .cardHeader .topAddList { margin-left: auto; font-weight: 600; align-self: center; } .sgstdFnd .cardBody { padding: 16px; } .sgstdFnd .cardBody ul li { display: block !important; width: auto; } .sgstdFnd .cardBody ul li .percentage { display: inline; padding-left: 8px; } .sgstdFndSumry .cardHeader { border-bottom: 2px solid #fff; } .sgstdFndSumry .cardBody { background: #f0f3f6; } .sgstdFndSumry .cardBody ul li { display: flex; justify-content: space-between; } .sgstdFndActn ul { display: flex; } .sgstdFndActn ul li { display: flex; flex: 1 1 0px; padding: 8px 16px; } .sgstdFndActn ul li:first-child { background: #f0f3f6; flex-direction: column; } .sgstdFndActn ul li:last-child { background: #03a87c; justify-content: center; align-items: center; } .sgstdFndActn ul li a { color: #fff; font-weight: 600; } .sgstdFndActn ul li a img { margin-left: 8px; } @media (min-width: 1441px) and (max-width: 1920px) { .sgstdFnd .listDetail .userImg { flex: unset; } } @media screen and (max-width: 1024px) { .sgstdFnd .sgstdFndAdv ul.advDtl { display: flex !important; margin-bottom: 24px; } .sgstdFnd .sgstdFndAdv .advDtl li { display: flex; flex-direction: column; margin-right: 16px; } .sgstdFnd .advDtl li span { padding: 8px 16px; background: #f0f3f6; } .sgstdFnd .cardBody ul { flex-wrap: wrap; } .sgstdFnd .cardBox .cardBody ul li { width: 100% !important; font-size: 0.875rem; } .sgstdFndSumry .cardBody ul li { display: flex !important; justify-content: space-between; } .sgstdFndActn { position: fixed; left: 0; right: 0; bottom: 0; } } /* 21 dec */ .menuTop .langSec ul li a { display: flex; justify-content: space-between; } .menuTop .langSec .radio { margin-bottom: 0; padding-top: 6px; } .downloadApp { margin-bottom: 32px; width: auto; } .downloadApp img { width: 100%; } .bm h2, .bm h3 { scroll-margin-top: 105px; } .artCnt { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding: 16px 24px 8px 24px; font-weight: 700; } .artCnt ul { list-style: none; margin-bottom: 16px; } .artCnt ul a { color: #0c748c; } .artCnt ul.sl { margin-left: 24px; font-weight: normal; margin-bottom: 8px; } .artCnt p { text-align: center; } .artCnt p span { color: #03a87c; } @media (min-width: 1367px) and (max-width: 1920px) { .bm h2, .bm h3 { scroll-margin-top: 120px; } } @media screen and (max-width: 1024px) { .bm h2, .bm h3 { scroll-margin-top: 50px; } } @media (min-width: 1367px) and (max-width: 1920px) { .zf-landing-m { font-size: 1.4rem !important; margin-left: -11.75%; margin-right: -11.75%; padding: 2rem; } .btn-primary-new { font-size: 1.25rem !important; } } .zf-landing-m { font-size: 1.25rem !important; margin-left: -11.75%; margin-right: -11.75%; padding: 0rem; } /* .zf-landingnew { text-align: center; font-size: 0.875rem !important; margin: 0 -16px; } */