/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v34-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/open-sans-v34-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v34-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v34-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v34-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v34-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v34-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/open-sans-v34-latin-600.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v34-latin-600.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v34-latin-600.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v34-latin-600.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v34-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v34-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/open-sans-v34-latin-800.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v34-latin-800.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v34-latin-800.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v34-latin-800.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v34-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */
}

@font-face {
  font-family: "Austin News Text Web Roman Regular";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/4119f2f793f60df049502711f3076133.eot");
  src: local(""),
    url("../fonts/4119f2f793f60df049502711f3076133.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/4119f2f793f60df049502711f3076133.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../fonts/4119f2f793f60df049502711f3076133.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/4119f2f793f60df049502711f3076133.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/4119f2f793f60df049502711f3076133.svg#OpenSans")
      format("svg"); /* Legacy iOS */
}

body {
  font-family: "Open Sans", sans-serif;
}
.head-top {
  padding: 0rem;
}
.f-size {
  font-size: 15px;
  font-weight: 600;
}
.serv-subhead p {
  margin: 0px;
}
.head-fav {
  height: 15px;
}

.nav-bg {
  background-color: #3a3a3c;
}

.nav-links {
  color: #ffffff !important;
}

.dropdown-menu li {
  padding: 0 !important;
}

.logo {
  width: 80%;
  position: relative;
  padding-left: 8px;
  z-index: 99;
}

.logo-out {
  margin-bottom: -35px;
}

.logo-back {
  background-color: #3a3a3c;
  border-radius: 0px 0px 50px 50px;
  width: 150px;
  text-align: center;
}
.inner-section {
  transform: translate(10px, 173px);
}
.form-section {
  position: relative;
  /*    background: url('../img/tile.png'), no-repeat ;*/
  background-color: #3a3a3c !important;
  background-size: cover;
  box-shadow: -2.70792px 1.35396px 3.3849px 2.03094px rgba(0, 0, 0, 0.25);
  border-radius: 19.8626px;
  height: 192px;
  /*    width: 583px;*/
  width: 510px;
}

.tile-img {
  background-blend-mode: multiply;
  box-shadow: -2.70792px 1.35396px 3.3849px 2.03094px rgba(0, 0, 0, 0.25);
  background-color: black;
  border-radius: 12.8626px;
}

.subtile {
  position: absolute;
  padding-top: 17px;
  width: 135px;
  height: 130px;
  text-align: center;
  background-color: #ffffff;
  transform: translate(-5%, -111%) !important;
  /* border-radius: 7%; */
  border: 4.13622px solid #d9d9d9;
  box-shadow: 4.72711px 1.77267px 2.95445px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}

.subtile-second {
  position: absolute;
  padding: 5px;
  width: 105px;
  text-align: center;
  background-color: #ffffff;
  transform: translate(95%, -128%) !important;
  border: 4.13622px solid #d9d9d9;
  box-shadow: 4.72711px 1.77267px 2.95445px rgba(0, 0, 0, 0.25);
  border-radius: 45%;
}

.img-border {
  border: #3a3a3c 1px solid !important;
}

/* Loading */
#pre-loader {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  overflow: hidden !important;
  right: 0px;
  z-index: 999999;
}

#pre-loader img {
  text-align: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index: 99;
  margin: 0 auto;
}

.subtile-top {
  font-weight: 700 !important;
  font-size: 40px !important;
  line-height: 62px;
}

.subtile-bottom {
  font-size: 10.5px !important;
  line-height: 12.37px;
}

.notice-text {
  font-size: 10.8px !important;
  line-height: 15.37px;
}

.blogData p {
  text-align: justify !important;
}

.input-sec {
  position: absolute;
  color: #d9d9d9;
  /*    transform: translate(72%,-88%)!important;*/
  transform: translate(46%, -88%) !important;
}

.input-heading {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 16.58px;
  line-height: 12.2px;
}

