@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto.ttf);
}

@font-face {
	font-family: RobotoB;
	src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
	font-family: "MyriadPro";
	src: url("../fonts/MyriadPro.otf");
}

@font-face {
	font-family: "MyriadProB";
	src: url("../fonts/MyriadProB.otf");
}

@font-face {
	font-family: "MyriadProSB";
	src: url("../fonts/MyriadProSB.otf");
}


@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins.otf");
}


@font-face {
	font-family: "PoppinsB";
	src: url("../fonts/PoppinsB.ttf");
}


@font-face {
	font-family: "PoppinsSB";
	src: url("../fonts/PoppinsSB.otf");
}


body{ transition: background-color .5s;
background-color: #fff !important;
}


a {
	color: #6628c0;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #181818;
	text-decoration: none;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: "Roboto", sans-serif;
}

div {
	position: relative;
}

a {
	cursor: pointer;
}

button,
a {
	border: 0px;
	outline: 0;
}

:focus,
:focus-visible {
	border: 0px;
	outline: 0px
}

.container-fluid {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

header {
	float: left;
	width: 100%;
	padding: 0px 0px 10px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #fff;
}

.bg header{    background-color: transparent;
    padding: 0px;
    text-align: center;
    margin-top: 15px;}

header p{display: inline;
float: right;
text-align: right;
font-size: 14px;
color:#ffffff;
margin-top: 40px;
}

.headerbg{background-color:#ffffff; position: relative;}

.monologo{    height: 65px;
    margin-top: 10px;
    margin-bottom: 10px;}

.text-center{text-align: center;}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt80-res{
	margin-top: 80px;
}

.mt150-res{
	margin-top: 150px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}

.pl15 {
	padding-left: 15px;
}

.pr15 {
	padding-right: 15px;
}

.ban-txt img {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-80%, 65%);
}

.hdng1 {
	font-size: 20px;
	font-weight: 1000;
	color: #60BA47;
	font-family: "Roboto", sans-serif;
	margin-bottom: 5px;
}

.par1 {
	font-size: 19px;
	color: #1A1A1A;
	font-family: "Roboto", sans-serif;
	margin-bottom: 0px;
	line-height: normal;
}

.imgico {
	width: 18%;
	float: left;
}

.imgtxt {
	width: 82%;
	float: left;
	margin-top: 10px;
}

.imgico2 {
	width: 25%;
	float: left;
}

.imgtxt2 {
	width: 75%;
	float: left;
	margin-top: 10px;
}

.hglghthdng {
	background-color: #F2F2F2;
	padding: 15px 10px;
	float: left;
	width: 100%;
}

.hglghthdng h4 {
	color: #4D4D4D;
	text-align: center;
	margin: 0px;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
}

.hglghthdng2 {
	background-color: #60BA47;
	padding: 10px 40px;
	float: left;
	width: 100%;
}

.hglghthdng2 h4 {
	color: #ffffff;
	text-align: left;
	margin: 0px;
	font-size: 34px;
	font-weight: 1000;
	font-family: "Roboto", sans-serif;
}

.campobj {
	margin-bottom: 32px;
	color: #1A1A1A;
	text-align: left;
	font-size: 21px;
	font-family: "Roboto", sans-serif;
	padding-left: 50px;
	font-weight: 100;
	margin-top: 10px;
	line-height: 26px;
	padding-right: 20px;
}

.campobj span {
	font-weight: 1000;
}

.campobjimg {
	position: absolute;
	right: 60px;
	top: 0;
}

.clkbtnbg {
	background: rgb(44, 103, 145);
	background: linear-gradient(0deg, rgba(44, 103, 145, 1) 0%, rgba(67, 173, 225, 1) 100%);
	padding: 6px 6px;
	margin: 0px auto;
	float: left;
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -106%);
	border-radius: 50px;
	box-shadow: 0px 5px 5px 0px #00000052;
}

.clkbtn {
	background: rgb(0, 114, 196);
	background: linear-gradient(283deg, rgba(0, 114, 196, 1) 0%, rgba(0, 206, 255, 1) 100%);
	font-weight: bold;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	border-radius: 50px;
	padding: 10px 65px 10px 25px;
	text-decoration: none;
	width: 100%;
	display: block;
}

.clkbtn:hover {
	color: #ffffff;
	transition: all 0.35s ease-out;
}

.clkbtnbg:hover {
	box-shadow: 0px 0px 12px 0px #2299ef;
	transition: all 0.35s ease-out;
}


.clkbtnimg {
	height: 45px;
	position: absolute;
	right: 10px;
	top: 10px;
}

footer {
	background-color: #0263a9;
	width: 100%;
	float: right;
	padding: 2px;
	font-size: 12px;
	text-align: right;
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	position: fixed;
	bottom: 0;
	z-index: 1;
}

footer p{
	font-size: 14px;
}

.resendotp{
font-size: 18px;
margin-bottom: 15px;
text-decoration: none;
}

