@font-face {
  font-family: 'Bai-Jamjuree-Light';
  src: url('../fonts/BaiJamjuree-Light.eot');
  src: url('../fonts/BaiJamjuree-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BaiJamjuree-Light.woff2') format('woff2'),
    url('../fonts/BaiJamjuree-Light.woff') format('woff'),
    url('../fonts/BaiJamjuree-Light.ttf') format('truetype'),
    url('../fonts/BaiJamjuree-Light.svg#BaiJamjuree-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bai-Jamjuree-Bold';
  src: url('../fonts/BaiJamjuree-Bold.eot');
  src: url('../fonts/BaiJamjuree-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BaiJamjuree-Bold.woff2') format('woff2'),
    url('../fonts/BaiJamjuree-Bold.woff') format('woff'),
    url('../fonts/BaiJamjuree-Bold.ttf') format('truetype'),
    url('../fonts/BaiJamjuree-Bold.svg#BaiJamjuree-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bai-Jamjuree-Regular';
  src: url('../fonts/BaiJamjuree-Regular.eot');
  src: url('../fonts/BaiJamjuree-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BaiJamjuree-Regular.woff2') format('woff2'),
    url('../fonts/BaiJamjuree-Regular.woff') format('woff'),
    url('../fonts/BaiJamjuree-Regular.ttf') format('truetype'),
    url('../fonts/BaiJamjuree-Regular.svg#BaiJamjuree-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bai-Jamjuree-SemiBold';
  src: url('../fonts/BaiJamjuree-SemiBold.eot');
  src: url('../fonts/BaiJamjuree-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BaiJamjuree-SemiBold.woff2') format('woff2'),
    url('../fonts/BaiJamjuree-SemiBold.woff') format('woff'),
    url('../fonts/BaiJamjuree-SemiBold.ttf') format('truetype'),
    url('../fonts/BaiJamjuree-SemiBold.svg#BaiJamjuree-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bai Jamjuree';
  src: url('../fonts/BaiJamjuree-Medium.eot');
  src: url('../fonts/BaiJamjuree-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BaiJamjuree-Medium.woff2') format('woff2'),
    url('../fonts/BaiJamjuree-Medium.woff') format('woff'),
    url('../fonts/BaiJamjuree-Medium.ttf') format('truetype'),
    url('../fonts/BaiJamjuree-Medium.svg#BaiJamjuree-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-Regular';
  src: url('../fonts/Rubik-Regular.eot');
  src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rubik-Regular.woff2') format('woff2'),
    url('../fonts/Rubik-Regular.woff') format('woff'),
    url('../fonts/Rubik-Regular.ttf') format('truetype'),
    url('../fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-Medium';
  src: url('../fonts/Rubik-Medium.eot');
  src: url('../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rubik-Medium.woff2') format('woff2'),
    url('../fonts/Rubik-Medium.woff') format('woff'),
    url('../fonts/Rubik-Medium.ttf') format('truetype'),
    url('../fonts/Rubik-Medium.svg#Rubik-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-Bold';
  src: url('../fonts/Rubik-Bold.eot');
  src: url('../fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rubik-Bold.woff2') format('woff2'),
    url('../fonts/Rubik-Bold.woff') format('woff'),
    url('../fonts/Rubik-Bold.ttf') format('truetype'),
    url('../fonts/Rubik-Bold.svg#Rubik-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: 'Bai-Jamjuree-Bold';
}

span {
  font-family: inherit;
}

p {
  font-family: 'Rubik-Regular';
  font-weight: 300 !important;
}

.form-check-input[type=checkbox] {
  border-radius: 0px;
  background-color: transparent;
  border: 1px #D9D9D9 solid;
}

.container {
  max-width: 89%;
  width: 89%;
  padding: 0px;
}

#sterling-wedding-banner {
  padding: 5% 0%;
  height: 109vh;
  background-image: url("../images/Panattoni-Banner-bg.png");
  background-size: 100% auto;
  background-position: bottom 0px center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

#sterling-wedding-banner .enquire-btn-wrapper a {
  background-color: #0029A4;
  color: #fff;
  border: 1px #0029A4 solid;
  padding: 1vw 4vw;
  text-decoration: none;
  font-family: 'Bai-Jamjuree-Regular';
  font-size: 1.2vw;
  display: block;
  width: max-content;
  min-width: 10vw;
  text-align: center;
}

#sterling-wedding-banner .brochure-btn-wrapper a {
  border: 1px rgba(217, 217, 217, 0.50) solid;
  color: #fff;
  background-color: transparent;
  padding: 1vw 1vw;
  padding-right: 2.5vw;
  text-decoration: none;
  font-family: 'Bai-Jamjuree-Regular';
  font-size: 1.2vw;
  display: block;
  width: max-content;
  min-width: 10vw;
  text-align: center;
  position: relative;
}

#sterling-wedding-banner .brochure-btn-wrapper a::after {
  background-image: url("../images/down-arrow.png");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  content: "";
  position: absolute;
  width: 1.4vw;
  height: 2vw;
  right: 5%;
}

#sterling-wedding-banner .banner-btns-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  gap: 12px;
}

#sterling-wedding-banner .banner-btn-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: -3%;
  margin-right: 0;
  padding-bottom: 15px;
  padding-right: 35px;
  border-bottom: 1px solid #acb1c24f;
}

@media(min-width: 1150px) {
  #sterling-wedding-banner {
    height: 120vh;
    background-size: 100% 100%;
  }
}

#sterling-wedding-banner .banner-btn-wrapper .wedding-btn-wrapper a {
  background-color: #0029A4;
  color: #fff;
  padding: 1vw 3vw;
  text-decoration: none;
  font-family: 'Bai-Jamjuree-Regular';
  font-size: 1.2vw;
  display: block;
  width: max-content;
}

#sterling-wedding-banner .navar-banner-img {
  width: 21%;
  margin: auto;
  display: block;
  margin-bottom: -5px;
}

