*
{
	padding: 0;
	margin: 0;
}
body {
    font-family: 'Roboto', sans-serif;
}
.navbar 
{
	background: white;
}
.navbar-brand img
{
	height: 60px;
}
.nav-item a 
{
	font-weight: bold;
	font-size: 18px;
}
#first-section
{
	margin-top: 1%;
	padding-left: 3%;
	padding-right: 3%;
}
#col-img
{
	
	margin-top: 70px;
	margin-left: 20px;
}
#col-img img
{
    width: 100%;
    height: 100%;
	/* height: 50%; */

}
#col-row-one
{
	position: relative;
	height: 550px;
}
#four h6 
{
	font-size: 19px;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
#fifth
{
    border-radius: 1px solid red;
	/* background: #E9EDF0; */
}
#fifth-a a
{

	border: none;
	outline: none;
	padding: 12px 52px;
    background: linear-gradient(to right, #ff8f00, #0a4a7a);
	color: white;
	font-size: 30px;
	text-decoration: none;
	border-radius: 22px;
}
.form-control  {
    width: 100%;
    font-size: 16px;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    background: white;
    margin-bottom: 15px;
    text-align: center; /* Center the text inside the input fields */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  /* Optional: Remove the default styling for Firefox */
  -moz-appearance: textfield;
}


  #bb, #cc, #dd
  {
  	background: linear-gradient(to right, #FF007A, #B82A5D);
  	color: white;
  	cursor: pointer;
  	font-size: 15px;
  }
  /* #submit-btn {
      text-align: center;
     background: linear-gradient(to right, #FF007A, #B82A5D);
      border-radius: 9px;
      padding: 12px 0px;
      margin-top: 10px;
      color: white;
      font-weight: bold;
      font-size: 15px;
     width: 100%;
      display: block;
  } */

  .boxme
  {
  	
  	margin-top: -4%;
  }
  .boxme h1
  {
  	font-size: 15px;
  	/* font-family: Merriweather, serif; */
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
  }
  .boxme h2
  {
  	font-size: 25px;
  	/* font-family: Merriweather, serif; */
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
  }
  
  .boxme h6
  {
  	font-size: 27px;
  }
  .boxme h5
  {
  	font-size: 18px;
  }
  .aaa
  {
  	text-align: center;
      background-color: #0a4a7a;
      border-radius: 12px;
      padding: 12px 0px;
      margin-top: 10px;
      color: white;
      font-weight: bold;
      font-size: 1.3rem;
      text-decoration: none !important;
      display: block;
      color: white;
  }
  .aaa-1
  {
    text-align: center;
      background-color: #1a97ee;
      border-radius: 12px;
      padding: 12px 0px;
      margin-top: 10px;
      color: white;
      font-weight: bold;
      font-size: 1.3rem;
      text-decoration: none !important;
      display: block;
      color: white;
  }
  .aaa-2
  {
    text-align: center;
      background-color: #1a97ee;
      border-radius: 12px;
      padding: 12px 0px;
      margin-top: 10px;
      color: white;
      font-weight: bold;
      font-size: 1.3rem;
      text-decoration: none !important;
      display: block;
      color: white;
  }
  #finel-content
  {
  	display: none;
    margin-top: 5%;
  }
  .boxme {
      text-align: center;
      padding: 10px 7px;
      background-color: #fff;
      border-top: 5px solid #0a4a7a;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 400;
      box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
      transition: all .2s ease;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      height: auto;
      
  }
  #sixth h2, h6 
  {
  	text-align: center;
  }

  #msk-btn {
    background: white;
    font-size: 15px;
    border: 1px solid #B41D4A;
    color: black;
    padding: 5px 42px;
    margin-top: -5%;

  }

  #msk-btn:hover {
    color: #B41D4A;
  }

  #sixth h6
  {
  	font-size: 19px;
	line-height: 40px;
	/* font-family: Inria Sans; */
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

  }
  #sixth h2 
  {
  	/* font-family: Katibeh; */
  	/* color: #6D2744; */
  }
  #four h2
  {
  	/* font-family: Katibeh; */
  	/* color: #6D2744; */
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
  }
  #third h2
  {
  	/* font-family: Katibeh; */
  	color: #6D2744;
  }
  #blue-row
  {
  	padding-right: 3%;
  	padding-left: 3%;
  }
  
  #second-h6 h6 
{
	text-align: center;
    font-size: 20px;
	line-height: 40px;
	/* font-family: Inria Sans; */
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	/* color: #6D2744; */
}
#four h2
{
	text-align: center;
}
#four h6 
{
	text-align: center;
}
#sixth h2, h6 
{
	text-align: center;
}
#form-box
{
  max-width: 500px;
  margin: auto;
}
#footer
{
  padding-left: 4%;
  padding-top: 4%;
  padding-bottom: 2%;
  padding-right: 4%;
  background: black;
}
#footer button
{
  color: white;
  /* font-family: Poppins; */
  font-family: 'Roboto', sans-serif;
font-weight: 400;
}
#footer p 
{
  color: white;
  /* font-family: Poppins; */
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 2px;
}
/* .footerDes {
    display: flex;
}
.footerMob {
    display: none;
} */
.contact-section {
    text-align: left; /* Aligns text inside the contact section */
    float: right; /* Moves the contact section to the right */
}

.contact-link, .footerPara {
    color: white;
    text-decoration: none;
}
.footerAddress {
    display: flex;
    justify-content: space-between;
}
#footer img
{
  height: 40px;
}
.cardQuestions {
    text-align: center;
    border: 1px solid #dbcdcd;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    border-radius: 35px;
    margin: 40px;
    padding: 40px;
}
.inputStyle {
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    border-color: #e3d8d8;
    font-size: 20px;
}
.cardStyle {
    text-align: center;
    border: 1px solid #c4bdbd;
    box-shadow: 0 0 30px rgba(117, 113, 113, 0.25);
    border-radius: 35px;
    margin: 40px;
    padding: 30px;
}
/* .cardStyle1 {
    text-align: center;
    border: 1px solid #c4bdbd;
    box-shadow: 0 0 30px rgba(117, 113, 113, 0.25);
    border-radius: 35px;
    margin: 40px;
    padding: 30px;
    height: 100%;
} */
.card-title {
    font-size: 35px;
    margin-bottom: 1.5rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.card-text {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.mainHeadStyle {
    text-align: center;
    margin-top: 5%;
}
.heading1 {
    font-size: 45px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    /* font-weight: 400; */
}
.heading2 {
    background-color: #ff8f00;
    color: #fff; 
    display: inline-block; 
    padding: 7px; 
    font-size: 50px;
}
.underline-input {
    border: none; /* Remove the default border */
    border-bottom: 1.5px solid #ccc; /* Add a bottom border */
    border-radius: 0; /* Prevent rounded edges */
    /* outline: none; Remove the default focus outline */
    padding: 10px 5px; /* Add some padding for better UX */
    text-align: left;
}

.underline-input:focus {
    border-bottom: 1px solid #ff8f00; /* Change the bottom border color when focused */
    box-shadow: none; /* Remove any shadow when focused */
}

.underline-input::placeholder {
    color: #aaa; /* Style the placeholder text */
}
.questionStyle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}



/* progress bar style */
.button
{
	display:block;
	width:100%;
	padding:15px 0;
	margin-bottom:1.125rem;
	border-radius:3px;
	text-align:center;
	background-color:#006ac9;
	border-color:transparent;
	color:#fff;
	font-weight:700;
	font-size:1.5rem;
	text-decoration:none;
	cursor:pointer;
}
.text-center
{
	text-align:center;
}
@keyframes fade-in
{
	0%
	{
		opacity:0
	}
	100%
	{
		opacity:1
	}
}
@keyframes fade-out
{
	0%
	{
		opacity:1
	}
	100%
	{
		opacity:0
	}
}
#dontqualify,#loading1,#loading2,#loading3,#q2,#qualify
{
	display:none;
}
@keyframes pulsing
{
	0%
	{
		transform:scale(1);
		box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1.034);
			box-shadow:0 0 0 10px transparent
		}
		100%
		{
			transform:scale(1);
			box-shadow:0 0 0 0 transparent;
		}
	}

	.question {
    text-align: center;
}
  #q2,
  #loading1,
  #loading2,
  #loading3,
  #qualify {
      display: none;
  }
  @keyframes fade-in {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  @keyframes fade-out {
      0% {
          opacity: 1;
      }
      100% {
          opacity: 0;
      }
  }
  .fade-in {
      animation: fade-in;
      animation-duration: .5s;
  }
  .fade-out {
      animation: fade-out;
      animation-duration: .5s;
  }
  
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: lightgrey;
}

