@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

:root {
    --mainclr: #307fe2;
    --altclr: #f36b21;
    --mainheadin: var(--mainclr);
    --altheadin: var(--altclr);
    --btnbg: #307fe2;
    --btnclr: #fff;
    --btnbgh: #f36b21;
    --btnclrh: #fff;
    --white:#fff;
}

body{font-family: "Montserrat", sans-serif;}
.cursor-pointer {
    cursor: pointer
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{color: #808285;}

.bg-dark {
    background:var(--mainclr);
}

.bg-dark2 {
    background:var(--mainclr);
}

.logo {
    width: 200px;
    display:block;
}

.jarallax-img {
    width: 250px !important
}

.clip1 {
    mask-image: url(../img/clip1.svg);
    mask-size:60%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../img/clip1.svg);
    -webkit-mask-size: 60%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    text-align: center;
}

.indexclip {
    mask-size: 96%;
    mask-position: center;
    -webkit-mask-size: 96%;
    -webkit-mask-position: center;
}

.clip2 {
    mask-image: url(../img/clip2.svg);
    mask-size: 72%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(../img/clip2.svg);
    -webkit-mask-size: 72%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.min-vh-80 {
    min-height: 80vh
}

.btn-primary {
    color: var(--btnclr);
    background-color: var(--btnbg);
    border-color: var(--btnbg);
    box-shadow: unset;
    font-weight: 500;
    line-height: inherit;
    text-transform: capitalize;
    font-size: 18px;
}

.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #307fe2 !important;
    font-weight: 600;
    font-size: 16px;
    margin: -12px 0 0 0
}

.solutionmainnav {
    font-size: .9rem;
    margin-bottom: 1rem;
    display: block
}

.solutionnav {
    padding: 0
}

.solutionnav li {
    list-style: none
}

.solutionnav li a {
    text-decoration: none;
    padding: 10px 0
}

.btn-video {
    background: #f26b25;
    margin: auto
}

.link {
    text-decoration: none
}

.link:hover {
    text-decoration: underline;
    color: var(--altclr)
}

.hotel_bookings_div {
    width: 100px;
    float: left;
    border-radius: 0;
    position: absolute;
    bottom: -6%;
    right: 22%;
    border-radius: 0 0 0 20px;
    text-align: center
}

.bluebackground {
    background: #f2f5fa;
}

.hotel_bookings_div_head {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 0 10px 0;
    color: #fff
}

.hotel_bookings_div_img {
    margin-top: -44px
}

.flights_bookings_div {
    width: 100px;
    float: left;
    position: absolute;
    top: 5%;
    left: 6%;
    text-align: center;
    border-radius: 0 0 20px 0
}

.display-1 {
    line-height: 1;
    font-weight: 900;
}

.border-primary {
    border-color: rgba(255, 255, 255, .2) !important
}

.text-golden {
    color: #c74c09 !important
}

.text-blue {
    color: #307fe2 !important
}

.divider-vertical::before {
    display: block;
    width: .0625rem;
    height: 100%;
    background: linear-gradient(to top, transparent, rgba(0, 0, 0, .1), transparent) !important;
    content: ""
}

.services_list li {
    width: 80%;
    background: 0 0 !important;
    padding-left: 0 !important
}

.btn-outline-primary {
    border-color: rgba(23, 48, 94, .5);
    color: #307fe2
}

.btn-outline-primary:hover {
    background: #307fe2
}

.lead {
    font-size: 1rem;
    line-height: 1.64rem
}

.gradient-blue {
    background: #307fe2;
    background: -webkit-linear-gradient(to top, #f26b25, #fff);
    background: linear-gradient(to top, #f26b25, #fff) !important;
    min-height: 100px
}

.button_links {
    display: inline-block;
    margin: 20px 0 0 0;
    text-decoration: none
}

.cards_tpheader {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 -31% 0
}

.cards_tpheader img {
    width: 100%
}

.btn-scroll-top {
    background-color: #f26b25
}

.custom_padding_0 {
    margin: -10% 0 6% 0 !important;
    display: inline-block;
    width: 100%
}

.navbar-floating {
    top: 20px
}

.navbar-dark .navbar-brand {
    margin: -20px 0 0 0
}

.covid_rotate {
    width: 28px;
    margin: -6px 4px 0 0
}

.text-sm-right {
    text-align: right
}

.f-right {
    float: right
}

.display-1 {
    font-size: 2.4rem !important;
    line-height: 3.2rem;
    position: relative;
    padding-top: 1%;
    color: #808285
}

.display-1 .orangedot {
    width: 12px;
    height: 12px;
    background: #f26b25;
    border-radius: 50px;
    display: inline-block;
    margin: 0 0 -2px 0
}

.navbar-brand {
    margin-left: -10px
}

.navbar .me-auto {
    margin-left: auto !important;
    margin-right: initial !important
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.navbar-light .navbar-nav .nav-link {
    color: #000
}

.dropdown-menu .btn-outline-secondary {
    background: #fff;
    border: 0;
    color: #000;
    letter-spacing: 0;
    font-size: 1.24em;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
    margin: 1% 2% 1% 0
}

.btn-primary-orange {
    background: #307fe2;
    border-color: #307fe2;
    letter-spacing: 0;
    padding: 1rem 2.63rem;
    position: relative;
    overflow: hidden;
    border: 0
}

.btn-primary-orange .spinrange {
    background: #f26b25;
}

.btn-primary-orange:hover {
    background: var(--btnbgh);
    color: var(--btnclrh)
}

.btn-primary-orange:hover .spinrange {
    left: 88%;
    background-color: var(--btnbg)
}

.btn-primary-orange-outline {
    background: 0 0;
    border-color: #ddd;
    letter-spacing: 0;
    padding: 1rem 2.63rem;
    position: relative;
    overflow: hidden;
    color: #000;
    margin-left: 30px
}

.btn-primary-orange-outline .spinrange {
    width: 50px;
    height: 50px;
    background: #f26b25;
    position: absolute;
    left: -28px;
    top: -10px;
    z-index: 0;
    border-radius: 33px;
    transform: rotate(45deg);
    transition: all .2s
}

btn-primary-orange-outline:hover {
    background: var(--btnbgh);
    color: var(--btnclrh)
}

.btn-primary-orange-outline:hover .spinrange {
    left: 88%;
    background-color: var(--btnclrh)
}

.ctabtn {
    background-color: var(--btnbgh);
    color: var(--btnclrh);
    border-color: var(--btnbgh);
    padding: 1rem 2.63rem;
    border: 0
}

.ctabtn:hover {
    background-color: var(--btnbg);
    color: var(--btnclr);
    border-color: var(--btnbg)
}

.bluebtn {
    background: #2a7de1;
    padding: 3px 10px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
}

.bluebtn:hover {
    background: #f26b25;
    color: #fff;
}

.smallbtn {
    background: var(--altclr);
    display: inline-block;
    padding: 0.8rem 1rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 17px;
    min-width: 200px;
}

.smallbtn:hover {
    color: #fff;
    background: var(--mainclr);
}

.alertmsg {
    font-size: .9rem;
    color: #ff0000;
    padding: .5rem 0;
}

.g-recaptcha {
    transform: scale(.9);
    -webkit-transform: scale(.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.testicard {
    min-height: 300px;
    border-radius: 15px;
    overflow: hidden
}

.cardft {
    padding: 1rem;
    text-align: center;
    border-radius: 0 0 15px 15px;
    background: #307fe2;
    color: #fff;
    min-height: 76px
}

.cardft h3 {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3rem;
    margin-bottom: 5px
}

.cardimg,
.cardvideo {
    text-align: center;
    height: 300px;
    position: relative
}

.cardvideo video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cardimg::before {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 131, 0, .3);
    content: "";
    height: 100%;
    width: 100%
}

.cardimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.testimonialstext {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s, visibility .2s;
    display: flex;
    align-items: center;
    justify-content: center
}

.testicard:hover .testimonialstext {
    visibility: visible;
    opacity: 1
}

.cardtext {
    transition: .2s;
    transform: translateY(1em)
}

.testicard:hover .cardtext {
    transform: translateY(0)
}

.text-uppercase {
    letter-spacing: 0 !important
}

.dropdown-menu h4 {
    color: #c74c09 !important;
    font-size: 1.4em !important;
    border-bottom: 1px solid #eee;
    padding: 10px 0 15px;
    margin-bottom: 20px !important
}

.navbar-expand-lg .mega-dropdown .dropdown-menu {
    background: #eee;
    background: -webkit-linear-gradient(to top, #eee, #f5f5f5, #fff);
    background: linear-gradient(to top, #eee, #f5f5f5, #fff) !important
}

.steps {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap
}

.step {
    position: relative;
    min-width: 200px
}

.step .step-indicator {
    color: #307fe2 !important
}

.step-head h3 {
    color: #307fe2 !important
}

.absolute_posbtn {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0
}

.steps .step .step-indicator-orange {
    color: #307fe2 !important
}

p.fs-6 {
    color: #000;
    font-size: 16px !important
}

.tns-outer .price {
    color: #307fe2;
    font-size: 34px;
    padding: 0;
    margin: 0 !important
}

.navbar-sticky.navbar-stuck .navbar-brand>img {
    width: 125px !important
}

.nav-tabs .nav-link {
    font-size: 1.24em !important
}

.swap-image .swap-from {
    filter: grayscale(1)
}

.jarallax {
    background-image: url(../img/bg-shape.png);
    background-image: -webkit-image-set(url(../img/bg-shape.webp) 1x);
    background-repeat: no-repeat;
    background-position: left center;
    background-attachment: fixed
}

.logoimg {
    object-fit: contain
}

.list-unstyled li {
    border-bottom: 1px solid #e9e9e9
}

.dropdown-item {
    padding: .5rem 1.25rem
}

.solutionmainnav li b {
    padding: .5rem 0;
    display: block
}

.innerheader {
    display: flex;
    background: #eef4ff url(../img/bannerbg.png) no-repeat center top;
    background-image: -webkit-image-set(url(../img/bannerbg.png) 1x);
    align-items: center
}

.innerheader {
    min-height: 330px;
}

.newsheader {
    min-height: 200px;
}

.innerpageimg {
    position: absolute;
    top: -10px;
    right: 0
}

.benifitsbox,
.valuebox {
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 2px 4px #c6c6c6;
    padding: 1rem;
    height: 100%
}

.viconbox {
    width: 65px;
    height: 65px;
    float: left
}

.viconbox div {
    width: 80%;
    width: calc(100% - 65px)
}

.viconbox svg {
    fill: #307fe2;
    height: 60px;
    width: 60px
}

.display-1 span {
    font-size: 55px;
    display: block;
    line-height: 59px
}

.ullist {
    font-size: 18px;
    padding-left: 20px
}

.ullist li {
    margin-bottom: 15px;
    color: #787a80
}

.ullist li:last-child {
    margin-bottom: 0
}

.ullist li::marker {
    color: #c74c09
}

.new_productlistbox {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.new_productlistbox li {
    margin: 15px 1.5% 0 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    padding-left: 40px;
    border-radius: 5px;
    width: 49%;
    float: left;
    color: #787a80;
    font-size: 17px
}

.new_productlistbox li:nth-child(even) {
    margin-right: 0
}

.new_productlistbox li:before,
.chartheading:before {
    content: "";
    height: 13px;
    width: 13px;
    background: #f26b25;
    border-radius: 50%;
    position: absolute;
    margin-left: -25px;
    margin-top: 5px
}

.benifitsbox {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center
}

.benifitsbox p:last-child {
    margin-bottom: 0
}

.csrbox {
    min-height: 320px
}

.keystrip {
    background-color: #f8f8f8
}

.keybox {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 2.5rem 0
}

.box2 {
    background: #f1f1f1
}

.benifiticon {
    fill: var(--mainclr);
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.keybox:nth-child(2) {
    background: #f1f1f1
}

.keybox>.benifiticon {
    margin: 0 1rem 0 0;
    fill: var(--altclr)
}

.benifitsbox span {
    font-size: 1.3rem;
    margin: .5rem 0
}

a.benifitsbox {
    color: #808285 !important;
    text-decoration: none;
}
a.benifitsbox strong.fs6{line-height:20px;}

.benifitsbox:hover .benifiticon {
    fill: var(--altclr)
}

.hrsteps {
    align-items: center;
    position: relative;
    width: 100%;
    text-align: center
}

.checkicon {
    width: 24px;
    height: 24px;
    fill: #307fe2
}

.propcessline {
    display: block;
    width: 100%
}

.propcessline:after {
    background: #e9e9e9;
    height: 2px;
    width: 100%;
    content: "";
    position: absolute;
    top: 10px;
    z-index: -1
}

.noline:after {
    background: 0
}

.backbtn {
    position: absolute;
    left: 1rem;
    top: -3px;
    line-height: 14px;
    padding: 8px 1rem
}

.backbtn svg {
    fill: #fff
}

.galbox {
    background: var(--white);
    border: 2px solid #e7e7e7;
    width: 100%;
    height: 210px;
    border-radius: 8px;
    overflow: hidden;
    filter: drop-shadow(1px 2px 4px #919191)
}

.galbox img {
    object-fit: cover;
    width: 280px;
    height: 205px;
    transition: all .2s;
    outline: 2px solid #fff;
}

.galbox:hover:hover img {
    transform: scale(1.1)
}

.text-justify {
    text-align: justify
}

.boxheading {
    line-height: 1.6rem;
    position: relative;
    margin-bottom: 1.5rem
}

.boxheading:after {
    background-color: var(--altclr);
    width: 50px;
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -.5rem
}

.font-normal {
    font-weight: 400
}

.inputform {
    background-color: #fff;
    resize: none;
    border: 1px solid #e9e9e9;
    padding: 15px;
    width: 100%;
    font-size: 1.1rem;
    border-radius: 5px;
    margin-bottom: 1rem
}

.title {
    width: 30%
}

.firstname {
    margin-left: 1rem
}

.processicon {
    width: 110px;
    height: 110px;
    fill: var(--mainclr)
}

.devprocess {
    background-color: rgba(66, 133, 244, .12);
    width: 180px;
    height: 180px;
    position: relative;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.child2 {
    background: rgba(74, 34, 99, .12)
}

.horizontaltab {
    margin: 0
}

.horizontaltab li .nav-link.active {
    border-bottom-color: #fff;
    border-radius: 3px 3px 0 0;
    background: #fff
}

.devlopertabbox {
    border: 1px solid #e9e9e9;
    margin-top: -1px
}

.devtabverticle {
    background: #fff;
    height: 100%
}

.devtabverticle li.nav-item {
    margin: 0 !important
}

.devtabverticle li.nav-item .nav-link {
    width: 100% !important;
    border: 1px solid #e9e9e9;
    border-radius: 0
}

.devtabverticle li.nav-item .nav-link.active {
    background: #f7f7f7;
    border: 0
}

.count {
    position: absolute;
    background: #dfe8f7;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    transform: translate(0, -13px);
    font-size: 1.3rem !important;
    padding: 3px;
    text-align: center
}

.clr2 {
    background: #b3ccf7
}

.clr3 {
    background: #9bbbf2
}

.addbx {
    font-size: 18px;
    color: #787a80
}

.ft_links {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.ft_links li {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-right: 1px solid #fff;
    line-height: 14px;
}

.ft_links li a {
    color: #fff;
    text-decoration: none;
    padding: .6rem;
}

.ft_links li:last-child {
    border-right: 0
}

.ft_links li:first-child {
    padding-left: 0
}

.ft_links li a:hover {
    color: #000
}

#topicon {
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #000;
    z-index: 10
}

.btn-social {
    height: initial
}

.bigrewaredbanner {
    background: url(../img/Banner-bg.gif) no-repeat left center / contain;
    height: 150px;
    position: relative;
}

.bigrewaredbanner img {
    top: 30px;
    right: 8%;
    margin: auto;
    position: absolute;
    object-fit: cover;
}

.comingsoontag:before {
    background: url(../img/ComingSoon.png) no-repeat;
    content: "";
    position: absolute;
    left: -0.92rem;
    top: -1rem;
    height: 10.5rem;
    width: 200px;
    background-size: 80%;
}

.bloglink {
    border: 1px solid transparent;
    transition: all ease .2s;
}

.bloglink:hover {
    border: 1px solid var(--mainclr);
    box-shadow: 2px 4px 8px #c3c3c3;
}

.bloglink:hover h3 {
    color: var(--altclr);
}

.subimg {
    width: 98%;
    max-width: 800px;
    object-fit: contain;
    min-height: 400px;
}

.bloghead {
    box-shadow: 0 1.75rem 1.875rem rgb(154 156 165 / 8%), 0 1.25rem 1rem rgb(154 156 165 / 5%), 0 0.5rem 0.625rem rgb(154 156 165 / 4%), 0 0.25rem 0.25rem rgb(30 33 44 / 3%);
    display: block;
    height: 13px;
}

.copyrht{font-size:13px; color:var(--white);}
.btn-social{color: var(--white); margin: 0 .3rem; text-decoration: none; font-size:1.3rem;}
.btn-social:hover i {color:var(--altclr);}

.navbar-nav>li>a:hover{border-bottom:0;}
.lead_form_error {
    display: none;
    font-size: 13px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#successDiv {
    display: none;
    font-size: 13px;
    color: #131413;
    background-color: #a8cfa8;
    border-color: #a8cfa8;
}

.modal .btn-close{font-weight: 200;
    background: transparent;
    outline: none; margin-top:0px;
    width: auto;
    height: auto;
    line-height: 17px;}
.modal .btn-close:focus{outline:none;}
.modal p, .bxlh20 p{line-height:20px;}

@media (max-width:1024px) {
    .devprocess {
        width: 140px;
        height: 140px;
        margin: 0 auto;
    }

    #topicon {
        bottom: 80px
    }

    #rwadx_tamil_pg_deal {
        width: 100%;
        height: 100% !important;
    }
}

@media screen and (min-width:320px) and (max-width:992px) {
    .logo {
        width: 200px
    }

    .navbar-collapse {
        background: #307fe2;
        padding: 8px
    }

    .navbar-light .navbar-nav {
        background-color: #307fe2
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff
    }

    .navbar-light .navbar-nav .nav-item.active>.nav-link {
        background: #f26b25;
        color: #fff
    }

    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .show>.nav-link {
        background: #f26b25;
        color: #fff
    }

    .navbar-nav .nav-item.active {
        border-bottom-color: transparent
    }

    .display-1 {
        font-size: 4.5rem !important
    }

    .navbar-toggler {
        width: 38px
    }

    .navbar-light .navbar-nav .nav-item:hover>.nav-link {
        color: #fff
    }

    .solutionmainnav {
        margin-bottom: 0
    }

    .display-1 {
        font-size: 3rem !important
    }

    .step {
        text-align: center
    }

    .step:before {
        top: 110px
    }

    .step .step-head {
        display: block
    }

    .step .step-indicator::before {
        opacity: 0
    }

    .jarallax {
        padding-bottom: 2rem
    }

    .indexclip {
        mask-position: center;
        -webkit-mask-position: center;
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .display-1 {
        font-size: 3rem !important;
        line-height: 3.2rem
    }

    video {
        width: 100%
    }

    .knowmorebtn {
        min-width: 204px
    }

    .steps {
        justify-content: center;
        padding-inline-start: .5rem
    }

    .step .step-indicator {
        padding: 0 .5rem
    }

    .hrsteps {
        text-align: left;
        display: flex;
        align-self: center;
        line-height: 23px;
        margin-bottom: 2rem
    }

    .bigrewaredbanner {
        background: url(../img/bannerM.gif) no-repeat center bottom / contain;
        height: 210px;
    }

    .bigrewaredbanner img {
        top: 30px;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .propcessline {
        padding-inline-end: .5rem;
        display: inline;
        width: auto
    }

    .propcessline:after {
        top: 41px;
        left: 0
    }

    .keybox {
        justify-content: center
    }

    .keybox>svg {
        width: 50px;
        height: 50px
    }

    .galbox img {
        width: 100%
    }

    .noline:after {
        background: #e9e9e9
    }

    .navbar {
        padding-bottom: 0
    }

    .navbar-light .navbar-nav .nav-link.active {
        color: #060606 !important
    }

    .btn-primary-orange-outline {
        margin-left: 0
    }

    .display-1 .orangedot {
        margin: 0 0 -2px 0
    }

    .h1,
    h1 {
        font-size: calc(1rem + 1.5vw)
    }

    .footer h6 {
        margin-bottom: 10px
    }

    .innerheader {
        min-height: auto
    }

    .innerheader .py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .innerheader .display-1 {
        margin-bottom: 0 !important
    }

    .rt90 {
        transform: rotate(90deg);
        margin: 25px 0
    }

    .addbx br {
        display: none
    }

    .ft_links {
        text-align: center
    }

    .copyrht {
        text-align: center
    }

    #topicon {
        bottom: 10px
    }

    .innerclip {
        float: initial;
        width: 100%;
        -webkit-mask-box-image: initial;
        height: auto
    }

    .comingsoontag:before {
        left: -1.9%;
        top: -7%;
        width: 24%;
    }

    .innerclip img {
        width: 100%;
        height: auto
    }

    .display-1 {
        font-size: 1.7rem !important;
        margin-bottom: 10px !important;
        line-height: 32px
    }

    .new_productlistbox li {
        width: 100%;
        margin-right: 0
    }

    .backbtn {
        position: inherit;
        left: auto;
        top: auto;
        margin-bottom: 5px
    }
}

@media (max-width:414px) {
    .input-group .form-control {
        width: 100%;
        border-radius: .25rem .25rem 0 0
    }

    .input-group .btn {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .cb-tophead {
        min-height: auto;
        height: 80vh;
        background: 0 0;
        position: relative;
        z-index: 99
    }
}

@media screen and (min-width:1350px) {
    .cb-tophead-container {
        padding: 0 50px
    }
}

.custm-list li {
    margin-bottom: 8px;
}

.custm-list li .custm-list {
    margin-bottom: 20px;
    margin-top: 8px;
}

.roman {
    list-style-type: lower-roman
}

.listabc {
    list-style-type: lower-alpha;
}

.new_headingbg {
    background: #307fe2;
    color: #fff;
    font-size: 18px;
    margin: 5px 0 0;
    font-weight: normal;
    text-transform: uppercase;
    padding: 8px 15px 10px;
    cursor: pointer;
}

.togglediv {
    color: #555;
    font-size: 17px !important;
    padding: .5rem 1rem;
    background-color: #fff;
    margin-bottom: 1rem;
}

.togglediv p {
    margin: .8rem 0;
}
.navbar-nav>li>a:hover{border-bottom:0;}
.lead_form_error {
    display: none;
    font-size: 13px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#successDiv {
    display: none;
    font-size: 13px;
    color: #131413;
    background-color: #a8cfa8;
    border-color: #a8cfa8;
}

.innercollapse.collapse{display:none !important;}
.innercollapse.collapse.show{display:block !important;}
.contentbox{border-radius: 12px;
    border: 1px solid #D9D9D9;
    padding: 24px;}
.innerheading{color: #7F8285;
    font-size: 24px; display:flex; justify-content:space-between;
    margin-bottom:0 !important;
    font-weight: 700;}
.chevronicon{ transform:scaleY(-1) ; -webkit-transform:scaleY(-1) ; -moz-transform:scaleY(-1) ; -ms-transform:scaleY(-1) ; -o-transform:scaleY(-1) ; display: inline-flex;  align-items: center;}
.innerheading[aria-expanded="true"] .chevronicon,
.innersheading[aria-expanded="true"] .chevronicon{ transform:scaleY(1) ; -webkit-transform:scaleY(1) ; -moz-transform:scaleY(1) ; -ms-transform:scaleY(1) ; -o-transform:scaleY(1) ; }

.innersheading{font-size:20px; color: #7F8285; font-weight: 700; position: relative; margin-bottom: 0 !important;  margin-top:32px !important;}
.innersheading .chevronicon{width: 20px;
    /* position: absolute;
    right: 0;     
    top: 40px;*/} 
.innersheading .chevronicon svg{width: 16px; height:8px;}
.innercollapse .nav-pills{border-bottom: 1px solid #D9D9D9;
    list-style: none;
    padding: 0;
    margin: 0;}
.innersheading[aria-expanded="true"]{background: #f9f9f9;
    padding: 8px;
    border-radius: 8px;}
.innercollapse > .nav-pills{margin-top:12px;}
.innercollapse .nav-pills li{list-style:none; font-size:16px; margin-inline-end:0.5rem;}
.innercollapse .nav-pills .nav-link{color: #7F8285; padding: 8.4px 14px;
    background: transparent;
    border-radius: 0;}
.innercollapse .nav-pills .nav-link.active, 
.innercollapse .nav-pills .show>.nav-link{background:transparent; position: relative; font-weight: 700; color: #7F8285;}
.innercollapse .nav-pills .nav-link.active::before{height:2.8px; width:100%; background:#F16B24; position:absolute; bottom:0; content:""; left:0;}
.linkul{padding: 0;
    margin: 0 0 12px !important;
    list-style: none;
    font-size: 14px;}
.linkul li{list-style:none !important; line-height: 18px;  margin-bottom: 10px;}
.linkul li:last-child{margin-bottom:0;}
.linkul li a{text-decoration: none;
    font-weight: 400; transition:0.5s;
    color: #0070E0;} 
.linkul li a svg{margin-inline-start:0.2rem;}
.tabiheading{color: #7F8285;
    font-size: 16px; line-height: 18px;
    font-weight: 600;}
.linkul:last-child{margin:0 !important;}
.linkul li a:hover{font-weight:500; text-decoration:underline; color: #0070E0;}
.linkbox{background:#E3F1FB; padding:8px 12px; border-radius:8px;}
.linkbox a{color: #0070E0; font-size:18px; font-weight: 700;}
.linkbox a:hover{color: #0070E0;}
.tabiheading + .linkul{margin-top:10px !important;}

.tablebox{    border: 1px solid #D9D9D9;
    color: #686767;
    font-size: 14px; margin-bottom:0;
    border-radius: 10px;
    border-collapse: initial;}
.tablebox tr th{font-size:16px; color:#333; font-weight: 700;}
.tablebox tr th, .tablebox tr td{border-bottom:1px solid #D9D9D9; padding:8px 30px;}
.tablebox tr:last-child td{border-bottom:0;}
.tablebox tr th, .tablebox tr td{border-inline-end:0;}
.tablebox tr th:last-child, .tablebox tr td:last-child{border-inline-end:0;}
.tablebox tr th:first-child, .tablebox tr td:first-child{border-inline-start:0;}
.linkul.ulcol{margin-top: 20px !important;}
.linkul.ulcol li{position: relative; padding-inline-start: 0.9rem; }
.linkul.ulcol li:before{width: 3px;
    height: 3px;
    content: "";
    border-radius: 50%;
    background: #0070E0;
    position: absolute;
    left: 4px;
    top: 8px;}
.ulcol-2{column-count: 2;}
.ulcol-3{column-count: 3;}
#InvestorSupport p{font-size:14px; color: #686767; line-height: 18px;}
.sharecnt{margin-bottom:12px;}
.sharecnt:last-child{margin-bottom:0;}
.sharecnt p{margin:0;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.graytxt{color: #686767;}
.selectcnt{    box-shadow: 0 0px 6px #dcd6d6;
    border: 0;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    position: absolute;
    inset-inline-end: 0; outline:none;}

    .nav-pills.selectBox {
        cursor: pointer;
    box-shadow: 0 0px 6px #dcd6d6;
    border: 0;
    padding: 3px 35px 3px 14px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    position: absolute;
    inset-inline-end: 0;     min-width: 291px;
    outline: none;
      }
      .selectBox__value {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        color: #F16B24;
        font-weight: 700;
        }
      
      .selectBox:after {
          position: absolute;
          right: 8px;
          top: 37%;
          transform: translateY(-50%) rotate(0deg);
          transition: all 0.2s ease-in-out;
          content: url('data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2221%22 viewBox=%220 0 20 21%22 fill=%22none%22%3E%3Cmask id=%22mask0_164_1395%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2220%22 height=%2221%22%3E%3Crect width=%2220%22 height=%2220%22 transform=%22matrix(-1 0 0 1 20 0.600586)%22 fill=%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg mask=%22url(%23mask0_164_1395)%22%3E%3Cpath d=%22M10 9.60091L13.8334 13.4342L15 12.2676L10 7.26758L5.00003 12.2676L6.1667 13.4342L10 9.60091Z%22 fill=%22%23F16B24%22/%3E%3C/g%3E%3C/svg%3E');

        }
      
      .selectBox .dropdown-menu {
        transition: all 0.5s ease-in-out;
        opacity: 0;
        display: block;
        top: calc(100% - 4px);
        width: 100%;
        z-index: -1;
        overflow-y: auto;
        transform: translateY(-15%);
        visibility: hidden;
        right: 0;
        border: 0;
        box-shadow: 0 4px 6px #dcd6d6;
        border-radius: 0 0 8px 8px;
        }
      
      .selectBox.show {
          background-color: #fff;
          }
      .selectBox:after {
            transform: translateY(-50%) rotate(180deg);
          }
      .selectBox.show .dropdown-menu {
            transition: all 0.3s ease-in-out;
      
            /* max-height: 300px; */
            visibility: visible;
      
            opacity: 1;
            z-index: 1;
      
            transform: translateY(0);
            padding: 0;
          }
          .selectBox .dropdown-menu a{padding: 0 14px; text-decoration:none; line-height: 18px;}
          .nav-pills.selectBox .dropdown-menu a.active{background: #fbfbfb; color: #000; font-weight: normal;}
          .nav-pills.selectBox .dropdown-menu a:hover{color:var(--altclr); background:transparent;}
          .nav-pills.selectBox .dropdown-menu a.active::before{display:none !important;}
          .nav-pills.selectBox .dropdown-menu a.active{font-weight:normal;}
          .chevronicon svg path{fill:var(--mainclr);}
          .chevronicon svg{width: 20px; height: 10px;}
         .navbar-nav ul a.dropdown-item.active{background:transparent; display: block !important; color: var(--altclr);} 
          @media(max-width:992px){
            .tablebox tr th, .tablebox tr td{padding: 8px 8px;}
          }

          @media(max-width:480px){
            .innerheading{font-size: 18px;}
            .innersheading{font-size: 16px;}
            .contentbox{padding: 12px;}
            .innercollapse .nav-pills li, .tabiheading{font-size: 14px;}
            .innercollapse .nav-pills .nav-link{padding: 8.4px 10px;}
            .nav-pills.selectBox{width:100%; position: relative;}
            .linkul.ulcol-2{column-count:initial;}
            .tablebox thead {
                display: none;
            }
            .tablebox tr td {
                width: 100%;
                display: block;
                border: 0; line-height: 18px;
            }
            .tablebox tr td:last-child{border-bottom:1px solid #D9D9D9;}
            .tablebox tr:last-child td:last-child{border-bottom:0;}
            .tablebox tr td::before {
                content: attr(data-label);
                font-weight: 700;
                display: block;
                color: var(--primaryclr);
            }
          }