.header-image.weboldalkeszites {
  background: url("../img/weboldal-keszites/website-header.jpg") center center no-repeat;
  background-size: cover;
  aspect-ratio: 1920 / 350;
  max-width: 100%;
  max-height: 350px;
  overflow-x: hidden;
}

.lead {
  background-color: #257ca7;
  color: #ffffff;
}

.lead.green {
  background-color: #4a8424;
}

.lead h1 {
  font-size: 26px !important;
  font-weight: 500;
  margin-bottom: 0px;
}

.weboldal-keszites-modern {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.weboldal-keszites-modern .col-lg-12 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.weboldal-keszites-modern .col-lg-12:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.03);
}

.weboldal-keszites-modern .row {
  margin: 0px 0px 0px 0px;
  padding: 25px 0px 25px 0px;
}

.weboldal-keszites-modern .row:first-child {
  padding-top: 50px;
}

.weboldal-keszites-modern .row:last-child {
  padding-bottom: 50px;
}

.weboldal-keszites-modern img {
  border: 1px solid #cccccc;
}

.weboldal-keszites-modern .image-right {
  text-align: right;
}

.weboldal-keszites-modern .image-left {
  text-align: left;
}

.weboldal-keszites-modern .title {
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}

.weboldal-keszites-modern .description {
  text-align: justify;
  max-width: 100%;
  margin: 13px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.weboldal-keszites-modern .description p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
}

.call-to-action span {
  display: block;
  padding: 5px 0px 8px 0px;
  font-size: 17px;
  font-weight: 500;
}

.call-to-action {
  text-align: center;
}

.weboldal-keszites-modern .btn-primary {
  display: inline-block;
  width: auto;
  margin: 10px auto 0px auto;
  background-color: rgb(77, 119, 35);
  border: 2px solid rgb(102, 153, 51, 0.5);
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-transform: uppercase;
  border-radius: 5px;
}

.weboldal-keszites-modern .btn-primary:hover,
.weboldal-keszites-modern .btn-primary:focus {
  background-color: rgb(102, 153, 51, 1);
  border: 2px solid #669933;
}

.weboldal-keszites-modern .desktop {
  text-align: right;
  display: block;
}

.weboldal-keszites-modern .mobile {
  display: none;
}

.row.weboldal-keszites {
  margin: 50px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.row.weboldal-keszites .row {
  margin: 0px 0px 50px 0px;
  padding: 20px 20px 20px 20px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #eeeeee;
}

.row.weboldal-keszites .row:nth-child(2n) {
  background: rgba(0, 0, 0, 0.05);
}

.weboldal-keszites .title {
  padding: 40px 20px 20px 20px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  border-bottom: 1px solid #cccccc;
}

.weboldal-keszites .description {
  padding: 20px 20px 20px 20px;
  font-size: 16px;
}

.weboldal-keszites h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.weboldal-keszites .btn-primary {
  display: block;
  width: 240px;
  margin: 0px auto 50px auto;
  background-color: rgb(77, 119, 35);
  border: 2px solid rgb(102, 153, 51, 0.5);
  padding: 15px 30px 15px 30px;
  text-transform: uppercase;
  border-radius: 5px;
}

.weboldal-keszites .btn-primary:hover,
.weboldal-keszites .btn-primary:focus {
  background-color: rgb(102, 153, 51, 1);
  border: 2px solid #669933;
}

.weboldal-keszites img {
  border: 1px solid #cccccc;
}

.weboldal-keszites .mw-100 {
  width: auto !important;
  max-width: 100%;
}

.weboldal-keszites .desktop,
.weboldal-keszites .mobile,
.weboldal-keszites .image {
  max-width: 100%;
  overflow-x: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.weboldal-keszites .desktop {
  text-align: right;
  display: block;
}

.weboldal-keszites .mobile {
  display: none;
}

.weboldal-keszites-gyik {
  background: #257ca7 url("../img/faq.jpg") top center;
}

.weboldal-keszites-gyik .container-fluid {
  background: linear-gradient(0deg, rgba(37, 124, 167, 0.8995973389355743) 0%, rgba(37, 124, 167, 1) 85%);
}

.weboldal-keszites-gyik h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 50px;
  color: #ffffff;
}

.weboldal-keszites-gyik .list-group {
  margin: 0px 10px 15px 10px;
  border-radius: 0px;
}

.weboldal-keszites-gyik .list-group li {
  background: rgba(255, 255, 255, 0.9);
}

.weboldal-keszites-gyik .list-group li:hover {
  background-color: rgba(37, 124, 167, 1);
  cursor: default;
}

.weboldal-keszites-gyik .list-group p {
  margin-bottom: 0px;
}

.weboldal-keszites-gyik .list-group p.title {
  font-size: 19px;
  color: #434343;
  padding: 10px 10px 10px 10px;
  font-weight: 700;
}

.weboldal-keszites-gyik .list-group p.description {
  font-size: 17px;
  color: #5a5a5a;
  padding: 0px 10px 10px 10px;
}

.weboldal-keszites-gyik .list-group li:hover p.title,
.weboldal-keszites-gyik .list-group li:hover p.description {
  color: #ffffff;
}

@media (max-width: 991px) {
  .openai {
    display: none;
  }

  .weboldal-keszites-gyik {
    background: #257ca7;
  }

  .header-image.weboldalkeszites {
    background: url("../img/weboldal-keszites/website-header-mobile.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    overflow-x: hidden;
  }

  .weboldal-keszites-modern .description {
    padding: 0px 20px 0px 20px;
    margin-bottom: -15px;
  }

  .weboldal-keszites-modern .desktop {
    display: none;
  }

  .weboldal-keszites-modern .mobile {
    display: block;
    text-align: center;
  }

  .weboldal-keszites-modern .image-right {
    text-align: center;
    padding-bottom: 25px;
  }

  .weboldal-keszites-modern .image-left {
    text-align: center;
    padding-bottom: 25px;
  }

  .weboldal-keszites .title {
    padding: 20px 0px 20px 0px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
  }

  .weboldal-keszites .description {
    padding: 0px 0px 0px 0px;
    font-size: 16px;
  }

  .weboldal-keszites .desktop {
    display: none;
  }

  .weboldal-keszites .mobile {
    display: block;
    text-align: center;
  }

  .weboldal-keszites .image {
    text-align: center;
  }
}