/*-- Desktop CSS Start --*/
.tdd-gour-tmar {
  margin-top: 2em !important;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

.tdd-clear {
  clear: both;
}

.tdd-gour-tmar [class*=col-] p {
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 24px;
  margin: 2px 0px;
}

/* For desktop: */
.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}

.col-4 {
  width: 33.33%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.66%;
}

.col-9 {
  width: 74%;
  display: inline-block;
  vertical-align: middle;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}

.tdd-gour * {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

.tdd-gour {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
}

.tdd-main-box {
  padding: 0px 0px;
  display: inline-block;
  width: 100%;
}

/*-- Side Menu Start --*/
.tdd-side-menu {
  display: inline-block;
  width: 30%;
  font-family: "Open Sans", sans-serif;
  padding: 0px 15px 0px 15px;
  float: left;
  padding-left: 0px;
}

.tdd-side-menu ul {
  margin: 0px;
  list-style: none;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(247, 247, 247, 0.85)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  padding: 20px;
  border-radius: 10px;
  position: relative;
}

.tdd-side-menu ul img {
  position: absolute;
  left: 0px;
  top: 0px;
}

.tdd-side-menu ul li {
  position: relative;
  margin: 0px 0;
  padding-left: 40px;
}

.tdd-side-menu ul li a {
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 13.5px;
  line-height: 49px;
}

.tdd-sidebar-logo {
  margin: 0px;
  list-style: none;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(247, 247, 247, 0.85)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, rgba(247, 247, 247, 0.85) 100%);
  padding: 20px;
  border-radius: 10px;
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.tdd-sidebar-logo img {
  width: 200px;
}

.tdd-sidebar-logo p {
  font-size: 13.5px;
  line-height: 28px;
  text-align: left;
}

/*-- Side Menu End --*/
/*-- Work Section1 Start --*/
.tdd-gour-container {
  padding: 0px;
  border-radius: 8px;
  width: 100%;
}

.tdd-gour-container h1 {
  color: #095280;
  margin-top: 0px;
}

.tdd-gour-tag {
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 24px;
}

.side-box-heading {
  display: block;
  position: relative;
}

.side-box-icon {
  width: 29%;
  display: inline-block;
  vertical-align: middle;
}

.side-box-icon img {
  max-width: 100%;
}

.side-box-heading-text {
  float: left;
  width: 100%;
  text-align: center;
}

.side-box-heading-text-fw {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
}

.tdd-side-form {
  display: block;
  width: 100%;
  margin-top: 30px;
  padding: 0px 0px;
  font-size: 13.5px;
}

.tdd-side-form input {
  border: 1px solid #d3d3d3;
  width: 170px;
  padding: 5px;
  outline: none;
}

.tdd-gour-tmar .row {
  margin: 0px 0px 0px 0;
  display: block;
  width: 100%;
}

.tdd-side-form label {
  margin-right: 10px;
}

.tdd-input-box1, .tdd-input-box2, .tdd-input-box8, .tdd-input-box9 {
  width: 50%;
  float: left;
}

.tdd-input-box1 label, .tdd-input-box3 label {
  display: inline-block;
  width: 90px;
}

.tdd-input-box4 {
  text-align: right;
  padding: 0px 5px;
}

.tdd-input-box4 input {
  width: 165px;
}

.tdd-input-box5 label, .tdd-input-box6 label {
  width: 110px;
  display: inline-block;
}

.tdd-input-box7 {
  width: 180px;
  display: inline-block;
}

input::placeholder {
  color: #848484;
  font-size: 13.5px !important;
  font-family: "Open Sans", sans-serif !important;
}

.tdd-gour-section1-text {
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 23px;
  text-align: left;
}

.tdd-gour-tmar .row {
  margin: 10px 0px;
  display: inline-block;
  width: 100%;
}

.tdd-input-box10 {
  width: 50%;
  text-align: center;
  float: left;
}

.tdd-gour-btn {
  margin: 1em 0;
}

.tdd-gour-btn button {
  background: linear-gradient(#159fd3, #11aae3);
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  padding: 10px 25px;
  outline: none;
}

.tdd-gour-btn button:hover {
  background: linear-gradient(#11aae3, #159fd3);
}

.btn-co button {
  background: linear-gradient(#929292, #a8a9a8);
  color: #FFF;
}

.btn-co button:hover {
  background: linear-gradient(#a8a9a8, #929292);
  color: #FFF;
}

.asRange {
  /*position: relative;*/
  width: 100%;
  height: 8px;
  background-color: #e6e6e6;
  border-radius: 8px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tdd-rang-area {
  position: relative;
  padding: 0px;
  text-align: center;
  margin-bottom: 60px;
}

.tdd-rang-heading {
  display: inline-block;
  float: none !important;
  margin: 0 auto;
}

.tdd-rang-heading p {
  text-align: center;
  width: 100%;
  font-weight: 700;
}

.tdd-rang-heading .tdd-rang-over {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 300px;
  background: var(--bodybackground-panel2);
  border-radius: 5px;
  padding: 10px;
  border: 1px solid;
  top: 40px;
  font-size: 14px;
  left: 0px;
}

.tdd-rang-heading:hover .tdd-rang-over {
  display: block;
}

.asRange .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  background-color: #fff;
  border-radius: 9px;
}

.asRange .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #095280;
  border-radius: inherit;
}

.asRange .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit;
}

.asRange .asRange-pointer.start {
  left: 0;
  margin-left: 4px;
}

.asRange .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px;
}

.asRange .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}

.asRange .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.asRange .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #095280;
  border-radius: 9px;
}

