@charset "UTF-8";

#research-iframe,
#upcoming-ipo {
    padding: 3em 0
}

@keyframes linkLineA {
    0% {
        width: 100%;
        left: auto;
        right: 0
    }

    70% {
        width: 0%;
        left: auto;
        right: 0
    }

    100% {
        width: 0%;
        left: 0;
        right: auto
    }
}

@keyframes linkLineB {
    0% {
        width: 0%;
        left: 0;
        right: auto
    }

    70% {
        width: 100%;
        left: 0;
        right: auto
    }

    100% {
        width: 100%;
        left: auto;
        right: 0
    }
}

.pageHeader {
    width: auto;
    min-height: 70px;
    position: fixed;
    left: 0;
    right: 0;
    background: #f6f6f6;
    border-bottom: 1px solid #e9e9e9;
    padding: 0px 50px;
    z-index: 1000;
    transition: .5s
}

.pageHeader.bg-white,
.pageHeader.stick {
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
}

.stickyAnchor {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50px;
    left: 0
}

.siteLogo img {
    /* width: 100%; */
    height: 60px !important;
}

.navig {
    margin-left: 20px;
    text-align: right
}

.navig li {
    display: inline-block;
    margin-right: 38px;
    position: relative
}

#footer-2 ul li a:hover,
.menuAction li a:hover,
.navig li a:hover,
.navig li.current-menu-item a,
.navig li:hover>a,
.pageFooter .copyright a:hover,
.pageFooter .footLinks li a:hover {
    color: #ff0b28
}

.navig li a {
    display: block;
    font-weight: 500;
    position: relative;
    transition: .3s
}

.aboutSection,
.heroAnimation .coin img,
.insightItem,
.navig li a:after,
.webscreenWrapper {
    width: 100%
}

.menuAction .dwnldIcons a svg,
.menuAction img {
    width: 18px;
    height: auto;
    display: block
}

.navig li a.active {
    color: #ff0b28;
    pointer-events: none
}

.navig>li:last-child {
    margin-right: 0
}

.menuAction li {
    margin-left: 30px;
    font-weight: 500
}

.menuAction li:last-child {
    margin-left: 0
}

.menuAction .dwnldIcons a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.menuAction .dwnldIcons a svg {
    fill: #535353;
    transition: .3s
}

.menuAction .dwnldIcons a:hover svg,
.pageFooter .socialLinks li a:hover svg circle,
.pageFooter .socialLinks li a:hover svg path {
    fill: #ff0b28
}

.menu_Btn {
    width: 25px;
    height: 30px;
    border: 0;
    position: relative;
    background: 0 0;
    display: block;
    float: right;
    padding: 0
}

.ghostButton,
.redButton,
.whiteButton {
    background: 0 0;
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    font-weight: 500;
    line-height: 1.2
}

.menu_Btn span {
    width: 100%;
    height: 1px;
    background: #3a3b3e;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    border-radius: 50rem !important
}

.blogDetails-section .right-blog .btn-primary:before,
.blueButton:before,
.ghostButton:before,
.redButton:before,
.whiteButton:before {
    width: 400%;
    height: 100%;
    display: block;
    left: -300%;
    transition: .4s ease-out;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1
}

.menu_Btn span:first-child {
    transform: translate3d(0, -8px, 0)
}

.menu_Btn span:nth-child(4) {
    transform: translate3d(0, 8px, 0)
}

.menu_Btn[aria-expanded=true] span:first-child,
.menu_Btn[aria-expanded=true] span:nth-child(4) {
    transform: translate3d(0, 0, 0);
    opacity: 0;
    width: 0
}

.menu_Btn[aria-expanded=true] span:nth-child(2) {
    transform: rotate(45deg)
}

.menu_Btn[aria-expanded=true] span:nth-child(3) {
    transform: rotate(-45deg)
}

.redButton,
.whiteButton {
    color: #fff;
    padding: 13px 25px;
    border: 0
}

.redButton:before {
    background: #ff0b28;
    background: -moz-linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #ff0b28 55%);
    background: -webkit-linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #ff0b28 55%);
    background: linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #ff0b28 55%)
}

.blogDetails-section .right-blog .btn-primary:hover,
.blueButton:hover,
.ghostButton:hover,
.redButton:focus,
.redButton:hover,
.whiteButton:hover {
    color: #fff !important
}

.redButton:hover:before,
.whiteButton:hover:before {
    left: 0
}

.ghostButton {
    color: #ff0b28;
    padding: 12px 25px;
    border: 1px solid #ff0b28
}

.blogDetails-section .right-blog .btn-primary:before,
.blueButton:before,
.ghostButton:before {
    opacity: 0;
    background: #ff0b28;
    background: -moz-linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #ff0b28 55%);
    background: -webkit-linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #ff0b28 55%);
    background: linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #ff0b28 55%)
}

.blogDetails-section .right-blog .btn-primary:hover:before,
.blueButton:hover:before,
.ghostButton:hover:before {
    left: 0;
    opacity: 1
}

.blueButton {
    background: #004780;
    color: #fff;
    font-weight: 500;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 0
}

