@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');



body {

   font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    font-weight: 400;

    background: #F4F7FB;

    color: #000;

    width: 100% !important;

}



h1, h2, h3, h4, h5, h6 {

    font-family: 'Montserrat', sans-serif !important;

    font-weight: 500;

    margin: 0;

}



a, p, span {

  font-family: 'Montserrat', sans-serif !important;

}





html {

    width: 100% !important;

}



input:focus{

  border: none;

  outline: none;

}



*{

  margin: 0;

  padding: 0;

}

a:hover {

    text-decoration: none;

    cursor: pointer;

}



button {

  cursor: pointer;

}



ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}



button {

  outline: none;

}



::selection {

    color: white;

    background: #6BAFEB;

}



::-webkit-selection {

    color: white;

    background: #6BAFEB;

}



::-moz-selection {

    color: white;

    background: #6BAFEB;

}







.scrolltotop {

    width: 40px;

    height: 40px;

    border-radius: 20px 20px 0 0;

    background: rgba(0, 0, 0, 0.5);

    display: block;

    text-align: center;

    padding-top: 8px;

    font-size: 22px;

    color: #ffffff;

    position: fixed;

    right: 5px;

    bottom: 5px;

    display: none;

    z-index: 9999999999;

    transition: 0.2s all ease;

    -webkit-transition: 0.2s all ease;

    -moz-transition: 0.2s all ease;

}



.scrolltotop:hover {

    background: #000;

    color: #fff;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

}







.header-area {

  background: transparent;

  padding: 20px 40px;

}



.header-area img {

  width: 200px;

}





/*



===============================

wizard area start

===============================



*/



#heading {

    font-size: 16px;

    color: #626262;

    font-weight: bold;

    text-align: left;

    word-spacing: 10px;

    margin-bottom: 15px;

    letter-spacing: 2px;

}



.form-card {

    text-align: left

}



#msform fieldset:not(:first-of-type) {

    display: none

}





.card {

    z-index: 0;

    border: none;

    position: relative;

    background: transparent;

}





.steps {

    font-size: 20px;

    color: #5F5F5F;

    margin-bottom: 10px;

    font-weight: normal;

    position: absolute;

    margin-top: -45px;

    margin-left: 0;

}



.fieldlabels {

    color: gray;

    text-align: left;

}



.progress {

    height: 20px;

    background: #C3CFD6 !important;

    border-radius: 55px;

    margin-left: 55px;

}



.progress-bar {

    background-color: #9CAFB9;

    border-radius: 55px;

}



.fit-image {

    width: 100%;

    object-fit: cover

}





.fs-title {

  font-size: 20pt;

  font-weight: bold;

  color: #626262;

  margin-bottom: 25px;

}





.main-sub {

  background: #FFFFFF;

  padding: 20px;

  height: 190px;

  border-radius: 10px;

  margin-bottom: 40px;

  cursor: pointer;

}



.main-sub h3 {

  font-weight: 500;

  font-size: 20px;

  margin-top: 25px;

  color: #707070;

}





/*2nd-step*/



.fscn-title {

  font-size: 16pt;

  font-weight: 600;

  color: #626262;

}



.fscn-title span {

  color: #9CAFB9;

}



.fscn-title a {

    font-size: 12pt;

    font-weight: 600;

    color: #C5C8CB;

    padding: 6px 30px;

    background: #EBF0F4;

    float: right;

}



.scnd p {

  font-size: 11pt;

  font-weight: 700;

  color: #686868;

  margin-top: 18px;

}



.user-search input {

  margin-bottom: 30px;

}



.tag-head {

  font-weight: bold;

  font-size: 11.5pt;

  color: #ADAEB0;

  background: #fff;

  padding: 25px;



}





.amsify-list-item:focus {

  background: #ddd;

  color: #fff;

}



.bg-sub {

  background: #9CAFB9;

}



.cont {

    background: #9CAFB9;

    color: #fff;

    border-radius: 8px;

    padding: 17px 30px;

    display: block;

    width: 100%;

    border: none;

    font-weight: bold;

    font-size: 14pt;

    letter-spacing: 2px;

    margin-top: 30px;

    margin-bottom: 100px;

}





.third input[type=text] {

  width: 100%;

  border: none;

  padding: 8px 25px;

  font-weight: 700;

  font-size: 13pt;

  color: #ADAEB0;

  background: #fff;

  margin-top: 10px;

  margin-bottom: 40px;

}





