:root {
     --white: #ffffff;
     --black: #000000;
	 
     --primary: #1C2F3D;
     --primary_light: #445264;
     --primary_dark: #11153B;

	 	 
     --graphik_reg: graphik_reg;
     --graphik_med: graphik_med;
     --graphik_bold: graphik_bold;
     --graphik_exlight: graphik_exlight;
	 
}
 * {
     margin: 0;
     padding: 0;
	 -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     transition: all 0.5s;
}
 ul{
    list-style:none;
     padding:0;
     margin:0;
}
 li {
     list-style: none;
}
 a, a:active, a:focus, a:hover{
     outline:none;
     color: initial;
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 a:hover{
     text-decoration:none;
}

/* MAIN FONT USED BY DASHBOARD */

 @font-face {
     font-family: graphik_reg;
     src: url(../../fonts/graphik_reg.otf) format("opentype");
     font-display: swap;
}

@font-face {
     font-family: graphik_med;
     src: url(../../fonts/graphik_med.otf) format("opentype");
     font-display: swap;
}
 
@font-face {
     font-family: graphik_bold;
     src: url(../../fonts/graphik_bold.otf) format("opentype");
     font-display: swap;
}
 
@font-face {
     font-family: graphik_exlight;
     src: url(../../fonts/graphik_exlight.otf) format("opentype");
     font-display: swap;
}
 
/* END OF MAIN FONT USED BY DASHBOARD */

 html {
     -webkit-font-smoothing: antialiased;
     scroll-behavior: smooth;
}
 body {
     font-family: var(--graphik_reg);
     font-size: 15px;
	 
}
 section {
     padding: 70px 0;
	 position: relative;
}
 .object-fit {
     object-fit: cover;
     object-position: center;
   
}
/* DISPLAY CLASSES */
 .d-block {
     display: block;
}
 .d-flex {
     display: flex;
}
 .inline-block {
     display: inline-block;
}
/* END OF DISPLAY CLASSES */
/* FLEX CLASSES */
 .flex-centered {
     display: flex;
     align-items: center;
}
/* END OF FLEX CLASSES */
/* CUSTOM SCROLLBAR */
 ::-webkit-scrollbar {
     width: 4px;
}
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
}
 ::-webkit-scrollbar-thumb {
     background: var(--primary);
}
 ::-webkit-scrollbar-thumb:hover {
     background: var(--black);
}

.scf-topbar {
    background: var(--primary);
    padding: 0 30px;
    height: 80px;
    position: fixed;
    top: 0;
    z-index: 999;
    width: -webkit-fill-available;
}

a.topbar-brand img {
    max-width: 78px;
}

a.topbar-brand span {
    font: normal normal 30px/50px var(--graphik_reg);
    letter-spacing: -1.2px;
    color: #FFFFFF;
    opacity: 1;
}

a.topbar-brand span em {
    font: normal normal 36px/50px var(--graphik_exlight);
    letter-spacing: -1.44px;
    color: #FFFFFF;
    opacity: 1;
}


li.nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

hr.verticle-divider {
    border-left: 1px solid #E3E5E7;
    opacity: 1;
    width: 1px;
    margin: 0 30px;
    height: 30px;
    border-top: none;
}


a.topbar-evoco img {
    max-width: 100%;
    height: 32px;
}

.ml-auto, .mx-auto {
    margin-left: auto!important;
}

.top_bar_nav a {
    font: normal normal 12px/16px var(--graphik_reg);
    letter-spacing: -0.48px;
    color: #FFFFFF;
    opacity: 1;
}

li.nav-item a:hover {
    color: #fff;
}

.top_bar_nav .fa-caret-down {
    padding-left: 10px;
}

img.calendar_ico {
    padding-right: 10px;
}