#sterling-wedding-banner h1 {
  font-size: 4.7vw;
  color: white;
  margin: auto;
  text-align: center;
  margin-top: 10%;
  font-family: 'Bai-Jamjuree-Bold';
}

#sterling-wedding-banner h3 {
  font-size: 2vw;
  color: rgba(246, 246, 247, 0.65);
  margin: auto;
  text-align: center;
  margin-top: 2%;
  font-family: 'Bai-Jamjuree-Regular';
}

#sterling-wedding-banner p {
  font-size: 1.3vw;
  color: white;
  margin: auto;
  text-align: center;
  margin-top: 3%;
  font-family: 'Rubik-Regular';
}

#sterling-wedding-banner h1 span {
  font-size: 4vw;
  color: #A6AEBC;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-master-plan {
  padding: 6% 0%;
  padding-top: 7%;
}

.master-plan-content-wrapper {
  background: #0083E4;
  padding: 9% 6%;
}

.master-plan-content-wrapper ul li {
  font-family: 'Rubik-Regular';
  color: white;
  font-size: 1.2vw;
  margin-bottom: 3%;
  width: 95%;
}

#panattoni-video-wrapper {
  width: 100%;
}

#panattoni-video-sec {
  padding: 8% 0%;
}

.container {
  width: 85%;
  max-width: 85%;
}

#panattoni-video-sec h2 {
  font-size: 3.2vw;
  color: #020C1E;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-video-sec h2 span {
  font-size: 3.2vw;
  color: #535A67;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-video-sec p {
  font-size: 1.2vw;
  width: 90%;
  color: #020C1E;
  margin-top: 3%;
  font-family: 'Rubik-Regular';
}

.video-content-right {
  padding-left: 8%;
}

.video-content-right h5 {
  font-family: 'Rubik-Regular';
  font-size: 1.3vw;
  font-weight: 600;
}

.video-content-right p {
  font-family: 'Rubik-Regular';
  font-size: 1.3vw;
}

.card-video-wrapper {
  display: flex;
  align-items: flex-start;
  margin-top: 5%;
}

.inner-card-content {
  padding-left: 6%;
  width: 89%;
}

.card-video-wrapper img {
  width: 11%;
}

.master-plan-logo-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 8%;
}

