@import url(../stylesheets/fonts.css);
@import url(https://mygullak.in/cdn.mygullak.al/font-awesome.min.css);

a {
    color: #000
}

a:hover {
    color: #9ab5ff
}

.error-msg,
.info-msg,
.success-msg,
.warning-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px
}

.info-msg {
    color: #059;
    background-color: #bef
}

.success-msg {
    color: #270;
    background-color: #dff2bf
}

.warning-msg {
    color: #9f6000;
    background-color: #feefb3
}

.error-msg {
    color: #d8000c;
    background-color: #ffbaba
}

.header {
    border-bottom: 2px solid #03106a
}

.header .headerTop {
    background-color: #000946;
    width: 100%
}

.header .headerTop ul {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    align-items: center;
    gap: 3.2rem;
    margin-bottom: 0;
    margin-right: 9px
}

.header .headerTop ul li:hover a {
    color: #9ab5ff;
    background-color: unset
}

.header .headerTop ul li {
    padding: 0;
    cursor: pointer
}

.header .headerTop ul li a {
    color: #dedede;
    font-size: 1.4rem;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: .8rem 1.15rem
}

.header .headerTop ul li.aboutus .subNav ul li a {
    color: #1e1b1b
}

.header .headerTop ul li.ylowTxt span {
    color: #9ab5ff
}

.header .headerTop ul li.ylowTxt .subList li {
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    padding: .6rem
}

.header .headerTop ul li.aboutus .subList li:hover,
.header .headerTop ul li.ylowTxt .subList li:hover {
    background: #f2f2f2
}

.header .headerTop ul li.ylowTxt .subList li:last-child {
    border-bottom: 1px solid transparent;
    border-radius: 0 0 8px 8px
}

.header .headerTop ul li.ylowTxt .subNav a {
    padding: .8rem 1.6rem;
    color: #1e1b1b;
    line-height: 17px;
    justify-content: start;
    align-items: start
}

.header .headerTop ul li.ylowTxt a:hover {
    color: #1e1b1b
}

.header .headerTop ul li.ylowBg {
    background-color: #9ab5ff;
    padding: 0 16px
}

.header .headerTop ul li.ylowBg img {
    display: inline-block
}

.headerTop li .subNav .subList ul {
    margin: 0
}

.header .headerTop ul li.ylowBg .subList li {
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    padding: .6rem
}

.headerTop li:hover .subNav {
    padding: 0
}

.header .headerTop li.support-dropdown .subNav ul {
    row-gap: 20px
}

.header .headerTop li.support-dropdown .subNav li,
.mobile-nav-container .mobile-nav .logo-container li {
    display: grid;
    width: max-content;
    gap: 8px
}

.header .headerTop li.support-dropdown .subNav,
.mobile-nav-container .mobile-nav .logo-container li .subNav {
    left: unset;
    right: 0;
    border-top: 0
}

.header .headerTop li.support-dropdown .subNav a,
.mobile-nav-container .mobile-nav .logo-container li .subNav a {
    font-size: 12px;
    font-weight: 700;
    color: #3887e4;
    line-height: normal;
    width: fit-content;
    padding: 0 !important
}

.headerTop li.support-dropdown .subNav,
.mobile-nav-container .mobile-nav .logo-container li .subNav {
    padding: 32px
}

.headerTop li.support-dropdown .subNav span,
.mobile-nav-container .mobile-nav .logo-container li .subNav span {
    color: #666;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    padding: 0
}

.header .headerTop ul li.ylowBg .subList li:hover {
    background: #f2f2f2
}

.header .headerTop ul li.ylowBg .subList li:last-child {
    border-bottom: 1px solid transparent;
    border-radius: 0 0 8px 8px
}

.header .headerTop ul li.ylowBg a {
    padding: .8rem 1.6rem;
    color: #1e1b1b;
    line-height: 17px;
    justify-content: start;
    align-items: start
}

.header .headerTop ul li.ylowBg a:hover {
    color: #1e1b1b
}

.header .navigation {
    align-items: center
}

.header .navigation nav .mainNav {
    display: flex;
    list-style: none;
    justify-content: flex-end;
    gap: 60px;
    align-items: center;
    margin-bottom: 0
}

.header .navigation nav .mainNav li {
    padding: 2.15rem;
    cursor: pointer;
    position: relative
}

.header .navigation nav .mainNav li span {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 400;
    display: flex;
    gap: .825rem;
    white-space: nowrap;
    align-items: center
}

.header .navigation nav .mainNav li span img {
    transition: transform .4s;
    position: relative;
    top: 1px
}

.header .navigation nav .mainNav li:hover {
    color: #03106a
}

.header .navigation nav .mainNav li:hover img {
    transform: rotate(180deg);
    filter: invert(77%) sepia(70%) saturate(1614%) hue-rotate(353deg) brightness(100%) contrast(101%)
}

.header .navigation nav .mainNav li:hover .subNav {
    opacity: 1;
    z-index: 99999;
    visibility: visible
}

.headerTop,
.headerTop li {
    position: relative
}

.headerTop ul li.ylowBg a {
    color: #1e1b1b;
    padding: .8rem 0
}

.mobile-nav-container .mobile-nav {
    z-index: 2
}

@media (max-width:991) {
    .mobile-nav-container .mobile-nav {
        top: 115px
    }

    .humberger.mob--menu.active .bar:first-child {
        transform: rotate(45deg);
        top: 7px;
        position: relative
    }

    .humberger.mob--menu.active .bar:nth-child(2) {
        opacity: 0
    }

    .humberger.mob--menu.active .bar:last-child {
        transform: rotate(-45deg);
        top: -9px;
        position: relative
    }
}

.headerTop li .subNav .subList,
.mobile-nav-container .mobile-nav .logo-container li .subNav .subList {
    width: 100%
}

.headerTop li .subNav .subList ul {
    flex-direction: column;
    padding: 0;
    align-items: start;
    gap: 0
}

.headerTop li .subNav,
.mobile-nav-container .mobile-nav .logo-container li .subNav {
    position: absolute;
    left: 0;
    padding: 1rem 1.5rem;
    min-width: 195px;
    bottom: unset;
    top: 40px;
    border-radius: 0 0 8px 8px;
    z-index: 99;
    box-shadow: 2px 4px 20px rgba(0, 0, 0, .08);
    transition-timing-function: ease-in;
    transition: transform .5s;
    display: flex;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    border-top: 2px solid #03106a;
    background: #fff
}

.headerTop li:hover .subNav,
.mobile-nav-container .mobile-nav .logo-container li:hover .subNav {
    opacity: 1;
    z-index: 99999;
    visibility: visible
}

.headerTop ul li span {
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1.15rem;
    gap: 10px;
    display: inline-flex;
    line-height: normal;
    align-items: center
}

.headerTop ul li span img {
    filter: brightness(0);
    height: fit-content;
    width: 15px
}

.mobile-nav-container .mobile-nav .logo-container li .subNav {
    width: fit-content;
    right: 0;
    left: unset;
    padding: 16px;
    border-top: 0;
    right: 10px;
    top: 55px
}

.mobile-nav-container .mobile-nav .logo-container li.support-dropdown .subNav .subList ul {
    padding-bottom: 0;
    gap: 8px
}

.mobile-nav-container .mobile-nav .logo-container ul li {
    border-bottom: 0;
    gap: 4px
}

.header .navigation nav .mainNav .subNav {
    position: absolute;
    top: 6rem;
    left: -50%;
    background-color: #fff;
    row-gap: clamp(2rem, 2.5vw, 4rem);
    column-gap: clamp(2rem, 2.5vw, 4rem);
    padding: 2.5rem 6.4rem;
    border-radius: 0 0 16px 16px;
    z-index: 99;
    box-shadow: 2px 4px 20px rgba(0, 0, 0, .08);
    transition-timing-function: ease-in;
    transition: transform .5s;
    display: flex;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    border-top: 2px solid #03106a
}

.header .navigation nav .mainNav .subNav.lastNav {
    left: -280px
}

.header .navigation nav .mainNav .subNav.investNav .subList,
.header .navigation nav .mainNav .subNav.lastNav .subList,
.header .navigation nav .mainNav .subNav .subList {
    width: auto
}

.header .navigation nav .mainNav .subNav .subList h4 {
    color: #1e1b1b;
    font-size: 1.4rem;
    line-height: 1.4rem;
    border-bottom: 2px solid #03106a;
    padding-bottom: .8rem;
    display: inline-block;
    margin-bottom: 1.8rem
}

.header .navigation nav .mainNav .subNav .subList ul {
    display: block;
    list-style-type: none;
    padding: 0
}

.header .navigation nav .mainNav .subNav .subList ul li {
    padding: 10px 0;
    position: relative;
    left: -10px
}

.header .navigation nav .mainNav .subNav .subList ul li a {
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #1e1b1b;
    white-space: nowrap;
    padding: 10px 16px;
    border: unset;
    border-radius: 50px
}

.header .navigation nav .mainNav .subNav .subList ul li a:hover {
    outline: 1px solid #9ab5ff;
    font-weight: 500
}

.contactIcon {
    position: fixed;
    padding: 14px;
    background-color: #f1f2f4;
    border-radius: 8px;
    top: 250px;
    right: 15px;
    color: #1e1b1b;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 1px 10px #606060
}

