/* poppins-100 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 100;
  src: url("../font/poppins-v15-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-100.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-100.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-100.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-100.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-100.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-100italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 100;
  src: url("../font/poppins-v15-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-100italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-100italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-100italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-100italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-100italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-200 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 200;
  src: url("../font/poppins-v15-latin-200.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-200.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-200.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-200.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-200.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-200.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-200italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 200;
  src: url("../font/poppins-v15-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-200italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-200italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-200italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-200italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-200italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-300 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 300;
  src: url("../font/poppins-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-300.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-300.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-300.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-300.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-300.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-300italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 300;
  src: url("../font/poppins-v15-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-300italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-300italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-300italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-300italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-300italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 400;
  src: url("../font/poppins-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-regular.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-regular.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-regular.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 400;
  src: url("../font/poppins-v15-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 500;
  src: url("../font/poppins-v15-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-500.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-500.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-500.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-500.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-500.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-500italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 500;
  src: url("../font/poppins-v15-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-500italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-500italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-500italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-500italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-500italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 600;
  src: url("../font/poppins-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-600.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-600.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-600.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-600.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-600.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-600italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 600;
  src: url("../font/poppins-v15-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-600italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-600italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-600italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-600italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-600italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 700;
  src: url("../font/poppins-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-700.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-700.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-700.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-700italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 700;
  src: url("../font/poppins-v15-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-700italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-700italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-700italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-700italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-700italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-800 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 800;
  src: url("../font/poppins-v15-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-800.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-800.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-800.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-800.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-800.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-800italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 800;
  src: url("../font/poppins-v15-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-800italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-800italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-800italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-800italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-800italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-900 - latin */
@font-face {
  font-family: "Poppin";
  font-style: normal;
  font-weight: 900;
  src: url("../font/poppins-v15-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-900.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-900.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-900.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-900.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-900.svg#Poppins") format("svg");
  /* Legacy iOS */
}

/* poppins-900italic - latin */
@font-face {
  font-family: "Poppin";
  font-style: italic;
  font-weight: 900;
  src: url("../font/poppins-v15-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../font/poppins-v15-latin-900italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../font/poppins-v15-latin-900italic.woff2") format("woff2"),
    /* Super Modern Browsers */
    url("../font/poppins-v15-latin-900italic.woff") format("woff"),
    /* Modern Browsers */
    url("../font/poppins-v15-latin-900italic.ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../font/poppins-v15-latin-900italic.svg#Poppins") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: Poppin;
  src: url("../font/poppins-v15-latin-regular.woff2");
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p,span, a{
  line-height: 30px;
}
body {
  font-family: Poppin !important;
}
select option{
  font-family: var(--bs-body-font-family) ;
  font-weight: 400;
}
.row.new_barometer .swiperslide-inner {
  text-align: center;
  width: 100%;
}

.row.new_barometer {
  max-height: 515px;
  /* height: inherit !important; */
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #01e1f8;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #01e1f8;
  cursor: pointer;
}

.block-color {
  /* background-color: darkgrey; */
  padding: 6px 0px;
  border-radius: 4px;
  text-transform: capitalize;
}

.top-nav {
  width: 80%;
  margin: 0 auto;
}

.box1 {
  padding: 5px;
  width: 1%;
  border: 1px solid #9b9898;
  background: #9b9898;
  display: inline-block;
}

.box2 {
  padding: 5px;
  width: 1%;
  border: 1px solid #4a4a4a;
  background: #4a4a4a;
  display: inline-block;
}

.box3 {
  padding: 5px;
  width: 1%;
  border: 1px solid #005594;
  background: #005594;
  display: inline-block;
}

.box4 {
  padding: 5px;
  width: 1%;
  border: 1px solid #259cf5;
  background: #259cf5;
  display: inline-block;
}

.box5 {
  padding: 5px;
  width: 1%;
  border: 1px solid #95bdff;
  background: #95bdff;
  display: inline-block;
}

.box6 {
  padding: 5px;
  width: 1%;
  border: 1px solid #1dbabd;
  background: #1dbabd;
  display: inline-block;
}

.color-boxes {
  height: 90px;
}

.swiper-slide img {
  max-width: 100% !important;
  width: unset !important;
  height: unset !important;
}

/* 24-nov-2023 */
.rating_right {
  text-align: right;
}

@media (min-width: 1400px) {
  .cla_arrow {
    height: 28vh;
  }
}

@media (min-width: 767px) {
  .container.barometer_section {
    box-shadow: 0px 0px 15px 0px #d9e3e8;
    border-radius: 75px;
  }
}

@media (max-width: 767px) {
  .container.barometer_section {
    box-shadow: 0px 0px 15px 0px #d9e3e8;
    border-radius: 0px;
    padding-right: 7px;
    padding-left: 7px;
  }

  .swiper-slide .slid-image {
    height: auto;
  }

  span.row-two {
    font-size: 10px;
  }
  .main_list_blck {
    flex-direction: column-reverse !important;
  }
  .main_list_blck .block-lft {
    width: 100% !important;
    min-height: 150px !important;
  }
  .main_list_blck .block-rt {
    width: 100% !important;
    min-height: 150px !important;
  }
}

.container.barometer_section {
  max-width: 65%;
  margin: 0 auto;
  background: #fff;
}

@media (min-width: 767px) {
  i.fa.fa-arrows-h {
    background: #01e1f8;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  i.fa.fa-arrows-h {
    background: #01e1f8;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
    font-size: 24px;
  }

  .modal-dialog {
    position: fixed !important;
    width: 97.5% !important;
    margin: 5px;
    pointer-events: none;
  }
}

div#myModal h4.modal-title.text-center.mb-2,
div#myModal form#range_form span {
  font-size: 13px;
}