.master-plan-logo-wrapper img {
  width: 14%;
}

.master-plan-content-wrapper ul {
  padding-left: 4%;
}

#panattoni-state-art {
  background-color: #001D43;
  padding: 6% 0%;
  color: #fff;
  padding-bottom: 20%;
}

#panattoni-state-art h2 {
  color: white;
  font-size: 3.2vw;
  font-family: 'Bai-Jamjuree-Bold';
  padding-bottom: 35px;
}

#panattoni-state-art h2 span {
  font-size: 3.2vw;
  color: #737F94;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-state-art p {
  font-family: 'Rubik-Regular';
  font-size: 1.2vw;
  color: #FFFFFF;
  width: 90%;
}

#panattoni-state-art ul li {
  font-family: 'Rubik-Regular';
  font-size: 1.1vw;
  margin-bottom: 3%;
  color: rgba(246, 246, 247, 0.65);
  width: 80%;
}

#panattoni-state-art ul {
  padding-left: 3%;
}

#panattoni-state-art .state-art-number-wrapper {
  display: flex;
  align-items: center;
  width: 70%;
  margin-bottom: 40px;
}

#panattoni-state-art .state-art-number-wrapper .wrapper {
  width: 50%;
  background-color: rgba(0, 131, 228, 1);
  padding: 5%;
  padding-left: 8%;
}

#panattoni-state-art .state-art-number-wrapper .wrapper h4 {
  font-size: 2.4vw;
  color: #fff;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-state-art .state-art-number-wrapper .wrapper p {
  font-size: 1vw;
  color: #fff;
  font-family: 'Rubik-Regular';
  margin-bottom: 1%;
}

#panattoni-state-art .state-art-number-wrapper .wrapper:nth-child(2) {
  background-color: #fff;
}

#panattoni-state-art .state-art-number-wrapper .wrapper:nth-child(2) h4, #panattoni-state-art .state-art-number-wrapper .wrapper:nth-child(2) p {
  color: #001D43;
}

#panattoni-img-swiper {
  padding: 0px;
  padding-left: 7.5%;
  margin-top: -14%;
}

.video-outer-wrapper {
  width: 90%;
  position: relative;
}

.video-outer-wrapper::after {
  background-image: url("../images/play_circle.png");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  content: "";
  position: absolute;
  width: 6vw;
  height: 6vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

#panattoni-iframe-video {
  position: fixed;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 12;
}

#panattoni-iframe-video video {
  width: 60%;
  height: 80%;
  margin-top: 6%;
  margin-left: 20%;
}

#sterling-wedding-banner .enquire-btn-wrapper a:hover {
  color: #0029A4;
  background-color: #fff;
  transition: 0.3s linear;
}

#sterling-wedding-banner .brochure-btn-wrapper a:hover::after {
  width: 1.6vw;
  height: 2.2vw;
  transition: 0.3s linear;
}

#sterling-wedding-banner .brochure-btn-wrapper a::after {
  transition: 0.3s linear;
}

#sterling-wedding-banner .banner-btn-wrapper .wedding-btn-wrapper a:hover {
  color: #0029A4;
  background-color: #fff;
  transition: 0.3s linear;
}

.panattoni-text-wrapper {
  opacity: 0;
  position: relative;
}

img.img-fluid.close-btn-iframe {
  position: absolute;
  right: 16%;
  background-color: #000;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  top: 10%;
}

#panattoni-contact-us-form h3 {
  font-size: 2.6vw;
  color: #020C1E;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-contact-us-form p {
  font-size: 1.3vw;
  color: #737F94;
  font-family: 'Rubik-Regular';
  margin-bottom: 3%;
}

#panattoni-contact-us-form {
  padding-bottom: 8%;
}

#panattoni-contact-us-form input {
  border: 0.92px #737F94 solid;
  padding: 4% 5%;
  width: 98%;
  margin-bottom: 0%;
}

#panattoni-contact-us-form input#message {
  border: 0.92px #737F94 solid;
  padding: 4% 5%;
  padding-top: 2%;
  padding-left: 2%;
  padding-bottom: 12%;
  width: 99%;
  margin-bottom: 0%;
}

#panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
  position: absolute;
  right: 6%;
  top: 8%;
  border: 0.92px #737F94 solid;
  padding: 6px;
  cursor: pointer;
}

#panattoni-contact-us-form .form-box-wrapper.checkbox {
  display: flex;
  width: 100%;
  align-items: start;
}

#panattoni-contact-us-form .form-box-wrapper.checkbox input {
  width: 5%;
  padding: 0px !important;
  margin-bottom: 0px;
  margin-top: 8px;
}

#panattoni-contact-us-form .form-box-wrapper.checkbox label {
  width: 90%;
  font-size: 1vw;
  font-family: 'Rubik-Regular';
  color: #020C1E;
}
/* download pdf start */
#panattoni-contact-us-form-pdf h3 {
  font-size: 2.6vw;
  color: #020C1E;
  font-family: 'Bai-Jamjuree-Bold';
}

#panattoni-contact-us-form-pdf p {
  font-size: 1.3vw;
  color: #737F94;
  font-family: 'Rubik-Regular';
  margin-bottom: 3%;
}

#panattoni-contact-us-form-pdf {
  padding-bottom: 8%;
}

#panattoni-contact-us-form-pdf input {
  border: 0.92px #737F94 solid;
  padding: 4% 5%;
  width: 98%;
  margin-bottom: 0%;
      font-family: 'Bai-Jamjuree-Regular'!important;
}

#panattoni-contact-us-form-pdf input#message {
  border: 0.92px #737F94 solid;
  padding: 4% 5%;
  padding-top: 2%;
  padding-left: 2%;
  padding-bottom: 12%;
  width: 99%;
  margin-bottom: 0%;
}

#panattoni-contact-us-form-pdf img.img-fluid.close-btn-contact-form {
  position: absolute;
  right: 6%;
  top: 8%;
  border: 0.92px #737F94 solid;
  padding: 6px;
  cursor: pointer;
}

#panattoni-contact-us-form-pdf .form-box-wrapper.checkbox {
  display: flex;
  width: 100%;
  align-items: start;
}

#panattoni-contact-us-form-pdf .form-box-wrapper.checkbox input {
  width: 5%;
  padding: 0px !important;
  margin-bottom: 0px;
  margin-top: 8px;
}

#panattoni-contact-us-form-pdf .form-box-wrapper.checkbox label {
  width: 90%;
  font-size: 1vw;
  font-family: 'Rubik-Regular';
  color: #020C1E;
}
/* download pdf end */
.contact-submit-btn a {
  background-color: #0029A4;
  color: #fff;
  padding: 1vw 5vw;
  text-decoration: none;
  font-family: 'Bai-Jamjuree-Regular';
  font-size: 1.2vw;
  display: block;
  width: max-content;
  margin-top: 3%;
}

#panattoni-contact-us-form .container {
  background-color: #fff;
  padding: 3% 5%;
  width: 95%;
  margin: auto;
  max-width: 95%;
  position: relative;
}

#panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
  position: absolute;
  right: 8%;
  top: 45px;
  transform: scale(0.8);
  z-index: 999;
}

#panattoni-contact-us-form {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 15;
  display: none;
}

input,
input::placeholder {
  font-size: 16px !important;
  font-family: 'Rubik-Regular';
  color: #231F20;
}

@media(min-width: 767px) and (max-width: 992px) {
  #sterling-wedding-banner {
    height: unset;
    padding: 12% 0%;
    background-position: top;
  }

  #sterling-wedding-banner .banner-btn-wrapper {
    margin-top: -10%;
    margin-right: 3%;
  }
}

