/* navbar */
nav {
  background-color: rgba(255, 255, 255, 0.8);
}

.navbar-nav {
  width: 100%;
  justify-content: space-evenly;
}

.navbar-nav>li.nav-item>a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.navbar-nav>li.nav-item>a:hover {
  color: #009fe3;
}

.dropdown-menu>li>a.dropdown-item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

/* navbar */

/* navbar-language-selector */
.navbar-language-selector {
  display: flex;
  flex-direction: column;
}

.navbar-language-selector>a {
  color: var(--bs-nav-link-color);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px;
}

.navbar-language-selector>a:first-child {
  border-bottom: 1px solid;
  border-bottom-color: var(--bs-nav-link-color);
}

.navbar-language-selector>a.active {
  color: #009fe3;
}

/* navbar-language-selector */

/* footer */

.footerSection {
  background-color: #019FE3;
  color: white;
}

.footerTitle {
  font-size: 16px;
  padding-bottom: 24px;
}

.footerBlock {
  font-size: 14px;
}

.footerBlock>li>a, .footerBlock>a {
  color: white;
  text-decoration: none;
}

.footerBlock>li>a:hover, .footerBlock>a:hover {
  color: white;
  text-decoration: underline;
}

/* footer */

/* hero */
.heroWrapper {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 90px;
}

.hero {
  /* background-color: rgba(255, 255, 255, 0.8); */
}

.hero>h2 {
  color: black;
  text-align: left;
  text-transform: uppercase;
}

.hero>p {
  max-width: 70%;
}

@media (max-width: 756px) {
  .hero>p {
    max-width: 100%;
  }
}

.heroCardWrapper {
  padding: 12px;
}

.heroCard {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s all !important;
  position: relative;
}


.heroCard .img-dark {
  visibility: hidden;
  height: 0;
  transition: 0.3s all !important;
}

.heroCard:hover .img-dark {
  visibility: visible;
  height: auto;
  transition: 0.3s all !important;
}

.heroCard:hover .img-light {
  visibility: hidden;
  height: 0;
}

/* hero */

/* blue section */
.blueSection {
  background-color: #019FE3;
  color: #fff;
}

/* blue section */

/* rolunk főoldal */
.rolunkSection {
  background-color: #019FE3;
}

.rolunkL {
  background-repeat: no-repeat;
  background-size: contain;
}

.rolunkText {
  height: 100%;
  padding-left: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1200px) {
  .rolunkL {
    background-size: 35%;
  }
}

@media (max-width: 992px) {
  .rolunkText {
    padding-left: 0px;
  }

  .rolunkL {
    background-image: none !important;
  }
}

@media (max-width: 420px) {
  .rolunkText {
    padding-left: 0;
  }

  .rolunkText>h1 {
    text-align: center;
  }

  .rolunkL {
    background-position-x: -90px;
  }
}

.rolunkText>h1 {
  color: white;
}

/* rolunk főoldal */

/* partnereink főoldal */

.partnereinkSection {
  background-color: #EDEDED;
}

/* partnereink főoldal */

/* főoldal kapcsolat */

.homeContactTitle {
  font-weight: bold;
  color: black;
}

.homeContactTitle>span {
  color: #019FE3;
}

.contact-label {
  font-weight: bold;
  font-size: 14px;
}

.contact-value {
  font-size: 14px;
  color: #999;
}

.contact-value>a {
  text-decoration: none;
  color: #999;
}

.contact-value>a:hover {
  text-decoration: underline;
}

.contact-icon {
  width: 40px;
  justify-content: center;
}

.contact-form {
  border-radius: 0;
}

.contact-form::placeholder {
  color: #999;
  opacity: 1;
}

.btn-not {
  background-color: #019FE3;
  border: #019FE3;
}

/* főoldal kapcsolat */

/* takaritas */
.graySection {
  background-color: #EFEFEF;
  margin-top: 90px;
}

.cleaningBlueSection {
  background-color: #019FE3;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}

.cleaningBlueList>ul {
  display: inline-block;
  text-align: left;
}

.cleaningWhySection {
  background-color: #EFEFEF;
}

.cleaningCard {
  transition: 0.3s all;
}

.cleaningCard:hover {
  transform: scale(1.1);
}

.cleaningCard .img-dark {
  visibility: hidden;
  height: 0;
}

.cleaningCard:hover .img-dark {
  visibility: visible;
  height: auto;
}

.cleaningCard:hover .img-light {
  visibility: hidden;
  height: 0;
}

.cleaningCard p {
  margin: 0 !important;
}

/* takaritas */

/* uzemeltetes */
.darkGraySection {
  background-color: #bdbdbd;
}

/* uzemeltetes */

/* drontechnika */
.dronBlueSection {
  background-color: #019FE3;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  margin-top: 90px
}

.accordion {
  color: #000;
  cursor: pointer;
  max-width: 570px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  background-repeat: no-repeat;
  padding: 12px 10px 17px 33px;
  margin-bottom: 10px;
  font-weight: 600;
  background-color: unset;
}


.active, .accordion:hover {
  /* background-color: red; */
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content: '\25BC';
  font-size: 13px;
  color: #000;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\25B2";
}

/* drontechnika */

/* oktatás */

.elmeletBorder {
  border-right: 2px dashed #000;
}

@media (max-width: 756px) {
  .elmeletBorder {
    border-right: 0;
    border-bottom: 2px dashed #000;
    margin-bottom: 16px;
  }
}

.kepzesDijBorder {
  border-top: 2px dashed #000;
  border-bottom: 2px dashed #000;
}

.oktatasBlueSection {
  background-color: #019FE3;
  color: #fff;
  margin-top: 90px;
}

.oktatasTavpilota1 {
  background-repeat: no-repeat;
  background-size: cover;
}

.oktatasTavpilota2 {
  background-color: #bdbdbd;
}

.oktatasTavpilota3 {
  background-color: #EFEFEF;
}

#hiddenOktatas_1, #hiddenOktatas_2, #hiddenOktatas_3, #hiddenOktatas_4, #hiddenOktatas_5, #hiddenOktatas_6 {
  display: none;
}

#btnOktatas_1, #btnOktatas_2, #btnOktatas_3, #btnOktatas_4, #btnOktatas_5, #btnOktatas_6 {
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  color: #019FE3;
  margin-left: 15px;
}


/* oktatás */

.staticWhite {
  margin-top: 90px;
}