.col-md-4.col-4.mt-2.block-color.mx-auto {
  padding-left: 30px;
}

.row.mx-0.text-left {
  padding-left: 100px;
  padding-right: 100px;
  font-weight: 200;
}

.row.mx-0.send_bt.text-center.mt50 .col-md-4.sub-btn.block-color.mt-5.mb-3.mx-auto {
  padding-right: 0px;
}

.barometer_section h3.text-center {
  margin: 20px 0 10px;
}

.sub-btn button.sub.mx-auto {

  padding: 8px;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
}

@media (max-width: 999px) {
  .btn-light {
    font-size: 8px;
  }

  input.sub.mx-auto {
    background: #5ce0b9;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    border: 0;
    font-size: 14px;
  }
}

@media (min-width: 1000px) {
  input.sub.mx-auto {
    background: #01e1f8;
    padding: 7px;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    border: 0;
  }
}

button.download_btn {

  color: #fff;
  padding: 8px;
  border-radius: 26px;
  font-size: 18px;
  width: 32px;
  border: none;
  cursor: pointer;
  outline: none;
}

button.download_btn img {
  width: 16px;
}

.modal-dialog .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background: transparent;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border: 0px solid #807f7f;
}

.modal-dialog .slider::slider-thumb {
  width: 15px;
  height: 15px;
  background: #d3d3d3;
  cursor: pointer;
  border-radius: 50px;
}

.modal-dialog .slider::slider-thumb:hover {
  background: red;
}

.modal-dialog .slider::-webkit-slider-thumb {
  width: 17px;
  height: 17px;
  background: #01e1f8;
  cursor: pointer;
  opacity: 1;
  border-radius: 50px;
}

.modal-dialog .slider {
  position: relative;
  z-index: 99;
}

.modal-dialog input.btn.sub-btn {
  width: 97%;
  justify-content: center;
  align-items: center;
  margin-top: 35px !important;
  background-color: #5ce0b9;
  margin: 35px auto 0 !important;
  border: 0px solid #bdbdbd;
  color: #fff;
  border-radius: 4px;
  right: 0;
  position: absolute;
  z-index: 999;
  left: 0;
}

