@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700,800&display=swap');
body
{
	font-family: 'Fira Sans', sans-serif;
	margin: 0 auto;
}
 
/*****header**********/
.container{width: 100%; margin: 0 auto;}
.top{width: 1170px; margin: 0 auto; background-color: #fff;}
.logo{width: 50%; float: left; padding: 30px 0px;}
.ards-call{width: 100%;  }
.ards-call span{width: 100%; float: left; padding: 40px 0px;}
.ards-call span p{font-size: 14px; color: #000; margin: 0px; padding: 0px;}

.menu-container{background-color: #047592; width: 100%;}
.menu{width: 1170px; margin: 0 auto; padding: 20px 0px;}
.menu ul{margin: 0px; padding: 0px;float: left;}
.menu li {margin: 0px; padding: 0px 30px; float: left; list-style: none;}
.menu li a{color: #fff; text-decoration: none;}

.carea{width: 100%; margin: 0 auto;}
.cbox{width: 1170px; margin: 0 auto; background-color: #fff;}
.box-cont{width: 80%; margin: 0 auto; }
.box1{width: 45%; float: left; background-color: #b2d77f; padding: 20px 20px;}
.box1 p{font-size: 13px; padding: 0px; margin: 0px; font-family: arial; line-height: 26px;}
.box1 button{background-color: #fff; border-radius: 4px; padding: 10px; text-align: center;}
.box2{width: 45%; float: left; background-color: #82e5e1; padding: 20px 20px;}
.box2 p{font-size: 13px; padding: 0px; margin: 0px; font-family: arial; line-height: 26px;}
.box2 button{background-color: #fff; border-radius: 4px; padding: 10px; text-align: center;}

.footer{background-color: #000; padding: 6px; text-align: center;}
.footer p{color: #fff;}
.spc1{width: 100%; height: 100px;}
/*****header**********/



.frm-area{background-color: #cce2e0; border-radius: 20px; padding: 30px;}
.frm-area h2{font-size: 2.3076923076923rem; color: #00b2b8; margin: 0px; padding: 0px; font-weight: 400;}
.frm-area ul{margin: 0px; padding: 0px;}
.frm-area li{float: left; width: 48%; list-style: none; border: solid 1px #ccc; display: block; padding: 10px 10px 20px 10px;}
.frm-area li p{padding: 0px; margin: 0px; font-size: 13px; color: #000; font-family: Arial; font-weight: bold; }
.frm-area li input{padding: 10px 15px; width: 100%;}
.frm-area li textarea{padding: 10px 15px; width: 100%;}
.frm-area li select{padding: 11.3px 15px; width: 100%; height: 41.6px;}
.submit{background-color: #0085ba; color: #fff; font-size: 18px; border-radius: 6px; border: 0px;  margin-left: 10px; padding: 10px 15px;}
.remove{background-color: #f00; color: #fff; font-size: 18px; border-radius: 6px; border: 0px;padding: 6px 25px; float: right; margin-left:10px;}
.edit1{background-color: #ff7800; color: #fff; font-size: 18px; border-radius: 6px; border: 0px;padding: 6px 25px; float: right;  }
.edit{background-color: #ff7800; color: #fff; font-size: 18px; border-radius: 6px; border: 0px;padding: 10px 15px; float: right;}

.w100{width: 96% !important}
.w100 textarea{width: 100%;}
.w100 span{width: 50%; float: left; padding: 0px 0px 0px 12px;}
.w100 span label {background-color: #ccc; width: 100%; display: block; padding: 10px 15px;}
.nostyle{float: none !important; width: 100% !important; border: 0px !important; height: auto !important;}
.radio-btn{float: left; width: 50% !important;     margin-top: 10px;}
.radio-btn label{background-color: transparent !important;}
.radio-btn input{width: auto !important; margin-right: 10px !important; margin-top: 4px !important;}
.nostyle button{margin: 10px 0px;}

.spc1{width: 100%; height: 50px;}

.w25{width: 25% !important;}
.w75{width: 75% !important;}
.w25 p{padding: 12px !important;}

.cls{clear: both;}
.f-lft{float: left;}
.f-rgt{float: right;}

.close-btn a img{width: 20px; margin: 6px;}
.close-btn1{padding: 29px 0px !important;}
.close-btn1 a img{width: 20px; margin: 6px;}


/*************result**************/

.reslt-hd{width: 90%; margin: 10px auto; background-color: #fff;}
.reslt-hd td{text-align: center;}
.reslt-hd td h1{font-size: 20px; margin: 0px; padding:8px 0px;}
.reslt-dtl{width: 90%; margin: 10px auto; background-color: #fff;}
.reslt-dtl td{padding: 8px 10px}
.reslt-dtl th{padding: 8px 10px}

/************* result***************/

.nav-area{background-color: #cce2e0; border-radius: 20px; padding: 10px;}
.nav-area p{font-size: 22px; margin: 0px; padding: 0px; color: #000 !important; font-weight: bold; text-transform: uppercase; text-align: center;}
.nav-area p a{color: #000; padding: 4px 10px;}

.frm-area h1{text-align: center; font-size: 25px;}
.frm-area p{text-align: center; font-size: 20px;}


@media all and (max-width: 1200px) {

}
@media all and (max-width: 992px) {
}


@media all and (max-width: 768px) {
	.top{width: 100% !important;}
	li{width: 100% !important;}
	td{width: 100% !important; display: block;}
	.close-btn {text-align: center;}
	.close-btn1 {text-align: center;}
}



@media screen and (-webkit-min-device-pixel-ratio:0)