@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
body{
	margin:0;
	padding:0;
	font-family: 'Poppins', sans-serif;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1; /* Firefox */
	font-weight:500;
  }
  
  *:focus {
    outline: none;
   }
   .form-control::placeholder {
	font-weight:500;
    color: #000;
    opacity: 1;

}
:root{

	/* colors*/
	--logo-color:#306d8c;
	--secondry-color:#d33d48;
	--light-color: #b7cbd6;
	--dark-color:#7ca2b5;
	--link-color:#ffbbc0;
	--white-color:#fff;
	--black-color:#000;
	--yellow-color:#fa9712;
	--bottom-color:#f7e1e3;
}
a{
	color:var(--logo-color);
}
a:hover{
	color:#000;
}
.text-black{
color: var(--logo-color);
}
.text-maroon{
	color:#6f6468;
}
.text-green{
	color:#04bc08;
}
.nav{
	align-content:center;
}
.nav-link {
    color: #fff;
	padding:12px 0;
}
.nav-link:hover{
	color:#000;
}
header {
	background:var(--logo-color);

}
.t-strip-2 {
	background:var(--dark-color);
	height:42px;
	width:100%;
}
.t-strip-3 {
	background:var(--light-color);
	height:39px;
	width:100%;
}
h1{
	font-size:24px;
	font-weight:600;
}
h2{
	font-size:40px;
	font-weight:600;
	color:var(--logo-color);
}
h3{
	font-size:18px;
	font-weight:600;
	color:var(--logo-color);
}
h4{
	font-size:35px;
	color: #6f6468;
	font-weight:400;
}
.top-stirp {
	background:var(--logo-color);
	text-align:center;
	color:#fff;
	font-size:14px;
}
.skewbg {
	background: #fff;
    position: absolute;
    height:44px;
    width: 480px;
    z-index: 2;
    transform: skewX(50deg);
}
.skewbg2 {
	background: #fff;
    position: absolute;
    height:44px;
	top: 42px;
    width: 420px;
    z-index: 2;
    transform: skewX(50deg);
}
.skewbg3 {
	background: #fff;
    position: absolute;
    height:42px;
	top: 84px;
    width:380px;
    z-index: 2;
    transform: skewX(50deg);
}
.whitebg{
	background:#fff;
	position:absolute;
	left:0;
	height:126px;
	z-index: 1;
	width:100px;
}
p{
    font-size: 16px;
    font-weight: 400;
	line-height:.1.5em;
}
.logo {
	position: relative;
    top: -45px;
    left: 0px;
}

.logo1{
	position: absolute;
	z-index: 3;
	top: 73px;
	left: 41px;
	width:250px;
}
.intro-1 {
background: var(--logo-color);
position: relative;
}
.intro-1 h1{
	color:var(--link-color);
	font-size: 28px;
}

.pad{ padding:200px 5% 0px 40px;}
.red-bg{ background: var(--secondry-color); padding-top: 30px;}
.red-main{background: var(--secondry-color); height: 100%;  margin-right: 12px;}
.red-main p{ color: var(--black-color)!important;}
.intro-top{
	background:rgba(0,0,0,.3);
	padding: 20px 5% 10px 30px;
	position: absolute;
	top: 20px;
	right: 0px;
	width: 60%;
	border-radius: 10px 0px 0px 10px;
}

