/* Template: Juno - Multipurpose Landing Page Pack
   Author: InovatikThemes
   Created: Mar 2019
   Description: Master CSS file
*/

/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Features
******************************************/

/*****************************************
Colors:

- Text, navbar links - white #f1f1f8
- Buttons, bullets, icons - turquoise#2a89ba
- Navbar - navy #4633af
- Backgrounds - dark denim #262431
- Backgrounds - denim #2f2c3d
******************************************/


/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
	width: 100%;
	height: 100%;
}

body,
p {
	color: #262626;
	/* font-size: 18px !important; */
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
}
.center{
	text-align: center;
}


.p-large {
	color: #646464;
	font: 400 1rem/1.5rem "Open Sans", sans-serif;
}

.p-small {
	color: #f1f1f8;
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}

.p-heading {
	margin-bottom: 3.75rem;
	text-align: center;
}

.li-space-lg li {
	margin-bottom: 0.375rem;
}

.indent {
	padding-left: 1.25rem;
}

.card-icon img {
	filter: invert(54%) sepia(6%) saturate(4775%) hue-rotate(156deg) brightness(86%) contrast(91%);
}

.text-wrapper p {
	color: #000
}

h1 {
	color: rgb(255, 255, 255);
	font: 700 2.5rem/2.875rem "Montserrat", sans-serif;
}

h2 {
	color: #3a3a3a;
	font-weight: 600;

	/* font: 700 2.25rem/2.75rem "Montserrat", sans-serif; */
}
.basic-222 {
	background-color: #000000;
	padding-top: 8rem;
    padding-bottom: 3.5rem;
}
.text-decoratio-none {

	text-decoration: none;
	
}

h3 {
	color: #f1f1f8;
	font: 700 1.75rem/2.125rem "Montserrat", sans-serif;
}

h4 {
	color: #5f5f5f;
	/* font: 700 1.375rem/1.75rem "Montserrat", sans-serif; */
}
h5 {
	color: #ffc700;
	/* font: 700 1.125rem/1.625rem "Montserrat", sans-serif; */
}


h6 {
	color: #f1f1f8;
	font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

a {
	color: #2a89ba;
	text-decoration: underline;
}

a:hover {
	color: rgb(235 59 35);

	text-decoration: underline;
}

a.turquoise {
	color: #2a89ba;
}

a.white {
	color: #fff;
}

.testimonial-text {
	font: italic 400 1rem/1.5rem "Open Sans", sans-serif;
}

.testimonial-author {
	font: 700 1rem/1.5rem "Montserrat", sans-serif;
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid#2a89ba;
	border-radius: 2rem;
	background-color: #2a89ba;
	color: #fff;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: #2a89ba;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 13px 50px;
	/* padding: 1.375rem 2.625rem 1.375rem 2.625rem; */
	border: 0.125rem solid #ffe400;
	border-radius: 1rem;
	/* background-color:#2a89ba; */
	color: #2a89ba;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	/* box-shadow: -4px 3px 6px #000, 4px 5px 8px rgba(235, 173, 30, 1); */
	background-color: #ffe400;
	color: #000;
	
	
}

.btn-solid-lg:hover {
border: 0.125rem solid rgb(0, 0, 0);
text-decoration: none;
color:rgb(0, 0, 0);
	
}

.btn-solid-lg .fab {
	margin-right: 0.5rem;
	font-size: 1.25rem;
	line-height: 0;
	vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
	font-size: 1rem;
}
.my-headind-file {
	padding: 30px !important;
	width: 100%;
    background-color: rgb(255 255 255 / 70%);
    box-shadow: rgb(255 255 255 / 25%) 0px 30px 60px -12px inset, rgb(255 255 255 / 30%) 0px 18px 36px -18px inset;
    border-radius: 30px;

}

.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid#2a89ba;
	border-radius: 2rem;
	background-color: transparent;
	color: #2a89ba;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: #2a89ba;
	color: #fff;
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid#2a89ba;
	border-radius: 2rem;
	background-color: transparent;
	color: #2a89ba;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	background-color: #2a89ba;
	color: #fff;
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid#2a89ba;
	border-radius: 2rem;
	background-color: transparent;
	color: #2a89ba;
	font: 700 0.625rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	background-color: #2a89ba;
	color: #fff;
	text-decoration: none;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: #333;
	opacity: 1;
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	cursor: text;
	transition: all 0.2s ease;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.label-control {
		top: 0.9375rem;
	}
}

.form-control-input:focus+.label-control,
.form-control-input.notEmpty+.label-control,
.form-control-textarea:focus+.label-control,
.form-control-textarea.notEmpty+.label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block;
	/* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding: 10px;
	/* padding-bottom: 10px; */
	/* padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-left: 1.3125rem; */
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #333;
	font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
	transition: all 0.2s;
	-webkit-appearance: none;
	/* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	}
}

select {
	/* you should keep these first rules in place to maintain cross-browser behavior */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url('../images/down-arrow.png');
	background-position: 96% 50%;
	background-repeat: no-repeat;
	outline: none;
}

select::-ms-expand {
	display: none;
	/* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
	display: block;
	/* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 8rem;
	/* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid #333;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #f1f1f8;
	font: 400 0.875rem/1.75rem "Open Sans", sans-serif;
	transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid #f1f1f8;
	outline: none;
	/* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid #f1f1f8;
}

.checkbox {
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}

input[type='checkbox'] {
	vertical-align: -15%;
	margin-right: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	input[type='checkbox'] {
		vertical-align: -9%;
	}
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 1px solid#63a2ff;
	border-radius: 5px;
	background-color: #63a2ff;
	color: #fff;
	font-size: 18px;
	transition: all 0.2s;
}

.form-control-submit-button:hover {
	background-color: transparent;
	color: #2a89ba;
	
}

/* Form Success And Error Message Formatting */
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: #f1f1f8;
	font: 400 1.125rem/1rem "Open Sans", sans-serif;
}

.help-block.with-errors .list-unstyled {
	color: #333;
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-align: left;
}

.help-block.with-errors ul {
	margin-bottom: 0;
}

/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
	transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}

/* end of fade animation for image slider - magnific popup */


/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #2f2c3d;
}

.spinner {
	position: absolute;
	top: 50%;
	/* centers the loading animation vertically one the screen */
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem;
	/* is width and height divided by two */
	text-align: center;
}

.spinner>div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	background-color: #ffffff;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	font: 700 1rem/2rem "Montserrat", sans-serif;
	transition: all 0.2s;
}

.navbar-custom .navbar-brand.logo-image img {
	width: 113px;
	height: 34px;
	margin-bottom: 1px;
	-webkit-backface-visibility: hidden;
	transform: scale(2);
}

.navbar-custom .navbar-brand.logo-text {
	font: 700 2.375rem/1.5rem "Montserrat", sans-serif;
	color: #fff;
	letter-spacing: -0.5px;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0 0.75rem 0 0.75rem;
	color: #000000;
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #2a89ba;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover>.dropdown-menu {
	display: block;
	/* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s;
	/* required for the fade animation */
}

