/*
Theme Name: Tri Streams Stone
Author: Tri Streams Stone
Author URI:  
Description: A Beautiful, Fast Loading and SEO Ready Website
Version: 1.0.0
*/

:root {
  --hover-color: #FBB604;
  --green: #16a467;
  --blod-color: #251612;
  --font-color: #5C6A75;
  /* --bg-image: linear-gradient(to right, #0870AC, #1A9AD3); */
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
.content {
  max-width: 1200px;
  margin: 0 auto;
}
.clear {
  clear: both;
}
.flex {
  display: flex;
}

a.btn-form {
  background-color: var(--hover-color);
  width: 160px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  color: #fff;
}

a.a-btn::before {
  content: "";
  background-color: hsla(0, 0%, 100%, .4);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  bottom: 0;
  left: -45%;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}

a.a-btn:hover::before {
  transform: skewX(-45deg) translateX(25em);
  transition: all 1s ease;
}

a.arrow {
  position: relative;
  padding-right: 35px;
}

a.arrow::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transition: all 0.3s ease;
  transform: translateY(-50%);
  width: 15px;
  height: 7px;
  background: url('./assets/img/icon-arrow-blue.svg') no-repeat center /cover;
}

a.arrow:hover:after {
  background: url('./assets/img/icon-arrow.svg') no-repeat center /cover;
}

a.search-more {
  display: block;
  width: 250px;
  text-align: center;
  border: 1px solid #bbb;
  color: var(--blod-color);
  font-size: 16px;
  padding: 15px 0;
  border-radius: 5px;
  margin: 60px auto;
  transition: all 0.3s ease;
}

a.search-more:hover {
  color: #fff;
  border-color: var(--hover-color);
  background-color: var(--hover-color);
}
/* div>span{
  color: #199CCE;
  font-size: 17px;
  margin-bottom: 30px;
  display: inline-block;
}
div>h2{
  font-size: 3.1rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
} */
/* div>h2>span{
  color: var(--hover-color);
} */
/* div>p{
  color: var(--font-color);
  line-height: 28px;
  font-size: 16px;
} */
/* .elementor-element-b8c8c81 .elementor-element-29e81a9 div>p{
  font-size: 19px;
} */
h1, h2, h3, h4, h5{
  font-family: 'Poppins', sans-serif;
}
.circle-g, .circle-g2 h2{
  position: relative;
  display: inline-flex;
  justify-self: center;
  z-index: 1;
}
/* .circle-g:before, .circle-g2 h2:before{
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: var(--hover-color);
  content: "";
  position: absolute;
  left: -25px;
  bottom: 0;
  z-index: -1;
} */
textarea{
  font-family: 'Poppins', sans-serif;
}
.main-form {
  padding: 10rem 0;
  max-width: 1200px;
}
.single-case .main-form{
  padding-bottom: 80px;
}
.main-form span {
  display: block;
  text-align: center;
  color: var(--hover-color);
  font-size: 18px;
  margin-bottom: 20px;
}

div.main-form form p {
  display: inline-block;
  width: 32%;
  margin-right: 1.5%;
  color: #4C5053;
  font-size: 1.15rem;
  margin-bottom: 1.8rem;
  vertical-align: top;
}

div.main-form form p:nth-of-type(6),
div.main-form form p:nth-of-type(3) {
  margin-right: 0;
}

div.main-form form p:nth-child(8) {
  width: 100%;
  display: block;
}

.page-template-manufacturing div.main-form form p:nth-of-type(7) {
  width: 100%;
  display: block;
}

div.main-form form p input,
div.main-form form p textarea,
div.inquiry-form form p input,
div.inquiry-form form p textarea {
  width: 100%;
  padding: 18px 22px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  border: 1px solid #d4d4d4;
  text-transform: capitalize;
  outline-color: var(--hover-color);
  color: black;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 300;
}

.main-form form p input,
div.main-form form p textarea,
div.inquiry-form form p input,
div.inquiry-form form p textarea {
  margin-top: 1rem;
}

.main-form form p input,
div.main-form form p textarea,
div.inquiry-form form p input,
div.inquiry-form form p textarea {
  margin-top: 1rem;
}

div.main-form form p textarea {
  height: 20rem;
  resize: none;
}

div.main-form form p input[type="submit"] {
  font-size: 1.1rem;
  width: 195px;
  color: white;
  background-color: var(--hover-color);
  border-radius: 5px;
  /* text-transform: uppercase; */
  font-weight: 500;
  padding: 14px 0;
  cursor: pointer;
  transition: all .2s ease;
  margin-top: 2rem;
}

div.main-form form p input[type="submit"]:hover {
  background-color: transparent;
  background-image: none;
}

div.main-form form span.star {
  font-size: 1.6rem;
  line-height: 18px;
  vertical-align: middle;
  color: #0193ca;
  font-weight: 100;
}

div.main-form p.title-text {
  margin-bottom: 5rem;
}

form .wpcf7-not-valid-tip {
  font-size: 15px;
  text-align: left;
  color: #dc3232;
  margin-top: 0.5rem;
  margin-bottom: -1rem !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  margin: 0;
  padding-left: 0;
  border: none;
  margin-top: -3rem;
}

form .country-select.inside .flag-dropdown {
  left: unset;
  right: 0;
}

form .country-select.inside .flag-dropdown:hover .selected-flag {
  background: transparent;
}

form .country-select .flag.us {
  background: unset;
  box-shadow: none;
}

form .country-select .selected-flag .arrow {
  opacity: 0;
}

form .country-select ul.country-list {
  left: unset;
  right: 0;
  max-width: 22rem;
}



form.submitting .wpcf7-spinner+.wpcf7-spinner {
  display: none;
}