:root{
    --theme-green : #0E8943;
    --theme-blue: #114984;
}

@font-face {font-family: 'Raleway-bold';src: url('../fonts/Raleway-Bold.ttf');}
@font-face {font-family: 'Raleway-semibold';src: url('../fonts/Raleway-SemiBold.ttf');}
@font-face {font-family: 'Raleway-medium';src: url('../fonts/Raleway-Medium.ttf');}
@font-face {font-family: 'Raleway-regular';src: url('../fonts/Raleway-Regular.ttf');}
@font-face {font-family: 'Figtree-bold';src: url('../fonts/Figtree-Bold.ttf');}
@font-face {font-family: 'Figtree-semibold';src: url('../fonts/Figtree-SemiBold.ttf');}
@font-face {font-family: 'Figtree-medium';src: url('../fonts/Figtree-Medium.ttf');}
@font-face {font-family: 'Figtree-regular';src: url('../fonts/Figtree-Regular.ttf');}


*{transition: all 0.5s ease;}
.main__wrapper{max-width: 400px;width: 100%;margin: 0px auto;box-shadow: 0px 0px 5px 1px #0000001f;height: 100vh;color: #000000;font-family: 'Raleway-regular';}
.btn-green{background-color: var(--theme-green);border: 1px solid var(--theme-green);color: #ffffff;transition: all 0.5s ease;font-family: 'Raleway-bold';min-width: 185px;min-height: 48px;}
.btn-green:hover{background-color: #ffffff;color: var(--theme-green);border: 1px solid var(--theme-green);}
.btn-green.disabled{pointer-events: none;color: #969696 !important;background-color: #D4D4D4 !important;border-color: #D4D4D4 !important;}
.fs-8{font-size: 8px;}
.fs-10{font-size: 10px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.clr-green{color: var(--theme-green);}
.clr-blue{color: var(--theme-blue);}
.clr-gray{color: #505054;}
.ff-figtree-bold{font-family: 'Figtree-bold';}
.ff-figtree-semibold{font-family: 'Figtree-semibold';}
.ff-figtree-medium{font-family: 'Figtree-medium';}
.ff-figtree-regular{font-family: 'Figtree-regular';}
.ff-raleway-bold{font-family: 'Raleway-bold';}
.ff-raleway-semibold{font-family: 'Raleway-semibold';}
.ff-raleway-medium{font-family: 'Raleway-medium';}



.top-navbar{height: 56px;border-bottom: 1px solid #E6E6E6}
.footer{box-shadow: 1px -5px 22.7px 0px #0000000F;height: 90px;}
.footer-title{color: #505054;}
.content{height: calc(100dvh - 146px);overflow: auto;background-color: #F8FFFA;padding: 16px;}
.white-card{box-shadow: 0px 0px 13.4px 0px #E8E8E8B8;border-radius: 16px;padding: 18px 16px;}
.green-card{background: linear-gradient(237.36deg, #F5FBF6 5.67%, #FDFFFD 93.51%);border-radius: 15px;padding: 14px 20px;}
.green-card.bg-green{background: linear-gradient(237.36deg, #F8FFFA 5.67%, #F8FFFA 93.51%);padding: 14px 10px;}
.white-card .icon_wrapper{width: 23px;}

.steps__container{gap : 0px 10px;height: 30px;}
.steps__container .step__counters {height: 5px;border-radius: 10px;background-color: #CFE9D8;}
.steps__container .step__counters.active {background-color: var(--theme-green);}
.steps__label {font-family: 'Raleway-medium';  top: -10px; right: 0; font-size: 0.75rem; position: absolute;color: #65656A;}

.customer_details_card{border-radius: 15px;border-top: 1.02px solid #E8F4ED;box-shadow: 0px 0px 5.9px 0px #0E894312;background-color: #ffffff;}
.plan__container .plan__box.active, .plan__container .plan__box:hover{border: 1px solid var(--theme-green);}
.plan__container .plan__box{box-shadow: 0px 0px 13.4px 0px #E8E8E8B8; border-radius: 16px;transition: all 0.5s ease;}
.plan-radio{opacity: 0;}
.more.hide{opacity: 0;visibility: collapse;max-height: 0px;overflow: hidden;transition: all 0.5s ease;margin-bottom: 0px !important;}
.more.show{opacity: 1;visibility: visible;transition: all 0.5s ease;max-height: 500px;margin-bottom: 1rem !important;}
.view_less_img{transform: rotate(180deg);transition: all 0.5s ease;}

.step-2-form input{margin-top: 2px;accent-color: var(--theme-green);height: 16px;width: 16px;border: 1px solid var(--theme-green) !important;}
.step-2-form label{font-size: 12px;}
.word-break{word-break: break-all;}