.modal-dialog button.btn.btn-default {
  border-radius: 0;
}

.send_bt .sub-btn button {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: #000;
  border-radius: 0;
  padding: 0;
}

.acess-sec {
  height: 85vh;
  /* justify-content: center; */
  align-items: center;
  border-radius: 5px;
}

.access-cont {
  background: #fff;
  box-shadow: 1px 1px 15px #ccc;
  border-radius: 30px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
  }
}

.modal-dialog .slider::slider-thumb:focus {
  box-shadow: 10px 10px 10px 3px #92c493;
}

.dot {
  height: 11px;
  width: 11px;
  background-color: #ff0000 !important;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
}

.bullets_points {
  display: block;
  justify-content: space-between;
  margin-top: -13px;
  margin-bottom: 35px !important;
}

.row.new_barometer {
  position: relative;
  width: 69%;
  padding-top: 61px;
  height: 220px;
  margin: 0 auto;
}

.border-section {
  display: flex;
  width: 100%;
  position: absolute;
  top: -65px;
  height: 145px;
  overflow: hidden;
  z-index: 0;
}

.border-section:after {
  content: "";
  width: 100%;
  height: 330px;
  border: 1px solid #929292;
  border-radius: 100%;
}

.baro_char {
  padding: 7px;
  display: inline-block;
  cursor: pointer;
  z-index: 9;
  position: absolute;
}

#zero {
  right: 15.9%;
  top: -10.1%;
  margin-top: -19px;
}

#one {
  right: 25.4%;
  top: -18.1%;
  margin-top: -19px;
}

#two {
  right: 35.5%;
  top: -23%;
  margin-top: -19px;
}

#three {
  right: 47%;
  top: -24%;
  margin-top: -19px;
}

#four {
  right: 58%;
  top: -23%;
  margin-top: -19px;
}

#five {
  left: 27%;
  top: -18%;
  margin-top: -19px;
}

#six {
  left: 18%;
  top: -11.3%;
  margin-top: -19px;
}

#seven {
  left: 10%;
  top: -1%;
  margin-top: -19px;
}

#eight {
  left: 11px;
  top: 8%;
  margin-top: -14px;
}

#nine {
  left: -0.5%;
  top: 22%;
  margin-top: -19px;
}

#ten {
  left: -2.8%;
  top: 35%;
  margin-top: -19px;
}

span#eleven {
  right: 8.5%;
  top: -8%;
}

span#twelve {
  right: 2.8%;
  top: 2.3%;
}

span#thirteen {
  right: -1.6%;
  top: 14%;
}

span#fourteen {
  right: -4%;
  top: 27%;
}

.baro_char {
  background: #01e1f8;
  width: 1px;
  height: 1px;
  border-radius: 100%;
}

img#arrow {
  max-width: 200px;
}

#show_number {
  position: absolute;
  font-size: 4.5em;
  width: 120px;
  text-align: center;
  top: 42%;
  left: 50%;
  z-index: 11;
  margin: -25px 0px 0px -60px;
}

body {
  background: #fff;
}

span#rating_right {
  text-align: right;
}

.barrow-m .block-color {
  overflow-wrap: break-word;
}

.mid-modal .modal-dialog {
  display: flex;
  justify-content: center;
  align-items: baseline;
  height: 100%;
  margin-top: 30px !important;
  max-width: 880px !important;
}

/*  */
.range_slider_box2 .customInput-wrap .custom_slider {
  width: 100%;
}

.range_slider_box2 .customInput-wrap input[type="range"].styled-slider {
  height: 11px;
}

.range_slider_box2 .customInput-wrap input[type="range"].styled-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 1em;
  margin-top: calc(max((10px - 1px - 1px) * 0.5, 0px) - 20px * 0.5);
  cursor: pointer;
  overflow: visible;
  background: #dadada;
  border: none;
}

/*  */
.main_modal {
  padding: 16px 0px 40px 0px;
  border-radius: 25px;
}

