@charset "utf-8";
body{
	width: auto;
	margin: 0;
	//font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	background-image: url(../images/bgimg.jpg);
	background-repeat: repeat;
}
body a{
	text-decoration: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  border:none;
  border:transparent;  
}
input:focus{
	border:transparent;
}
input[type=number] {
  -moz-appearance: textfield;
}
select{
	height:45px;
	background-color:#D5F5E3;
	border:none;
}
select:focus{
	outline:none;
}
select>option{
	font-size:14px;
}
input:disabled{
	background: transparent;
	color:black;
}
textarea:disabled{
	background: transparent;
	color:black;
}
input:-webkit-autofill {
    box-shadow: 0 0 0 9999px #D5F5E3 inset;
	outline:none;
	height:32px;
	border:transparent;
}
input:hover{
	border:transparent;
	outline:#229954;
	border:none;
}
.hero-box {
	height: 600px; width: 800px; margin-left: auto; margin-right: auto; padding:10px;
}
.hero-box1 {height:700px;margin-left: auto;margin-right: auto;}

.hero-window{
	background-image: url(../images/bg.jpg);background-repeat: no-repeat;background-size: cover; background-position: top center;}
.paydet-box	{
	height: auto; width: 80%; margin-left: auto; margin-right: auto; padding:10px;
}
.edit_but{
	background-color:#99ccff;
}
.edit_but:hover{
	background-color:#ffb3e6;
}
.uacc_box{
	height: auto; width: 80%; margin-left: auto; margin-right: auto; padding:10px;background:white;
	border:1px solid grey;
}

main{margin-top: -15px;height: 100%;}
.text1{width: 100%;vertical-align: middle;height: 100%;}
.recentstext{text-align: center;}
.recentstext h3{font-size: 18px;font-weight: 600;margin-top: 40px;margin-bottom: 40px;}
.text1 h1{font-size: 40px;font-weight: 500;color:white;padding-top:10%; margin: 0px;}
.text2 h1{font-size: 40px;font-weight: 500;color:white;padding-top:10%; margin: 0px;}
.text1 p{font-size: 22px;font-weight: 500;color:white;}
.searchbar {vertical-align: middle;width: 75%;
	margin-left:auto;
	margin-right: auto;
	background-color: #30caa0;
	text-align: center;
	margin-top: -3em;
}
.searchbar select{
	height: 3em;
	width: 15%;
	border: 0;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding-left: 1%;
	font-size: 16px;
	padding-top: 0;
	margin-right: 2%;
		
}
header{
	overflow: hidden;
	padding: 0px;	
}
#hr{
	height: 1px;
	width: 100%;
	background-color: white;
}
.title-bar{
	height: 6em;
	width: 100%;
}
#logo{
	position: absolute;
	width: 50%;
	padding-left: 25px;
	padding-top: 1.8em;
	float: left;
}

.site-logo {
	display: inline-block;
	vertical-align:middle;
	text-decoration: none;
	color:white;
	font-size: 40px;
	font-weight: 600;
	
}
#login{
	padding-top: 2.4em; 
	
	float: right;
	color: white;
	text-align: right;
	width: 50%;
	padding-right: 30px;
}
#login a{
	text-decoration:none; 
	color: white;
}
.navdiv {	
	float:right;
	width:100%;

}
.nav {
	float: right;
	list-style: none;
	padding-right: 25px;
}
.navabt {
	float: right;
	list-style: none;
	padding-right: 25px;
}

.nav li {
	display: inline;
	
}
.navabt li {
	display: inline;
	float:left;
	
}

.nav li a {
	display: inline-block;
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	margin-left: 30px;
	font-size: 14px;
}
.navabt li a {
	display: inline-block;
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	margin-left: 30px;
	font-size: 14px;
}
.nav li a:hover {
	color: #30caa0;
}
.navabt li a:hover {
	color: #30caa0;
}
.hei3{
	height: 760px;
}
.hidendiv {
	width: 70%;
	display: none;
	margin-left: 15%;
	text-align: left;
	z-index: 3;
	background-color:white;
	list-style: none;
	position: absolute;
	
}
.hidendiv li{
	
	border-bottom: 1px solid #e1e1e1;
	padding: 12px 20px;
}
.hidendiv li a{
	text-decoration-line: none; 
	color:black;
	text-transform: uppercase;
}
.hidendiv a{
	width: 100% !important;
	display: block;
}