.contactIcon span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    display: none
}

.contactIcon:hover span {
    display: inline-block
}

.opacity-animate3 {
    animation: opt-animation3 .6s;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: translateX(200%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-moz-keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: translateX(200%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-o-keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: translateX(200%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: translateX(200%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.request-content {
    position: relative;
    border-radius: 15px
}

.request-content .btn-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.request-content .request-modal-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.exampleModalsuccess .request-content .request-modal-container {
    display: grid;
    grid-template-columns: 100%
}

@media (max-width:991px) {
    .request-content .request-modal-container {
        grid-template-columns: repeat(1, 1fr)
    }
}

.request-content .request-modal-container .request-left {
    display: grid;
    gap: 0;
    padding: 43px 50px
}

#serviceRequest .request-content .request-modal-container .request-left {
    padding: 43px 40px
}

#serviceRequest .floating-label label.error {
    padding-right: 0
}

#serviceRequest .request-content .request-modal-container .request-left span {
    margin-bottom: 0
}

.request-content .request-modal-container .request-left h3 {
    font-size: 32px;
    line-height: 40px;
    font-family: 400;
    color: #1e1b1b
}

.request-content .request-modal-container .request-left p {
    font-size: 14px;
    line-height: 22px;
    font-family: 400;
    color: #1e1b1b;
    margin-bottom: 40px
}

.request-content .request-modal-container .request-left span {
    font-size: 10px;
    line-height: 15px;
    color: #1e1b1b;
    margin-bottom: 20px
}

.request-content .request-modal-container .request-left button {
    width: 100%;
    max-width: unset
}

.request-content .request-modal-container .request-right {
    display: grid;
    padding: 20px 30px;
    background-color: #fbf8f0;
    align-items: center;
    justify-content: center;
    border-radius: 0 15px 15px 0;
    text-align: center;
    align-content: center
}

.request-content .request-modal-container .request-right .popup-grouped {
    display: grid;
    row-gap: 32px
}

.request-content .request-modal-container .request-right h4.popup-heading {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #1e1b1b;
    padding-top: 0;
    margin-bottom: 0
}

.request-content .request-modal-container .request-right p.popup-content {
    font-size: 14px
}

.request-content .request-modal-container .request-right .popup-highlight {
    font-size: 24px;
    line-height: 32px
}

.request-content .request-modal-container .request-right p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
    color: #1e1b1b
}

.request-content .request-modal-container .request-right span {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #1e1b1b
}

@media (max-width:768px) {
    .request-content .request-modal-container .request-right .hide-mob {
        display: none
    }

    .request-content .request-modal-container .request-right .popup-highlight {
        font-size: 18px
    }

    .request-content .request-modal-container .request-right {
        border-radius: 0 0 15px 15px
    }

    .request-content .request-modal-container .request-right .popup-grouped {
        row-gap: 21px
    }
}

@media (min-width:992px) {
    .header .navigation nav .mainNav li {
        padding: 2.15rem 0
    }

    .header .navigation nav .mainNav .subNav {
        top: 61px;
        left: -300%
    }
}

@media (max-width:991px) {
    .header .navigation nav .mainNav .subNav {
        top: 61px;
        left: -150%
    }

    .mobileMenu {
        height: 7.3rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

@media (max-width:767px) {
    .contactIcon {
        top: unset;
        bottom: 100px
    }

    .mobileMenu {
        height: 7.3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0
    }

    .mobileMenu .notify {
        display: flex !important;
        gap: 20px
    }

    .mobileMenu .notify img {
        display: none
    }

    .mobileMenu .notify .notification {
        height: 16px;
        width: 16px;
        background-color: #d61818;
        border-radius: 50%;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1.5rem;
        text-align: center;
        font-weight: 500
    }

    .request-content .request-modal-container .request-left h3 {
        font-size: 25px;
        line-height: 25px;
        font-weight: 400;
        padding-top: 25px
    }

    .request-content .request-modal-container .request-left p {
        font-size: 12px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 0
    }
}

#exampleModalsuccess .modal-dialog {
    max-width: 600px
}

#exampleModalsuccess img {
    width: 150px;
    margin: auto auto 25px
}

#exampleModalsuccess .modal-content {
    padding: 20px;
    border: none
}

#exampleModalsuccess .btn {
    margin: auto
}

#exampleModalsuccess .request-modal-container {
    grid-template-columns: 1fr
}

#exampleModalsuccess .request-content .btn-close {
    z-index: 9
}

#exampleModalsuccess h3 {
    font-size: 30px;
    margin-bottom: 24px
}

#exampleModalsuccess p {
    font-size: 14px;
    max-width: 310px;
    text-align: center;
    margin: 0 auto 24px
}

.footer {
    background-color: #03106a;
    color: #fff
}

.footer .footerTop {
    text-align: center;
    background-image: url(/bundle/assets/images/svg/footerpattern.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.footer .footerTop h3 {
    display: block;
    position: relative;
    color: #9ab5ff;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4.8rem;
    padding-top: 40px
}

.footer .footerTop p {
    font-size: 2.4rem;
    line-height: 2.8rem;
    padding: 12px 0 40px;
    margin-block-end: 0
}

.footer .fullBand {
    background-color: #666;
    color: #fff;
    text-align: center;
    padding: 2.4rem 0;
    line-height: 24px;
    margin-bottom: 0
}

.footerNav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    padding: 8rem 0 2.4rem;
    text-align: left;
    border-bottom: 1px solid #666
}

.footerNav h4,
.footerNav h4 a {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 500
}

.footerNav h4 a {
    display: block;
    padding-bottom: 10px
}

.footerNav ul li {
    transition: .5s;
    padding: 0 0 1.6rem
}

.footerNav ul li:last-child {
    transition: .5s
}

.footerNav ul li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400
}

.footerNav ul li:hover {
    color: #9ab5ff;
    cursor: pointer
}

.footerNav.footerAccordian {
    display: block
}

.footerNav.footerAccordian .footerNavListHead {
    padding: 1rem 0 0;
    position: relative;
    margin: 0;
    cursor: pointer;
    word-wrap: break-word;
    border-top: 1px solid #666
}

.footerNav.footerAccordian .footerNavListHead:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%) scale(.8);
    width: 2rem;
    height: 2rem;
    transition: .3s
}

@media (max-width:767.98px) {
    .footerNav.footerAccordian .footerNavListHead {
        padding: 2rem 0;
        position: relative;
        margin: 0
    }
}

.footerNav.footerAccordian .active ul {
    animation: footerScaleIn .3s ease-in-out;
    max-height: inherit
}

.footerNav.footerAccordian .active .footerNavListHead:before {
    content: "";
    transform: translate(-50%, -50%) scale(1.1) rotate(-180deg)
}

.footerNav.footerAccordian ul {
    max-height: 0;
    overflow: hidden;
    animation: footerScaleOut .3s ease-in-out;
    margin: 0
}

@keyframes footerScaleIn {
    0% {
        max-height: 0;
        font-size: 0
    }

    to {
        opacity: 1;
        max-height: inherit;
        font-size: inherit
    }
}

@keyframes footerScaleOut {
    0% {
        max-height: inherit;
        font-size: inherit
    }

    to {
        opacity: 1;
        font-size: 0;
        max-height: 0
    }
}

.footerNav ul {
    list-style-type: none;
    padding-left: 0
}

.footerFoot {
    text-align: left;
    padding: 40px 0
}

@media (max-width:767.98px) {
    .footerFoot {
        padding: 24px 0;
        row-gap: 24px
    }
}

.footerFoot .footerAdd p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 40px 0 0;
    margin-bottom: 0
}

.footerFoot .footerAdd .f_address {
    padding: 10px 50px 0 0
}

.footerFoot .footerSocial p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0 0
}

.footerFoot .footerSocial ul {
    display: flex;
    gap: 16px;
    align-items: center;
    list-style-type: none;
    justify-content: flex-start;
    padding-left: 0
}

.footerFoot .footerSocial img :hover {
    cursor: pointer
}

.footerFoot .footerTerm p {
    display: flex;
    padding: 0;
    line-height: 10px;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap
}

.footerFoot .footerTerm p a {
    font-size: 12px;
    line-height: 20px;
    border-right: none
}

.footerFoot .footerTerm p a:last-child {
    border: none;
    padding-right: 0
}

.footerFoot .footerTerm p.copywrite {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
    padding: 20px 0 0
}

.footerFoot .footerTerm p small {
    border-right: 1px solid #fff;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:1400px) {
    .footerFoot .footerTerm p {
        gap: 10px
    }
}

@media (max-width:768px) {
    .footerFoot .footerTerm p {
        gap: 8px
    }
}

.sipButtonWrapper {
    width: 100%;
    transition: all .4s ease-in-out;
    transform: translateY(0)
}

.sipButtonWrapper.hide {
    opacity: 0;
    bottom: -20px;
    visibility: hidden
}

.sipButtonWrapper.show {
    opacity: 1;
    bottom: 0;
    visibility: unset
}

.sipButtonWrapper .sipButtons {
    display: flex;
    justify-content: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    max-width: 383px;
    padding: 20px 24px;
    background: #03106a;
    border-radius: 16px 16px 0 0;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    z-index: 6;
    position: relative
}