.whiteButton:before {
    background: #fff;
    background: -moz-linear-gradient(60deg, #fff 1%, #01589d 20%, #fff 55%);
    background: -webkit-linear-gradient(60deg, #fff 1%, #01589d 20%, #fff 55%);
    background: linear-gradient(60deg, #ff0b28 1%, #01589d 20%, #fff 55%)
}

.pinkColor {
    color: #e8787d
}

.lightpinkColor {
    color: #e9ccb6
}

.ctaLink {
    color: #ff0b28;
    position: relative;
    transition: .2s;
    padding: 0 2px
}

.ctaLink:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ff0b28;
    position: absolute;
    bottom: 0;
    right: 0;
    animation: .3s .3s backwards linkLineB
}

.ctaLink:after,
.ctaLink:hover:before {
    animation: .3s forwards linkLineA
}

.ctaLink:after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 2px;
    background: #004780;
    background: -moz-linear-gradient(90deg, #004780 0, #ff0b28 100%);
    background: -webkit-linear-gradient(90deg, #004780 0, #ff0b28 100%);
    background: linear-gradient(90deg, #004780 0, #ff0b28 100%)
}

.ctaLink:hover {
    color: #fff;
    transition-delay: 0.2s;
    padding: 0 5px
}

.ctaLink:hover:after {
    animation: .3s .3s forwards linkLineB
}

@media (max-width:1450px) and (min-width:1199.98px) {
    .pageHeader {
        padding: 4px 20px
    }

    .navig li {
        margin-right: 15px
    }

    .menuAction .redButton {
        padding-left: 10px;
        padding-right: 10px
    }

    .menuAction li {
        margin-left: 15px
    }
}

@media (min-width:1200px) {
    .navig_Lv1 {
        position: absolute;
        top: 100%;
        left: -20px;
        right: 0;
        padding-top: 15px;
        display: block;
        opacity: 0;
        transform: translateY(10px);
        transition: .2s ease-out;
        visibility: hidden
    }

    .navig>li:hover>.navig_Lv1 {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }

    .navig li .sub-menu {
        width: 315px;
        background: #fff;
        position: relative;
        padding: 7px 5px;
        box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
        border-radius: 5px;
        opacity: 0;
        visibility: hidden;
        transition: .3s
    }

    .navig li .sub-menu:before {
        content: "";
        display: block;
        width: 0;
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        position: absolute;
        left: 30px;
        bottom: 100%
    }

    .navig li .sub-menu li {
        margin-right: 0;
        display: block
    }

    .navig li .sub-menu li a {
        display: block;
        font-weight: 400;
        padding: 6px 15px;
        line-height: 1.4;
        text-align: left
    }
    .navig li .sub-menu li:hover .sub-menu{
         opacity: 1;
        visibility: visible;
        top: 100%
    }

    .navig li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        top: 100%
    }

    #terms-condition .modal-dialog {
        max-width: 550px
    }
}

@media (max-width:1199.98px) {
    .navig {
        text-align: center;
        margin: 0;
        border-top: 1px solid #eee
    }

    .menuAction .dwnldIcons {
        display: none
    }

    .pageHeader {
        padding: 10px 15px
    }

    .navigHolder {
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 90vh
    }

    .navigHolder>.row {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .navig>li {
        display: block;
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #eee;
        position: relative
    }

    .navig>li>a[role=button]:after {
        content: "›";
        font-size: 30px;
        font-weight: 300;
        line-height: 0;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 10px;
        width: 10px;
        transition: .3s
    }

    .navig>li.opened>a:after {
        transform: rotate(90deg)
    }

    .navig li .navig_Lv1 ul.sub-menu {
        display: block
    }

    .navig li .navig_Lv1 ul.sub-menu li {
        width: 30%;
        display: inline-block;
        margin-right: 2%;
        position: relative
    }

    .navig li .navig_Lv1 ul.sub-menu li>a {
        font-weight: 400;
        padding: 10px 10px 10px 0;
        display: block;
        opacity: 0;
        transition: 1s linear;
        will-change: left opacity;
        left: -50px;
        position: relative
    }

    .navig li .navig_Lv1 ul.sub-menu li>a:before {
        content: "›";
        font-weight: 700;
        margin-right: 5px
    }

    .navig li.opened .navig_Lv1 ul li>a {
        opacity: 1;
        transition: 1s linear 3s;
        left: 0
    }

    .navig li.opened>a {
        color: #ff0b28
    }

    .navig_Lv1 {
        display: none;
        width: 100%
    }

    .loginBtn,
    .menuAction li {
        font-weight: 500;
        display: block
    }

    .menuAction {
        margin: 20px -15px 0
    }

    .menuAction li {
        margin-left: 0;
        text-align: center
    }

    .loginBtn {
        background: #eee;
        padding: 13px 25px;
        line-height: 1.2;
        border-radius: 3px;
        position: relative;
        overflow: hidden;
        height: 100%
    }

    .insightContainer .swiper-slide {
        width: 45%
    }
}

@media (max-width:767.98px) {
    .navig {
        text-align: left
    }

    .navig li .navig_Lv1 ul.sub-menu li {
        width: 47%;
        margin-right: 2%
    }

    .heroSection {
        margin-bottom: 0
    }
}

@-webkit-keyframes blink {

    0%,
    100% {
        background: #004780
    }

    25%,
    75% {
        background: #ff0b28
    }
}

@keyframes blink {

    0%,
    100% {
        background: #004780
    }

    25%,
    75% {
        background: #ff0b28
    }
}

@keyframes coinA {

    0%,
    10%,
    100%,
    40%,
    60%,
    80% {
        top: 0
    }

    5%,
    50%,
    70%,
    90% {
        top: 10%
    }

    20%,
    30% {
        top: 110%
    }
}

@keyframes coinB {

    0%,
    100%,
    35%,
    95% {
        top: 110%;
        transform: translateX(30px)
    }

    40%,
    60%,
    80% {
        top: 10%;
        transform: translateX(-50px)
    }

    50%,
    70%,
    90% {
        top: 0;
        transform: translateX(-50px)
    }
}

@keyframes coinC {

    0%,
    100%,
    40%,
    98% {
        top: 110%;
        transform: translateX(-30px)
    }

    48%,
    64%,
    80%,
    95% {
        top: 15%;
        transform: translateX(50px)
    }

    56%,
    72%,
    88% {
        top: 25%;
        transform: translateX(50px)
    }
}

@-webkit-keyframes scrollwheel {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }
}

@keyframes scrollwheel {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }
}

.pageContainer {
    width: 100%;
    overflow: hidden;
    padding-top: 70px
}

.pageContainer.contact {
    padding-top: 0;
}

.heroSection {
    width: 100%;
    height: auto
}

.heroSection .img {
    position: relative;
    padding-top: 100.18%
}

.heroSection .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important
}

.heroSection .inline-form-grid .form-group {
    margin-bottom: 1.5em
}

.heroSection .login-link {
    color: #004780;
    font-weight: 500
}

.heroSection .heroBtns a {
    width: 200px
}

.heroText {
    max-width: 350px;
    width: 100%
}

.heroText .heroTitle {
    font-size: 40px;
    line-height: 1
}

.heroText h2,
.heroText p,
.heroText2 h2,
.heroText2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: inherit
}

.heroText2 {
    max-width: none;
    width: 100%
}

.heroText2 .heroTitle {
    font-size: 48px;
    line-height: 1.3
}

.heroLinks {
    font-size: 14px;
    font-weight: 700
}

.heroLinks a {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    color: #333;
    font-weight: 500;
    transition: .3s;
    border: 1px solid #e3e3e3;
    border-radius: 50rem;
    line-height: 1;
    background: #f3f3f3;
    position: relative
}

.heroLinks a:hover {
    color: #ff0b28;
    border: 1px solid #ff0b28
}

.heroLinks a:not([href]):not([class]):hover {
    border: 1px solid #e3e3e3;
    cursor: default
}

.heroLinks a.new:before {
    content: "NEW";
    display: block;
    background: #004780;
    color: #fff;
    font-size: 7px;
    line-height: 1;
    padding: 3px 4px;
    border-radius: 50rem;
    position: absolute;
    top: -10px;
    left: 4px;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, .3);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    animation-name: blink
}

.heroAnimation {
    width: 300px;
    height: 250px;
    margin: auto;
    position: relative;
    overflow: visible;
    background: url(../images/coinStrip.png) center 100% no-repeat
}

.heroAnimation:after {
    content: "";
    width: 1212px;
    height: 100px;
    display: block;
    position: absolute;
    top: 90%;
    right: 50%;
    background: url(../images/heroShadow.png) center 100% no-repeat;
    transform: translateX(50%);
    z-index: -2
}

.heroAnimation .coinHolder {
    width: 300px;
    height: 250px;
    display: block;
    margin: auto;
    overflow: hidden;
    position: relative
}

.heroAnimation .coin {
    width: 130px;
    height: 130px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    will-change: top transform
}

.heroAnimation .coin:before {
    width: 60%;
    height: 60%;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    z-index: -1;
    background: rgba(0, 0, 0, .4);
    filter: blur(20px);
    will-change: top transform
}

.start .coin_A {
    animation: 15s infinite coinA
}

.ssBox:hover .ssBtn,
.start .coin_B,
.start .coin_C {
    opacity: 1
}

.coin_B {
    animation: 15s infinite coinB;
    opacity: 0
}

.coin_C {
    animation: 15s infinite coinC;
    opacity: 0
}

.icon-scroll {
    position: absolute;
    left: 50%;
    width: 25px;
    height: 40px;
    margin-left: -15px;
    bottom: 30px;
    margin-top: 0;
    box-shadow: inset 0 0 0 1px #535353;
    border-radius: 20px;
    background: #f6f6f6
}

.icon-scroll:before {
    position: absolute;
    left: 50%;
    content: "";
    width: 6px;
    height: 6px;
    background: #ff0b28;
    margin-left: -3px;
    top: 6px;
    border-radius: 4px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scrollwheel;
    animation-name: scrollwheel
}

.icon-scroll:after {
    content: "Scroll";
    font-size: 10px;
    position: absolute;
    bottom: -20px
}

.boldTitle {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3
}

