html {
  color: #222;
  font-size: 16px;
  line-height: 1.4;
}

body {
  font-family: 'Roboto',Arial,Helvetica,sans-serif!important;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  opacity: 1;
}

audio,canvas,iframe,img,svg,video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.navbar {
  height: 95px;
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  position: sticky;
  top: 0;
  z-index: 4;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.navbar .navbar-brand img {
  width: 315px;
  margin-left: 20px;
}

.nav-link {
  color: #333;
  margin-left: 18px;
  margin-right: 18px;
  font-weight: 400;
}

.nav-link.active {
  color: #ae8a55 !important;
  font-weight: 700;
}

.nav-link:focus,.nav-link:hover {
  color: #ae8a55;
}

.navbar-collapse {
  flex-grow: 0;
}

.navbar-toggler {
  border: none;
}

h1 {
  font-size: 30px
}

h2 {
  font-size: 26px
}

h3 {
  font-size: 22px
}

h4 {
  font-size: 18px
}

h5 {
  font-size: 16px
}

h6 {
  font-size: 14px
}

p {
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
}

.banner {
  width: 100%;
  position: relative;
  min-height: 640px;
  background: #fcfcfc;
}

.banner .banner-img {
  width: 65%;
  float: right;
  padding-top: 10px;
}

.banner .banner-text {
  width: 27%;
  float: left;
  margin-top: 12vh;
  margin-left: 30px;
}

.banner .banner-text h1 {
  color: #946826;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 300;
}

.banner .banner-text h1 span {
  color: #ae8a55;
  font-weight: 700;
}

.banner .banner-text .btn {
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 17px 12px 25px;
  border-radius: 5px;
  transition: .5s;
  color: #fff;
  background: #ae8a55;
}

.banner .banner-text .btn:hover {
  background: #c9b08a;
  transition: .3s ease-in;
}

.banner .banner-text .btn .bi-chevron-right {
  margin-left: 6px;
}

.aboutus-content {
  min-height: 250px;
  text-align: left;
  padding: 40px 0;
}

.aboutus-content h1 {
  color: #ae8a55;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 30px;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.aboutus-content h1:after {
  content: "";
  width: 80px;
  height: 3px;
  background: #ae8a55;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}

.aboutus-content .btn-container {
  text-align: center;
  margin-top: 40px;
}

.aboutus-content .btn-container .btn {
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 25px;
  border-radius: 5px;
  transition: .5s;
  margin-bottom: 5px;
  color: #fff;
  background: #ae8a55;
}

.aboutus-content .btn a {
  color: #fff;
  text-decoration: none;
}

.whychoose-content {
  padding-bottom: 50px;
  background: #c9b08a;
}

.whychoose-content h1 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  padding-top: 50px;
  margin-bottom: 30px;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.whychoose-content h1:after {
  content: "";
  width: 80px;
  height: 3px;
  background: #fff;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}

.whychoose-content h2 {
  font-size: 20px;
}

.whychoose-content .card {
  background: #f9f9f9;
  border: 1px solid #efefef;
  min-height: 100%;
  padding: 20px;
}

.whychoose-content .card h2 {
  text-align: center;
  text-transform: uppercase;
  color: #ae8a55;
  margin: 15px 0;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.whychoose-content .icon {
  width: 80px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px
}

.whychoose-content p {
  text-align: center;
}

.whychoose-content .second {
  margin-top: 25px;
}

footer {
  background: #3D3831;
  color: #fff;
}

footer h3 {
  font-weight: 700;
  padding-top: 30px;
}

footer a {
  color: #efefef;
}

footer a:hover {
  color: #fff;
  opacity: .6;
}

footer p {
  margin: 10px 0;
}

footer .quicklinks a {
  text-decoration: none;
  margin: 8px 0;
}

footer .links {
  list-style-type: none;
  padding-left: 0;
}

footer .links,footer .links a {
  display: block;
}

footer .bi-geo-alt {
  margin-right: 6px;
}

footer .bi-envelope,footer .bi-telephone {
  margin-right: 8px;
}

.footer-copyright {
  padding: 20px 0;
  background: #303030;
  color: #fff;
}

.footer-copyright p {
  text-align: center;
  margin-bottom: 0;
}

.footer-divider {
  padding: 0 7px 0 7px;
}

.footer-copyright a {
  color: #fff;
  text-decoration: none;
}

.footer-copyright a:hover {
  opacity: .7;
}

.privacypolicy-content a {
  color: #ae8a55;
}

.privacypolicy-content a:hover {
  opacity: .7;
}

.privacypolicy-content h1 {
  color: #ae8a55;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.privacypolicy-divider {
  margin-top: 30px;
}

.subpage-content {
  min-height: 500px;
  padding-bottom: 50px;
}

.subpage-jumbotron {
  min-height: 110px;
  background: #f9f9f9;
}

.subpage-jumbotron h1 {
  font-size: 30px;
  font-weight: 500;
  color: #ae8a55;
  text-align: center
}

.gradient-jumbotron {
  min-height: 110px;
  background: linear-gradient(131deg,rgba(174,138,85,.8)-19%,rgba(217,147,33,.6)115%);
}

.gradient-jumbotron>div {
  width: 100%;
  padding: 20px 0;
}

.gradient-jumbotron img {
  width: 10%;
}

.gradient-jumbotron h1 {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}

.aboutus-description h2 {
  font-size: 24px;
  color: #9b6f30;
  text-align: center;
  margin: 40px 0 25px 0;
  text-transform: capitalize;
}

.aboutus-description hr {
  border-top: 1px solid #ae8a55;
  opacity: .7;
  margin: 30px 0;
}

.aboutus-description .second {
  margin-top: 25px;
}

.aboutus-subcontent {
  padding: 20px;
  text-align: center;
  background: #f9f9f9;
  border-radius: 5px;
  margin-top: 10px;
  min-height: 100%;
  border: 1px solid rgba(174,138,85,.7);
  width: auto !important;
}

.aboutus-subcontent h2 {
  font-size: 24px;
  color: #9b6f30;
  margin-top: 0!important;
}

.aboutus-subcontent p {
  color: #9b6f30;
}

.aboutus-subcontent .icon {
  width: 65px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 8px;
  filter: invert(61%) sepia(12%) saturate(1545%) hue-rotate(356deg) brightness(91%) contrast(83%);
}

.aboutus-subcontent .more {
  text-align: center;
  margin-top: 0!important;
}

.aboutus-subcontent .more-btn {
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  transition: .5s;
  margin-bottom: 5px;
  color: #fff;
  background: #ae8a55;
}

.aboutus-subcontent .more-btn a {
  color: #fff;
  text-decoration: none;
}

.aboutus-subcontent .more-btn:hover {
  background: #c9b08a;
  transition: .3s ease-in;
}

.aboutus-subcontent .more-btn:focus {
  border-color: #ae8a55;
  box-shadow: none;
}

.aboutus-countries {
  text-align: center;
}

.aboutus-countries .flag {
  width: 100px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 8px;
}

.aboutus-countries h3 {
  font-size: 18px;
  text-transform: capitalize;
}

.joinus-intro {
  padding: 20px;
  text-align: center;
  background: #f9f9f9;
  border-radius: 5px;
  margin-top: 40px;
  border: 1px solid rgba(174,138,85,.7);
}

.joinus-intro h2,.joinus-header {
  font-size: 24px;
  color: #9b6f30;
}

.joinus-intro p {
  color: #9b6f30;
}

.joinus-intro .icon {
  width: 65px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  filter: invert(61%) sepia(12%) saturate(1545%) hue-rotate(356deg) brightness(91%) contrast(83%);
}

.benefits-content {
  padding: 20px;
  text-align: center;
  background: rgba(174,138,85,.1);
  border-radius: 5px;
  margin: 25px 0 40px 0;
  border: 1px solid rgba(174,138,85,.7);
}

.benefits-content h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}

.benefits-content ul {
  color: #333;
  text-align: left;
  width: 80%;
}

.benefits-content p {
  text-align: left;
}

.benefits-content .icon {
  width: 65px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#jobListingAccordion .accordion-item {
  border: 1px solid rgba(174,138,85,.5);
}

#jobListingAccordion .accordion-button {
  background: #f9f9f9;
  color: #9b6f30;
}

#jobListingAccordion .accordion-button::after {
  filter: invert(61%) sepia(12%) saturate(1545%) hue-rotate(356deg) brightness(91%) contrast(83%);
}

#jobListingAccordion .accordion-button:focus {
  box-shadow: 0 0 0 .15rem rgba(174,138,85,.25);
}