@media(max-width: 767px) {
  #sterling-wedding-banner {
    height: unset;
    padding: 12% 0%;
    min-height: 700px;
    background-position: bottom;
    background-image: url("../images/Panattoni-Mobile-Banner-bg.png");
    background-color: #001d43;
  }

  #sterling-wedding-banner .banner-btn-wrapper {
    margin-top: -10%;
    margin-right: 3%;
  }

  #sterling-wedding-banner h1 {
    font-size: 30px;
    width: 75%;
    padding-top: 25px;
  }

  #sterling-wedding-banner h1 span {
    font-size: 30px;
  }

  #sterling-wedding-banner h3 {
    font-size: 14px;
    width: 75%;
    margin-top: 4%;
  }

  .img-wrapper-swiper-panattoni {
    width: 92%;
    padding: 10px;
  }

  #sterling-wedding-banner p {
    font-size: 12px;
    margin-top: 7%;
    width: 75%;
  }

  #sterling-wedding-banner .banner-btn-wrapper {
    margin-top: 0%;
    margin-right: 0%;
    position: fixed;
    bottom: 0px;
    z-index: 12;
    width: 100%;
  }

  .wedding-btn-wrapper.ml-0 {
    width: 100%;
  }

  #sterling-wedding-banner .banner-btn-wrapper .wedding-btn-wrapper a {
    background-color: #0029A4;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    font-family: 'Bai-Jamjuree-Regular';
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: center;
  }

  #sterling-wedding-banner .enquire-btn-wrapper a {
    font-size: 14px;
    padding: 12px 10px;
  }

  #sterling-wedding-banner .brochure-btn-wrapper a {
    font-size: 14px;
    padding: 12px 10px;
  }

  .video-outer-wrapper {
    width: 100%;
    position: relative;
  }

  .container {
    width: 80%;
    max-width: 80%;
  }

  .panattoni-text-wrapper {
    display: block;
    position: relative;
    width: 40%;
    margin-top: -3%;
    margin-left: 7%;
  }

  .video-outer-wrapper::after {
    width: 50px;
    height: 50px;
  }

  .video-content-right {
    padding-left: 0%;
    padding-top: 6%;
  }

  #panattoni-video-sec h2 span {
    font-size: 24px;
  }

  #panattoni-video-sec h2 {
    font-size: 24px;
  }

  p, li {
    font-size: 14px !important;
  }

  .video-content-right h5 {
    font-size: 16px;
  }

  #panattoni-state-art {
    background-color: #001D43;
    padding: 10% 0%;
    padding-bottom: 25%;
  }

  #panattoni-state-art h2 span {
    font-size: 24px;
  }

  #panattoni-state-art h2 {
    font-size: 24px;
  }

  #panattoni-state-art .state-art-number-wrapper {
    width: 100%;
    margin-bottom: 5%;
  }

  #panattoni-state-art .state-art-number-wrapper .wrapper h4 {
    font-size: 22px;
  }

  section#panattoni-master-plan img {
    margin: 10% 0% 0;
    padding-bottom: 0%;
  }

  #panattoni-state-art ul li {
    width: 100%;
  }

  #contact_us_foot {
    padding-top: 30px;
  }

  .col-md-6.form_col_ffot {
    margin-top: 20px;
  }

  .master-plan-content-wrapper ul {
    padding-left: 16px;
  }

  #panattoni-iframe-video video {
    width: 100%;
    height: auto;
    margin-top: 65%;
    margin-left: 0%;
  }

  img.img-fluid.close-btn-iframe {
    right: 4%;
    top: 4%;
  }

  section#panattoni-video-sec .container {
    width: 100%;
    max-width: 100%;
  }

  section#panattoni-video-sec .container .col-lg-6.col-md-6.col-sm-12 .video-content-right {
    width: 85%;
    margin: auto;
  }

  .desk-view {
    display: none;
  }

  #key_business_partners .key_business_row .col {
    flex: 0 0 35%;
    max-width: 50%;
    width: 50%;
    margin: 0;
  }

  #key_business_partners .swiper-button-next, #key_business_partners .swiper-button-prev {
    top: 48% !important;
  }

  #key_business_partners .swiper-card-wrapper {
    height: auto !important;
  }

  .key_business_row .col img {
    //width: 80% !important;
  }

  .form-check.foot_check_bot p:first-of-type {
    width: auto;
  }

  html {
    overflow-x: hidden;
  }

  .key_business_row {
    justify-content: center;
  }

  #key_business_partners .swiper-button-prev {
    right: unset !important;
    left: 4% !important;
  }

  #key_business_partners .swiper-button-next {
    right: 4% !important;
    left: unset !important;
  }

  #sterling-wedding-banner .brochure-btn-wrapper a::after {
    content: none;
  }
}