.boldTitle small,
.boldTitle1 small {
    font-size: 20px;
    font-weight: 500;
    display: block;
    line-height: 1.5
}

.boldTitle1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3
}

.emboseBox {
    width: 100%;
    min-height: 45px;
    border-radius: 22px;
    padding: 10px 25px 10px 50px;
    box-shadow: 8px 8px 5px #f2f2f2, -4px -4px 5px #fafafa;
    background: url(../images/redtick.png) 18px 15px no-repeat
}

#platforms,
#what-demat,
.featureSection {
    padding: 2em 0
}

.aboutSection .abSecContent {
    margin-bottom: 80px
}

.aboutSection .aboutStatistics li {
    margin-bottom: 30px;
    line-height: 1.5
}

.aboutSection .aboutStatistics li strong {
    font-size: 22px;
    vertical-align: baseline;
    line-height: 1
}

.aboutSection .abSecMedia,
.edgeSection .researchContent {
    margin-bottom: 100px
}

.aboutSection .abSecMedia .absmTitle {
    font-size: 14px;
    color: #999
}

.aboutSection .abSecMedia .img-0 {
    width: 180px;
    height: 25px
}

.aboutSection .abSecMedia .img-1 {
    width: 79px;
    height: 25px
}

.aboutSection .abSecMedia .img-2 {
    width: 142px;
    height: 25px
}

.aboutSection .abSecMedia .img-3 {
    width: 210px;
    height: 25px
}

.aboutSection .abSecMedia .img-4 {
    width: 161px;
    height: 25px
}

.aboutSection .abSecMedia .img-5 {
    width: 105px;
    height: 25px
}

.aboutSection .abSecMedia img {
    opacity: .65;
    filter: grayscale(100);
    display: block;
    transition: .3s;
    margin-right: 10px
}

.aboutSection .abSecMedia img:hover {
    opacity: 1;
    filter: grayscale(0)
}

.featureSection .featureHolder {
    margin-top: 50px;
    margin-bottom: 100px
}

.featureSection .featureHolder:nth-child(2n) {
    flex-direction: row-reverse
}

.featureSection .featureBrief .featureTitle {
    font-size: 40px
}

.featureSection .featureList {
    font-size: 14px
}

.featureSection .featureList li {
    margin-bottom: 20px
}

.featureSection .scrollMobile {
    width: 350px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.featureSection .featureInMobile {
    width: 315px;
    height: auto;
    display: block;
    margin: auto 0 auto auto;
    position: relative
}

.featureSection .mobileMask {
    position: relative;
    z-index: 5;
    width: 100%
}

.featureSection .appScreenHolder,
.featureSection .inMob_screenHolder .appScreenHolder {
    width: 66.66%;
    height: 79%;
    display: block;
    position: absolute;
    top: 5.65%;
    left: 8.6%;
    background: #fff
}

.featureSection .appScreenHolder img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.featureSection .inMob_screenHolder {
    width: 80%;
    max-width: 315px;
    height: auto;
    display: block;
    margin: auto;
    position: relative
}

@media (max-width:767.98px) {
    .icon-scroll {
        width: 20px;
        height: 30px;
        margin-left: -10px;
        bottom: 18px
    }

    .icon-scroll:before {
        width: 4px;
        height: 4px;
        margin-left: -2px;
        top: 4px
    }

    .icon-scroll:after {
        margin-left: -3px
    }

    .heroText .heroTitle {
        font-size: 36px
    }

    .boldTitle {
        font-size: 22px
    }

    .boldTitle small {
        font-size: 18px
    }

    .featureSection {
        padding-bottom: 30px;
        padding-top: 70px
    }

    .featureBrief .featureTitle {
        font-size: 24px
    }

    .featureHolder {
        margin-top: 0;
        margin-bottom: 50px
    }

    .inMob_screenHolder {
        width: 60%;
        min-width: 230px;
        right: -5%
    }
}

.partnerSection {
    padding-bottom: 70px;
    padding-top: 70px
}

.partnerSection .partnerImg {
    width: 150px;
    height: 100px;
    object-position: center bottom;
    object-fit: contain
}

.edgeSection {
    padding: 100px 0;
    background: #fff3f3
}

.edgeSection .ecbTitle {
    font-size: 36px
}

.edgeSection .edgeSubContainer {
    margin-bottom: 150px
}

.edgeSection .edgeSubContent {
    height: 100%
}

#terms-condition .modal-title,
.edgeSection .escTitle,
.pricingSection .planOptionName {
    font-size: 18px
}

.edgeSection .edgesubDivider {
    width: 1px;
    height: 100%;
    background: #ddd
}

.edgeSection .img {
    position: relative;
    padding-top: 92.51%
}

.edgeSection .img img,
.edgeSection .img-1 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.download-banner,
.download-content .page-title,
.edgeSection .winnerList li,
.ssBox {
    position: relative
}

.edgeSection .img-1 {
    position: relative;
    padding-top: 66.54%
}

.edgeSection .winnerList {
    padding-left: 30px
}

.edgeSection .winnerList li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    background: #ff0b28;
    position: absolute;
    left: -20px;
    top: 7px;
    border-radius: 50%
}

.ctaSection {
    background: #bae0ff;
    padding-bottom: 70px;
    padding-top: 70px
}

.ssBox {
    background: #333;
    overflow: hidden
}

.ssBox .ssBtn {
    height: 45px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    opacity: 0;
    transition: .3s
}

.ssBox:hover img {
    opacity: .3
}

.ssBox img {
    opacity: 1;
    transition: .3s
}

.needIcons {
    width: 40px;
    height: 40px;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 28px;
    transition: .2s ease-in-out;
    will-change: transform;
    transform: scale(1)
}

.needIcons img {
    width: 25px;
    height: 25px
}

.needList li:hover .needIcons {
    transform: scale(1.4)
}

.ctaSecBtn {
    background: rgba(255, 255, 255, .15);
    box-shadow: 0 0 15px #b0cce2
}

.arrowMotion {
    position: relative;
    -webkit-animation: 1s ease-in-out infinite pop;
    -moz-animation: 1s ease-in-out infinite pop;
    animation: 1s ease-in-out infinite pop
}

@-webkit-keyframes pop {

    0%,
    100% {
        right: 0
    }

    50% {
        right: -15px
    }
}

@-moz-keyframes pop {

    0%,
    100% {
        right: 0
    }

    50% {
        right: -15px
    }
}

@keyframes pop {

    0%,
    100% {
        right: 0
    }

    50% {
        right: -15px
    }
}

.insightSection {
    padding: 100px 0
}

.insightContainer {
    width: 100%;
    overflow: visible
}

.insightItem .insightImg {
    width: 100%;
    padding-bottom: 56%;
    display: block;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.insightItem .insightImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    transform: scale(1);
    transition: .3s
}

.insightItem:hover .insightImg img {
    transform: scale(1.2)
}

.insightItem:hover .ctaLink {
    opacity: 1;
    left: 0
}

.insightItem .insightDetails {
    padding: 20px 20px 0
}

.insightItem .insightTitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
    display: block
}

.insightItem .ctaLink {
    opacity: 0;
    transition: .3s;
    left: -10px;
    position: relative
}

@media (max-width:767.98px) {
    .edgeSection .ecbTitle {
        font-size: 24px
    }

    .edgeSection .edgesubDivider {
        width: 100%;
        height: 1px;
        background: #ddd;
        margin: 20px auto
    }

    .edgeSection .researchContent {
        margin-bottom: 40px
    }

    .edgeSection .edgeSubContainer {
        padding-left: 30px;
        margin-bottom: 70px
    }

    .edgeSection .edgeSubContent:before {
        content: "";
        width: 5px;
        height: 5px;
        display: block;
        background: #ff0b28;
        position: absolute;
        left: -20px;
        top: 7px;
        border-radius: 50%
    }

    .ssBox .ssBtn {
        height: 30px;
        opacity: 1
    }

    .ssBox img {
        opacity: .8
    }

    .insightContainer .swiper-slide {
        width: 70%
    }

    .blog-mainSection .nav-tabs {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 5px
    }

    .blog-mainSection .nav-tabs::-webkit-scrollbar {
        height: 3px;
        width: 3px;
        background-color: #aaa
    }
}