#jobListingAccordion .accordion-button:not(.collapsed) {
  background: #d0a86c;
  color: #fff;
  font-weight: 500;
}

#jobListingAccordion .accordion-button:not(.collapsed)::after {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(273deg) brightness(190%) contrast(104%);
}

#jobListingAccordion .short-desc {
  background: #f9f9f9;
  padding: 20px;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid rgba(174,138,85,.6);
  margin: 30px 0;
  color: #9b6f30;
  text-align: center;
}

#jobListingAccordion .short-desc .icon {
  width: 60px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 15px;
  filter: invert(61%) sepia(12%) saturate(1545%) hue-rotate(356deg) brightness(91%) contrast(83%)
}

#jobListingAccordion .short-desc .right-text {
  width: 60%;
  margin: 0 auto;
}

#jobListingAccordion .short-desc p {
  margin-bottom: 0;
  text-align: center;
}

#jobListingAccordion .listing-info {
  margin: 35px 0;
}

#jobListingAccordion .listing-info hr {
  color: #ae8a55;
  margin-top: 4px;
  border-top: none;
  height: 1px;
  opacity: .7;
}

#jobListingAccordion .listing-info h3 {
  color: #9b6f30;
  font-size: 20px;
}

#jobListingAccordion .listing-info .header-icon {
  width: 23px;
  margin-right: 5px;
  margin-top: -4px;
  filter: invert(61%) sepia(12%) saturate(1545%) hue-rotate(356deg) brightness(91%) contrast(83%)
}