.seacrhdiv {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 7em;
}
.searchbar {
	vertical-align: middle;
	width: 75%;
	margin-left:auto;
	margin-right: auto;
	background-color: #30caa0;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
	margin-top: -3em;
}
.searchbtn {
	height: 2.8em;
	border: 0;
	width: 15%;
	color: white;
	font-size: 16px;
	background-color:#261C1C;
	
}
a li {
	cursor: pointer;
}
button{
	cursor: pointer;
}
.nav-switch {
	display: none;
}
.maindiv{
	height: auto;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.coloumn{
	width:50%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	
}

.addbar{
	color: black;
	height: 60px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-color:rgba(255, 255, 255, 0.4);
	padding-top: 8px;
	padding-left: 6px;
	font-weight: bold;
}
.addbar div{
	color: black;
	float: left;
	width: 70% !important;
	margin: 0;
	vertical-align: middle;
	
}
.addbar button{
	width: 26%;
	margin-left: 2%;
	margin-right: 2%;
	height: 70%;
	border-radius: 6px;
	border: 0;
	font-size: 16px;
	color:white;
	background-color:crimson;
}

.table1{
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
	border-collapse: collapse;
}
.table1 tr{
	height: 50px;
}
#img{
	height: 260px;
}
#img img{
	border: 2px solid #229954;
	display: block;
	width: 100%;
	height: 99%;
	object-fit: contain; 	
}

#thumbimg img{
	 border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}

#adrs {
	height: 60px;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
#textr{
	text-align: right;
	padding-right: 8px;
	
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
#textl{
	text-align: left;
	padding-left: 8px;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	
}
#btn button{
	width: 100%;
	height: 50px;
	border-radius: 6px;
	border: 0;
	font-size: 16px;
	color:black;
	background-color:#D5F5E3;
}

#valid button{
	width: 100%;
	height: 50px;
	border-radius: 6px;
	border: 0;
	font-size: 16px;
	color:white;
	background-color:crimson;
}

footer{
	width: 100%;
	margin: 0;
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 20px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	padding-top:20px;
	background-color: #021816;
	
}
.footer-col{
	width: 31.3%;
	margin: 1%;
	float: left;
	color:white;
	font-size: 16px;
	text-align: left;
	line-height: 2em;
}
.footer-col span{
	font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
#ftext{
	font-size: 20px;
	font-weight: 600;
	color: white;
}
#green{
	color:#30caa0;
}
#logotext{
	font-size: 24px;
	color: white;
}



/*Regselect page*/