@keyframes fadeDropdown {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.navbar-custom .dropdown-toggle:focus {
	/* removes dropdown outline on focus  */
	outline: 0;
}
@media (max-width: 1100px){
	.navbar-custom .dropdown-menu {
		margin-top: 0;
		border: none;
		border-radius: 0.25rem;
		background-color: #ffffff;
		width: 200px !important;
	}
	.header .p-large {
		margin-bottom: 1rem !important;
		color: #000000 !important;
		font-size: 15px !important;
		font-weight: 400 !important;
	}
	.header h1 {
		margin-bottom: 0rem !important;
		font-size: 23px !important;
		font-weight: bold !important;
		color: #000;
		line-height: 27px !important;
	}
}


.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.25rem;
	background-color: #ffffff;
	
}

.navbar-custom .dropdown-item {
	color: #000000;
	text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
	background-color: #ffe400;
}

.navbar-custom .dropdown-item .item-text {
	font: 700 0.75rem/1.5rem "Montserrat", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: #2a89ba;
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.25rem auto 0.25rem auto;
	border: none;
	background-color: #b5bcc4;
	opacity: 0.2;
}

/* end of dropdown menu */

.navbar-custom .social-icons {
	display: none;
}

.navbar-custom .navbar-toggler {
	border: none;
	color: #000;
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times {
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars {
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars {
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times {
	display: inline-block;
	margin-right: 0.125rem;
}


/*********************/
/*    04. Header     */
/*********************/
.header {
	/* width: 100%;
	height: 100vh; */
	/* background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/pink-sofa-white-living-room-with-copy-space.webp') center center no-repeat; */

	/* background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/pink-sofa-white-living-room-with-copy-space.jpg') center center no-repeat; */

	/* background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/Firefly-Inpaint-20230801162112.png') center center no-repeat; */
	
	/* background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/pink-sofa-white-living-room-with-copy-spacesd.jpg') center center no-repeat;
	*/
	/* background-size: cover;  */
}


.header .header-content {
	padding-top: 8.5rem;
	padding-bottom: 7rem;
	text-align: center;
}

.header .text-container {
	margin-bottom: 3rem;
}

.header h1 {
	margin-bottom: 1rem;
	font-size: 29px;
	font-weight: bold;
	color: #000;
	line-height: 40px;

}

.header #js-rotating {
	color: #2a89ba;
}

.header .p-large {
	margin-bottom: 2rem;
	color: #333;
	font-size: 20px;
    font-weight: bolder;

}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
	padding: 13px 50px;
	/* text-shadow: -4px 3px 6px #000; */
}


/****************************/
/*     05. Testimonials     */

/****************************/
.slider-1-img {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* background-image: url(../images/business-woman-hand-typing-laptop-keyboard-with-financial-cha.png); */
	/* background-image: url(../images/business-man-working-office-desktop.jpg); */
}

.slider-1 {
	padding-top: 6.875rem;
	padding-bottom: 6.375rem;
	/* background-color: rgb(42 137 186 / 91%) !important; */
}

.slider-1 .slider-container {
	position: relative;
}

.slider-1 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-1 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
	position: relative;
	border: none;
	background-color: transparent;
}

.slider-1 .card-image {
	width: 10rem;
	height: 10rem;
	margin-right: auto;
	margin-bottom: 0.25rem;
	margin-left: auto;
	border-radius: 50%;
}

.slider-1 .card-body {
	padding-bottom: 0;
}

.slider-1 .testimonial-author {
	margin-bottom: 0;
}


/************************/
/*     05. Features     */
/************************/
.tabs {
	padding-top: 6.5rem;
	padding-bottom: 4.25rem;
	background-color: #ffffff;
	/* background-image: linear-gradient(to bottom right, rgb(255, 255, 255), rgb(229, 229, 229)); */
}

.tabs h2 {
	margin-bottom: 1.125rem;
	/* text-align: center; */
}

.tabs .p-heading {
	margin-bottom: 3.125rem;
}

.tabs .nav-tabs {
	margin-right: auto;
	margin-bottom: 2.5rem;
	margin-left: auto;
	justify-content: center;
	border-bottom: none;
}

.tabs .nav-link {
	margin-bottom: 1rem;
	padding: 0.5rem 1.375rem 0.25rem 1.375rem;
	border: none;
	border-bottom: 0.1875rem solid #f1f1f8;
	border-radius: 0;
	color: #f1f1f8;
	font: 700 1rem/1.75rem "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.tabs .nav-link.active,
.tabs .nav-link:hover {
	border-bottom: 0.1875rem solid#2a89ba;
	background-color: transparent;
	color: #2a89ba;
}

.tabs .nav-link .fas {
	margin-right: 0.375rem;
	font-size: 1rem;
}

.tabs .tab-content {
	width: 100%;
	/* for proper display in IE11 */
}

.tabs .card {
	border: none;
	background: transparent;
}

.tabs .card-body {
	padding: 1rem 0 1.25rem 0;
}

.tabs .card-title {
	margin-bottom: 0.5rem;
}

.tabs .card .card-icon {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	text-align: center;
	vertical-align: top;
}

.tabs .card .card-icon .fas,
.tabs .card .card-icon .far {
	color: #fff;
	font-size: 1.75rem;
	line-height: 3.5rem;
}

.tabs #tab-1 .card.left-pane .text-wrapper {
	display: inline-block;
	width: 75%;
}

.tabs #tab-1 .card.left-pane .card-icon {
	float: left;
	margin-right: 1rem;
}

.tabs #tab-1 img {
	display: block;
	margin: 2rem auto 3rem auto;
}

.tabs #tab-1 .card.right-pane .text-wrapper {
	display: inline-block;
	width: 75%;
}

.tabs #tab-1 .card.right-pane .card-icon {
	margin-right: 1rem;
}

.tabs #tab-2 img {
	display: block;
	margin: 0 auto 2rem auto;
}

.tabs #tab-2 .text-area {
	margin-top: 1.5rem;
}

.tabs #tab-2 h3 {
	margin-bottom: 0.75rem;
}

.tabs #tab-2 .icon-cards-area {
	margin-top: 2.5rem;
}

.tabs #tab-2 .icon-cards-area .card {
	width: 100%;
	/* for proper display in IE11 */
}

.tabs #tab-3 .icon-cards-area .card {
	width: 100%;
	/* for proper display in IE11 */
}

.tabs #tab-3 .text-area {
	margin-top: 0.75rem;
	margin-bottom: 4rem;
}

.tabs #tab-3 h3 {
	margin-bottom: 0.75rem;
}

.tabs #tab-3 img {
	margin: 0 auto 3rem auto;
}


/*********************/
/*     07. Video     */
/*********************/
.basic-1 {
	padding-top: 6.375rem;
	padding-bottom: 6.875rem;
	background: url('../images/video-background.jpg') center center no-repeat;
	background-size: cover;
}

.basic-1 h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.basic-1 .p-heading {
	margin-bottom: 4rem;
	text-align: center;
}

.basic-1 .image-container img {
	border-radius: 0.375rem;
}

.basic-1 .video-wrapper {
	position: relative;
}