.pageFooter {
    background: #fff;
    padding: 40px 0;
    text-align: center
}

.pageFooter .footLinks li {
    display: inline-block;
    margin-bottom: 5px;
    position: relative
}

.pageFooter .footLinks li:after {
    content: "";
    width: 1px;
    height: 15px;
    background: #535353;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#openDematAccount .each-block:last-child h4 img,
.footer-form,
.inner-banner .mainButtons.container,
.pageFooter .footLinks li:last-child:after,
.scrollTop-1 .footer-form,
.telegram,
.whatsapp {
    display: none
}

.pageFooter .footLinks li a {
    display: block;
    margin: 0 20px;
    transition: .3s
}

.pageFooter .footLinks .dropdown:hover .dropdown-menu {
    display: block;
    z-index: 1000
}

.pageFooter .footLinks .dropdown-menu {
    margin: 0
}

.pageFooter .footLinks .dropdown-menu a {
    margin: 0;
    padding: 5px 15px;
    font-size: 14px
}

.pageFooter .socialLinks li {
    display: inline-block;
    margin: 0 3px
}

.pageFooter .socialLinks li:last-child a:hover svg path {
    fill: #fff
}

.pageFooter .socialLinks li a {
    display: block;
    width: auto;
    height: auto;
    background: inherit;
    padding: 0;
    transition: .3s
}

.pageFooter .socialLinks li a svg {
    width: 30px;
    height: 30px;
    display: block
}

.pageFooter .footContent {
    font-size: 12px;
    color: #888;
    text-align: left
}

.pageFooter .footContent a:hover {
    text-decoration: underline;
    color: #ff0b28
}

.blogDetails-section .breadcrumb .breadcrumb-item a,
.newBreadcrumb nav li a,
.pageFooter .copyright {
    font-size: .875em
}

.pageFooter .copyright a {
    color: #999
}

.pageFooter .enquiryFormContainer {
    padding: 15px 20px 5px;
    background: #003c7a;
    border: 1px solid #aaa
}

.pageFooter .enquiryFormContainer .form-control {
    height: 45px
}

#pricingDemat .section-heading,
#upcoming-ipo .section-heading,
#whyChooseUsDemat .section-heading,
.pageFooter .enquiryFormContainer .form-group {
    margin-bottom: 2em
}

.pageFooter .enquiryFormContainer .form-group label.error {
    background: #ec2024;
    font-size: 11px;
    color: #fff;
    padding: 3px .75rem;
    margin: 0;
    line-height: 1.2;
    border-radius: 0 0 5px 5px;
    display: block;
    text-align: left
}

.pageFooter .enquiryFormContainer .form-control.error {
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #ec2024
}

.pageFooter .contactFixed {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 104px;
    right: 50px;
    z-index: 50
}

.pageFooter .contactFixed img {
    width: 35px;
    height: auto;
    margin: 6px;
    transition: .2s ease-in-out
}

.pageFooter .contactFixed a:hover img {
    transform: scale(1.2);
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

#footer-2 {
    background-color: #003c7a;
    padding: 3em 0 0;
    color: #fff
}

#footer-2 .logo img {
    width: 200px;
    height: 56px
}

#footer-2 ul li a {
    font-size: 1em;
    color: #fff;
    transition: .5s ease-in-out
}

.scrollBottom-1 .footer-form {
    display: block
}

.play-img {
    width: 136px;
    height: 42px
}

.app-img {
    width: 136px;
    height: 40px
}

.footer-form {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    border-top: 1.5px solid #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    z-index: 999;
    transition: .5s ease-in-out
}

.footer-form .form-group {
    flex: 1 1 auto
}

.footer-form .wpcf7-not-valid-tip {
    width: -webkit-fill-available
}

.inline-form-grid {
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    flex-wrap: wrap;
    flex: 1 1 auto
}

.footer-form form {
    background-color: #f4f6fb;
    padding: 1em;
    box-shadow: 0 2px 8px rgba(138, 141, 153, .009)
}

.form-description {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-color: #003c7a;
    border-bottom: 70px solid #003c7a;
    border-right: 50px solid #f4f6fb;
    height: 70px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    line-height: 1.5;
    padding-top: unset;
    color: #fff
}

.blog-mainSection,
.blogSection {
    padding-top: 3em
}

.form-description p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px
}

.blogSection {
    padding-bottom: 4em;
    background-color: none
}

.blogSection .card {
    border: none;
    height: 100%;
    background: 0 0 !important;
    transition: .3s ease-in-out;
    width: 100%;
    overflow: hidden
}

.blogSection .card a:hover {
    color: #26a0f8
}

.blogSection .card .card-body {
    padding: 2em 0;
    background: 0 0 !important
}

.blogSection .card .card-body h3 {
    font-size: 1.25em;
    font-weight: 600;
    color: #535353 !important;
    margin-bottom: .5rem;
    transition: .5s;
    line-height: 1.45rem;
    margin-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.blogSection .card .card-body h5 {
    color: #26a0f8;
    font-size: 1.25rem;
    font-weight: 600
}

.blogSection .card:hover .card-body h3 {
    color: #26a0f8 !important
}

.blogSection .card:hover img {
    transition: .3s ease-out
}

.blogSection .card span {
    font-size: 1em;
    color: rgba(3, 3, 15, .5);
    font-weight: 400
}

.blogSection .card .img {
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

#e-ipo #table .collapse tbody tr,
#upcoming-ipo #table .collapse,
.blogSection .card img {
    transition: .5s ease-in-out
}

.blogSection .card img:hover {
    transform: scale(1.05)
}

.blog-mainSection .nav-tabs {
    border-bottom: none;
    gap: 1em
}

.blog-mainSection .nav-tabs .nav-link {
    border: none;
    font-size: 1.25rem;
    padding: .3em 1em;
    border-radius: 6px
}

.blog-mainSection .nav-tabs a.active,
.blog-mainSection .nav-tabs a:hover,
.download-banner .mainButtons a:hover {
    background-color: #003c7a;
    color: #fff
}

.blog-mainSection .nav-link {
    color: #000;
    transition: .5s ease-in-out
}

.blogBanner {
    position: relative;
    height: 300px;
    overflow: hidden
}

.blogBanner img {
    height: 30em;
    width: 100%;
    object-fit: cover
}

.blogBanner h1 {
    padding-top: 0;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    font-weight: 700
}

.blogBanner .blog-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 75vw;
    margin: 0 auto
}

@media (max-width:991.98px) {
    .scrollMobile {
        right: auto;
        margin-left: -50px
    }

    .mobMasks {
        position: relative;
        padding-top: 174.6%
    }

    .mobMasks img {
        position: absolute !important;
        top: 0;
        left: 0
    }

    #footer-2 {
        padding: 2em 0
    }

    .footer-form {
        box-shadow: none;
        border: none
    }

    .blogBanner h1 {
        font-size: 2.5em
    }

    .blogBanner .blog-content {
        min-width: 95vw
    }
}

.blogBanner .blog-content .inline-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    column-gap: 1.5em;
    justify-content: center;
    margin: 0 auto
}

.blogBanner form {
    padding-top: 1em
}