#input-sec ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.7; /* Firefox */
}
.form-controls {
  display: block;
  width: 100%;
  min-height: calc(1.5em + 0.75rem + 2px);
  padding: 0px 15px;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #d9d9d9;
  background-clip: padding-box;
  border: 1px solid #d9d9d9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 52px;
  background: bottom;
  /* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}

.form-controls:focus {
  color: #d9d9d9;
  background-color: transparent;
  border-right: none;
  outline: 0;
  box-shadow: none;
}

.border-rad {
  margin-left: -18px !important;
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 28px !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 28px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 13.86px;
  line-height: 12.71px;

  /* color: #495057; */
  background-color: #d9d9d9;
  /* border-color: #f9a826; */
}

.inputField {
  width: 224px !important;
}

.otpBorder {
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}

.inputCheckbox {
  height: 16.34px;
  width: 15.34px;
  background: bottom !important;
}
#navbarSupportedContent ul li {
  padding: 0px 35px;
}
#navbarSupportedContent ul li:last-child {
  width: 225px !important;
}
.serv-headding {
  font-family: "Austin News Headline Web";
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0em;
  text-align: left;
}

.serv-text {
  text-decoration: none !important;
  color: #3a3a3c !important;
}

.serv-subhead {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
}
.serv-head-img {
  width: 340px !important;
}

.serv-img-outer {
  position: absolute;
  border-radius: 50%;
  height: 130px;
  width: 130px;
  position: relative;
  border: 1.50103px dashed #3a3a3c;
  /*    transform: translate(50%, -4%);*/
  transform: translate(0%, -4%);
}

.serv-img-inner {
  background: #3a3a3c;
  border-radius: 50%;
  height: 106px;
  width: 108px;
  transform: translate(10%, 10%);
}

.serv-img-inner:hover {
  background: #d9d9d9;
  border-radius: 50%;
  height: 106px;
  width: 108px;
  transform: translate(10%, 10%);
}

.service-block:hover .serv-img-inner {
  background: #d9d9d9;
  border-radius: 50%;
  height: 106px;
  width: 108px;
  transform: translate(10%, 10%);
}

.border-dashed-right {
  border-right: 1.50103px dashed #3a3a3c;
}

.about-headding {
  font-family: "Austin News Headline Web";
  font-size: 37px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0em;
  text-align: left;
}

.about-contant {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: justify;
}

.serv-name {
  font-family: "Austin News Headline Web";
  font-size: 19px;
  /*    font-weight: 500;*/
  font-weight: bolder;
  line-height: 23px;
  letter-spacing: 0em;
}

.blog-name {
  font-family: "Austin News Headline Web";
  font-size: 25px;
  /*    font-weight: 500;*/
  font-weight: bolder;
  line-height: 23px;
  letter-spacing: 0em;
}
.w100 {
  width: 100%;
}
.w75 {
  width: 75%;
}
.serv-cont {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: justify;
}

.footer-top {
  background-color: #3a3a3c;
  color: #d9d9d9;
}

.footer-bottom-left {
  font-family: "Open Sans", sans-serif;
  padding-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.footer-bottom-right {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 101.9%;
}
.nsubtitle {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 30px !important;
}
.f-logo {
  width: 142px;
  height: 93.76px;
}

.f-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  padding-left: 10px;
}
.height0 {
  height: 0px;
}
.f-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-align: justify;
}

.f-nav-links {
  color: #d9d9d9 !important;
  padding-left: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-align: justify;
}

.f-fav {
  width: 41.44px;
  height: 41.44px;
}

.f-fav-add {
  width: 32.44px;
  height: 32.44px;
}

.img-blog-main {
  max-width: 100%;
  /*    max-height: 235px;*/
  height: 235px;
}

.txt-plain {
  text-decoration: none !important;
  color: #3a3a3c !important;
}

.error {
  color: #db6666;
}

.input-text {
  color: #3a3a3c !important;
}

.input-sec-third {
  transform: translate(-5%, -4%) !important;
}

