/*custom css*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');


/*importing fronts*/
@font-face {
font-family: "Zona-light";
src: url("../fonts/zona-light.otf");
}

@font-face {
font-family: "Zona-bold";
src: url("../fonts/zona-bold.otf");
}

@font-face {
font-family: "Montserrat-bold";
src: url("../fonts/Montserrat-Bold.otf");
}

@font-face {
font-family: "Montserrat-semi-bold";
src: url("../fonts/MontserratAlternates-SemiBold.otf");
}

@font-face {
font-family: "Montserrat-medium";
src: url("../fonts/montserrat.regular.ttf");
}

@font-face {
font-family: "Montserrat-light";
src: url("../fonts/Montserrat-ExtraLight.otf");
}

body{
	font-family: "Montserrat-light";
}

.text-zona-bold{
	font-family: "Zona-bold";
}

.text-monts-medium{
  font-family: "Montserrat-medium";
}

.text-monts-bold{
  font-family: "Montserrat-Bold";
}

.text-monts-light{
  font-family: "Montserrat-light";
}


.text-monts-semi-bold{
  font-family: "Montserrat-semi-bold";
}

.merriweather-light {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: normal;
}

.merriweather-regular {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
}

.merriweather-bold {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: normal;
}

.merriweather-black {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: normal;
}

.merriweather-light-italic {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: italic;
}

.merriweather-regular-italic {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: italic;
}

.merriweather-bold-italic {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: italic;
}

.merriweather-black-italic {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: italic;
}


.m-0-auto{
	margin: 0 auto !important;
}

.row-100vh {
   /*min-height: 100vh;*/
   background: #0c1732; 
}

.mt-lg-5rem{
	margin-top: 5rem !important;
}


.nav-link{
	color: #1a1a1a !important;
}

.nav-link:hover{
	color: #f48030 !important;
}

.nav-link-active{
	color: #f48030 !important;
}

.w-80{
	width: 73%;
}

.f-w-700{
	font-weight: 700;
}

.bg-white-lg-none{
	background-color: #fff;
}

.nav-link{
  color: #fff !important;
}

.container{
  padding: 0 !important;
}

.cus-hero{
  min-height: 400px;
  background: linear-gradient(2deg, #020a11, #0000001f), url(../img/bg/bg-5.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.cus-form{
  /* background: #065BA4; */
  padding: 2rem;
}

.cus-input-2{
  border-radius: 0px !important;
  /* border: 0px !important; */
}

.cus-btn-track{
  background: #00bd64;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(255,255,255,0)),color-stop(98%,rgba(0,0,0,.2)));
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 3%,rgba(0,0,0,.2) 98%);
  background-image: linear-gradient(-180deg,rgba(255,255,255,0) 3%,rgba(0,0,0,.2) 98%);
  color: #fff;
}

.cus-btn-danger-track{
  background: #DC3545;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(255,255,255,0)),color-stop(98%,rgba(0,0,0,.2)));
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 3%,rgba(0,0,0,.2) 98%);
  background-image: linear-gradient(-180deg,rgba(255,255,255,0) 3%,rgba(0,0,0,.2) 98%);
  color: #fff;
}

.cus-hero-row{
  background: rgba(255, 255, 255, 1);
  padding-top: 3rem;
  padding-bottom: 3rem;
}


.cus-btn{
  border: 2px solid #007bff;
  color: #007bff;
  font-family: "Montserrat-medium";
  padding: 5px;
  border-radius: 17px;
  text-decoration: none;
}

.cus-btn:hover{
  color: #12395b;
  border-color: #12395b;
  text-decoration: none;
}

.cus-card-footer{
  background: #ccc;
  padding: 1.2rem;
}

.card{
  border-radius: unset;
}

.card-img, .card-img-top {
  border-top-left-radius: 0px; 
  border-top-right-radius: 0px; 
}


.cus-bg-light{
  background: #f7f7f7;
  padding: 2rem;
}

.bg-muted {
    background-color: #DBDBDB;
}


.content{
  background: #fff;
  /* padding: .5rem 1rem;     */
}


.cus-input{
  border-radius: 0px !important;
}

.cus-input:focus{
  box-shadow: none;
}

.cus-start{
  justify-content: flex-start !important;
}

.download-link{
  color: #cc0202;
  cursor: pointer;
}

.download-link:hover{
  text-decoration: underline;
}

.text-arial{
  font-family: Arial;
}

.track {
     position: relative;
     background-color: #ddd;
     height: 7px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 60px;
     margin-top: 50px
 }

 .track .step {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     width: 25%;
     margin-top: -18px;
     text-align: center;
     position: relative
 }

 .track .step.active:before {
     background: #3c610c;
 }

 .track .step.error:before {
     background: #c10214;
 }

 .track .step::before {
     height: 7px;
     position: absolute;
     content: "";
     width: 100%;
     left: 0;
     top: 18px
 }

 .track .step.active .icon {
     background: #3c610c;
     color: #fff
 }

 .track .step.error .icon {
     background: #c10214;
     color: #fff
 }

 .track .icon {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     position: relative;
     border-radius: 100%;
     background: #ddd
 }

 .track .step.active .text, .track .step.error .text {
     font-weight: 400;
     color: #000
 }

 .track .text {
     display: block;
     margin-top: 7px
 }


 .navbar-cus-gradeint{
  background: linear-gradient(90deg, #055295, #0667ba) !important;
 }

 .b-1{
   border: 1px solid #ccc;
   /* border-radius: 10px; */
 }

 .bg-grey{
  background-color: #ccc;
 }

 .btn-cus-blue{
  background-color: #065BA5;
  border: 1px solid #065BA5;
 }

/*media queries*/

@media (min-width: 768px) {
	.cus-bold-text{
	font-size: 5.5rem;
    text-align: center;
   }

   .logo-text{
    font-size: 2.15rem;
   }

 /*  .content{
  background: #fff;
  padding: 1rem 3rem;
  }*/

    .cus-br{
  border-right: 1px solid #ccc;
  }

  .cus-hero-row{
  background: rgba(255, 255, 255, .9) !important;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

}


@media (min-width: 992px) {


	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 1.5rem;
	    padding-left: 1.5rem;
	}

	.call-btn{
		border: 1px solid #fff;
	    /*border-radius: 15px;*/
	}

	.call-btn:hover{
	border-color: #f48030;
   }

   .bg-white-lg-none{
   	background-color: unset;
   }

   .cus-bold-text{
	font-size: 4.5rem;
	text-align: unset;
   }

   .container{
    padding-left: 15px !important;
    padding-right: 15px !important; 
   }

   .cus-py{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
   }

   .cus-start{
    justify-content: flex-end !important;
  }


}
/*end of css files