.navbar {overflow: hidden; background-color: #333;}
.navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none;}
.dropdown { float: left; overflow: hidden;}
.dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover { background-color: #ddd;}

.dropdown:hover .dropdown-content {
  display: block;
}

button.button2 {
 background-color: #e26403;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff1e6), color-stop(50%, #fff1e6), color-stop(50%, #fff1e6), color-stop(100%, #fff1e6));
	background-image: -webkit-linear-gradient(top, #fff1e6 0%, #fff1e6 50%, #fff1e6 50%, #fff1e6 100%);
	background-image: -moz-linear-gradient(top, #fff1e6 0%, #fff1e6 50%, #fff1e6 50%, #fff1e6 100%);
	background-image: -ms-linear-gradient(top, #fff1e6 0%, #fff1e6 50%, #fff1e6 50%, #fff1e6 100%);
	background-image: -o-linear-gradient(top, #fff1e6 0%, #fff1e6 50%, #fff1e6 50%, #fff1e6 100%);
	background-image: linear-gradient(top, #fff1e6 0%, #fff1e6 50%, #fff1e6 50%, #fff1e6 100%);
  -webkit-background-clip: padding-box;
  border-radius: 5px;
  border-color:white;
  color: white;
  font:  14px/1 "helvetica neue", helvetica, arial, sans-serif; font-weight:500;
  padding: 10px 0 12px 0;
  text-align: center;
  width: 125px;
  -webkit-background-clip: padding-box; }
  button.button2:hover {
    background-color: #fff1e6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff1e6), color-stop(50%, #fdb781), color-stop(50%, #fc8c36), color-stop(100%, #e26403));
  background-image: -webkit-linear-gradient(top, #fff1e6 0%, #fdb781 50%, #fc8c36 50%, #e26403 100%);
  background-image: -moz-linear-gradient(top, #fff1e6 0%, #fdb781 50%, #fc8c36 50%, #e26403 100%);
  background-image: -ms-linear-gradient(top, #fff1e6 0%, #fdb781 50%, #fc8c36 50%, #e26403 100%);
  background-image: -o-linear-gradient(top, #fff1e6 0%, #fdb781 50%, #fc8c36 50%, #e26403 100%);
  background-image: linear-gradient(top, #fff1e6 0%, #fdb781 50%, #fc8c36 50%, #e26403 100%);
    -webkit-background-clip: padding-box;
    cursor: pointer; }
button.button2:active {
    background: #e26403;
    background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #fdc59b 0%, #fc9a4f 50%, #fc7d1d 50%, #e26403 100%);
    background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(226, 100, 3, 0.4)), to(rgba(252, 154, 79, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
    color: #FFF;
    -webkit-background-clip: padding-box; }

button.button2:disabled{
  background-color: #9e76e8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e76e8), color-stop(50%, #f3f3f3), color-stop(50%, #6021de), color-stop(100%, #6224de));
  background-image: -webkit-linear-gradient(top, #9e76e8 0%, #f3f3f3 50%, #f3f3f3 50%, #6224de 100%);
  color:white;
	
}
/* userreg page */
.reg_page{width:60%;height:auto;border-radius:8px;background-color:white;border:rgb(50, 100, 255 );margin:1%;padding:6px;}
.reg_page legend{background-color:rgba(100,0,255,0.8);color:#ffffff;padding:3px 5px 3px 3px; box-shadow: 7px 7px 7px rgba(0,0,0,0.5);}
.data-tab{width:100%;}
.data-tab tr td{padding-bottom:7px;font-size:16px;width:20%;}
.sell_data-tab tr td{padding-bottom:7px;font-size:16px;width:20%;color:white}

.data-tab select{padding-bottom:7px;font-size:16px;}
.data-tab textarea{font-size:16px;border-radius:10px;width:92%}
.data-tab input{padding:3px;font-size:16px;width:90%; height:32px}
.sell_data-tab input{padding:3px;font-size:16px;width:90%; height:32px}
select{
	padding:3px;font-size:14px;width:70%; height:34px;
	border-radius:8px;
	
}

.reg_page fieldset{border-radius:10px;margin:10px;width:95%}
.signin-control{-webkit-border-radius: 5px; font-weight:500; height:25px; font-size:16px; border-color:white}
.signin-control:focus {  border-color: rgb(50, 100, 255 );outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 7px 8px rgba(104, 145, 162,);-webkit-border-radius: 5px; }

.col1{width: 48%; float:left; padding-left:1% }
.col2{width: 48%; float:right; }
.col3{width: 80%; float:center}
.submit-area{margin-bottom:3%;}
.btn-submit{width:120px; height:auto;background-color:#ff0066;border-radius:8px;border-style:groove;font-size:20px;font-weight:700;color:white}
#m-status{padding:10x;font-weight:700;font-size:18px;width:95%;border-radius:5px;height:2em;}
#avatar{
	width:225px;
	height:250px;
	border:5px solid grey; 
	border-style:double; 
	background-color:white;
	object-fit: contain;
}
#avatar1{
	width:225px;
	height:250px;
	border:5px solid grey; 
	border-style:double; 
	background-color:white;
	object-fit: contain;
}
#user_image{width:75%}
.small-font{font-size:12px;color:red}
.mydiv1 {
	position:absolute;
	top: 30%;
	left: 50%;
	width:40%;
	height:auto;
	margin-top: -5%;
	margin-left: -20%;
	text-align:center;
	border:1px solid grey;
	-webkit-border-radius: 10px;
    background-color: #D5F5E3;z-index:9999;
	
}

#transparent{
	background-image:none;
	opacity:0;
}
.tooltip {
  width:auto;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color:#ffcccc;
  color: #000;
  text-align: center;
  padding: 5px 0;

  border-radius: 6px;
  float: center;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}


.tooltiptext table tr td{
	border:1px solid;
	border-color:black;
	text-align:center;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
#details{display:none}
.container {
	display: flex;
    justify-content: center;
    align-items: top;
    height: auto;
    background-color: #D5F5E3 ;
	padding-top:100px;
	padding-bottom:8em;
}

.portrait-box {
	display:flex;
	width: 800px;
	height: 460px;
	background-size: cover;
	border:1px solid #1CA91B;
	border-radius: 15px;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
	background-color:  #FFF;
}
#login_box input{
	box-shadow: 0 0 0 9999px #D5F5E3 inset;
	outline:none;
	border:transparent;
}
#login_box input[type=checkbox]{
	box-shadow: none;
	
}
.regform input{
	font-size:16px;
	box-shadow: 0 0 0 9999px #D5F5E3 inset;
	border:transparent;
	height:40px;
}
.regform:has(input:focus){
  		box-shadow:0 0 5px #229954;
}
.regform input:focus{
	border:transparent;
	outline:none;	
}
::placeholder {
  color: #229954;
  opacity: 1; /* Firefox */
}

.box{
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:auto;
	border-radius:15px;	
}

.avatar{
		height:30px;
		width:30px;
		display:flex;
		justify-content: center;
		align-items: center;
	}
.image{
	margin-top:20px;
	border-radius: 15px;
	height:100%;
}
.row1{
	font-size:14px;
	font-family: Gill Sans Extrabold, sans-serif;
	color:#229954;
	border:1px solid #229954;
	height:45px;
	display:flex;
	justify-content: left;
	align-items: center;
	background-color: #D5F5E3;
	padding-left:5px;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}

button.login_btn{
	width:65px;
	height:38px;
	background-color:#D5F5E3;
	border:1px solid #229954 ;
	font-size:18px;
	font-family: Poppins, sans-serif;
	color:#229954;
	border-radius:5px;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}
button.login_btn:active{
	width:60px;
	height:33px;
	background-color:#D5F5E3;
	border:1px solid #229954 ;
	font-size:16px;
	font-family: Poppins, sans-serif;
	color:#229954;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}
button.login_btn1{
	width:80px;
	height:38px;
	background-color:#D5F5E3;
	border:1px solid #229954 ;
	font-size:18px;
	font-family: Poppins, sans-serif;
	color:#0088cc;
	border-radius:5px;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}
button.login_btn1:active{
	width:75px;
	height:33px;
	background-color:#D5F5E3;
	border:1px solid #229954 ;
	font-size:16px;
	font-family: Poppins, sans-serif;
	color:#0088cc;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}
button.login_btn:disabled{
	background-color:white;
	border:1px solid #229954 ;
	
	font-family: Poppins, sans-serif;
	
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}
.lbl_link{
	font-size:12px;
	cursor:pointer;
	color:#229954;
	font-family: 'Poppins', sans-serif;
}
.curve {
	margin-bottom:2em;
	-webkit-border-radius: 8px;
	border:1px solid grey;
}
button.button2 {
  background-color: #9e76e8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e76e8), color-stop(50%, #7038e0), color-stop(50%, #6021de), color-stop(100%, #6224de));
  background-image: -webkit-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -ms-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -o-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  border-radius: 5px;
  color: #fff;
  font:  16px/1 "helvetica neue", helvetica, arial, sans-serif; font-weight:500;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #473569;
  width: 100px;
  -webkit-background-clip: padding-box; }
  button.button2:hover {
    background-color: #8d69cf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d69cf), color-stop(50%, #6332c7), color-stop(50%, #551dc4), color-stop(100%, #561fc4));
    background-image: -webkit-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: -ms-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: -o-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    background-image: linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
    -webkit-background-clip: padding-box;
    cursor: pointer; }
button.button2:active {
    background: #4a1aab;
    background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);
    background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
    color: #ddd;
    -webkit-background-clip: padding-box; }

button.button2:disabled{
  background-color: #9e76e8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e76e8), color-stop(50%, #f3f3f3), color-stop(50%, #6021de), color-stop(100%, #6224de));
  background-image: -webkit-linear-gradient(top, #9e76e8 0%, #f3f3f3 50%, #f3f3f3 50%, #6224de 100%);
  color:black;
	
}

/* nomreg page */



/* userconfirm page*/
.cnfrm_page label{width:20%;}
.cnfrm_in{width:20%;font-size:20px;color:black;text-align:center;margin:1%;border-radius:5px;height:2em}

/* login page */
.loginbox{width: 50%; margin-left: auto; margin-right: auto; border: 2px solid white; overflow: hidden; margin-top: 150px; background-color: #7FB3D5; height: 250px; 
	box-shadow: 3px 4px black; margin-bottom: 30px;
	border-radius:8px;}
.hero-box1 {height:700px; margin-left: auto; margin-right: auto;}
.login-col{	text-align: left;margin: 0;	float: left; height: 100%; width: 50%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
.login-col table{ width: 80%; table-layout: fixed; margin-left: auto; margin-right: auto;}
.login-col input{ border:0; height: 2em; width: 68%; margin: 0; margin-right:10%; margin-left: 2%; padding: 5px;}
.login-col i{ width: 8%; font-size: 20px;}
#lbtn{padding-left: 25%;}
#lbtn button{ margin-top: 10px; margin-bottom: 10px; width: 50%; height: 2em; border-radius: 6px; border: 0; color:white;font-weight:500; background-color:white; 
	box-shadow: 3px 4px black}
#logintext{text-align: center; font-size: 30px; height: 100%; width: 100%; color: black; font-weight: 600; vertical-align: middle; display:-webkit-box;	-webkit-box-pack:center;
	-webkit-box-align:center; border-right: 2px solid white;}
/* user registration confirming page regconfirm.php */

#mydiv{display:none; width:50%;}

/* user accounts page uccounts.php */
.acc_col{width:50%; font-size:16px; font-weight:500;margin-top:2em;}	
#pay-btn{width:80%; float:right;}

/* user profile page uprofile.php */
.uprofile_box{width:60%}

/* developer register page sellreg.php*/
.reg_page-dev{width:50%;height:auto;border-radius:10px;background-color:transparent;border:rgb(50, 100, 255 );margin:0%;padding:6px;color:white}
.reg_page-dev legend{background-color:rgba(100,0,255,0.8);color:#ffffff;padding:3px 5px 3px 3px; box-shadow: 7px 7px 7px rgba(0,0,0,0.5);}
.reg_page-dev fieldset{border-radius:10px;margin:10px;width:90%}
#company_tab{display:none;}
#sup_tab{display:none;}
.data-tab select{width: 92%; height: 32px; border-radius: 5px; font-weight:700}
.bot_border{border:none; margin-bottom:2%;}
.hero-box2 {height:auto;margin-left: auto;margin-right: auto;}
.hero-box3{
	width: 100%;
	text-align: center;
	height: 40px;
}
.col2{
	width: 50%;
	float: left;
	
	margin-bottom: 10px;
	
}
.col2 table{
	table-layout: fixed;
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
.col2 td{
	width: 95%;
	padding-left: 5%;
}
.col2 label{
	font-size: 16px;
}
.col2 select{
	width: 63%;
	height: 26px;
	border:0px;
	margin-bottom: 8px;
	margin-top: 8px;
	border-bottom: 1px solid #d7d7d7;
}
/*.col2 input {
	width: 95%;
	height: 20px;
	padding: 6px;
	font-size: 18px;
	margin-bottom: 8px;
	
	border-bottom: 1px solid #d7d7d7;
}
.col2 textarea {
	width: 60%;
	max-width: 60%;
	height: 70px;
	max-height: 70px;
	font-size: 18px;
	border:0px;
	resize: none;
	border-bottom: 1px solid #d7d7d7;
}*/

#herotext{
	color:white;
	font-size: 26px;
	font-weight: 600;
}

.sbmbtn{
	width: 200px;
	height: 35px;
	color: white;
	background-color: crimson;
	border: 0px;
	border-radius: 4px;
	margin-left: 20px;
}
.maindiv1{
	width: 70%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white;
}
.maindiv1 img{
	width: 50%;
	height: auto;
	background-size: none;
	border: 1px solid crimson;
	object-fit: contain;
}
.maindiv2{
	width: 50%;
	height:100%;
	border-radius:5px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #D5F5E3;
}
#kychead{
	height:22%;
	width:100%;
	display:block;
	border-radius:5px;
	color:#229954
}
#kychead label{
	display:block;
	width:100%;
	float:center;
}
#kycpic{
	border:1px solid grey;
	height:13em;
	width:25%;
	border-radius:5px;
	float:right;
	margin:10px;
	
}
/*
.maindiv2 legend{
	background-color:rgba(100,0,255,0.8);
	color:#ffffff;
	padding:3px 5px 3px 3px;
	box-shadow: 7px 7px 7px rgba(0,0,0,0.5);
	
}
*/
#heading{
	width:20%;
	height:2.5em;
	background-color:rgba(100,0,255,0.8);
	color:white;
	font-size:18px;
	border-radius:5px;
	
}

#planimg{
	width: 99%;
	height: auto;
	background-size: none;
	border: 1px solid crimson;
	object-fit: contain;
}
.noofplots{
	width: 16%;
	height: 20px;
	margin: 3px;
	padding: 6px;
	font-size: 18px;
	border:1px solid crimson !important;
	display: none;
	
}
.plots input {
	width: 16%;
	height: 20px;
	padding: 6px;
	font-size: 18px;
	border:0px;
	border-bottom: 1px solid #d7d7d7;
}
.plots button{
	width: 20%;
	height: 37px;
	background-color: crimson;
	color: white;
}


.hei2{
	height: 540px;
}
.scrl {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
}
.documents label{
	font-size: 18px !important;
}

.p_col {width: 30%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;
}

/* KYC page*/
#kycavatar{
	margin-top:20px;
	width:225px;
	height:225px;
	border:5px solid #ffeb3b; 
	border-radius:118px;
	background-color:#eafaf1;
	object-fit: contain;
	cursor:pointer	
}
.editavatar{
	height:28px;
	width:45px;
	display:flex;
	justify-content: left;
	align-items: left;
}
.column {
  float: left;
  padding: 10px;
}
#smlcol{
	background-color:#00695c;
	width:34%;
}
.lftcol{
	display:grid;
	background-color:#eafaf1;
	border-radius:100px;
	width:30%;
	float:right;
	height:200px;
}
.ritecol{
	display:grid;
	background-color:#eafaf1;
	width:70%;
	float:left;
	height:200px;
}
#bigcol{
	background-color:#eafaf1;
	width:62%;
	color:black;
	text-align:end;
	padding-right:2%;
	padding-left:2%;
}
#bigcol p{
	border-top:1px solid black;
}
#bigcol td{
	
}
#smlcol input{	
	background-color:#00695c;
	color:white;
	text-align:right;
	float:right;
	font-size:16px;
	border:none;
	width:100%
}
#bigcol input{	
	background-color:#eafaf1;
	color:black;	
	float:right;
	font-size:1.17em;
	border:none;
	width:100%;
	height:32px;
}
#asdf{
	display:none;
}
#ekycappa{	
	font-weight:600;
}
#ekycnom{	
	font-weight:600;
}
#ekycadar{	
	font-weight:600;
}
#ekycrel{	
	font-weight:600;
}
#ekyccon{	
	font-weight:600;
}
#ekyc0{
	display:none;
}
#ekyc1{
	display:none;
}
#ekyc2{
	display:none;
}
#ekyc3{
	display:none;
}
#ekyc4{
	display:none;
}
#ekyc5{
	display:none;
}
/*
#ekyc6{
	display:none;
}
*/
body:has(.editappa:hover) #ekyc0{
	display:flex;
}
body:has(#editmob:hover) #asdf{
	display:flex;
}
body:has(#editadd:hover) #ekyc1{
	display:flex;
}
body:has(.editnom:hover) #ekyc2{
	display:flex;
}
body:has(.editnomadar:hover) #ekyc3{
	display:flex;
}
body:has(.editrel:hover) #ekyc4{
	display:flex;
}
body:has(.editcon:hover) #ekyc5{
	display:flex;
}
body:has(.editappa:hover) #ekyc6{
	display:flex;
}
#smlcol p{
	border-top:1px solid white;
}
.row2{
	font-size:14px;
	font-family: Gill Sans Extrabold, sans-serif;
	color:white;
	border:1px solid #00695c;
	height:45px;
	display:flex;
	justify-content: left;
	align-items: center;
	background-color: #00695c;
	padding-left:5px;
	/*box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);*/
}

