@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');
html 								{ scroll-behavior: smooth;}
.bodyhidden							{ overflow-x: hidden;}
/*body								{ font-family: "Cal Sans", sans-serif;}*/
body								{ font-family: 'CenturyGothicPaneuropeanRegular'; background: #f2f2f2;}
*									{ padding:0px; margin:0px;}
img									{ max-width:100%; height:auto;}
p									{ margin-bottom:0px;}
h1									{}
h2									{}
h3									{}
h4									{}
h5									{}
a									{ text-decoration:none !important;}
a:hover 							{color: #fff;}
ul									{ list-style:none;}
li 									{ list-style: none}
input,select,button:focus 			{ box-shadow: none;outline: none;}
.form-control:focus					{ box-shadow: none;background: #f4f4f4;border-color:#ced4da; }
.btn.focus, .btn:focus 				{ outline: 0; box-shadow:none;}
body 								{font-family: "Poppins", sans-serif;}


.my-container 						{max-width:98%; margin:auto;}


.bg {max-width: 767px; margin:auto;}
	.logo {padding-bottom: 40px;text-align: center;}
	.logo img {width:100px;}
	.bg { background: url("../images/bg.png") no-repeat bottom center; padding: 20px 0px; height:100vh; background-size: cover; position: relative;}
	
	.bg-footer {}
	.bg-footer img {position: absolute; bottom:0px; width:100%;}
	.satg-footertext  {position:absolute; z-index: 99; width:100%; text-align: center; bottom:10px;font-weight: 700;}
	
	.bg h2 {font-size: 32px; text-transform: uppercase; color:#fff; text-align: center; font-weight: 700; }
	.bg h3 {font-size: 26px; text-transform: uppercase; color:#ffc552; text-align: center; font-weight: 700;}

.modal-body h3 {text-align:left;font-size: 19px;margin-bottom: 0px;font-weight: 600;color: #000 !important;}
.modal-body p {margin-bottom:20px;	}


.dashboard-header .logo {padding-bottom: 12px;text-align: center;}
	.dashboard-header .logo img {width:100px;}
	
	
	.bg-footer {}
	.bg-footer img {position: absolute; bottom:0px; width:100%;}
	.satg-footertext  {position:absolute; z-index: 99; width:100%; text-align: center; bottom:10px;font-weight: 700;}
	
	.dashboard-header h2 {font-size: 23px; text-transform: uppercase; color:#fff; text-align: center; font-weight: 700;}
	.dashboard-header h3 {font-size: 18px; text-transform: uppercase; color:#ffc552; text-align: center; font-weight: 700; }
	.dash-body { background: #fff;border-top-left-radius: 35px;border-top-right-radius: 35px; }
	.dash-body h2 {padding-top:20px; padding-bottom: 20px;color:#000;font-size:24px;}
	.d-card {-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2); border-radius: 20px; padding: 10px; margin-bottom: 15px;}
	.d-card div {width: 60px;height: 60px; text-align: center;border-radius: 12px; float:left; margin-right:10px;}
	.d-card img { width:40px; padding-top: 10px;}
	.d-card h4 {font-size: 15px;margin-top: 10px;}
	.reg-button { background: #1e0e71; width:100%; border-radius: 12px; margin-top: 12px; padding: 12px 0px; display: block;color:#fff; text-align: center;font-size: 20px; }
	.modal-body {}
	.modal-body ul {padding-left: 0px;}
	.modal-body ul li { margin-bottom: 10px; margin-top: 10px; border-bottom: 1px dotted #cacaca;}
	
	.modal-body h5 {font-size: 14px;}
	.modal-dialog {     max-width: 600px;
 margin: auto; padding: 36px;}
.login { margin: 50px 0px;}
	.login { margin: 50px 0px;}
	.login-box  {    max-width: 500px;margin: auto;border: 1px solid #ccc;padding: 30px 20px; border-radius:5px;}
	.login label { display: block; font-size: 20px;}
	.login input[type=text] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none; margin-bottom: 20px; border:1px solid #cacaca; }
	.login input[type=password] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none;border:1px solid #cacaca; }
	.as { font-size:20px; color:#00ca3c; display:inline-block; margin-top:15px;}
	.login input[type=submit] { height: 50px;width:100%; border-radius:50px; border:none; font-size:20px; background:#152dab; color:#fff; margin-top:15px; }
	.form-group1 { margin-bottom: 20px}
    .form-group1 label {display: block;margin-bottom: 8px;color: #000;font-size: 16px;font-weight: 500; }
    .form-group1 label .required-star {color: #ff6347;margin-left: 2px;}
    .form-group1 input[type="text"],.form-group1 input[type="email"],.form-group1 input[type="password"],.form-group1 textarea,.form-group1 select, textarea {
            width: 100%; /* Adjust for padding and border */ padding: 10px;border: 1px solid #ddd;border-radius: 5px;font-size: 15px;color: #333 !important;
            appearance: none; /* Remove default arrow for select */
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
			font-weight: 600 !important;
          
        }        .form-group {margin-bottom: 20px
            
        }
        .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #000;
            font-size: 16px;
    font-weight: 500;
        }
        .form-group label .required-star {
            color: #ff6347;
            margin-left: 2px;
        }
        .form-group input[type="text"],
        .form-group input[type="email"],
        .form-group input[type="password"],
        .form-group select, textarea {
            width: 100%; /* Adjust for padding and border */
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 15px;
            color: #333 !important; 
			font-weight: 600 !important;			
            
           
        }
	.nav-tabs 			{border: none;text-align: center;margin: auto;max-width: 600px;    margin-top: -30px;}
	.nav-tabs li 		{width: 300px;border: none;}
	.nav-tabs .nav-link {background: #cacaca;color: #000;border: none;border-radius: 0px;width: 100%;padding: 12px 30px;font-size: 20px;font-weight: 500;}
	.nav-tabs .nav-link.active {background: #152dab;color: #fff;border: none;border-radius: 0px;width: 100%;}
	.mark_table tr th {padding:8px; border-width:1px;}
	.mark_table tr td { padding:8px; border-width:1px;}
	.text-danger {
		font-size: 13px;
		margin-top: 5px;
		display: block;
	}
}


@media screen and (max-width:460px)
{
 	.logo img {width:85px !important;}
	
}

@media screen and (max-width:455px)
{
 	.logo img {width:80px !important;}
	
	.bg h2 {font-size: 38px;}
	.bg h3 {font-size: 30px;}
}
@media screen and (max-width: 379px) {
    .logo img { width: 75px !important;   }
}
@media screen and (max-width:360px)
{
.logo img {width:68px !important;}	
    .d-card h4 {
		min-height: 54px !important;}
	.satg-footertext h4 {font-size:18px !important;}
	.bg h2 {
		font-size: 27px !important;}
	.bg h3 {
		font-size: 25px !important;}
}