.blogBanner form .form-control {
    height: 45px;
    font-size: 1rem;
    box-shadow: none;
    border-radius: 3px;
    border: none
}

.blogBanner form .form-control:focus {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .1)
}

.blogBanner form button {
    height: 45px;
    background-color: #ff0b28;
    color: #fff;
    font-weight: 500;
    padding: 13px 25px;
    line-height: 1.2;
    border-radius: 3px;
    border: 0
}

.blogBanner form button:hover {
    background-color: #ef485c;
    color: #fff
}

.blogDetails-section {
    padding-top: .5em
}

.blogDetails-section h2 {
    line-height: 1.5;
    font-size: 1.75rem;
    font-weight: 600
}

.blogDetails-section .blog-details-content {
    margin-top: 1em
}

.blogDetails-section .blog-details-content .card {
    padding: 1em;
    background-color: transparent;
    border: 2px solid #000
}

.blogDetails-section .blog-details-content .card button {
    padding: .5rem 10rem .5rem .75rem;
    font-size: 1.25rem;
    margin-bottom: .5em
}

.blogDetails-section .blog-details-content .card-body {
    padding: 0
}

.blogDetails-section .blog-details-content .card-body ul {
    padding-left: 0
}

.blogDetails-section .blog-details-content .card-body ul li {
    margin-left: .5em
}

.blogDetails-section .blog-details-content ul li {
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: .65em;
    list-style-type: none
}

.blogDetails-section .investing-form,
.dematAccount .form {
    display: flex;
    gap: 1em
}

.blogDetails-section .blog-img img {
    border-radius: .75rem;
    max-width: 70%
}

.blogDetails-section .content h3 {
    margin-top: 2rem;
    font-size: 1.5em;
    font-weight: 600
}

.blogDetails-section ul li {
    list-style-type: disc;
    margin-bottom: .25rem;
    margin-left: 1.25rem
}

.blogDetails-section .right-blog {
    padding-top: 2em
}

.blogDetails-section .right-blog .form {
    margin-top: 4em
}

.blogDetails-section .right-blog .form input.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #212529;
    background-color: transparent;
    margin-right: 1em
}

#faqDemat .accordion-button:focus,
.blogDetails-section .right-blog .btn-primary:focus,
.blogDetails-section .right-blog .form input.form-control:focus,
.dematAccount .input-group .form-control:focus {
    box-shadow: none
}

.blogDetails-section .right-blog .btn-primary {
    background-color: #003c7a;
    color: #fff;
    padding: .375em .75em;
    border-radius: 10px;
    border: none;
    margin-bottom: 1em;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.blogDetails-section .right-blog ul li {
    display: list-item;
    list-style: disc;
    margin-bottom: 1.2em;
    font-size: 1em;
    line-height: 1.5
}

.blogDetails-section .right-blog ul li::marker {
    color: #fe8d00
}

.blogDetails-section .btn-secondary {
    background-color: #075cb6;
    color: #fff;
    padding: .5em .85em;
    border-radius: 4px;
    width: -webkit-fill-available;
    border: none;
    margin-bottom: 1em;
    margin-top: .25em;
    text-align: left
}

.contactSection {
    background: linear-gradient(59deg, #ededed 0, #f0f4f5 71%, #ebfbff 100%);
    width: 100%;
    /* height: auto; */
    margin-top: 100px;
    position: relative;
    z-index: 2;
}

.contactSection .socialIcons {
    display: flex
}

.contactSection .socialIcons svg {
    width: auto;
    height: 100%;
    display: block;
    fill: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    transition: fill .3s
}

.contactSection .socialIcons li {
    display: inline-block;
    margin-right: 20px
}

.contactSection .socialIcons li a {
    display: block;
    height: 40px;
    padding: 10px;
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background: #333
}

.contactSection .socialIcons li a:before {
    width: 40px;
    height: 40px;
    border: 0 solid #fff;
    background: #ec2024;
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1.8);
    opacity: 0;
    z-index: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    pointer-events: none
}

.contactSection .socialIcons li a:hover::before {
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1
}

.contactSection .contactItem {
    margin-bottom: 2px
}

.contactSection .contactItem small {
    width: 50px;
    display: inline-block
}

.contactSection .contactItem a {
    font-size: 15px
}

.phoneImg {
    margin-top: -400px;
    pointer-events: none
}

.telephone-img {
    position: relative;
    padding-top: 57.39%
}

.telephone-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#fund-transfer-page .ft-form-inner .proceed,
.addressTitle {
    font-size: 20px;
    color: #04266a;
}

#upcoming-ipo {
    position: relative;
    background-color: #fff
}

#e-ipo .section-heading h1,
#upcoming-ipo .section-heading h1 {
    text-align: center;
    font-weight: 400;
    font-size: 2em
}

#e-ipo .section-heading p,
#upcoming-ipo .section-heading p {
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1em
}

#e-ipo .section-heading .line,
#upcoming-ipo .section-heading .line {
    position: relative;
    margin-bottom: 2em
}

#e-ipo .section-heading .line:before,
#upcoming-ipo .section-heading .line:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #ddd;
    width: 100%;
    left: 0;
    bottom: -5px
}

#e-ipo .section-heading .line:after,
#upcoming-ipo .section-heading .line:after {
    content: "";
    position: absolute;
    border-bottom: 5px solid #0966ac;
    width: 15%;
    bottom: -7px;
    right: 42.3%;
    border-radius: 6px
}

#upcoming-ipo #table {
    margin-top: 0
}

#e-ipo #table .main-table,
#upcoming-ipo #table .main-table {
    background-color: #fff
}

#e-ipo #table .main-table tbody .table-row,
#upcoming-ipo #table .main-table tbody .table-row {
    background-color: #f2f2f2
}

#upcoming-ipo #table .main-table tbody td {
    padding: .5rem .625rem .625rem;
    line-height: 1.3;
    vertical-align: middle
}

#e-ipo #table tr th,
#upcoming-ipo #table tr th {
    font-weight: 500;
    background-color: #f9f9f9;
    padding: .5rem .625rem .625rem;
    line-height: 1.2;
    vertical-align: middle
}

#upcoming-ipo #table tr a {
    color: #0865ab;
    font-weight: 400
}

#upcoming-ipo #table .collapse tr:nth-child(4n+1) {
    background-color: inherit !important
}

#upcoming-ipo #table .collapse td {
    padding: .5rem .5rem .625rem !important
}

#e-ipo #table tr td,
#upcoming-ipo #table .collapse td:last-child {
    vertical-align: middle
}

#e-ipo #table .collapse .btn:focus,
#upcoming-ipo #table .collapse .btn:focus {
    background: #004780 !important
}

#upcoming-ipo #table .collapse .heading {
    color: inherit;
    font-size: .875em;
    font-weight: 400
}

#upcoming-ipo #table .collapse .txt {
    color: #0e4781;
    font-size: .875em;
    font-weight: 500 !important
}

#e-ipo,
#faqDemat,
#openDematAccount,
#ourPlatforms,
#whyChooseUsDemat {
    position: relative;
    padding: 3em 0
}

#e-ipo tr.show {
    display: table-row !important
}

#e-ipo #table,
#e-ipo .section-heading {
    margin-bottom: 1em
}

#e-ipo #table .tableOne th:first-child {
    width: 31%
}

#e-ipo #table .tableOne th:nth-child(2),
#e-ipo #table .tableOne th:nth-child(3),
#e-ipo #table .tableOne th:nth-child(4) {
    width: 23%
}

#e-ipo #table .tableTwo th:first-child {
    width: 40%
}

#e-ipo #table .tableTwo th:nth-child(2),
#e-ipo #table .tableTwo th:nth-child(3) {
    width: 30%
}