@media (min-width:768px) {
  .mob-view {
    display: none;
  }
}

.terms_text_foot a {
  color: #020C1E;
  text-decoration: none;
}

.terms_text_foot a:hover {
  color: #4296B4;
}

textarea.wpcf7-form-control.wpcf7-textarea.form-control {
  height: 125px;
  resize: none;
}

.form-check.foot_check_bot {
  display: flex;
}

#panattoni-contact-us-form .checkbox .wpcf7-form-control-wrap {
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  margin-right: 10px;
}

span.onplaybtn {
  content: "";
  position: absolute;
  width: 6vw;
  height: 6vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

span.business-pa {
  color: #535A67;
}

@media (max-width:767px) {
  #sterling-wedding-banner .banner-btns-wrapper {
    gap: 12px;
  }

  #panattoni-contact-us-form h3 {
    font-size: 2rem;
  }

  #panattoni-contact-us-form .form-box-wrapper.checkbox label {
    width: 100%;
    font-size: 0.8rem;
    margin-top: -3px;
  }

  #panattoni-contact-us-form .container {
    background-color: #fff;
    padding: 3% 5%;
    width: 95%;
    margin: auto;
    max-width: 95%;
    position: relative;
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
  }

  #panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
    position: absolute;
    right: 8%;
    top: 45px;
    transform: scale(0.8);
  }

  #sterling-wedding-banner .brochure-btn-wrapper a {
    margin-left: unset;
  }
}

@media (min-width:1200px) {
  #panattoni-state-art p {
    width: 394px;
  }

  .pannotoni2 {
    padding-left: 35px;
  }
}

.video-outer-wrapper {
  cursor: pointer;
}

@media(min-width: 767px) {
  #panattoni-contact-us-form .container {
    background-color: #fff;
    padding: 3% 5%;
    width: 65%;
    margin: auto;
    max-width: 95%;
    position: relative;
    margin-top: 2%;
  }

  #panattoni-contact-us-form p {
    font-size: 1.1vw;
    color: #737F94;
    font-family: 'Rubik-Regular';
    margin-bottom: 2%;
  }

  #panattoni-contact-us-form .contact-submit-btn input {
    width: max-content;
    padding: 2% 9%;
    background-color: #0029A4;
    color: #fff;
  }

  #panattoni-contact-us-form .form-box-wrapper.checkbox label {
    width: 90%;
    font-size: 0.9vw;
    font-family: 'Rubik-Regular';
    color: #020C1E;
    margin-top: -5px;
  }

  #panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
    position: absolute;
    right: 20%;
    top: 12.5% !important;
    transform: scale(1.1);
    z-index: 999;
  }
}

#panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
  position: absolute;
  right: 20% !important;
  top: 8%;
  transform: scale(1);
  z-index: 999;
}

@media(max-width: 767px) {
  #sterling-wedding-banner .banner-btn-wrapper.navbar-panattoni {
    width: 100% !important;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  #sterling-wedding-banner {
    min-height: 750px;
  }

  #panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
    position: absolute;
    right: 8% !important;
    top: 45px;
  }

  #panattoni-contact-us-form p {
    margin-bottom: 5%;
  }

  #panattoni-contact-us-form input#eaddress {
    margin-bottom: 8% !important;
  }

  #panattoni-contact-us-form .container {
    padding: 6% 9%;
  }

  #panattoni-contact-us-form p {
    margin-bottom: 0%;
  }

  #panattoni-contact-us-form .form-box-wrapper.checkbox label {
    width: 100%;
    font-size: 0.6rem;
  }

  #panattoni-contact-us-form input.wpcf7-form-control.wpcf7-submit {
    background-color: #0029A4;
    color: #fff;
    margin-top: 7%;
  }
}

@media(min-width: 767px) and (max-width: 992px) {
  #panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
    position: absolute;
    right: 20% !important;
    top: 8%;
  }
}

