.page-center { position: relative; z-index: 1; }

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }

.pd-xl { padding-top: 100px; padding-bottom: 100px; }
.pd-l { padding-top: 80px; padding-bottom: 80px; }
.pd-m { padding-top: 50px; padding-bottom: 50px; }
.pd-s { padding-top: 40px; padding-bottom: 40px; }
.pd-xs { padding-top: 20px; padding-bottom: 20px; }

.pd-side-xl { padding-left: 100px; padding-right: 100px; }
.pd-side-l { padding-left: 80px; padding-right: 80px; }
.pd-side-m { padding-left: 50px; padding-right: 50px; }
.pd-side-s { padding-left: 40px; padding-right: 40px; }
.pd-side-xs { padding-left: 20px; padding-right: 20px; }

.pd-top-xl { padding-top: 100px; }
.pd-top-l { padding-top: 80px; }
.pd-top-m { padding-top: 50px; }
.pd-top-s { padding-top: 40px; }
.pd-top-xs { padding-top: 20px; }

.pd-bottom-xl {padding-bottom: 100px; }
.pd-bottom-l { padding-bottom: 80px; }
.pd-bottom-m { padding-bottom: 50px; }
.pd-bottom-s { padding-bottom: 40px; }
.pd-bottom-xs {padding-bottom: 20px; }

.pos-relative { position: relative; }
.br-radius-sm { border-radius: 10px; }
.br-radius-md { border-radius: 20px; }

.hs-fieldtype-textarea.hs-input { resize: none; min-height: 100px; }

.f-weight-normal {font-weight: 400;}
.f-weight-medium {font-weight: 500;}
.f-weight-semi-bold {font-weight: 600;}
.temp_frame{ display: none; }

.d_flex {
  display: flex; 
  flex-direction:row;
}

/* ---------------about page background gradient--------------- */
.body-container.body-container--about-page { background: linear-gradient(180deg, #FFF5F0 0%, #F2F8FF 24.48%, #FFFBF1 50.52%, #F3F2FF 76.04%, #EBFAF7 100%); }

/* ---------------contact page background gradient--------------- */
.body-container.body-container--contact-page { background: linear-gradient(180deg, #F3F2FF 0%, #F2F8FF 25%, #FFF5F0 48.44%, #EBFAF7 73.96%, #FFFBF1 100%); }

/* ---------------pricing page background gradient--------------- */
.body-container.body-container--pricing-page { background: linear-gradient(180deg, #F3F2FF 0%, #F2F8FF 25%, #FFF5F0 48.44%, #EBFAF7 73.96%, #FFFBF1 100%); }

/* ---------------pricing page version 2 background gradient--------------- */
.body-container.body-container--pricing-page.v2 { background: linear-gradient(180deg, #FFF5F0 0%, #F2F8FF 25%, #F3F2FF 48.44%, #EBFAF7 73.96%, #FFFBF1 100%); }


/* ---------------landing page background gradient--------------- */
.body-container.body-container--landing-page { background: linear-gradient(180deg, #FFF5F0 0%, #F2F8FF 25%, #FFFBF1 49.48%, #EBFAF7 73.96%, #F3F2FF 100%); }

/* ---------------Pillar page background gradient--------------- */
.body-container.body-container--pillar-page { background: linear-gradient(180deg, #F2F8FF 0%, #FFF5F0 25.12%, #F3F2FF 50.12%, #FFFBF1 75.64%, #EBFAF7 100%); }


/* Landing page style */
.body-wrapper.hs-content-name-orange-landing-page  {
  overflow: hidden;
}

/* Blog most recent post module */



/*---------------- responsive style -------------------*/

@media screen and (max-width: 1199px) {
  .pd-xl { padding-top: 80px; padding-bottom: 80px; }
  .pd-l { padding-top: 70px; padding-bottom: 70px; }

  .pd-top-xl { padding-top: 80px; }
  .pd-top-l { padding-top: 70px; }

  .pd-bottom-xl {padding-bottom: 80px; }
  .pd-bottom-l { padding-bottom: 70px; }

  .gtr-space-side-sm { margin-left: 15px; margin-right: 15px; }
  .gtr-space-top-bottom-sm { margin-top: 15px; margin-bottom: 15px; } 

}/*-------- 1199 ends here ----------*/

@media screen and (max-width: 991px) {
  .pd-xl { padding-top: 70px; padding-bottom: 70px; }

  .pd-top-xl { padding-top: 70px; }
  .pd-top-l { padding-top: 60px; }

  .pd-bottom-xl {padding-bottom: 70px; }
  .pd-bottom-l { padding-bottom: 60px; }

}/*-------- 991 ends here ----------*/

@media screen and (max-width: 767px) {
  .pd-xl { padding-top: 60px; padding-bottom: 60px; }
  .pd-l { padding-top: 50px; padding-bottom: 50px; }
  .pd-m { padding-top: 30px; padding-bottom: 30px; }
  .pd-s { padding-top: 20px; padding-bottom: 20px; }
  .pd-xs { padding-top: 10px; padding-bottom: 20px; }

  .pd-top-xl { padding-top: 60px; }
  .pd-top-l { padding-top: 50px; }
  .pd-top-m { padding-top: 30px; }
  .pd-top-s { padding-top: 20px; }
  .pd-top-xs { padding-top: 10px; }

  .pd-bottom-xl {padding-bottom: 60px; }
  .pd-bottom-l { padding-bottom: 50px; }
  .pd-bottom-m { padding-bottom: 30px; }
  .pd-bottom-s { padding-bottom: 20px; }
  .pd-bottom-xs {padding-bottom: 10px; }

}/*-------- 767 ends here ----------*/
