@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family:'Work Sans', sans-serif;;
}

a {
  text-decoration: none;
}

.main-btn {
  font-family:'Work Sans', sans-serif;;
  background-color: #009EDB;
  padding: 10px 45px;
  font-size: 18px;
  color: #fff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  letter-spacing: 0.8px;
  font-weight: 500;
}
.profile_icon .dropdown-menu img{
    padding-right:15px;
}
.dropdown_profile{
  display:none
}
p.preview_box{
    position:absolute;
    bottom: -35px;
    right: 0;
}
.modal .modal-footer{
    margin-top:15px;
    justify-content: space-between;
}
.mapboxgl-control-container{
    /* display:none!important; */
}
.gujarat_heading  .logo{
  width:270px;
}
.login-form .first_logo{
  width: 150px;
  }
  .login-form .second_logo{
    width: 175px;
  }
  .login-form .third_logo{
    width:125px;
  }
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #222566!important;
    font-weight: 500!important;
    line-height: 50px!important;
    border: 2px solid #DDDDDD !important;
    border-radius:10px!important;
}

.select-wrapper input.select-dropdown{
    margin-bottom:0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 10px!important;
    width: 10px!important;
    border-style: solid!important;
    border-color: #222566!important;
    border-width: 0px 2px 2px 0px!important;
    transform: rotate(45deg)!important;
    margin-top: 5px!important;
    right: 15px;
    left: auto!important;
}
.number-input-container .number-input .btn-container{
    width:100%!important;
    margin-top: 0!Important;
    border: 2px solid #DDDDDD !important;
    border-radius: 10px !important;
    height:45px;
}
.inner_infra_heading{
    
    color: #3A397F;
    font-size: 22px;
    margin: 25px 0 20px 0;
    font-weight: 500;
}
.number-input-container .number-input .btn{
    
    min-width: 65px!important;
background: #222566!important;

    font-size: 24px;
    height: 40px!important;
}
.number-input-container .number-input .btn:hover {
    color:#fff;
}
.number-input-container .number-input .btn.increment{
    
    border-radius: 8px 0px 0px 8px!important;
}
.number-input-container .number-input .btn.decrement{
    border-radius: 0px 8px 8px 0px!important;
}


.number-input-container .number-input label{
    
    color: #222566;
    font-size: 18px!important;
    margin-bottom: 10px!important;
    font-weight: 500;
    display:block;
}
.number-input-container .number-input{
    display:block!important;
    width:100%!important;
}
.number-input-container .number-input input{
    width:100%!important;
    box-sizing: border-box;
    
    border: 0!important;
    border-radius: 0!important;
    margin: 0!important;
}
.number-input-container .number-input input:focus{
    box-shadow:none!important;
}
.modal{
    background-color:transparent;
    box-shadow:none;
}

.select2-container--default .select2-selection--single{
    height:58px!important;
    border:0!important;
}
.hidden_select .select-wrapper{
    display:none;
}
.feedback a{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.main_round_div .logo1{ 
    width: 55px;   
}
.feedback a i{
    color:#E4E4E4
}
.mapboxgl-canvas-container{
    position:relative;
} 
.mapboxgl-marker{
    position: absolute;
    top: 0px;
}
.main-btn:hover {
  background-color: #009EDB;
  color: #fff;
}
.probability_text{
    color:#222566;
    font-size:16px;
    font-weight:600;
}
.progressbar{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:8px;
  width:100%;
  background-color: #D9D9D9;
} 
.select-wrapper ul{
    padding-left:0;
} 
.probability_hazards_section{
    padding-top:70px;
}
.mitigation.preview_img{
    position:relative;
    height:90px;
    width:100px;
}
.mitigation.preview_img img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
}
.probability_hazards_section .all_labels>div{
    padding-right:20px;
    display: flex;
    align-items: center;
}
.probability_hazards_section .all_labels .count_number{
    padding-left:5px;
}
.probability_hazards_section table td{
    color:#151249;
    font-size: 14px;
    font-weight: 500;
}
.probability_hazards_section .chart_heading{
    display:flex;
    align-items:center;
    
}
.probability_hazards_section .chart_heading h4{
    font-size:20px;
    font-weight:500;
    color:#151249;
    margin:0;
}
.probability_hazards_section .all_labels{
    display:flex;
    align-items:center;
    padding-left:25px;
}
.probability_hazards_section  .round_shape{
    height:15px;
    width:15px;
    border-radius:50%;
    display:inline-block;
    padding-right:5px;
}


