@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap');
@font-face {
  font-family: "singPainter";
  src: url("../assets/fonts/sign.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


body {
  font-family: "singPainter", 'DM Sans', sans-serif;
}
.dm-sans{
  font-family: 'DM Sans', sans-serif;
}
.img-section::before {
  position: absolute;
  top: -2px;
  z-index: -1;
  display: block;
  height: 250px;
  width: 100%;
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-top: 2.5rem;
  content: "";
  background: url(../assets/wave1.svg) no-repeat center bottom;
  background-size: cover;
}
.form-section::before {
  position: absolute;
  top: 0px;
  z-index: -1;
  display: block;
  height: 611px;
  width: 100%;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-top: 2.5rem;
  content: "";
  background: url(../assets/wavefull.svg) no-repeat center top;
}

.form label {
  font-family: "DM Sans", sans-serif;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
	margin-bottom:10px;
  color: rgb(106 106 106 / var(--tw-text-opacity));
}
form textarea, .input-style {
  font-family: "DM Sans", sans-serif;
  margin-top: 0.5rem;
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(193 193 193 / var(--tw-border-opacity));
  padding-top: 13.25px;
  padding-bottom: 13.25px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity));
}
.banner{
  background: url(../assets/wave.png) no-repeat center bottom;
}
@media (min-width: 1280px){
  .container{
      max-width: 1200px !important
  }
}
@media (min-width: 2100px) {
  .banner {
    background-size: cover !important; 
  }
}
@media (min-width: 2550px) {
  .img-section::before {
    height: 550px;
    background: url(../assets/wave1.svg) no-repeat center bottom;
    background-size: 100%;
  }
  .banner {
    background-size: cover !important; 
  }
  .form-section::before {
    background-size: cover;
    height: 900px;
  }
	.serves-wrapper {
		padding-top: 12rem;
	}
}
@media (min-width: 2800px) {
.form-section::before {
    background-size: cover;
    height: 1100px;
  }
}
@media (min-width: 3400px) {
.form-section::before {
    background-size: cover;
    height: 1520px;
}
}
@media (max-width: 767px) {
  .form-section::before {
    height: 350px !important;
    background-size: cover !important;
  }
	img.logo{
		max-height:120px
	}
}
.bbtsubmit {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
--tw-bg-opacity: 1;
  background-color: rgb(0 164 1 / var(--tw-bg-opacity)) !important;
  color: #fff;
  margin-top: 1.5rem;
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  font-size: 35px;
}
@media (min-width:767px){
  .bbtsubmit {
          padding-top: 15px;
          padding-bottom: 15px;
          padding-left: 42px;
          padding-right: 42px;
  }
}
.bbtsubmit:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/*# sourceMappingURL=main.css.map */