.swiper-demo .swiper-button-next,
.swiper-demo .swiper-container-rtl .swiper-button-prev {
  right: 30px;
  left: auto;
}

.swiper-demo .swiper-button-prev,
.swiper-demo .swiper-container-rtl .swiper-button-next {
  left: 30px;
  right: auto;
}

.success_txt h2 {
  font-size: 24px;
  line-height: 32px;

  margin: 0px 0 15px 0;
}

.info_cont {
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 15px 0px #d9e3e8;
  border-radius: 8px;
}

.success_txt button.btn.sub-btn {
  padding: 12px 35px;
}

.success_txt {
  margin-top: 14px;
}

.swiper-demo .swiper-slide {
  flex-direction: column;
  align-items: stretch;
}

.slid-image {
  height: 314px;
}

.swiper-demo-mobile {
  display: none;
}

@media (max-width: 1024px) {
  .cla_arrow {
    height: 22vh;
  }

  .row.mx-0.text-left {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.rating-img {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .cla_arrow {
    height: 29vh;
  }
}

.custome-container {
  padding: 0 50px !important;
}

.rating-img img {
  max-width: 100%;
}

@media (max-width: 767px) {
  .acess-sec {
    height: 75vh;
    padding: 20px;
    margin-top: 0px;
  }

  .row.new_barometer {
    width: 100%;
  }

  .cla_arrow {
    height: 270px;
  }

  div#arrow img {
    width: 100%;
  }

  .m-none {
    display: none !important;
  }

  .swiper-demo-mobile {
    display: block;
    padding: 0 20px;
  }

  .info_cont {
    padding: 20px 15px;
    margin-bottom: 30px;
    border-radius: 20px;
  }

  .success_txt {
    margin: 14px 0 0;
  }

  .swiper-demo .swiper-container {
    width: 100%;
    height: auto !important;
  }

  .pt-26 {
    margin-top: -26px;
    padding-left: 15px !important;
  }

  .success_txt h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0 10px 0;
  }

  .mt50 {
    margin-bottom: 40px !important;
    margin-bottom: 40px !important;
  }

  .row.mx-0.text-left {
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    font-weight: 200;
  }

  .row.mx-0.send_bt.text-center.mt50 .col-md-4.sub-btn.block-color.mt-5.mb-3.mx-auto {
    padding-right: 0;
  }

  .container.barometer_section {
    max-width: 100%;
  }

  body {
    padding: 26px 0;
  }

  .block-color {
    padding: 2px 0px;
  }

  .barometer_section .col-md-4.col-4 {
    font-size: 14px;
  }

  .modal-dialog .slider::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
  }

  .block-color {
    font-size: 13px;
  }

  .barometer_section .col-md-4.col-4 {
    overflow-x: hidden;
  }

  .success_txt button.btn.sub-btn {
    padding: 12px 10px;
    margin-top: 20px;
    width: 100% !important;
    white-space: normal;
    border-radius: 20px;
  }

  /* 22-4-2021 */
  .custome-container {
    padding: 14px 20px !important;
  }

  .px0 {
    padding: 0 !important;
  }
}

.slidecontainer {
  font-weight: 200;
}

/* slider design */

.rang-slider-a {
  height: 1px;
  border: 1px solid #01e1f8;
  margin-top: 50px;
}

.r_arrow {
  width: 10px;
  position: relative;
}