.rate {
    display: flex;
    flex-direction: column;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}




.select2-search--dropdown{
    display:none!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    
    background-color: rgba(0,0,0,0.08)!important;
}

 .select2-results__option{
     
    color: #222566 !important;
    font-weight: 500 !important;
    font-size: 16px!important;
    line-height: 22px!important;
    padding: 14px 16px!important;
 }
.main_round_div .big_gujarat_logo img{
    
    margin: 10px 0 0;
}
.share_ontext{
    font-size: 22px;
    font-weight: 500;
    color: #222566;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}


.social_icons a i{
    padding-right: 20px;
    font-size: 28px;
    color:#222566;
    justify-content:center;
}



.progressbar .filled_line{        
  background: #ED5151; 
  position: absolute;
  height: 8px;
}
.progressbar .filled_line.first{
  width: 8.33%;
}
.progressbar .filled_line.second{
  width: 16.66%;
}
.progressbar .filled_line.third{
  width: 24.99%;
}
.progressbar .filled_line.forth{
  width: 33.33%;
}
.progressbar .filled_line.fifth{
  width: 41.66%;
}
.progressbar .filled_line.sixth{
  width: 49.98%;
}
.progressbar .filled_line.seventh{
  width: 58.31%;
}

.progressbar .filled_line.eighth{
  width: 66.64%;
}
.progressbar .filled_line.ninth{
  width: 74.97%;
}


.row:after{
  display:none;
}

.input_field{
    display:flex;
}
.input_box .input_field input{
    padding:5px 20px !important;
    margin:0;
    margin-bottom:15px;
    margin-top:5px;
}
.setup_page {
  display: flex;
  align-items: center;
  height: 100vh;
  overflow: hidden;
}
.setup_page .setup_row {
  justify-content: space-between;
}
.setup_page .setup_button, .setup_page .setup_map {
  align-items: center;
  display: flex;
  height: 100vh;
}
.setup_page .footer_btn {
  margin-top: 30%;
  text-align: center;
}

.heading_section {
  padding: 50px 0;
}
.heading_section .mini_heading h2 {
  font-size: 16px;
  color: #222566;
  text-align: center;
}

.types_body {
  position: relative;
}
.types_body .round_animation {
  position: absolute;
  background-color: #009EDB;
  opacity: 0.07;
}
.types_body .round_animation1 {
  left: 20px;
  top: 20px;
  height: 400px;
  width: 400px;
  border-radius: 50%;
}
.types_body .round_animation2 {
  left: 5px;
  bottom: 5px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.types_body .round_animation3 {
  top: 10px;
  right: 30%;
  height: 125px;
  width: 125px;
  border-radius: 50%;
}
.types_body .round_animation4 {
  top: 100px;
  right: 150px;
  height: 70px;
  width: 70px;
  border-radius: 50%;
}
.types_body .round_animation5 {
  top: 50%;
  right: 20%;
  height: 150px;
  width: 150px;
  border-radius: 50%;
}
.types_body .round_animation6 {
  top: 55%;
  right: 5px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.types_body .round_animation7 {
  bottom: 30px;
  right: 20%;
  height: 170px;
  width: 170px;
  border-radius: 50%;
}

.hospital_selection_section {
  padding: 50px 0;
}
.hospital_selection_section .next_row {
  padding-top: 50px;
  text-align: right;
}

.file-upload-wrapper-other {
    position: relative;
    border: 1px dashed #1E1E1E;
    border-radius: 10px;
    min-height: 36px;
    width: 50px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    margin-top: 10px;
}
/*.profile_live_preview, .preview_img {*/
/*    height: 50px;*/
/*    width: 50px;*/
/*    position: relative;*/
/*}*/
/*.profile_live_preview img {*/
/*    width: auto;*/
/*    height: auto;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    top: 0;*/
/*    margin: auto;*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*}*/
.file-upload-wrapper:before, .file-upload-wrapper-other:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 60px;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}
.file-upload-wrapper-other input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.line_input_box input {
    padding: 8px 17px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 20px;
}
.myform .input_box input[type="date"] {
  display: block;
  position: relative;
  background: url(../images/calendar.svg) #fff right 20px center no-repeat!important;
  cursor: pointer;
  color: #000; 
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
.hospital_selection_section .second_row {
  padding-top: 20px;
}
.hospital_selection_section .first_row .first .icon_box {
  background-color: #e1efdd;
}
.hospital_selection_section .first_row .first .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .first_row .second .icon_box {
  background-color: #d3d3e0;
}
.hospital_selection_section .first_row .second .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #222566 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #222566 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .first_row .third .icon_box {
  background-color: #e1efdd;
}
.hospital_selection_section .first_row .third .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .first_row .forth .icon_box {
  background-color: #d7e4fb;
}
.hospital_selection_section .first_row .forth .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #3879E9 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #3879E9 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .first_row .fifth .icon_box {
  background-color: #f7d7f2;
}
.hospital_selection_section .first_row .fifth .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #D939BF 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #D939BF 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .second_row .first .icon_box {
  background-color: #e1efdd;
}
.hospital_selection_section .second_row .first .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .second_row .second .icon_box {
  background-color: #d3d3e0;
}
.hospital_selection_section .second_row .second .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #222566 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #222566 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .second_row .third .icon_box {
  background-color: #e1efdd;
}
.hospital_selection_section .second_row .third .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #6AAE57 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .second_row .forth .icon_box {
  background-color: #d7e4fb;
}
.hospital_selection_section .second_row .forth .main_box .inner_box {
  border-image-source: linear-gradient(180deg, #3879E9 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #3879E9 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.hospital_selection_section .main_box {
  width: 100%;
}
.hospital_selection_section .main_box input {
  display: none;
}
.hospital_selection_section .main_box .inner_box {
  position: relative;
  cursor: pointer;
}
.hospital_selection_section .main_box .inner_box .right_tick {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  transition: all 0.2s ease;
}
.hospital_selection_section .main_box input:checked + .inner_box .right_tick {
  opacity: 1;
}
.hospital_selection_section .main_box .inner_box {
  width: 100%;
  height: 200px;
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #222566 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #222566 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border-radius: 10px;
  border-bottom: transparent;
}
.hospital_selection_section .main_box .inner_box .second_inner_box {
  border-radius: 6px;
  margin: 3px 2px;
  background-color: #fff;
  height: 100%;
  text-align: center;
  padding: 20px;
}
.hospital_selection_section .main_box .inner_box .icon_box {
  display: inline-block;
  padding: 15px;
  border-radius: 50%;
}
.hospital_selection_section .main_box .inner_box .name h4 {
  padding-top: 15px;
  color: #222566;
  font-size: 16px;
  font-weight: 600;
}
.preview_row{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.preview_row p{
    font-size:28px;
    font-weight:600;
    color:#222566;
}
.main_section_part{
    padding:10px 20px;
    border:1px solid #000;
    margin-bottom:15px;
}
.main_section_part .heading{
    font-size:26px;
    font-weight:500;;
    color:#222566;
}
.main_section_part .detail_line{
    display:flex;
}
.main_section_part .detail_line .key{
    font-size:16px;
    color:#1E1F37;
    margin-bottom:10px;
    
    font-weight: 500;
    width:20%;
}
.main_section_part .detail_line .value{
    font-size:16px;
    color:#000;
    
    font-weight: 500;
    margin-bottom:10px;
    width:60%;
}
.main_section_part .detail_line .value span{
    color:#000;
    padding-right:15px;
}
.mini_heading {
  color: #222566;
  font-size: 18px;
  font-weight: 500;
  padding-left: 10px;
  margin-bottom: 20px;
}

.main_heading h2 {
  color: #222566;
  font-size: 42px;
  font-weight: 600;
  padding-left: 10px;
  margin: 0;
  text-align: center;
}

.gujarat_heading {
  display:flex;
  justify-content: space-between
  /*
  padding: 10px;
  font-size: 22px;
  font-weight: 500;
  background: #009edb;
  color: #fff;
  text-align: center;*/
}

.corner_animation {
  height: 500px;
  width: 500px;
  right: 0;
  top: 0;
  position: absolute;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
} /* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  color: #13E8E9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats, .count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats , .js-count-particles  {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  display: none!important;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

.form_heading {
  padding-top: 50px;
  position: relative;
}
.form_heading .bg_shape2 {
  position: absolute;
  top: 35%;
  right: 5%;
  opacity: 0.3;
  z-index: -1;
  animation: second_round 20s linear infinite;
}
.form_heading .bg_shape3 {
  position: absolute;
  top: 25%;
  right: 40%;
  opacity: 0.3;
  z-index: -1;
  animation: second_round 20s linear infinite;
}
.form_heading .main_heading {
  position: relative;
  padding-left: 10px;;
}
.form_heading .main_heading .heading_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
.form_heading .main_heading h1 {
  color: #222566;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}

.select-wrapper::after{

  content: " ";
  position: absolute;
  right: 19px;
  top: 22px;
  height: 10px !important;
  width: 10px !important;
  border-style: solid !important;
  border-color: #222566 !important;
  border-width: 0px 2px 2px 0px !important;
  transform: rotate(45deg) !important;
  z-index: 1;
}
.form_heading .submit_row {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
.form_heading .submit_row .main-btn {
  width: auto;
}
.form_heading .submit_row .next_col {
  display: flex;
  justify-content: end;
}

@keyframes second_round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.input_box {
  padding-top: 10px;
  position: relative;
}
.input_box h5 {
  color: #222566;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 500;
}
.input_box input {
  width: 100% !important;
  color: #222566;
  font-size: 16px !important;
  padding: 25px 20px !important;
  border: 2px solid #DDDDDD !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  font-weight: 500;
  box-sizing: border-box !important;
}
.input_box input:focus {
  border: 2px solid #05AED9 !important;
  box-shadow: none !important;
}
.input_box input::-moz-placeholder {
  color: #adadad !important;
  font-size: 16px;
  font-weight: 500;
}
.input_box input::placeholder {
  color: #adadad !important;
  font-size: 16px;
  font-weight: 500;
}
.input_box .dropdown-content {
  margin-top: 120px !important;
  top: -50px !important;
}
.input_box .dropdown-content li > span {
  color: #222566 !important;
  font-weight: 500 !important;
}
.accordion .input_box ,.first_row .input_box{
  height:100%;
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.accordion .input_box input{
  margin-bottom:0!important
}

.accordion-button::after{
  display:none;
}
.accordion-button{
  position: relative;
}
.accordion-button i{
  position: absolute;
  right:30px;
}
.accordion-button .fa-chevron-up{
  display:block;
}
.accordion-button .fa-chevron-down{
  display:none;
}
.accordion-button.collapsed .fa-chevron-up{
  display: none;
}
.accordion-button.collapsed .fa-chevron-down{
  display: block;
}

div.validate-has-error input {
  border: 2px solid #FF0000 !important;
}
div.validate-has-error h5 {
  color: #FF0000;
}

.backtohome{
  color:#ED5151;
  font-size:14px;
  padding-left: 10px;

}

span.validate-has-error {
  background-color: rgba(255, 0, 0, 0.1);
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #FF0000;
  border-radius: 5px;
  border-left: 6px solid #FF0000;
  margin-top: 2px;
  display: inline-block;
  width: 100%;
}
.notification-area {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.notification-area .profile_area {
  display: flex;
  align-items: center;
}
.profile_icon .round_img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #009EDB;
  overflow: hidden;
  display: inline-block;
}
.notification-area .profile_area .name_role {
  padding-left: 10px;
  padding-right: 15px;
}
.profile_area i {
  padding: 5px;
  background: #e9ebef;
  border-radius: 50%;
  border-radius: 3px;
  color: #243655;
  font-size:16px;
}
.dropdown-menu {
  border-radius: 10px;
  padding: 5px;
}
.dropdown-menu a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
}
.dropdown-toggle::after{
  display:none;
}
.notification-area .profile_area .username {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #303030;
  display: block;
  margin-bottom: 2px;
}
.profile_icon .round_img {

  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-body label{
    
}
.notification-area .profile_area .role {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #303030;
  display: block;
  padding-top: 5px;
  margin-bottom: 0;
} 
.main_form {
  padding: 0 0 10px;
}
.accordion-item{
    margin-top:15px;
}
.main_form .second_row input {
  display: none;
}
.main_form .second_row .first .inner_box {
  border-image-source: linear-gradient(180deg, #FFB40A 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #FFB40A 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.main_form .second_row .first .inner_box .icon_box {
  background-color: #e1efdd;
}
.main_form .second_row .second .inner_box {
  border-image-source: linear-gradient(180deg, #FF3B38 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #FF3B38 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.main_form .second_row .second .inner_box .icon_box {
  background-color: #e1efdd;
}
.main_form .second_row .third .inner_box {
  border-image-source: linear-gradient(180deg, #D939BF 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1490196078);
  background: linear-gradient(180deg, #D939BF 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
.main_form .second_row .third .inner_box .icon_box {
  background-color: #e1efdd;
}
.main_form .main_box {
  width: 100%;
}
.main_form .main_box input:checked + .inner_box .right_tick {
  opacity: 1;
}
.main_form .main_box .inner_box {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 200px;
  border: 1px solid;
  border-radius: 10px;
  border-bottom: transparent;
}
.main_form .main_box .inner_box .name h4 {
  padding-top: 15px;
  color: #222566;
  font-size: 18px;
  font-weight: 500;
}
.main_form .main_box .inner_box .right_tick {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  transition: all 0.2s ease;
}
.main_form .main_box .inner_box .second_inner_box {
  border-radius: 6px;
  margin: 3px 2px;
  background-color: #fff;
  height: 100%;
  text-align: center;
  padding: 20px;
}
.main_form .main_box .inner_box .icon_box {
  padding: 15px;
  border-radius: 50%;
  height: 81px;
  width: 81px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.main_form .mini_heading {
  margin-bottom: 10px;
}
.main_form .second_row {
  padding-top: 30px;
}
.main_form .address_row {
  padding-top: 20px;
}
.address_heading h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 50px;
  color: #222566;
  margin:70px 0 0 0;
}
.main_form .main_map {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}/*# sourceMappingURL=style.css.map */

.outlined_btn{

  background-color:transparent!important;
  color:#009EDB!important;
  border:2px solid #009EDB;
}


.login_section .login-form .login-part .form-group .toggle-password {
  position: absolute;
  right: 3%;
  top: 55px;
  color:#009EDB;
}

  .form_bg_shape{

  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: -webkit-fill-available;
  z-index: -1;
  background-repeat: no-repeat;
  margin: auto;
}

.login_section .login-form .login-part .form-group label{
  font-size:16px;
  font-weight:500;
  color:#222566;
}
 

.login_section .login-form {
  background: #FFFBFB;
  box-shadow: 0px 0px 33px rgb(0 0 0 / 25%);
  border-radius: 30px;
  padding: 40px 40px 80px 40px;

}


.register_form{
  padding: 10px 20px 20px 20px!important;
}

.register_form .input_box h5{
  
  padding-top: 0!important;
}
 
.after_effect{
  padding-left:3px;
}
.after_effect:after{
  content: "";
  height: 32px;
  width: 32px;
  background-color: #6AAE57;
  top: -3px;
  bottom: 0;
  left: -3px;
  right: 0;
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  border-radius: 50%;
  transform: scale(0);
}

[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after{
  border: 2px solid #DDDDDD; 
}

[type="radio"]:not(:checked)+span:after{
  background-color: #DDDDDD
}

[type="radio"]+span:before, [type="radio"]+span:after{
  height:20px;
  width:20px;
}

[type="radio"].with-gap+span:after{

  transform: scale(0.5);
}

[type="radio"]:checked+span .after_effect:after{
  transform: scale(1);
}

[type="radio"]:checked+span:before , [type="radio"]:checked+span:after{
  border:2px solid #6AAE57; 
}

[type="radio"]+span{  
  font-size: 18px !important; 
  font-weight: 500; 
  padding-right:20px;
}
[type="radio"]:not(:checked)+span{
  color:#DDDDDD;
}

[type="radio"]:checked+span{
  
  color: #222566;
}

[type="radio"]:checked+span:after{
background-color: #6AAE57
}


.infra_part_img{
  position:relative
}

.infra_part_img img{
    width:90%;
}
.accordion-header{
    margin-top:0    
}
.form_heading  .accordion{
    margin-top:100px;
}
.infratructure_bg_inner{
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  margin:auto;
}

.infrastructure_form .input_box{
  padding-top: 25px;
}


.w-80 .select-wrapper{
  width:83%
}

.thankyou_text{
  padding:30px 0;
}

.thankyou_text .thankyou_heading{
  font-size: 52px;
  font-weight: 600;
  margin-bottom:20px;
  margin-bottom: 0;
  color: #222566;
  text-align: center;
}

.thankyou_text p{
  font-size:16px;
  color:#222566;
  text-align:center;
  margin-bottom: 30px;
}



.thankyou_bg_inner{

  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  /* bottom: 0; */
  margin: auto;
  width: 40%;
}

.thankyou_bg{
  max-width: 100%
}

.main_table .attri{
  border-bottom:0!important
}


.main_table th{
  background-color: #1E5C8B;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 22px;
  border-radius: 0;
}
input[type=range]{
  margin-bottom:0
} 
.main_table{
    border:0.5px solid #8d99aa;
    border-radius:0 0 15px 15px;
    overflow:auto;
}
.main_table td{
  padding:15px 7px!important
}

.main_table .input_box{
  padding-top:0!important
}

.close_col{
  display: flex;
  align-items:center;
}

.close_col img{
  padding-left:15px
}

.add_btn{  
  background-color: #222566;
  padding: 10px 30px !important;
  display: inline-block;
  line-height: 0;
  margin-top:20px
}
[type="checkbox"]+span:not(.lever){
  
  padding-left: 25px;
}

.add_btn img{
  width:18px;
}
.add_quatation span{
  font-size:14px;
}
.delete-button{
  box-shadow:none;
}
.delete-button img{
  width:18px;;
}
.modal-trigger:hover i{
  color:#039be5
}
.delete-button:hover{
  box-shadow:none;
}
tr{
  border-bottom:0;
}

.table_heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    border-radius: 12px 12px 0px 0px;
background: #DFF6FF;
padding:7px 15px;
}
.table_heading h3{
    font-size: 22px;
    color: #1A1F4A;
    text-align: center;
    font-weight: 500;
    margin:0;
}
.table_heading .main-btn{
    border-radius: 4px;
    background: #F90;
    border:0;
    margin-top:0;
    padding:5px 15px !important;
}

.radio_section{
  padding-top:70px;
}
.radio_box{ 
  background: #FFFFFF; 
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border-left: 10px solid #009EDB;
  padding:16px 15px 15px 30px;
  margin-top:40px;
  position:relative;
}

.radio_box .test_modal{
    
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 22px;
    
}
 


  .tipClick>a{
    font-size: 20px;
    line-height: 21px
  }
  .tipClick{
   
    display:block; 
  }
  .tipClick > a:focus + .tooltipT{
    /*TOOLTIP VISIBLE ON CLICKING THE ICON*/
      display:block;
  }
  .tooltipT{
      display:none;/*=====INITIAL HIDDEN STATE=====*/
      position: absolute;
      background: #fff; 
      -moz-box-shadow: 0 0 6px 1px #666666;
      -webkit-box-shadow: 0 0 6px 1px #666666;
      box-shadow: 0 0 6px 1px #666666;
      border:solid #FFFFFF;
      color: #636363;
      padding:10px 25px 10px 10px;
      font-family:Arial;
      font-size: 15px;
      text-align: center;
      text-align:left;

    bottom: 90px;
    right: 10px;
    z-index: 10;
    max-width:300px
  }
  .tooltipT p{
       margin:10px;
    }
    /*=====CLOSE BUTTON=====*/
  .tooltipT span{
      position: absolute;
      top:10px;
      right: 10px;
      font-size: 20px;
      line-height: 1;
  }
  .tooltipT span a{
      text-decoration: none;
      color: #00529B;
  }
  .tooltipT span:focus .tooltipT{
      display: none;/*CLOSE TOOLTIP ON CLICK*/
  }
  /*======ARROW=====*/
  .tooltipT>.arrow, .tooltipT>.arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
  }
  .tipClick>.tooltipT>.arrow {
      border-width: 11px;
      bottom: -14px;
      right: 0px;
      margin-left: -11px;
      border-top-color: #999;
      border-top-color: rgba(0, 0, 0, .25);
      border-bottom-width: 0;
  }
  .tipClick>.tooltipT>.arrow:after {
      content: "";
      border-width: 10px;
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0
  }

.radio_heading{
  margin:0 0 17px 0!important;
  font-size:14px!important;
  font-weight:500!important
}

.radio_box .after_effect:after{
  z-index: 1;
}

.history_section .heading h5{
  color:#222566;
  font-size:24px;
  font-weight:500;
  margin:50px 0 30px 0;
}

.sr_no{
  font-size:16px;
  color: #222566;
  font-weight:600
} 
.reference_row {
  margin-bottom:0;
  border-bottom: 1px solid #979797;
    padding-bottom:40px;
} 

.risk_heading{ 
  padding-top:20px!important
}

 
input[type=range]+.thumb{
  display:none;
}

.rang-box span{
  font-size:16px;
  font-weight:500; 
}



.another_radio .after_effect:after{
  width:100%;
  height: 35px;
  border-radius:0;
  top: -5px;
  bottom: 0;;
  border-radius: 5px;
  background-color: #a58ce3;

} 
.another_radio [type="radio"]:not(:checked) +span:after{
  width: 100%;
  height: 36px;
  background: transparent;
  border-radius: 0;
  top: -9px;
  border: 2px solid #DADADA;
  position: absolute;
  left: -7px;
  transform: scale(1);
  border-radius: 5px;
}

.another_radio [type="radio"]:not(:checked)+span:before{
  border: 2px solid #222566;
}
.another_radio [type="radio"]:checked+span:before{
  
  border: 2px solid #222566;
}
.another_radio [type="radio"]:checked+span:after{
  background-color: #222566;
  border: 0;
}


.myProfile_section{
  padding-top:100px;
  
}

.myprofile_row{
  padding:30px 15px;
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.15);border-radius: 10px;
  position: relative;
}