@media(max-width: 767px) {
  #panattoni-contact-us-form img.img-fluid.close-btn-contact-form {
    right: 8% !important;
  }

  #panattoni-contact-us-form input.wpcf7-form-control.wpcf7-submit {
    background-color: #0029A4 !important;
    color: #fff !important;
  }
}

@media(min-width: 767px) {
  #panattoni-iframe-video video {
    width: 90%;
    height: 90%;
    margin-top: 3%;
    margin-left: 5%;
  }

  img.img-fluid.close-btn-iframe {
    position: absolute;
    right: 10%;
    background-color: #000;
    padding: 15px;
    border-radius: 50%;
    cursor: pointer;
    top: 1%;
  }
}

#panattoni-contact-us-form {
  transition: 0.3s linear;
  opacity: 0;
  display: unset !important;
  visibility: hidden;
  z-index: 10;
}

#sterling-wedding-banner {
  position: relative;
  z-index: 15;
}

#panattoni-contact-us-form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}

#panattoni-contact-us-form span.wpcf7-list-item-label {
  padding-left: 18px;
  position: relative;
  top: -2px;
}

section#panattoni-contact-us-form .row .col-lg-4 .form-box-wrapper {
  max-height: 5vw;
}

section#panattoni-contact-us-form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: 0px solid #f7e700;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  position: absolute;
 bottom: -12px;
    width: 40%;
    left: 22%;
  background-color: #fff;
}

.swip_go_poi_ab h4 {
  font-family: 'Rubik-Regular' !important;
}

@media(min-width: 992px) {
  .swip_go_poi_ab p {
    color: #fff;
    font-size: 1.1vw !important;
    margin-top: 4%;
    font-family: 'Rubik-Regular' !important;
  }
}

@media(min-width: 767px) {

  #panattoni-contact-us-form input,
  #panattoni-contact-us-form input::placeholder {
    font-size: 1vw !Important;
    font-family: 'Bai-Jamjuree-Regular';
  }
}

@media screen and (min-width: 767px) {
  .panattoni-text-wrapper {
    left: 3%;
    top: 4%;
    width: 15%;
    position: absolute;
    opacity: 0;
    z-index: 5;
  }
}

@media screen and (max-width: 767px) {
  .panattoni-text-wrapper {
    opacity: 1;
    z-index: 5;
  }
}

@media screen and (max-width: 767px) {
  .enquire-btn-wrapper.back-btn-wrapper.ml-0 a {
    min-width: 125px !important;
  }

  img.img-fluid.close-btn-iframe {
    right: 1%;
    top: 22%;
  }

  #panattoni-iframe-video video {
    width: 90%;
    height: auto;
    margin-top: 65%;
    margin-left: 5%;
  }

  #panattoni-iframe-video {
    z-index: 30;
  }

  section#panattoni-contact-us-form .row .col-lg-4 .form-box-wrapper {
    max-height: 20vw;
  }

  section#panattoni-contact-us-form .row {
    margin-top: 5%;
  }
}
@media (max-width: 767px) {
    .thankyou-page-banner#sterling-wedding-banner {
        min-height: 630px;
    }
}


@media(min-width : 767px)
{
#sterling-wedding-banner .banner-btn-wrapper .wedding-btn-wrapper a {
    display: block !important;
}

}


@media (max-width: 767px) {
    #sterling-wedding-banner .banner-btn-wrapper .wedding-btn-wrapper a {
        display: none;
    }
    section#terms_go_foot {
    position: relative;
    z-index: 18;
    background-color: #fff;
    padding: 20px 0px;
}

#contact_us_foot {
    position: relative;
    z-index: 18;
}
}

/* pdf popup */

#panattoni-contact-us-form-pdf {
  transition: 0.3s linear;
  opacity: 0;
  display: unset !important;
  visibility: hidden;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0%;
  width: 100%;
  height: 100%;
}
#panattoni-contact-us-form-pdf .container {
    background-color: #fff;
    padding: 3% 5%;
    width: 65%;
    margin: auto;
    margin-top: auto;
    max-width: 95%;
    position: relative;
    margin-top: 4% !important;
}