/* .rang-slider-a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #01e1f8;
} */
.rang-slider-a {
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.r_arrow.circle_red,
.a7last.r_arrow.circle_red,
.a-72.r_arrow.circle_red:before {
  top: -5px;
  height: 10px;
  width: 10px;
  background-color: #9b9898;
  border-radius: 50%;
  display: inline-block !important;
  z-index: 9999;
}

.r_arrow.circle_blue,
.a7last.r_arrow.circle_blue,
.a-72.r_arrow.circle_blue,
.circle_blue:before {
  top: -5px;
  height: 10px;
  width: 10px;
  background-color: #005594;
  border-radius: 50%;
  display: inline-block !important;
  z-index: 999;
}

.r_arrow.circle_blue1,
.a7last.r_arrow.circle_blue1,
.a-72.r_arrow.circle_blue1:before {
  top: -5px;
  height: 10px;
  width: 10px;
  background-color: #259cf5;
  border-radius: 50%;
  display: inline-block !important;
  z-index: 999;
}

.r_arrow.circle_blue2,
.a7last.r_arrow.circle_blue2,
.a-72.r_arrow.circle_blue2 {
  top: -5px;
  height: 10px;
  width: 10px;
  background-color: #95bdff;
  border-radius: 50%;
  display: inline-block !important;
  z-index: 999;
}

.r_arrow.circle_blue3,
.a7last.r_arrow.circle_blue3,
.a-72.r_arrow.circle_blue3 {
  top: -5px;
  height: 10px;
  width: 10px;
  background-color: #1dbabd;
  border-radius: 50%;
  display: inline-block !important;
  z-index: 999;
}

.r_arrow.circle_green,
.a7last.r_arrow.circle_green,
.a-72.r_arrow.circle_green:before {
  top: -5px;
  height: 10px;
  width: 10px;
  background-color: #4a4a4a;
  border-radius: 50%;
  display: inline-block !important;
  z-index: 999;
}

.a7last.r_arrow:after {
  top: -10px;
  right: 0;
  width: 2px;
  height: 20px;
  background: #01e1f8;
}

.a-72 {
  width: 10px;
}

.a7last.r_arrow {
  position: relative;

  right: 0px;
  width: 1px;
  height: 20px;
}

.a-72.r_arrow:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  width: 2px;
  background: #01e1f8;
  height: 20px;
  z-index: 9;
}

.leftboth {
  margin-top: 37px;
}

.a-72.r_arrow {
  position: relative;
  width: 10px;
}

.custome-container .swiper-demo.m-none .swiper-slide {
  flex-direction: row;
  align-items: stretch;
}

.card.h-100 {
  border: none;
}

.red_line {
  stroke-width: 2px;
  stroke: #9b9898;
}

.blue_line {
  stroke-width: 2px;
  stroke: #005594;
}

.blue_line1 {
  stroke-width: 2px;
  stroke: #259cf5;
}

.blue_line2 {
  stroke-width: 2px;
  stroke: #95bdff;
}

.blue_line3 {
  stroke-width: 2px;
  stroke: #1dbabd;
}

.green_line {
  stroke-width: 2px;
  stroke: #4a4a4a;
}

.top-nav {
  width: 50%;
  justify-content: center;
  background: #efefef;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
  box-shadow: 1px 1px 15px #efefef;
}

.top-nav input#sub {
  margin-top: 15px;
}

.top-nav.nav-3 input#sub {
  margin-top: 0px;
}

.r_arrow:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 0px;
  width: 2px;
  background: #01e1f8;
  height: 12px;
  z-index: 9;
}

.r_arrow.circle_blue,
.a7last.r_arrow.circle_blue,
.a-72.r_arrow.circle_blue,
.circle_blue:after,
.r_arrow.circle_red:after,
.r_arrow.circle_green,
.a7last.r_arrow.circle_green,
.a-72.r_arrow.circle_green:after,
.r_arrow.circle_blue1,
.a7last.r_arrow.circle_blue1,
.a-72.r_arrow.circle_blue1:after {
  display: none;
}

.r_arrow.circle_blue1:after,
.r_arrow.circle_blue2:after,
.r_arrow.circle_green:after,
.r_arrow.circle_blue3:after {
  display: none;
}

div#exampleModal {
  z-index: 9999 !important;
}

