.elementor-1046 .elementor-element.elementor-element-510643d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1046 .elementor-element.elementor-element-8e1b120 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1046 .elementor-element.elementor-element-88fb142{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1046 .elementor-element.elementor-element-88fb142{--content-width:1600px;}}@media(max-width:1024px){.elementor-1046 .elementor-element.elementor-element-510643d{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1046 .elementor-element.elementor-element-8e1b120 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for bdevs-banner, class: .elementor-element-8e1b120 *//* PAGE HERO - DOCUMENTS PAGE FIX */
body .section-hero {
  height: 440px !important;
  min-height: 440px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
}

body .section-hero::before,
body .section-hero::after {
  display: none !important;
}

body .section-hero .container,
body .section-hero .row,
body .section-hero .col-lg-12 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .section-hero .section-hadding {
  width: 52% !important;
  background: #eaf7fb !important;
  padding: 26px 56px !important;
  text-align: left !important;
  margin: 0 !important;
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%) !important;
}

body .section-hero .section-hadding h1 {
  color: #0b8ec4 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  margin: 0 0 18px 0 !important;
  line-height: 1.1 !important;
}

body .section-hero .section-hadding-p {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .section-hero .section-hadding-p a,
body .section-hero .section-hadding-p span,
body .section-hero .section-hadding-p p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 16px !important;
}

body .section-hero .section-hadding-p a,
body .section-hero .section-hadding-p span {
  color: #222 !important;
}

body .section-hero .section-hadding-p p {
  color: #0b8ec4 !important;
  font-weight: 600 !important;
}

@media (max-width: 767px) {
  body .section-hero {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    background-size: 100% auto !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    padding-top: 29% !important;
    margin: 0 !important;
    display: block !important;
    background-color: #fff !important;
  }

  body .section-hero .section-hadding {
    width: 100% !important;
    background: #eaf7fb !important;
    padding: 12px 24px 14px 24px !important;
    margin: 0 !important;
    clip-path: none !important;
    text-align: left !important;
    position: static !important;
  }

  body .section-hero .section-hadding h1 {
    font-size: 24px !important;
    color: #0b8ec4 !important;
    margin: 0 0 6px 0 !important;
  }

  body .section-hero .section-hadding-p {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body .section-hero .section-hadding-p a,
  body .section-hero .section-hadding-p span,
  body .section-hero .section-hadding-p p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-510643d *//* CAREER / BLOG HERO - elementor-element-510643d */

.elementor-element-510643d .section-hero {
  height: 440px !important;
  min-height: 440px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-element-510643d .section-hero::before,
.elementor-element-510643d .section-hero::after {
  display: none !important;
}

.elementor-element-510643d .section-hero .container,
.elementor-element-510643d .section-hero .row,
.elementor-element-510643d .section-hero .col-lg-12 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element-510643d .section-hadding {
  width: 52% !important;
  background: #e8f5f2 !important;
  padding: 26px 56px !important;
  text-align: left !important;
  margin: 0 !important;
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%) !important;
}

.elementor-element-510643d .section-hadding h1 {
  color: #27b49a !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  margin: 0 0 18px 0 !important;
  line-height: 1.1 !important;
}

.elementor-element-510643d .section-hadding-p {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element-510643d .section-hadding-p a,
.elementor-element-510643d .section-hadding-p span,
.elementor-element-510643d .section-hadding-p p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 16px !important;
}

.elementor-element-510643d .section-hadding-p a,
.elementor-element-510643d .section-hadding-p span {
  color: #222 !important;
}

.elementor-element-510643d .section-hadding-p p {
  color: #27b49a !important;
  font-weight: 600 !important;
}

/* MOBILE */

@media (max-width: 767px) {

  .elementor-element-510643d .section-hero {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    background-size: 100% auto !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    padding-top: 29% !important;
    margin: 0 !important;
    display: block !important;
    background-color: #fff !important;
  }

  .elementor-element-510643d .section-hadding {
    width: 100% !important;
    background: #e8f5f2 !important;
    padding: 12px 24px 14px 24px !important;
    margin: 0 !important;
    clip-path: none !important;
    text-align: left !important;
    position: static !important;
  }

  .elementor-element-510643d .section-hadding h1 {
    font-size: 24px !important;
    color: #27b49a !important;
    margin: 0 0 6px 0 !important;
  }

  .elementor-element-510643d .section-hadding-p {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  .elementor-element-510643d .section-hadding-p a,
  .elementor-element-510643d .section-hadding-p span,
  .elementor-element-510643d .section-hadding-p p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07a500f */.documents-page {
  margin-top: 40px;
}

.documents-intro h4,
.document-viewer h4 {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  margin-bottom: 14px;
}

.documents-intro p {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  max-width: 850px;
  margin-bottom: 30px;
}

.documents-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.document-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  border: 1px solid #eef2f7;
}

.document-icon {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: #0d6efd;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  margin-bottom: 18px;
}

.document-card h5 {
  font-size: 22px;
  font-weight: 700;
  color: #111;
  margin-bottom: 12px;
}

.document-card p {
  font-size: 15px;
  line-height: 26px;
  color: #666;
  margin-bottom: 22px;
}

.document-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.doc-btn {
  padding: 13px 22px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.doc-btn.primary {
  background: #0d6efd;
  color: #fff;
}

.doc-btn.secondary {
  background: #eef6ff;
  color: #0d6efd;
}

.document-viewer {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.document-viewer iframe {
  width: 100%;
  height: 780px;
  border: 1px solid #e5eaf0;
  border-radius: 12px;
}

@media (max-width: 767px) {
  .documents-grid {
    grid-template-columns: 1fr;
  }

  .documents-intro h4,
  .document-viewer h4 {
    font-size: 26px;
  }

  .document-card {
    padding: 22px;
  }

  .document-viewer iframe {
    height: 520px;
  }
}/* End custom CSS */