.bg-dark {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #fff !important;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}
.min-vh-100 {
  min-height: 100vh !important;
  padding: 100px 0px 100px;
}
.text-center {
  text-align: center !important;
}
.LandingCntnt {
  display: flex;
  align-items: center;
}
.LandingLogo img{
  width: 250px;
  max-width: 100%;
  position: relative;
  top: -20px;
}
.LandingLogo {
  width: 30%;
}
.LandingTitle{
  width: 70%;
}
.LandingTitle h1{
  text-shadow: 2px 2px 2px hwb(0deg 0% 100% / 58%);
}
.LandingBtn {
  display: none;
  visibility: hidden;
}
.loaded .LandingBtn {
  bottom:90px;
  text-align: center;
  display: block;
  visibility: visible;
  position: relative;
  z-index: 9;
}
.LandingBtn a {
  font-size: 20px;
}
.Bottom-Btn{
    position: absolute;
    bottom: 10vh;
    right: 50px;
}
.text-white {
  color: #fff !important;
}
.website-slider {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.website-slider-inner {
  position: relative;
  overflow: hidden;
  transition: transform 0.5s ease 0s;
}
.website-slider .website-slider-item {
  position: relative;
  min-height: 1px;
  max-height: 100vh;
  float: left;
  opacity: 1 !important;
  -webkit-user-select: none;
  user-select: none;

  transition: opacity 0.5s ease 0s;

  -webkit-tap-highlight-color: transparent;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}



.website-slider .website-slider-item.active {

  max-height: unset;

  opacity: 1;

  -webkit-user-select: auto;

          user-select: auto;

}
.SolTitle{
  margin: 10vh 0 5vh 0;
}
.Sol-Colmn p{
  font-size: 1.25rem;
}
.TestimonialsTitle {
  width: 100%;
  margin: 5vh auto;
}
.Testimonials .Testitem p{
  margin: 0;
}
.Testimonials .Testitem::before {
  content: url(../images/TestBubble.svg);
  width: 24vh;
  position: absolute;
  right: 0;
  bottom: -60px;
  z-index: -1;
}



.Testimonials .Author {
  position: absolute;
  right: 0;
  bottom: -100px;
  color: #FFF;
  width: 240px;
}



.Testimonials .Author .Name{
  font-family: 'nottkebold';
  font-size: 20px;
}



.Testimonials .Author .Title{

  text-transform: uppercase; 

}



.ContactForm ul li{

  /*margin-bottom: 1rem;*/
  position: relative;

}

.ContactForm ul li img {

  width: 38px;

  position: absolute;

  left: 0;

  top: 40px;

}





.ContactForm ul li input {

  font-family: 'nottkebold';

  background: none;

  border: none;

  border-bottom: 1px solid #FFF;

  font-size: 30px;

  border-radius: 0px;

  color: #FFFFFF;

  max-width: 90%;

  display: inline-block;

  padding: 0px;

  margin-left: 60px;

  height: 50px;

}



.ContactForm ul li input:focus, .ContactForm ul li input:hover{

  background: none;

  border-bottom-color: #F89520;

}



.ContactForm ul li button {

  padding: 0px 50px;

  height: 45px;

  line-height: 45px;

  margin-top: 50px;
}
.owl-carousel .owl-stage-outer{
  min-height: 550px;
}
@media (max-width: 1599px) {
  h1{
    font-size: 4.5vw;
    line-height: 4.5vw;
  }
  h1 span{
    font-size: 5vw;
  }
}
@media (max-width: 1299px) {
  .LandingTitle h1{
    font-size: 5vh;
  }
  .LandingTitle h1 span{
    font-size: 6vh;
  }
  .navbar-nav{
    margin-top: 0;
  }
  .navbar-brand-img {
    max-height: 120px;
  }
  .navbar-nav .nav-link{
    font-size: 20px;
  }
  .btn{
    font-size: 20px;
  }
  .Testimonials .Testitem{
    height: 350px;
    width: 350px;
  }
}
@media (max-width: 1024px){
    h2, .h2 {
      font-size: 38px;
      line-height: 40px;
    }
    .Bills-Img{
      display: none;
    }
    h1 {
      font-size: 7.5vw;
      line-height: 6vw;
    }
    h1 span {
      font-size: 5vw;
  }
  .cover-contact{
    background-position: left;
  }
  .TestimonialsTitle h1 {
    font-family: 'nottkebold';
    font-size: 65px;
  }
}
@media (max-width: 499px){
  .owl-carousel .owl-stage-outer{
    min-height: 450px;
  }
  .Testimonials .Testitem {
    height: 300px;
    width: 300px;
    padding-top: 60px;
    font-size: 18px;
  }
}


/* csss by ali */
h1{
  text-size-adjust: 80%;
}
.Bills-Img img {
  width: 100%;
}
.HomeTxt {
  padding: 18vh 0;
}
.TestimonialsTitle.text-white h1 {
  font-size: 4vw;
}
.Testimonials .Testitem {
  background: #FFF;
  position: relative;
  width: 20vw;
  height: 20vw;
  vertical-align: middle;
  border-radius: 400px;
  display: inline-block;
  padding: 5vw 25px;
  color: #414042;
  font-size: 1.7vh;
  z-index: 9;
}
.Testimonials {
  width: 65vw;
  margin: 10px auto;
  overflow: hidden;
}
.Bottom-Btn {
  position: absolute;
  bottom: 7vh;
  right: 50px;
}
.ContactTitle {
  margin: 10vh 0 5vh 0;
}
.ContactTitle h2 {
  font-size: 3vw;
  line-height: 1;
}
@media (max-width: 1366px) {
  .page-template-template-testimonials .Bottom-Btn {

  }
  .page-template-template-solution .Bottom-Btn {
    bottom: 18vh;
}
}
@media (max-width: 767px){
  .LandingTitle h1 span {
    font-size: 5vh;
    line-height: 1;
  }
  .LandingLogo img {
    width: 200px;
    top: 0;
  }
  .min-vh-100 {
    padding: 20px 0px 0;
  }
  .LandingCntnt {
    display: block;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .LandingLogo, .LandingTitle {
    width: 100%;
  }
  .LandingLogo{
    margin-bottom: 50px;
  }
  .navbar{
    padding: 5px 30px 10px 10px;
  }
  .navbar-nav {
    margin-top: 20px;
    margin-left: 20px !important;
  }
  .navbar-brand-img {
    max-height: 100px;
  }
  h1 {
    font-size: 6vh;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 10px;
  }
  h1 span {
    font-size: 5vh;
    line-height: 1.1;
    padding-left: 0;
    letter-spacing: -2px;
  }
  .SolTitle {
    margin-bottom: 20px;
  }
  .Sol-Colmn{
    text-align: center;
  }
  .divider{
    margin: 15px auto;
  }
  .ContactForm ul li input{
    max-width: 100%;
    margin-left: 0px;
  }
  .ContactForm ul li img{
    display: none;
  }
  .mb-opacity{
    opacity: 0.6;
  }
  .LandingLogo {
    filter: brightness(0) invert(1);
  }
  .min-vh-mb{
    padding-top: 0px;
  }
  .overlay .overlay-video video {
    display: none;
  }
  body.page-template-template-parts {
    overflow: scroll;
  }
  .SolTitle {
    margin: 15vh 0 0vh 0;
  }
  .bg-cover, .bg-contain {
    background-position: center center;
  }
  .Sol-Colmn p {
    font-size: 2.2vh;
  }
  .Testimonials {
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
  }
  .Testimonials .Testitem::before{
    display: none;
  }
  .Testimonials .Testitem {
    background: #FFF;
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 0;
    display: inline-block;
    padding: 5vw 25px;
    color: #414042;
    font-size: 2vh;
    z-index: 9;
  }
  .page-template-template-testimonials .Bottom-Btn {
    bottom: 5vh;
}
.Bottom-Btn {
  position: relative;
  bottom: 10vh;
  right: auto;
  text-align: center;
}
  .Testimonials .Author {
    position: relative;
    right: 0;
    bottom: 0;
    color: #FFF;
    width: 100%;
    color: #000;
}
.ContactTitle h2 {
  font-size: 6vw;
}
.loaded .LandingBtn {
  bottom: 15vh;
}
.page-template-template-solution .Bottom-Btn {
  bottom: 1vh !important;
  margin-top: 2vh !important;
  margin-bottom: 2vh !important;
  position:  relative !important;
  left:auto !important;
}
.page-template-template-parts .Bottom-Btn {
  position: absolute;
  bottom: 10vh;
  left: 5vw;
}
.TestimonialsTitle {
  width: 100%;
  margin: 20vh auto 2vh;
}
}

/*media query for height*/
@media (max-height: 829.98px) and (min-width: 575.98px){
  .Sol-Colmn p {
    font-size: 1rem;
  }
  h1, h1 span {
    font-size: 4vw;
    line-height: 1;
  }
  h3, .h3 {
    font-size: 1.8rem;
    line-height: 1;
  }

  .owl-carousel .owl-stage-outer {
    min-height: 400px;
  }

  .TestimonialsTitle.text-white h1, .TestimonialsTitle.text-white h1 span {
    font-size: 3vw;
  }

  .Testimonials .Testitem {
    width: 15vw;
    height: 15vw;
    padding: 3vw 20px;
    font-size: .6rem;
  }

  .page-template-template-testimonials .Bottom-Btn {
    bottom: 6rem;
  }

  .ContactTitle h2 {
    font-size: 2vw;
  }

  .ContactForm ul li input {
    font-size: 22px;
    height: 30px;

  }

  .ContactForm ul li img {
    top: 33px;
  }

  .Bottom-Btn{
    z-index: 9999;
  }

  .ContactForm ul li button{
    margin-top: 20px;
  }

  .ContactForm ul li {
    margin-bottom: 0.4rem;
    position: relative;
  }

  .wpcf7-response-output {
    position: absolute;
    top: 92px;
  }

}

@media (max-width: 575.98px){
  .Testimonials .Testitem{
    min-height: 21rem;
  }
}


.wpcf7-not-valid-tip {
  font-size: 0.8em;
  margin-left: 57px;
}



/*end here*/