input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

@media only screen and (min-width: 600px) {
	.inner-about-2 .navbar {
		display: block !important;
	}

	.inner-about-2 .navbar a.nav-link {
		color: black !important;
	}
}

a.nav-link {
	color: #fff !important;
}

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

	.take_me_there {
		position: relative;
		top: 32px !important;
		left: -30px;
	}

	.take_me_there button {
		font-size: 12px;
		padding: 5px 10px;
	}

	.take_me_there span {
		display: none;
	}

	.vrdrooms_icons i {
		font-size: 22px;
		color: white;
		margin-right: 20px;
	}

	a.nav-link {
		color: #fff !important;
		text-shadow: 2px 2px #000000b8;
	}


	.powered {
		position: absolute;
		bottom: 0px !important;
		left: 15%;
	}

	.usp_logo img {
		width: 140px !important;
	}

	.vrdrooms_icons {
		left: inherit !important;
		right: 3% !important;

	}

	.usp_logo {
		bottom: 30px !important;
	}


	.inner-about-2 .navbar {
		display: none !important;
	}

	.text_hr {
		display: none;
	}

	.text p {
		margin-top: 20px !important;
	}

	.About-2 h3 {
		font-size: 50px;
		transform: rotate(270deg);
		color: #fff;
		position: absolute;
		top: 40%;
		right: -29px;
		z-index: 10;
	}

	.About-2 i {
		font-size: 50px;
		color: #fff;
		top: 42%;
		position: absolute;
		right: 90px;
		z-index: 10;
	}
}


.navbar-light .navbar-toggler {
	background: #fff;
}

.my-call {
	margin-top: 20px;
}

.line {
	margin-top: 20px;
}

.center-col {
	position: absolute;
	width: fit-content;
	margin: auto;
	left: 46% !important;
}

.first-col p {
	text-align: center;

}

select.form-select.select_option {
	border: none;
	border-bottom: 1px solid #B2B3B3;
	border-radius: 0px;
	font-style: italic;
	color: #b2b3b3;
}

.usp_logo {
	position: absolute;
	bottom: 0px;
	left: 20px;
}

.vrd-square {
	height: 150px;
	width: 25px;
	background: linear-gradient(to top, #00BE96, #00BEFF);
	position: absolute;
	left: 27px;
	top: -35px;
	transform: rotate(45deg);

}

.vrd-profile {
	animation: mymove 2s infinite;
}


@media only screen and (max-width: 600px) {
	a.nav-link {
		color: #fff !important;
	}

	img.team-image {
		width: 70px !important;
		height: 70px !important;
		border: 2px solid #fff;
	}
}

@keyframes mymove {
	50% {
		box-shadow: 0px 0px 0px 8px rgb(204 204 204);
	}
}


.p-one-text {
	font-size: 18px;
	font-style: italic;
}


.p-two-text {
	width: 250px;
	margin: auto;
	font-size: 18px;
}


.canvas_text {
	font-weight: 700;
	font-size: 32px;
}

div#offcanvasRight {
	height: 630px;
	top: 50px;
	width: 350px;
	padding: 40px 0px 20px 0px;
	background: #fff !important;
}

.modal {
	background-color: rgb(3 3 3 / 90%) !important
}

img.team-image {
	border: 7px solid #fff;
	cursor: pointer;
}

.form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #B2B3B3;
	font-style: italic;
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #B2B3B3;
	font-style: italic;
}

.form-control::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #B2B3B3;
	font-style: italic;
}

select.form-control {
	color: #B2B3B3;
	font-style: italic;
}

a {
	cursor: pointer;
}

.my-section {

	height: 100vh;
	width: 100vw;
	background-size: cover;
	background-repeat: no-repeat;
	transition: background-image 1s ease-in-out;
	background-position: left;
}

a.nav-link {
	color: antiquewhite;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	margin-right: 30px;
}

img:hover {
	animation-play-state: paused;

}

.images-section {
	position: relative;
	/* top: 100px; */
	/* margin: auto; */
	text-align: center;

}

.images-section img {
	margin-left: 100px;
}


sup {
	font-size: 45%;
}


ul {
	padding-left: 20px;

}

li {
	text-align: left;
	padding-top: 5px;
}

.modal-backdrop {
	position: unset !important;
	top: 0;
	left: 0;
	z-index: 0 !important;
	width: 100vw;
	height: 100vh;
	background-color: none !important;
}



/* Red with 50% opacity */
.modal {
	text-align: center;
	z-index: 9;
}

.modal .modal-content {
	border-radius: 0px;
	padding: 30px 25px 10px 25px;
	background: transparent;
	border: none;
}

.modal-dialog {
	position: relative;
	top: 15%;

}

.modal h3 {
	color: #000pla border: 4px solid #00befa;
	display: initial;
	border-radius: 50%;
	padding: 10px;
	font-weight: 500;
}

.modal button {
	background: white;
	border: none;
	border-radius: 20px;
	padding: 7px 20px;
	position: absolute;
	bottom: 35px;
	color: black;
	left: 39px;
	font-weight: bold;
}

.about-section {
	height: 100vh;
	width: 45vw;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 20px;
	background: #fff;
	z-index: 12;
	overflow: scroll;
}

.About-2 {
	display: none;
	z-index: 10;

}

.About-2 h3 {
	font-size: 50px;
	transform: rotate(270deg);
	color: #fff;
	position: absolute;
	top: 40%;
	right: 0;

	z-index: 10;
}

.About-2 i {
	font-size: 50px;
	color: #fff;
	top: 42%;
	position: absolute;
	right: 120px;

	z-index: 10;
}

.About-2 img {

	top: 37%;
	position: absolute;
	right: 120px;
	z-index: 10;
	width: 100px;

}


.form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #B2B3B3;
	font-style: italic;
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #B2B3B3;
	font-style: italic;
}

.form-control::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #B2B3B3;
	font-style: italic;
}

select.form-control {
	color: #B2B3B3;
	font-style: italic;
}

a {
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
	.vrdrooms_icons {
		position: absolute;
		bottom: 50px;
		right: 3% !important;
	}

	.navbar-collapse li.nav-item {
		text-align: end;
	}

	.powered {
		position: absolute;
		bottom: 20px;
		right: 3% !important;
	}

	.vrdrooms_icons i {
		font-size: 18px;
		color: white;
		margin-right: 12px;
	}


	.powered {
		position: absolute;
		bottom: 0px;
		left: 15%;
	}

	usp_logo img {
		width: 140px !important;
	}

}

.vrdrooms_icons {
	position: absolute;
	bottom: 50px;
	left: 15%;
}

.vrdrooms_icons i {
	font-size: 22px;
	color: white;
	margin-right: 30px;
}

.powered {
	position: absolute;
	bottom: 20px;
	left: 15%;
}

.powered a {
	color: white;
}