.image{
	width:200px;
	height:300px;
}
.kyc{
	width:60%;
	background-color:#eafaf1;
	padding:1%;
	box-shadow: 9px 9px 7px rgba(130, 224, 170 , 0.5);
	color:white;
}
#kycbar{
	width:100%;
	height:4%;
}
.row:after {
  content: "";
  display: flex;
  clear: both;
	
}
.ri{
	text-align: right;
}
.col3{
	width: 100%;
}
.lt{
	text-align: center;
}
.col3 button{
	color:white;
	width: 20%;
	background-color:crimson;
	height: 32px;
	border-radius:5px;
	font-size: 16px;
}
.abt_div{
	width:60%;
	height:auto;
	border:1px solid black;
	border-radius:7px;
	overflow-x:auto;
	background-color:#eafaf1;
	align-items:center;
	display:flex;
}
.abt_div p{
	padding:1%;
	text-indent:15px;
	text-align:justify;
	font-size:16px;
	color:black;
}
.abt_div div{
	color:#229954;
	font-size:16px;
	text-align:center;
}
.txtdeco{
	padding:6%;	
}
.txtdeco div{
	text-align:justify;
	
}
.txtdeco td {
	text-align:justify;
}


.abttbl{
	width:80%;
}
#agree{
	transform: scale(1.5);
}
#acc_tab{
	border:1px solid blue;
	border-style: double;
	border-color: #b3d1ff;
	width:100%;
}
.data_tbl{
	border:1px solid black;
	height:auto;
	width:100%;
	color:black;
	text-align:center;
	background:white;
}
.data_tbl tr td {
	text-align:center;
	
}
.data_tbl tr:hover{
	background-color:#EEEEEE;
}
#ten_text{
	color:#ff0066;
}
.importdiv{
	background-image:none;
	background-color:white;	
	width:30%;
	height:auto;
	
}
.brandslide_container{
	width:60%;
	overflow:hidden;
	margin:auto;
	border-radius:500px;
}
.brandslide_container img{
	width:150px;
	margin:10px;
	
}
.brandslide_content{
	list-style:none;
	display:table-cell;
	animation-name:brand_jaru;
	animation-duration:10s;
	animation-iteration-count:infinite;
	animation-timing-function: linear;
	animation-fill-mode: both;
	
}
.brandslide_content:hover{
	animation-play-state: paused;
}