hr.verticle-divider2 {height: 80px;border: 1px solid #30435D;opacity: 1;margin: 0 30px;}

.img-profile.rounded-circle {
    max-width: 35px;
    margin: 0px 16px 0px 0px;
    width: 35px;
    float: left;
}

.topbar_user_greet {
    display: block;
    font: normal normal normal 12px/16px var(--graphik_reg);
    letter-spacing: -0.48px;
    color: #FFFFFF;
    opacity: 1;
    float: left;
    width: 127px;
}

.topbar_user_name {
    font: normal normal 16px/22px var(--graphik_med);
    letter-spacing: -0.64px;
    color: #FFFFFF;
    display: block;
    width: inherit;
}

a.nav-link.top_bar_user {
    display: inline-block;
    width: 100%;
    padding: 0 !important;
}

.topbar_user_name i.fa-solid {
    padding-left: 20px;
}

/* BANNER SECTION CSS STARTS */

.banner-section {
    height: 100vh;
    background: url('../../images/scf_banner.png');
    display: flex;
    align-items: center;
	    background-size: cover;
padding-top: 80px;
}

.banner_cards_left_wrapper {
    height: 670px;
    background: rgb(255 255 255 / 14%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 50px #0000001a;
    border-radius: 16px;
    opacity: 1;
    display: flex;
    align-items: center;
    padding: 0 0px 0 70px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.lg_card_content h1 {
    font: normal normal 60px/70px var(--graphik_med);
    letter-spacing: -1.2px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}

.cta_btn {
    width: 180px;
    height: 60px;
    border-radius: 8px;
    opacity: 1;
    align-items: center;
    display: flex;
    justify-content: center;
}

.banner_btn_grid {
    display: grid;
    grid-template-columns: 180px 180px;
    column-gap: 10px;
    margin-top: 30px;
}

a.btn.btn_white {
    background: #fff;
    font: normal normal 12px/16px var(--graphik_med);
    letter-spacing: 0px;
    color: #041E4E;
    text-transform: uppercase;
    opacity: 1;
}

a.btn.btn_white:hover {
    background: #fff;
}

a.btn.btn_border:hover {
    border: 2px solid #FFFFFF;
    color: #fff;
}

a.btn.btn_border {
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    font: normal normal 12px/16px var(--graphik_med);
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.banner_cards_wrapper{
    margin: 0;
    padding: 0 70px;
}


.lg_card_stepper {
    height: 560px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 50px #0000001a;
    border-radius: 16px;
    opacity: 1;
    padding: 0;
    width: 36%;
}

.lg_card_content {
    padding-right: 90px;
}

.banner_lg_card {
    align-items: center;
}


span.stepper_head_sm {
    font: normal normal 18px/32px var(--graphik_med);
    letter-spacing: -0.36px;
    color: #AFB0B1;
    text-transform: capitalize;
    opacity: 1;
}

.stepper_head span {
    display: block;
}

span.stepper_head_lg {
    font: normal normal 30px/32px var(--graphik_med);
    letter-spacing: -0.6px;
    color: #243245;
    text-transform: capitalize;
    opacity: 1;
}

.stepper_head {
    padding: 20px;
    border-bottom: 1px dashed #ccc;
}

.stepper_wrapper {
    display: grid;
    grid-template-columns: 60px auto;
    align-items: center;
    padding: 20px;
    border-bottom: 1px dashed #ccc;
    column-gap: 20px;
    height: 110px;
}

span.stepper_counter {
    display: flex;
    width: 60px;
    height: 60px;
    background: #F7F8FA 0% 0% no-repeat padding-box;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    font: normal normal 24px/32px var(--graphik_med);
    letter-spacing: -0.48px;
    color: #243245;
    text-transform: capitalize;
position: relative;
    opacity: 1;
}

.stepper_text p {
    margin: 0;
    font: normal normal 20px/40px var(--graphik_med);
    letter-spacing: -0.4px;
    color: #243245;
    text-transform: capitalize;
    opacity: 1;
}

.stepper_text span {
    font: normal normal 14px/20px var(--graphik_reg);
    letter-spacing: -0.28px;
    color: #ABAEC5;
    text-transform: uppercase;
    opacity: 1;
}

.stepper_wrapper:last-child {
    border-bottom: none;
}

.disabled_counter span.stepper_counter, .disabled_counter .stepper_text {opacity: 0.5;}

span.stepper_counter:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 0;
    height: 50px;
    border: 1px dashed #656565;
    margin: 0 auto;
    bottom: -50px;
}

.stepper_wrapper:last-child span.stepper_counter:after {
    opacity: 0;
}



span.cards_sm_head {
    display: block;
    font: normal normal 24px/32px var(--graphik_med);
    letter-spacing: -0.48px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 20px;
}

.banners_sm_card_wrapper {
    margin-top: 20px;
}

.sm_card_wrapper {
    height: 110px;
    background: rgb(255 255 255 / 4%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 40px rgb(0 0 0 / 3%);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    overflow: hidden;
    backdrop-filter: blur(31px);
    -webkit-backdrop-filter: blur(31px);
}


.sm_card_grid_wrapper {
    display: grid;
    grid-template-columns: 295px 295px 295px 295px;
    justify-content: space-between;
}

.sm_card_text p {
    margin: 0;
    font: normal normal 18px/26px var(--graphik_reg);
    letter-spacing: -0.72px;
    color: #FFFFFF;
    opacity: 1;
}

.icon_div {
    float: left;
    margin-right: 15px;
    position: relative;
    width: 83px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_div i {
    font-size: 18px;
    color: #fff;

    position: relative;
}

.sm_card_text {
    display: flex;
    justify-content: center;
    position: relative;
}


.sm_card_wrapper:hover .icon_div:before {
    transform: none;
}




/* BANNER SECTION CSS ENDS */

/* FAQ SECTION CSS STARTS */

.faq_section {
    background: #F9F9F9;
    padding: 70px 80px;
}


.faq_head {
    font: normal normal 24px/32px var(--graphik_med);
    letter-spacing: -0.48px;
    color: #243245;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 30px;
    display: block;
}

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

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


.faq_accordion_wrapper .accordion-flush .accordion-item {
    margin-bottom: 20px;
    box-shadow: 0px 20px 40px #0000000D;
    border: 1px solid #E3E3E3;
    border-radius: 16px !important;
    opacity: 1;
    overflow: hidden;
    background: transparent;
}



.faq_accordion_wrapper .accordion-button:focus {
    border: none;
    box-shadow: none;
    background: none;
}

.faq_accordion_wrapper .accordion-body {
    border-top: 1px dashed #ccc;
    background: #fff;
    padding: 20px 30px;
}

.faq_accordion_wrapper .accordion-button {
    font: normal normal 20px/40px var(--graphik_med);
    letter-spacing: -0.4px;
    color: #243245;
    text-transform: capitalize;
    opacity: 1;
}

.faq_accordion_wrapper .accordion-body p {
    margin: 0;
    font: normal normal 14px/20px var(--graphik_med);
    letter-spacing: 0px;
    color: #243245;
    opacity: 0.5;
    width: 574px;
}

.faq_accordion_wrapper .accordion-button:not(.collapsed) {
    background: #fff;
    color: inherit;
}

.faq_accordion_wrapper .accordion-button {
    background: transparent;
    padding: 20px 30px;
}

.btn_dark {background: #243245 0% 0% no-repeat padding-box;font: normal normal 12px/16px var(--graphik_med);letter-spacing: 0px;color: #FFFFFF;text-transform: uppercase;opacity: 1; border: none;}

a.btn.btn_dark:hover {
    background: #243245;
    color: #fff;
border: none;
}


.cta_block_wrapper {
    height: 450px;
    background: url(../../images/cta_block.png) #fff;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    border-radius: 16px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: right;
    width: 90%;
    margin-left: auto;
}

span.cta_block_sm {
    font: normal normal normal 18px/42px var(--grpahik_reg);
    letter-spacing: -0.36px;
    color: #85898C;
    text-transform: capitalize;
    opacity: 1;
}

.cta_block_wrapper span {
    display: block;
}

.cta_block_lg {
    font: normal normal 30px/42px var(--graphik_med);
    letter-spacing: -0.6px;
    color: #394058;
    text-transform: capitalize;
    text-align: center;
    opacity: 1;
}

.btn_border_dark {
    border: 1px solid #394058;
    font: normal normal 12px/18px var(--graphik_med);
    letter-spacing: 0px;
    color: #394058;
    text-transform: uppercase;
    opacity: 1;
}

.btn.btn_border_dark:hover {border: 1px solid #394058;}

.cta_grid_wrapper {
    display: grid;
    grid-template-columns: 180px 180px;
    column-gap: 10px;
    margin-top: 20px;
}

/* FAQ SECTION CSS ENDS */


/* FOOTER CSS STARTS */

.scf-footer {
    background: #394058;
}

.scf_footer_urls {
    display: flex;
    align-items: center;
    padding: 10px 90px;
    height: 100px;
}


.scf_footer_left ul li a, .scf_footer_left ul {
    font: normal normal 12px/16px var(--graphik_reg);
    letter-spacing: -0.48px;
    color: #ABAEC5;
    opacity: 1;
    display: flex;
}

.scf_footer_left ul li {
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    border-right: 2px solid #ABAEC5;
}

.scf_footer_right a {
    font: normal normal 12px/16px var(--graphik_reg);
    letter-spacing: -0.48px;
    color: #ABAEC5;
    opacity: 1;
}

.scf_footer_left ul li:last-child {
    border: none;
}


.scf_footer_right {
    text-align: right;
}

.scf_footer_left {
    text-align: left;
}

/* FOOTER CSS ENDS */





/* ONBOARDING CSS STARTS */

.onboarding_sec {
    height: 100vh;
    padding-top: 80px;
    padding-bottom: 0;
    background: #F5F6F8;
}

.left_stepper_accordion {
    background: url(../../images/stepper_bg.png);
    height: 100vh;
    max-width: 500px;
    padding: 10px 0 0;
    position: fixed;
    background-size: cover;
    background-position: bottom;
}

.left_stepper_accordion:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #243245;
    z-index: -1;
    mix-blend-mode: saturation;
}

.left_stepper_accordion_wrapper .accordion, .left_stepper_accordion_wrapper .accordion-item {
    background: transparent;
    border: none;
    padding: 0;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    border-radius: 0;
}

.left_stepper_accordion_wrapper .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
    border: none;
    color: #fff;
}

.left_stepper_accordion_wrapper .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.left_stepper_accordion_wrapper .accordion-button {
    background: transparent;
    color: #fff;
    height: 100px;
}

.left_stepper_accordion_wrapper button.accordion-button {
    color: #fff;
}

.left_stepper_accordion_wrapper .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }
 
 .step_head_wrapper {
    display: grid;
    grid-template-columns: 80px auto auto;
    align-items: center;
}

span.step_count {
    display: flex;
    justify-content: center;
    height: 60px;
    width: 60px;
    border: 1px solid;
    align-items: center;
    border-radius: 100px;
    font: normal normal  24px/32px var(--graphik_med);
    letter-spacing: -0.48px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
	position:relative;
}

span.step_count:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 40px;
    width: 0;
    border: 1px solid #fff;
    bottom: -45px;
    transition: all 0.5s ease;
}


.disabled_accordion span.step_count {
    border: none;
    background: #ffffff1a;
}

.accordion-button.step_head_wrapper.collapsed span.step_count:after, .disabled_accordion span.step_count:after {
    opacity: 0;
}
.disabled_accordion {
    opacity: 0.5;
}

.step_text span {display: block;}

span.step_head_sm {
    font: normal normal 14px/35px var(--graphik_reg);
    letter-spacing: -0.28px;
    color: #ABAEC5;
    text-transform: uppercase;
    opacity: 1;
}

span.step_head_lg {
    font: normal normal 20px/20px var(--graphik_med);
    letter-spacing: -0.4px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}

.step_text {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    align-self: center;
}


span.timeline_text {
    font: normal normal 14px/40px var(--graphik_reg);
    letter-spacing: -0.28px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}

.stepper_timeline_grid {
    display: grid;
    grid-template-columns: 80px auto;
    align-items: center;
    cursor: pointer;
    margin-bottom: 38px;
}

span.timeline_status {
    width: 15px;
    height: 15px;
    border: 3px solid #FFFFFF;
    opacity: 1;
    border-radius: 100px;
    display: flex;
    justify-content: center;
}

span.timeline_status_span {
    display: flex;
    justify-content: center;
    width: 60px;
    position: relative;
}

span.timeline_status_span:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 22px;
    border: 1px dashed rgb(255 255 255 / 50%);
    width: 0;
    height: 50px;
}

span.timeline_status_span:last-child:before {
    display: none;
}

.stepper_timeline_grid:last-child {
}

.stepper_timeline_grid:last-child span.timeline_status_span:before {
    opacity: 0;
}

.disabled_stepper_timeline_grid span.timeline_status, .disabled_stepper_timeline_grid span.timeline_text {
    opacity: 0.5;
}

/* RIGHT COL CSS STARTS */


a.custom_tolltip.question_tooltip {
    position: absolute;
    right: -120px;
    top: 25px;
    background: none;
}

.right_stepper_accordion_wrapper {
    position: relative;
}

.right_stepper_accordion_wrapper .accordion-body {
    padding: 50px 40px;
}

.back_btn {
    margin-bottom: 20px;
}

.right_stepper_accordion_row_wrapper {
    padding: 1rem 1rem 5rem 1rem;
    max-width: 1112px;
    margin: 0;
}

.back_btn a {
    font: normal normal 18px/40px var(--graphik_med);
    letter-spacing: -0.36px;
    color: #85898C;
    text-transform: capitalize;
    opacity: 1;
}

.right_stepper_accordion {
    margin-top: 10px;
    padding: 0 60px;
    background: #F5F6F8;
}

.right_stepper_accordion_wrapper .accordion-button {
    background: #ECEDF0;
    border: none;
    overflow: hidden;
    height: 90px;
    border-radius: 16px;
    display: inline-grid;
    padding: 1rem 40px;
}

.right_stepper_accordion_wrapper .accordion-button:focus {box-shadow: none;}

.right_stepper_accordion_wrapper .accordion-item {
    border: none;
    margin-bottom: 20px;
    border-radius: 16px !important;
    overflow: hidden;
    background: transparent;
}




span.accordion-button-head-sm {font: normal normal 14px/20px var(--graphik_reg);letter-spacing: -0.28px;color: #8E94AB;text-transform: uppercase;opacity: 1;}

span.accordion-button-head-lg {font: normal normal 30px/40px var(--graphik_med);letter-spacing: -0.6px;color: #394058;opacity: 1;}

.accordion-button::after {
    position: absolute;
    right: 30px;
}


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

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


.accordion_form_wrappper label.form-label {
    font: normal normal 20px/40px var(--graphik_med);
    letter-spacing: -0.4px;
    color: #394058;
    opacity: 1;
}



.accordion_form_wrappper input.form-control {
    width: 450px;
    height: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px;
    font: normal normal 14px/20px var(--graphik_med);
    letter-spacing: 0px;
    color: #11153B;
    opacity: 1;
    border: none;
}




.accordion_form_wrappper input.form-control::placeholder, .accordion_form_wrappper textarea.form-control::placeholder {
    font: normal normal 14px/20px var(--graphik_reg);
    letter-spacing: 0px;
    color: #E3E3E3;
    opacity: 1;
}

.temp_btn_grid {
    display: grid;
    grid-template-columns: 160px 160px auto;
    column-gap: 20px;
    align-items: center;
}

.temp_btn_grid2 {
    display: grid;
    grid-template-columns: 160px auto 160px auto;
    column-gap: 20px;
    align-items: center;
}

.temp_btn_grid a.btn, .temp_btn_grid2 a.btn {
    width: 160px;
}

a.btn.white_bg_btn {
    background: #fff;
    font: normal normal 14px/20px var(--graphik_med);
    letter-spacing: 0px;
    color: #1C2F3D;
    opacity: 1;
}

a.btn.white_bg_btn:hover {
    background: #fff;
}

a.custom_tolltip {
    width: 20px;
    height: 20px;
    background: #1C2F3D 0% 0% no-repeat padding-box;
    text-align: center;
    border-radius: 60px;
    letter-spacing: -0.28px;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    justify-content: center;
    font-size: 14px;
    align-items: center;
}

.tooltip-inner {
    background-color:#FFEDCC;
    opacity: 1 !important;
    font: italic normal  10px/1.4 var(--graphik_med);
letter-spacing: 0px;
color: #1C2F3D;
opacity: 1;
    text-align: left;
    padding:10px 20px;
      left:-25px;
    position: absolute;

    width: 230px;
height: 60px;
background: #FFEDCC 0% 0% no-repeat padding-box;
border-radius: 16px;
opacity: 1;
}


.tooltip-arrow::before {
    border-bottom-color: #FFEDCC !important;
   
}


.accordion_form_wrappper input.form-control:focus {
    box-shadow: none;
    border-color: var(--primary);
}

.toggle_wrapper_div {
    display: grid;
    grid-template-columns: 194px 194px 194px;
    column-gap: 170px;
}

span.toggle_text {
    font: normal normal 20px/30px var(--graphik_med);
    letter-spacing: -0.4px;
    color: #394058;
    opacity: 1;
}

/* toggle button start */

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F7F8FA;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: #E3E3E3;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #6DBB99;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

input:checked + .slider:before {
    background: #fff;
}



/* toggle button ends */

.toggle_wrapper {
    height: 102px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.additional_info_input textarea {
    width: 900px;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px;
    opacity: 1;
}

/* RIGHT COL CSS ENDS */

/* ONBOARDING CSS ENDS */