@media (max-width:360px) {
    #e-ipo #table .main-table {
        font-size: 14px
    }
}

@media (max-width:321px) {
    #e-ipo #table .main-table {
        font-size: 12.5px
    }
}

@media (max-width:389px) {
    #e-ipo #table tr th {
        padding: .5rem .2rem .625rem
    }
}

#e-ipo #table tr a {
    color: #61a2d4
}

#e-ipo #table .hiddenRow {
    padding: 0 4px !important;
    font-size: .875em
}

#e-ipo #table .collapse .txt,
#e-ipo #table .hiddenRow .txt {
    color: #0e4781;
    font-weight: 500
}

#e-ipo #table .collapse {
    transition: .5s ease-in-out;
    font-weight: 400
}

#e-ipo #table .collapse .row {
    align-items: center
}

#e-ipo #table .collapse .heading {
    color: inherit;
    font-weight: 400
}

#fund-transfer-page,
.insightSection-one {
    background-color: #003c7a
}

.insightSection-one .sectionTitle {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    color: #fff
}

.insightSection-one p {
    color: #7fb9f5
}

.insightSection-one .underline-text {
    display: inline-block;
    border-bottom: 1px dashed red
}

.insightSection-one .circle-icon {
    background-color: #fff;
    padding: 4px;
    border-radius: 50%;
    display: inline-block
}

.inner-banner {
    min-height: 70px;
    background: #e9ecef
}

@media (min-width:577px) {
    #fund-transfer-page .card.card-body {
        padding: 2em
    }
}

.leftBlockContent {
    padding: 3em;
    color: #fff;
    max-width: 700px
}

.leftBlockContent .font-weight-bold {
    font-weight: 400
}

.bg-image-red {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #800000E3;
    background: linear-gradient(0deg, rgba(128, 0, 0, .89), rgba(128, 0, 0, .89)), url(/wp-content/uploads/2022/10/fund-transfer-min.png);
    background-position: 20% bottom
}

.leftBlockContent .label {
    font-family: Poppins, sans-serif;
    font-size: 17px;
    background-color: #ff0100;
    padding: 0 4px;
    display: inline-block
}

.leftBlockContent h2 {
    font-family: Poppins, sans-serif;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: .5em;
    line-height: 1.1em
}

.leftBlockContent .tagline {
    font-family: Poppins, sans-serif;
    font-size: 20px
}

.leftBlockContent .tagline .underline-color {
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-top: 10px
}

.leftBlockContent .tagline .underline-color:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 15px;
    bottom: 0;
    background: #ff010080;
    z-index: -1
}

.leftBlockContent .steps-container {
    padding-top: 1.5em;
    margin-right: -3em
}

.leftBlockContent .steps-container .each-step {
    padding: .75em 1.5em .75em 1em;
    background: #00000040;
    display: grid;
    align-items: center;
    margin-bottom: 1.25em;
    grid-template-columns: 50px 1fr;
    column-gap: 10px
}

.leftBlockContent .steps-container .each-step .count {
    font-size: 40px;
    text-align: center;
    margin-bottom: 0
}

.leftBlockContent .steps-container .each-step .content {
    margin-bottom: 0;
    font-size: .875em
}

#fund-transfer-page .insightImg {
    position: relative;
    width: 100%;
    height: auto
}

#fund-transfer-page .insightImg img {
    border-left: 5px solid #f3525a;
    border-radius: 5px
}

#fund-transfer-page .ft-form-inner {
    padding: 3em 2em 2em;
    max-width: 550px;
    margin: 0 auto
}

#fund-transfer-page .ft-form-inner label {
    color: #fff;
    font-size: .875em
}

#fund-transfer-page .info-block-one {
    padding: 10px 15px;
    margin-top: 0;
    background-color: #fff
}

#fund-transfer-page .info-block-one p {
    text-align: left;
    margin-bottom: 0
}

.info-block-one a {
    color: #f3525a
}

#fund-transfer-page .info-block {
    padding: 10px 15px;
    background: #f3525a;
    margin-top: 0
}

#fund-transfer-page .info-block p {
    text-align: left;
    margin-bottom: 0;
    color: #fff
}

#fund-transfer-page .info-block p a {
    color: #222
}

#fund-transfer-page .info-block .complaint-email-image {
    max-width: 70px
}

#fund-transfer-page .form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-group {
    margin-bottom: 1.25rem
}

.btn,
.form-control {
    border-radius: 0
}

.download-sec {
    margin-top: 80px
}

.download-sec a {
    cursor: pointer
}

.download-banner .mainButtons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    padding-left: 5px;
    z-index: 1
}

@media (min-width:768px) and (max-width:991.98px) {
    .blog-mainSection .nav-tabs .nav-link {
        padding: .3em .75em
    }

    .download-banner .mainButtons {
        bottom: 58px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .blogSection .card .card-body h3 {
        font-size: 1.05em
    }

    .blogBanner .blog-content .inline-form-grid {
        width: 75%
    }

    .download-banner .mainButtons {
        bottom: 24px
    }
}

.download-banner .mainButtons a {
    display: inline-block;
    border-bottom: 2px solid #f3525a;
    margin: 10px 15px 10px 10px;
    padding: 5px 10px;
    text-align: left;
    background: rgba(255, 255, 255, .7);
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #003c7a;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 0;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .5);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: .5s ease-in-out
}

.download-content .page-title h1 {
    position: absolute;
    left: 0;
    bottom: -55px;
    background-color: #f3525a;
    color: #fff;
    padding: 24px 30px;
    margin-bottom: 0;
    line-height: 1em;
    word-wrap: break-word;
    word-break: break-word
}

.download-content .page-title h1 small {
    font-weight: 400;
    color: #fff;
    font-size: 22px;
    line-height: 1.5
}

.download-content .page-title h1 strong {
    font-size: 45px
}

.download-content .breadcrumb {
    background: 0 0;
    font-weight: 700;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.download-content .breadcrumb li.active {
    font-weight: 500;
    color: #212529 !important
}

.download-content .breadcrumb a {
    font-weight: 500;
    color: #212529
}

.pricingTable .row:hover a {
    background: #004780;
    color: #fff;
    font-weight: 500;
    padding: 8px 15px;
    line-height: 1.2;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 0
}

.dematAccount .wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    margin-top: 4.5em
}

.dematAccount .wpcf7-not-valid-tip {
    background: inherit !important;
    margin: .1em 0 !important;
    color: red !important;
    padding: .3rem 0
}

.dematAccount button[type=submit] {
    color: transparent;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width:1900px) {
    .navig li .sub-menu {
        width: 310px
    }

    .dematAccount .heroText2 {
        max-width: 650px
    }
}

@media (min-width:1500px) and (max-width:1680px) {
    .dematAccount .heroText2 {
        max-width: 445px
    }
}

.dematAccount a {
    color: #003c7a;
    font-size: 10px
}

#rms-policy .ulist,
.dematAccount ul {
    margin-left: 1em
}

.dematAccount ul li {
    list-style: disc;
    font-weight: 400;
    font-size: 1em;
    line-height: 24px;
    letter-spacing: -.18px;
    color: #5a5a5a
}

.dematAccount .form .fa {
    width: 20px;
    font-size: 20px
}

.dematAccount .form .fa-envelope {
    font-size: 15px;
    width: 18px
}

.dematAccount .form p {
    margin-bottom: 0
}

.dematAccount .input-group {
    gap: 6px;
    border-bottom: 1.5px solid #003c7a;
    flex-wrap: unset
}

.dematAccount .input-group .form-control {
    padding-left: 0;
    border: none;
    background: inherit
}

.dematAccount .btn-primary {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    background: #003c7a;
    border-radius: 16px;
    letter-spacing: -.09px;
    color: #fff;
    border: none;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    line-height: 20px;
    margin-left: 1px;
    transition: .3s ease-in-out .1s
}

#what-demat {
    position: relative
}