@media only screen and (min-width: 992px) and (max-width: 1199px){
/*.col1{width: 48%; float:right; }
.col2{width: 48%; float:right; }*/

#acc_tab{
	border:1px solid blue;
	border-style: double;
	border-color: #00ffcc;
	width:50%;
	
}

.acc_div{
	overflow:auto;
}


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.container {
	padding: 10px;
}
.portrait-box {
	display:flex;
	flex-direction: column;			
	width: 400px;
	height: 700px;
	background-size: cover;
	border:1px solid #229954;
	border-radius: 15px;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
	background-color:  #FFF;
}
.box{
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:auto;
	border-radius:15px;	
}
.row1{
	font-size:12px;
	font-family: Gill Sans Extrabold, sans-serif;
	color:#229954;
	border:1px solid #229954;
	height:45px;
	display:flex;
	justify-content: left;
	align-items: center;
	background-color: #D5F5E3;
	padding-left:5px;
	box-shadow: 12px 12px 7px rgba(204, 204, 204, 1);
}
#acc_tab{
	border:1px solid blue;
	border-style: double;
	border-color: #00ffcc;
	width:50%;
}

@media only screen and (max-width: 767px){
	/* userreg page */
/*.col1{width: 100%; float:left; }
.col2{width: 100%; float:right; }*/
.acc_div{
	overflow:auto;
}
#acc_tab{
	border:1px solid blue;
	border-style: double;
	border-color: #00ffcc;
	width:50%;
	
}
}

@media only screen and (max-width: 479px) {
#acc_tab{
	border:1px solid blue;
	border-style: double;
	border-color: #00ffcc;
	width:50%;
	
}

}

@media only screen and (max-width: 370px){
	
}