.mt-150 {
    margin-top: 150px;
}

#csomagokarai {
  scroll-margin-top: 210px;
}

.feher_hatter {
    background-color: white;
    opacity: 0.9;
    padding: 20px;
    
    
}

.konkret {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.konkret a {
    color: #f2277e;
}

.cimszoveg {
    font-size: 30px;
}

.cimszoveg_pink {
    color: #f2277e;
}

.cimszoveg_lila {
    /*color:white !important;*/
    /*color:#5F2DED !important;*/
    color: #f2277e !important;
}


.sikeres_szoveg {
    font-size: 24px;
    color: green;
    font-weight: bold;
}

.hiba_szoveg {
    font-size: 23px;
    color: palevioletred;
    font-weight: bold;
}

.jobb_tav {
    margin-right: 30px;
}


.jobb_tav a {
    background-color: #ff2184 !important;
    border: 1px solid #ff2184 !important;
    
}

.form__label {
    color: black !important;
    font-weight: bold !important;
}

.nincs_shadow {
    box-shadow:none !important;
}

.kiemelt_box {
    width: 100%;
    background-color: #fecee4;
    border: 2px solid #ff2184;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px;
}

.kiemelt1 {
    color: #ff2184 !important;
}

.kiemelt1 a {
    color: #ff2184 !important;
}

.kiemelt1 a:hover {
    color: #f89cc5 !important;
}
.kiemelt2 {
    color: #ff2184 !important;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
}

.kiemelt3 {
    color: #5F2DED !important;
    text-align: center;
    font-size: 22px;
}

.kiemelt4 {
    color: #5F2DED !important;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.kiemelt4 a:link, .kiemelt4 a:visited  {
    color: #5F2DED !important;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.kiemelt4 a:hover  {
    color: #f2277e !important;
}

.kiemelt5 {
    font-size: 23px;
    background-color: #f2277e;
    color: white;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
}

.kiemelt5_2 {
    font-size: 23px;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
}

.kiemelt6 {
    color: #5F2DED !important;
    font-size: 22px;
    font-weight: bold;
}


.kiemelt7 {
    color: #5F2DED !important;
    font-weight: bold;
}

.kiemelt8 {
    color: #ff2184 !important;
    font-weight: bold;
}









.arbox {
    background-color: #5F2DED;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding: 20px;

}




.headerarea__button a{
    width: 222px !important;
    margin-bottom: 30px;
}

.kerdesbox {
    background-color: #f0f0f0;
    border: 1px solid  #c6c6c6;
    border-radius: 10px;
    padding: 15px;
}

.kerdes_szoveg {
    width: 75%;
    margin: auto;
    background-color:white;
    padding: 40px;
    font-size: 20px !important;
}

.kerdesbox li {
    display: list-item !important;
    list-style-type: disc !important;
    margin-bottom: 10px;

}

.kerdes_szoveg p {
    font-size: 20px !important;
    color:#5F2DED;
}

.valasz_box {
    width: 90%;
    margin: auto;
    text-align: center;
}

.rozsaszin {
    background-color: #ff2184;
    color: white;
}

.rozsaszin:hover {
    background-color: #ff1b82;
    color: black;
}

.lilaszin {
    background-color:#5F2DED;
    color: white;
}

.lilaszin:hover {
    background-color:#8e65fe;
    color: white;
}

.lilabetu {
    color: #5F2DED !important;
}

.pinkbetu {
    color:#f2277e !important;
}

.jelenlegimod {
    font-size: 13px !important;
}

.clear {
    width: 100px;
    height: 1px;
    clear: both;
    margin-bottom: 40px;
}

.navigacio {
    float: right;
}

.navigacio a{
    font-size: 18px;
    padding: 10px;
    background-color:rgb(225, 225, 225);
    color: black;
}


.navigacio2 {
    float: left;
}

.navigacio2 a{
    padding: 10px;
    background-color:#5F2DED;
    color: white;
}


.tantargygomb {
    width: 70%;
    padding: 20px;
    background-color:#5F2DED;
    color: white !important;
    border-radius: 15px;
    text-align: center;
    font-size: 22px !important;
}

.nagyobb_betu a{
    font-size: 22px !important;
    color: white !important;
}

.szurke_button {
    width: 70%;
    padding: 20px;
    background-color: #bbb;
    color:#333;
    text-align: center;
    border-radius: 15px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #333;
}

.szurke_button a {
  display: inline-block;
  color: black !important;
}



.kuponbox {
    width: 300px;
    margin: auto;
    text-align: center;
}


.kisbetu {
    font-size: 16px !important;
}

.focim {
    font-size: 65px !important;
    color: white !important;
}

.focim span {
    color: #f2277e !important;
}


.focim2 {
    font-size: 40px !important;
    color: white !important;
    padding-top: 30px;
}

.cim1 {
    font-size: 20px !important;
    font-weight: bold;
    color: #5F2DED !important;
}

.cim2 {
    font-size: 20px !important;
    font-weight: bold;
}

.cim3 {
    padding: 15px;
    background-color: #f2277e;
    color: white;
}

.cim4 {
    font-size: 30px !important;
    font-weight: bold;
    color: #5F2DED !important;
    margin-top: 15px;
}

.szoveg1 {
    font-size: 16px !important;
}

.feher_szoveg {
    color: #f2277e !important;
    font-size: 20px !important;
    font-style: italic;
}

.digitkult_szoveg {
    text-align: center;
    font-size: 18px;
}

.kisebb_betu {
    font-size: 14px !important;
}

.single__service {
    border: 1px solid #5F2DED !important;
}

.szoveg_box {
    width: 100%;
    background-color: white;
    border: 1px solid #ff1b82;
    border-radius: 15px;
    padding: 25px;
    text-align: left;
}

.szoveg_box p{
    font-size: 20px !important;
}

.kiertekeles_szoveg {
    text-align: justify;
    font-size: 16px;
}

.behuz {
    margin-left: 50px;
}

.helykihagy {
    margin-top: 40px;
}


.lableclink a {
    color: white;
}


.lableclink a:hover {
    color: gainsboro;
}



.custom-checkbox {
  width: 20px; 
  height: 20px; 
  margin-top: 8px; 
  margin-right: 10px;
  
}

.custom-checkbox:checked {
    background-color: #5F2DED;
    border-color: #5F2DED;
}

.form-check-label {
  font-size: 1.25rem; 
}


.elofizetek_gomb {
    background-color: #5F2DED;
    color: white;
    font-size: 22px;
}

.elofizetek_gomb:hover {
    background-color: white;
    color: #5F2DED;
    border-color:  #5F2DED;
}


.utalasbox {
    background-color: #f2f2f2;
    border-radius: 10px;
    border: 1px solid #333;
    padding: 20px;
    margin-bottom: 40px;
}

.nevek_felsorolas {
    margin: 0;
    padding: 0;
}

.nevek_felsorolas2 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.listabox {
    background-color: fff;
    border-radius: 10px;
    border: 1px solid #5F2DED;
    padding: 20px;

}





.blogarea__paragraph ul {
    list-style-type: disc !important;
    padding-left: 25px !important; 
    list-style-position: outside !important;
}


.blogarea__paragraph li {
    margin-bottom: 18px !important;
}


.accordion-button {
    font-size: 20px;
    font-weight: bold;
}





#loader {
    text-align: center;
    margin-top: 20px;
}
.spinner {
    border: 8px solid #f3f3f3; /* Világos szürke háttér */
    border-top: 8px solid #5F2DED; /* Lila pörgő rész */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}






/* Stílus a bannerhez */
    

       .cookie-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
        z-index: 1000;
      }
      .cookie-banner .primary-btn {
        margin: 0 10px;
        padding: 10px 20px;
        border: none;
        background: #5F2DED;
        color: #fff;
        cursor: pointer;
        font-size: 1em;
      }
      .cookie-banner .primary-btn:hover {
        background: #7f59e9;
      }
      .cookie-banner .secondary-link {
        display: block;
        margin-top: 10px;
        font-size: 0.9em;
        color: #bbb;
        cursor: pointer;
        text-decoration: underline;
      }
      .cookie-banner .secondary-link:hover {
        color: #ddd;
      }