#what-demat .description {
    max-width: 95%
}

#what-demat a {
    color: #003c7a;
    font-weight: 400
}

#what-demat video {
    object-fit: cover;
    border-radius: 30px;
    border: 3px solid #003c7a7a
}

#pricingDemat .btn,
#whyChooseUsDemat .btn {
    border-radius: 5px;
    padding: 8px 28px;
    transition: .5s ease-in-out
}

@media (min-width:2000px) {
    .navig li .sub-menu {
        width: 400px
    }

    .pageFooter .socialLinks li a svg {
        width: 40px;
        height: 40px
    }

    .pageFooter .contactFixed {
        bottom: 145px
    }

    #footer-2 {
        padding: 2em 0
    }

    .form-description p {
        font-size: .75em
    }

    #fund-transfer-page .ft-form-inner,
    .leftBlockContent {
        max-width: 850px
    }

    .leftBlockContent .steps-container .each-step .content {
        font-size: .7em
    }

    .dematAccount ul li {
        line-height: 1.4
    }

    #what-demat video {
        height: 400px
    }
}

#multiple-investments {
    padding: 4em 0;
    position: relative
}

@media (max-width:991px) {
    .download-sec {
        margin-top: 40px
    }

    #multiple-investments {
        padding: 2.5em 0
    }
}

#multiple-investments ul {
    margin-top: 3em;
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

@media (min-width:1400px) {
    #multiple-investments ul {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto
    }

    body {
        font-size: 1.1vw
    }
}

#multiple-investments ul li .box {
    width: 170px;
    height: 193px;
    max-width: 170px;
    margin: 10px;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 30px 10px;
    justify-content: flex-start;
    background: #fff;
    border-radius: 12px
}

#multiple-investments ul li .box:hover {
    box-shadow: 0 2px 4px #00000012
}

#multiple-investments ul li .box .icon {
    height: 70px;
    width: 80px;
    display: flex;
    margin-bottom: 10px;
    flex-flow: row;
    align-items: center;
    justify-content: center
}

#multiple-investments ul li .box .text {
    font-size: 20px;
    text-align: center;
    font-weight: 500
}

#openDematAccount .blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em
}

@media (max-width:575.98px) {
    .navig {
        text-align: left
    }

    .navig li .navig_Lv1 ul.sub-menu li {
        width: 100%;
        margin-right: 0
    }

    .redButton {
        padding: 13px 15px
    }

    .ghostButton {
        padding: 12px 15px
    }

    .heroLinks {
        font-size: 12px;
        font-weight: 700
    }

    .heroSection .heroBtns a {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 2%
    }

    .inMob_screenHolder {
        width: 40%;
        min-width: 230px;
        right: -5%
    }

    .insightContainer .swiper-slide {
        width: 90%
    }

    .pageFooter .footLinks li a {
        margin: 0 10px
    }

    .pageFooter .contactFixed {
        bottom: 50px;
        right: 20px
    }

    .blogBanner .blog-content {
        min-width: 85vw
    }

    .phoneImg {
        margin-top: -20%
    }

    .download-banner .mainButtons {
        position: relative;
        bottom: 0
    }

    .download-banner .mainButtons a {
        margin: 8px 0 8px 8px
    }

    #openDematAccount .blocks {
        grid-template-columns: 1fr
    }
}

#openDematAccount .each-block:first-child {
    margin-right: 2em
}

#openDematAccount .each-block .number {
    color: #003c7a;
    font-size: 4.5em;
    opacity: .7;
    font-weight: 600
}

#openDematAccount .each-block h4 {
    position: relative;
    margin-bottom: 13px
}

#openDematAccount .each-block h4 img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

#openDematAccount .each-block .line {
    width: 50px;
    height: 2px;
    margin-bottom: 2em;
    background-color: #003c7a
}

#whyChooseUsDemat .btn,
#whyChooseUsDemat .btn:focus {
    background-color: #004780
}

#openDematAccount .each-block p {
    max-width: 80%;
    color: #7c7e8c
}

#whyChooseUsDemat .blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4em;
    row-gap: 1em
}

#whyChooseUsDemat .blocks .each-block {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 1em
}

#whyChooseUsDemat .blocks .each-block .text h4 {
    font-weight: 400;
    margin-bottom: 12px
}

#whyChooseUsDemat .blocks .each-block .text p {
    max-width: 80%
}

#pricingDemat {
    position: relative;
    background-color: #e6eff8;
    padding: 4em 0
}

#pricingDemat .shape {
    position: absolute;
    top: -5em;
    right: 3em
}

#pricingDemat .section-heading .sub-head {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .heroSection {
        height: calc(100vh - 70px)
    }

    .heroText2 {
        max-width: 530px
    }

    .pageFooter .form-control.messagetxtBox {
        height: 45px;
        min-height: 45px
    }

    .pageFooter .form-control.messagetxtBox:focus {
        height: 100px
    }

    .blogDetails-section .container {
        max-width: 95%
    }

    #upcoming-ipo #table .collapse table {
        width: 75%
    }

    .dematAccount .row .col-lg-6:first-child {
        margin-top: -6em
    }

    #pricingDemat .section-heading h1 {
        font-size: 3em;
        line-height: 1
    }

    #pricingDemat .each-block .des {
        max-width: 90%
    }
}

#pricingDemat .each-block .number {
    font-weight: 500;
    font-size: 1.6em
}

#pricingDemat .each-block .number span:first-child {
    font-size: 2em
}

#pricingDemat .each-block .number span:nth-child(2) {
    font-size: 3.5em
}

#pricingDemat .each-block .title {
    font-size: 1em;
    font-weight: 500
}

#pricingDemat .btn {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

#pricingDemat .btn:hover {
    background-color: #000;
    color: #fff
}

#ourPlatforms .section-heading {
    margin-bottom: 3em
}

#ourPlatforms .section-heading h1 {
    line-height: 1.1
}

#ourPlatforms .section-heading p {
    max-width: 70%
}

#ourPlatforms ul {
    display: grid;
    gap: 3em;
    grid-template-columns: 1fr 1fr 1fr
}

@media (min-width:1200px) and (max-width:1399.98px) {
    #ourPlatforms ul {
        gap: 1em
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .blogDetails-section h2 {
        font-size: 1.5em
    }

    .blogDetails-section .content h3 {
        font-size: 1.35em
    }

    #multiple-investments ul li .box {
        width: 135px
    }

    #multiple-investments ul li .box .text {
        font-size: 16px
    }

    #pricingDemat .section-heading h1 {
        font-size: 2.75em
    }

    #ourPlatforms ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1em
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #ourPlatforms ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1em
    }
}

#ourPlatforms ul li {
    display: flex;
    gap: 1em;
    align-items: center;
    margin-bottom: .5em
}

#ourPlatforms ul li .text p {
    max-width: 95%;
    margin-bottom: 0
}

@media (min-width:768px) and (max-width:1199.98px) {
    #ourPlatforms ul li .text p {
        max-width: 90%
    }
}

#ourPlatforms .image {
    margin: 1.5em 0
}

#ourPlatforms .image img {
    transition: .4s ease-in-out
}

#ourPlatforms .image img:hover {
    margin-top: -10px
}

#testimonialsDemat {
    position: relative;
    padding: 4em 0;
    background: #e6eff8
}

#testimonialsDemat .viewAll {
    color: #00d09c;
    font-weight: 500
}

#testimonialsDemat .insightItem {
    border-radius: 8px;
    transition: .5s ease-in-out
}