.myProfile_section .profile_box{
    border:2px solid #DDDDDD;
    width:100%;
    text-align:center;
    border-radius: 10px;
}
.myProfile_section .progress_text{
  display:flex;
  align-items: end;
  justify-content:space-between;
}
.myProfile_section .progress_text .profile_complete{
  color:#222566;
  font-size:14px;
  font-weight:500;
  margin-bottom:0
}
.myProfile_section .user_details{
  padding-top:30px;
  padding-bottom:20px;
} 
.myProfile_section .edit_btn{
  position: absolute;
  right:15px;
  top:15px;
  width:auto;
  background-color: #222566;
  padding: 10px 30px;
}

.myProfile_section .download_row .download_btn{
  display:flex;
  align-items:center;
  color:#fff;
  font-size:16px;
  text-align:center; 
  background-color: #009EDB;
  border:0;
  border-radius: 10px;;
}

.myProfile_section .download_row .download_btn span{
  padding: 12px 26px;
    font-size: 16px;
    font-weight: 600;
}
.myProfile_section .download_row .download_btn .download_btn{
  background-color: #026990;
  padding:16px;
  border-radius:0 10px 10px 0;
}
.myProfile_section .edit_btn svg{
  margin-right:5px;
}

.myProfile_section .user_details p{
  color:#222566;
  font-size:16px;
  font-weight:500;
  margin-bottom:0
}
.myProfile_section .progress_text .percentage{
  color:#222566;
  font-size:18px;
  font-weight:500;
  margin-bottom:0

}
.myProfile_section .profile_box .img_box{
  height:170px;
  width: 170px;
  border-radius: 50%;
  background-color: #d3d3e0;
  margin:auto;
  margin-top:30px;
  margin-bottom:25px;
  display: flex;
  align-items: center;
  justify-content: center;;
}
.myProfile_section .profile_box .profile_text{
  background-color: #FFC4C3;
  padding:5px 0;
  text-align:center;
}
.myProfile_section .profile_box .profile_text p{
  margin-bottom:0;
  font-size:24px;
  font-weight:700;
  color:#ED5151
}
.myProfile_section .share_row{
  display:flex;
  margin-top:25px;
  justify-content:center;
}
.myProfile_section .share_row i{
  background-color: #ccecf8;
  color:#009EDB;
  border-radius: 50%;
  padding: 12px;
  font-size: 24px;
  margin:0 10px;
} 
@media (max-width: 768px) {
  
  .login_section .login-form .login-part .form-group .toggle-password {
    position: absolute;
    right: 7%;
    top: 36px;
    width: 6px;
    font-size: 12px;
  }
  .hospital_selection_section .main_box .inner_box .name h4{
    font-size: 12px;
  }
  .hospital_selection_section .main_box .inner_box .right_tick{
    width:15px;
  }
  .hospital_selection_section .main_box .inner_box .icon_box , .hospital_selection_section .main_box .inner_box .second_inner_box{
    padding:7px 
  }
  .hospital_selection_section .main_box .inner_box{
    height: 145px;
  }
  .hospital_selection_section .main_box .inner_box .name h4 {
    padding-top: 0;
  }
  .hospital_selection_section .main_box .inner_box .icon_box img{
    width:30px
  }
  .inner_breadcrumb  svg{
    width:10px
  }
  
  .input_box input::placeholder {
    color: #adadad !important;
    font-size: 12px;
    font-weight: 500;
  }
  .login_section .login-form .login-part .form-group label{
    font-size: 12px;
  }
  .login-part .welcome .first_logo{
    width: 100%;
  }
  .login-part .welcome .second_logo{
    width: 100%;
  }
  .login-part .welcome .third_logo{
    width: 100%; 
  }
  .login-form .login-part .welcome{
    margin-top: 0;
  }
  .setup_page .setup_button, .setup_page .setup_map{
    height:auto;
  }
  .setup_page{
    height:auto
  }
  .setup_button img{
    max-width:100%;
  }
  .setup_button .row{
    margin-top:20px;;
    align-items:center;
  }
  .setup_map .map img{
    margin-top: 0;
  }
  .gujarat_heading{justify-content:center;}
  .setup_page .footer_btn{margin-top:10%}
  .main-btn {
    font-size: 12px;
    padding: 8px 20px;
    border-radius: 6px;
  }  
  .login_section .login-form{
    padding: 10px 10px 30px 10px;
  }
  .profile_icon .round_img{
    display:none;
  }
  .gujarat_heading{
    justify-content: space-between;
  }
  .gujarat_heading img{
    width:130px
  }
  .notification-area img{
    width:35px !important;;
  }
  .types_row .row{
    flex-wrap:nowrap;
    overflow: auto;
  }
  .types_body .round_animation1{
    left:0;
    width:100%;
  }
  .particles-js-canvas-el{
    opacity: 0.5;
  }
  .form_heading .main_heading h1{
    font-size: 22px;
    text-align: left;
    line-height: 28px;;
  }
  .main_form{
    padding:0
  }
  .input_box{
    padding-top: 0;
  }
  .input_box h5{    
    font-size: 12px!important;
    margin-bottom:3px!important;
  }
  .input_box input{    
    font-size: 12px !important;
    padding: 8px 15px !important;
    height: auto !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
  }
  .login_section .login-form .login-part .form-group label{
    font-size: 12px;
  }
  .row{
    margin-bottom:0
  }
  .main_form .second_row{
    padding-top:0
  }
  .mini_heading{    
    font-size:16px;
  }
  .address_heading h2{
    font-size:26px;
    padding-left:10px;
  }
  .select-wrapper::after{
    top:16px;
  }
  .submit_row .col{
    text-align: center;
  }
  .form_heading .submit_row .main-btn{
    width:100%;
  }
  .form_heading .submit_row .next_col{
    justify-content:center;
    margin-top:20px;
  }
  .infratructure_bg_inner{
    width:100%;
  }
  .infra_part_img{
    padding:50px 0;
  }
  .infra_part_img img{
    width:100%;
  }
  .w-80 .select-wrapper{
    width:100%;
  }
  .infrastructure_form .input_box {
    padding-top: 10px;
  }
  .table_heading h3{
    font-size: 26px;
    text-align:left;
    padding-left: 10px;
    margin-bottom:0;
  }
  .main_table{    
    overflow-x: auto;
  }
  .main_table th{
    font-size:14px; 
    padding:12px 20px;
  }
  .main_table td {
    padding: 5px 7px!important;
  }
  .radio_heading{    
    margin:10px 0 17px 0!important;
  }
  .input_box.radio_box{
    padding-top:7px!important
  }
  .input_box.radio_box h5{
    font-size:14px!important;
    margin-bottom:12px!important
  }
  .input_box.radio_box:first-child{
    margin-top:20px;
  }
  .history_section .heading h5{
    font-size:18px;
    padding-left: 10px;
  }
  .sr_no{
    font-size:14px;
  }
  .thankyou_page .row{
    padding-top:0!important
  }
  .thankyou_text p{
    margin-bottom:0
  }
  .thankyou_text .thankyou_heading{
    margin-top:0;
    font-size:32px;
  }
  .myProfile_section {
    padding-top: 40px;
  }
  .myProfile_section .profile_box .img_box{
    height:140px;
    width:140px;;
  }
  .download_btn .download_btn{
    display:none!important;
  }
  .myProfile_section .profile_box .profile_text p{
    font-size:20px;
  }
  .myProfile_section .edit_btn{
    right:0;
    top:0
  }
  .myProfile_section .user_details p{
    font-size:14px;
    padding-bottom:5px;
  }
  .myProfile_section .user_details{
    padding-top:10px;
  }
}

.hidden {
    display: none;
}


select {
  text-align: left;
  
  width: 100%;
  padding: 50px; 
}