.third textarea {

  width: 100%;

  border: none;

  padding: 35px 25px;

  font-weight: 700;

  font-size: 11pt;

  color: #ADAEB0;

  background: #fff;

  margin-top: 10px;

  margin-bottom: 40px;

}



.third .price {

  border: none;

  padding: 15px 35px !important;

  margin-left: 20px;

  background-image: url('../../../images/lab/euro.png') !important;

  background-position: 86% 50% !important;

  background-repeat: no-repeat !important;

}





.third ul li {

  display: inline-block;

  width: 45%;

  color: #9CAFB9;

  font-size: 14pt;

  font-weight: 500;

  margin-bottom: 50px;

  margin-top: 15px;

}



.third ul li span {

  display: inline-block;

  background: #E6DFD2;

  padding: 7px 8px;

   margin-right: 8px;

}



.mrg {

  margin-right: 9%;

}







/*fourth-step-start

*/



.dk-none {

  display: none;

}





.fourth ul li {

  display: inline-block;

  width: 100%;

  color: #9CAFB9;

  font-size: 17px;

  font-weight: 500;

  margin-bottom: 10px;

}



.fourth ul li span {

  display: inline-block;

  background: #E6DFD2;

  padding: 7px 8px;

   margin-right: 8px;

}





.sub-sub {

  background: #FFFFFF;

  padding: 20px;

  border-radius: 10px;

  margin-bottom: 40px;

  cursor: pointer;

  margin-right: 20px;

}



.sub-sub h3 {

  font-weight: 500;

  font-size: 17px;

  margin-top: 25px;

  color: #707070;

}



.border-itm1, .border-itm2, .border-itm3, .border-itm4 {

  border: 2px solid transparent;

}



/*

final-step-start*/



/*custom checkbos*/

.final input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}



.fileinput {

  display: block!important;

}



.final label {

  position: relative;

  cursor: pointer;

  margin-right: 70px;

  color: #626262;

  font-size: 16px;

  font-weight: 500;

}



.final label:before {

  content:'';

  -webkit-appearance: none;

  background-color: #C7DFEC;

  border: none;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  margin-top: -6px;

}



.final input:checked + label:after {

  content: '';

  display: block;

  position: absolute;

  top: 2px;

  left: 9px;

  width: 6px;

  height: 14px;

  border: solid #0079bf;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}





/* upload */



.upload-btn-wrapper {

  position: relative;

  display: inline-block;

}



.btn {

  border: none;

  color: #626262;

  background-color: #C9E1EE;

  padding: 4px 40px;

  border-radius: 25px;

  font-size: 14px;

  font-weight: 600;

  position: relative;

  top: -3px;

}



.btn:focus {

  outline: none;

}





.upload-btn-wrapper input[type=file] {

  font-size: 100px;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}





.final p {

  font-size: 15px;

  color: #626262;

  font-weight: 600;

}





.final2 h4 {

  margin-right: 70px;

  color: #626262;

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 10px;

}



.final2 input {

  margin-right: 70px;

  color: #626262;

  font-size: 16px;

  font-weight: 600;

  background: #fff;

  border-radius: 8px;

  border: none;

  padding: 5px 20px;

  margin-bottom: 30px;

  width: 80%;

}





.env {

    background: #002D44;

    color: #fff;

    padding: 17px 30px;

    display: block;

    width: 100%;

    border: none;

    font-weight: bold;

    font-size: 16pt;

    letter-spacing: 2px;

    margin-top: 30px;

    margin-bottom: 100px;

}









.autocomplete {

  position: relative;

  display: inline-block;

}



.autocomplete-items {

  position: absolute;

  border: 1px solid #d4d4d4;

  border-bottom: none;

  border-top: none;

  z-index: 99;

  /*position the autocomplete items to be the same width as the container:*/

  top: 100%;

  left: 0;

  right: 0;

}



.autocomplete-items div {

  padding: 10px;

  cursor: pointer;

  background-color: #fff; 

  border-bottom: 1px solid #d4d4d4; 

}



/*when hovering an item:*/

.autocomplete-items div:hover {

  background-color: #e9e9e9; 

}



/*when navigating through the items using the arrow keys:*/

.autocomplete-active {

  background-color: DodgerBlue !important; 

  color: #ffffff; 

}


footer#footer .row:after,
footer#footer .row:before { display:none; }