#jobListingAccordion .apply {
  text-align: center;
  margin-top: 0!important;
}

#jobListingAccordion .apply-btn {
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 25px;
  border-radius: 5px;
  transition: .5s;
  margin-bottom: 5px;
  color: #fff;
  background: #ae8a55;
}

#jobListingAccordion .apply-btn a {
  color: #fff;
  text-decoration: none;
}

#jobListingAccordion .apply-btn:hover {
  background: #c9b08a;
  transition: .3s ease-in;
}

#jobListingAccordion .apply-btn:focus {
  border-color: #ae8a55;
  box-shadow: none;
}

.solutions-header {
  color: #ae8a55;
  text-align: center;
  text-transform: capitalize;
  margin: 40px 0 20px 0;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.solutions-header:after {
  content: "";
  width: 80px;
  height: 3px;
  background: #ae8a55;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}

.solutions-divider {
  margin-top: 30px;
}

.solutions-spacing {
  margin-top: 30px;
  text-align: center;
}

.gap {
  height: 30px;
}

.solutions-content {
  padding: 20px;
  text-align: center;
  background: #f9f9f9;
  border-radius: 5px;
  margin: 17px 0;
  border: 1px solid rgba(174,138,85,.7);
}

.solutions-content-side {
  min-height: 100%;
  padding: 20px;
  text-align: center;
  background: rgba(174,138,85,.05);
  border-radius: 5px;
  margin: 17px 0;
  border: 1px solid rgba(174,138,85,.7);
}

.solutions-content h2,.solutions-content-side h2 {
  text-align: center;
  font-size: 20px;
  color: #ae8a55;
}

.solutions-content .text {
  margin-top: 20px;
  padding-left: 20px;
}

.solutions-content p,.solutions-content-side p {
  text-align: left;
}

.solutions-content .left-divider {
  border-left: 1px solid #ae8a55;
}

.solutions-content .icon,.solutions-content-side .icon {
  width: 80px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  filter: invert(61%) sepia(12%) saturate(1545%) hue-rotate(356deg) brightness(91%) contrast(83%);
}

.solutions-content hr,.solutions-content-side hr {
  border-top: 1px solid #ae8a55;
  opacity: .9;
  margin: 25px 0;
}

.solutions-imgs {
  margin-top: 30px;
}

.solutions-imgs .display {
  border: 1px solid #ae8a55;
  border-radius: 5px;
  margin: 20px;
}

.solutions-imgs .display .img {
  width: 100%;
  height: 100%;
  padding: 40px 40px 20px 40px;
  filter: grayscale(100%);
}

.solutions-imgs h2 {
  color: #9b6f30;
  text-align: center;
  margin: 40px 0 25px 0;
  text-transform: capitalize;
}

.solutions-imgs .display h3 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: 1px;
}

.solutions-imgs .spacing {
  /* margin: 0 15px; */
  display: block !important;
}

.contact-info {
  padding: 40px 0 30px 0;
}

.contact-info h2 {
  color: #ae8a55;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 40px;
  font-weight: 500;
  letter-spacing: 1.2px;
}

.contact-info h2:after {
  content: "";
  width: 80px;
  height: 3px;
  background: #ae8a55;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}

.contact-info .indv {
  padding: 35px 20px 30px 20px;
  background: #f9f9f9;
  border-radius: 5px;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid rgba(174,138,85,.2);
}

.contact-info .indv .bi {
  background: #c9b08a;
  border-radius: 50%;
  padding: 10px 11px;
  color: #fff;
}

.contact-info .indv span {
  display: block;
  margin-top: 30px;
  font-size: 18px;
}

.contact-info .indv a {
  color: #ae8a55 !important;
}

.form-container {
  padding-left: 10px;
}

#sendmessage {
  text-align: center;
  font-size: 18px;
  margin: 10px 0 20px 0;
  font-weight: 500;
  color: #4ca61a;
  display: none
}

#errormessage {
  text-align: center;
  font-size: 18px;
  margin: 10px 0 20px 0;
  font-weight: 500;
  color: #E31544;
  display: none;
}

