@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body {
	font-family: "Outfit", sans-serif;
}

/* BANNER SECTION
----------------- */

.Banner-bg {
	background-image: url("../svg/banner.svg");
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 30px;
	background-color: #181f6f;
	background-position: 50% 0.5%;
}

.main-logo {
	padding-top: 70px;
	padding-bottom: 135px;
	width: 300px;
}
.Banner-Title {
	font-size: 50px;
	line-height: 1.2;
	color: #fff;
	font-weight: 400;
}
.banner-text1 {
	font-size: 27px;
	line-height: 1.2;
	color: #fff;
	font-weight: 500;
}
.banner-text2 {
	font-size: 24px;
	line-height: 35px;
	color: #fff;
	font-weight: 300;
}
.banner-text3 {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	font-weight: 500;
}

.Brd-cyan { 
	border-top: 1px solid #23c8c3;
	width: 97%;
}

/* FORM SECTION */
.Form-Sec1 {
	background-color: #23c8c3;
	padding: 30px 30px 18px 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	margin-top: 140px;
}

.Form-Sec1 img { 
	margin-top: -130px;
	width: 39%;
}
.Form-Sec1 h2 {
	color: #040625;
	font-size: 40px;
	line-height: 45px;
	font-weight: 600;
	text-align: center;	
	margin-top: 25px;
}