/* Video Play Button */
.basic-1 .video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: #4eaaff;
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: #4eaaff;
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.basic-1 .video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid #fff;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

/* end of video play button */


/*************************/
/*     09. Details 1     */
/*************************/
.basic-2 {
	padding-top: 8rem;
	padding-bottom: 3.5rem;
	background-color: #333333;
}

.slider-2 {
	padding-top: 6.875rem;
	padding-bottom: 6.875rem;
	/* background-color: rgb(235 59 35); */

	background-color: rgb(42 137 186 0.5) !important;
}

.basic-2 img {
	margin-bottom: 3.5rem;
}

.basic-2 h3 {
	margin-bottom: 1.125rem;
}

.basic-2 .btn-solid-reg {
	margin-top: 0.5rem;
}


/*************************/
/*     10. Details 2     */
/*************************/
.basic-3 {
	padding-top: 3.5rem;
	padding-bottom: 7.25rem;
	background-color: #262431;
}

.basic-3 .text-container {
	margin-bottom: 3.5rem;
}

.basic-3 h3 {
	margin-bottom: 1.125rem;
}

.basic-3 .btn-solid-reg {
	margin-top: 0.5rem;
}


/**********************************/
/*     11. Details Lightboxes     */
/**********************************/
.lightbox-basic {
	position: relative;
	max-width: 46.875rem;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
	border-radius: 0.25rem;
	background-color: #2f2c3d;
	text-align: left;
}

.lightbox-basic img {
	display: block;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
}

.lightbox-basic h3 {
	margin-bottom: 0.625rem;
}

.lightbox-basic hr {
	width: 3.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-bottom: 1.125rem;
	margin-left: 0;
	border: 0;
	background-color: #2a89ba;
	text-align: left;
}

.lightbox-basic h4 {
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;
}

.lightbox-basic table {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.lightbox-basic table tr {
	line-height: 1.75em;
}

.lightbox-basic table .icon-cell {
	width: 2rem;
	padding-right: 0.25rem;
	color: #2a89ba;
	text-align: center;
}

.lightbox-basic a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	color: #2a89ba;
	opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
	color: #f1f1f8;
}

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -0.375rem;
	right: -0.375rem;
	width: 2.75rem;
	height: 2.75rem;
	color: #f1f1f8;
}


/***************************/
/*     12. Screenshots     */
/***************************/
.slider-2 {
	padding-top: 6.875rem;
	padding-bottom: 6.875rem;
	background-color:
		rgb(42 137 186 / 91%) !important;


}

.slider-2-img {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../images/female-mechanic-working-shop-car.jpg);
}

.slider-2 .slider-container {
	position: relative;
}

.slider-2 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
	top: 50%;
	width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-2 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}


/************************/
/*     13. Download     */
/************************/
.basic-4 {
	padding-top: 6.5rem;
	padding-bottom: 6.75rem;
	/* background: url('../images/download-background.jpg') center center no-repeat; */
	background-size: cover;
}

.basic-4 .text-container {
	margin-bottom: 3.5rem;
	text-align: center;
}

.basic-4 h2 {
	margin-bottom: 1.25rem;
}

.basic-4 .p-large {
	margin-bottom: 1.75rem;
	text-align: justify !important;
}

.basic-4 .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
}


/**************************/
/*     18. Statistics     */
/**************************/
.counter {
	padding-top: 6.5rem;
	padding-bottom: 5.375rem;
	background-color: #333;
	text-align: center;
}

.counter #counter .cell {
	display: inline-block;
	width: 6.25rem;
	margin-right: 1rem;
	margin-left: 1rem;
	margin-bottom: 2rem;
}

.counter #counter .counter-value {
	color: #f1f1f8;
	font: 700 3.5rem/4.25rem "Montserrat", sans-serif;
	vertical-align: middle;
}

.counter #counter .counter-info {
	margin-bottom: 0;
	color: #2a89ba;
	font: 400 0.875rem/1.25rem "Open Sans", sans-serif;
	vertical-align: middle;
}


/***********************/
/*     16. Contact     */
/***********************/
.form {
	padding-top: 6.25rem;
	padding-bottom: 5.625rem;
	/* background: url('../images/contact-background.jpg') center bottom no-repeat; */
	color: #333;
	background-size: cover;
}

.form h2 {
	margin-bottom: 1.125rem;
	text-align: center;
}

.form .list-unstyled {
	margin-bottom: 3.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
}

.form .list-unstyled .fas,
.form .list-unstyled .fab {
	margin-right: 0.5rem;
	font-size: 0.875rem;
	color: #2a89ba;
}

.form .list-unstyled .fa-phone {
	vertical-align: 3%;
}


/**********************/
/*     16. Footer     */
/**********************/
.footer {
	/* padding-top: 0.4rem; */
	background-color: #333333;
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h4 {
	margin-bottom: 1rem;
}

.footer .list-unstyled .fas {
	color: #2a89ba;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	/* margin-right: 0.5rem; */
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
	color: #ffffff;
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: #f1f1f8;
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: #000;
}

.footer .fa-stack:hover .fa-stack-2x {
	color: #ffe400;
}


/*************************/
/*     17. Copyright     */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	background-color: #333333;
	text-align: center;
}

.copyright .p-small {
	color: #f1f1f8;
	opacity: 0.6;
}


/**********************************/
/*     18. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #ffe400 url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #000000;
}


/***************************/
/*     19. Extra Pages     */
/***************************/
.ex-header {
	padding-top: 8rem;
	padding-bottom: 5rem;
	background: linear-gradient(to bottom right, #2c1a7e, #5557db);
	text-align: center;
}

.ex-basic-1 {
	padding-top: 2rem;
	padding-bottom: 0.875rem;
	background-color: #2f2c3d;
}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 1.125rem;
}

.ex-basic-1 .breadcrumbs .fa {
	margin-right: 0.5rem;
	margin-left: 0.625rem;
}

.ex-basic-2 {
	padding-top: 4.75rem;
	padding-bottom: 4rem;
	background-color: #262431;
}

.ex-basic-2 h3 {
	margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
	margin-bottom: 3.625rem;
}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;
}

.ex-basic-2 .list-unstyled .fas {
	color: #2a89ba;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.ex-basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.ex-basic-2 .btn-outline-reg {
	margin-top: 1.75rem;
}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
	border-radius: 0.25rem;
}

.ex-basic-2 .image-container-small img {
	border-radius: 0.25rem;
}

.ex-basic-2 .text-container.dark-bg {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #f9fafc;
}