#testimonialsDemat .insightItem:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, .1)
}

#testimonialsDemat .role {
    color: #7c7e8c
}

#faqDemat .accordion-item {
    margin-bottom: 1em;
    background: inherit
}

#faqDemat .accordion-button {
    font-size: 1.2rem
}

#faqDemat .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important
}

#faqDemat .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#terms-condition ol li {
    list-style: inherit;
    font-size: 14px
}

@media (min-width:1600px) {
    #terms-condition .modal-dialog {
        max-width: 600px
    }
}

@media (max-width:576px) {
    .inner-banner {
        min-height: 80px
    }

    #fund-transfer-page .ft-form-inner,
    .leftBlockContent {
        padding: 1.5em
    }

    .leftBlockContent .label {
        font-size: 15px;
        line-height: 1.3
    }

    .leftBlockContent h2 {
        font-size: 25px;
        margin-bottom: .5em;
        line-height: 1.1em
    }

    .leftBlockContent .tagline {
        font-size: 16px;
        margin-bottom: 0
    }

    .leftBlockContent .steps-container {
        padding-top: 1.5em;
        margin-right: -1.5em
    }

    .leftBlockContent .steps-container .each-step {
        padding: 0 .5em 0 0;
        margin-bottom: .75em;
        grid-template-columns: 30px 1fr;
        column-gap: 10px
    }

    .leftBlockContent .steps-container .each-step .content {
        font-size: 13px
    }

    .leftBlockContent .steps-container .each-step .count {
        font-size: 30px
    }

    #Open .boldTitle {
        font-size: 27px !important
    }

    #Open .heroTitle {
        font-size: 27px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 90%
    }

    #rms-policy li,
    #rms-policy ul {
        margin-left: 1em
    }
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: none
}

.wpcf7-not-valid-tip {
    position: absolute;
    background: #ec2024;
    font-size: 11px;
    color: #fff;
    padding: 3px .75rem;
    margin: 0;
    line-height: 1.2;
    border-radius: 0 0 5px 5px;
    display: block;
    text-align: left;
    width: 100%
}

.wpcf7-response-output {
    color: #46b450;
    margin: .5em 0 1em
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #dc3232;
    display: none
}

.wpcf7-spinner {
    position: absolute
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#awards {
    padding: 4em 0;
    background-color: #fff
}

#awards .section-heading {
    text-align: center;
    margin-bottom: 1.5em
}

#awards .section-heading h4 {
    color: #000
}

#awards .blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em
}

@media (max-width:991.98px) {
    .blogBanner .blog-content .inline-form-grid {
        column-gap: .5em
    }

    .blogBanner .blog-content .inline-form-grid .form-group {
        margin-bottom: 1em
    }

    .blogDetails-section h2 {
        font-size: 1.35em
    }

    .blogDetails-section .content h3 {
        font-size: 1.15em
    }

    #multiple-investments ul {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -15px;
        display: flex
    }

    #openDematAccount .blocks {
        gap: 1em;
        grid-template-columns: 1fr
    }

    #openDematAccount .each-block {
        display: flex;
        align-items: center;
        gap: 1em
    }

    #openDematAccount .each-block h4 img {
        display: none
    }

    #openDematAccount .each-block h4 {
        font-size: 1.2em
    }

    #openDematAccount .each-block .line {
        margin-bottom: 1em;
        display: none
    }

    #openDematAccount .each-block p {
        max-width: 100%
    }

    #pricingDemat .shape {
        right: 1em;
        width: 180px
    }

    #testimonialsDemat .swiper-slide {
        width: 45%
    }

    #awards {
        padding: 3em 0
    }

    #awards .blocks {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767.98px) {
    .blogBanner {
        height: auto
    }

    .blogBanner h1 {
        font-size: 2em
    }

    .blogBanner .blog-content .inline-form-grid {
        grid-template-columns: 1fr;
        row-gap: 1em
    }

    .blogBanner form {
        padding-top: 2em
    }

    #upcoming-ipo #table .collapse tr {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .download-content .page-title h1 {
        position: relative;
        bottom: 0;
        margin-bottom: 10px
    }

    #awards .blocks,
    #whyChooseUsDemat .blocks {
        grid-template-columns: 1fr
    }

    #ourPlatforms ul {
        display: block
    }

    #ourPlatforms ul li {
        margin-bottom: 1em
    }

    #testimonialsDemat .swiper-slide {
        width: 90%
    }

    .container {
        max-width: 93%
    }
}

#awards .blocks .each-block .img,
#platforms .each-block {
    text-align: center
}

#awards .blocks .each-block .img img {
    width: 40px;
    height: 40px
}

#awards .blocks .each-block .txt {
    margin-top: 10px
}

#awards .blocks .each-block .txt p {
    color: #000;
    text-align: center
}

#platforms {
    position: relative;
    background-color: #f4f7fd
}

#platforms .each-block .counter {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 0;
    background: linear-gradient(180deg, #003c7a 19%, red 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#platforms .each-block .txt {
    font-size: 1.1em;
    font-weight: 600
}

#flight-section .heroText {
    max-width: 100% !important
}

#research-iframe .pageHeader {
    display: none !important
}

.pop-img {
    position: relative;
    padding-top: 83.82%
}

.badgeStore img,
.howbeganSection .whoImg img,
.playStore img,
.pop-img img,
.tradexweb img,
.webx-img img {
    position: absolute;
    top: 0;
    left: 0
}

.acpopClose {
    position: absolute;
    top: -1.5em;
    right: -1em;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2022/09/close.svg) center/1em auto no-repeat;
    background-color: rgba(0, 0, 0, .4) !important;
    color: #fff !important;
    z-index: 10
}

.badgeStore,
.newBreadcrumb,
.playStore,
.tradexweb,
.webx-img {
    position: relative
}

@media (max-width:767px) {
    #multiple-investments {
        padding: 2em 0
    }

    .acpopClose {
        top: -1.7em;
        right: 0
    }
}

.pricingSection .nav-pills .nav-link {
    padding: 10px 25px;
    font-size: 1.125em;
    border: 1px dashed #ddd;
    border-radius: 0;
    color: inherit
}

.pricingSection .type-2 .particular {
    font-size: 15px;
    font-weight: 600
}

@media (min-width:1200px) {
    .pricingSection .container {
        max-width: 1140px !important
    }

    #rms-policy .container {
        max-width: 90% !important
    }
}

#rms-policy .sublist li {
    margin-left: 25px;
    list-style-type: circle !important
}

#rms-policy .olist li {
    list-style-type: decimal
}

#rms-policy .ulist li {
    list-style-type: disc
}

.font-weight-bold {
    font-weight: 700 !important
}

.breacrumbOne {
    --bs-breadcrumb-divider: ">"
}

.newBreadcrumb {
    background: #fff
}

.newBreadcrumb nav .breadcrumb {
    padding: .5em 0;
    margin-bottom: 0
}

@media (min-width:992px) {
    .featureSection .mobileMask {
        width: 315px;
        height: 550px
    }
}

.badgeStore {
    padding-top: 29.62%
}

.playStore {
    padding-top: 29.66%
}

.webx-img {
    padding-top: 80.83%
}

.dhanush-img {
    width: 70px;
    height: 100px
}

.tradexweb {
    padding-top: 83.8%
}

.howbeganSection .whoImg {
    position: relative;
    padding-top: 90.9%
}

.aboutHeroSection {
    background-color: #eaf9ff;

}

.aboutHeroSection h2 img {
    height: 100vh;
}

.aboutHeroSection.strategies {
    background-color: #ecfffd;
}

.aboutHeroSection.training {
    background-color: #f5ffef;
}

.aboutHeroSection.training .colo {
    color: #ef4246;
}