.dnone{display: none;}
	.dblock{display: block;}

	.dcenter{display: flex;
			justify-content: center;}


	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #e41187;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
		}
	  
	  .sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 18px;
		color: #ffffff;
		display: block;
		transition: 0.3s;
		border-bottom: 1px solid #b50065;
		}
	  
	  .sidenav a:hover {
	background-color:#ffffff;
	color: #0263a9;
	}

	.sidenav a.closebtn:hover{color: #ffffffa2;}

	  
	  .sidenav a:hover .closebtn {
	background-color:#e41187;  color: #e41187;
	  }

	  .sidenav a.active{    background-color: #e41187;}

	   .sidenav a:hover.active{  background-color:#ffffff;  color: #e41187;}
	  
	  .sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
		border: 0px;
		}

		.sidenav a:hover.closebtn{background-color: transparent;}
	  
	  #main {
		transition: margin-left .5s;
		padding: 16px;
	  }

	  .navico{
		float: right;
		cursor: pointer;
		margin-top: 0px;
		background-color: #ffffff00;
		padding: 5px;
		border-radius: 5px;
		margin-left: 20px;
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(-0%, 40%);
		}

		
	  
	  .navico div {
		    width: 40px;
    height: 5px;
    background-color: rgb(139 139 139);
    margin: 5px 0;
		}

		 .navico:hover div,  .navico:focus div{background-color:#0263a9;}

	  .m0{margin: 0px;}
	  .p0{padding: 0px;}

	  .content{
	width:100%;
	float: left;
	height: 150vh;
	}

	.bg{
		background-image: url(../images/bg.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		width: 100%;
		position: relative;
		}

	.bg1{
		background-image: url(../images/bg1.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		width: 100%;
		position: relative;
		}
		.bg2{
			background-image: url(../images/bg2.jpg);
			background-position: top left;
			background-repeat: no-repeat;
			background-size: cover;
			height: 120vh;
			width: 100%;
			position: relative;
			}

			.bg3{    background-image: url(../images/bg-03.png);
				background-position: left;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100vh;
				width: 100%;
				position: relative;}

			.thankbg{    background-image: url(../images/thank-bg.png);
				background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100vh;
				width: 100%;
				position: relative;
				padding-bottom: 60px;
			}

.opacbg{
	width:100%;
	float: left;
	height: 100vh;
	/* background: #FFFFFF; */
	/* background: linear-gradient(90deg,rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.86) 36%, rgba(255, 255, 255, 0) 100%); */
	padding: 0px 0px 64px 120px;
	min-height: auto;
	position: relative;
}

.mainbg{
	position: absolute;
	top: 200px;
	/* transform: translate(0%, -50%); */
}

.formbg{
    width: 60%;
    float: left;
    margin-left: 0%;
    margin-top: 15px;
    background: #D5DBDF;
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 57px;
    }

	.formbg label{
	font-size: 18px;
	color: #111111;
	}

	.vrfyusr .formbg label {
    font-size: 15px;
    color: #111111;
}

	.formbg .form-control{
		border: 0;
		padding: 8px;
		margin-bottom: 10px;
		-webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
		}

		.formbg .form-control::placeholder{color:#a09f9f;}

		.formbg .epilogo
		{
			    margin: 10px 0px 0px 0px;
		}

		.fillbtn{
		background-color: #0263a9;
		color: #fff;
		text-align: center;
		font-size: 17px;
		border-radius: 20px;
		padding: 2px 40px;
		margin-top: 10px;
		text-decoration: none;
}

.blubtn{
		background-color: #0263a9;
		color: #fff;
		text-align: center;
		margin-top: 0px;
		text-decoration: none;
		display: block;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 15px;
}


.grybtn{
		background-color: #868686;
		color: #fff;
		text-align: center;
		margin-top: 0px;
		text-decoration: none;
		display: block;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 15px;
}

.blubtn:hover, .blubtn:focus, .grybtn:hover, .grybtn:focus{
	text-decoration: underline;color: #fff;
}

.detailbg{
    width: 65%;
    float: left;
    margin-left: 2%;
    margin-top: 20px;
    background: #fae9c5;
    padding: 20px 25px;
    border-radius: 15px;
    }

	.detailbg .para{font-weight: bold;
	color:#000000;
font-size: 14px;
text-align: center;
}

	.detailbg .ponts{
	font-weight: 600;
	color:#976127;
	font-size: 18px;
	text-align: left;
	margin: 0px;
	line-height: 25px;
}

.fillbtn:hover, .fillbtn:focus{background-color: #e41187;
	color:#ffffff;
	transition: all 0.35s ease-out;
}

.sbmtbtn{
		background-color: #2e3092;
		color: #fff;
		text-align: center;
		font-size: 17px;
		border-radius: 20px;
		font-weight: bold;
		padding: 10px 25px;
		margin-top: 10px;
		text-decoration: none;
}

.sbmtbtn:hover, .sbmtbtn:focus{background-color: #e41187;
	color:#ffffff;
	transition: all 0.35s ease-out;
}


.bordrbtn{
	background-color: #2e309200;
	color: #e41187;
	text-align: center;
	font-size: 17px;
	border-radius: 20px;
	padding: 2px 25px;
	margin-top: 10px;
	border: 1px solid #e41187;
	text-decoration: none;
}

.bordrbtn:hover, .bordrbtn:focus{background-color: #e41187;
	border:1px solid #e41187;
	color: #ffffff;
transition: all 0.35s ease-out;
}

.cntrbtn{    display: flex;
		justify-content: center;
		align-items: center;}

		.cntrbtn2{        display: flex;
    justify-content: space-between;
    align-items: center;}

		/*numbers*/
		.numbers {
			font-family: 'Arial', sans-serif;
			font-size: 44px;
			line-height: 44px;
			text-align: center;
			margin: 25px auto;
			overflow: hidden;
			text-align: center;
			display: flex;
			align-content: center;
			justify-content: center;
			/* transform: scale(1.2); */
			width: 100%;
			float: left;
			}

			.numb-bg{width:auto;height: auto;background-color: #2e3092;border-radius: 10px;padding: 5px 10px;display: inline;float: left;margin: 0px 10px;}

		  .numbers__window {
			display: inline-block;
			overflow: hidden;
			width: 41px;
			height: 55px;
			font-weight: bold;
			font-family: 'RobotoB', sans-serif;
			color: #976127;
			/* background-color: #ffffff; */
			border-radius: 100%;
			/* border: 4px solid #f7f7f7; */
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: -5px;
			/* box-shadow: 9px 20px 0px #895012; */
			transform: scale(1.2);
			}
		  .numbers__window__digit {
			font: inherit;
			word-break: break-all;
			display: block;
			width: 0;
			padding: 10px 30px 5px 6px;
			margin: -4px auto 3px;
			overflow: inherit;
			animation: counting 0.4s steps(10) forwards infinite;
			color: #ffffff;
			/* font-size: 50px; */
			}
		  .numbers__window__digit::before {
			content: attr(data-fake);
			display: inline-block;
			width: 100%;
			height: auto;
		  }
		  .numbers__window__digit--1 {
			animation-iteration-count: 3;
		  }
		  .numbers__window__digit--2 {
			animation-iteration-count: 6;
		  }
		  .numbers__window__digit--3 {
			animation-iteration-count: 9;
		  }
		  .numbers__window__digit--4 {
			animation-iteration-count: 12;
		  }
		  .numbers__window__digit--5 {
			animation-iteration-count: 15;
		  }
		  
		  @keyframes counting {
			100% {
			  transform: translate3d(0, -10em, 0);
			}
		  }
		/**/


		.content h1{
			color: #000000;
			font-family: 'Roboto', sans-serif;
			font-weight: 1000;
			font-size: 35px !important;
			margin-top: 60px;
			margin-bottom: 15px;
			}
			.content h2{
				color: #2e3092;
				font-family: 'Roboto', sans-serif;
				font-weight: bold;
				font-size: 40px !important;
				margin: 25px 0px 10px;
				}
				.content h4{
					color: #414042;
					font-family: 'Roboto', sans-serif;
					font-weight: bold;
					font-size: 26px !important;
    margin: 20px 0px;
					}

					.arlogo{
    height: 65px;
    margin: 7px 0px 0px;
    }

	.arlogoftr{       height: 40px;
    margin: 30px 0px;
    position: fixed;
    right: 15px;
    bottom: 0;}

	.vrfyusr .mainbg{    top: 160px;}


	  /* Slider */
.slick-slider
{
    position: relative;
margin-bottom: 220px;
margin-top: 20px;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
min-height: 375px;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
	display: block;
    width: 100%;
    height: auto;
   margin-bottom: 0px;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow
{
	background-color: transparent;
}

.slick-arrow.slick-prev {
    position: absolute;
    bottom: -40px;
left: 0;
}

.nxtbtn {
	position: absolute;
    top: unset;
	bottom: 165px;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color:#f9f0d9;
    color: #2e3092;
    
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.nxtbtn:hover, .nxtbtn:focus{background-color: #2e3092;
    color: #f9f0d9;}

.slick-arrow.slick-next {
    position: absolute;
    bottom: -40px;
right: 0;
}

.slick-arrow .fa{    font-size: 28px;
    padding: 3px 10px 3px 14px;
    border-radius: 100%;
    background-color: #f9f0d9;
    color: #2e3092;}

	.slick-arrow .fa:hover{background-color:#2e3092;
		color: #f9f0d9;}

		.slick-arrow .fa.fa-angle-left{    padding: 3px 12px 3px 11px;}

		.reftxt{
			   position: absolute;
			   top: 10px;
			   right: 45px;
			   color: #000000;
			   font-size: 14px;
		}

		.chsflbg
		{width: 100%;float: left;background-color: #ffffff;border-radius: 5px;padding: 7px 10px;text-align: center;}

		.chsflbg label.chsfl 
		{
    display: inline-block;
    /* background-color: #2e3092; */
    color: #929292;
    padding: 2px 5px;
    font-family: sans-serif;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    margin-top: 0;
}

.chsflbg label.chsfl img{
	    height: 40px;
    margin-right: 10px;
}


.photo{
	    margin: 0px auto 20px;
    text-align: center;
    display: block;
    height: 120px;
}

.content h6{    font-size: 14px;
    text-align: center;}

	.content h2.pldgtxt{       color: #2e3092;
    font-family: 'Roboto', sans-serif;
    font-weight: 1000;
    font-size: 30px !important;
    width: 57%;
    margin: 25px 22% 25px 21%;
    line-height: 55px;
    text-align: center;}


	.content h2.pldgtxt span{color: #e41187;
    font-family: 'Serpentine', sans-serif;
    font-size: 33px !important;
    line-height: 55px;
    text-align: center;}

	.pldgbtn{
		    text-align: center;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 23px !important;
    text-decoration: none;
    background-color: #e41187;
    padding: 10px 20px;
    border-radius: 50px;
	}

	.pldgbtn:hover{ color: #ffffff;text-decoration: none;
    background-color:#2e3092;
transition: all 0.35s ease-out;}


.pylogo{
	height: 30px; 
	margin-top: 15px;
}

.hcpbg{width: 50%;
	float: left;
    margin: 40px 25%;}
	.hcpbg h5{    font-family: "RobotoB", sans-serif;
    font-weight: bold;
    font-size: 20px;}

	.hcpbg h6{font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 17px;}

	.hcpbg .hcp{
    width: 100%;
    float: left;
    margin: 10px 0px 10px 0px;
    background-color: #efefef;
    border-radius: 20px;
    padding: 15px 40px;
    }
	

	.hcpbg .hcp h5{
    font-family: "RobotoB", sans-serif;
    font-weight: bold;
    font-size: 19px;
    color: #4a4a4a;
    margin-bottom: 5px;
    }

	.hcpbg .hcp h6{
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #4a4a4a;
    margin-bottom: 0px;
    }

	.hcpbg .hcp .hcpbtn{    padding: 5px 10px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 0px;
    background-color: #e41187;
    border-radius: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);}

		.hcpbg .hcp .hcpbtn:hover, 	.hcpbg .hcp .hcpbtn:focus{ color: #ffffff;
    background-color: #2e3092;transition: all 0.35s ease-out;}


	.crtfctbtn{       padding: 10px 25px;
    text-decoration: none;
    font-family: "RobotoB", sans-serif;
    font-weight: normal;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 21px;
    background-color: #e41187;
    border-radius: 7px;}

		.crtfctbtn:hover, 	.crtfctbtn:focus{ color: #ffffff;
    background-color: #2e3092;transition: all 0.35s ease-out;}

	.usrname{display: inline;float: right;margin-top: 15px;font-size: 18px;position: absolute;right: 15px;top: 0;transform: translate(-90%, 70%);}

	.epi{
    height: 45px;
    margin-top: 40px;
    }

	.agendabg{
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0px;
    }

	.agendabg .agbg{
		margin-top: 100px;
		width: 85%;
		float: left;
		border-radius: 40px;
		background-color: #ffffff;
		border: 12px solid #e41187;
		padding: 70px 40px;
		box-shadow: inset 0px 2px 3px 0px #0063a8;
	}

	.agendabg .agbg h3{
      font-size: 50px;
    font-weight: bold;
    color: #0263a9;
    font-family: "MyriadProB", sans-serif;
    margin: 0px;
	 text-align: center;
    }

.agendabg .agbg h4{
       font-size: 36px !important;
    font-weight: bold;
    color: #e41187;
	 text-align: center;
    font-family: "MyriadProB", sans-serif;
    margin: 0px 0px 30px 0px;
    }


	.agendabg .agbg h5{
    font-size: 34px;
    text-align: center;
    color: #e41187;
    font-weight: bold;
    margin-bottom: 50px;
    font-family: "MyriadProB", sans-serif;
    }

.agendabg .agbg table {
            width: 100%;
            border: 0px solid #100808;
            border-radius: 20px;
			    background-color: #fff;
        }
		
		
		.agendabg .agbg table.tblhdr {
               position: absolute;
    z-index: 1;
    top: -30px;
        }

        .agendabg .agbg th, .agendabg .agbg td {
            text-align: left;
            border: 1px solid #0063a8;
            padding: 20px 10px;
            background-color: rgb(255 255 255);
            border-radius: 40px;
            font-size: 20px;
            font-family: 'MyriadPro', sans-serif;
        }

		.agendabg .agbg td b{
			font-size: 22px;
			 font-family: 'MyriadProB', sans-serif;
		}
 .agendabg .agbg tr:first-child td {
               text-align: left;
    border: 1px solid #0063a8;
    padding: 30px 10px 15px 10px;
    background-color: rgb(255 255 255);
    border-radius: 40px;
    font-size:18px;
    font-family: 'MyriadPro', sans-serif;
              
        }

		.agendabg .agbg tr td {
               text-align: left;
    border: 1px solid #0063a8;
       padding: 20px 10px;
    background-color: rgb(255 255 255);
    border-radius: 40px;
    font-size: 18px;
    font-family: 'MyriadPro', sans-serif;              
        }

		.agendabg .agbg tr td a{text-decoration: none; color: #212529;}

		.agendabg .agbg tr td a:hover, .agendabg .agbg tr td a:focus{text-decoration: underline; color: #212529;}

		.agendabg .agbg tr:last-child td {
               text-align: left;
    border: 1px solid #0063a8;
       padding: 20px 10px;
    background-color: rgb(255 255 255);
    border-radius: 40px;
    font-size: 20px;
    font-family: 'MyriadPro', sans-serif;
              
        }

		 .agendabg .agbg tr.hdr td {
            text-align: left;
            border: 0px solid #413434;
            padding: 7px 15px;
            background-color: rgb(0 99 168);
            border-radius: 0px;
            color: #fff;
            font-weight: bold;
            font-family: 'MyriadProB', sans-serif;
            font-size: 21px;
        }

		 .agendabg .agbg tr.hdr td:first-child {
            text-align: left;
            border: 0px solid #413434;
            padding: 7px 15px;
            background-color: rgb(0 99 168);
            border-radius: 40px 0px 0px 40px;
            color: #fff;
            font-weight: bold;
            font-size: 21px;
            font-family: 'MyriadProB', sans-serif;
        }

			 .agendabg .agbg tr.hdr td:last-child {
            text-align: left;
            border: 0px solid #413434;
            padding: 7px 15px;
            background-color: rgb(0 99 168);
            border-radius: 0px 40px 40px 0px;
            color: #fff;
            font-weight: bold;
            font-size: 21px;
            font-family: 'MyriadProB', sans-serif;
        }

		.listbg header{
			background-color: #fafbfa;
		}

		.listcontainer
		{
			width:80%;
			float: left;
			margin: 60px 10% 80px;
		}

		.listcontainer select.form-control
		{
			    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 10px;
    appearance: auto;
		}

		.listcontainer h4{
			font-size: 28px;
    font-weight: bold;
    font-family: "MyriadProB", sans-serif;
    color: #0063a8;
    margin-bottom: 30px;
		}

		.listcontainer h4 span{
			    font-size: 28px;
    font-weight: bold;
    font-family: "MyriadProB", sans-serif;
    color: #e41187;
		}

		.listcontainer table tr td{
			border-bottom: 1px dashed #a0a0a0;
			padding: 15px 20px 5px 20px;
			color: #474747;
			text-align: center;
			vertical-align: middle;
		}

		.listcontainer table tr:first-child td{text-align: center;}
		
		.listcontainer .selist table tr:first-child td{text-align: center;padding: 15px 20px 15px 20px;border-bottom: 0px;}
		
		.listcontainer table tr td.name{
			font-weight: bold;
			color: #3f3f3f;
			text-align: left;
		}

		.srchinpt
		{
			background-image: url('../images/srch-ico.png');
			background-repeat: no-repeat;
			background-position: 15px 10px;
		}

		.selist table h5
		{font-family: "MyriadProB", sans-serif;font-size: 23px;color: #000;text-align: left;}

		.selist table h5 span
		{
font-family: "MyriadProSB", sans-serif;
    font-size: 19px;
	 color: #000;
	text-align: left;
		}

		.selist table .hdrbg span
		{font-family: "MyriadProB", sans-serif;font-size: 19px;color: #000;background-color: #d2d3d3;text-align: center;padding: 7px 15px;border-radius: 10px;    display: block;}


		.search-container {
  float: left;
      margin-bottom: 20px;
}

.search-container input[type=text] {
  margin-top: 0px;
  font-size: 18px;
  border: none;
  padding: 10px 10px 10px 55px;
  background-color: #f5f5f8;
  font-weight: bold;
  color: #939598;
  width: 90%;
  border-radius: 100px;
}

.search-container input::placeholder
{
	  color: #9b9b9c;
}

.search-container button {
  float: left;
  padding: 6px 10px;
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 0px;
  background: #ddd0;
  font-size: 17px;
  border: none;
  cursor: pointer;
  border-radius: 100px;
}

.search-container button:hover {
  background: #ccc;
}


.logbg
 {
       width:90%;
       margin: 5px 5% 70px 5%;
       background-color: #f0f0f2;
       border-radius: 20px;
       float: left;
 }

.logbg h3
{background-color: #e41187;border-radius: 20px 20px 0px 0px;font-size: 24px;color: #fff;text-align: center;padding: 7px 10px;margin: 0px;}

.logbg .logmain form .logbtn{
    font-size: 15px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 5px;
    background-color: #0063a8;
    border-radius: 100px;
    margin-top: 5px;
    font-size: 17px;
    text-decoration: none;
    color: #ffffff;
    }

	.logbg .logmain form .logbtn:hover, .logbg .logmain form .logbtn:focus{
		background-color: #e41187;
	}

	.logbg .logmain form textarea.form-control {
    font-size: 12px;
    padding: 5px 8px 5px 10px;
    border-radius: 10px;
    width: 100%;
    float: right;
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
}

.logbg .logmain
{width: 100%;
    float: left; 
	padding: 25px 25px;}


.bg h4{
	    font-family: "Poppins", sans-serif;
	    text-align: center;
	    color: #E41187;
	    font-size: 33px;
	    font-weight: bold;
}

.bg h3{
	    font-family: "PoppinsB", sans-serif;
	    text-align: center;
	    color: #E41187;
	    font-size: 55px;
	    font-weight: bold;
}

.bg h3.blu{
	font-family: "PoppinsB", sans-serif;
	text-align: center;
	color: #0063A8;
	font-size: 55px;
	font-weight: bold;
}

.bg p{
	    font-family: "Poppins", sans-serif;
	    text-align: center;
	    color: #090909;
	    font-size: 22px;
	    font-weight: normal;
	    margin: 40px auto 0px;
}


	.blbg{
		width: 100%;
		float: left;
		background: #27A8E0;
		background: linear-gradient(90deg, rgba(39, 168, 224, 1) 0%, #005ba4 100%);
		margin-top: 30px;
		padding: 30px 0px;
		}

	.blbg a.pnkbtn
	{
		font-family: "PoppinsSB", sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    background-color: #e41187;
    padding: 8px 70px;
    border-radius: 50px;
	}

	.blbg a.pnkbtn:hover, .blbg a.pnkbtn:focus
	{
		font-family: "PoppinsSB", sans-serif;
    text-align: center;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    background-color:#005ba4;
    padding: 8px 70px;
    border-radius: 50px;
	}

	.fancy {
          width: fit-content;
          padding: 10px 45px;
          line-height: 1.6em;
          border-radius: 20px;
          background: conic-gradient(from 45deg at left, #0063A8, 25%, #0000 0) 0, conic-gradient(from -135deg at right, #0063A8, 25%, #0000 0) 100%;
          background-size: 51% 100%;
          background-repeat: no-repeat;
          border-image: linear-gradient(#0000 calc(50% - 5px / 2), #0063A8 0 calc(50% + 5px / 2), #0000 0) 1 / 0 51vw / calc(50vw + 5px);
          margin-inline: auto;
          margin: 15px auto 40px;
          font-family: "Poppins", sans-serif !important;
          text-align: center !important;
          color: #ffffff !important;
          font-size: 23px !important;
          font-weight: bold !important;
}

.crlogo
{
	    position: absolute;
    right: 0;
}

.goldlogo{
	position: absolute; right: 50px; top:10px;
}

.logo{
	position: absolute; left: 0;
}

.logo2{
	position: absolute; right: 0;
}

#module1, #module2
{
    max-width: 86%;
    width: 86%;
    margin: -20px 7% 30px 7%;
    float: left;
    z-index: 2;
}
#module1 .mbdrbg, #module2 .mbdrbg
{
	max-width: 100%;
	width: 100%;
	border-radius: 40px;
    background-color: #ffffff;
    border: 12px solid #e41187;
    box-shadow: inset 0px 2px 3px 0px #0063a8;
	    padding: 20px;
		float: left;
}

.mbdrbg h4{
	    font-size: 28px !important;
    font-weight: bold;
    color: #0063a8;
    text-align: center;
    font-family: "RobotoB", sans-serif;
      margin: 20px 5% 30px 5%;
    width: 90%
}

.mbdrbg h4 span{
	    font-size: 28px !important;
    font-weight: bold;
    color: #e41187;
    text-align: center;
    font-family: "RobotoB", sans-serif;
    margin: 0px 0px 30px 0px;
}

.mbdrbg p{
	font-size: 18px !important;
    font-weight: normal;
    color: #272727;
    text-align: center;
    font-family: "Roboto", sans-serif;
    margin: 0px 0px 30px 0px;
}

.mbdrbg .docname p{
	font-size: 14px !important;
	font-weight: normal;
	color: #272727;
	text-align: left;
	font-family: "Roboto", sans-serif;
	margin: 0px 0px 30px 10px;
	line-height: 19px;
}

.docinfo
{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 50px;
}

.time
{
	    position: absolute;
    right: 0;
    height: 150px;
}


.mbdrbg .maintbl
{
	    width: 80%;
    float: left;
    margin: 0px 10%;
    border: 1px solid #0063a8;
    border-radius: 20px;
    background-color: #ffffff;
}

.mbdrbg .maintbl .tblhdr
{
width: 100%;
    float: left;
    margin: 0px auto;
    background-color: #0063a8;
    border-radius: 18px 18px 0px 0px;
}

.mbdrbg .maintbl .hdr1
{
    width: 70%;
    float: left;
    margin: 0px auto;
    background-color: #0063a8;
    border-radius: 18px 0px 0px 0px;
    color: #fff;
    padding: 8px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.mbdrbg .maintbl .hdr2
{
        width: 30%;
    float: left;
    margin: 0px auto;
    background-color: #0063a8;
    border-radius: 0px 18px 0px 0px;
    color: #fff;
    padding: 8px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.mbdrbg .maintbl .tblbodmain
{
	    width: 100%;
    float: left;
}
.mbdrbg .maintbl .tblbod
{
	    width: 96%;
	    float: left;
	    margin: 0px 2% 0px;
	    border-bottom: 1px solid #c0e5ff;
}

.mbdrbg .maintbl .tblbod:last-child{
	border: 0px;
}

.mbdrbg .maintbl .dt1
{
    width: 70%;
    float: left;
    margin: 0px auto;
    color: #313131;
    padding: 12px 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}


.mbdrbg .maintbl .dt2
{
  width: 30%;
    float: left;
    margin: 0px auto;
    color: #313131;
    padding: 12px 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.mbdrbg .maintbl .tblbod.bldt{
	background-color: #c8e6f8;
}


/*Table 2*/


.mbdrbg .maintbl2
{
	    width: 80%;
    float: left;
    margin: 0px 10%;
    border: 1px solid #0063a8;
    border-radius: 20px;
    background-color: #ffffff;
}

.mbdrbg .maintbl2 .tblhdr
{
width: 100%;
    float: left;
    margin: 0px auto;
    background-color: #0063a8;
    border-radius: 18px 18px 0px 0px;
}

.mbdrbg .maintbl2 .hdr1
{
    width: 100%;
    float: left;
    margin: 0px auto;
    background-color: #0063a8;
    border-radius: 18px 18px 0px 0px;
    color: #fff;
    padding: 8px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.mbdrbg .maintbl2 .tblbodmain
{
	    width: 100%;
    float: left;
}
.mbdrbg .maintbl2 .tblbod
{
	    width: 96%;
	    float: left;
	    margin: 8px 2%;
}

.mbdrbg .maintbl2 .dt1
{
    width:100%;
    float: left;
    margin: 0px auto;
    color: #313131;
    padding: 5px 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}


#module1 .clsbtn, #module2 .clsbtn
{
	    position: absolute;
    right: -16px;
    top: -24px;
    font-size: 30px;
    background-color: #fff;
    border: 4px solid #0063a8;
    border-radius: 100%;
    padding: 10px;
    width: 50px;
    height: 50px;
    line-height: 0px;
    color: #e41187;
    font-weight: bold;
    box-shadow: 0px 0px 7px #000;
}

#module1 .clsbtn:hover, #module1 .clsbtn:focus, #module2 .clsbtn:hover, #module2 .clsbtn:focus{
	 background-color: #e41187;
    border: 4px solid #0063a8;
	 color: #fff;
}

.bdrbgmain{
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0px;
    }

	.bdrbgmain .bdrbg{
		margin: 50px 10% 30px 10%;
		width:80%;
		float: left;
		border-radius: 40px;
		background-color: #ffffff;
		border: 12px solid #e41187;
		padding: 25px 30px;
		box-shadow: inset 0px 2px 3px 0px #0063a8;
	}

	.bg2.vidbg .bdrbgmain .bdrbg
	{    padding: 70px 10px;}

	.bdrbgmain .bdrbg h4{
	    font-family: "Poppins", sans-serif;
	    text-align: center;
	    color: #E41187;
	    font-size: 31px;
	    font-weight: bold;
}

	.bdrbgmain .bdrbg h3{
	    font-family: "PoppinsB", sans-serif;
	    text-align: center;
	    color: #E41187;
	    font-size: 48px;
	    font-weight: bold;
}

	.bdrbgmain .bdrbg h3.blu{
	font-family: "PoppinsB", sans-serif;
	text-align: center;
	color: #0063A8;
	font-size: 48px;
	font-weight: bold;
}

	.bdrbgmain .bdrbg p{
	    font-family: "RobotoB", sans-serif;
	    text-align: center;
	    color:#0063A8;
	    font-size: 27px;
	    font-weight: bold;
	    width: 70%;
	    margin: 0px 15% 30px 15%;
		float: left;
}
.bdrbgmain .bdrbg p span{
	    font-family: "RobotoB", sans-serif;
	    text-align: center;
	    color: #E41187;
	    font-size: 27px;
	    font-weight: bold;
	    margin-bottom: 30px;
}
.bdrbgmain .bdrbg a.blbtn{
	    font-family: "RobotoB", sans-serif;
	    text-align: center;
	    background-color: #0063A8;
	    font-size: 27px;
	    font-weight: bold;
	    color: #fff;
	    padding: 10px;
	    border-radius: 10px;
	    text-decoration: none;
	    display: inline-block;
}

.bdrbgmain .bdrbg a.blbtn:hover, .bdrbgmain .bdrbg a.blbtn:focus{
	    font-family: "RobotoB", sans-serif;
    text-align: center;
    background-color: #E41187;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
	text-decoration: none;
}


.bdrbgmain .bdrbg h5{
	font-family: "Roboto", sans-serif;
	text-align: center;
	color: #111111;
	font-size: 40px;
	font-weight: bold;
	margin-top: 25px;
	width: 100%;
	float: left;
}

.bdrbgmain .bdrbg p.new{
	    font-family: "RobotoB", sans-serif;
	    text-align: center;
	    color:#0063A8;
	    font-size: 33px;
	    font-weight: bold;
	    width: 70%;
	    margin: 10px 15% 10px 15%;
	    line-height: normal;
}
.bdrbgmain .bdrbg p.new span{
	    font-family: "RobotoB", sans-serif;
	    text-align: center;
	    color: #E41187;
	    font-size: 33px;
	    font-weight: bold;
	    margin-bottom: 30px;
}

.bdrbgmain .bdrbg p.blktxt
{
	    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #2b2b2b;
    font-size: 22px;
    font-weight: bold;
    width: 70%;
    margin: 20px 15% 0px 15%;
    float: left;
}

.ovrly
{
	width: 100%;
	height: 100%;
	background-color: #ffffffc2;
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0px;
}

.askq .agendabg .agbg{
	margin: 0px 7% 50px 7%; padding: 10px;
}

.askq .agendabg .agbg iframe{
	width: 100%; height: 100%; min-height: 500px; border-radius: 30px;
}

.vidbg{
transition: background-color .5s;
background-color: #fff !important;
background-image: none !important;
}

.vdo #module1
{
	    margin: 100px 7% 30px 7%;
		position: relative;
}

.vdo #module1 .mbdrbg
{
	min-height: 550px;
}


.vdo #module1 .mbdrbg .ovrly1
{
	width: 100%;
	height: 100%;
	background-color: #ffffffc2;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0px;
	    border-radius: 40px;
}

.vdo #module1 .mbdrbg .ovrly1 a{
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 35%);
}

.vdo #module1 .mbdrbg h4
{
	    margin-top: 100px;
    margin-bottom: 100px;
}


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 94%;
    }
}

	  @media screen and (max-height: 450px) {
		.sidenav {padding-top: 60px;}
		.sidenav a {font-size: 18px;}
	  }
	  
@media (max-width: 1920px) and (min-width: 1801px) {
	.monologo {
    height: 70px;
	}
	.formbg {
    width: 50%;}
	.formbg .form-control{padding: 10px;        font-size: 20px;}
	.formbg h5{font-size: 25px;}
	.vrfyusr .formbg label{    font-size: 21px;}
	.bordrbtn, .fillbtn{    font-size: 21px;}
	.chsflbg label.chsfl{    font-size: 18px;}
	footer{    padding: 5px;
    font-size: 16px;}
	.navico{    transform: scale(1.3);}
	.sidenav a {
    padding: 12px 8px 12px 32px;
    font-size: 22px;
	}
	.sidenav .closebtn {
    top: -10px;
    font-size: 42px;
	}
	.photo{    height: 170px;}
	.content .formbg h4{    font-size: 30px !important;}
	.content .formbg h6 {
    font-size: 21px;
	}
	.sbmtbtn{font-size: 24px;}
	.arlogoftr{    bottom: 20px;    height: 95px;}
	.content h2.pldgtxt{    font-size: 36px !important;
    width: 48%;
    margin: 25px 26% 25px 26%;}
	.content h2.pldgtxt span{    font-size: 40px !important;}
	.pldgbtn{    font-size: 26px !important;}
	.crtfctbtn{    font-size: 28px;}
	.hcpbg h5{font-size: 30px;}
	.hcpbg h6{font-size: 26px;}
	.hcpbg .hcp{    padding: 20px 40px;}
	.hcpbg .hcp h5{    font-size: 24px;}
	.hcpbg .hcp h6{    font-size: 22px;}
	.hcpbg .hcp .hcpbtn{    font-size: 21px;}
}

@media (max-width: 1800px) and (min-width: 1600px) {
	.monologo {
    height: 70px;
	}
.formbg {
    width: 60%;
    }
	.formbg .form-control{padding: 10px;font-size: 18px;}
	.formbg h5{font-size: 25px;}
	.vrfyusr .formbg label{font-size: 17px;}
	.bordrbtn, .fillbtn{font-size: 17px;}
	.chsflbg label.chsfl{font-size: 17px;}
	footer{    padding: 5px;
    font-size: 16px;}
	.navico{transform: scale(1.1);}
	.sidenav a {
    padding: 12px 8px 12px 32px;
    font-size: 22px;
	}
	.sidenav .closebtn {
    top: -10px;
    font-size: 42px;
	}
	.photo{    height: 170px;}
	.content .formbg h4{font-size: 27px !important;}
	.content .formbg h6 {
    font-size: 17px;
 }
	.sbmtbtn{font-size: 18px;}
	.arlogoftr{    bottom: 20px;    height: 95px;}
	.content h2.pldgtxt{
    font-size: 33px !important;
    width: 53%;
    margin: 25px 23% 25px 24%;
    }
	.content h2.pldgtxt span{font-size: 36px !important;}
	.pldgbtn{    font-size: 26px !important;}
	.crtfctbtn{    font-size: 28px;}
	.hcpbg h5{font-size: 27px;}
	.hcpbg h6{font-size: 23px;}
	.hcpbg .hcp{    padding: 20px 40px;}
	.hcpbg .hcp h5{font-size: 23px;}
	.hcpbg .hcp h6{font-size: 18px;}
	.hcpbg .hcp .hcpbtn{font-size: 17px;}
	header p {
		display: inline;
		float: right;
		text-align: right;
		font-size: 18px;
		color: #ffffff;
		margin-top: 45px;
	}
	.detailbg .para{font-size: 18px;}
	.formbg .form-control{padding: 6px;}
	.fillbtn, .fillbtn:hover, .fillbtn:focus{font-size: 17px;}
	.formbg label{    font-size: 20px;}
	.opacbg{padding: 50px 0px 50px 160px;}
	.arlogo{height: 95px;}
	.hdng1 {
		font-size: 25px;
	}

	.par1 {
		font-size: 22px;
	}

	.hglghthdng h4 {
		font-size: 24px;
	}

	.hglghthdng {
		padding: 20px 10px;
	}
	.hglghthdng2 {
		padding: 15px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 39px;
	}
	.campobj{    font-size: 24px; line-height: 32px;}
	.clkbtn{    font-size: 25px;}
	footer, footer span{    font-size: 14px;}
}


@media (max-width: 1599px) and (min-width: 1451px) {
	.monologo {
    height: 70px;
	}
.formbg {
    width: 67%;
    }
	.formbg .form-control{padding: 10px;font-size: 21px;}
	.formbg h5{font-size: 24px;margin-top: 15px;}
	.vrfyusr .formbg label{font-size: 18px;}
	.bordrbtn, .fillbtn{font-size: 17px;}
	.chsflbg label.chsfl{font-size: 19px;}
	footer{    padding: 5px;
    font-size: 16px;}

	.sidenav a {
    padding: 10px 8px 10px 32px;
    font-size: 18px;
 }
	.sidenav .closebtn {
    top: -10px;
    font-size: 42px;
	}
	.photo{    height: 170px;}
	.content .formbg h4{font-size: 25px !important;margin-top: 12px;margin-bottom: 12px;}
	.content .formbg h6 {
    font-size: 15px;
 }
	.sbmtbtn{font-size: 16px;}
	.arlogoftr{    bottom: 20px;    height: 95px;}
	.content h2.pldgtxt{
    font-size: 28px !important;
    width: 50%;
    margin: 25px 25% 25px 25%;
    }
	.content h2.pldgtxt span{font-size: 36px !important;}
	.pldgbtn{font-size: 22px !important;}
	.crtfctbtn{    font-size: 22px;}
	.hcpbg h5{font-size: 23px;}
	.hcpbg h6{font-size: 19px;}
	.hcpbg .hcp{    padding: 20px 40px;}
	.hcpbg .hcp h5{font-size: 21px;}
	.hcpbg .hcp h6{font-size: 16px;}
	.hcpbg .hcp .hcpbtn{font-size: 16px;}
	header p {
		display: inline;
		float: right;
		text-align: right;
		font-size: 18px;
		color: #ffffff;
		margin-top: 45px;
	}
	.detailbg .para{font-size: 16px;}
	.formbg .form-control{padding: 10px 15px;}
	.fillbtn, .fillbtn:hover, .fillbtn:focus{    font-size: 18px;}
	.formbg label{font-size: 18px;}
	.opacbg{padding: 50px 0px 50px 160px;}
	.arlogo {
		height: 95px;
	}
	.gwr{height: 105px;}
	.hdng1 {
		font-size: 24px;
	}

	.par1 {
		font-size: 21px;
	}

	.hglghthdng h4 {
		font-size: 22px;
	}

	.hglghthdng {
		padding: 20px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 33px;
	}
	.campobj{    font-size: 23px; line-height: 30px;}
	.clkbtn{    font-size: 24px;}
	footer, footer span{    font-size: 13px;}
}



@media (max-width: 1450px) and (min-width: 1300px) {
	.content h2.pldgtxt{font-size: 27px !important;
    width: 54%;
    margin: 25px 23% 25px 23%;
    line-height: 35px;}
	.pldgbtn{    font-size: 20px !important;}
	.content h1{font-size: 30px !important;}
	.arlogo {
    height: 120px;
    margin: 15px 0px;
    }
	.formbg label {
    font-size: 16px;
	}
	.vrfyusr .formbg label {
    font-size: 17px;
    color: #111111;
}
	.formbg .form-control {
    padding: 6px;}

	header p {
		display: inline;
        float: right;
        text-align: right;
        font-size: 16px;
        color: #000000;
        margin-top: 30px;
	}
	.detailbg .para{font-size: 16px;}
	.gwr{height: 105px;}
	.hdng1 {
		font-size: 21px;
	}

	.par1 {
		font-size: 18px;
	}

	.hglghthdng h4 {
		font-size: 20px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{    font-size: 20px; line-height: 27px;}
	.clkbtn{    font-size: 21px;}
footer{position: fixed;
    bottom: 0;}
	footer, footer span{    font-size: 12px;}
}

@media (max-width: 1299px) and (min-width: 1200px) {
	.vrfyusr .mainbg, .ddtls .mainbg {
    top: 138px;
}
.formbg{    margin-bottom: 30px;}
	.content h2.pldgtxt{font-size: 27px !important;
           width: 60%;
        margin: 25px 20% 25px 20%;
    line-height: 35px;}
	.pldgbtn{    font-size: 20px !important;}
	.content h1{font-size: 30px !important;}
	.arlogo {
    height: 95px;
    }
	.formbg label {
    font-size: 16px;
	}
	.formbg .form-control {
    padding: 6px;}

	.detailbg .para{font-size: 16px;}
	.detailbg {
		width: 90%;
	}	
	.ban-txt img{    height: 160px;}
	.gwr{height: 95px;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 20px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{ font-size: 21px;
        line-height: 27px;
        padding-right: 35px;}
	.clkbtn{    font-size: 21px;}
	footer, footer span{    font-size: 12px;}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.listcontainer {
    width: 100%;
    float: left;
    margin: 60px 0% 80px;
}
	.mainbg {
    position: absolute;
    top: 150px;
    left: 80px;
}
	.hcpbg {
    width:70%;
    float: left;
    margin: 40px 15%;
}
	.vrfyusr .mainbg, .ddtls .mainbg {
    top: 138px;
}
.formbg{    margin-bottom: 30px;}
	.content h2.pldgtxt{font-size: 27px !important;
           width: 60%;
        margin: 25px 20% 25px 20%;
    line-height: 35px;}
	.pldgbtn{    font-size: 20px !important;}
	.content h1{font-size: 30px !important;}
	.arlogo {
    height: 100px;
    margin: 0px;
    }
	.vrfyusr .formbg h5{margin-bottom: 15px;        margin-top: 20px;}
	.bg1.vrfyusr, .bg1.vrfyusr .opacbg{    height: 150vh;}
	    .content h2.pldgtxt {
        font-size: 26px !important;
        width: 70%;
        margin: 25px 15% 25px 15%;
        line-height: 35px;
    }
	.bg1.ddtls, .bg1.ddtls .opacbg{    height: 140vh;}
	.formbg label {
    font-size: 16px;
	}
	.vrfyusr .formbg label {
    font-size: 17px;
    color: #111111;
}
	.formbg .form-control {
    padding: 6px;}
	.slick-list{    min-height: 315px;	}
	.detailbg {
		width: 90%;
	}	
	.detailbg .para{font-size: 16px;}
	.formbg {
		width: 80%;}
	.imgico {
		width: 22%;
		float: left;
	}
	.imgtxt {
		width: 78%;
		float: left;
		margin-top: 0px;
	}
	.ban-txt img{height: 135px;
        top: 65%;
        left: 50%;
        transform: translate(-78%, 69%);}
	.gwr{height: 90px;}
	.cal{height: 80px;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 18px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{ font-size: 21px;
        line-height: 27px;
        padding-right: 35px;}
	.clkbtn{    font-size: 21px;}
	footer, footer span{    font-size: 12px;}
}

@media (min-width: 1024px) {
	.thankbg{padding-bottom: 170px;}
}

@media (max-width: 991px) and (min-width: 769px) {
	.docinfo {
           display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 50px;
}

.time {
    position: relative;
    right: 0;
    height: 150px;
}
	.listcontainer {
    width: 100%;
    float: left;
    margin: 60px 0% 80px;
}
	.agendabg .agbg
	{
	margin: 20% 5%;
	background-color: #ffffffa1;
    border: 12px solid #e41187b3;
    box-shadow: inset 0px 2px 3px 0px #0063a8b3;
}
	.chsflbg label.chsfl img {
    height: 30px !important;
    margin-right: 10px;
    width: auto !important;
    margin-bottom: 0px;
}
	header{padding: 0px;}
	.reftxt {
   position: absolute;
        top: 17px;
        right: 45px;
        color: #000000;
        font-size: 14px;
}
	.arlogo {
   height: 100px;
        margin: 0px 0px;
}
.opacbg{    padding: 0px 0px 64px 40px;min-height: 675px;}
.opacbg .mainbg{    top: 140px;}
.opacbg .mainbg img{          height: auto !important;
        width: 100%;
        margin: 0px auto 20px;}
.formbg label {
    font-size: 15px;
}
.formbg .form-control{            padding: 10px;
        font-size: 17px;
	}
	.content h4{    font-size: 23px !important;
    margin: 12px 0px;}
	.betag{    margin: 0px auto;
		display: block;}
		.opacbg .mainbg img.photo{        height: 100px !important;
        margin: 0px auto 10px;}
		.sbmtbtn {    font-size: 14px;}
		.content h2.pldgtxt{    font-size: 25px !important;
    width: 90%;
    margin: 18px 5% 25px 5%;
    line-height: 26px;}
	.content h2.pldgtxt span{font-size: 29px !important;}
	.pldgbtn{    font-size: 18px !important;}
	.content h1{    font-size: 26px !important;}
	.content h2{    font-size: 30px !important;}
	.hcpbg {
    width: 90%;
    float: left;
    margin: 40px 5%;
}
	.formbg {
	width: 80%;}
	.bordrbtn, .fillbtn{    font-size: 15px;}
	.imgico, .imgico2 {
		width:18%;
		float: left;
	}

	.imgtxt, .imgtxt2 {
		width: 82%;
		float: left;
		margin-top: 0px;
	}
	.clkbtnbg{width: 70%;}

	.ban-txt img{height: 120px;
        top: 65%;
        left: 50%;
        transform: translate(-78%, 60%);}
	.gwr{height: 90px;}
	.cal{height: 80px;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 18px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{ font-size: 21px;
        line-height: 27px;
        padding-right: 35px;}
	.clkbtn{    font-size: 21px;}
	footer{        position: fixed;
        bottom: 0;}
	footer, footer span{    font-size: 12px;}
	.bg2{background-size: unset;}
	    .logo {
        position: relative;
        left: 0;
    }

	.vdo #module1 {
    margin: 10px 7% 30px 7%;
    position: relative;
}

	.vdo #module1 .mbdrbg
{
	min-height: auto;
}
}

@media (max-width: 1199px) and (min-width: 150px) {
	.mt0res{margin-top: 0px;}	
	.mb10res{margin-bottom: 10px;}
	.dnoneres{display: none !important;}
	.dblockres{display: block !important;}
}

@media screen and (width: 768px) {
	.slick-slider{    margin-bottom: 80px;}
	.nxtbtn{    bottom: 20px;}
}



@media screen and (max-width: 768px) and (min-width: 150px) {
	.bg2.vidbg .bdrbgmain .bdrbg p{font-size: 21px;}
	.bg2.vidbg .bdrbgmain .bdrbg p span{font-size: 20px;}
	.bdrbgmain .bdrbg a.blbtn{font-size:21px;}
	.vdo #module1 .mbdrbg
{
	min-height: auto;
}
	.vdo #module1 {
    margin: 10px 7% 30px 7%;
    position: relative;
}
.mbdrbg .maintbl .hdr1{    border-radius: 18px 18px 0px 0px;}
	.mbdrbg .maintbl .dt1
	{
		width: 100%;
    padding: 10px 5px 0px;	
	}

.mbdrbg .maintbl .dt2
	{
		width: 100%;
    padding: 5px 5px 10px;	
	}
.mbdrbg .docname p{text-align: center;}

	.bg2{background-size: unset;}
	#module1 .modal-dialog, #module2 .modal-dialog {
    max-width: 100%;
    width: 97%;
}

.docinfo {
    display: block;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 20px;
    text-align: center;
}

.agendabg .agbg .modal .maintbl, .agendabg .agbg .modal .maintbl2 {
    width: 100%;
    float: left;
    margin: 0px 0%;
}

.agendabg .agbg .modal .docname p{text-align: center;    margin: 0px 0px 10px 10px;}

.time {
    position: relative;
    right: 0;
    height: 150px;
}
	.goldlogo
	{
		    position: absolute;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, 0%);
	}

	.logo{
	position: relative; left: 0;
}

.logo2{
	position: relative; right: 0;
}

	.listcontainer table tr td{    padding: 15px 5px 5px 5px;}

	.selist table tr td img{height: auto !important;}

	.epi {
            height: auto;
            margin-top: 10px;
            max-height: 32px;
    }

.listcontainer {
    width: 100%;
    float: left;
    margin: 60px 0% 80px;
}
	.agendabg .agbg
	{
		        margin: 20% 5%;
        background-color: #ffffffa1;
        border: 12px solid #e41187b3;
        box-shadow: inset 0px 2px 3px 0px #0063a8b3;
        padding: 50px 10px;
}


	.chsflbg label.chsfl img {
    height: 30px !important;
    margin-right: 10px;
    width: auto !important;
    margin-bottom: 0px;
}
	.opacbg .mainbg img{          height: auto !important;
        width: 100%;
        margin: 0px auto 20px;}

	  .container, .container-sm {
        max-width: 96%;
    }
	.arlogo {
    height: 75px;
    margin: 0px 0px;
}
	footer{        position: fixed;
        bottom: 0;}
	.content h1 {
		color: #976127;
		font-family: 'RobotoB', sans-serif;
		font-weight: 1000;
		        font-size: 30px !important;
        margin-top: 35px;
		margin-bottom: 20px;
	}
	.thankbg{    padding-bottom:110px;}
	.slick-list{    min-height:unset;	}
	.content h2.pldgtxt{     font-size: 20px !important;
        width: 90%;
        margin: 6px 5% 10px;
        line-height: 34px;}
	.arlogoftr{    bottom: 20px;}
	.thankbg img{
    height: 80px;
    margin-bottom: 15px !important;
    }
	.thankbg .crtfctbtn img{height: auto !important; margin-bottom: 0px !important;}
	.thankbg img.monologo{margin-bottom: 10px !important;}
	.thankbg h4 img{    height: 30px;
    margin-bottom: 10px !important;
    margin-top: 15px;}
	.hcpbg {
    width: 96%;
    float: left;
    margin: 40px 2%;
}
.hcpbg .hcp{border-radius: 15px;
    padding: 15px 15px;}
.hcpbg .hcp .hcpbtn{position: relative;
    top: unset;
    bottom: 0;
    right: unset;
    transform: unset;
    margin-top: 7px !important;
    float: left;}
	.numb-bg{    margin: 0px 5px;}
	.content h2.pldgtxt span{    font-size: 25px !important;
    line-height: normal;}
	.betag{            margin: -30px auto 0px;
        display: block;
        height: auto !important;
        max-height: 150px;}
		.pldgbtn{display: inline-block;
        width: auto;
        margin: -14px 3% 0px;
        font-size: 18px !important;
        padding: 5px 20px;}
	header p {
		display: block;
		float: none;
		text-align: center;
		font-size: 15px;
		color: #ffffff;
		margin-top: 5px;
	
		padding-top: 7px;
		margin-bottom: 5px;
	}
	.detailbg .para{    font-size: 18px;}
	footer p{font-size: 12px !important;}
	.detailbg {
		width: 92%;}
	.mainbg img{height: auto !important;       max-height: unset !important;}
	.mainbg img.photo{max-height: 130px;}
	.mainbg img.betag{max-height: unset !important; height: 130px !important; margin: 0px !important;}
	.mainbg img.betag2{max-height: unset !important; height: auto !important; margin: 0px !important;}
	footer p{text-align: center;}
	.bg1{height: 140vh;}
	.opacbg{padding: 20px;         min-height: 136vh;}
	.formbg .form-control{    padding: 6px;}
	.navico{
    position: relative;
    right: 10px;
    top: 0px;
    transform: translate(-0%, 0%);
    }

	.usrname{
        margin-top: 0px;
        top: 0px;
        font-size: 16px;
        right: 5px;
        position: relative;
        }

	.listbg .navico {
        position: absolute;
        right: 10px;
        top: -15px;
    }
	.formbg {
		width: 90%;
        float: left;
        margin-left: 5%;
		margin-top: 20px;
		background: #D1D3D4;
		padding: 20px 25px;
		border-radius: 15px;
		text-align: left;
	}

	.reftxt {
    position: absolute;
    top: 18px;
    right: 5px;
    color: #000000;
    font-size: 12px;
    text-align: right;
}
	.formbg label{    font-size: 15px;}
	.mainbg{text-align: center;    top: 145px;}
	.float-none-xs {
		float: none !important;
	}

	.tcenter-xs {
		text-align: center !important;
	}

	.imgico, .imgico2 {
		width: 25%;
		float: left;margin-right: 10px;
	}
	.imgtxt, .imgtxt2 {
		width: 70%;
		float: left;
		margin-top: 0px;
	}
	.ban-txt img{        max-height: 120px;
		height: auto;
        top: 56%;
        left: 50%;
        transform: translate(-50%, 50%);}
	.gwr{height: auto;}
	.cal{height: auto;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 18px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 10px 10px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{         font-size: 21px;
        line-height: 27px;
        padding-right: 10px;
        padding-left: 10px;
}
.clkbtnbg {
	width: 90%;
}

		.campobj img{height: auto !important; width: 100%;}
	    .clkbtn {
			font-size: 20px;
        padding: 10px 20px;
		}
		.clkbtnimg{display: none;}
	footer, footer span{    font-size: 12px;}

	.dnone-xs{display: none;}
	.dblock-xs{display: block;}
	.crtfctbtn
{
    font-size: 17px;
    display: block;
    width: 90%;
    margin: 0px 5% 30px;
    padding: 5px 10px;
}
}


@media screen and (max-width: 1050px) and (min-width: 150px) {
.bg3, .thankbg
{
height:100vh;
}
footer{position: fixed; bottom: 0;}
.thankbg h1 br{display: none !important;}
}

@media screen and (max-width: 991px) and (min-width: 500px) {
	    .opacbg {
        padding: 20px;
        min-height: 150vh;
    }
}

@media screen and (max-width: 499px) and (min-width: 150px) {
	    .opacbg {
        padding: 20px;
        min-height: 100vh;
    }
	    .bg1 {
        height: 115vh;
    }

	.agendabg .agbg h3 {
    font-size: 40px;
	}
	.agendabg .agbg h4 {
    font-size: 25px !important;
	}
}