body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans', sans-serif;
	touch-action: pan-y;
}

main {
	height: auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bot {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 500px;
	/* margin-top: -100px; */
	/* margin-left: -25px; */
}

.bot .form-sec {
	width: 100%;
	/* text-align: center; */
	/* margin: 10px; */
	/* margin-top: -20px; */
	padding: 15px;
}

.bot .bot-sec {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bot .bot-sec img {
	width: 80%;
}

/*Navbar CSS Start*/

i {

	margin-right: 5px;
	color: black;
}

.navbar {
	background-color: white !important;
}

.nav-link {
	color: black !important;
}

.nav-item {
	padding: 4px 8px;
}

.nav-item:hover {
	background-color: #f5f4f4;
	transition: 0.4s;
	border-radius: 10px;
	border-bottom: 2px solid #ffffff;

}

.logo-name {
	color: #ffffff;
	font-size: 33px !important;
	margin-left: 10px;
	float: right;
	font-weight: bold !important;
	line-height: 1.4 !important;
}

.navbar-toggler-icon {
	color: #ffffff !important;
}

/*Navbar CSS End*/
.speech-bubble {
	background-color: #4287f5;
	color: white;
	padding: 0.5em 1em;
	/* position: relative; */
	position: absolute;
	/* margin-left: 500px; */
	border-radius: 0 0.25em 0.25em 0.25em;
	transition: 1s;
	margin-top: 160px;
	animation: speech 0.7s linear 1s;
}

.speech-bubble:after {
	/* content: '';
    position: absolute;
    border: 0.5em solid transparent;
    border-top-color: #c50d66;
    border-right-color: #c50d66;
    right: 100%;
    top: 0%;
    transform: skewY(20deg);
    transform-origin: 100% 100%; */
	content: '';
	position: absolute;
	display: block;
	height: auto;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: #4287f5 transparent;
	border-width: 0 20px 20px;
	top: -20px;
	left: 50%;
	margin-left: -20px;
}


.animate {
	animation: typing 2s steps(20), blink .5s step-end infinite alternate;
}

@keyframes typing {
	from {
		width: 0
	}
}

@keyframes blink {
	50% {
		border-color: transparent
	}
}

.monospace {
	font-family: monospace, monospace;
	font-size: 1.15em;
}

.tri {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #c50d66;
	position: absolute;
	transform: translate(-50%, -50%);
	top: -20%;
	left: 50%;
}

@keyframes grow {
	0% {
		max-height: var(--lineHeight);
	}

	100% {
		max-height: calc(var(--lineHeight) * var(--lines));
	}
}

@keyframes carriageReturn {
	0% {
		top: 0;
	}

	100% {
		top: calc(var(--lineHeight) * var(--lines));
	}
}

@keyframes type {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}
}

@keyframes caret {
	0% {
		color: var(--bgColor);
	}

	100% {
		color: white;
	}
}


.typewriter {
	--bgColor: #4287f5;
	--lines: 500;
	--lineHeight: 1.5rem;
	--timePerLine: 4s;
	--widthCh: 40;
	--width: calc(var(--widthCh) * 1ch);
	/* do not touch the time property!!! */
	--time: calc(var(--lines) * var(--timePerLine));
	animation: grow var(--time) steps(var(--lines));
	animation-fill-mode: forwards;
	background: var(--bgColor);
	line-height: var(--lineHeight);
	max-height: var(--lineHeight);
	overflow: hidden;
	position: relative;
	width: var(--width);
	/* word-break: break-all; */
}

.typewriter::before {
	content: "";
	/* animation:
        type var(--timePerLine) linear infinite,
        carriageReturn var(--time) steps(var(--lines)) var(--lines),
        caret 0.5s steps(2) infinite; */
	background: var(--bgColor);
	border-left: 2px solid;
	bottom: 0;
	height: 2rem;
	position: absolute;
	right: 0;
	width: 100%;
}

.mr {
	margin-right: 10px;
}

.m0 {
	margin: 0
}

.p0 {
	padding: 0;
}

.typewriter.no-caret::before {
	border-left-width: 0;
}

.typewriter.big-caret::before {
	border-left-width: 1ch;
}

.typewriter.monospace {
	font-family: monospace, monospace;
	font-size: 1em;
}

.typewriter.monospace::before {
	animation:
		type var(--timePerLine) steps(var(--widthCh)) infinite,
		carriageReturn var(--time) steps(var(--lines)) var(--lines),
		caret 0.5s steps(4) infinite;
}

.div-animate::before {
	animation:
		type var(--timePerLine) steps(var(--widthCh)) infinite,
		carriageReturn var(--time) steps(var(--lines)) var(--lines),
		caret 0.5s steps(4) infinite;

}

.section2 {
	display: none;
}

.section3 {
	display: none;
}

.section4 {
	display: none;
}

.section5 {
	display: none;
}

.section6 {
	display: none;
}

.section7 {
	display: none;
}

.form-section {
	display: none;
}

.lorem {
	--widthCh: 60;
	--timePerLine: 6s;
}

.success-div-span{
	font-size: 1.05em !important;
    line-height: 1.85rem !important;
    margin-bottom: -30px !important;
}

.footer-distributed {
	font-family: "Poppins", "Mirza", sans-serif;
	background: #111115;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px;
	padding: 0px;
	left: 0px;
	bottom: 0px;
	height: auto;
	margin-top: 70px;

}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
	display: block;
	vertical-align: top;
	margin-top: 10px;
}