#panattoni-contact-us-form-pdf  .close-btn-contact-form-pdf{
    top: 12.5% !important;
  position: absolute;
  right: 20% !important;
  top: 8%;
  transform: scale(1);
  z-index: 999;
  cursor:pointer;
  }
  @media (min-width: 767px) {
#panattoni-contact-us-form-pdf  span.wpcf7-list-item {
    PADDING-LEFT: 2% !important;
  }
    #panattoni-contact-us-form-pdf  span.wpcf7-list-item-label {
    padding-left: 0px !important;
  }
 #panattoni-contact-us-form-pdf  .contact-submit-btn input {
    width: max-content;
    padding: 2% 9%;
    background-color: #0029A4;
    color: #fff;
  }
}
#panattoni-contact-us-form-pdf  input[type="checkbox"] {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}
#panattoni-contact-us-form-pdf  span.wpcf7-list-item-label {
  padding-left: 18px;
  position: relative;
  top: -2px;
}

/* download popup css */
#panattoni-contact-us-form-pdf form.wpcf7-form,
#panattoni-contact-us-form  form.wpcf7-form{
    position: relative;
}

@media (max-width:767px){
#panattoni-contact-us-form-pdf  h3 {
    font-size: 2rem;
            width: 88%;
  }
#panattoni-contact-us-form-pdf .container {
    padding: 6% 9%;
    background-color: #fff;
    padding: 3% 5%;
    width: 93%;
    margin: auto;
    max-width: 93%;
    position: relative;
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
  }
   #panattoni-contact-us-form-pdf .close-btn-contact-form-pdf {
    right: 10% !important;
    position: absolute;
   border: 0.92px #737F94 solid;
  padding: 6px;
  cursor: pointer;
    top: 65px !important;
  }
   #panattoni-contact-us-form-pdf input#eaddress {
        margin-bottom: 8% !important;
    }

#panattoni-contact-us-form-pdf  .col-lg-4 .form-box-wrapper {
        max-height: 18vw;
    }
  #panattoni-contact-us-form-pdf .last .wpcf7-list-item-label { 
    padding-left: 18px;
    position: relative;
    top: -2px;
    font-family: 'Bai-Jamjuree-Regular';
    font-size: 12px;
    line-height: 0.5px !important;
  }
  div.wpcf7-mail-sent-ok {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        width: 90%;
                bottom: 5px;
                        font-size: 0.88rem;
        height: fit-content;
        margin: auto !important;
    }
     #panattoni-contact-us-form-pdf input#message {
    padding-left: 5%;
    width: 98%;
  }
#panattoni-contact-us-form-pdf input.wpcf7-submit {
    background-color: #0029A4 !important;
    color: #fff !important;
  }
    #panattoni-contact-us-form span.wpcf7-not-valid-tip,#panattoni-contact-us-form-pdf span.wpcf7-not-valid-tip{
        font-size: 0.7rem;
    }


    #panattoni-contact-us-form .popupemail span,#panattoni-contact-us-form-pdf  .popupemail span{
        margin-top: -20px;
    }

}

   #panattoni-contact-us-form-pdf input::placeholder {
        font-family: 'Bai-Jamjuree-Regular';
    }
 
@media (min-width:768px){
#panattoni-contact-us-form-pdf p:empty { display: none }
#panattoni-contact-us-form p:empty { display: none }
.contact-submit-btn {
    margin-top: 20px;
}

#panattoni-contact-us-form-pdf .close-btn-contact-form-pdf {
  border: 0.92px #737F94 solid;
  padding: 6px;
  cursor: pointer;
}
#panattoni-contact-us-form-pdf  p {
    font-size: 1.1vw;
    color: #737F94;
    font-family: 'Rubik-Regular';
    margin-bottom: 2%;
}
#panattoni-contact-us-form-pdf  .row .col-lg-4 .form-box-wrapper {
    max-height: 5vw;
}
}

#panattoni-contact-us-form-pdf div.wpcf7-validation-errors,
#panattoni-contact-us-form div.wpcf7-validation-errors  {
    display: none!important;
}