/* @media only screen and (min-width: 481px) and (max-width: 7px){ */
/* .swiper-container{ */
/* min-height: 835px !important; */
/* } */
/* } */
/* @media only screen and (min-width: 1368px) and (max-width: 2200px){ */
/* .swiper-container{ */
/* min-height: 835px !important; */
/* } */
/* } */
@media (max-width: 767px) {
  .leftboth span {
    font-size: 13px;
  }

  .top-nav {
    width: 100%;

    margin-top: 20px;
    padding: 10px;
  }

  .leftboth span {
    font-size: 10px;
    line-height: 14px !important;
    display: inline-block;

    overflow-wrap: break-word;
    word-break: break-word;
  }

  .success-rating .text-left,
  .success-rating .text-right {
    text-align: center !important;
  }

  .acess-sec .rating-img {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media (max-width: 520px) {
  .leftboth span {
    font-size: 11px;
  }
}

@media (max-width: 639px) and (min-width: 520px) {
  .cla_arrow {
    height: 43vh;
  }
}

@media (max-width: 767px) and (min-width: 640px) {
  .cla_arrow {
    height: 85vh;
  }
}

@media (max-width: 320px) {
  .cla_arrow {
    height: 180px !important;
  }
}

@media (max-width: 300px) {
  .cla_arrow {
    height: 150px !important;
  }
}

@media (min-width: 361px) and (max-width: 380px) {
  .cla_arrow {
    height: 230px;
  }
}

@media (min-width: 330px) and (max-width: 360px) {
  .cla_arrow {
    height: 220px;
  }
}

@media (max-width: 690px) and (min-width: 600px) {
  .cla_arrow {
    height: 78vh;
  }

  .col-md-12.cla_arrow:before {
    width: 87% !important;
  }
}

@media (max-width: 991px) and (min-width: 769px) {
  .cla_arrow {
    height: 74vh;
  }
}

@media (max-width: 1024px) and (min-width: 992px) {
  .cla_arrow {
    height: 20vh;
  }
}

@media (max-width: 580px) and (min-width: 530px) {
  .col-md-12.cla_arrow:before {
    width: 85% !important;
  }
}

@media (max-width: 580px) and (min-width: 541px) {
  .cla_arrow {
    height: 97vh;
  }

  .col-md-12.cla_arrow:before {
    width: 85%;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .col-md-12.cla_arrow:before {
    width: 95% !important;
  }
}

@media screen and (min-zoom: 1) {
  .cla_arrow {
    height: 35vh;
  }
}

@media (min-width: 1400px) {
  .cla_arrow {
    height: 295px;
  }
}

@media (min-width: 1600px) {
  .cla_arrow {
    height: 40vh;
  }
}

@media (min-width: 1600px) {
  .cla_arrow {
    height: 30vh;
  }
}

@media (min-width: 2000px) {
  .cla_arrow {
    height: 22vh;
  }
}

@media (min-width: 2200px) {
  .cla_arrow {
    height: 11vh;
  }
}

@media and (min-width: 1300px) {
  .cla_arrow {
    height: 10vh !important;
  }
}

@media (max-width: 1400px) and (min-width: 1366px) {
  .cla_arrow {
    height: 295px;
  }
}

@media (max-width: 901px) and (min-width: 799px) {
  .cla_arrow {
    height: 275px;
  }
}

@media (max-width: 1300px) and (min-width: 1270px) {
  .cla_arrow {
    height: 290px;
  }
}

.main_sections {
  padding-top: 92px;
}

.bg-wrapper {
  margin-top: -46px;
  background: #efefef;
}

@media (max-width: 767px) {
  .barometer_section {
    margin: 0 !important;
  }

  .main_sections {
    padding-top: 46px;
  }

  .barometer_section>.row {
    padding: 0 !important;
  }

  #chartContainer {
    height: 745px !important;
    width: 100% !important;
  }

  table#chartTable {
    overflow: scroll;
    display: block;
  }

  .bg-wrapper {
    margin-top: -46px;
    background: transparent;
  }
}

@media (max-width: 2500px) and (min-width: 1300px) {
  .cla_arrow {
    height: 290px;
  }
}

.row.barrow-m .col-md-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang_div {
  background: #efefef;
}

@media (max-width: 767px) {
  .acess-secmain .acess-sec {
    width: 95%;
    margin: 0 auto;
  }

  .sec_quickness .col-md-4:first-child,
  .sec_quickness .col-md-4:last-child,
  .sec_quickness .col-md-4:nth-child(2) {
    padding: 0 !important;
  }

  form#range_form label {
    width: 100% !important;
  }

  .modal-dialog input.btn.sub-btn {
    width: 100% !important;
  }

  #range_form .btn.sub-btn{
    width: 75% !important;
  }
  body {
    padding: 0;
    height: 100%;
  }

  .lang_div p {
    margin: 10px 0 !important;
  }

  .acess-sec {
    height: unset;
    padding: 20px;
    min-height: 80vh;
    margin-top: 0px;
  }

  .col-md-12.lang_div.pt-3.mx-auto {
    position: absolute;
    border: 0;
    left: 0;
  }

  .img-div {
    padding-bottom: 18px;
  }

  .img-div a {
    font-size: 14px;
  }
}