#sendmessage .bi,#errormessage .bi {
  font-size: 22px;
  margin-right: 5px;
}

.show {
  display: block!important;
}

.form-group {
  margin-bottom: 20px;
}

.contactForm .form-control:focus {
  border-color: #ae8a55;
  box-shadow: none;
}

.contactForm .btn {
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 25px;
  margin-top: 20px;
  border-radius: 5px;
  transition: .5s;
  color: #fff;
  background: #ae8a55;
}

.contactForm .btn .bi {
  color: #fff;
  font-size: 14px;
  margin-left: 5px;
}

.contactForm .btn:hover {
  background: #c9b08a;
  transition: .3s ease-in;
}

.contactForm .btn:focus {
  background: #9f7434;
  outline: none;
  box-shadow: none;
}

.contactForm .validation {
  color: #dc3545;
  margin-top: 10px;
  margin-left: 3px;
}

#errormessage-c {
  color: #dc3545;
  margin-top: 10px;
  margin-left: 3px;
  display: none;
  text-align: left;
}

.carousel-indicators [data-bs-target] {
  width: 15px;
  height: 5px;
}

@media (max-width: 1200px) {
  .banner {
      min-height:540px
  }

  .banner .banner-text {
      margin-top: 70px
  }
}

@media (max-width: 1024px) {
  .banner {
      min-height:470px
  }

  .banner .banner-text {
      margin-top: 60px
  }

  .banner .banner-text h1 {
      font-size: 36px
  }

  .contact-info .indv .email,.contact-info .indv .phone {
      margin-top: 42px
  }
}

@media (max-width: 979px) {
  .navbar {
      height:70px
  }

  .navbar .container-fluid {
      padding-right: 0;
      padding-left: 0
  }

  .navbar .navbar-nav {
      margin-top: 10px;
      padding: 0 20px 10px 20px
  }

  .navbar .bi-list {
      font-size: 32px;
      color: #ae8a55
  }

  .navbar .navbar-brand img {
      width: 210px;
      margin-left: 15px
  }

  .nav-link {
      padding: 10px 5px;
      margin-left: 0;
      margin-right: 0
  }

  .navbar-toggler {
      padding: 10px 25px
  }

  .navbar-toggler:focus {
      box-shadow: none
  }

  .navbar .navbar-collapse {
      background: #f9f9f9
  }

  .banner {
      min-height: 350px
  }

  .banner .banner-text {
      margin-top: 30px
  }

  .banner .banner-text h1 {
      font-size: 30px;
      margin-bottom: 20px
  }

  .subpage-jumbotron {
      min-height: 120px
  }

  .subpage-jumbotron h1 {
      font-size: 24px
  }

  .contact-info .single-row {
      height: 85%!important
  }

  #jobListingAccordion .accordion-body {
      padding: 25px
  }

  #jobListingAccordion .short-desc .right-text {
      width: 90%
  }

  .five-col .aboutus-countries h3 {
      margin-left: 15px
  }
}