/*****************************/
/*     20. Media Queries     */
/*****************************/
/* Min-width width 768px */
@media (min-width: 768px) {

	/* General Styles */
	.p-heading {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}

	h1 {
		font: 700 3.25rem/3.75rem "Montserrat", sans-serif;
	}

	/* end of general styles */


	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 1.5rem 2.125rem 2rem;
		box-shadow: none;
		background: transparent;
	}

	.navbar-custom .navbar-brand.logo-text {
		color: #fff;
	}

	.navbar-custom .navbar-nav {
		margin-top: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem 0.25rem 0.75rem;
		/* color: #2a89ba; */
		color: #000000;
		font-weight: normal;
	}

	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active {
		color: #ebad1e;
	}

	.navbar-custom.top-nav-collapse {
		padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0px 0px 24px 0px #ddd;
		background-color: #fff;
	}

	.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
		color: #fff;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #000000;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #ebb027;
	}

	.navbar-custom .dropdown-menu {
		box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}

	/* end of navigation */


	/* Header */
	.header .header-content {
		padding-top: 11rem;
	}

	/* end of header */


	/* Testimonials */
	.slider-1 .swiper-button-prev {
		left: 1rem;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	.slider-1 .swiper-button-next {
		right: 1rem;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	/* end of testimonials */


	/* Features */
	.tabs .card .card-icon {
		width: 4.5rem;
		height: 4.5rem;
	}

	.tabs .card .card-icon .fas,
	.tabs .card .card-icon .far {
		font-size: 2.25rem;
		line-height: 4.5rem;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper {
		width: 85%;
	}

	.tabs #tab-2 img {
		margin-bottom: 0;
	}

	.tabs #tab-2 .text-area {
		margin-top: 0;
	}

	.tabs #tab-2 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-right: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-2 div.card:nth-child(2n+2) {
		margin-right: 0;
	}

	.tabs #tab-3 .text-area {
		margin-bottom: 0;
	}

	.tabs #tab-3 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-right: 2.5rem;
		vertical-align: top;
	}

	.tabs #tab-3 div.card:nth-child(2n+2) {
		margin-right: 0;
	}

	.tabs #tab-3 img {
		margin-bottom: 0;
	}

	/* end of features */


	/* Details Lightboxes */
	.lightbox-basic {
		padding: 3rem 3rem;
	}

	/* end of details lightboxes */


	/* Screenshots */
	.slider-2 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	.slider-2 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	}

	/* end of screenshots */


	/* Contact */
	.form .list-unstyled li {
		display: inline-block;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.form .list-unstyled .address {
		display: block;
	}

	/* end of contact */


	/* Extra Pages */
	.ex-header {
		padding-top: 11rem;
		padding-bottom: 9rem;
	}

	.ex-basic-2 .text-container.dark {
		padding: 2.5rem 3rem 2rem 3rem;
	}

	.ex-basic-2 .text-container.column {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}

	/* end of extra pages */
}

/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {

	/* Navigation */
	.navbar-custom .social-icons {
		display: block;
		margin-left: 0.5rem;
	}

	.navbar-custom .fa-stack {
		margin-bottom: 0.1875rem;
		margin-left: 0.375rem;
		font-size: 0.75rem;
	}

	.navbar-custom .fa-stack-2x {
		color: #2a89ba;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack-1x {
		color: #fff;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: #fff;
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: #2a89ba;
	}

	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 65%;
	}

	/* end of general styles */


	/* Header */
	.header .header-content {
		padding-top: 13rem;
		padding-bottom: 10rem;
		text-align: left;
	}

	.header .text-container {
		margin-top: 6.5rem;
	}

	/* end of header */


	/* Features */
	.tabs .card-body {
		padding: 1rem 0 1.5rem 0;
	}

	.tabs #tab-1 .card.left-pane {
		text-align: right;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 68%;
	}

	.tabs #tab-1 .card.left-pane .card-icon {
		float: none;
		margin-right: 0;
		margin-left: 1rem;
	}

	.tabs #tab-1 img {
		margin-top: 0;
		margin-bottom: 0;
	}

	.tabs #tab-2 .icon-cards-area {
		margin-top: 2.25rem;
	}

	.tabs #tab-2 .icon-cards-area .card {
		width: 45%;
		margin-right: 3.5rem;
	}

	.tabs #tab-2 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}

	.tabs #tab-3 .icon-cards-area .card {
		width: 45%;
		margin-right: 3.5rem;
	}

	.tabs #tab-3 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	}

	/* end of features */


	/* Video */
	.basic-1 .image-container {
		max-width: 53.125rem;
		margin-right: auto;
		margin-left: auto;
	}

	/* end of video */


	/* Details 1 */
	.basic-2 img {
		margin-bottom: 0;
	}

	.basic-2 .text-container {
		margin-top: 2.625rem;
	}

	/* end of details 1 */


	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 2.5rem;
		margin-bottom: 0;
	}

	/* end of details 2 */


	/* Details Lightboxes */
	.lightbox-basic img {
		margin-bottom: 0;
		margin-left: 0;
	}

	.lightbox-basic h3 {
		margin-top: 0.25rem;
	}

	/* end of details lightboxes */


	/* Screenshots */
	.slider-2 .swiper-container {
		width: 92%;
	}

	/* end of screenshots */


	/* Download */
	.basic-4 {
		padding-top: 6.75rem;
	}

	.basic-4 .text-container {
		margin-top: 7rem;
		margin-bottom: 0;
		text-align: left;
	}

	/* end of download */


	/* Statistics */
	.counter {
		padding-top: 6rem;
		padding-bottom: 4.5rem;
	}

	.counter #counter .cell {
		width: 8rem;
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	}

	.counter #counter .counter-value {
		font: 700 4.25rem/4.5rem "Montserrat", sans-serif;
	}

	/* end of statistics */


	/* Extra Pages */
	.ex-header h1 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 {
		padding-bottom: 5rem;
	}

	.ex-basic-2 .text-container.column {
		margin-bottom: 0;
	}

	/* end of extra pages */
}

/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {

	/* Navigation */
	.navbar-custom {
		padding: 1.125rem 5rem 1.125rem 5rem;
		background-color: #fff;
		border-bottom: 1px solid #bbbbbd;
		
	}
	

	.navbar-custom.top-nav-collapse {
		padding: 1.125rem 5rem 1.125rem 5rem;
	}

	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 44%;
	}

	/* end of general styles */


	/* Header */
	.header .text-container {
		margin-top: 7.5rem;
		margin-left: 2.5rem;
	}

	.header .image-container {
		margin-left: 3rem;
	}

	/* end of header */


	/* Features */
	.tabs {
		padding-bottom: 6.5rem;
	}

	.tabs #tab-1 .card.first {
		margin-top: 4.25rem;
	}

	.tabs #tab-1 .card {
		margin-bottom: 0.75rem;
	}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 73%;
	}

	.tabs #tab-1 img {
		margin-top: 0;
	}

	.tabs #tab-2 .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}

	.tabs #tab-2 .text-area {
		margin-top: 1.5rem;
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.tabs #tab-2 .icon-cards-area {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.tabs #tab-2 .icon-cards-area .card {
		margin-right: 3.875rem;
	}

	.tabs #tab-3 .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}

	.tabs #tab-3 .icon-cards-area {
		margin-top: 2rem;
		margin-left: 1rem;
	}

	.tabs #tab-3 .icon-cards-area .card {
		margin-right: 3.875rem;
	}

	.tabs #tab-3 .text-area {
		margin-right: 1.5rem;
		margin-left: 1rem;
	}

	/* end of features */


	/* Details 1 */
	.basic-2 .text-container {
		margin-top: 4.5rem;
		margin-left: 4rem;
		margin-right: 1.5rem;
	}

	/* end of details 1 */


	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 4.5rem;
		margin-right: 3.5rem;
		margin-left: 2rem;
	}

	/* end of details 2 */


	/* Download */
	.basic-4 .text-container {
		margin-top: 11rem;
	}

	.basic-4 .image-container {
		margin-left: 3rem;
	}

	/* end of download */


	/* Footer */
	.footer .footer-col {
		width: 90%;
	}

	.footer .footer-col.middle {
		margin-right: auto;
		margin-left: auto;
	}

	.footer .footer-col.last {
		margin-right: 0;
		margin-left: auto;
	}

	/* end of footer */


	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 .form-container {
		margin-left: 1.75rem;
	}

	.ex-basic-2 .image-container-small {
		margin-left: 1.75rem;
	}

	/* end of extra pages */
}