.custom_btn {
  border-radius: 20px !important;
  text-align: center;
}

#lang {
  text-align: center;
  font-size: 10px;
  line-height: 2;
  height: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin-top: 0px;
  text-align-last: center;
}

@media (max-width: 767px) and (min-width: 541px) {
  .acess-sec {
    height: auto;
    padding: 20px;
    margin-top: 0px;
  }

  body {
    padding: 0;
  }

  .lang_div p {
    margin: 10px 0 !important;
  }
}

.container.barometer_section .trans {
  background: transparent !important;
}

.barometer_section .download_btn {
  width: 30px !important;
  height: 31px;
  border-radius: 100px !important;
  display: flex;
  align-items: center;

  justify-content: center;
}

.ie-header {
  background-color: Yellow;
  text-align: center;
}

.cookie-header {
  background-color: Yellow;
  text-align: center;
}

/* 27-7-2021 */
.survey_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 25px;
}

.survey_buttons .btn {
  margin-right: 20px;
  margin-top: 15px;
  background: transparent;
  padding: 8px 21px;
  border-radius: 100px;
}

/* .survey_buttons button.btn.btn-outline-primary.survey-btns.active_answer,.survey_buttons .btn:hover {
    box-shadow: none !important;
		background:#5CE0B9 !important;
		color: #fff;
		transition: all 0.3s ease-out 0s;
} */
div#survey_form {
  background: #fff;
  padding: 40px 15px 40px 15px;
  border-radius: 25px;
}

.header_container .navbar-nav.main_navbar {
  flex-direction: column !important;
}

.header_container .navbar-nav.main_navbar li.default_item {
  text-align: center;
  padding-right: 0 !important;
}

.lower_portion .custom-switch {
  padding: 0;
  margin: 10px 0 10px !important;
}

.header_container ul.navbar-items-ul {
  margin-bottom: 10px;
}

/* .header_container ul.navbar-items-ul li.default_item {
    margin-bottom: -10px;
} */
.default_item3 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 8px;
}

html {
  overflow-x: hidden;
}

/* 15-03-2022 */
.main_navbar {
  height: 41px;
}

.barrow-m.text-left {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  padding-top: 20px;
}

.top-col hr {
  padding-bottom: 0;
  margin-bottom: 0;
}

.pagi_nation {
  display: flex;
  position: relative;
  padding-left: 130px;
  padding-right: 130px;
  justify-content: center;
  padding-bottom: 20px;
}
#prevBtn{
  position: absolute;
  left: 130px;
  cursor: pointer;
}
#nextBtn{
  position: absolute;
  right: 130px;
  cursor: pointer;
}
/* 22/11/2023 */
.customInput-wrap h3 {
  font-size: 16px;
  color: #212529;
  font-weight: 300;
}

.barrow-m h4 {
  font-size: 19px;
}

.row.new_barometer2 {
  position: relative;
  width: 100%;
  padding: 11px 3px 0;
  height: 225px;
  margin: 0 auto;
}