/* Footer left */

.footer-distributed .footer-left {
	width: 43%;
}

/* The company logo */

.footer-distributed h3 {
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
	margin: 10px;
	display: flex;
}

.footer-distributed h3 span {
	color: white;

}

/* Footer links */

.footer-distributed .footer-links {
	color: rgba(255, 255, 255, 0.5);
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a {
	display: inline-block;
	line-height: 1.8;
	font-weight: 400;
	text-decoration: none;
	color: inherit;
	margin-left: 30px;
}

.footer-distributed .footer-company-name {

	font-size: 14px;
	font-weight: normal;
	margin-top: 50px;
	color: rgba(255, 255, 255, 0.6);
	margin: 0px;
	padding: 0px 0;
	line-height: 2rem;
	background-color: black;

}

.footer-distributed .footer-company-name a {

	/* font-size: 14px; */
}


/* Footer Center */

.footer-distributed .footer-center {}

.footer-distributed .footer-center i {
	background-color: #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope {
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p {
	display: inline-block;
	color: #ffffff;
	font-weight: 400;
	vertical-align: middle;
	margin: 0;
}

.footer-distributed .footer-center p span {
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 2;
}

.footer-distributed .footer-center p a {
	color: white;
	text-decoration: none;
	;
}

.footer-distributed .footer-links a:before {
	font-weight: 300;
	font-size: 20px;
	color: #fff;
	display: inline-block;
	padding-right: 5px;
	margin-left: 10px;
}

.footer-distributed .footer-links .link-1:before {
	content: none;
}

/* Footer Right */

.footer-distributed .footer-right {
	width: 0%;
}

.footer-distributed .footer-company-about {
	line-height: 20px;
	color: #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-links :hover {
	color: white;

}

.footer-distributed .footer-company-about span {
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons {
	margin-top: 25px;
}

.footer-distributed .footer-icons a {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color: #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

.service-40 {
	color: #8d97ad;
	font-weight: 300;
}

.service-40 h1,
.service-40 h2,
.service-40 h3,
.service-40 h4,
.service-40 h5,
.service-40 h6 {
	color: #3e4555;
}

.service-40 .bg-light {
	background-color: #f4f8fa !important;
}

.service-40 .badge {
	line-height: 14px;
}

.service-40 .badge-danger {
	background-color: #ff4d7e !important;
}

.service-40.wrap-feature40-box {
	background-position: left top, top right;
	background-repeat: no-repeat, no-repeat;
}

.service-40 .btn-info-gradiant {
	background: #188ef4;
	background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
	background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
	background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.service-40 .btn-info-gradiant:hover {
	background: #316ce8;
	background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
	background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
	background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
	background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.service-40 .btn-md {
	padding: 15px 45px;
	font-size: 16px;
}


@media(width:768px) {
	.footer-distributed .footer-center {
		margin-left: 0px !important;
	}
}


@media(max-width:320px) {

	/* body css starts*/
	.speech-bubble {
		margin-top: 150px !important;
	}

	.typewriter {
		--lineHeight: 1.15rem !important;
		--widthCh: 30 !important;
	}

	.typewriter.monospace {
		font-family: monospace, monospace;
		font-size: 0.9em !important;
	}

	.loading-animation {
		margin-top: -40px;
	}

	.form-sec {
		margin-top: 60px;
		margin-bottom: -40px;
	}

	.form-sec .section1 {
		margin-top: 20px !important;
	}

	.form-sec .section2 {
		margin-top: -40px !important;
	}

	.form-sec .section3 {
		margin-top: -10px !important;
	}
	.form-sec .section6 {
		text-align: inherit;
	}
	
	

	.form-sec .section4,
	.form-sec .section5,
	.form-sec .section6 {
		margin-top: -30px !important;
	}


	/*body css ends*/

	/*footer css starts*/
	.footer-distributed {
		font: bold 14px sans-serif;
	}

	.footer-distributed .container {
		margin-bottom: 50px;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right {
		display: block;
		margin-bottom: 30px;
		text-align: left;
	}

	.footer-distributed .footer-center {
		width: 100%;
		margin-left: 10px;
	}

	.footer-distributed .footer-center i {
		margin-left: 20px;
		margin-top: 10px !important;
		font-size: 16px;
		margin-bottom: -5px;
		display: inline;
	}

	.footer-distributed .footer-center .fa-map-marker,
	.footer-distributed .footer-center .fa-phone,
	.footer-distributed .footer-center .fa-envelope {
		display: inline;
	}

	.footer-distributed .footer-center p {
		padding: 10px;
	}

	.footer-distributed .footer-center .fa-marker-div {
		display: flex;
	}

	.footer-distributed .quicklink-div,
	.footer-distributed .socialnetwork-div {
		margin-left: -5px;
	}
}


@media (min-width:321px) and (max-width:480px) {

	/* body css starts*/
	.typewriter.monospace {
		font-family: monospace, monospace;
		font-size: 0.9em !important;
	}

	.loading-animation {
		margin-top: -40px;
	}

	.form-sec {
		margin-top: 40px;
		margin-bottom: -40px;
	}

	.form-sec .section2 {
		margin-top: -40px !important;
	}

	.form-sec .section3 {
		margin-top: -10px !important;
	}

	.form-sec .section4,
	.form-sec .section5,
	.form-sec .section6 {
		margin-top: -30px !important;
	}


	/*body css ends*/

	/*footer css starts*/
	.footer-distributed {
		font: bold 14px sans-serif;
	}

	.footer-distributed .container {
		margin-bottom: 50px;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right {
		display: block;
		margin-bottom: 30px;
		text-align: left;
	}

	.footer-distributed .footer-center {
		width: 100%;
		margin-left: 10px;
	}

	.footer-distributed .footer-center i {
		margin-left: 20px;
		margin-top: 10px !important;
		font-size: 16px;
		margin-bottom: -5px;
		display: inline;
	}

	.footer-distributed .footer-center .fa-map-marker,
	.footer-distributed .footer-center .fa-phone,
	.footer-distributed .footer-center .fa-envelope {
		display: inline;
	}

	.footer-distributed .footer-center p {
		padding: 10px;
	}

	.footer-distributed .footer-center .fa-marker-div {
		display: flex;
	}

	.footer-distributed .quicklink-div,
	.footer-distributed .socialnetwork-div {
		margin-left: -5px;
	}

}

@media (min-width:481px) and (max-width:900px) {
	.typewriter.monospace {
		font-family: monospace, monospace;
		font-size: 1em;
	}

	.form-sec {
		margin-bottom: -30px;
	}

	.form-sec .section4 {
		margin-top: -30px !important;
	}

	.form-sec .section5 {
		margin-top: -10px !important;
	}

	.footer-distributed .footer-center {
		margin-left: 10px;
	}

	.footer-distributed .footer-center .fa-marker-div {
		display: flex;
	}

	.footer-distributed .footer-center .fa-map-marker {
		margin-top: -1px !important;
	}
}

@media (min-width:901) {
	.form-sec.btn-NP {
		margin-bottom: -30px;
	}
}

.select2-selection { overflow: hidden; }
.select2-selection__rendered { white-space: normal; word-break: break-all; }

.logo-name
{
    font-family: Agency FB;
    color: #00008b;
    font-size: 34px;
    margin-left: 8px;
    margin-bottom: -8px;
    float: right;
    font-weight: bold;
    background: -webkit-linear-gradient(#33b7f1, #033056);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}