.input-sec-second {
  position: absolute;
  color: #d9d9d9;
  /*    transform: translate(76%,-100%)!important;*/
  transform: translate(50%, -100%) !important;
}
.input-sec-second .inputField {
  width: 300px !important;
}

.select-form {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  /* width: 10px;
    transform: translate(50%,-100%)!important; */
}

#last_name {
  line-height: 36px !important;
  width: 309px !important;
}
.send-schedule {
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 28px !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 28px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 13.86px;
  line-height: 12.71px;
  background-color: #d9d9d9;
  transform: translate(230px, -30px);
}

.save-schedule {
  border-bottom-right-radius: 28px !important;
  border-bottom-left-radius: 28px !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 28px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 13.86px;
  line-height: 12.71px;
  background-color: #d9d9d9;
}

.image-team {
  opacity: 1;
  display: block;
  /* width: 100%;
    height: auto; */
  transition: 0.5s ease;
  backface-visibility: hidden;
  border: #3a3a3c 1px solid;
  padding: 10px;
}

.service-img {
  border: #d1c7c7;
  /* padding: 20px; */
  box-shadow: -1px 7px 8px 1px rgba(186, 171, 171, 0.527);
  /* border-radius: 10px; */
  /* padding: 10px; */
}

.mini-blog {
  border: #3a3a3c 1px solid;
}

.middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 38%;
  transform: translate(-26%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.team_tile:hover .image-team {
  opacity: 0.3;
}

.team_tile:hover .middle {
  opacity: 1;
}

.text {
  color: black;
  padding: 5px 5px;
}

.blog-img {
  /* max-height: 230px; */
  /*width: auto; */
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.blog-date {
  font-size: 0.8rem !important;
  margin-bottom: 0px !important;
}

.blog-postedBy {
  float: right !important;
  font-size: 0.8rem !important;
}

.mobile_err {
  position: absolute;
  transform: translate(3px, 32px);
  color: #db6666;
  font-size: 14px;
}

#hereby-error {
  position: absolute;
  transform: translate(3px, 31px);
  color: #db6666;
  font-size: 14px;
}

#otp-error {
  position: absolute;
  transform: translate(3px, 31px);
  color: #db6666;
  font-size: 14px;
}

#first_name-error {
  position: absolute;
  transform: translate(3px, 31px);
  color: #db6666;
  font-size: 14px;
}
#last_name-error {
  position: absolute;
  transform: translate(3px, 31px);
  color: #db6666;
  font-size: 14px;
}

.abt-contant {
  /*    font-family: 'Austin News Headline Web';*/
  transform: translate(10px, -185px);
  font-size: 55px;
  font-weight: 500;
  color: #ffffff;
}

.client-tile {
  height: 120px;
  width: auto;
}

.client-tile-f-size {
  font-size: 15px;
}

.resend-button {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 11.86px;
  line-height: 11.71px;
  background-color: #d9d9d9;
}

/* Loader */
/* / Loader's css / */

/* / Absolute Center Spinner / */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

/* / Transparent Overlay / */
.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));

  background: -webkit-radial-gradient(
    rgba(20, 20, 20, 0.8),
    rgba(0, 0, 0, 0.8)
  );
}
.loading:not(:required) {
  /* / hide "loading..." text / */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
    rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
    rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
    rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
    rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
    rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
    rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
    rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* / Animation / */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  color: black;
  background-color: #fff;
  padding: 10px 25px;
  border-radius: 10px;
  font-size: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.location-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: transform 0.3s ease;
  }
  .location-card:hover {
    transform: translateY(-5px);
  }
  .location-icon {
    font-size: 25px;
    width: 28px;
    height: 28px;
    color:#d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .location-item:hover .location-icon{
    color: #3a3a3c;
    transition: 0.5s ease;
  }
  .icon-col {
    text-align: center;
    background-color: #3a3a3c;
    padding: 10px;
    border-radius:50%;
  }
  .location-item:hover .icon-col{
    background-color:#d9d9d9;
    transition: 0.5s ease;
  }
  .location-item {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
  }
  .location-item:last-child {
    border-bottom: none;
  }