.sipButtonWrapper .sipButtons button {
    background: #9ab5ff;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: inherit;
    font-weight: 500;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 164px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    color: #1e1b1b
}

.sipButtonWrapper .sipButtons button a {
    color: #000
}

.sipButtonWrapper .sipButtons button a:hover {
    color: #1e1b1b
}

@media (max-width:360px) {
    .sipButtonWrapper .sipButtons button {
        font-size: 14px;
        line-height: inherit;
        color: #1e1b1b
    }
}

:root {
    font-size: 62.5%;
    --white: #fff;
    --darkbalck: #1e1b1b;
    --lightGray: #666;
    --gray: #f2f2f2;
    --orangecolor: #9f009f
}

:root,
body {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: Glimer;
    font-weight: 400;
    line-height: 2.4rem;
    color: #000;
    font-size: 1.8rem;
    overflow-x: hidden
}

a {
    text-decoration: none;
    color: unset
}

.animate-btn.know-more {
    background-color: transparent;
    border: 1px solid #1e1b1b;
    border-radius: 8px
}

.animate-btn.know-more.txt-align {
    display: flex;
    align-items: center;
    justify-content: center
}

.animate-btn.know-more:after {
    background-color: transparent;
    box-shadow: 0 0 1px 1px rgba(30, 27, 27, 0)
}

.animate-btn:before {
    transition: .2s ease-in-out
}

.tab {
    display: none;
    animation: tabFadeOut .6s ease-in-out
}

.tab.active {
    display: block;
    animation: tabFade .6s ease-in-out;
    position: relative
}

.tab-accordian ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1rem 1.5rem
}

.tab-accordian ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #ccc;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #000;
    transition: .5s ease-in-out;
    display: block
}

.tab-accordian.tab-toggler ul li.active span {
    background-color: #03106a;
    color: #000
}

.tab-accordian.tab-toggler ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1rem 1.5rem
}

.tab-accordian.tab-toggler ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #fbf8f0;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #000;
    transition: .5s ease-in-out;
    display: block
}

.tab-accordian.accordian-toggler ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 1rem 1.5rem
}

.tab-accordian.accordian-toggler ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #ccc;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #000;
    transition: .5s ease-in-out;
    display: block
}

.tab-accordian.accordian-toggler li.active .tab.active {
    display: block
}

.tab-accordian.accordian-toggler li .tab {
    display: none
}

.tab-accordian.accordian-toggler ul li.active span {
    background-color: #03106a;
    color: #000
}

.accordian-tab ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 1rem 1.5rem
}

.accordian-tab ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #ccc;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #000;
    transition: .5s ease-in-out;
    display: block
}

.accordian-tab.tab-toggler ul li.active span {
    background-color: #03106a;
    color: #000
}

.accordian-tab.tab-toggler ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1rem 1.5rem;
    flex-direction: unset
}

.accordian-tab.tab-toggler ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #ccc;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #000;
    transition: .5s ease-in-out
}

.accordian-tab.accordian-toggler ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 1rem 1.5rem
}

.accordian-tab.accordian-toggler ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #ccc;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #000;
    transition: .5s ease-in-out;
    display: block
}

.accordian-tab.accordian-toggler li.active .tab.active {
    display: block
}

.accordian-tab.accordian-toggler li .tab {
    display: none
}

.tab-toggler ul li.active span {
    background-color: #03106a;
    color: #000
}

.tab-toggler ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1rem 1.5rem
}

.tab-toggler ul li span {
    font-size: 1.6rem;
    cursor: pointer;
    background-color: #f2f2f2;
    border: .1rem solid #ccc;
    padding: 1rem 3rem;
    border-radius: 3rem;
    color: #fff;
    transition: .5s ease-in-out;
    height: auto
}

.accordian-toggler ul li.active span {
    background-color: #03106a;
    color: #000
}

.accordian-toggler ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 1rem 1.5rem
}

.accordian-toggler ul li span {
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #ccc;
    border: .1rem solid #ccc;
    padding: .7rem 3rem;
    border-radius: 3rem;
    color: #fff;
    transition: .5s ease-in-out;
    display: block
}

.accordian-toggler li.active .tab.active {
    display: block
}

.accordian-toggler li .tab {
    display: none
}

.floating-label {
    margin-bottom: 40px
}

.floating-input,
.floating-select {
    border-radius: 8px;
    display: block;
    padding: 14px 24px 15px;
    background-color: transparent;
    border: 1px solid #666;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1e1b1b;
    width: 100%
}

.floating-input:focus,
.floating-select:focus {
    outline: none;
    border: 1px solid #9ab5ff
}

.fieldLabel {
    top: -7px
}

.fieldLabel,
label {
    left: 16px;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background: #fff;
    padding: 0 8px
}

label {
    top: -13px
}

.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden
}

.floating-select {
    overflow: hidden
}

.floating-select option {
    background-color: #fff;
    padding: 10px
}

.floating-select option:hover {
    background: #f2f2f2;
    border-radius: 8px
}

.highlight {
    position: absolute;
    height: auto;
    width: auto;
    top: 19%;
    right: 18px;
    pointer-events: none;
    opacity: .5;
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    display: inline-block
}

.rupee {
    position: relative
}

.rupee:before {
    content: "₹";
    font-size: 20px;
    position: absolute;
    top: 22px;
    color: #666;
    left: 23px
}

.rupee .floating-input {
    padding: 22px 14px 17px 42px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    width: 100%
}

.rupee .highlight {
    position: absolute;
    height: auto;
    width: auto;
    top: 23%;
    right: 18px;
    pointer-events: none;
    opacity: .5;
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    display: inline-block
}

.rupee .min-max-value {
    display: flex;
    justify-content: space-between;
    padding: 0 24px
}

.rupee .min-max-value p {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #666;
    margin: 5px 0 0
}

.not-rupee .floating-input {
    border-radius: 8px;
    padding: 22px 70px 18px 22px;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    line-height: 22px
}

.not-rupee .highlight {
    position: absolute;
    height: auto;
    width: auto;
    top: 25%;
    right: 18px;
    pointer-events: none;
    opacity: .5;
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    display: inline-block;
    font-weight: 400
}

.not-rupee .min-max-value {
    display: flex;
    justify-content: space-between;
    padding: 0 24px
}

.not-rupee .min-max-value p {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #666;
    margin: 5px 0 0
}

.notRupeeBottmNoContent .floating-input {
    border-radius: 8px;
    padding: 22px 70px 18px 22px;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    line-height: 22px
}

.notRupeeBottmNoContent .highlight {
    position: absolute;
    height: auto;
    width: auto;
    top: 28%;
    right: 18px;
    pointer-events: none;
    opacity: .5;
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    display: inline-block;
    font-weight: 400
}

.notRupeeBottmNoContent .min-max-value {
    display: flex;
    justify-content: space-between;
    padding: 0 24px
}

.notRupeeBottmNoContent .min-max-value p {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #666;
    margin: 5px 0 0
}

.floating-label.error .floating-input:focus,
.floating-label.error .floating-select:focus {
    border: 1px solid #d61818
}

.floating-label.error .error-msg {
    color: #d61818;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding-left: 23px
}

.animate-btn {
    display: block;
    border-radius: 8px;
    color: #1e1b1b;
    font-size: 14px;
    line-height: 14px;
    transition: .4s ease-in;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: none;
    padding-inline: clamp(2rem, 2.813vw, 3rem);
    padding-block: clamp(1.2rem, 2.813vw, 1.6rem);
    font-weight: 500;
    width: 100%;
    max-width: 21rem;
    text-align: center
}

@media (max-width:600px) {
    .animate-btn {
        max-width: 21rem;
        width: 100%
    }
}

.animate-btn:after {
    background-color: #03106a;
    width: 100%;
    z-index: -2
}

.animate-btn:after,
.animate-btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 8px;
    cursor: pointer
}

.animate-btn:before {
    width: 0;
    background-color: #1e1b1b;
    transition: .4s ease-in-out;
    z-index: -1
}

.animate-btn:hover {
    color: #fff
}

.animate-btn:hover:before {
    width: 100%
}

.legend {
    list-style-type: none;
    background: #616063;
    padding: 1.5rem;
    font-size: 1.3rem;
    color: #fff;
    box-shadow: .1rem .1rem 0 #2c2c2d, .2rem .2rem 0 #2c2c2d
}

.legend li span {
    width: 2.5rem;
    height: 1.25rem;
    padding-left: .5em;
    margin-right: 15px;
    background-color: #000;
    border-radius: 20px
}

.legend li:first-child span {
    background-color: #ccc
}

.legend li:nth-child(2) span {
    background-color: #d61818
}

.legend em {
    font-style: normal
}

.legend span {
    float: right
}

.donut-val {
    width: auto
}

.myChart {
    display: inline-block;
    max-height: 220px;
    max-width: 220px
}

.myChart canvas {
    display: block;
    box-sizing: border-box;
    height: 200px;
    width: 200px;
    z-index: 99990;
    position: relative
}

.chartjs-tooltip {
    z-index: 9999
}

