body {
  font-family: 'DM Sans Regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0; color:#000;
}
	
* {
  margin: 0;
  box-sizing: border-box
}
p{ padding:0px; margin: 0px; line-height: normal; font-size: 15px;}

html {
  scroll-behavior: smooth;
      -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}


.dsk{display: block;}
.mob{display: none;}
.container {
  position: relative;
    width: 100%;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1* var(--bs-gutter-y));
  margin-right: calc(-0.5* var(--bs-gutter-x));
  margin-left: calc(-0.5* var(--bs-gutter-x));
}



.border-none{border: none; margin-bottom: 20px;}

.miantb h4 {    text-align: center;
    font-size: 28px;
    font-weight: bold;
    /* background: -webkit-linear-gradient(right, #ff843f, #ca378f); */
	background: -webkit-linear-gradient(right, #222, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-decoration:underline !important;
}
.miantb h4 span{	
	text-align: center;
    font-size: 22px;
    font-weight: bold;
    background: -webkit-linear-gradient(right, #ff843f, #ca378f);
	/*background: -webkit-linear-gradient(right, #222, #000);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sideBar_widgetCreateKundli h4 {    text-align: center;
    font-size: 28px;
    font-weight: bold;
    background: -webkit-linear-gradient(right, #ff843f, #ca378f); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-decoration:underline;
}


.only-cpat1 span{ float:left}

.only-cpat1 .form-nc{
        float: left;
        width: 48%;
        margin-left: 23px;
        margin-top: 0px;
    }




/*Form Css*/

.form1{ width:100%; float:left; margin-bottom:8px}
.form1 label{margin-bottom:0.1rem}


.form2{ width:49%; float:left; margin-bottom:8px; margin-right:7px}
.form2:nth-child(2n + 2) {
    margin-right: 0px;
}
.form1 .invalid-feedback{font-size:11px; margin-bottom:1px; display:none !important}

#error{bottom: 8%;
    position: absolute;
    font-size: 16px;}

.text-12{ font-size: 15px;
    margin-top: 21px;}
	.fonr-resg{padding:20px 0 0px}
	
	.main-left-w{ width:47%; float:left; position:relative}
	
	.margi-r{    margin-left: 42px;}
	.main-left-w p{ margin:0px; padding:0px;font-weight: 600;}
	
	.back-ground{background:#F5F5F5BA; padding: 15px 0 0px}
	.main-text-login{ border-bottom: 0px solid #8f8c8c;}
	.line-sing{border-bottom: 1px solid #8f8c8c;}
	 .ptbn{ padding:20px 20px }



.local-link::before{  content: "";
    border-left: 1px solid #d1345d42;
    height: 100%;
    display: block;
    width: auto;
    position: absolute;
    left: -6%;}


.form-wgt-side{ width: 100%;
    height: auto;
    padding: 8px 0 6px;
    float: left;
    background: #fff1e9;
    }
.form-wgt{    width: 100%;
    height: auto;
    padding: 8px 0 6px;
    float: left; border-radius:15px;
    /* background: #fff1e9; 
    border: 1px solid #efe7e7;
	border:2px solid #7C387C;*/
	}

.miantb{  border-radius: 6px 6px 0 0;}

.fomr-main-tb{ width: 100%; display: block;float:left;
background: #fff; border-radius:10px;
    padding: 15px;
	}

.form-group{ display: block;}

.fomr-main-tb h3{ font-size: 15px;font-weight: normal; margin-bottom: 10px;}

.form-nc{font-size: 13px;
  padding-left: 5px;
  border: 1px solid #d1345d;
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, .2);
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  /*padding: .375rem .75rem;*/
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}


.fld{width: 32.5%; float: left;margin-right: 4px;}



.fld-phon {
    width: 24.5%;
    float: left;
    margin-right: 3px;
    text-align: left;
    padding: 0 0 0 0;} 


.form-nc1{  width: 74%; float: left;font-size: 13px;
  padding-left: 5px;
  border: 1px solid #d1345d;
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, .2);
  display: block;height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
  
  
.form-nc2{  width: 74%; float: left;font-size: 13px;
  padding-left: 5px;
  border: 1px solid #d1345d;
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, .2);
  display: block;height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

.fld:nth-of-type(3){margin-right:0px;}

  .bution .submit {
    color: #000;
    background: linear-gradient(140deg, #feeab9, #fec695 50%, #febfb6);
    border: none;
    padding: 7px 15px;
    border-radius: 3px;
    font-weight: 500;
    display: block;cursor:pointer;
}


.submit:hover {
    color: #000;
    background: linear-gradient(140deg, #febfb6, #fec695 50%, #feeab9);
}



#myFrame{height:560px}


.fonr-tab{padding: 0 9px 4px;
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;}


.fonr-tab img{ width:100%}
.form-wgt img{ width:100%}
.form-wgt-side img{ width:100%}
.alert{width:100%; float:left; margin-top:10px; margin-bottom:10px;padding:5px 0}

.alert .close{ display:none;}

.only-cpat label{ float:left; width:100%; margin-bottom:10px}
.only-cpat span {
    float: left;
}

.only-cpat .form-nc {
    float: left;
  width: 55%;
    margin-left: 12px;
}

.only-text {font-size:14px; color:#686161}
.only-text a{color:blue} 
.only-text1{font-size:11px}


input[type="date" i] {font-family: 'DM Sans Regular', sans-serif;}
/*width*/

.fleft{    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    display: ruby;}


.wd30{ width: 30%; float: left;}
.wd33{ width: 33%; float: left;}
.wd40{ width: 40%; float: left;}
.wd50{ width: 50%; float: left;}
.wd60{ width: 60%; float: left;}
.wd70{ width: 70%; float: left;}
.wd80{ width: 80%; float: left;}
.wd100{ width: 100%; float: left;}


/*margin*/
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}

.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}



/*padding*/
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pt50{ padding-top: 50px;}

.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}

.pr10{ padding-right: 10px;}


/*Otp*/

.opt-signup{ margin-top: 30px;}



/*tabs*/

.border-none{border: none; margin-bottom: 20px;}

.tab-wrap {
  transition:0.3s box-shadow ease;
  border-radius:0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style: none;

  margin: 0px 0;
 
}



.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tab:checked + label {
  background: linear-gradient(140deg, #f4933b, #d1345d 50%, #98002e);
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;color: #fff; display:none
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;
}
.tab + label {
  box-shadow: 0 -1px 0 #eee inset;
  border-radius: 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  flex-grow: 3;
  text-align: center;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
}
.tab + label:hover {
  background-color: #f9f9f9;

}
.tab__content {
  padding: 0;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  transform: translateY(-3px);

}


/*form hide*/
/*form hide*/

.buttonArea {

}

.button {
	margin-right: 5px;
	cursor: pointer;
}



.submit_button {
	font-weight: 400;
	position: relative;

	padding: 0;
	max-width: 140px;
	max-height: 35px;

	top: 55px;
	left: 150px;
	z-index: 1;

	-webkit-transition: all .7s ease;  
	-moz-transition: all .7s ease;  
	-o-transition: all .7s ease;  
	-ms-transition: all .7s ease;  
	transition: all .7 ease;
}

.submit_button:hover {
	background-color: #0EAC51;
}

.textbox {
	display: none;
	text-align: center;
	z-index: 10;
  cursor: text;
}
.textbox1 {
	display: none;
	text-align: center;
	z-index: 10;
  cursor: text;
}

.button2 {
	margin-right: 0;
	z-index: 10;
	-webkit-transition: all .7s ease;  
	-moz-transition: all .7s ease;  
	-o-transition: all .7s ease;  
	-ms-transition: all .7s ease;  
	transition: all .7 ease;	
}



.animateRegisterButton {
	border-color: #9CAAB9;
	background-color: white;

	height: 45px;
	border-style: solid;
	margin-left: -50px;
	color: #7C8A99;
}

.animatePasstb {
	transform: translateY(50px);
}

.animateRegisterButton:hover {
	background-color: white;
}

.animateSubmitButton {
	transform: translateY(50px);
}

.passtb {
	margin-left: -50px;
	z-index: 2;
	position: relative;

	-webkit-transition: all .35s ease;  
	-moz-transition: all .35s ease;  
	-o-transition: all .35s ease;  
	-ms-transition: all .35s ease;  
	transition: all .35s ease;
}



/*harjeet End*/

/*tooltip*/
.rigsttool {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.rigsttool i {
  background: #9d0432;
  padding: 3px 5px;
  border-radius: 100%;
  color: #fff;
}
.rigsttool .tooltiptext {
  visibility: hidden;
  width: 227px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -77px;
  right: 0px;
}
.rigsttool:hover .tooltiptext {
  visibility: visible;
}
/*end*/

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

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

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

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
      max-width: 960px;
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
      max-width: 720px;
  }
}

@media (min-width: 576px) {
  .container, .container-sm {
      max-width: 540px;
  }
  
  .only-cpat .form-nc{width:48%}
  
  .date-container #dob-placeholder {
     display:block
}


}




@media (min-width:300px) and (max-width:479x)  {
	
	
	
  .date-container #dob-placeholder {
     display:block
}
.dsk{display: none;}
.mob{display: block;}
}

@media (min-width: 414px) {

  


}

.form_Dob {
    width: 24% !important; float:left;
    margin-right: 3px;
}