.checkbox {width:20px;}
.white-text {color:#fff;}
.blue-bg {background:#2d2a95;}
p {font-weight:normal;padding:0px 10px;font-size:16px;}
h3 {margin:5px; padding:5px;}
.ul-img {position:absolute;margin-left:-80px;margin-top:-6px;}
.list1 {padding:10px; margin:10px;width:70%; margin:0 auto;}
.list1 li {padding:10px;border-bottom:1px solid #2d2a95;font-size:17px; list-style-type:none;}
.list2 {padding:10px; margin:10px; margin:0 auto;}
.list2 li {padding:20px;border-bottom:1px solid #2d2a95;list-style-type:none;display: table; margin: 0 auto;font-size:17px;}
.border-right {border-right:1px solid #2d2a95;}
.p-5 {padding:25px 0px;}
.font-0 {font-size:20px;font-weight:bold;}
.font-1 {font-size:30px;font-weight:bold;}
.font-3 {font-size:22px;}
.blue-text {color:#303192;font-weight:bold;}
.text-center {text-align:center;}
.gray-bg {background:#f4f4f4;}
.white-bg {background:#ffffff;}

.form-dv{
	padding: 7px 0px 0px 0px;
	border-radius: 17px;
	width:90%;
	background-color: #dbe9f5;
	height:430px !important;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
input,select{
		    margin: 8px 0px;
		    border: 1px solid #dedede;
		    border-radius: 5px;
		    padding: 10px 10px;
		    width: 85%;
		    color: #2d2a95;
		    background-color: #ffffff;
	}
select{
	  width: 90%;
	  height: 35px;
	  color: gray;
	  padding: 0px;
	}

input:focus,select:focus{outline: none;}
button{
	 width: 80%;
     border: none;
	background-color: #e93028;
    color: white;
    font-size: 18px;
    padding: 10px;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 20px;
	text-transform:uppercase;
	font-weight: bold;
}
.check-box{
	display: grid;
	grid-template-columns: 8% 90%;
	align-items: self-start;
	font-size: 11px;
	margin-top: 6px;
	color: #666666;
	padding: 0px 24px;
	text-align: justify;
}

.btn-primary {text-transform: uppercase;cursor:pointer;background:#2b2e8c;color: #fff;width: 60%;border: none;padding: 12px 10px;font-weight: 600;font-size: 16px;/* box-shadow: 0px 1px 0px 1px #7f7f7f; */margin-top: -20px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}


 body {
            font-family:poppins !important;
            margin: 0;
			padding:0px;
            background-color: #ffffff;
			font-size:14px;
        }
		.responsive { width: 100%;height: auto;}
		.container-fluid {width:98%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
		.container {width:80%;position:relative;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}


		.col-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
        }
		.col-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
		.col-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
		.col-1 {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }
		
		.col-4, .col-3, .col-2, .col-1 {
            gap: 10px;
            padding: 10px;
            border-radius: 8px;
           /*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
        }
		
		
		.col-8-4 {
		    display: grid;
		    grid-template-columns: 60% 40%;
		}
		
	

        .grid-item {
            background-color: #4CAF50;
            color: white;
            padding: 20px;
            text-align: center;
            font-size: 18px;
            border-radius: 5px;
        }

        /* Responsive Grid */
        @media (max-width: 768px) {
			.list1 {width:90%;}
			.list1 li {padding: 10px;border-bottom: 1px solid #2d2a95;font-size: 17px;list-style-type: none; margin-left: 49px;}
			.order-1 {order:1;}
			.order-2 {order:2;}
            .col-4, .col-3, .col-2  {display: grid; grid-template-columns: repeat(2, 1fr);}
			form {width:100%;}
			.border-right  {border-right:none;}
			
			.container-fluid {width:90%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
		.container {width:90%;position:relative;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
		.col-8-4 { display: grid;grid-template-columns:100%;}
		.font-1 {font-size:27px;}
		.form-dv {width:100%;}
        }

        @media (max-width: 480px) {
			.col-mob-4 { display: grid !important; grid-template-columns: repeat(1, 1fr) !important;}
            .col-4 {display: grid; grid-template-columns: repeat(2, 1fr);}
			.col-8-4 {display: grid; grid-template-columns:100%;}
			p {font-size:14px;}
			.font-1 {font-size:27px;}
			.form-dv {width:100%;}
        }