@media (max-width:768px) {
    .container {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

    .floating-input,
    .floating-select {
        font-size: 14px;
        line-height: 22px;
        padding: 15px 14px;
        height: 100%
    }

    label {
        font-size: 12px
    }
}

.dropdownSelect {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px
}

.dropdownSelect select {
    background: url(data:image/svg+xml)
}

.dropdownSelect select.form-control {
    padding-top: 10px
}

.dropdownSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzMgMjc3IDEyIDgiPjxwYXRoIGQ9Ik0tNDcxLjYgMjc3LjNsNC42IDQuNiA0LjYtNC42IDEuNCAxLjQtNiA2LTYtNiAxLjQtMS40eiIgZmlsbD0iIzhhOTNhNiIvPjwvc3ZnPg==) calc(100% - 18px)/11px no-repeat
}

.dropdownSelect .form-area {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16);
    padding: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dropdownSelect .form-area .form-inner {
    width: 100%
}

.dropdownSelect .form-group {
    position: relative;
    margin-bottom: 0
}

.dropdownSelect .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 21px 24px 8px;
    min-height: 50px;
    font-size: 1.5rem;
    color: #000;
    background-color: #fff;
    border: 1px solid #dfe3e7;
    border-radius: .267rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.dropdownSelect .form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #febd11;
    outline: 0;
    box-shadow: none
}

.dropdownSelect .form-control.step1 {
    min-height: 50px
}

.dropdownSelect select.form-control {
    padding-top: 14px;
    transition: .15s
}

.dropdownSelect .floating-label {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    opacity: 1;
    top: 14px;
    left: 32px;
    pointer-events: none;
    position: absolute;
    transition: .24s;
    margin-bottom: 0;
    z-index: 1
}

.dropdownSelect .floating-diff .floating-label {
    opacity: 0
}

.dropdownSelect .floating-diff.focused .floating-label {
    opacity: 1
}

.dropdownSelect .form-group.focused .floating-label {
    opacity: 1;
    color: #7b7f82;
    top: -12px;
    left: 21px;
    font-size: 14px
}

.dropdownSelect .form-group.focused select.form-control {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 1.8rem;
    line-height: 100%
}

.dropdownSelect .float-checkradio {
    background-color: #fff;
    border: 1px solid #dfe3e7;
    border-radius: .267rem;
    padding: 8px 19px;
    transition: .3s;
    min-height: 55px
}

.dropdownSelect .float-checkradio.focused {
    padding-top: 21px
}

.dropdownSelect .select2Part .floating-label {
    opacity: 0
}

.dropdownSelect .select2Part.focused .floating-label {
    opacity: 1
}

.dropdownSelect .select2Part.focused .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 5px
}

.dropdownSelect .select2multiple .floating-label {
    opacity: 1
}

.select2-results__option--selected {
    border-radius: 8px;
    background: #f2f2f2
}

.dropdownSelect .select2-container--default .select2-selection--single {
    border: 1px solid #c2c2c2;
    height: 50px;
    border-radius: 8px
}

.dropdownSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    transition: .24s;
    padding-right: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-top: 5px
}

.dropdownSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 53px;
    right: 15px;
    transition: .24s
}

.dropdownSelect .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzMgMjc3IDEyIDgiPjxwYXRoIGQ9Ik0tNDcxLjYgMjc3LjNsNC42IDQuNiA0LjYtNC42IDEuNCAxLjQtNiA2LTYtNiAxLjQtMS40eiIgZmlsbD0iIzhhOTNhNiIvPjwvc3ZnPg==") no-repeat 0 0;
    width: 12px;
    height: 8px;
    background-size: 100% 100%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto
}

.dropdownSelect .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: #4a494a
}

.dropdownSelect .select2-container--default .select2-results__option[aria-selected=true] {
    background: #f2f2f2;
    border-radius: 8px
}

.dropdownSelect .select2-container--default .select2-results__option:last-child {
    border-radius: 0 0 4px 4px
}

.dropdownSelect .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 14px;
    border: 1px solid #dfe3e7;
    border-radius: 4px;
    color: #757575;
    background-color: #fff;
    position: relative;
    padding: 10px 45px 10px 15px
}

.dropdownSelect .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dfe3e7;
    min-height: 50px;
    border-radius: 6px;
    position: relative
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #757575;
    line-height: 55px;
    display: block;
    height: 100%;
    padding: 17px 40px 7px 17px;
    transition: .24s
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered:before {
    border: none;
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzMgMjc3IDEyIDgiPjxwYXRoIGQ9Ik0tNDcxLjYgMjc3LjNsNC42IDQuNiA0LjYtNC42IDEuNCAxLjQtNiA2LTYtNiAxLjQtMS40eiIgZmlsbD0iIzhhOTNhNiIvPjwvc3ZnPg==") no-repeat 0 0;
    width: 12px;
    height: 8px;
    background-size: 100% 100%;
    transform: translateY(-50%);
    position: absolute;
    right: 18px;
    top: 26px
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    line-height: normal;
    padding: 5px;
    font-size: 14px;
    position: relative
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 48px;
    right: 15px
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    line-height: normal;
    padding: 0
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    cursor: default;
    float: left;
    color: #1f1f1f;
    margin-right: 5px;
    margin-top: 5px;
    width: auto !important;
    padding: 5px 10px;
    padding-right: 24px !important;
    font-size: 13px !important;
    letter-spacing: .3px
}

.dropdownSelect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    font-size: 17px;
    width: 20px;
    height: 20px;
    top: 3px;
    text-align: center;
    color: #e45555;
    right: 0
}

.dropdownSelect .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    font-size: 16px;
    margin-top: 0;
    line-height: 27px;
    padding: 6px 0 0 5px
}

.dropdownSelect .select2-container--focus.select2-container--default .select2-selection--single {
    border: 1px solid #febd11;
    background-color: #fff
}

.dropdownSelect .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 29px
}

.dropdownSelect .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.dropdownSelect .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.dropdownSelect .select2-results__option {
    padding: 8px 18px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 400
}

.dropdownSelect .select2-container--open .select2-dropdown--above {
    box-shadow: 0 6px 32px rgba(0, 0, 0, .1);
    border-radius: 0;
    border: none;
    top: 8px;
    border-radius: 6px;
    overflow: hidden
}

.dropdownSelect .select2-container--open .select2-dropdown--below {
    box-shadow: 0 2px 18px rgba(0, 0, 0, .16);
    border-radius: 0;
    border: none;
    top: -1px;
    border-radius: 6px;
    overflow: hidden;
    z-index: 9999
}

.dropdownSelect .select2Part.w-100>.select2-container {
    width: 100% !important
}

.dropdownSelect .select2-search--dropdown {
    padding: 12px 15px;
    position: relative
}

.dropdownSelect .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #febd11;
    background-color: #fff
}

.dropdownSelect .floating-group.focused .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-bottom: 7px;
    padding-top: 17px;
    padding-left: 17px
}

.select2-dropdown .select2-results__options {
    display: flex;
    flex-direction: row;
    gap: 0
}

.select2-dropdown .select2-results__options li {
    width: 100% !important
}

.need-error label {
    left: unset !important;
    top: unset !important;
    bottom: -15px !important
}

#needhelpform #email {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1e1b1b
}

.floating-label label.error {
    color: #d61818;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding-left: 10px;
    position: absolute;
    bottom: -20px;
    background: none;
    top: unset;
    margin: 0
}

@media (max-width:767px) {
    .request-content .request-modal-container .request-left {
        gap: 10px
    }

    .floating-label {
        margin-bottom: 20px
    }
}

.myChart {
    display: grid;
    box-sizing: border-box;
    max-height: unset;
    max-width: unset;
    width: 100%;
    z-index: 99999;
    position: relative;
    align-items: center;
    justify-content: center;
    place-items: center;
    height: auto
}

.myChart img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.chartjs-tooltip {
    z-index: 99999999 !important
}

.res-pt {
    padding-top: 60px
}

@media (max-width:575px) {
    .res-pt {
        padding-top: 40px
    }
}

.scrollpy-container ul::-webkit-scrollbar {
    display: none
}

.res-pb {
    padding-bottom: 60px
}

@media (max-width:575px) {
    .res-pb {
        padding-top: 20px
    }
}

.backtotop {
    -moz-column-gap: 7px;
    padding-top: 20px
}

.section-title {
    font-size: clamp(2rem, 2.813vw, 3.2rem);
    line-height: clamp(2.4rem, 2.813vw, 4rem);
    text-align: center;
    position: relative;
    padding-bottom: clamp(3.2rem, 2.813vw, 4rem);
    margin-bottom: clamp(3.2rem, 2.813vw, 4rem);
    font-weight: 400
}

.section-title:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 6px;
    width: 100px;
    border-radius: 3px;
    background-color: #03106a;
    bottom: 0
}

@media (max-width:991.98px) {
    .header {
        background: #fff;
        width: 100%;
        z-index: 20
    }
}

.mobile-nav-container {
    display: none
}

@media (max-width:991.98px) {
    .mobile-nav-container {
        display: block
    }
}

.mobile-nav-container .mobile-nav {
    position: fixed;
    top: 90px;
    padding: 0;
    width: 100%;
    left: -100%;
    background-color: #fff;
    z-index: 9;
    overflow-y: auto;
    height: 100vh;
    transition: .75s
}

.mobile-nav-container .mobile-nav.is-active {
    left: 0
}

.mobile-nav-container .mobile-nav .logo-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 2px solid #ffc800;
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: #fff
}