.cla_arrow2 {
  height: 396px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.cla_arrow2::before {
  content: "";
  background-image: url(https://bar.sprint.testcenter-dev-19.de/assets/images/baro_img3.png);
  width: 100% !important;
  height: 100%;
  background-size: 410px;
  background-repeat: no-repeat;
  position: absolute;
  background-position-x: center;
}

.wrap-label {
  width: 100%;
}

.wrap-label label {
  width: 495px !important;
  margin: 0 auto !important;
}

.wrap-label label span {
  width: 50%;
  font-size: 14px;
  font-weight: 300;
  word-wrap: break-word;
  padding: 0 10px;
}

.range_slider_box2 input[type="range"]::-webkit-slider-thumb {
  box-shadow: -407px 0 0 400px #5ce0b9;
}

.survey_buttons2 {
  text-align: center;
}

@media (max-width: 480px) {
  .wrap-label label {
    width: 402px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 400px) {
  .wrap-label label {
    width: 372px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 375px) {
  .wrap-label label {
    width: 349px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 360px) {
  .wrap-label label {
    width: 299px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 767px) {
  body {
    overflow: hidden;
  }

  /* div#arrow1 img {
    height: 289px !important;
  } */

  div#arrow0 img {
    height: 289px !important;
    width: auto !important;
  }

  .row.new_barometer2 {
    height: 170px !important;
  }

  .col-md-12.cla_arrow::before {
    background-size: 295px !important;
  }

  #arrow1 {
    position: absolute;
    z-index: 1111;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
  }

  #arrow0 {
    position: absolute;
    z-index: 1111;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 4px;
  }
 .cla_arrow div{
  position: absolute;
  z-index: 1111;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
 }
 .cla_arrow div img{
  height: 289px !important;
 }
  .pagi_nation {
    padding-left: inherit;
    padding-right: inherit;
    align-items: center;
  }

  .pagi_nation .btn {
    padding: 3px 5px;
    font-size: 15px;
  }

  .pagi_nation #pageInfo {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .wrap-label label {
    width: 100% !important;
  }
  #prevBtn{
    left:24px;

  }
  #nextBtn{
    right:40px; 
  }
}
@media (max-width: 767px) {
  #prevBtn{
    left:11px;

  }
  #nextBtn{
    right:34px;
  }
}
form#range_form {
  margin-bottom: 15px !important;
}

#survey_form {
  padding: 45px 45px 35px !important;
}

#myModal .main_modal {
  padding: 16px 0px 0 0px !important;
}

#myModal2 .main_modal {
  padding: 16px 0px 0 0px !important;
}

#myModal .modal-dialog input.btn.sub-btn {
  position: relative !important;
  margin: 60px auto 0 !important;
  display: flex;
}

#myModal2 .modal-dialog input.btn.sub-btn {
  position: relative;
  margin: 60px auto 0 !important;
  display: flex;
}

#survey_form .chosen-container-multi {
  width: 90% !important;
}

.main_list_blck {
  gap: 18px;
  flex-direction: row-reverse;
  width: 100%;
}

.main_list_blck .block-lft {
  width: 47.5%;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 8px;
  padding: 10px;
  min-height: 330px;
}

.num_box {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  background: #5CE0B9;
  min-height: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  display: flex;
  min-width: 25px;
  justify-content: center;
}

.main_list_blck .block-rt {
  width: 47.5%;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 8px;
  padding: 10px;
  min-height: 330px;
}

.main_list_blck .block-lft .list-group-item {
  background: transparent;
  font-weight: 400;
  font-size: 16px;
  margin: 0 0 10px 0;
  border: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  border-radius: 100px;
  padding: 8px 10px;
  cursor: pointer;
}

.main_list_blck .block-rt .list-group-item {
  border: 1px solid rgba(0, 0, 0, .125) !important;
  margin: 0 0 10px 0;
  border-radius: 100px;
  cursor: pointer;
  font-size:12px;
}
.loading_image {
  display: block;
  z-index: 999;
  width: 9%;
  height: auto !important;
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%);
}
.form-group {
  margin-bottom: 13px;
}