@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
:root {
    --theme-primary: #284694;
    --theme-secondary: #B4B4B4;
    --rounded-button: 20px;
    --button-weight: 500
}

:focus {
    outline: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Montserrat, sans-serif
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif
}

.color-primary {
    color: var(--theme-primary) !important
}

.color-secondary {
    color: var(--theme-secondary) !important
}

.bg-color-primary {
    background: var(--theme-primary)
}

.bg-color-secondary {
    background: var(--theme-secondary)
}

.header {
    background: #fff;
    box-shadow: 0 2px 7px rgb(0 0 0 / 11%)
}

.header-top {
    background: #284694
}

.header-top .headerSocial,
.header-top .topText {
    color: #fff;
    font-weight: 600;
    font-size: 12px
}

.header-top .headerSocial ul>li,
.header-top .topText ul>li {
    font-weight: 400
}

.header-top .headerSocial ul>li i,
.header-top .topText ul>li i {
    margin-right: 3px
}

.header-top .headerSocial ul>li+li,
.header-top .topText ul>li+li {
    padding-left: 10px
}

.header-top .headerSocial ul>li>a,
.header-top .topText ul>li>a {
    color: #fff
}

.header-top .headerSocial ul>li>a:hover,
.header-top .topText ul>li>a:hover {
    text-decoration: none
}