.mobile-nav-container .mobile-nav ul {
    margin: auto;
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0 0 15px
}

.mobile-nav-container .mobile-nav ul li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #f2f2f2
}

@media (max-width:991px) {
    .mobile-nav-container .mobile-nav ul li:after {
        display: block;
        content: "";
        height: 1px;
        width: 100%;
        background: #f2f2f2;
        left: 0;
        position: absolute
    }

    .mobile-nav-container .mobile-nav ul li {
        border-bottom: 0;
        position: unset
    }
}

.mobile-nav-container .mobile-nav ul li a {
    color: #1e1b1b;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background-color: #fff
}

.mobile-nav-container .mobile-nav ul li a img {
    transform: rotate(0deg)
}

.mobile-nav-container .mobile-nav ul li a.active {
    background-color: #f4eedc;
    font-weight: 500
}

.mobile-nav-container .mobile-nav ul li a.active img {
    transform: rotate(90deg)
}

.mobile-nav-container .mobile-nav ul li .sub-nav {
    display: none;
    padding: 12px 15px 0;
    background-color: #fbf8f0
}

.mobile-nav-container .mobile-nav ul li .sub-nav h4 {
    position: relative;
    margin-bottom: 16px;
    display: inline-block;
    font-weight: 400;
    color: #666
}

.mobile-nav-container .mobile-nav ul li .sub-nav h4:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #febd11;
    position: absolute;
    top: 25px;
    left: 0
}

.mobile-nav-container .mobile-nav ul li .sub-nav h4 a {
    color: #1e1b1b;
    font-size: 14px;
    font-weight: 500;
    padding: 0
}

.mobile-nav-container .mobile-nav ul li .sub-nav ul li {
    border-bottom: none
}

.mobile-nav-container .mobile-nav ul li .sub-nav ul li a {
    padding: 12px 0;
    background-color: #fbf8f0
}

.humberger {
    cursor: pointer
}

.humberger .bar {
    display: block;
    background-color: #000;
    width: 24px;
    height: 2px;
    margin: 6px 0;
    transition: all .3s ease-in-out
}

.humberger .bar:nth-child(2) {
    width: 18px
}

.humberger .bar:first-child,
.humberger .bar:nth-child(3) {
    width: 24px
}

.responsive--menu {
    display: block
}

@media (max-width:991.98px) {
    .responsive--menu {
        display: none;
        position: relative;
        top: 0;
        z-index: 99
    }
}

.mob--menu {
    display: none
}

@media (max-width:991.98px) {
    .mob--menu {
        display: block
    }
}

.mobileMenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0
}

.error_format {
    color: red;
    margin-block-start: 25px;
    position: absolute;
    font-size: 1.2rem;
    line-height: 24px;
    top: 20px
}

::placeholder {
    color: #1e1b1b !important
}

:-ms-input-placeholder {
    color: #1e1b1b !important
}

::-ms-input-placeholder {
    color: #1e1b1b !important
}

.preloader-wrap {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden
}

.preloader-wrap lottie-player {
    width: 250px;
    height: 250px
}

#content {
    position: sticky;
    top: calc(100vh - 100%);
    z-index: 20;
    width: fit-content;
    margin: auto
}

@media (min-width:992px) {

    .not-rupee .floating-input,
    .notRupeeBottmNoContent .floating-input,
    .rupee .floating-input {
        width: calc(100% - 2.3rem)
    }

    .not-rupee .min-max-value,
    .rupee .min-max-value {
        width: calc(100% - 1.8rem)
    }
}

@media (max-width:992px) {
    .header .navigation nav .mainNav {
        gap: 0;
        display: none
    }
}

[tooltip] {
    position: relative
}

[tooltip]:after,
[tooltip]:before {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}

[tooltip]:before {
    content: "";
    border: 5px solid transparent;
    z-index: 1001
}

[tooltip]:after {
    content: attr(tooltip-title) " \a" attr(tooltip);
    font-weight: 700;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1.7rem;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
    background: #000946;
    color: #fff;
    white-space: pre-wrap;
    z-index: 1000;
    border-radius: 16px;
    background-color: #666
}

[tooltip]:hover:after,
[tooltip]:hover:before {
    display: block
}

[tooltip=""]:after,
[tooltip=""]:before {
    display: none !important
}

[tooltip]:not([flow]):before,
[tooltip][flow^=up]:before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #000946
}

[tooltip]:not([flow]):after,
[tooltip][flow^=up]:after {
    bottom: calc(100% + 5px)
}

[tooltip]:not([flow]):after,
[tooltip]:not([flow]):before,
[tooltip][flow^=up]:after,
[tooltip][flow^=up]:before {
    left: 50%;
    transform: translate(-50%, -.5em)
}

[tooltip][flow^=down]:before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #000946
}

[tooltip][flow^=down]:after {
    top: calc(100% + 5px)
}

[tooltip][flow^=down]:after,
[tooltip][flow^=down]:before {
    left: 50%;
    transform: translate(-50%, .5em)
}

[tooltip][flow^=left]:before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #000946;
    left: -5px;
    transform: translate(-.5em, -50%)
}

[tooltip][flow^=left]:after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%)
}

[tooltip][flow^=right]:before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #000946;
    right: -5px;
    transform: translate(.5em, -50%)
}

[tooltip][flow^=right]:after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%)
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translateY(-50%)
    }
}

[tooltip]:not([flow]):hover:after,
[tooltip]:not([flow]):hover:before,
[tooltip][flow^=down]:hover:after,
[tooltip][flow^=down]:hover:before,
[tooltip][flow^=up]:hover:after,
[tooltip][flow^=up]:hover:before {
    animation: tooltips-vert .3s ease-out forwards
}

[tooltip][flow^=left]:hover:after,
[tooltip][flow^=left]:hover:before,
[tooltip][flow^=right]:hover:after,
[tooltip][flow^=right]:hover:before {
    animation: tooltips-horz .3s ease-out forwards
}

.animate-btn a:hover {
    color: #fff
}

.loadingContainer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden;
    gap: 20px
}

.loadingContainer div {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #000;
    float: left
}

.loadingContainer .ball1 {
    z-index: 1;
    animation: bounce 1s ease-in-out infinite;
    background: #000
}

.loadingContainer .ball2 {
    animation: bounce 1s ease-in-out infinite;
    animation-delay: .2s;
    background: #9ab5ff
}

.loadingContainer .ball3 {
    animation: bounce 1s ease-in-out infinite;
    animation-delay: .3s;
    background: #000
}

.loadingContainer .ball4 {
    animation: bounce 1s ease-in-out infinite;
    animation-delay: .5s;
    background: #9ab5ff
}

@keyframes bounce {

    0%,
    20% {
        -webkit-transform: translate(0)
    }

    50% {
        -webkit-transform: translateY(-30px)
    }

    80%,
    to {
        -webkit-transform: translate(0)
    }
}