/* end of min-width width 1200px */

.my-slider-img{
	width: 100%;
	height: 80vh;
	background-image: url(../images/pink-sofa-white-living-room-with-copy-space.webp);
	
}

/* .carousel-control-prev-btn{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #2a89ba;
	padding: 15px;
} */

.my-slider-div-text {
    position: absolute;
    top: 30%;
    z-index: 2;
	left: 10%;
}
/* / -------------scroll-bar-custom------- / */
/* / width / */
::-webkit-scrollbar {
    width: 10px;
    height: 7px;
  }
  
  /* / Track / */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* / Handle / */
  ::-webkit-scrollbar-thumb {
  
    background: #000;
    border-radius: 10px;
  }
  
  /* / Handle on hover / */
  ::-webkit-scrollbar-thumb:hover {
    background: #ffe400;
  }



  .header-content{
	display: none;
  }




  @media (max-width: 390px) {
  .my-slider-div-text {
    position: absolute;
    top: 24%;
    z-index: 2;
    left: 0%;
    /* DISPLAY: NONE; */
}
.header h1 {
	margin-bottom: 1rem;
    font-size: 23px;
    line-height: 25px;
}
.header .p-large {
    margin-bottom: 1rem;
    color: #ffffff;
    font-size: 10px;
    line-height: 15px;
}

a.btn-solid-lg.page-scroll {
    display: none;
}
.header .header-content {
    padding-top: 3.5rem;
    padding-bottom: 7rem;
    text-align: center;
}
.navbar-custom .navbar-brand.logo-image img {
    width: 113px;
    height: 25px;
    margin-bottom: 1px;
    -webkit-backface-visibility: hidden;
    transform: scale(2);
}
.carousel-control-prev-btn {
    display: none;
}
.tabs #tab-1 img {
    display: block;
    margin: 0rem auto 3rem auto;
}
.card-icon img {
    width: 50px !important;
}
.header-content{
	display: block;
  }

  .footer-col-last-div { position: inherit !important; bottom: 0 !important; }

}

/* ####################### */

.upled-text{
	color: #202020;
    font-size: 17px;
	padding-top: 10px;
}
.avatar-edit {
    position: absolute;
    right: 0% !important;
	left: 0 !important;
     opacity: 0;
    z-index: 1;
     top: 38% !important;
}

.last-icon a {
	color:#706d6d;
	

}
.last-icon{
    position: absolute;
    right: 15px;
    top: 15px;
}
.rod-img{
	width: 100%;
	height: 20px;
}
.rod-img img{
	width: 100%;
	height: 25px;
}

.form-control-input-2, .form-control-select {
    display: block;
    width: 100px;
    padding: 7px;
    /* padding-bottom: 10px; */
    border: 1px solid #ffffff;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #333;
    font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
    transition: all 0.2s;
    -webkit-appearance: none;
}

.footer .fa-stack .fa-stack-2x {
    color: transparent !important ;
    transition: all 0.2s ease 0s;
}

.Footer-text-h p {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
}
.Footer-text-h p span {
    font-size: 45px;
    line-height: 40px;
    color: #ffffff;
	font-weight: 600;

}
.media a{
	text-decoration: none;
	color: #fff;
}

.footer-logo{
		height: 80px;
		width: 180px !important;
		background-color: #fff;
		border-radius:0px 0px 10px 10px  ;


	
}
.footer-logo img {
    height: 100%;
    width: 100%;
}
.footer-col-last{
	position: relative;
	text-align: center;
}
.footer-col-last-div{
	position: absolute;
	bottom: 0 !important;
}
.side-aro-p{
	position: relative;
}
.side-aro{
	position: absolute;
	background-color: #ffffff;
	width: 20px;
	height: 20px;
	 right: 0;
	 top: 17px;
}
.may-nave-page a span{
	color:#202020 !important;
	text-decoration: none;
}

a{
	text-decoration: none;
	
}
a:hover{
	text-decoration: none;
	
}
.carousel-control-prev-icon {
	display: none;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e);
}
.carousel-control-next-icon {
	display: none;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e);
}
.yello-color {
	color: #ffc700 !important;
}

.carousel-indicators .active {
    opacity: 1;
	background-color: #ffe400;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    /* border-top: 10px solid white; */
    /* border-bottom: 10px solid white; */
    opacity: .5;
    transition: opacity 0.6s ease;
}

.my-card{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 10px;
	height: 90%;
}
.my-card p b{
	color: #3d3d3d;
}
.my-card:hover{
	box-shadow: rgba(255, 0, 0, 0.2) 0px 2px 8px 0px;
}
.my-card-icon{
	width: 50px;
	height: 50px;
}

.my-card-icon img{
	width: 100%;
	height: 100%;
}
.my-web-hr{
	border-width: 1px;
  border-color: #bababa;
  border-style: dashed;
}
.my-web-hr-2{
  
  border-width: 1px;
  border-color: #f7e0ad;
  border-style: dashed;
}