.header-top .listBusiness a {
    display: block;
    padding: 8px 15px;
    background: linear-gradient(to right, #00796b, #0fa594);
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.header-top .listBusiness a:hover {
    text-decoration: none
}

.header-top .listBusiness a i {
    margin-left: 5px
}

.langSwitch {
    font-size: 12px
}

button:focus {
    outline: 0
}

.dropdown-menu {
    border: 1px solid #00796b !important
}

.dropdown-item {
    padding: 12px 15px;
    font-size: 12px
}

.dropdown-item span {
    margin-right: 10px
}

.dropdown-item span img {
    filter: grayscale(100%);
    height: 18px
}

.dropdown-item:hover img {
    filter: none
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #00796b;
    text-decoration: none;
    background-color: transparent
}

.forgotpass {
    color: #00796b;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px
}

.forgotpass:hover {
    color: #00796b;
    text-decoration: none
}

.divider {
    background: #dedede;
    width: 1px
}

.bg-lightgrey {
    background: #f9f9f9
}

.navbar-light .navbar-nav .nav-item {
    font-family: Montserrat, sans-serif
}

.navbar-light .navbar-nav .nav-item>a {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.navbar-light .navbar-nav .nav-item>a:hover {
    text-decoration: none
}

.navbar-light .navbar-nav .nav-item.active {
    color: #dc9e47 !important;
    font-weight: 700
}

.navbar-light .navbar-nav .nav-item.active>a {
    color: #ff0101
}

.navbar-light .navbar-nav>.nav-link {
    font-weight: 500
}

.button_custom {
    padding: 8px 20px !important;
    line-height: 2;
    color: #fff !important;
    border: 0;
    outline: 0;
    font-size: 12px;
    min-width: 110px;
    font-weight: 700;
    border-radius: 6px !important;
    font-family: Montserrat, sans-serif;
    vertical-align: middle;
    cursor: pointer
}

.btn_color_primary:hover {
    text-decoration: none
}

.button_custom:focus {
    outline: 0
}

.btn_color_primary {
    background: #2680eb
}

.color-blue {
    color: #2a50e8 !important
}

.color-grey {
    color: #a38383 !important
}

.color-red {
    color: #ff0720 !important
}

.bg-red {
    background: #ff0720 !important
}

.bg-blue {
    background: #2680eb !important
}

.bordered-btn-blue {
    border: 2px solid #2a50e8
}

.bordered-btn-grey {
    border: 2px solid #707070
}

.border-top-grey {
    border-top: 1px solid #e0e0e0
}

.border-bottom-grey {
    border-bottom: 1px solid #e0e0e0
}

.shadow-none {
    box-shadow: none !important
}

.circular-anchor-btn {
    background: #e0efed;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    line-height: 28px
}

.signupBtn {
    background: #f1c2d9;
    color: #00796b;
    cursor: pointer
}

.step-icon {
    background: #fff;
    border: 1px solid var(--theme-secondary);
    min-width: 80px;
    height: 80px
}

.accordion-header .accordion-button {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fbf3e9;
    padding: 0;
    border: 0;
    border-radius: 10px
}

.accordion-header .accordion-button:after {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    content: "\f107";
    font-size: 20px;
    background: var(--theme-primary);
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: "Font Awesome 5 Pro";
    transition: transform .2s ease-in-out
}

.accordion-button:not(.collapsed)::after {
    content: '\f106';
    background: var(--theme-secondary)
}

.accordion-button:not(.collapsed) {
    background: rgb(220 158 71 / 35%)
}

.accordion-header .accordion-button span {
    font-size: 16px;
    color: var(--theme-primary);
    font-weight: 600;
    text-align: left;
    flex: 1
}

.accordion-body {
    font-size: 14px;
    color: var(--theme-primary)
}

.loginBtn {
    background: #dc9e47;
    color: #fff;
    cursor: pointer
}

.homebannerBtn {
    background: var(--theme-primary);
    color: #fff;
    border-radius: var(--rounded-button);
    font-weight: var(--button-weight)
}

.theme-font-color {
    color: #007265 !important
}

.promoLearnMoreBtn {
    background: #91386e
}

.page-header-new {
    padding: 3em 0;
    margin-top: 90px;
    position: relative
}

footer {
    background: #eef5f4;
    position: relative
}

.home-banner {
    padding: 2em 0;
    margin-top: 70px;
    position: relative
}

.banner-styles {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.bannerContent h2 {
    color: var(--theme-primary);
    font-size: 50px
}

.bannerContent h3 {
    color: var(--theme-secondary);
    font-weight: 500;
    font-size: 20px
}

.bannerContent p {
    color: var(--theme-primary);
    font-size: 14px
}

.title-inflex {
    flex: 1
}

.home-banner-bg img {
    height: 65vh;
    object-fit: cover
}

.homeSlider {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.homeSlider h2 {
    font-weight: 700;
    font-size: 40px
}

.homeSlider p {
    font-size: 20px
}

.section-shape {
    bottom: -8px;
    left: 0;
    transform: rotateY(-180deg);
    position: absolute;
    right: 0;
    z-index: 1
}

.section-shape img {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.title-underline {
    height: 4px;
    width: 50px;
    background: #00796b;
    display: inline-block;
    margin: 15px 0;
    border-radius: 10px
}

.predict-rank-banner {
    border-radius: 8px
}

.predict-rank-banner h2 {
    font-size: 22px;
    font-weight: 700;
    color: #212121
}

.rcode-details input {
    border: 0;
    padding: 0 20px;
    display: block;
    width: 100%;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    height: 40px
}

.rcode-details.range-field span input {
    padding-left: 30px;
    padding-right: 30px
}

.rcode-details.range-field span {
    position: relative
}

.rcode-details.range-field span::before {
    content: 'Rs.';
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    position: absolute;
    color: #555;
    font-size: 14px;
    top: 10px;
    left: 5px
}

.rcode-details.range-field span::after {
    content: 'MIN';
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    position: absolute;
    color: #adabab;
    top: 10px;
    right: 5px;
    font-size: 14px
}

.rcode-details.range-field span:last-of-type:after {
    content: 'MAX'
}

.testimonial-person {
    flex: 1
}

.testimonial-item {
    background: #f8f8f8 !important
}

.sidebar-list li {
    position: relative;
    color: #2680eb;
    padding-bottom: 5px;
    padding-left: 20px
}

.sidebar-list li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    color: #3db39e;
    font-weight: 600;
    position: absolute;
    left: 0
}

.page-header-new h2.page-title {
    color: #fff
}

.page-header-new .breadcrumb-item a {
    color: rgb(255 255 255 / 50%)
}

.page-header-new .breadcrumb-item.active {
    color: #fff;
    font-weight: 700
}

.page-header-new .searchBox {
    background: #fff;
    position: relative;
    border-radius: 8px
}

.page-header-new .searchBox input[type=text] {
    display: block;
    width: 100%;
    border: 0;
    padding: 20px 50px 20px 18px;
    border-radius: 8px
}

.page-header-new .searchBox input[type=text]:focus {
    outline: 0;
    border: 0
}

.page-header-new .searchBox button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    padding: 20px 20px
}

.page-header-new .searchBox button i {
    color: #91386e;
    font-size: 20px
}

.main {
    padding: 0 0 30px;
    background: #f8f8f8
}

.main section {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 30px
}

section+section {
    padding-top: 50px;
    padding-bottom: 50px
}

h1.section-title {
    font-size: 22px;
    font-weight: 700
}

h1.section-title+p {
    color: #888;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.examCatlabel h4 {
    font-weight: 700;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

.examCatlabel h4 span {
    padding: 5px 12px;
    background: #007265;
    color: #fff;
    font-size: 10px;
    border-radius: 14px;
    margin-left: 5px
}

.examCatlabel+ul {
    list-style: none;
    padding: 0
}

.examCatlabel+ul li {
    text-decoration: none;
    font-size: 12px;
    display: flex;
    align-items: baseline;
    padding: 10px 0
}

.examCatlabel+ul li a {
    color: #888;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.examCatlabel+ul+a {
    color: #00796b;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.content-list-wrap .holder {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e0e0e0
}

.content-list-wrap .holder img {
    margin-bottom: 10px
}

.content-list-wrap .holder h2 {
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 28px
}

.content-list-wrap .holder label {
    font-size: 14px;
    display: block;
    margin-bottom: 3px;
    font-family: Montserrat, sans-serif;
    color: #000000;
}

.step-nav a {
    padding: 10px 0;
    padding-left: 12px;
    color: #a8a8a8;
    font-weight: 500;
}

.step-nav a.active{
    color: #000;
}

.step-nav a:hover{
    text-decoration: none;
}

.step-nav a:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    margin-right: 2px;
    font-size: 20px;
    vertical-align: middle
}

.b-right .col-sm {
    border-right: 1px solid rgb(165 177 210 / 33%)
}

.b-right .col-sm:last-child {
    border-right: 0
}

.content-list-wrap .holder p.exam-cat {
    color: #000;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

p.exam-cat span.color-red {
    font-size: 20px
}

.content-list-wrap .holder p.exam-cat span.total-test {
    color: #91386e;
    font-weight: 600
}

.content-list-wrap .holder p.exam-cat span.free-test {
    color: green;
    font-weight: 600
}

.content-list-wrap .holder .tag {
    padding-bottom: 15px
}

.content-list-wrap .holder .tag span {
    background: #f3e9ef;
    color: #91386e;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 600
}

.content-list-wrap .holder .tag span {
    background: #f3e9ef;
    color: #91386e;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 600
}

.content-list-wrap .holder a {
    font-weight: 600;
    font-size: 20px;
    color: var(--theme-secondary);
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    font-family: Montserrat, sans-serif
}

.content-list-wrap .holder a span {
    margin-left: 5px
}

.unevenGrid .holder {
    transition: .3s all
}

.unevenGrid .holder:hover {
    background: var(--theme-primary)
}

.unevenGrid .holder span.rounded-circle {
    background: #fff;
    border: 1px solid var(--theme-secondary);
    text-align: center;
    min-width: 60px;
    height: 60px
}

.unevenGrid .holder span+label {
    font-size: 20px;
    color: var(--theme-primary);
    font-weight: 500;
    margin-bottom: 0
}

.unevenGrid .holder:hover span+label {
    color: var(--theme-secondary)
}

.unevenGrid .holder p {
    color: var(--theme-primary) !important;
    font-family: 'Roboto Condensed', sans-serif !important
}

.unevenGrid .holder:hover p {
    color: #fff !important
}

.unevenGrid .holder a {
    font-family: 'Roboto Condensed', sans-serif !important
}

.unevenGrid h3 {
    color: var(--theme-primary);
    font-size: 20px;
    font-weight: 600
}

.unevenGrid p {
    font-size: 14px;
    color: var(--theme-primary)
}

.about-content {
    border: 1px solid rgb(0 0 0 / 6%);
    border-radius: 8px;
    background: #fff
}

.tabs .nav-tabs {
    border: 1px solid var(--theme-primary) !important;
    border-radius: var(--rounded-button) !important;
    padding: 1px
}

.tabs .nav-tabs>li>a {
    color: #284694;
    padding: 8px 30px;
    display: inline-block;
    font-weight: 500
}

.tabs .nav-tabs>li>a:hover {
    text-decoration: none
}

.tabs .nav-tabs>li>a.active {
    background: var(--theme-primary);
    color: #fff
}

.tabs .nav-tabs>li:first-child>a {
    border-top-left-radius: var(--rounded-button);
    border-bottom-left-radius: var(--rounded-button)
}

.tabs .nav-tabs>li:last-child>a {
    border-top-right-radius: var(--rounded-button);
    border-bottom-right-radius: var(--rounded-button)
}

.other-tabs .nav-tabs {
    border: 0
}

.other-tabs .nav-tabs>li>a {
    color: #284694;
    padding: 8px 30px;
    display: inline-block;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid transparent !important
}

.other-tabs .nav-tabs>li>a.active {
    color: var(--theme-secondary);
    border: 1px solid var(--theme-secondary) !important
}

.other-tabs .nav-tabs>li>a:hover {
    text-decoration: none
}

.about-content h1 {
    font-size: 22px;
    font-weight: 700
}

.about-content.promotional h1 span {
    color: #91386e
}

.about-content h1+.title-underline {
    height: 4px;
    width: 50px;
    background: #91386e;
    display: inline-block;
    margin: 15px 0
}

.about-content p {
    color: #888;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

.about-content p+p {
    color: #333;
    font-weight: 600;
    font-size: 16px
}

.about-content .note {
    background: #feecec;
    color: #f52626;
    border-radius: 8px;
    padding: 15px 30px;
    font-weight: 600
}

.about-content .note label {
    color: #000
}

.categories ul {
    padding: 0;
    list-style: none
}

.categories ul li {
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid #b7b7b7;
    font-family: Montserrat, sans-serif;
    color: #827f7f;
    font-weight: 600
}

.categories ul li.category-name {
    background: rgb(15 165 148 / 10%);
    border: 1px solid transparent
}

.categories ul span {
    font-weight: 600;
    color: var(--theme-primary);
    font-family: Montserrat, sans-serif
}

.inviteFriends-block {
    background: linear-gradient(to right, #687fbb, #284694);
    border-radius: 8px 0 0 8px
}

.middle-block {
    background: linear-gradient(to right, #687fbb, #284694)
}

.signUp-block {
    background: linear-gradient(to right, #687fbb, #284694);
    border-radius: 0 8px 8px 0
}

.inviteFriends-block img,
.middle-block img,
.signUp-block img {
    height: 60px;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    background: rgb(255 255 255 / 37%)
}

.inviteFriends-block p,
.middle-block p,
.signUp-block p {
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0
}

.inviteFriends-block label,
.middle-block label,
.signUp-block label {
    font-size: 18px;
    font-weight: 500
}

.blog-filter ul {
    padding: 0;
    list-style: none
}

.blog-filter ul li {
    display: inline-block;
    font-size: 14px;
    color: #888;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.blog-filter ul li a {
    color: #888
}

.blog-filter ul li.active a,
.blog-filter ul li:hover a {
    color: #00796b
}

.blog-filter ul li+li {
    margin-left: 20px
}

.blog-bottom .author {
    flex: 1
}

.blog-bottom .author p {
    margin-bottom: 0;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 600
}

.blog-bottom .author label {
    color: var(--theme-primary);
    margin-bottom: 0
}

.blog-bottom .blog-view-Btn a {
    background: #ffc107;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 28px
}

.blog-bottom .blog-view-Btn a i {
    color: #212121
}

.footer-inner {
    background: #fff;
    position: relative
}

.footer-banner-bg {
    position: absolute;
    top: -200px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.footer-banner-bg img {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    height: 100%;
    width: auto;
    max-width: initial
}

footer .footer-top {
    padding-top: 30px;
    border-bottom: 0
}

footer .footer-top .footerlabel h4 {
    color: var(--theme-secondary);
    font-size: 18px;
    font-weight: 600
}

footer .footer-top ul {
    list-style: none;
    padding: 0
}

footer .footer-top ul li {
    padding: 5px 0;
    color: var(--theme-primary);
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: baseline
}

footer .footer-top ul li a {
    color: var(--theme-primary);
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: baseline;
    font-family: Montserrat, sans-serif
}

footer p {
    color: rgb(255 255 255 / 65%);
    text-decoration: none;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

footer .footer-top ul li a i,
footer .footer-top ul li i {
    margin-right: 10px
}

footer .footer-bottom {
    padding-bottom: 30px
}

footer .footer-bottom p {
    color: #c7c7c7;
    font-size: 14px;
    margin-bottom: 0
}

footer .footer-bottom ul {
    list-style: none;
    padding: 0
}

footer .footer-bottom a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding-left: 10px
}

.right-sidebar .widget {
    border: 1px solid rgb(0 0 0 / 6%);
    border-radius: 8px;
    background: #fff;
    padding: 30px 30px
}

.right-sidebar .widget+.widget {
    margin-top: 15px
}

.right-sidebar .widget .widget-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.right-sidebar .widget .widget-title label {
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.right-sidebar .widget .widget-title a {
    font-size: 14px;
    font-weight: 700;
    color: #91386e;
    text-decoration: none
}

.right-sidebar .widget .listItems {
    background: #fafafa;
    border-radius: 8px;
    padding: 15px
}

.right-sidebar .widget .listItems+.listItems {
    margin-top: 15px
}

.right-sidebar .widget .listItems .links {
    padding-top: 10px
}

.right-sidebar .widget .listItems .links a {
    background: linear-gradient(to right, #e94d1c, #91386e);
    color: #fff;
    padding: 3px 15px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 700;
    display: inline-block
}

.right-sidebar .widget .listItems .links a+a {
    background: #188f48
}

.right-sidebar .widget .inner-details {
    display: flex;
    align-items: center
}

.right-sidebar .widget .inner-details>div {
    flex: 1;
    padding-left: 15px
}

.right-sidebar .widget .inner-details span {
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #188f48;
    font-size: 14px
}

.right-sidebar .widget .inner-details label {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 3px
}

.right-sidebar .widget .inner-details p {
    margin: 0;
    color: rgb(0 0 0 / 60%);
    font-size: 14px
}

.right-sidebar .widget .inner-details p strong {
    color: #159ad5
}

.right-sidebar .widget .inner-details a {
    color: #91386e;
    background: rgb(145 56 110 / 18%);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%
}

.additional-menus ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.additional-menus ul li {
    display: inline-block
}

.additional-menus ul li a {
    padding: 20px 12px;
    text-decoration: none;
    display: block;
    color: rgb(0 0 0 / 60%)
}

.additional-menus ul li.active a {
    color: #91386e;
    font-weight: 700
}

.home-banner .slick-dots li button {
    background: rgb(255 255 255 / 55%);
    border-radius: 50%
}

.home-banner .slick-dots li+li {
    margin-top: 5px
}

.home-banner .slick-dots li.slick-active {
    background: #fff;
    border-radius: 50%
}

.home-banner .slick-dots li button:before {
    font-size: 14px;
    line-height: 23px
}

.home-banner .slick-dots li.slick-active button:before {
    color: #0fa594
}

#blog-slider .slick-slide,
#testimonial-slider .slick-slide {
    margin: 0 15px 15px
}

.slick-dots li button:before {
    font-size: 10px
}

.slick-dots li.slick-active button:before {
    color: var(--theme-secondary)
}

.expectedRank-display span {
    padding: 10px 22px;
    display: inline-block;
    border: 2px dashed rgb(112 112 112 / 60%);
    border-radius: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    color: #00796b;
    font-size: 26px;
    line-height: 1
}

.search-textbox input {
    background: #fff;
    border: 0;
    width: 50%;
    border-radius: 4px;
    padding: 8px 20px;
    padding-right: 50px;
    font-size: 14px;
    height: 44px;
    font-family: Montserrat, sans-serif;
    border: 1px solid rgb(112 112 112 / 10%)
}

.btn_ovr_input {
    color: #0fa594;
    position: absolute;
    right: 0;
    min-width: 50px;
    cursor: pointer;
    height: 100%
}

.college-list-img {
    height: 114px;
    min-height: 114px;
    max-width: 114px
}

.college-name {
    flex: 1
}

.college-name>label {
    color: #4b4a4a !important;
    font-family: Barlow !important;
    font-weight: 800 !important;
    font-size: 16px !important
}

.college-name>strong {
    color: #888;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.college-name>strong>span.tag {
    background: #ebf4f3;
    padding: 4px 10px !important;
    color: #00796b;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block
}

.college-name>span {
    margin-left: 10px;
    color: #00796b;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.college-name>span i {
    color: #f3ab1a
}

.college-name>small {
    display: block;
    color: #888;
    font-size: 12px;
    font-family: Barlow;
    margin-top: 10px
}

.college-name>p {
    color: #6d6d6d;
    font-family: Barlow;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0
}

.college-name>p span {
    font-family: Barlow;
    color: #00796b;
    font-weight: 700;
    margin-left: 10px
}

.labelbold {
    color: #212121 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.predict_again_btn {
    background: #d0e4e2
}

.blog-bottom .blog-view-Btn a {
    background: var(--theme-secondary);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 18px;
    border: 0;
    color: #fff;
    text-align: center;
    padding: 6px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block
}

.cl-loc {
    background: #ebf4f3;
    color: #00796b;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600
}

.cl-loc i {
    margin-right: 5px
}

.about-banner h2 {
    font-size: 60px
}

.about-banner p {
    font-size: 20px
}

.content-list-wrap .holder h4 {
    color: #212121;
    font-weight: 800;
    font-size: 20px
}

h1.section-title+ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    background: 0 0;
    display: block
}

h1.section-title+ul li {
    display: inline-block;
    font-size: 14px;
    color: #888
}

h1.section-title+ul:not(.breadcrumb) li+li {
    padding-left: 24px
}

h1.section-title+ul.breadcrumb li+li:before {
    content: '/'
}

h1.section-title+ul li a {
    color: #d44b5b;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

h1.section-title+ul:not(.breadcrumb) li a {
    color: #888;
    font-weight: 600
}

h1.section-title+ul:not(.breadcrumb) li a.active {
    color: #00796b
}

ul.policy-links {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    background: 0 0;
    display: block
}

ul.policy-links li {
    display: inline-block;
    font-size: 14px;
    color: #888
}

ul.policy-links li a {
    color: #888;
    font-weight: 700
}

ul.policy-links li+li {
    padding-left: 24px
}

ul.policy-links li a.active {
    color: #00796b
}

.viewPass {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 10px 15px;
    color: #c7c7c7;
    cursor: pointer;
    border-radius: 4px;
    background: 0 0;
    font-size: 14px
}

.modal-form .iconprepend input {
    padding-left: 30px
}

.modal-form .iconprepend::before {
    position: absolute;
    color: #007265;
    font-family: "Font Awesome 5 Pro" !important;
    left: 8px;
    top: 12px;
    font-size: 14px
}

.modal-form .iconprepend.lock::before {
    content: "\f023"
}

.modal-form .iconprepend.envelope::before {
    content: "\f0e0"
}

.button_custom[disabled] {
    background: #d5d5d5;
    color: #9a9a9a;
    cursor: not-allowed
}

.hideFilterBtn {
    background: #b2d6d2;
    color: #00796b
}

.institution-banner {
    min-height: 50vh
}

@media (min-width:576px) {
    .home-banner .slick-dots {
        right: 20px;
        display: flex;
        top: 50%;
        flex-direction: column;
        width: auto;
        bottom: auto;
        transform: translateY(-50%);
        z-index: 2
    }
}

@media (max-width:1199px) {
    .tabMenu {
        top: 77px !important
    }
    .home-banner,
    .page-header-new {
        margin-top: 77px
    }
    .navbar-light .navbar-nav .active>.nav-link {
        border-top: 2px solid transparent
    }
}

@media (max-width:991px) {
    .inner-radio .transfer-type input[type="radio"] + label{
        min-width: 150px !important;
        font-size: 10px !important;
    }
    .content-list-wrap .holder h2 {
        font-size: 18px;
    }
    p.exam-cat span.color-red {
        font-size: 14px;
    }
    
    .page-header-new h1 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .transfer-type {
        min-height: 130px !important;
    }
    .inner-radio .transfer-type input[type="radio"] + label{
        min-width: 100% !important;
        font-size: 10px !important;
    }
    .transfer-guide {
        padding-top: 130px !important;
    }
    .inner-radio .transfer-type input[type="radio"] + label.cash-deposit-label{
        left: 0 !important;
        top: 65px;
    }
    .home-banner, .page-header-new{
        margin-top: 56px;
    }
    a.navbar-brand img{
        height:40px;
    }
    
    .step-nav a{
        font-size: 12px;
    }
    .steps-timeline>ul>li>ul h2 {
        font-size: 16px !important
    }
    .page-header-new h1 {
        font-size: 24px
    }
    .box-bg h4 {
        font-size: 22px
    }
    .institution-banner {
        min-height: 60vh
    }
    .college-name>span {
        font-size: 10px
    }
    .college-name>strong>span.tag {
        padding: 3px 6px !important;
        font-size: 10px
    }
    .button_custom {
        padding: 8px 15px;
        height: auto;
        font-size: 10px
    }
    .infoBox-banner {
        background: rgb(0 121 107 / 75%) !important
    }
    .homeSlider h2 {
        font-size: 16px;
        margin-bottom: 10px !important
    }
    .homeSlider p {
        font-size: 12px;
        margin: 0 !important;
        margin-bottom: 5px !important
    }
}

@media (min-width:768px) {
    .tab-bl {
        border-left: 1px solid #c4c4c4
    }
}

.navbar-toggler {
    padding: 0;
    border: 0
}

.modal-header {
    border-bottom: 0
}

.modal-content {
    border-radius: 20px;
    overflow: hidden
}

.modal-form label {
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: rgb(13 23 36 / 65%)
}

.modal-form input,
.modal-form select {
    border: 1px solid #E9E9EA;
    font-weight: 600;
    padding: 10px 20px;
    display: block;
    width: 100%;
    background: #F4F6FA;
    border-radius: 4px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: #66686A;
}

.modal-form textarea {
    border: 1px solid #E9E9EA;
    padding: 10px 20px;
    display: block;
    width: 100%;
    background: #f8f8f8;
    border-radius: 4px;
    resize: none
}

.modal-form p {
    font-size: 14px;
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

.close {
    color: #00796b
}

.close:focus,
.close:hover {
    color: #00796b;
    outline: 0
}

.custom-check {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-weight: 400 !important;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 2px solid #979797
}

.custom-check:hover input~.checkmark {
    border: 2px solid #979797
}

.custom-check input:checked~.checkmark {
    background-color: #2FBCA1;
    border: 0;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-check input:checked~.checkmark:after {
    display: block
}

.custom-check .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fakeSelectBox {
    background: #f8f8f8;
    border-radius: 6px;
    padding: 10px 10px
}

.fakeSelectBox span {
    color: #707070;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    font-size: 14px
}

.fakeSelectBox span i {
    color: #00796b
}

.vendor-postlogin-header img {
    width: 55px;
    height: 55px
}

.vendor-postlogin-header .vendor-business-label .bussinessLabel {
    color: #212121;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600
}

.vendor-postlogin-header .vendor-business-label p {
    color: #888;
    font-size: 12px;
    margin-bottom: 0
}

.blog-widgets ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.blog-widgets ul li+li {
    border-top: 1px solid rgb(112 112 112 / 12%)
}

.blog-widgets ul li a {
    color: #91386e;
    border: 0 !important;
    text-align: left !important;
    font-weight: 500;
    padding: 10px 0 !important
}

.blog-widgets a.learnMore {
    background: #b2d6d2;
    border: 0;
    display: inline-block;
    padding: 5px 20px;
    font-weight: 500;
    font-size: 12px
}

.blog-filter ul {
    padding: 0;
    list-style: none
}

.blog-filter ul li {
    display: inline-block;
    padding: 3px 20px;
    border-radius: 20px;
    border: 1px solid #707070;
    font-size: 12px;
    color: #707070;
    cursor: pointer
}

.blog-filter ul li.active,
.blog-filter ul li:hover {
    background: rgb(0 121 107 / 10%);
    color: #00796b;
    border: 1px solid #00796b
}

.blog-filter ul li+li {
    margin-left: 5px
}

.sharecode-wrap {
    border-top: 1px solid rgb(20 18 18 / 12%);
    margin-top: 15px;
    padding-top: 15px
}

.sharecode-wrap p {
    margin-bottom: 0;
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 600
}

.sharecode-wrap ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.sharecode-wrap ul li {
    display: inline-block
}

.sharecode-wrap ul li+li {
    margin-left: 5px
}

.sharecode-wrap ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    color: #fff !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 0 !important
}

.sharecode-wrap ul li a.facebook {
    background: #4267b2
}

.sharecode-wrap ul li a.twitter {
    background: #00acee
}

.sharecode-wrap ul li a.linkedin {
    background: #0e76a8
}

.shareBox-banner {
    background: rgb(255 255 255 / 95%)
}

.infoBox-banner {
    background: #00796b
}

.detailsTab ul {
    padding: 0;
    list-style: none
}

.detailsTab.isFixed ul {
    margin-bottom: 0
}

.detailsTab ul li {
    font-family: Montserrat, sans-serif;
    display: inline-block
}

.detailsTab ul li a {
    color: #888 !important;
    padding: 15px;
    font-size: 14px;
    display: block;
    font-weight: 500
}

.detailsTab ul li.active a {
    color: #00796b !important
}

.file-details {
    font-family: Montserrat, sans-serif;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 8px
}

.file-details img {
    margin-bottom: 0 !important
}

.file-details>div label {
    color: #888 !important
}

.file-details>div p.file-size {
    color: #00796b;
    margin-bottom: 0;
    font-weight: 700
}

.file-details span {
    background: #ffc107;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0;
    text-align: center;
    font-size: 12px;
    display: inline-block
}

.file-details span i {
    color: #212121
}

.courses-detail span {
    background: #e0efed;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #00796b;
    text-align: center
}

.courses-detail label {
    flex: 1;
    color: #4b4a4a !important
}

.photosTab li+li {
    margin-left: 10px
}

.photosTab li a {
    color: #777 !important;
    font-weight: 500;
    text-decoration: none
}

.photosTab li a.active {
    color: #00796b !important;
    font-weight: 700
}

.mediaInlist ul {
    list-style: none;
    padding: 0
}

.mediaInlist ul li {
    position: relative;
    width: 110px;
    display: flex;
    height: 84px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid transparent
}

#vdphotosinmodal.mediaInlist ul li,
#vdvideosinmodal.mediaInlist ul li {
    width: 90px;
    height: 60px
}

.mediaInlist ul li.active {
    border: 1px solid #00796b
}

.mediaInlist ul li.viewallmedia {
    border: 1px solid #00796b
}

.mediaInlist ul li+li {
    margin-left: 5px
}

#vdvideos.mediaInlist span,
#vdvideosinmodal.mediaInlist span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    font-size: 12px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px
}

.slick-next,
.slick-prev {
    z-index: 1
}

.slick-prev {
    left: 15px
}

.slick-next {
    right: 15px
}

.slider-nav .slide-item {
    border: 1px solid transparent;
    border-radius: 4px
}

.slider-nav .slick-current .slide-item {
    border: 1px solid #00796b
}

.slider-nav .slide-item>div {
    height: 50px;
    margin: 5px
}

.rate {
    float: left;
    height: 46px
}

.rate:not(:checked)>input {
    position: absolute;
    opacity: 0
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #dfdbd1
}

.rate:not(:checked)>label:before {
    content: '★ '
}

.rate>input:checked~label {
    color: #f3ab1a
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #f3ab1a
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #f3ab1a
}

.review-lists .review-list-item {
    border: 1px solid rgb(112 112 112 / 20%);
    border-radius: 8px
}

.review-lists .review-list-item+.review-list-item {
    margin-top: 15px
}

.vendor-details input {
    border: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    display: inline-block;
    color: #212121
}

.imp-dates {
    font-family: Montserrat, sans-serif
}

.imp-dates .dates {
    background: #00796b;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px
}

.imp-dates .dates b {
    font-size: 22px
}

.imp-dates label {
    color: #333 !important
}

.imp-dates p {
    color: #646464;
    font-size: 12px;
    margin-bottom: 5px
}

.imp-dates a {
    padding: 0 !important;
    text-align: left !important;
    color: #1245ac !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 500 !important;
    max-width: 200px
}

.modal-form .hasError input {
    background: #ffebeb;
    color: #fb0101
}

.modal-form .hasError .iconprepend::before {
    color: #fb0101
}

.rank-tab>ul>li {
    display: inline;
    background: #dbebe9;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.rank-tab>ul>li:first-child {
    border-radius: 6px 0 0 6px
}

.rank-tab>ul>li:last-child {
    border-radius: 0 6px 6px 0
}

.rank-tab>ul>li a {
    text-decoration: none;
    color: #00796b
}

.rank-tab>ul>li.active {
    background: #00796b
}

.rank-tab>ul>li.active a {
    color: #fff
}

.shrt-tile .tile-icon-wrap {
    position: relative;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%
}

.shrt-tile .tile-icon-wrap span {
    position: absolute;
    right: -6px;
    top: -8px;
    border: 2px solid #fff;
    border-radius: 50%
}

.shrt-tile .tile-icon-wrap.viewed {
    background: #dbf2ef
}

.shrt-tile .tile-icon-wrap.viewed i {
    color: #00796b
}

.shrt-tile .tile-icon-wrap.total-enquiries {
    background: #dbf2ef
}

.shrt-tile .tile-icon-wrap.total-enquiries i {
    color: #0fa594
}

.shrt-tile .tile-icon-wrap.enquiries-accepted {
    background: #e0e9fb
}

.shrt-tile .tile-icon-wrap.enquiries-accepted i,
.shrt-tile .tile-icon-wrap.enquiries-accepted span {
    color: #2765df
}

.shrt-tile .tile-icon-wrap.enquiries-rejected {
    background: #fdeef2
}

.shrt-tile .tile-icon-wrap.enquiries-rejected i,
.shrt-tile .tile-icon-wrap.enquiries-rejected span {
    color: #df2760
}

.shrt-tile .tile-icon-wrap.enquiries-pending {
    background: #f8f5ea
}

.shrt-tile .tile-icon-wrap.enquiries-pending i,
.shrt-tile .tile-icon-wrap.enquiries-pending span {
    color: #ec8b1c
}

.shrt-tile .shrt-tile-detail label {
    color: #333;
    font-size: 20px;
    font-weight: 800
}

.shrt-tile .tile-icon-wrap.viewed+.shrt-tile-detail label {
    color: #00796b
}

.shrt-tile .tile-icon-wrap.total-enquiries+.shrt-tile-detail label {
    color: #0fa594
}

.shrt-tile .tile-icon-wrap.enquiries-accepted+.shrt-tile-detail label {
    color: #2765df
}

.shrt-tile .tile-icon-wrap.enquiries-rejected+.shrt-tile-detail label {
    color: #df2760
}

.shrt-tile .shrt-tile-detail p {
    color: #888;
    margin-bottom: 0;
    font-size: 12px;
    font-family: Montserrat, sans-serif
}

.business-image-wrap {
    background: #00796b;
    color: #fff;
    position: relative;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%
}

.enquiry-dated p {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Montserrat, sans-serif
}

.enquiry-dated p>span {
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
    font-size: 14px
}

.enquiry-dated p>span.accepted {
    background: rgb(39 101 223 / 6%);
    color: #2765df
}

.vendor-postlogin-header img {
    width: 55px;
    height: 55px
}

.vendor-postlogin-header .vendor-business-label {
    font-family: Montserrat, sans-serif
}

.vendor-postlogin-header .vendor-business-label .bussinessLabel {
    color: #212121;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600
}

.vendor-postlogin-header .vendor-business-label p {
    color: #888;
    font-size: 12px;
    margin-bottom: 0
}

.vendor-postlogin-header .vendor-business-label>a {
    font-size: 12px;
    color: #00796b;
    padding: 0;
    font-weight: 500
}

.vendor-postlogin-header .vendor-business-label .dropdown-menu {
    right: 0;
    left: auto;
    border: 0;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / 8%)
}

.enquiry-dated label {
    color: #888 !important;
    font-size: 12px !important
}

.enquiry-dated p {
    color: #666;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600
}

.profile-img-wrap {
    width: 110px;
    height: 110px
}

.profile-img-wrap>span {
    position: absolute;
    background: #00796b;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 32px;
    border: 4px solid #fff;
    border-radius: 50%;
    right: -8px;
    bottom: -2px
}

.profile-img-wrap img {
    margin-bottom: 0 !important;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover
}

.profile-img-name h2 {
    color: #212121;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 0
}

.profile-details-bottom {
    border-top: 1px solid #eaeaea
}

.profileIncompleteInfo {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    background: #f8f3f3;
    padding: 14px;
    border-radius: 8px
}

.profileIncompleteInfo .warnIcon {
    background: #f2173d;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #fff
}

.profileCompleteInfo p,
.profileIncompleteInfo p {
    color: #555;
    margin-bottom: 0;
    flex: 1;
    font-weight: 500
}

.emailIsverified {
    color: rgb(13 23 36 / 65%);
    font-size: 12px;
    font-weight: 600
}

.emailIsverified i {
    color: #1cac99
}

.profileCompleteInfo {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    background: #f0f7f6;
    padding: 14px;
    border-radius: 8px
}

.profileCompleteInfo .warnIcon {
    background: #00796b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #fff
}

.ver-tab>ul {
    list-style: none;
    padding: 0
}

.ver-tab>ul>li {
    padding: 10px 0
}

.ver-tab>ul>li+li {
    border-top: 1px solid #e7e7e7
}

.ver-tab>ul>li a {
    color: #888 !important;
    text-align: left !important
}

.ver-tab>ul>li.active a {
    color: #00796b !important
}

.tabMenu {
    position: sticky;
    top: 88px;
    z-index: 9
}

.tabMenu ul {
    list-style: none;
    padding: 0;
    white-space: nowrap;
    overflow-x: scroll
}

.tabMenu ul::-webkit-scrollbar {
    display: none
}

.tabMenu ul>li {
    display: inline-block
}

.tabMenu a {
    font-weight: 500;
    font-size: 14px !important;
    color: #fff !important;
    border-bottom: 2px solid transparent !important
}

.tabMenu a:hover {
    text-decoration: none;
    color: #dc9e47 !important;
    border-bottom: 2px solid #dc9e47 !important
}

.tabMenu ul>li.active>a {
    color: #dc9e47 !important;
    border-bottom: 2px solid #dc9e47 !important
}

.steps-timeline ul {
    list-style: none
}

.steps-timeline ul li {
    position: relative
}

.steps-timeline>ul>li {
    padding-bottom: 30px
}

.steps-timeline>ul>li>ul {
    padding-left: 0
}

.steps-timeline>ul>li>ul h2 {
    padding-left: 40px;
    font-size: 24px;
    padding-bottom: 5px;
    font-weight: 700
}

.steps-timeline>ul>li>ul h2 {
    border-bottom-width: 1px;
    border-bottom-style: dashed
}

.steps-timeline>ul>li:first-child {
    border-left: 1px dashed var(--theme-secondary)
}

.steps-timeline>ul>li:last-child {
    border-left: 1px dashed var(--theme-primary);
    padding-bottom: 0
}

.steps-timeline>ul>li span.step-number {
    position: absolute;
    left: -30px;
    width: 60px;
    height: 60px;
    padding: 8px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
    border-width: 1px;
    border-style: dashed;
    background: #fff;
    z-index: 1
}

.steps-timeline>ul>li span.step-number label {
    display: block;
    font-size: 20px;
    font-weight: 700
}

.steps-timeline>ul>li:first-child span.step-number {
    border-color: var(--theme-secondary);
    color: var(--theme-secondary)
}

.steps-timeline>ul>li:last-child span.step-number {
    border-color: var(--theme-primary);
    color: var(--theme-primary)
}

.steps-timeline>ul>li>ul>li>ul>li {
    padding-left: 20px;
    font-size: 14px;
    padding-bottom: 5px
}

.steps-timeline>ul>li>ul>li>ul>li:before {
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0;
    top: 0
}

.steps-timeline>ul>li:first-child ul>li>ul>li {
    color: var(--theme-secondary)
}

.steps-timeline>ul>li:last-child ul>li>ul>li {
    color: var(--theme-primary)
}

.steps-timeline>ul>li:first-child ul h2 {
    color: var(--theme-secondary)
}

.steps-timeline>ul>li:last-child ul h2 {
    color: var(--theme-primary)
}

.steps-timeline>ul>li:first-child ul h2 {
    border-bottom-color: var(--theme-secondary)
}

.steps-timeline>ul>li:last-child ul h2 {
    border-bottom-color: var(--theme-primary)
}

.steps-timeline>ul>li>ul>li:last-child h2 {
    margin-top: 20px
}

.faqSearch {
    display: flex
}

.faqSearch input {
    border-radius: var(--rounded-button) 0 0 var(--rounded-button);
    border: 1px solid rgb(0 0 0 / 45%);
    padding: 8px 30px;
    font-size: 14px;
    flex: 1
}

.faqSearch button {
    cursor: pointer;
    color: #fff;
    background: var(--theme-primary);
    border: 1px solid var(--theme-primary);
    padding: 8px 20px;
    border-radius: 0 var(--rounded-button) var(--rounded-button) 0
}

.faqLists>ul {
    list-style: none;
    padding-left: 0
}

.faqLists>ul.listing-column {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-fill: auto;
    column-fill: auto;
    min-height: 300px
}

.faqLists>ul>li {
    color: var(--theme-primary);
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    padding-bottom: 15px;
    transition: .2s all
}

.faqLists>ul>li::before {
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-weight: 600;
    left: 0;
    top: 0
}

.faqLists>ul>li a {
    color: var(--theme-primary)
}

.faqLists>ul>li a:hover {
    text-decoration: none;
    color: var(--theme-primary)
}

.faqLists>ul>li:hover {
    padding-left: 25px
}

.faqlist-sidebar {
    border-radius: 20px;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 15%);
    padding: 24px 12px 24px 24px
}

.faqlist-sidebar h2 {
    font-size: 22px;
    color: var(--theme-primary);
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: underline
}

.sidebar-scroll {
    max-height: 350px;
    overflow-y: scroll
}

.sidebar-scroll::-webkit-scrollbar {
    width: 6px
}

.sidebar-scroll::-webkit-scrollbar-track {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px
}

.sidebar-scroll::-webkit-scrollbar-thumb {
    background: var(--theme-secondary);
    border-radius: 4px
}

.sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: #555
}

.green-dot{
    background: rgb(0 0 0 / 6%);
    width: 20px;
    height: 20px;
    left: 12px;
    top: 24px;
    border-radius: 50%;
}

.green-dot span{
    background: #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 5px;
    display: block;
}

.content-list-wrap .holder input[type="radio"]{
    opacity: 0;
    position: absolute;
}

.content-list-wrap .holder input[type="radio"] + label{
    position: relative;
}

.content-list-wrap .holder input[type="radio"] + label h2{
    line-height: 34px;
}

.content-list-wrap .holder input[type="radio"]:checked + label .green-dot span{
    background: #2FBCA1;
}

.display-content{
    display: none;
}

.content-list-wrap .holder input[type="radio"]:checked + label .display-content{
    display: block;
}

.inner-radio{

}

.transfer-type{
    min-height: 80px;
}

.inner-radio .transfer-type input[type="radio"]{
   
}

.inner-radio .transfer-type input[type="radio"] + label{
   border: 1px solid #C5C5C5;
   border-radius: 6px;
   display: inline-block;
   position: absolute;
   min-width: 180px;
   top: 0;
   color: #C5C5C5;
   font-weight: 600;
   font-size: 12px;
}

.inner-radio .transfer-type input[type="radio"] + label.cash-deposit-label{
    left: 200px;
}

.inner-radio .transfer-type input[type="radio"] + label .selected-icn{
    display: none;
}

.inner-radio .transfer-type input[type="radio"]:checked + label{
   color: #036EE8;
   background: #EEF6FF;
   border: 1px solid #036EE8;
}

.inner-radio .transfer-type input[type="radio"]:checked + label .selected-icn{
    display: block;
}

.inner-radio .transfer-type input[type="radio"]:checked + label .unselected-icn{
    display: none;
}

.transfer-guide{
    display: none;
    padding-top: 80px;
}

.inner-radio .transfer-type input[type="radio"]:checked + label + .transfer-guide{
    display: block;
}

.wa-callto-action{
    background: #0FB50F;
    border-radius: 20px !important;
}

.confirm-container strong{
    color: #505050;
    font-size: 16px;
}

.confirm-container span{
    color: #7A8698;
    font-size: 14px;
    font-weight: 600;
}

.confirm-container a{
    font-size: 14px !important;
}

.success-box{
    background: #EDF9F2;
    border: 1px solid #12BE66;
    border-radius: 4px;
    padding: 10px 20px;
}

.success-box p,
.success-box strong{
    color: #12BE66;
}
.success-box p{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.success-box strong{
    font-size: 30px;
}

.cvvInfo{
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 14px !important;
}