.pagination {
    margin: 56px 0;
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination li {
    text-decoration: none;
    color: #000;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 21px;
    border: 1px solid var(--yellow-light-grey, #fbf8f0);
    border-radius: 8px
}

.pagination ol {
    list-style-type: none;
    padding: 0;
    margin: unset;
    display: flex;
    align-items: stretch;
    gap: 24px;
    justify-content: center
}

@media (max-width:374px) {
    .pagination ol {
        gap: 15px
    }
}

.pagination {
    column-gap: 24px
}

.pagination li {
    display: inline-block
}

.pagination li.paginationActive {
    border-radius: 8px;
    background: var(--yellow, #9ab5ff);
    font-weight: 500;
    text-decoration: none;
    cursor: default
}

.pagination .next,
.pagination .prev {
    border: none;
    margin-left: 0
}

.pagination .next.disabled,
.pagination .prev.disabled {
    cursor: default;
    filter: invert(100%) sepia(74%) saturate(80%) hue-rotate(160deg) brightness(70%) contrast(90%);
    margin-right: 0;
    margin-left: unset
}

.pagination .next.disabled:hover,
.pagination .prev.disabled:hover {
    cursor: default;
    text-decoration: none
}

.pagination .prev {
    transform: rotate(180deg)
}

@media (max-width:767px) {

    .pagination li.active-sibling:nth-last-child(2),
    .pagination li.paginationActive,
    .pagination li:first-child,
    .pagination li:last-child {
        display: inline-block !important
    }

    .pagination li:first-child:nth-last-child(n+6)~li {
        display: none
    }

    .pagination li:first-child:nth-last-child(n+6)~li:nth-last-child(-n+3) {
        display: inline-block
    }

    .pagination li:first-child:nth-last-child(n+6).paginationActive:before,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive:before,
    .pagination li:first-child:nth-last-child(n+6)~li:nth-last-child(3):before {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px
    }

    .pagination li:first-child:nth-last-child(n+6).paginationActive:after,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive:after {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px
    }

    .pagination li:first-child:nth-last-child(n+6).active:nth-last-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+6).paginationActive:nth-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+6).paginationActive:nth-child(-n+2):before,
    .pagination li:first-child:nth-last-child(n+6).paginationActive:nth-last-child(-n+2):before,
    .pagination li:first-child:nth-last-child(n+6).paginationActive~li:nth-last-child(-n+3),
    .pagination li:first-child:nth-last-child(n+6)~li.active:nth-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive:nth-child(-n+2):before,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive:nth-last-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive:nth-last-child(-n+2):before,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive~li:nth-last-child(-n+3) {
        display: none
    }

    .pagination li:first-child:nth-last-child(n+6).paginationActive~li:nth-child(-n+3),
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive~li:nth-child(-n+3) {
        display: inline-block
    }

    .pagination li:first-child:nth-last-child(n+6).paginationActive~li:nth-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive~li:nth-child(-n+2):after {
        display: none
    }

    .pagination li:first-child:nth-last-child(n+6).paginationActive~li:nth-child(3):after,
    .pagination li:first-child:nth-last-child(n+6)~li.paginationActive~li:nth-child(3):after {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px
    }
}

@media (min-width:768px) {

    .pagination li.active-sibling,
    .pagination li.paginationActive,
    .pagination li.paginationActive+li,
    .pagination li:first-child,
    .pagination li:last-child {
        display: inline-block !important
    }

    .pagination li:first-child:nth-last-child(n+8)~li {
        display: none
    }

    .pagination li:first-child:nth-last-child(n+8)~li.active-sibling:before {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px
    }

    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive+li:after {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px
    }

    .pagination li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+5) {
        display: inline-block
    }

    .pagination li:first-child:nth-last-child(n+8)~li:nth-last-child(5):before {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-right: 2.5px
    }

    .pagination li:first-child:nth-last-child(n+8)~li.active-sibling:nth-last-child(-n+4):after,
    .pagination li:first-child:nth-last-child(n+8)~li.active-sibling:nth-last-child(-n+4):before,
    .pagination li:first-child:nth-last-child(n+8)~li:nth-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+8)~li:nth-child(-n+2):before,
    .pagination li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+2):after,
    .pagination li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+2):before {
        display: none !important
    }

    .pagination li:first-child:nth-last-child(n+8).paginationActive~li:nth-last-child(-n+5),
    .pagination li:first-child:nth-last-child(n+8).paginationActive~li:nth-last-child(-n+5):before,
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive~li:nth-last-child(-n+5),
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive~li:nth-last-child(-n+5):before {
        display: none
    }

    .pagination li:first-child:nth-last-child(n+8).paginationActive~li:nth-child(-n+5),
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive~li:nth-child(-n+5) {
        display: inline-block
    }

    .pagination li:first-child:nth-last-child(n+8).paginationActive~li:nth-child(-n+4):after,
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive~li:nth-child(-n+4):after {
        display: none
    }

    .pagination li:first-child:nth-last-child(n+8).paginationActive~li:nth-child(5):after,
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive~li:nth-child(5):after {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-left: 2.5px
    }

    .pagination li:first-child:nth-last-child(n+8).paginationActive:after,
    .pagination li:first-child:nth-last-child(n+8).paginationActive:before,
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive:after,
    .pagination li:first-child:nth-last-child(n+8)~li.paginationActive:before {
        display: none
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .header .navigation nav .mainNav {
        display: flex;
        list-style: none;
        justify-content: flex-end;
        gap: 40px;
        align-items: center;
        margin-bottom: 0
    }
}

@media (min-width:1399px) {
    .header .navigation nav .mainNav li {
        padding: 2.15rem 0
    }
}

.floating-label {
    position: relative;
    margin-bottom: 48px
}

.contactIcon img {
    display: inline-block
}

.footerNav .footerNavList .footerNavListHead {
    position: relative;
    margin-bottom: 2.4rem
}

.footerNav .footerNavList .footerNavListHead img {
    top: 15px;
    position: absolute;
    right: 0;
    filter: brightness(0) contrast(100%) invert(100%)
}

.footerNav .footerNavList.active .footerNavListHead img {
    transform: rotate(90deg)
}

@media (min-width:768px) {
    .footerNav .footerNavList .footerNavListHead img {
        display: none
    }
}

@media (max-width:991.98px) {
    .footer {
        background-color: #03106a;
        color: #fff;
        text-align: center
    }

    .footer .footerTop {
        background-image: url(/bundle/assets/images/mobile-banner/mobile-footer-banner.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover
    }

    .footer .footerTop h3 {
        font-size: 2.4rem;
        line-height: 4.8rem;
        font-weight: 400;
        padding-top: 24px
    }

    .footerFoot .footerTerm p {
        justify-content: flex-start;
        margin-bottom: 0;
        flex-wrap: wrap
    }

    .footerFoot .footerTerm p.copywrite {
        padding: 5px 0 0
    }

    .footerNav {
        padding: 4.8rem 0 0
    }

    .footerNav ul li a {
        padding: 1.4rem 0 0;
        display: block
    }

    .footer .footerTop p {
        font-size: 1.6rem;
        line-height: 2.8rem;
        font-weight: 400;
        padding: 0 0 24px;
        margin-bottom: 0
    }

    .footer .footerTop p span {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px
    }

    .footer .fullBand {
        font-size: 1.4rem;
        line-height: 2.8rem;
        margin-bottom: 0
    }

    .footerNav h4 a {
        padding-bottom: 0
    }
}

.backto_top {
    gap: 0 20px;
    justify-content: center;
    margin: 0 0 30px
}

.backto_top,
.backtotop {
    display: flex;
    align-items: center
}

.backtotop {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    column-gap: 16px
}

.backtotop img {
    height: 24px;
    width: 13px
}

::placeholder {
    color: #bebebe !important;
    opacity: 1
}

:-ms-input-placeholder {
    color: #bebebe
}

::-ms-input-placeholder {
    color: #bebebe
}

.error {
    color: #d8000c
}

#ui-datepicker-div .ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover {
    background: none
}

.headerTop li .subNav {
    min-width: 150px
}

.header .headerTop li .subNav a {
    display: block;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

@media (max-width:991.98px) {
    .header .headerTop ul {
        gap: 2rem
    }
}

.backto_top a,
.backto_top a:hover {
    color: #29282c
}

.orange-dots {
    display: flex;
    justify-content: center;
    bottom: 10px
}

.orange-dots .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1
}

.orange-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    background-color: #03106a;
    display: inline-block;
    height: 7px;
    border-radius: 5px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #c5c5c5;
    border-radius: 10px;
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    height: 7px;
    width: 8px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #a5a5a5
}

.container-width {
    width: calc(100% - 9rem);
    margin-inline: auto
}

@media (min-width:992px) and (max-width:1200px) {
    .container-width {
        width: calc(100% - 20rem);
        margin-inline: auto
    }

    .footerNav ul li a {
        font-size: 1rem
    }
}

.heading-fluid .wrapper_sec {
    position: relative;
    width: calc(100% - 33rem);
    margin-inline: auto;
    padding-block: clamp(7rem, 9vw, 11rem);
    padding-inline: clamp(0, 9vw, 0)
}

.heading-fluid {
    position: relative;
    background-image: url('../bundle/assets/images/flexi-cap/darkbluebanner.jpg');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover
}

.heading-fluid .wrapper_sec .breadcrumb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.heading-fluid .wrapper_sec .breadcrumb ul {
    padding: 0 2rem;
    margin: 0;
    display: flex;
    gap: 1rem;
    background: hsla(0, 0%, 44.3%, .6);
    list-style: none;
    border-radius: 0 0 10px 10px
}

.floating-input.error {
    border: 1px solid #9ab5ff
}

@media (max-width:767px) {
    .heading-fluid .wrapper_sec .breadcrumb ul {
        padding: 0 1rem;
        gap: .5rem
    }
}

.heading-fluid .wrapper_sec .breadcrumb ul li {
    padding: 1rem 0;
    color: #fff
}

@media (max-width:767px) {
    .heading-fluid .wrapper_sec .breadcrumb ul li {
        padding: 0
    }
}

.heading-fluid .wrapper_sec .breadcrumb ul li a {
    color: #fff;
    font-size: 16px
}

.heading-fluid .wrapper_sec .breadcrumb ul li a:hover {
    color: #9ab5ff
}

@media (max-width:767px) {
    .heading-fluid .wrapper_sec .breadcrumb ul li a {
        font-size: 12px
    }

    .myChart {
        display: grid;
        box-sizing: border-box;
        max-height: unset;
        max-width: unset
    }

    .myChart img {
        left: 50%
    }
}

.heading-fluid .flexi-container {
    display: flex;
    padding: 10rem 0 14rem
}

.heading-fluid .wrapper_sec h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 1.5rem;
    text-align: center
}

@media (max-width:575px) {
    .heading-fluid .wrapper_sec h1 {
        font-size: 24px;
        line-height: 32px
    }
}

