@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;600&family=Mukta+Vaani&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@500;600;700&display=swap');
/*Main Colours*/
/*Extra Colours*/
/* -- MAIN TEMPLATE------------ */
html, body {
  overflow-x: hidden;
}
h1, h2 {
  font-family: 'IBM Plex Sans Thai', sans-serif;
  font-weight: 600;
}
blockquote {
  margin: 30px 0px 30px 0px !important;
  border-left: 5px solid #06aff2;
}
blockquote p {
  font-size: 25px;
  line-height: 36px;
  padding-left: 28px;
  font-weight: 200;
  color: #b3c2cc;
}
.sub-menu li:first-child {
  padding-top: 10px;
}
/* -- HOME PAGE------------ */
/* -- INTERIOR PAGES------------ */
/* --BLOG STYLES ------------ */
.wp-block-button a {
  background-color: #111111;
  color: white;
}
.wp-block-button a:hover, .wp-block-button a:active {
  background-color: #222222;
}
/* -- GRAVITY FORMS ------------ */
.gform_body input, .gform_body textarea, .gform_body select {
  width: 100%;
}
.gform_body fieldset {
  width: auto;
}
.gform_body input[type=checkbox] {
  width: auto !important;
}
.gform_button {
  font-family: 'Montserrat';
  background-color: #ff914d !important;
  color: #072249 !important;
  border-radius: 5px !important;
  padding: 15px 20px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.gform_button:hover {
  background-color: #072249 !important;
  color: #ffffff !important;
}
.gform_required_legend {
  display: none;
}
input.gfield-choice-input {
  width: auto !important;
}
.gchoice label {
  font-size: 1em !important;
}
.ginput_container_fileupload input {
  background: transparent !important;
  border: 0 !important;
}
.footer-branding a {
  color: #ffffff;
}
.footer-branding a:hover {
  color: #ff914d;
}
.gform_wrapper .gfield_required {
  color: #07aef2 !important;
}
@media (min-width: 992px) {
  #header {
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0);
    background-repeat: repeat;
    background-size: auto;
  }
  #header .company-logo svg .st0 {
    fill: #ffffff !important;
  }
  #header.sticky {
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.98);
  }
  #header.sticky .company-logo svg .st0 {
    fill: #072249 !important;
  }
  #header.sticky .oxy-pro-menu-list .menu-item a {
    color: #072249 !important;
  }
  #header.sticky .social-icon {
    color: #1388b7 !important;
  }
  #header.sticky .social-icon:hover {
    color: #0b53ff !important;
  }
}
@media (max-width: 480px) {
  .gform_button, .landing-btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  /***** Landing Section *****/
  /***** End Landing Section *****/
  #-pro-menu-55-26 .oxy-pro-menu-list > .menu-item {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .company-logo {
    padding-top: 0px;
    display: block;
    width: 168px !important;
  }
  div#n2-ss-2 .n-uc-1a5217148f0ff {
    width: 95% !important;
  }
  div#n2-ss-2 .n-uc-1a5217148f0ff-inner {
    padding-left: 30px !important;
  }
  .landing-heading h1 {
    font-size: 52px !important;
  }
  .landing-subheading h2 {
    font-size: 22px !important;
  }
  .landing-text p {
    font-size: 20px !important;
  }
}
@media (min-width: 1301px) and (max-width: 1439px) {
  /***** Landing Section *****/
  /***** End Landing Section *****/
  #_header-20-26 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #menu-main-menu {
    margin-left: -86px;
  }
  #-pro-menu-55-26 .oxy-pro-menu-list > .menu-item {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .landing-heading h1 {
    font-size: 58px !important;
  }
  .landing-subheading h2 {
    font-size: 26px !important;
  }
  .landing-text p {
    font-size: 20px !important;
  }
  div#n2-ss-2 .n-uc-1a5217148f0ff {
    width: 95% !important;
  }
  .device-laptop {
    max-width: 540px !important;
    margin-left: 100px !important;
  }
  .device-tablet {
    max-width: 200px !important;
    top: 124px !important;
    left: 6px !important;
  }
  .device-mobile {
    max-width: 100px !important;
    top: 194px !important;
    left: 124px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  /***** Landing Section *****/
  /***** End Landing Section *****/
  #_header-20-26 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .landing-heading h1 {
    font-size: 58px !important;
  }
  .landing-subheading h2 {
    font-size: 28px !important;
  }
  .landing-text p {
    font-size: 20px !important;
  }
  div#n2-ss-2 .n-uc-1a5217148f0ff {
    width: 75% !important;
  }
  .device-laptop {
    max-width: 580px !important;
    margin-left: 50px !important;
  }
  .device-tablet {
    max-width: 226px !important;
    top: 116px !important;
    left: -66px !important;
  }
  .device-mobile {
    max-width: 110px !important;
    top: 194px !important;
    left: 56px !important;
  }
}