.Form-Sec1 h2 span {
	color: #040625;
	font-size: 40px;
	line-height: 45px;
	font-weight: 300;
}
.Form-Sec2 {
	background-color: #fff;
	padding: 35px 35px 45px 35px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.Form-Sec2 h3 {
	font-size: 20px;
	line-height: 28px;
	color: #383949;
	font-weight: 600;
	text-align: center;
	margin-bottom: 25px;
}

label {
	font-size: 15px;
	color: #535b79;
	font-weight: 400;
	/*line-height: 29px;*/
}
.form-label {
	margin-bottom: 0.3rem;
}
.form-control, .form-select {
	border-radius: 0px;
	padding: .6rem 0.75rem;
	border: 1px solid #73737d;
	font-weight: 300;
	color: #9196a9;
}
.form-control:focus, .form-select:focus {
	color: #212529 !important;
	background-color: #fff;
	border-color: #23c8c3;
	outline: 0;
	box-shadow: 0 0 0 0rem rgb(35 200 195 / 25%);
}

textarea.form-control { min-height: 127px; }

.mb-10 {margin-bottom: 0px;}

.Form-Req {
	color: #9b9eae;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 7px;
	font-weight: 300;
}


.btn-grad {
	background-image: linear-gradient(to right, #f66402 0%, #ff911b 51%, #f66402 100%);
	font-weight: 500;
	color: #fff;
	padding: 12px 20px;
	font-size: 18px;
	letter-spacing: 1px;
	text-shadow: 0 2px 5px rgb(0 0 0 / 10%);
	text-transform: uppercase;
	background-size: 200% auto;
	text-align: center;    
	display: block;
	transition: 0.5s;
	border-radius: 10px;
}

.btn-grad:hover {
	background-position: right center;
	color: #fff;
	text-decoration: none;
}

/* Testimonials */
/*.Testimonial-Sec {
	background-image: url('../images/testimonials-bg.svg');
}
.banner-testimonial {
    height: 250px;
    position: relative;
}*/
.carousel { margin-top: 53px; }
.carousel .carousel-caption img { margin-bottom: 23px; }
.carousel .carousel-caption h5 { font-weight: 600; font-size: 26px; line-height: 35px; color: #fff; margin-bottom: 20px; }
.carousel .carousel-caption p { font-weight: 400; font-size: 18px; line-height: 25px; color: #e6e6f0; }

.carousel .carousel-caption { position: static; min-height: 360px; }
.carousel .carousel-control-prev-icon {
	background-image: url('../png/carousel-prev-icon.png'); width: 16px; height: 16px;
}
.carousel .carousel-control-next-icon {
	background-image: url('../png/carousel-next-icon.png'); width: 16px; height: 16px;
}
.carousel .carousel-control-next, .carousel .carousel-control-prev { opacity: 1; top: 80px; bottom: inherit; }
.carousel .carousel-control-next:focus, .carousel .carousel-control-next:hover, .carousel .carousel-control-prev:focus, .carousel .carousel-control-prev:hover { opacity: 0.8; }

.carousel .carousel-control-prev { left: 70px; }
.carousel .carousel-control-next { right: 75px; }

/* How Can Help - Section
-------------------------- */
.How-Help-Sec {
	background-color: #f3f7f7;
	padding-top: 114px;
	padding-bottom: 100px;
}
.How-Help-Sec h2 {
	color: #141964;
	font-size: 52px;
	line-height: 62px;
	font-weight: 400;
	margin-bottom: 30px;
}

.Icon-Bg {
	border-radius: 65px 65px 0px 65px;
	background-color: #76dbd8;
	width: 65px;
	height: 65px;
	justify-content: center;
	align-items: center;
	display: flex;
}
/*.Media-Obj {margin-bottom: 30px;}*/

.Media-Obj {margin-bottom: 15px;}
.Media-Obj h3 {
	color: #040625;
	font-size: 28px;
	line-height: 35px;
	font-weight: 500;
	margin-top: 16px;
}
.Media-Obj p {
	color: #545b61;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 0px;
}
.Media-Obj .Content {
	margin-left: 35px;
}

/* Companies-Sec
---------------- */

.Companies-Sec {padding: 100px 0;}

.Companies-Sec h3 {
	color: #141964;
	font-size: 51px;
	line-height: 62px;
	font-weight: 400;
	margin-bottom: 30px;
}
.Companies-Sec h4 {
	color: #040625;
	font-size: 26px;
	line-height: 35px;
	font-weight: 500;
	margin-bottom: 35px;
}
.Companies-Sec p {
	color: #545b61;
	font-size: 22px;
	line-height: 1.4;
	font-weight: 400;
	/*margin-bottom: 0px;*/
}

/* CTA Section
--------------- */
.CTA-Sec {
	background-image: url("../svg/cta-bg.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #0060aa;
	padding-top: 230px;
	padding-bottom: 50px;
}

.CTA-Sec h3 {
	text-align: center;
	color: #fff;
	font-size: 54px;
	line-height: 1.2;
	font-weight: 400;
	margin-bottom: 50px;
}

.CTA-Sec a {margin-bottom: 93px;}

.Footer-Sec {
	background-color: #003c69;
}
.Footer-Sec p {font-weight: 300; font-size: 14px; line-height: 20px; color: #dce3f2; margin-top: 15px; margin-bottom: 15px;}

.Footer-Sec a {font-weight: 300; color: #dce3f2; text-decoration: none;}


/* Back to Top - Button 
----------------------- */
#btn-back-to-top {
	position: fixed;
	bottom: 70px;
	right: 30px;
	display: none;
}
#btn-back-to-top span { color: #23b9b9; font-size: 18px; font-weight: 300; }


/* Media Queries
---------------- */

@media (max-width: 576px) {
	.Media-Obj .Content {
		margin-left: 20px;
	}
	.Banner-Title { font-size: 30px; line-height: 1.2 ; }
	.banner-text1 { font-size: 20px; line-height: 1.3 ; }
	.banner-text2 { font-size: 18px; line-height: 1.4 ; }
	.banner-text3 { font-size: 20px; line-height: 1.3 ; }
	.carousel .carousel-caption h5 { font-size: 20px; line-height: 1.3; }
	.carousel .carousel-caption p { font-size: 16px; line-height: 1.3; }
	.Form-Sec2 h3 { font-size: 16px; line-height: 1.3; }
}


@media (max-width: 768px) {
	.Media-Obj .Content {
		margin-left: 20px;
	}
	.How-Help-Sec h2, .Companies-Sec h3 {
		font-size: 30px;
		line-height: 1.2;
	}
	.How-Help-Sec h3, .Companies-Sec h4 {
		font-size: 20px;
		line-height: 1.2;
	}
	.How-Help-Sec p, .Companies-Sec p { font-size: 16px; line-height: 1.4; }

	.CTA-Sec h3 {font-size: 30px; line-height: 1.2;}

	.Footer-Sec p { text-align: center; }
	.carousel .carousel-control-prev { left: 0; }
	.carousel .carousel-control-next { right: 0; }
	.main-logo { padding-bottom: 35px; padding-top: 45px;}
	.Form-Sec1 { margin-top: 100px; }
	.Form-Sec1 h2, .Form-Sec1 h2 span { font-size: 33px; line-height: 1.2; }
	.Form-Sec1 img {margin-top: -120px;}
	.Form-Req {margin-top: 25px; margin-bottom: 0px;}
	.Companies-Sec {padding: 70px 0;}
}
@media (min-width: 576px) and (max-width: 991.98px) {
	.Banner-Title { font-size: 42px; line-height: 1.2 ; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.main-logo { padding-bottom: 50px; padding-top: 50px; }
	.Form-Sec1 img {margin-top: -155px;}
	.How-Help-Sec h2, .Companies-Sec h3, .CTA-Sec h3 {font-size: 42px; line-height: 1.2;}
}

@media (max-width: 992px) {
	.Banner-bg {
		background-image: inherit;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: #181f6f;
	}
	.How-Help-Sec {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.Companies-Sec p {padding-bottom: 30px;}
	.CTA-Sec {
		background-image: none;
		padding-top: 80px;
		padding-bottom: 80px;
		background: rgb(0,102,177);
		background: -moz-radial-gradient(circle, rgba(0,102,177,1) 0%, rgba(1,21,36,1) 100%);
		background: -webkit-radial-gradient(circle, rgba(0,102,177,1) 0%, rgba(1,21,36,1) 100%);
		background: radial-gradient(circle, rgba(0,102,177,1) 0%, rgba(1,21,36,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0066b1",endColorstr="#011524",GradientType=1);
	}
	.Footer-Sec { padding-top: 14px; padding-bottom: 14px; }
	.Footer-Sec p {margin-top: 3px; margin-bottom: 3px;}
	.CTA-Sec a {margin-bottom: 60px;}
	#btn-back-to-top {
		position: fixed;
		bottom: 80px;
		right: 5px;
		display: none;
	}
	#btn-back-to-top img { width: 40px; margin-bottom: 10px; }
	#btn-back-to-top span { color: #23b9b9; font-size: 12px; font-weight: 300; }
	.main-logo {margin-right: auto; margin-left: auto; display: block;}
}

@media (min-width: 992px) and (max-width: 1400px) { 
	.Companies-Sec .Img-Scale img { width: 30%; }
	.Banner-bg { background-size: cover; background-position: center; }
	.main-logo { padding-bottom: 70px; padding-top: 50px;}
	.carousel {margin-top: 0px;}
	.carousel .carousel-control-prev { left: 0; }
	.carousel .carousel-control-next { right: 0; }

	.Form-Sec1 img {margin-top: -95px;}
}	
@media (max-width: 1200px) { .Banner-bg {padding-bottom: 50px} }

@media (min-width: 1400px) and (max-width: 1600px) { 
	.Banner-bg {
		background-size: cover;
		background-position: 50% 0.5%;
	}
}

@media (min-width: 1400px) {
	.container{
		max-width: 1440px;
	}
}