.heading-fluid .wrapper_sec p {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

@media (max-width:575px) {
    .heading-fluid .wrapper_sec p {
        font-size: 14px;
        line-height: 24px
    }
}

.py-80 {
    padding: 80px 0
}

.heading-fluid .breadcrubmb {
    position: absolute;
    left: 0;
    top: 0
}

.heading-fluid .breadcrubmb ul {
    padding: 0 2rem;
    margin: 0;
    display: flex;
    gap: 1rem;
    background: hsla(0, 0%, 44.3%, .6);
    list-style: none;
    border-radius: 0 0 10px 10px
}

@media (max-width:767.98px) {
    .heading-fluid .breadcrubmb ul {
        padding: 0 1rem;
        gap: .5rem;
        display: none
    }
}

.heading-fluid .breadcrubmb ul li {
    padding: 1rem 0;
    color: #fff
}

@media (max-width:767.98px) {
    .heading-fluid .breadcrubmb ul li {
        padding: 0
    }
}

.heading-fluid .breadcrubmb ul li a {
    color: #fff;
    font-size: 16px
}

.heading-fluid .breadcrubmb ul li a:hover {
    color: #9ab5ff
}

@media (max-width:767.98px) {
    .heading-fluid .breadcrubmb ul li a {
        font-size: 12px
    }
}

@media (max-width:1200px) {
    .heading-fluid .flexi-container {
        padding: 4rem 0
    }
}

@media (max-width:767.98px) {
    .heading-fluid .flexi-container {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        padding: 4rem 0 18rem
    }
}

.heading-fluid .flexi-container .flexi-left-wrap {
    flex-basis: 70%;
    display: flex;
    flex-direction: column
}

.heading-fluid .flexi-container .flexi-left-wrap .head-wrap {
    display: flex;
    gap: 0 2rem;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap
}

@media (max-width:767.98px) {
    .heading-fluid .flexi-container .flexi-left-wrap .head-wrap {
        gap: 1rem 2rem
    }
}

@media (max-width:767.98px) {
    .heading-fluid .flexi-container .flexi-left-wrap .head-wrap h1 {
        font-size: 24px;
        line-height: 36px;
        font-weight: 400
    }
}

@media (min-width:992px) {
    .footerNav>* {
        flex: 1
    }
}

@media (max-width:991.98px) {
    .footerNav .footerNavList .footerNavListHead img {
        top: -3px
    }

    .footerNav h4 {
        font-size: 16px;
        margin-bottom: 1.6rem
    }

    .header .headerTop ul li a {
        padding: .8rem 1rem
    }

    .row.navigation {
        position: relative;
        z-index: 99
    }
}

@media (max-width:767.98px) {
    .footerNav .footerNavList .footerNavListHead img {
        top: 15px
    }

    .header .row.navigation {
        padding: 0;
        margin: 0
    }

    .footerNav .footerNavList .footerNavListHead {
        margin-bottom: 0
    }

    .container-width {
        width: calc(100% - 3rem);
        margin-inline: auto
    }

    .footerNav {
        padding: 4rem 0 0
    }
}

.footerNav .footerNavList .footerNavListHead.noborder {
    margin-bottom: 2.4rem
}

.distributorRequestIcon {
    position: fixed;
    padding: 14px;
    background-color: #03106a;
    border-radius: 8px;
    top: 250px;
    right: 15px;
    color: #1e1b1b;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 1px 10px #606060;
    display: block
}

@media (max-width:767.98px) {
    .distributorRequestIcon {
        top: unset;
        bottom: 40px
    }
}

.distributorRequestIcon span {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem;
    display: none
}

.distributorRequestIcon:hover span {
    display: inline-block
}

@media (max-width:767.98px) {
    #serviceRequest .modal-lg {
        width: auto;
        max-width: 100%;
        margin: 0
    }

    #serviceRequest .modal {
        height: -moz-fit-content;
        height: fit-content
    }

    #serviceRequest .request-content {
        border-radius: 0
    }

    #serviceRequest .request-content .request-modal-container .request-left {
        gap: 10px;
        padding: 24px
    }
}

#serviceRequest .modal-lg {
    max-width: 1070px
}

#serviceRequest .request-content .request-modal-container {
    display: grid
}

@media (max-width:767.98px) {
    #serviceRequest .request-content .request-modal-container {
        grid-template-columns: 100%
    }
}

#serviceRequest .serviceGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    gap: 32px
}

@media (max-width:767.98px) {
    #serviceRequest .serviceGrid {
        grid-template-columns: 100%;
        gap: 24px
    }
}

#serviceRequest .floating-label {
    margin: 0
}

#serviceRequest .floating-label.textArea {
    margin-top: 32px
}

@media (max-width:767.98px) {
    #serviceRequest .floating-label.textArea {
        display: none
    }
}

#serviceRequest .floating-label.textArea .floating-input {
    height: 142px
}

#serviceRequest .floating-label .floating-dropdown .dropdownSelect {
    width: 100%;
    margin-bottom: 0
}

@media (max-width:575px) {
    #serviceRequest .floating-label .floating-dropdown .dropdownSelect {
        width: 100%;
        margin: 0
    }
}

#serviceRequest .floating-label .floating-dropdown .select2-container--default .select2-results>.select2-results__options {
    max-height: 170px
}

#serviceRequest .floating-label .floating-dropdown .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #666
}

@media (max-width:767.98px) {
    #serviceRequest .request-right img {
        display: none
    }
}

#serviceRequest .request-right span {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    display: block
}

#serviceRequest .request-right p {
    margin: 0
}

#serviceRequest .request-right p:last-child {
    margin-top: 32px
}

#serviceRequest .SubmitBtn {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 32px
}

@media (max-width:767.98px) {
    #serviceRequest .SubmitBtn {
        flex-direction: column;
        gap: 24px
    }

    .footerNav .footerNavList .footerNavListHead.noborder,
    .footerNav .footerNavList .footerNavListHead.noborder:last-child {
        margin-bottom: 0
    }
}

#serviceRequest .SubmitBtn .animate-btn {
    max-width: 100%
}

#serviceRequest .SubmitBtn .animate-btn.outline {
    border: 1px solid #1e1b1b;
    border-radius: 8px
}

#serviceRequest .SubmitBtn .animate-btn.outline:after {
    background: #fff
}

.exampleModalsuccessarn .request-content .request-modal-container {
    display: grid;
    grid-template-columns: 100%
}

.arnPopupStyling .modal-dialog {
    max-width: 600px
}

.arnPopupStyling img {
    width: 150px;
    margin: auto auto 25px
}

.arnPopupStyling .modal-content {
    padding: 20px;
    border: none
}

.arnPopupStyling .btn {
    margin: auto
}

.arnPopupStyling .request-modal-container {
    grid-template-columns: 1fr
}

.arnPopupStyling .request-content .btn-close {
    z-index: 9
}

.arnPopupStyling h3 {
    font-size: 30px;
    margin-bottom: 24px
}

.arnPopupStyling p {
    font-size: 14px;
    max-width: 310px;
    text-align: center;
    margin: 0 auto 24px
}

.exampleModalsuccessarnfeedback .request-content .request-modal-container {
    display: grid;
    grid-template-columns: 100%
}

#exampleModalsuccessarnfeedback .modal-dialog {
    max-width: 600px
}

#exampleModalsuccessarnfeedback img {
    width: 150px;
    margin: auto auto 25px
}

#exampleModalsuccessarnfeedback .modal-content {
    padding: 20px;
    border: none
}

#exampleModalsuccessarnfeedback .btn {
    margin: auto
}

#exampleModalsuccessarnfeedback .request-modal-container {
    grid-template-columns: 1fr
}

#exampleModalsuccessarnfeedback .request-content .btn-close {
    z-index: 9
}

#exampleModalsuccessarnfeedback h3 {
    font-size: 30px;
    margin-bottom: 24px
}

#exampleModalsuccessarnfeedback p {
    font-size: 14px;
    max-width: 310px;
    text-align: center;
    margin: 0 auto 24px
}

.heading-fluid h1 {
    font-weight: 500;
    font-size: clamp(2.4rem, 2.813vw, 3.6rem);
    line-height: clamp(3.2rem, 2.813vw, 5rem);
    color: #fff;
    margin-bottom: 1.5rem;
    text-align: center
}

.heading-fluid h1 span {
    color: #9ab5ff
}

#error {
    position: absolute;
    color: #d61818;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    top: 100%;
    left: 0
}

.disclaimer,
.disclimer {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding-top: 40px;
    color: #1e1b1b
}

.disclaimer span,
.disclimer span,
b {
    font-weight: 500
}

.popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .5);
    z-index: 3
}

.popupOverlay.visible {
    visibility: unset;
    opacity: 1;
    z-index: 999
}

[data-fundmanage-popup] {
    cursor: pointer
}

[data-fundmanage-popupContent] {
    display: none;
    background: #fff;
    padding: 32px 40px;
    position: fixed;
    border-radius: 16px;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 650px
}

@media (max-width:767px) {
    [data-fundmanage-popupContent] {
        max-width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: unset;
        border-radius: 0;
        position: fixed;
        overflow: scroll;
        padding: 24px
    }
}

@media (max-height:630px) {
    [data-fundmanage-popupContent] {
        overflow: auto
    }
}

[data-fundmanage-popupContent].show {
    display: block
}

.icon-close {
    display: flex;
    justify-content: end;
    align-items: center
}

.icon-close img {
    cursor: pointer
}

.investForm h5 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500
}

.investForm p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 0
}

.form-popup-contents .serviceGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    gap: 20px;
    row-gap: 30px
}

@media (max-width:767px) {
    .form-popup-contents .serviceGrid {
        grid-template-columns: 100%;
        gap: 32px
    }

    .form-popup-contents .serviceGrid .floating-label:last-child {
        grid-column: unset
    }
}

.form-popup-contents .floating-label {
    margin-bottom: 0
}

