@import url('/../../../../fonts_googleapis_com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--bg: #F3F4F8;
	--blue: #2E2F74;
	--white: #ffffff;
	--gray: #737373;
	--sky: #6FA9DC;
	--light-gray: #e5e5e5;
}
html,body {
	padding: 0;
	margin: 0;
	max-width: 100%;
    overflow-x: hidden;

}

.roboto-thin {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
}
.roboto-light {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.roboto-black {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: normal;
}
.roboto-thin-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: italic;
}
.roboto-light-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: italic;
}
.roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
}
.roboto-medium-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
}
.roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
}
.roboto-black-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: italic;
}
.enum-fs-1 {
	font-size: 36px; 
}
.enum-fs-2 {
	font-size: 28px; 
}
.enum-fs-3 {
	font-size: 24px; 
	padding: 10px 25px 10px 25px !important;
}
.enum-fs-4 {
	font-size: 20px; 
}
.enum-fs-5 {
	font-size: 18px; 
}
.enum-fs-6 {
	font-size: 16px; 
}
.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400!important;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
} 
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
} 
.bg {
	background-color: var(--bg);
}
.blue {
	background-color: var(--blue);
}
.white {
	background-color: var(--white);
}
.gray {
	background-color: var(--gray);
}
.sky {
	background-color: var(--sky);
}
.light-gray {
	background-color: var(--light-gray);
}
.bg-color {
	color: var(--bg);
}
.blue-color {
	color: var(--blue);
}
.white-color {
	color: var(--white);
}
.gray-color {
	color: var(--gray);
}
.sky-color {
	color: var(--sky);
}
.text-color{
	color: #757575;
}
.enum-scrren-bg {
	background: url("/static/enumeracy_assets/css/img/bg-desktop.svg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.enum-white-bg {
	background: url("/static/enumeracy_assets/css/img/bg-white.svg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

.enum-header-bg {
	background: var(--bg);
	padding: 15px 30px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.enum-header-white-bg {
	background: var(--white);
	padding: 15px 30px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); 
}
.list-style {
	list-style: none;
}
.mob {
	display: none; 
}
.desk {
	display: block; 
}
.dropdown-menu {
	width: 11rem!important;
}
.path-radius {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px; 
}
.needhelp {
	position: fixed;
	right: 0;
	background: #F0F9FF;
	border-radius: 12px 0 0 12px;
	border: 1px solid #6FA9DC;
}
.need-title {
	font-size: 12px;
	padding: 0 10px;
	font-weight: 600;
}
.sticky-hints {
	position: fixed;
	bottom: 30px;
	right: 0;
	border: 1px solid #6FA9DC;
	border-radius: 15px 0 0px 15px;
	background: #F0F9FF;
	width: 12rem;
}
.lh-1_2{
	line-height: 1.2;
}
.hints-wrapper {
	.title {
		background: #11124E;
		color: #fff;
		border-radius: 15px 0 0;
		padding: 5px 5px 5px 35px;
	}
	.hints-content {
		padding: 8px 30px;
		max-height: 228px;
		overflow-y: auto;
	}
}
.btn {
	border: 1px solid var(--blue)!important; 
}

.rounded-icon {
	position: absolute;
	top: -14px;
	left: -30px;
}
.icon-w-40{
	width: 40px;
}
.table-header{
	padding: 10px 30px;
    font-size: 18px;
    background: rgb(111 169 220 / 20%);
	color: #737373;
}
table, th, td {
	border: 1px solid #C4C4C4;
	border-collapse: collapse;
	color: #737373;
}
.table-data{
    padding: 5px 15px;
    font-size: 24px;
    text-align: center;
}
.w-10 {
    width: 10%;
}
.desk-px-5{
	padding-left: 3rem ;
	padding-right: 3rem ;
}
#dropdownMenu2{
	width: 24px;
}
.hidden{
	visibility: hidden;
}
.white_box{
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(189,189,189,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 1);
    box-shadow: 0px 0px 5px 0px rgba(189,189,189,1);
    padding: 10%;
}
.white_box:hover{
	background: #D2CCFA;
}
.box_title{
    font-family: 'Roboto';
    font-weight: 500;
    padding: 5%;
}
.title{
    font-size: 36px;
    font-weight: 400!important;
}
.main-box {
    padding: 2%;
    border-radius: 12px;
    border: 1px solid #0d6efd;
    margin: 0;
    margin-bottom: 2%;
}

.tab-text {
    color: #737373;
    font-size: 20px;
    line-height: 2;
    font-weight: 500;
}
.book-p-4{
	padding: 1.5rem 1%;
}
/* Phones up to 600px */

@media only screen and (max-width: 600px) {
		.mob {
			display:block; 
		}
		.desk {
			display: none ; 
		}
		.enum-header-white-bg {
			background: var(--white);
			padding: 15px 10px;
			box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
		}
		.btn {
			border: 1px solid var(--blue) !important;
			width: 65% !important;
		}
		.mob-py-3{
			padding-top: 10%!important;
			padding-bottom: 10%!important;
		}
		.mob-py-1{
		    padding-top: 1rem;
		    padding-bottom:  1rem;
		} 
		.mob-px-1{
		    padding-left: 1rem;
		    padding-right: 1rem;
		}
		.mob-my-2{
			margin-top: 5% !important;
			margin-bottom: 5% !important;
		}
		.mob-m-0{
			margin: 0!important;
		}
		.mob-mt-0{
			margin-top: 0!important;
		}
		.enum-fs-1 {
			font-size: 30px; 
		}
		.enum-fs-2 {
			font-size: 26px; 
		}
		.enum-fs-3 {
			font-size: 14px; 
		    line-height: 16px;
		
			padding: 10px 24px 10px 24px !important;

		}
		.enum-fs-4 {
			font-size: 16px; 
		}
		.enum-fs-5 {
			font-size: 14px; 
		}
		.enum-fs-6 {
			font-size: 12px; 
		}
		.menu-links li a {
			display: block;
			padding-right: 15px;
		}
		.floatingButtonWrap {
			display: block;
			/* position: fixed; */
			bottom: 45px;
			right: 45px;
			z-index: 999999999;
			margin-top: 40%;
		}
		
		.floatingButtonInner {
			position: relative;
		}
		
		.floatingButton {
			display: block;
			width: 60px;
			height: 60px;
			text-align: center; 
			color: #fff;
			line-height: 50px;
			position: absolute;
			border-radius: 50% 50%;
			bottom: 0px;
			right: 0px; 
			/* opacity: 0.3; */
			opacity: 1;
			transition: all 0.4s;
		}
		
		.floatingButton .fa {
			font-size: 15px !important;
		}
		
		.floatingButton.open,
		.floatingButton:hover,
		.floatingButton:focus,
		.floatingButton:active {
			opacity: 1;
			color: #fff;
		}
		
		
		.floatingButton .fa {
			transform: rotate(0deg);
			transition: all 0.4s;
		}
		
		.floatingButton.open .fa {
			transform: rotate(270deg);
		}
		
		.floatingMenu {
			position: absolute;
			bottom: 60px;
			right: 0px;
			/* width: 200px; */
			display: none;
		}
		
		.floatingMenu li {
			width: 100%;
			float: right;
			list-style: none;
			text-align: right;
			margin-bottom: 5px;
		}
		
		.floatingMenu li a {
			padding: 8px 15px;
			display: inline-block;
			background: #ccd7f5;
			color: #6077b0;
			border-radius: 5px;
			overflow: hidden;
			white-space: nowrap;
			transition: all 0.4s;
			/* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
			box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
			-webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
			box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
			text-decoration: none;
			width: 90px;
			font-size: 12px;
		}
		
		.floatingMenu li a:hover {
			margin-right: 10px;
			text-decoration: none;
		}
		.img-header{
			width: 22px;
		}
		.hind-popup{
		    width: 30%;
		    position: fixed;
		    bottom: 10%;
		    right: 5%;
		    margin: 0;
		}
		.hind-popup > .modal-content{
		    background: #0000!important;
		    border: 0;
		}
	    .btn {
	        border: 1px solid var(--blue) !important;
	        width: 107% !important;
	        margin-bottom: 5%;
	    }

	    .enum-order-1 {
		    order: 1 !important;
		}
	    .enum-order-2 {
		    order: 2 !important;
		} 
		.mob-w-100{
			width: 100%!important;
		}
		.pop-up-box {
			background: #fff;
			border-radius: 14px;
			width: 84%!important;
		}
		.header-pop-up {
			background: #623CE7;
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
			padding: 12px;
			color: #fff;
			font-size: 20px!important;
		}
		.main-titles-pop-up {
			font-size: 20px!important;
			font-weight: 600;
			color: #2E2F74;
		}
		.text-pop-up {
			font-size: 20px!important;
			padding: 2% 5%;
			color: #737373;
			line-height: 1.2;
		}
	}
	
	/* Tablets (601px to 900px) */
	
	@media only screen and (min-width: 601px) and (max-width: 900px) {
	
		.btn {
			border: 1px solid var(--blue) !important;
			width: 100% !important;
		}
		.enum-fs-1 {
			font-size: 32px; 
		}
		.enum-fs-2 {
			font-size: 20px; 
		}
		.enum-fs-3 {
			font-size: 18px; 
			padding:  16px 42px 10px 42px !important;
			line-height: 28px;

		}
		.enum-fs-4 {
			font-size: 16px; 
		}
		.enum-fs-5 {
			font-size: 14px; 
		}
		.enum-fs-6 {
			font-size: 12px; 
		}
		.menu-links li a {
			display: block;
			padding-right: 15px;
		}
		.img-header{
			width: 22px;
		}
		.title {
		    font-size: 32px;
		    font-weight: 400 !important;
		}
		.btn{
			width: 100%!important;
		}
		.mtop{
			margin-top: 5%;
		}
		.mob-w-100{
			width: 100%!important;
		}
		.pop-up-box {
			background: #fff;
			border-radius: 14px;
			width: 90%!important;
		}
		.header-pop-up {
			background: #623CE7;
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
			padding: 12px;
			color: #fff;
			font-size: 20px!important;
		}
		.main-titles-pop-up {
			font-size: 24px!important;
			font-weight: 600;
			color: #2E2F74;
		}
		.text-pop-up {
			font-size: 20px!important;
			padding: 2% 5%;
			color: #737373;
			line-height: 1.2;
		}
	}
	
	/* Medium-sized Laptops (901px to 1199px) */
	
	@media only screen and (min-width: 901px) and (max-width: 1199px) {
	
		.btn {
			border: 1px solid var(--blue) !important;
			width: 100% !important;
		}
		.mob-w-100{
			width: 100%!important;
		}
		.pop-up-box {
			background: #fff;
			border-radius: 14px;
			width: 75%!important;
		}
		.header-pop-up {
			background: #623CE7;
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
			padding: 12px;
			color: #fff;
			font-size: 20px;
		}
		.main-titles-pop-up {
			font-size: 24px!important;
			font-weight: 600;
			color: #2E2F74;
		}
		.text-pop-up {
			font-size: 20px!important;
			padding: 2% 5%;
			color: #737373;
			line-height: 1.2;
		}
	}
	
	/* Large Desktops (1200px to 1799px) */
	
	@media only screen and (min-width: 1200px) and (max-width: 1799px) {
	
	/* Your styles for laptops and desktops go here */
	
	}
	
	/* Extra-large Displays (1800px and above) */
	
	@media only screen and (min-width: 1800px) {
	
	/* Your styles for extra large displays go here */
	
	}

	@media only screen and (max-width: 320px) {
		.enum-fs-3 {
			font-size: 10px;

		}
	}