.intro-2 {
	background:#ebebeb;
}
.font-25 {
	font-size:25px !important;
}
.d-flex1 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.intro-3 {
	background:#f5f5f5;
}
ul{
	margin:0;
	padding:0;
}
li{
	list-style: none;
	position:relative;
	font-size:14px;
}
.nav-item {
		padding: 0 20px;
}
.nav-pills li:after {
    content: "";
    position: absolute;
    z-index: 1;
    border-right: 1px solid #fff;
    display: block;
    top: 12px;
    right: 0%;
    height: 17px;
}
.footer .nav-pills li:after {
    content: "";
    position: absolute;
    z-index: 1;
    border-right: 1px solid #fff !important;
    display: block;
    top: 15px;
    right: 0%;
    height: 17px;
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{ color: var(--yellow-color);}
.light-bg{
	background: var(--bottom-color); padding-top: 40px; padding-bottom: 40px;
}
.light-bg p{ color: var(--logo-color); margin-bottom: 20px;}
.light-bg ul li{ color: var(--logo-color); padding: 0px 0px 10px; list-style: inside disc; font-size: 16px;}
.footer { background: var(--logo-color);}
.nav-pills li:last-child:after, .footer .nav-pills li:last-child:after {
	border-right:0 !important;
}
.footer li{
	display: inline;
	padding: 0 20px;
	
}
.nav-link.active, .nav-link:focus, .nav-link:hover
{
	color:var(--secondry-color)!important;
	background: none!important;
}
h5{
	color:var(--logo-color);
    font-weight:700;
    font-size: 16px;
}
.text-right{
	text-align: right;
}
.f-10 {
    font-size: 7px !important;
    position: absolute;
    left: 0;
	top:7px;
}
.mt-200{
	margin-top:200px;
}
.font-13 {
	font-size:13px;
}
.footer a {
	color:var(--white-color);
}
.rounded{
	border-radius:25px !important;
}
.list-n li{
	line-height: 2.2em;
    list-style: disc;
    margin-left: 20px !important;
	font-weight:500;
	font-size:18px;
}
.font-16{
	font-size: 15px;
    font-weight: 500;
    line-height: 1.5em;
}
.list-2 li {
	line-height:2.5em;
	font-weight:500;
	font-size:18px;
}
.list-2 span{
	background: var(--logo-color);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 2em;
	font-size:15px;

}
.text-orange{
	color:var(--logo-color);
}

.strip-section {
	background: var(--logo-color);
    border-radius: 20px;
    margin: 20px 20px 0 20px;
    padding: 30px 50px 30px 50px;
    color: #fff;
}

select, input {
	padding: 7px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	border-radius: 2px !important;
	width: 100% !important;
	border: 1px solid var(--secondry-color) !important;
	height: 43px;
	}
.form-control  {
	font-size: 15px !important;
	font-weight: 500 !important;
	border-radius: 2px !important;
	width: 100% !important;
	border: 1px solid var(--secondry-color) !important;
	height: 45px;
	padding: 8px !important;
}
button {
    padding: 5px 20px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}
.btn-orange{
background:#f19e70;
color:#fff;
}

.btn-orange:hover{
	background:#e88650;
	color:#fff;
}

.btn-blue{
	background:var(--logo-color);
	color:#fff;
	}
	
	.btn-blue:hover{
		background:#198fe5;
		color:#fff;
	}

	.weight-500 {
		font-weight:500;
	}

	.btn-white {
		background:#fff;
	}
	.btn-white:hover {
		background:#f0f0f1;
	}

	.box {
		background:#fff;
		border-radius:3px;
		padding:15px;
	}

	.w-200 {
		width:200px;
	}

	.form-check-input[type=checkbox] {
	
		width: auto !important;
	}
	.form-control:focus, 	.form-check-input[type=checkbox]:focus{
		box-shadow:none !important;
	}

	.btn-primary {
		color: #fff;
		background-color: var(--logo-color);
		border-color: var(--logo-color);
	}
	.btn-primary {
		color: #fff;
		background-color: var(--logo-color);
		border-color: var(--logo-color);
	}

	.btn-yellow {
		background: var(--white-color);
		border-radius: 2px;
		width:auto;
		padding: 10px 30px;
		margin: 0 !important;
		color:var(--logo-color);
		text-transform: uppercase;
	}
	.btn-yellow:hover {
		background:var(--black-color);
		color:#fff;
	}
	.breadcrumb-item.active {
		color: #000;
	}

	.breadcrumb {
		font-weight: 500;
		font-size: 18px;
	}

	.inner-h-s {
		font-size:25px;
		font-weight:600;
		    color: var(--logo-color);
	}

	.normal-list li {
		list-style-type: disc;
	}
	.mt-150 {
		margin-top:150px;
	}

  .intro-1 h2{
	color: var(--link-color);
	padding-top: 30px;
	font-size:24px;
	font-weight: 600;
  }
  .intro-1 h6{
	color: var(--link-color);	
	font-size:16px;
	font-weight:700;
	padding: 2px 0px 0px 5px;
	margin: 0px;
  }

  .intro-1 h4{
	  font-size:22px;
	  font-weight:300;
	  color:#d7edfb;
  }

  .intro-1 h3 {
	  font-size:28px;
	  font-weight:600;
	  color:#fff;
	  padding-top: 20px;
  }

  .intro-1 li {
	font-size:16px;
	font-weight:400;
	line-height:2em;
	color:#d7edfb; 
  }
  .intro-1 li i {
	  color:var(--secondry-color);
	  font-size: 9px;
	  padding-left:8px;
  }

  .intro-1 p{
	color:#fff; 
	font-weight:400;
  }
  .yellow-strip {
	  background:var(--white-color);
	  padding:50px 0 25px 0;
  }

  .yellow-strip h3{
	  color:var(--secondry-color);
	  font-size:28px;
	  font-weight:600;
	  margin-bottom: 20px;
  }

  .yellow-strip p{
	   color:#000;
	   font-size:14px;
	   font-weight:400;
  }
  .yellow-strip li{
	  line-height: 2.6em;
	  color:#fff;
	  font-size:14px;
	  font-weight:400;
	  padding-left:5px;
  }
  .yellow-strip li span {
	background: var(--logo-color);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 1.6em;
	font-size: 13px;
	margin-right: 9px;
  }
  .form-check-input[type="radio"] {
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
    padding: 7px !important;
    margin-right: 5px;
	position:absolute;
	left:-20px;
    margin-top: 3px;
    border: 1px solid var(--link-color) !important;
}
.form-check-input[type="radio"]:checked {
    background-color: var(--link-color);
    border-color: var(--link-color);
}
.form-check-input[type="radio"]:focus{
	box-shadow: none !important;
}


.ml-18 {
	margin-left:18px;
}
.ml-18 li {
	line-height: 1.5em;
}

.ml-18 li p{
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 5px;
}

.font-15{
	line-height: 1.5em;
    font-size: 14px;

}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #dc3545 !important;
}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
}

.txt-white {
	color:#fff;
}

.l-height {
	line-height:2.3em;
}