.modal-content {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background: transparent;
	border: none;

}
.form-floating input{
	border:1px solid gray !important;
}
.modal-content .container {
	padding: 25px;
	border: 1px solid rgba(0, 0, 0, .2);
	background: #fefefe;
}

.my-model {
	background: #0000ff0d;


}

* The Close Button */ .modal-content .container span {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	font-size: 23px !important;
	margin-top: -25px !important;
	float: right !important;
	margin-right: -15px !important;
}

.model-close:hover,
.model-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.model-error {
	font-size: 12px;
	font-style: italic;
	color: #DE3163;
	display: block;
}

.model-no-error {
	display: none;
}

.plan-card-location {
	font-size: 14px;
	color: #000;
}

.plan-card-location i {
	font-size: 16px;
	margin-right: 10px;
	color: #DE3163;
}

.dropdown-menu {
	background-color: #212529 !important;

}

.dropdown-item {
	color: #ffffff !important;
}

.my-show {
	display: block;
}

.my-hide {
	display: none;
}

.loaderpp {
	height: 4px;
	width: 130px;
	--c: no-repeat linear-gradient(#6100ee 0 0);
	background: var(--c), var(--c), #d7b8fc;
	background-size: 60% 100%;
	animation: l16 3s infinite;
}

@keyframes l16 {
	0% {
		background-position: -150% 0, -150% 0
	}

	66% {
		background-position: 250% 0, -150% 0
	}

	100% {
		background-position: 250% 0, 250% 0
	}
}

select {
	width: 100%;
	border: none;
	border: 2px solid #e1e1e7;
	color: #000;
	border-radius: 6px;
	padding: 10px;
	font-size: 15px;
	background-color: transparent;
	position: relative;
	z-index: 2;
	appearance: none;
	-webkit-appearance: none;
}

.plan-header {
	padding: 20px 20px 90px 20px;
	border-radius: 10px;
	background-color: #f2f2f2;
	position: relative;
}

.plan-form {
	margin: 55px 0 0 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 8px 2px lightgray;
	border-radius: 10px);
	position: relative;
	margin: -45px 20px 30px;
	padding: 20px;
}

.plan-cards {
	box-shadow: 0 0 5px 0 lightgray;
	position: relative;

	transition: all .3s ease;
	align-items: flex-start;
	justify-content: space-between;
	border-radius: 10px;
	border: 0px !important;
}

.buy-plan-btn {
	margin-top: 0.8em;
	font-size: 14px;
	height: auto;
	padding: 5px 10px;
	line-height: normal;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 600;
	transition: all .2s ease;
	background: #da0000;
	display: block;
	text-align: center;
	vertical-align: middle;

	height: 29px;
	line-height: 31px;
	padding: 0 20px;
	color: #fff !important;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
}

.plan-cards:hover {
	box-shadow: 0 0 5px 0 darkslategray;
}

.plan-text {
	font-size: 16px;
	font-weight: 600;
	color: #272727;
	display: block;
}

.plan-benefits {
	font-size: 14px;
	color: #272727;
	display: block;
}

.plan-type-heading {
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

.plan-type-text {
	font-size: 14px;
	color: #272727;
}

.plan-speed-heading {
	font-size: 13px;
	color: #272727;
}

.plan-speed-text {
	font-size: 16px;
	color: #272727;
}

.plan-data-heading {
	font-size: 13px;
	color: #272727;
}

.plan-data-text {
	font-size: 16px;
	color: #272727;
}

.plan-cost-rs {
	font-size: 16px;
	color: #272727;
}

.plan-cost {
	padding-right: 1.5em;
}

.plan-buy-show {
	display: block !important;
}

.plan-buy-hide {
	display: none !important;
}
.query-success-message span{
	color:#198754;
	font-size:18px;
	animation: animate-blink 1.5s linear infinite;
}
.error-show{display:block;}
.error-hide{display:none;}
@keyframes animate-blink { 
    0% { 
        opacity: 1; 
    } 
    50% { 
        opacity: 0.7; 
    } 
    100% { 
        opacity: 0; 
    } 
}