.asRange .asRange-scale {
  display: none;
}

.asRange-scale {
  position: relative;
  width: 331px;
  height: 8px;
  background-color: #cfcdc7;
  border-radius: 8px;
}

.asRange-scale .asRange-pointer {
  position: absolute;
  left: 30%;
  z-index: 2;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border-radius: 9px;
}

.asRange-scale .asRange-pointer:before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  background: #6ba1ad;
  border-radius: inherit;
}

.asRange-scale .asRange-pointer:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  border-radius: inherit;
}

.asRange-scale .asRange-pointer.start {
  left: 0;
  margin-left: 4px;
}

.asRange-scale .asRange-pointer.stop {
  left: 100%;
  margin-left: -12px;
}

.asRange-scale .asRange-pointer .asRange-tip {
  position: absolute;
  top: -33px;
  left: 0;
  width: 36px;
  height: 20px;
  margin-left: -15px;
  font-family: Bpreplay;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5d5c58;
  border: 1px solid #5d5c58;
  border-radius: 3px;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}

.asRange-scale .asRange-pointer .asRange-tip:before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  content: "";
  background-color: #5d5c58;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.asRange-scale .asRange-selected {
  position: absolute;
  left: 30%;
  z-index: 1;
  width: 40%;
  height: 8px;
  background-color: #7ebdcb;
  border-radius: 9px;
}

.asRange-scale .asRange-scale {
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  background: url("../image/scale.png") no-repeat 0 center transparent;
}

.asRange-scale .asRange-scale li {
  position: absolute;
  top: 18px;
  width: 30px;
  height: 20px;
  padding: 0;
  margin: 0;
  margin-left: -15px;
  text-align: center;
}

.asRange-scale .asRange-scale li:first-child {
  left: 0;
}

.asRange-scale .asRange-scale li:nth-child(2) {
  left: 33.3%;
}

.asRange-scale .asRange-scale li:nth-child(3) {
  left: 66.6%;
}

.asRange-scale .asRange-scale li:last-child {
  left: 100%;
}

.tdd-rang-box {
  width: 100%;
}

.tdd-rang-text1, .tdd-rang-text2 {
  width: 50%;
  text-align: left;
  float: left;
}

.tdd-rang-text2 {
  text-align: right;
  display: inline-block;
}

.asRange-tip {
  display: none;
}

.asRange-pointer:hover .asRange-tip {
  display: block;
}

/*-- Work Section1 Start --*/
/*-- Responsive CSS Start --*/
@media only screen and (max-width: 992px) {
  .asRange {
    position: relative;
  }
}
@media only screen and (max-width: 960px) {
  .tdd-gour {
    max-width: 780px;
    /*max-width: 840px;*/
    width: 840px;
  }

  /*-- Side Menu Start --*/
  .tdd-side-menu ul {
    padding: 20px;
  }

  .tdd-side-menu ul img {
    left: 0px;
  }

  /*-- Side Menu End --*/
  .tdd-gour-btn button {
    padding: 10px 15px;
    font-size: 15px;
  }

  .asRange {
    /*width: 230px;*/
    width: 100%;
  }

  .tdd-rang-text1, .tdd-rang-text2 {
    width: 44%;
  }

  .tdd-rang-heading .tdd-rang-over {
    width: 260px;
  }
}
@media only screen and (max-width: 840px) {
  .tdd-gour {
    max-width: 746px;
    width: 768px;
  }

  /*-- Side Menu Start --*/
  .tdd-side-menu ul li {
    margin-bottom: 0px;
  }

  .tdd-sidebar-logo img {
    width: 100%;
  }

  /*-- Side Menu End --*/
  .tdd-gour-btn button {
    padding: 10px 21px;
    font-size: 13px;
  }

  .asRange {
    /* width: 190px;*/
    width: 100%;
  }

  .tdd-rang-text1, .tdd-rang-text2 {
    width: 42%;
  }

  .tdd-rang-heading .tdd-rang-over {
    width: 230px;
  }
}
@media only screen and (max-width: 768px) {
  .tdd-gour {
    max-width: 100%;
    width: 100%;
  }

  .tdd-side-menu {
    width: 100%;
    padding: 0px 15px 0px 15px;
    float: none;
  }

  .tdd-sidebar-logo img {
    width: 200px;
  }

  .tdd-gour-container {
    width: 100%;
  }

  .tdd-account-info {
    display: inline-block;
    width: 100%;
    padding: 0px 15px 0px 15px;
    margin-top: 30px;
  }

  .side-box-icon, .side-box-heading-text-fw {
    width: 100%;
    float: none;
  }

  .side-box-heading-text {
    width: 100%;
    float: none;
    text-align: center;
  }

  .tdd-input-box10 {
    width: 100%;
    float: none;
  }

  .tdd-rang-area {
    width: 100%;
  }

  .asRange {
    width: 100%;
  }

  .tdd-rang-heading .tdd-rang-over {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .col-6 {
    width: 100%;
  }

  .tdd-side-form .row div {
    float: none;
  }

  .tdd-rang-text1, .tdd-rang-text2 {
    float: left !important;
  }

  .tdd-rang-area {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .col-9, .col-3 {
    width: 100%;
  }
}
/*-- Responsive CSS End --*/