#progressbar .active {
	color: #005a9f
}

#progressbar li {
	list-style-type: none;
	font-size: 15px;
	width: 16%;
	/* margin-top: -1%; */
	float: left;
	position: relative;
	font-weight: 400

}

#progressbar #step1:before {
	content: "1"
}

#progressbar #step2:before {
	content: "2"
}

#progressbar #step3:before {
	content: "3"
}
#progressbar #step4:before {
	content: "4"
}
#progressbar #step5:before {
	content: "5"
}
#progressbar #step6:before {
	content: "6"
}

#progressbar li:before {
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 20px;
	color: #ffffff;
	background: #c2d1dd;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	padding: 2px
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: lightgray;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
	background: #ff8f00
}
.cta_btn {
	text-align: center;
	/* background-color: #0a4a7a; */
    background: linear-gradient(to right, #ff8f00, #0a4a7a);
	border-radius: 9px;
	padding: 15px 0px;
	margin-top: 10px;
	color: white;
	font-weight: bold;
	font-size: 1.3rem;
	text-decoration: none !important;
	display: inline-block;
    width: 20%;
}

.cta_btn1 {
	text-align: center;
	/* background-color: #0a4a7a; */
    background: linear-gradient(to right, #ff8f00, #0a4a7a);
	border-radius: 9px;
	padding: 15px 0px;
	margin-top: 10px;
	color: white;
	font-weight: bold;
	font-size: 1.3rem;
	text-decoration: none !important;
	display: inline-block;
    width: 20%;
}

.cta_btn1:hover {
	color: white;
	box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.22), 0 233px 233px 0 rgba(255, 255, 255, 0.12) inset;
	cursor: pointer;
}

.cta_btn:hover {
	color: white;
	box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.22), 0 233px 233px 0 rgba(255, 255, 255, 0.12) inset;
	cursor: pointer;
}
.footerCopyright {
    display: flex;
     justify-content: space-between;
      align-items: center;
      padding: 0 20px;
}
.TCandPP {
    
    /* color:#fff; */
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #006AC9;
}
.TCandPP:hover {
    /* color: #fff; */
    color: #006AC9;
}
/*--popup bottom content*/
.contactpopup-bottom {
    margin: 20px -1rem 0;
    border-top: 2px solid #6e808e;
    padding: 20px 1rem 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contactpopup-bottom a{
    color: #010101;
    text-decoration: none;
    font-size: 18px;
}
.contactpopup-bottom a img {
    height: 20px;
    width: auto;
    margin-right: 5px;
}
.contactpopup-bottom p strong{
    color: #05253d;
    font-size: 18px;
}
.contactpopup-bottom p:last-child {
    margin-bottom: 0;
}










/* mobile style */
@media only screen and (max-width:600px)
{
	h1
	{
		font-size:1.3rem;
		line-height:1.2;
	}
	h2
	{
		font-size:1.5rem;
		line-height:1.4;
		margin:1.5 0;
	}
	p
	{
		font-size:1rem;
		letter-spacing:normal;
		line-height:1.5;
		font-weight:400;
		margin-bottom:1rem;
	}
	#first
{
	font-size:25px
}
}