.form-popup-contents .floating-label small {
    font-size: 14px;
    color: #f00a0a
}

.form-popup-contents .form-popup-btn {
    display: flex;
    gap: 20px;
    margin-top: 25px
}

.form-popup-contents a {
    color: #227ffa;
    text-decoration: underline
}

.otp-sec .otp-details {
    display: grid;
    justify-items: center;
    gap: 20px
}

.otp-sec .otp-details h5 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 0
}

.otp-sec .otp-details a,
.otp-sec .otp-details p {
    font-size: 14px;
    margin-top: 0
}

.otp-sec .otp-details .enter-otp {
    display: grid
}

.otp-sec .otp-details .enter-otp .resend-text {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.otp-sec .otp-details .enter-otp .resend-text button {
    color: #227ffa;
    border: none;
    font-size: 14px;
    background: #fff
}

.otp-sec .otp-details .enter-otp input {
    border: 1px solid #ccc;
    padding: 10px 145px;
    border-radius: 8px;
    width: 350px
}

.otp-sec .otp-details .enter-otp input::-moz-placeholder {
    text-align: center
}

.otp-sec .otp-details .enter-otp input::placeholder {
    text-align: center
}

.otp-sec .otp-details .enter-otp input:focus-within {
    outline: unset
}

.otp-sec .otp-details a {
    color: #227ffa
}

.otp-sec .otp-details small {
    font-size: 14px;
    color: #f00a0a;
    text-align: center
}

.successful {
    display: grid;
    justify-items: center;
    gap: 20px
}

.successful h3,
.successful p {
    margin: 0;
    padding: 0
}

.successful p {
    text-align: center
}

#profileImage {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #f2f2f2;
    display: grid;
    position: relative;
    margin: auto;
    place-items: center
}

#profileImage span {
    color: #999;
    letter-spacing: .2rem;
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    line-height: normal;
    font-weight: 600
}

@media (min-width:992px) {
    #profileImage {
        width: 8rem;
        height: 8rem
    }
}

@media (min-width:1400px) {
    #profileImage {
        width: 10rem;
        height: 10rem
    }
}

.serviceGrid .floating-label label.error {
    color: #d61818;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    padding-left: 10px;
    position: absolute;
    bottom: -13px;
    background: none;
    top: unset;
    margin: 0
}

.serviceGrid.lable_error .floating-label label.error {
    bottom: -20px
}

.subNav.styling-subNav ul li {
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    padding: .6rem
}

.subNav.styling-subNav ul li:last-child {
    border-bottom: unset
}

button.popupClose {
    padding: 0;
    border: 0;
    background: 0;
    width: fit-content;
    margin-left: auto
}

.investForm button.popupClose {
    position: absolute;
    right: -24px;
    top: -10px
}

.form-popup-contents .form-popup-btn {
    display: grid;
    grid-template-columns: auto auto
}

.form-popup-contents .form-popup-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%
}

.slider-height-initial .swiper-slide {
    height: auto
}

.slider-height-initial .slider-height-fix {
    display: grid
}

.ui-datepicker .ui-datepicker-title {
    line-height: normal
}

@media (max-width:767px) {
    .mobile-nav-container .mobile-nav .logo-container {
        height: 75px
    }

    .support-dropdown img {
        width: 32px
    }

    .support-dropdown .subNav {
        position: absolute;
        left: 0;
        min-width: 195px;
        bottom: unset;
        top: 40px;
        border-radius: 0 0 8px 8px;
        z-index: 99;
        box-shadow: 2px 4px 20px rgba(0, 0, 0, .08);
        transition-timing-function: ease-in;
        transition: transform .5s;
        display: flex;
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        background: #fff;
        right: 10px;
        top: 55px
    }

    .support-dropdown:hover .subNav {
        opacity: 1;
        z-index: 99999;
        visibility: visible
    }

    .support-dropdown .subNav {
        width: fit-content;
        left: unset;
        padding: 16px;
        border-top: 0;
        right: 0;
        top: 58px
    }

    .support-dropdown .subNav ul {
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 0 0 15px
    }

    .support-dropdown .subNav ul li {
        display: grid
    }

    .support-dropdown .subNav span {
        color: #666;
        font-size: 11px;
        font-weight: 600;
        line-height: 13px;
        padding: 0
    }

    .support-dropdown .subNav a {
        font-size: 12px;
        font-weight: 700;
        color: #3887e4;
        line-height: normal;
        width: fit-content;
        padding: 0 !important
    }

    .support-dropdown .subNav ul li {
        border-bottom: 0;
        gap: 4px
    }

    .support-dropdown .subNav .subList ul {
        padding-bottom: 0;
        gap: 8px
    }

    .support-dropdown {
        position: relative;
        z-index: 3
    }

    .mobilemenuLogoImg {
        z-index: 3
    }
}

@media (max-width:992px) {
    .mobilemenuLogoImg {
        margin-left: auto;
        margin-right: auto;
        background-color: #fff
    }
}

.copy_link {
    padding: 0;
    border: 0;
    background: unset
}

.lodrSec .lodrContent {
    position: relative
}

.accordion h4 {
    display: inline-block
}

.full-anchor {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute
}

.lodrSec .full-anchor:hover+.accordion h4 {
    color: #9ab5ff
}

@media (max-width:767px) {
    .accordion h4 {
        display: inline-block
    }

    .accordion h4 .copy_link {
        margin-left: 21px;
        top: 5px;
        position: relative
    }
}

.floating-label .label-line {
    position: absolute;
    top: 12px;
    height: 5px;
    background-color: #fbf8f0;
    left: 0;
    z-index: -1
}

.floating-label label {
    z-index: 1
}

.floating-label.label-white label {
    background-color: #fff;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, 0) 19px, #fff 0);
    background-position-y: 14px
}

.copy_link {
    position: relative;
    margin-left: 21px;
    top: 5px
}

.copy_link .tooltip-common {
    margin: 0;
    position: absolute;
    top: -2px;
    padding: 8px 12px;
    right: -78px;
    line-height: normal;
    background-color: #1e1b1b;
    border-radius: 8px;
    color: #fff;
    font-size: 12px
}

.copy_link .tooltip-common:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1e1b1b;
    content: "";
    position: absolute;
    left: -2px;
    bottom: -10px;
    margin-left: -10px;
    transform: rotate(90deg);
    top: 11px
}

main .heading-fluid .breadcrubmb ul {
    padding: 8px 12px;
    background: hsla(0, 0%, 44.3%, .6);
    border-radius: 0 0 8px 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    max-width: 400px;
    overflow: hidden
}

@media (max-width:768px) {
    main .heading-fluid .breadcrubmb ul {
        display: none
    }
}

main .heading-fluid .breadcrubmb ul li {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
    padding: 0
}

main .heading-fluid .breadcrubmb ul li:last-child a {
    max-width: 330px;
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

main .heading-fluid .breadcrubmb ul li a {
    font-size: 12px;
    text-transform: capitalize;
    padding: 0
}

.otp-sec {
    display: none
}

.otp-sec.otp-show {
    display: block
}

.form-popup-contents {
    display: none
}

.form-popup-contents.form-popup-contents-show {
    display: block
}

.header .headerTop ul li.support-dropdown img {
    width: 100%;
    height: auto
}

@media (max-width:991px) {
    .mobile-nav-container .mobile-nav {
        top: 115px
    }
}

@media (max-width:767px) {
    .mobile-nav-container .mobile-nav {
        top: 75px
    }
}

img,
picture,
svg {
    max-width: 100%;
    height: auto
}

@media (max-width:991px) {
    .humberger.mob--menu.active .bar:first-child {
        transform: rotate(45deg);
        top: 7px;
        position: relative
    }

    .humberger.mob--menu.active .bar:nth-child(2) {
        opacity: 0
    }

    .humberger.mob--menu.active .bar:last-child {
        transform: rotate(-45deg);
        top: -9px;
        position: relative
    }
}

@media (max-width:1920px) {
    .floating-label.label-white label {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, 0) 20px, #fff 0);
        background-position-y: 15px
    }
}

@media (max-width:767px) {
    .floating-label.label-white label {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, 0) 23px, #fff 0);
        background-position-y: 14px
    }
}

.loader-backdrop {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(232, 226, 226, .58);
    z-index: 9999;
    flex-direction: column
}

.amc-sub-loader {
    border: .2em solid transparent;
    border-top-color: #9ab5ff;
    border-radius: 50%;
    -webkit-animation: amc-sub-loader 1s linear infinite;
    animation: amc-sub-loader 1s linear infinite;
    position: relative;
    width: 50px;
    height: 50px
}

.amc-sub-loader:before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: -.2em;
    left: -.2em;
    border: unset;
    border-radius: 50%;
    opacity: .5
}

@-webkit-keyframes amc-sub-loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes amc-sub-loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#serviceRequest .request-right .customercareEmail {
    width: 50%;
    margin: auto
}

.customercareEmail {
    background-image: url(https://webzappers.com/mygullak/emailpng.png)
}

.customercareEmail,
.customercareEmail {
    background-size: contain;
    color: transparent !important;
    background-repeat: no-repeat;
    background-position: 50%
}

.partnersupportEmail {
    background-image: url(/bundle/assets/images/common/partnersupport.jpg)
}