@media (max-width: 767px) {
  .banner .banner-img {
      width:100%;
      float: none;
      text-align: center;
      padding-top: 20px
  }

  .banner .banner-img .img-fluid {
      width: 80%
  }

  .banner .banner-text {
      width: 100%;
      float: none;
      text-align: center;
      margin-top: 10px;
      margin-left: 0
  }

  .banner .banner-text h1 {
      margin-bottom: 25px
  }

  .banner .banner-text .btn {
      margin-bottom: 40px;
      padding: 10px 16px 10px 22px
  }

  .aboutus-content,.whychoose-content,footer {
      padding: 30px 6vw
  }

  .whychoose-content .card {
      margin-bottom: 35px;
      min-height: 0
  }

  .whychoose-content .card h2 {
      font-size: 18px
  }

  .whychoose-content .second {
      margin-top: 0
  }

  footer .quicklinks {
      margin-top: 10px;
      margin-bottom: 25px
  }

  .whychoose-content h1 {
      padding-top: 25px
  }

  .contact-info .indv {
      margin-bottom: 30px;
      height: unset
  }

  .contact-info .indv .bi {
      margin-right: 8px;
      font-size: 16px
  }

  .form-container {
      padding-left: 0
  }

  .aboutus-subcontent {
      min-height: 0;
      margin-top: 30px
  }

  .aboutus-countries {
      min-height: 200px;
      margin-top: 5px;
      margin-right: 0
  }

  .aboutus-countries .flag {
      width: 45%;
      margin-top: 0;
      margin-bottom: 0
  }

  .five-col .aboutus-countries h3 {
      margin-left: 0
  }

  .solutions-content {
      margin-top: 30px
  }

  .solutions-content-side {
      min-height: 0;
      margin-top: 30px
  }

  .solutions-spacing {
      margin-top: 0
  }

  .solutions-content .left-divider {
      border-left: none;
      border-top: 1px solid #ae8a55;
      width: 90%;
      margin: 0 auto;
      margin-top: 10px
  }

  .solutions-content .text {
      padding-left: 0
  }

  .solutions-imgs .display .img {
      padding: 0 80px 20px 80px
  }

  .solutions-imgs .spacing .display .img {
      padding: 0 10px 10px 10px
  }
}

@media (max-width: 480px) {
  .banner .banner-img .img-fluid {
      width:100%;
      margin-left: 5px
  }

  .banner .banner-text .btn {
      font-size: 16px
  }

  footer .quicklinks a {
      margin: 18px 0
  }

  #jobListingAccordion .accordion-body {
      padding: 20px
  }

  #jobListingAccordion .short-desc .right-text {
      width: 100%
  }

  .aboutus-countries .flag {
      margin-top: 0
  }

  .solutions-imgs .spacing {
      margin: 0 2px
  }

  .solutions-imgs .spacing .display .img {
      width: 70%;
      margin: 0 auto
  }
}

@media (max-width: 360px) {
  .aboutus-content h1,.whychoose-content h1 {
      font-size:26px
  }
}

@media (max-width: 320px) {
  .navbar .navbar-brand img {
      width:190px
  }
}

.hidden,[hidden] {
  display: none!important;
}

.sr-only {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.sr-only.focusable:active,.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix::before,.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

@media only screen and (min-width: 35em) {
}

@media print,(-webkit-min-device-pixel-ratio: 1.25),(min-resolution:1.25dppx),(min-resolution:120dpi) {
}

@media print {
  *,*::before,*::after {
      background: #fff!important;
      color: #000!important;
      box-shadow: none!important;
      text-shadow: none!important
  }

  a,a:visited {
      text-decoration: underline
  }

  a[href]::after {
      content: " (" attr(href) ")"
  }

  abbr[title]::after {
      content: " (" attr(title) ")"
  }

  a[href^="#"]::after,a[href^="javascript:"]::after {
      content: ""
  }

  pre {
      white-space: pre-wrap!important
  }

  pre,.short-desc {
      border: 1px solid #999;
      page-break-inside: avoid
  }

  thead {
      display: table-header-group
  }

  tr,img {
      page-break-inside: avoid
  }

  p,h2,h3 {
      orphans: 3;
      widows: 3
  }

  h2,h3 {
      page-break-after: avoid
  }
}