.my-card-icon-2{
	border: 5px solid #ffe400;
	border-radius: 100%;
	width: 160px;
	height: 160px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.my-card-icon-2{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
.my-card-icon-22{

}
.pay-flat h2{ 
	text-align: start !important;

 }  
.pay-flat h5{ 
	color: #fff;

 }  
.pay-flat{    
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

	background-image: url(../images/14.png);
}


.btn-solid-lg-2 {
	display: inline-block;
	padding: 19px 50px;
	/* padding: 1.375rem 2.625rem 1.375rem 2.625rem; */
	border: 0.125rem solid #ffe400;
	border-radius: 1rem;
	/* background-color:#2a89ba; */
	color: #2a89ba;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	/* box-shadow: -4px 3px 6px #000, 4px 5px 8px rgba(235, 173, 30, 1); */
	background-color: #ffe400;
	color: #000;
	
	
}

.btn-solid-lg-2:hover {
border: 0.125rem solid rgb(0, 0, 0);
text-decoration: none;
color:rgb(0, 0, 0);
	
}
.our-plan-img{
	width: 285px;
	height: 400px;
}
.our-plan-img img{
	width: 100%;
	height: 100%;
}
.our-plans p{
	color: #000000;
    font-size: 20px;
	font-weight: bold;
}
.our-plans p span{
	color: #000000;
    font-size: 40px;
}
.our-plans h6{
	color: #7b7b7b;
    font-size: 13px !important;
	font-weight: 600;
}
.our-plans h6 span {
    color: #000000;
    font-size: 19px !important;
    font-weight: bold;
}
.text-center{
	text-align: center;
}
.my-card-2 {
	border: 1px solid #8d8d8d;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    border-radius: 10px;
	transition: transform .2s;
	height: 100%;
}
.my-card-2:hover {
	border: 1px solid #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.1); 
	
}


.chek-text {
    width: 100%;
    height: 150px;
}

.btn-solid-lg-3 {
	display: inline-block;
	padding: 19px 50px;
	border: 0.125rem solid #a4a4a4;
	border-radius: 1rem;
	color: #2a89ba;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	/* background-color: #6fb005; */
	color: #1a1a1a;

	
	
}
.my-card-2:hover .btn-solid-lg-3{
	display: inline-block;
	padding: 19px 50px;
	border: 0.125rem solid #6fb005;
	border-radius: 1rem;
	color: #2a89ba;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
	background-color: #6fb005;
	color: #ffffff;
	
	
}
.chek-text p {
    margin-bottom: 5px !important;
}
.new-card-img{
	position: absolute;
    right: 40px;
    top: -4px;
}

.mobile-application {
	background-color: #fff1c0;
}
.mobile-application h2{
	text-align: start;
}

.mobile-application-card-dispaly{
	display: flex;
	align-items: center;
}
.mobile-application-card {
    background-color: #fff;
    padding: 15px;
	border-radius: 20px;
	border: 1px solid #c6c6c6;
}
.mobile-application-text h5{
	color: #404040;
	font-weight: bold;
	font-size: 23px;

}
.mobile-application-text p{
	color: #707070;
	font-size: 20px;

}
.mobile-application-text span{
	
	font-size: 30px;

}
.mobile-application-card-p p{
	color: #414141;
}

.btn-solid-lg-4 {
    display: inline-block;
    padding: 10px 50px;
    border: 0.125rem solid #ffe400;
    border-radius: 1rem;
    text-decoration: none;
    transition: all 0.2s;
    background-color: #ffe400;
    color: #fff;
	font-size: 18px;
}
.btn-solid-lg-4:hover {
    display: inline-block;
    padding: 10px 50px;
    border: 0.125rem solid #000000;
    border-radius: 1rem;
    text-decoration: none;
    transition: all 0.2s;
    background-color: #ffe400;
    color: #000000;

}
.need-assistance h6 {
	color: #000000;
	font-weight: normal;
	font-size: 20px;
	
}
.need-assistance h6 span{
	color: #ffe400;
	font-weight: normal;
	font-size: 25px;
	
}

.Testimonials-my-card{
    box-shadow: rgb(255 255 255 / 20%) 0px 2px 8px 0px !important;
	background-color: #fff;
    border-radius: 30px;
}

.testimonials-text h5 b{
	color: #000;
}
.testimonials-text .star-s{
	color: #ffe400;
}


/* 28-11-23 Abhi */
.registration-year input[type="date"]::before {
	color: #999999;
	content: attr(placeholder);
}
.registration-year input[type="date"] {
	color: #ffffff;
}
.registration-year input[type="date"]:focus,
.registration-year input[type="date"]:valid {
	color: #666666;
}
.registration-year input[type="date"]:focus::before,
.registration-year input[type="date"]:valid::before {
	content: "" !important;
}

.registration-authority .uploadFile {
    width: 100%;
    background-color: white;
    border: 1px solid #cdcdcd;
    color: #706d6d;
    font-size: 16px;
    line-height: 23px;
    padding: 15px 10px 15px 10px;
    position: relative;
    resize: none;
	border-radius: 10px;
    font-weight: 400;

/* Abhishek 18_03_23*/

 white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px;
}


.registration-authority #crts {
    margin-left: 10px;
	position: absolute;
	right: 15px;
	
}
.registration-authority.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.registration-authority .fa, .fas, .far, .fal, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.registration-authority .uploadFile [type=file] {
    cursor: pointer !important;
    display: block;
    font-size: 9px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1;
}
i.fa.fa-paperclip {
    position: absolute;
    right: 15px;
}
/* 28-11-23 Abhi end */

.testimonials-text-p{
	height: 160px;
}
.testimonial-text {
	font-style: normal !important;
    /* font: "Open Sans", sans-serif; */
}
.how-we-work-hr{
	position: relative;
}
.how-we-work{
	width: 95%;
	margin: 0 auto ;
	position: absolute;
	top: 63%;
	z-index: -09;
}

/* sign-up ####################################################### */
.en-manu {
	display: flex;
	margin-left: 30px;
}
.subscribe-heder-btn{
	color: #333;
    font-size: 16px;
    font-weight: normal;
}
.subscribe-heder-div{
	height: 10px;
	display: flex; 
	justify-content: center;
    align-items: center;
}
.side-aro-2 {
    position: absolute;
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0px;
}
.imagePreview-icon{
	background-image:
	url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUcAAAFFCAYAAAB/gS9gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABEDSURBVHhe7d11jBx1/8Dxb3F3d5fiTqE8BYoHC5pAoAQIEoKEkCBBfoHgbsEJFNc/kISE4O7uXtzd7eEznfn1ev2ctFzv9p6+Xsmlu3N7u3t3vfd+Z+Y7swP+/kcBYDQT1f8C0IY4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEESAhjgAJcQRIiCNAQhwBEuIIkBBHgIQ4AiTEkZbwySeflM8//7y+Bn1vwN//qC9Dr/vmm2/K2WefXd58883q+sCBA8s+++xTpplmmuo69BVxpM98/fXX5fjjjy+ffvppvWSk+eabrxx88MECSZ+yWk2f6CiMYcSIEeXEE08sP/zwQ70Eep840us6C2NDIOlr4kiv6k4YGwJJXxJHes3YhLEhkPQVcaRXjEsYGwJJXxBHxrt/E8ZGBPKEE04QSHqNODJe9UQYG++//75A0mvEkfGmqzAOGDCgvtR9AklvEUfGi+6EcY899iiTTjppvWSU6aefvuy88871tTEJJL1BHOlx3QnjnnvuWdZYY416yZiGDh0qkPQpcaRHdTeMgwYNqpd0TCDpS+JIj4mTSPRUGBsCSV8RR3rM8OHDezSMje4E8tprr62vQc8QR3rM888/X18a3b8JY6OrQHb02DCuxJEeM+2009aXRumJMDY6C+R0001XX4KeIY70mM0226y+NFJPhrERgRw2bFh9bZRNN920vgQ9w8lu6VHPPvtseeyxx8okk0xShgwZUhZZZJH6M7ndd9+9/P777/W1kWKe41lnnVVfy7366qvlgQceKPHfd/DgwdUZxKEniSN9alzjCOOb1WqAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOdOnDDz8sp556atlvv/3KaaedVj766KP6M63vvffeKyeffHL13ON47c8++6z+DHROHOnUTz/9VL31QZxM9ttvvy3PPfdcdf3nn3+ub9G6vvvuu+otFF588cXquT/11FPVc29/ogvIiCOdiqB8//339bWRIjpPP/10fa11Pf7441Xc2/rqq6+cNZxuEUc69eOPP9aXRtc+OuNqyimnrC+Nki0bFx09946WQ1viSJ+KE+K2ly2D3iaO9KmtttqqbL755mXGGWcsM888c9l2223LJptsUn8W+o440qcmmmiisvXWW5czzjij2hPuvWBoFeIIkBBHgIQ4AiTEESAhjgAJcQRIiCOd6uhImD///LO+1Lr++OOP+tLoYvoQdMX/Ejo166yz1pdG9/LLL9eXWtNff/1VXn311fra6Kaaaqr6EnRswN//qC/DGD7++ONyyCGH1NdGN2jQoLLqqquWSSedtF7SGn777bfy0EMPVSfNaC9GjTHZPI7Igc6II12K03698sor9bX+beWVVy777rtvfQ06ZrWaLq233nr1pf5v6NCh9SXonDjSpZVWWqmsssoq9bX+K872M3DgwPoadE4c6dKAAQPKnnvuWUWyv1pzzTXLsGHD6mvQNdsc6bbYA3zfffeVu+66q7z//vv10ta2wAILlPXXX78MHjy4XgLdI46Mk9dff7288MIL1TzIVpvzOMkkk5Spp566LLfccmWhhRaql8LYEUeAhG2OAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJJzPkW6JtzuN/yrxNqyt+qb4caby33//vXp+Y/t2sfG9ffXVV+XXX38t0003XZlmmmnqz4wpTu77xx9/lIknnrg6sS7/m8SRbjniiCPKiBEjyumnn15mmmmmemlrefnll8uJJ55YVl999bL33nvXS7sWb/4/fPjw8uGHH9ZLStloo43KlltuWR544IGy9NJLl7nmmqv+TCn33HNPueyyy8pmm21Wttlmm3op/2usVvcT7733Xtl9993L8ccfXy/p2Isvvljd9vzzz6+X0JHvvvuuCn6EcZ111ik77bRT2XDDDcuyyy5bRfCqq66qQsiERxz7kVhljNW5rsTKQNy21d7bpRU9+OCD5ZdffikbbLBB2WWXXar36N5hhx3KUkstVeaee+7qnRfnn3/++tZMSMSRCdpHH31U/RsxbC/eoOvSSy8tO+64Y72ECYk4MkGLHTBhiimmqP5tr1V3PjH+Tfx//6gv08K+/fbbahtY7AwZMmRIvTT32WeflYcffrhaLVx11VXrpaV8+umn1fa1CMGss85abr755nLxxReXa6+9ttx+++3Ve1HH/Wc7XOKx4znEjoopp5yyXjpSrOrHe1nH/cSOjZtuuqk89NBD5eOPPy7zzjtvmWqqqepbjhJ7lp9//vly6623lmuuuaZcf/311eWnnnqq/PDDD9Vbqsbe4PYiZvfee2+58MILq+2Bt912W7UjZsYZZ6xuH6vJ88wzT1lllVXqr8g9++yz5Y477qj+jU0Q77zzTvUzu//++8sMM8xQ5phjjvLKK69U221//vnnssgii9RfWcq7775bfd3iiy9eBg4cWC8dJd62ttlWecMNN1T3+cknn5T55ptvjJ8drcvL4gQkwvLmm29Wf/SxVzeCFhFac801y5xzzlkef/zxcswxx5RHHnmk/oquxRSfk046qVx55ZXV3uwVVlihrLHGGmXaaactd999dznssMOq8LT3+eefl9NOO6089thj1WP/5z//qYIWy2+88cZywQUX1LccpXmsK664onz99dfVXulBgwZVO1VieQSrux599NHqsZoATzbZZNWLRnw0yyLS8fOKF5vuir3bxx57bPVcllxyybLuuuuW2WefvXpxOfLII8fqvuhbRo79RE+MHJv7iJHPzDPPXP2xrrXWWmWllVYqa6+9dvVHHCO35557rgwePHi0UU5HI8cYKcbXxOMceuihVRhXXnnl6jnG6OuJJ56oPh/333buYcwjjJHUsGHDqjDG9r14HvF84rm//fbb1X20fawYXUbAF1100XLUUUdVj7XiiitWAYrvJz4fujNyjOcYLwoR7thTHVN/tthii2rZbLPNVt0mtkfG48ULSDy/Rkcjx3hxOOOMM6qR59FHH109r+WXX776WU4//fTVfcXjdfX7ozUYOU6gYspKjO4asVc2YhORi9XM7ozCYvR23333VavNu+6662ghi/uLUV2EL0Z2Edf2IobtVzNjAnYsD7F62og98M2IdrfddhttknY8VjxOtorbm2LTRMwQ2H777avNFm3FNKF4sYqRaESU1ieOE6DYPtfR9JQYiYXYHtiV1157rYpW7OltH7lGBDfE3MvuipFXiNXoRgQlRq4xGo3V8Ey2x7m3xM/hhRdeqEbHTdzbioA38Y6fG61PHCdAsQoaf6yZWIUMsfOmKx988EH1b/M1mdghE7LRUuzIidFh7IiJKTPnnntutR0yttu11xy90p3H6gsR7h9//LH6uV500UXV99L+o3mBiB08tD5x7Ge6c7RnV7fp7Ljj2DERYtW6K800mOZrMs1jNbdtPPPMM+XAAw+sdl7ccsstVfziMWMVPRuFNs+noyk3YfLJJ68v9b6ffvqp+jdWq2O7YvYRLwaxut3RKJvWIo79RBOZ7hwh06yOdnRShLarq+01n+sseI0mRp3dXxO1tvcX01rOPPPM6siUffbZp5x33nnVsdsHHHBA2Wuvvf5/1b6t5nvpLNp9eURQ8/3NMsss5ZRTTun0Y/31169uS2sTx34i9lJHIGMPalerZTFfMXS0mhl7szsaXcYx3KHtiRY60mz7ax4v06xOt72/O++8s3r8jTfeuNoB1D7izSisrWYPcmc7M7qzKWB8id9PjAjjZ/v999/XS+nPxLGfiNXJmEMYI6fO5iHGaCwmSYc4m0wm/nhjqkwm5v+FtpOeOxLTW2JOYKwidxTs5rnGc2/E3usQe2/bi8nhTz/9dH1tlIUXXrhMPfXUVRy/+eabeunoXnrppfpS74sjaWKHS0S/+RnSv4ljPxInRYgN/ldffXV1JEj7VewvvviiWl2NeKy22mrVPMKOxKTt9iOcOKol5iRGiGNuXldiOk3M5YswXnLJJWNsV4wJ3nF0SNwu5i82YodQiKi2HcHGanEcZRPfR3sRn5i7GLePnTdtHyuWPfnkk9VHX9p8882r30/Mt2z/vYX4ffVlwBk7zufYz0RsIg7xa4udFzHCi9FbczRHLI8R4/777z/GdsMYdcW2vRjxxXa/iGNcjhjGKmkchhd/3LHtLyYvt9XR+RxjJBsTn2NPbEwRitFTrP7HoYMxZSW2Sx500EFlscUWq79i5NExhx9+eDXKjeULLLBAdTkmn4c4j+Lll19ezWeM+YuN2Bt83HHHVXvJYxQZ2yZjlfytt96qnlvML7zuuuvG6nyOsRc5JmfHBPYllliiXjpSTGA/55xzytChQ8vOO+9cL+38fI4xUo6je+L3EJPqY8Qb4gUrRusR+djGSutzhEw/E/MT4+iOZvtWHK0RIYqdInG4Whzlsd1226U7Y5ojZOKPNoIVQY0gxcleY1V3mWWWKXvssUc6mfqNN96oohdHkLTdKxxhjlFqhDGeRwS22TMbcxzj/trPqYywxWPFmbfjfuMjRouxLHbQxO3jEMc4p2LbOY0R+whfvChEION5x/bO+H4ipPF48XXx9d2dEB5Rjecao9JmfmUjfl7xPcUROfHR+PLLL6vnGzFdcMEF66UjxXbeiHaMbOP3E1OV4jlG/OOFbJNNNul0RE/rMHLs5+LXFx/dOXtMM3KMcBx88MH10pHb+Xrq7DPNf6eO5lFmxvXx4+viccbmsXpbf3iO5Gxz7Ofij+7fhq2nwhjGJQTj+vjxda0enf7wHMmJI0BCHAES4giQsENmAhJ7p2PaSkzFaT9VBxidOAIkrFYDJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRICGOAAlxBEiII0BCHAES4giQEEeAhDgCJMQRYAyl/Bd1aHUmbK1G7wAAAABJRU5ErkJggg==);
}

  .avatar-upload {
        position: relative;
        max-width: 205px;
        margin: 50px auto;

        .avatar-edit {
            position: absolute;
            right: 12px;
            z-index: 1;
            top: 10px;

            input {
                display: none;

                +label {
                    // display: inline-block;
                    // width: 192px;
                    // height: 192px;
                    // margin-bottom: 0;
                    // border-radius: 100%;
                    //background: #FFFFFF;
                   // border: 1px solid transparent;
                   // box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                   // cursor: pointer;
                    //font-weight: normal;
                    // transition: all .2s ease-in-out;top: -86px;

 top: -86px;
    position: absolute;
    display: inline-block;
    width: 192px;
    height: 192px;
    margin-bottom: 0;
    border-radius: 0%;
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
    &: ;
    &: ;

                    &:hover {
                       // background: #f1f1f1;
                       // border-color: #d6d6d6;
    background: rgb(241, 241, 241 0.0);
    border-color: rgb(214, 214, 214 0.0);
                    }

                    &:after {
                        content: "\f040";
                        font-family: 'FontAwesome';
                        color: #757575;
                        position: absolute;
                        top: 10px;
                        left: 0;
                        right: 0;
                        text-align: center;
                        margin: auto;
			opacity: 0;
                    }
                }
            }
        }

        .avatar-preview {
            width: 192px;
            height: 192px;
            position: relative;

            border: 1px solid #e5e5e5;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);

            >div {
                width: 100%;
                height: 100%;

                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
    }

/* sign-up end ################################################### */


.thank-you-bg{
	width: 100%;
	background-image: url(../images/thank-you-page-2.png);
	background-repeat: no-repeat;
	background-attachment: fixed;  
	background-size: cover;
}
.thank-you-playstor-btn{
	width: 200px;
	height: 100px;
	background-color: #000 ;
	color: #fff;
}

.loader-td {
    display: none;
    position: fixed;
    background: #fff;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 999999999999999;
}
.loader-td img{
width: 6%;
    position: relative;
    top: 50%;
}
.text-red{color:#dc3545 !important}
.about-top-header-up{
	background-color: #000000d6;
	width: 100%;
    height: 100%;
}

.about-top-header{
	width: 100%;
    height: 400px;
    background-image: url(../images/go-cabs-slider-about.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.slider-deading h2{
	color: #ffffff;
    font-weight: 600;
    font-size: 50px;
	padding-top: 90px;

}

.carousel-caption.d-none.d-md-block   {
    position: absolute;
    top: 200px;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0px ;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
@media only screen and (max-width: 499px) {
	.responsive-header-s {
		padding-top: 55px;
	}
	.carousel-indicators {
		position: absolute;
		right: 0;
		bottom: 0px !important;
		left: 0;
		z-index: 15;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 0;
		margin-right: 15%;
		margin-left: 15%;
		list-style: none;
	}
	.how-we-work {
		display: none;
	}

  }



  /* .my-toggle-btn 27-02 */


  .my-toggle-btn .switch {
	  position: relative !important;
	  display: inline-block;
	  width: 60px;
	  height: 34px;
  }

  .my-toggle-btn .switch input {
	  opacity: 0 !important;
	  width: 0;
	  height: 0;
  }

  .my-toggle-btn .slider {
	  position: absolute !important;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ffc700;
	  -webkit-transition: .4s;
	  transition: .4s;
  }

  .my-toggle-btn .slider:before {
	  position: absolute;
	  content: "";
	  height: 26px;
	  width: 26px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
  }

  .my-toggle-btn input:checked+.slider {
	  background-color: #ccc !important;
  }

  .my-toggle-btn input:focus+.slider {
	  box-shadow: 0 0 1px #ffe700 !important;
  }

  .my-toggle-btn input:checked+.slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
  }

  .my-toggle-btn .slider.round {
	  border-radius: 34px;
  }

  .my-toggle-btn .slider.round:before {
	  border-radius: 50%;
  }
    /* .my-toggle-btn 27-02 END */
    /* .my-toggle-btn 27-02 END */
@media only screen and (max-width: 767px){

	.colm-reverse {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	.basic-4 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
		
	}
}
.carousel-item
.carousel-caption {
    left: 4% !important;
}
    /* .my-toggle-btn 27-02 END */

	.image-container-img img {
		border-radius: 10px;
	}



	

/* 8/3/2023 Abhi */
.class-tab-bg{
	
	background-image: url(../img/go-cab-tab-bg.png) ;
	background-repeat: no-repeat ;
	padding: 50px 0px;

}
.go-cab-tab
.nav-pills .nav-link .img-1, .nav-pills .show > .nav-link {
   
	display: block;
}

.go-cab-tab
.nav-pills .nav-link.active .img-1, .nav-pills .show > .nav-link {

	display: none;
}
.go-cab-tab
.nav-pills .nav-link.active .img-2, .nav-pills .show > .nav-link {

	display: block;
}
.go-cab-tab .img-2{
	display: none;
}
.go-cab-tab
.img-1  {
   text-align: center;

}
.go-cab-tab
.img-1 img {
    width: 200px;
	
}
.go-cab-tab
.img-2 img {
    width: 240px;
	rotate: -12deg; 
}
.go-cab-tab
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff00;
}


/* Abhi 13-3-2024 */
.registration-authority .uploadFile span.text-danger {
    position: absolute;
    top: 53px;
    font-size: 15px;
    left: 0 !important;
    line-height: 18px !important;
}