html[lang="fr"] .header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-left: 84px;
}
html[lang="fr"] .btn.btn-brand-1 {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 6px 12px;
}
html[lang="ru"] .header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-left: 96px;
}
html[lang="ar"] .header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-right: 95px;
}
html[lang="ar"] .header-nav .main-menu {
    list-style: none;
    margin-left: 40px;
    padding: 0;
    display: flex;
    gap: 0px;
}
html[lang="ar"]  .box-info-banner11 .color-brand-1 {
    color: #ffffff !important;
    font-size: 4.5rem !important;
    line-height: 76px;
    width: 185%;
    margin-right: 77%;
    text-align: center;
    align-items: center;
    font-weight: 700 !important;
}
html[lang="ar"] .box-info-banner11 .font-sm {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / 1) !important;
    margin-top: -198px;
    margin-right: 158%;
    width: 400px;
    font-weight: 500 !important;
}

html[lang="he"] .header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-right: 103px;
}
html[lang="he"] .header-nav .main-menu {
    list-style: none;
    margin-left: 40px;
    padding: 0;
    display: flex;
    gap: 0px;
}
html[lang="he"]  .box-info-banner11 .color-brand-1 {
    color: #ffffff !important;
    font-size: 4.5rem !important;
    line-height: 76px;
    width: 185%;
    margin-right: 77%;
    text-align: center;
    align-items: center;
    font-weight: 700 !important;
}
html[lang="he"] .box-info-banner11 .font-sm {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / 1) !important;
    margin-top: -198px;
    margin-right: 158%;
    width: 400px;
    font-weight: 500 !important;
}
html[lang="ro"]  .header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: center;
    width: 100%;
	margin-left: 192px;
}
#mic-init-access-tool .mic-access-tool-general-button > div img {
    display: inline-block;
    max-width: 45px;
    height: 45px;
    width: 45px;
    margin-left: -10px!important;
    margin-top: -2px!important;
}

#mic-init-access-tool .mic-access-tool-box .link-access-page #mic-toolbox-disable-buttons-reset-all {
    text-align: center;
    font-weight: 700;
   
}
#mic-init-access-tool .mic-access-tool-box .link-access-page button, #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 186px;
    height: 106px;
    margin-bottom: 68px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 10px;
    border: solid 1px aliceblue;
    background: aliceblue;
    vertical-align: middle;
    line-height: normal !important;
    font-weight: 400;
    font-size: 15px !important;
    border-radius: 10px;
    text-transform: capitalize;
}
.breadcrumbs ul li a svg {
    color: #8ea4ac;
    float: left;
    margin: 5px 5px 0 0;
}
.breadcrumbs {
    font-size: 14px!important;
}
.card.tag-sidebar {
    margin-bottom: 50px;
}
.list-socials {
    margin-top: 30px;
    margin-bottom: 50px;
}
.header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-left: 220px;
}



.footer-2 .font-md {
  color: #ffffff !important;
}
.box-radius-bottom {
    background-color: #393c44;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    padding: 50px 0;
    color: #fff !important;
}
.box-radius-bottom .color-brand-1 {
    color: rgb(202, 206, 214) !important;
}
.box-radius-bottom p {
    color: rgb(202, 206, 214) !important;
    color: #8e8e8e;
    font-size: 12px !important;
    /* font-size: 0.625rem; */
    line-height: .97rem !important;
    padding-top: 1px !important;
    /* margin: 25px auto 0 !important; */
   
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
    align-items: anchor-center;
}
.is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size);
    margin-top: 102px;
    margin-bottom: 365px;
}
a.btn.btn-default.font-sm-bold.ps-0.color-brand-1.hover-up {
    padding-left: 27px !important;
}
.ck-content .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: var(--ck-color-image-caption-text);
    background-color: hsl(0deg 0% 100%);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

h3, h4 {
    font-weight: 700;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.sale-popup-info .sale-popup-location .js-sale-popup-location {
    color: #ff0000;
    font-size: 15px;
    font-weight: 600;
}
.card-info a:hover {color: #0161ad !important;background-color: #d3e3f5!important;}
.add-to-cart {background: var(--primary-color);border-radius: 6px;color: #fff;flex-shrink: 0;min-width: 80px;padding: 10px;text-align: center;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.lbl-border {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 12px 16px;
    position: absolute;
    right: 18px;
    top: 17px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.col-lg-6 .card-blog-grid .card-image img {
    max-height: 222px;
    min-height: 224px;
    border: 9px solid #fff !important;
    background-color: #cbcbcb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    /* transform: rotate(2deg); */
    border-radius: 21px;
    padding: 1px;
}
.col-lg-4 .card-blog-grid .card-image img {
    max-height: 260px;
    border: 9px solid #fff !important;
    background-color: #cbcbcb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    /* transform: rotate(2deg); */
    border-radius: 21px;
    padding: 1px;
}
.content-single img {
    /* border: 12px solid #fff !important; */
    background-color: #cbcbcb;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); */
    /* transform: rotate(2deg); */
    /* border-radius: 21px; */
    border-radius: 24px;
    padding: 1px;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background-color: #ffffff;
    color: #000;
    font-weight: normal;
    font-style: normal;
}
.col-lg-6 .card-blog-grid .card-image img {
    max-height: 222px;
    min-height: 224px;
    border: 5px solid #fff;
    background-color: #cbcbcb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.blog-sidebar .post-item .post-image {
    /* border-radius: 5px; */
    max-width: 143.32px;
    background: linear-gradient(225deg, transparent 49.27%, rgba(0, 0, 0, 0.5) 100%) no-repeat;
    border-radius: 16px;
    /* border: 5px solid #fff; */
    /* background-color: #cbcbcb; */
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); */
    /* border: 4px solid #1d385d; */
}
.contact-form input.contact-form-input {
    height: 45px;
    padding: 18px 20px;
}
.contact-form .contact-form-input {
    border: 1px solid #0d6efd !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #3d565f !important;
    transition: border-color 0.3sease, box-shadow 0.3sease;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important;
}
.contact-form .form-control.is-valid {
    border-color: #28A745;
    background-color: #E6F7EC;
    color: #28A745;
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
}
.contact-form .contact-form-input:focus {
    border-color: var(--success-color) !important;
    border-color: #007BFF !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important;
    outline: none !important;
}
.contact-form .form-check .form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: var(--bs-form-check-bg-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #dee2e6;
    flex-shrink: 0;
    float: left;
    height: 1em;
    margin-left: -1.5em;
    margin-top: .25em;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact !important;
    vertical-align: top;
    width: 1em;
    border-color: #007BFF !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important;
    outline: none !important;
}
.ui-widget.ui-widget-content {
    border: 0 solid #ebebeb;
    padding: 30px;
}
span.font-xs.color-grey-500.department {
    display: none;
}
.card-testimonial-grid .card-bottom-info .date-post, .card-testimonial-grid .card-bottom-info .rating {
    width: 50%;
    display: none;
}
.hidden-h1 {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}

button.btn.btn-outline-danger {
    margin-top: 50px;
    margin-bottom: 50px;
}

.cookie-consent.cookie-consent--visible {
    display: block;
    font-family: DMSans, Roboto, Helvetica Neue, Arial, sans-serif;
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    padding: 20px 30px;
    position: fixed;
    z-index: 2147483645;
    bottom: 0;
    left: 0;
    right: 0;
    color: black;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 4px 30px 0 #263763;
}

.magic-radio:checked+label:before {
    border: 1px solid #3eeb69!important;
}
.magic-radio+label:after {
    background: #3eeb69!important;
    border-radius: 50%;
    height: 8px;
    left: 6px;
    top: 6px;
    width: 8px;
}
.magic-checkbox+label, .magic-radio+label {
    cursor: pointer;
    display: block;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
    font-weight: 600 !important;
}
.footer .font-md {
    text-align: justify;
    font-size: .925rem !important;
    line-height: 1.75rem !important;
}
.accordion .accordion-button {
    border: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding: 25px 30px 20px;
    background-color: #ecf1f2;
    margin-top: 20px;
}
.blog-sidebar .post-item .post-meta .description .date {
    color: #6c757d;
    font-weight: 400;
    margin-left: 30px;
    font-size: 12px !important;
}
.blog-sidebar .post-item .post-meta .description .name {
    font-weight: 400;
    margin-left: 10px;
    font-size: 12px !important;
    line-height: 1.0;
    text-align: left;
}

.blog-sidebar .post-item .post-meta .title {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.5 !important;
    display: block;
}
h2.color-brand-1.mb-20.wow.animate__animated.animate__fadeInUp.animated {
    font-weight: 300;
    line-height: 1.4;
   font-size: clamp(2rem, 5vw, 3rem)!important; 
}
h2.color-brand-1.mb-20.wow.animate__animated.animate__fadeIn.animated {
    font-weight: 400 !important;
    line-height: 1.5;
    font-size: clamp(2rem, 5vw, 3rem) !important;
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem;
    animation-delay: 0.2s !important;
    animation-duration: 1.2s !important;
/*    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(to right, #ffffff, #f8f8f8);
    border-left: 5px solid #1f3a5e; */
}

.box-banner-home9 h2 {
    font-size: 62px;
    line-height: 67px;
}
.box-banner-home9 {
    background: url(../imgs/page/homepage9/bg-banner.png) no-repeat top;
    background-size: cover;
    padding: 120px 0 0;
    /* background: #d4e4f6; */
    background: linear-gradient(to bottom, #ffffff, #d4e4f6) !important;
}
.download-app {
    background-color: #1e3a5f!important;
}
.download-button {
    font-family: 'DMSans', sans-serif;
    display: inline-block;
    padding: 12px 24px;
    font-size: 1rem !important;
    font-weight: 700!important;
    text-align: center;
    color: #254165 !important;
    background-color: #d4e4f6 !important;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    line-height: 1 !important;
    white-space: nowrap;
    margin: 0 auto;
    text-indent: 0;
}
#phone-vr .phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, .phone-bar a {
    background-color: #1e3a5f;
}
#phone-vr .phone-vr-circle-fill {
    opacity: .7;
    box-shadow: 0 0 0 0 #1e3a5f;
}
.bg-grey-60 {
      background: linear-gradient(to bottom, #ffffff, #d9e6fb) !important;
}
.item-number .num-ele {
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #d4e4f6!important;
    font-size: 48px;
    font-weight: 700;
    height: 83px;
    line-height: 83px;
    margin-right: 20px;
    max-width: 83px;
    min-width: 83px;
    text-align: center;
    width: 83px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}
.card-blog-grid .card-info a:hover, .card-blog-grid .card-info a:hover * {
    color: rgb(30 58 95) !important;
}
.pe-2 img:hover {
    transform: translateY(-3px);
    transition-duration: .2s;
}
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
   	background: #ffffff;
    border: none;
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
    overflow: hidden;
}
.box-price .price-old {
    color: #dc143c !important;
    font-size: 28px;
    line-height: 32px;
    text-decoration: line-through;
}
.text-swatch li span {
    background-color: #fff;
    border: 1px solid #b90000;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 5px 15px;
    position: relative;
    transition: .2s;
    min-width: 220px;
    width: 205px;
    text-align: center;
    border-radius: 3px;
}
.text-swatch li input[type=checkbox]:checked~span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid #279900;
    bottom: -1px;
    content: "";
    position: absolute;
    right: -16px;
}
.text-swatch li input[type=checkbox]:checked~span {
    border: 2px solid #279900;
}
.text-swatch li input[type=radio]:checked~span {
    border: 2px solid #279900;
}
.text-swatch li input[type=radio]:checked~span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid #279900;
    bottom: -1px;
    content: "";
    position: absolute;
    right: -16px;
}
.checkout-quantity {
    background: #ff0000;
    border: 1px solid #bb0000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    height: 25px;
    line-height: 22px;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -7px;
    width: 25px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
}

.attribute-name {
    color: crimson;
    font-size: 1.2rem;
    margin-left: 10px;
    margin-bottom: 10px;
}
.card {
    background-color: #ffffff; /* Fehér háttér */
    border-radius: 8px; /* Lekerekített sarkok */
    padding: 16px; /* Belső margó */
    box-shadow: 0 4px 28px #0000001a !important; /* Lágy árnyék */
    filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important; /* További árnyék */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animáció */
}
.accordionStyle2 .accordion-button:after {
  filter: brightness(1.5) saturate(1.5) hue-rotate(144deg);
}
.accordionStyle2 .accordion-item {
    background-color: #fff;
    border: 1px solid #cde2e7;
    border-radius: 3px;
    box-shadow: 9px 11px 23px 0 rgba(6, 61, 79, .12);
    margin-bottom: 10px;
    overflow: hidden;
}
.card:hover {
    transform: translateY(-5px); /* Enyhe emelés hoverre */
    box-shadow: 0 6px 32px #0000001a, 0px -4px 20px rgba(0, 0, 0, 0.05); /* Intenzívebb árnyék */
}
.icon-socials img {
    filter: brightness(0) invert(0); /* Színezés feketévé */
}
.card-testimonial-grid {
    background: #fff url(../imgs/page/homepage1/quote.svg) no-repeat top 20px right 30px;
    border: 1px solid #cde2e7;
    border-radius: 8px;
    display: inline-block;
    padding: 30px 30px 20px;
    transition-duration: .2s;
    width: 100%;
    box-shadow: 0 4px 28px #0000001a !important;
    filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, .05)) !important;
}
.icon-socials {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-color: #fefefe;
    opacity: 0.8;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 14px;
    width: 50px !important;
    height: 50px !important;
    transition-duration: 0.2s;
    margin-right: 8px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
.pe-2 img {
    max-width: 100%;
    border: 1px #000 solid;
    border-radius: 8px;
    background-color: aliceblue;
    opacity: 0.8;
    padding: 14px;
    max-height: 104px;
   filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2)); /* Árnyék */

}
.header .main-menu li a {
    color: #071920;
    display: block;
    font-family: var(--primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    padding: 28px 18px 28px 15px;
    position: relative;
    text-decoration: none;
}
.card-product .card-info a:hover, .card-product .card-info a:hover h6 {
    color: #0161ad !important;
}
.text-shadow{filter:drop-shadow(0 1.2px 1.2px rgba(0,0,0,.8))!important}
.header-nav .main-menu .active a {
    color: rgb(255 255 255);
}
.header .main-menu li a {
    color: #ffffff!important;
}
.color-grey-500  {
--tw-text-opacity: 1 !important;
    color: rgb(38 38 38 / 1) !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.font-sm, .font-xs {
    font-family: var(--primary-font);
    font-weight: 500;
}
.font-sm {
    font-size: 14px;
    line-height: 18px;
}
.color-grey-500 {
    color: rgb(102 102 102 / var(--tw-text-opacity, 1)) !important;
}
/* Alapértelmezett állapot */
.form-control {
    border: 2px solid #cde2e7; /* Halványkék keret */
    border-radius: 15px;
    color: #262626; /* Szöveg színe */
    background-color: #ffffff; /* Fehér háttér */
    height: 60px;
    padding: 18px 20px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Sima animáció */
}

/* Fókuszált állapot */
.form-control:focus {
    border-color: #007BFF; /* Intenzív kék szín */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Finom ragyogás */
    outline: none;
}

/* Hibás állapot */
.form-control.is-invalid {
    border-color: #DC3545; /* Piros keret */
    background-color: #FDEDED; /* Halvány piros háttér */
    color: #DC3545; /* Piros szöveg */
    box-shadow: 0 0 5px rgba(220, 53, 69, 0.5); /* Piros ragyogás */
}

/* Érvényes állapot */
.form-control.is-valid {
    border-color: #28A745; /* Zöld keret */
    background-color: #E6F7EC; /* Halvány zöld háttér */
    color: #28A745; /* Zöld szöveg */
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.5); /* Zöld ragyogás */
}

/* Hover állapot (egérrel rámutatva) */
.form-control:hover {
    border-color: #17A2B8; /* Türkiz szín */
    background-color: #F0FAFC; /* Halvány türkiz háttér */
}

/* Disabled állapot (letiltva) */
.form-control:disabled {
    border-color: #E0E0E0; /* Szürke keret */
    background-color: #F8F9FA; /* Világos szürke háttér */
    color: #6C757D; /* Halvány szürke szöveg */
    cursor: not-allowed;
    opacity: 0.7;
}

/* Placeholder szöveg */
.form-control::placeholder {
    color: #A0A0A0; /* Halvány szürke szöveg */
    font-style: italic;
}

/* Readonly állapot (csak olvasható) */
.form-control[readonly] {
    background-color: #E9ECEF; /* Világos szürke háttér */
    border-color: #CED4DA; /* Halvány szürke keret */
    color: #495057; /* Sötétebb szürke szöveg */
    cursor: default;
}

.footer .width-23 {
    width: 21%;
}
    .footer .footer-1 {
        background-color: var(--footer-background-color);
        background-image: var(--footer-background-image);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 75px;
        
    }
.box-newsletter .img-main {
    border-radius: 0px;
    max-width: 37%;
    width: 100%;
    margin-left: 36%;
    /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); */
}
.item-number .num-ele {
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #ffe7bb;
    font-size: 48px;
    font-weight: 700;
    height: 83px;
    line-height: 83px;
    margin-right: 20px;
    max-width: 83px;
    min-width: 83px;
    text-align: center;
    width: 83px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}
.box-images img {
    z-index: 2;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
    padding: 10px;
    background-color: #2371ad;
    transform: rotate(3deg);
}
.card-blog-grid.card-blog-grid-2 {
    border: 1px solid #cde2e7;
    border-radius: 4px;
    padding: 18px;
    background-color: #d4e4f6;
    background: #d4e4f6;
    margin: auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0;
    transform: scale(0.95);
    transition: box-shadow 0.5s, transform 0.5s;
}

.box-newsletter {
    background-color: #d4e4f6;
    border-radius: 8px;
    display: inline-block;
    padding: 40px;
    position: relative;
    width: 100%;
}
.card-offer .card-image img {
    max-height: 75px;
    /*filter: brightness(10);*/
}
.card-offer-style-2 .card-offer .card-image {
    background: #1d385d;
    border-radius: 16px;
    box-shadow: 9px 11px 23px 0 rgba(6, 61, 79, .12);
    display: inline-block;
    height: 115px;
    line-height: 115px;
    margin-bottom: 30px;
    max-width: 104px;
    text-align: center;
    width: 100%;
    color:#fff;
}
.card-offer-style-2 {
    background-color: #d3e3f5 !important;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}
/* Általános menüstílusok */
.header-nav {
    display: flex; /* A logó és a menü egymás mellett helyezkedik el */
    align-items: center; /* Vertikálisan középre igazítja az elemeket */
    justify-content: space-between; /* Távolságot teremt a logó és a menü között */
    padding-left: 20px;
}

.header-nav .main-menu {
    list-style: none; /* Alapértelmezett listaformázás eltávolítása */
     margin-left: 40px;
    padding: 0;
    display: flex; /* A menüelemek vízszintesen helyezkednek el */
    gap: 20px; /* Távolság a menüpontok között */
}

.header-nav .main-menu li {
    position: relative;
    padding: 0; /* Felesleges belső távolság eltávolítása */
}

.header-nav .main-menu li a {
    position: relative;
    display: inline-block;
    color: var(--primary-color);
    text-decoration: none;
    padding: 5px 0; /* Függőleges távolság a szöveg alatt */
}

/* Aláhúzás stílus */
.header-nav .main-menu li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px; /* Az aláhúzás vastagsága */
    background-color: var(--primary-hover-color);
    transition: width 0.3s ease;
}

/* Hover állapot */
.header-nav .main-menu li a:hover::after {
    width: 100%; /* A vonal hossza igazodik a szöveghez */
}

/* Aktív elem */
.header-nav .main-menu .active a::after {
    width: 100%; /* Az aktív elem aláhúzása */
}

/* Távolság a logó és a menü között */
.header-nav .main-menu {
    margin-left: auto; /* A menüt a logótól jobbra igazítja */
}

/* Távolság a szöveg és az aláhúzás között */
.header-nav .main-menu li a {
    padding-bottom: 8px; /* Növelheted ezt az értéket, ha nagyobb távolság kell */
    margin-right: -3px;
}

.footer .menu-footer li {
    margin-bottom: 10px; /* Távolság a listaelemek között */
}

.footer .menu-footer li a {
    color: #dfdfdf !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    display: inline-block; /* Csak a szövegre vonatkozzon az aláhúzás */
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    text-decoration: none;
    position: relative; /* Az aláhúzás pozicionálásához */
    transition: color 0.4s ease; /* Lassabb színváltozás */
}

.footer .menu-footer li a::after {
    content: ''; /* Üres elem a vonalhoz */
    position: absolute;
    bottom: -2px; /* Szöveg alá kerül */
    left: 0;
    width: 0; /* Alapértelmezetten nem látható */
    height: 2px; /* Vastagabb vonal */
    background-color: #ffffff; /* Hover színnel egyező vonal */
    transition: width 0.5s ease; /* Lassabb animáció */
}
.footer .menu-footer li a:hover {
        color: #ffffff !important; /* Hover szövegszín */
}


.footer .menu-footer li a:hover::after {
    width: 100%; /* A vonal pontosan a szöveg hosszáig terjed */
    color: #ffffff !important;
}






/* Alapstílus a szöveghez */
.card-blog-grid .card-info a {
    color: #4e6770!important; /* Normál szövegszín */
    text-decoration: none; /* Aláhúzás alapból kikapcsolva */
    position: relative; /* Vonalkészítéshez szükséges */
    display: inline-block; /* Szöveg szélességére vonatkozik */
}

/* Aláhúzás effektus */
.card-blog-grid .card-info a::after {
    content: ''; /* Üres elem, amit vonalként használunk */
    position: absolute; 
    bottom: -3px; /* Szöveg alá helyezés */
    left: 0;
    width: 0; /* Alapértelmezésben láthatatlan */
    height: 3px; /* Vonalmagasság */
    background-color: rgb(30 58 95); /* Hover szín */
    transition: width 0.4s ease; /* Animáció lassítása */
}

/* Hover effektus - a szöveg színe és a vonal megjelenése */
.card-blog-grid .card-info a:hover {
    color: var(--primary-hover-color); /* Szövegszín hover állapotban */
}

.card-blog-grid .card-info a:hover::after {
    width: 100%; /* A vonal szélessége a szöveg hosszával egyezzen */
}



.header {
border-bottom: 1px solid #000000;float: left;padding: 0;position: relative;width: 100%;background-color: #1e3a5f;}
.header-top {background-color: #000000;}
.sticky-bar.stick {background: #1e3a5f;border-bottom: 1px solid #1e3a5f;box-shadow: 0 8px 20px 0 rgb(0 0 0 / 30%);}
.btn-tag {background:#d4e4f6 !important;}
.color-brand-2 {color: #d4e4f6 !important;}
.btn.btn-play {color: #d4e4f6;}
.box-button-video .btn-play svg circle {color: #d4e4f6;}
.btn.btn-brand-1 {color: #1e3a5f!important;}
.btn.btn-brand-1 {background: #d4e4f6;}
.color-grey-900 {color: #d4e4f6 !important;}
.banner-slide-11 {background-position: top;background-repeat: no-repeat;background-size: cover;min-height: 838px;}
.font-md {color: #262626 !important;font-size: .875rem !important;line-height: 1.25rem !important;font-weight: 500 !important;}
.card-offer-style-3 .card-head .card-image {background-color: #1f3a5e;}
.card-offer-style-3 .card-head {background-color: #d4e4f5!important;}
.mt-110 {margin-top: 110px !important;background-color: #d4e4f6;padding: 27px;}
.box-cover-border {border: 1px solid #1e3a5f;border-radius: 50px;background-color: #1e3a5f;padding: 20px;}
.box-cover-border  .img-reveal img {height: 100%;-o-object-fit: cover;object-fit: cover;width: 56%;}
.box-cover-border .color-brand-1 {color: #d4e4f6 !important;}
.box-cover-border .font-md {color: #ffffff!important;}
.text-lg-end {text-align: center !important;}
.footer-bottom .font-md {font-size: .875rem !important;line-height: 1.25rem !important;}
.card-offer-style-3 h4 {font-size: 23px;line-height: 23px;}
.accordionStyle2.accordion .accordion-button {padding: 15px 38px;background-color: #1e3a5f !important;color: #d4e4f6;font-size: 1.1rem !important;line-height: 1.5rem !important;font-weight: 400;}
.accordion .accordion-body {padding: 25px 50px 30px 30px;font-size: 17px;font-size: 1rem !important;
line-height: 1.5rem !important;font-weight: 400;background-color: #d4e4f5;}
.footer-1 .mb-10 img {max-width: 55%!important;margin-top: 18px!important; /* filter: brightness(0) invert(0);*/}
.color-grey-400 {color: #262626!important;}
footer h1, footer h1.color-brand-1, footer h2, footer h2.color-brand-1, footer h3, footer h3.color-brand-1, footer h4, footer h4.color-brand-1, footer h5, footer h5.color-brand-1, footer h6, footer h6.color-brand-1 {color: #dfdfdf !important;font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
    margin-top: 26px;
    margin-bottom: 20px !important;}
footer .footer-2 {background-color: #fff;}
footer-1 p {color: #dfdfdf !important;font-size: .875rem !important;line-height: 1.25rem !important;font-weight: 700 !important;}
footer-2 a, footer-2 p, footer span {color: #dfdfdf !important;font-size: .875rem !important;line-height: 1.25rem !important;font-weight: 700 !important;}
.footer .footer-bottom {border-top: 1px solid #1e3a5f;}
.btn.btn-brand-1:hover {color: #00c0fd!important;}
.contact-form .btn.btn-brand-1-full {padding: 15px;width: auto !important;margin-top: 65px;}
.box-banner-contact {background: url(../imgs/page/contact/bg-banner.png) no-repeat top;background-size: contain;bottom: 0;overflow: hidden;padding-top: -8px;position: absolute;right: 0;text-align: right;width: 50%;height: -webkit-fill-available;}
.contact-column-12.col-md-12.contact-field-custom_field_42_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_42_wrapper:before {content: "⭐ Kiegészítő Szolgáltatások | Additional services";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper:before {content: "⭐ Extra Szolgáltatások | Extra services";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper:before {
  content: "Transzfer adatok | Transfer data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper:before {
  content: "Számlázási adatok | Billing data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
}

.contact-form .form-check {
    display: block;
    margin-bottom: .125rem;
    min-height: 1.5rem;
    padding-left: 1.5em;
    text-align: left;
}
.contact-column-12.col-md-12.contact-field-custom_field_22_wrapper {
    overflow: visible;
    border: none;
    color: #333;
    border-bottom: medium double #cde2e7;
    text-align: center;
    margin-bottom: 50px;
}
.contact-form-group {text-align: left;}
.auth-card, .auth-card .card-header {background-color: #f8f9fa !important;padding: 15px;border: 2px dashed #f8f9fa !important;box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);}
.card-info  .color-grey-900 {color: #1f3a5e !important;}
.bb-customer-page {background-color: #fff;box-shadow: 0 7px 29px 0 hsla(240, 5%, 41%, .2);margin-bottom: 100px;}
.bb-empty {text-align: center;}
p.bb-empty-title {margin-top: 30px;}
.bb-empty-action {margin-top: 30px;margin-bottom: 50px;}
.header .main-menu li a {color: #92eaff;}
.btn {margin-left: 15px;}
.card-marketing .card-image .cover-image {background-color: #1d385d;}
.ae-anno-announcement__button {color: #d3e3f5!important;background: #1d385d;padding: 10px;border-radius: 4px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(255, 255, 255, 0.5);}
.ae-anno-announcement__button:hover {box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.5);transform: translateY(-2px);}
.ae-anno-announcement__text {margin-top: 5px!important;text-align:center;margin-left:50%;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(255, 255, 255, 0.5);}
.bg-4 {background-color: #d3e3f5 !important;}
footer .footer-1 {margin-top: 200px;}
.btn {border-radius: 4px!important;}
.btn.btn-brand-1:hover svg {fill: #ffe7bb!important;}
.btn.btn-brand-1 svg {color: #1e3a5f;transition: fill 0.3s ease;}
.dual-intro-video-shortcode .box-cover-video, .dual-intro-video-shortcode .box-cover-video-convert, .intro-video-shortcode .box-cover-video {border-radius: 69px !important;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);}
.card-product {background: #d4e4f6;margin: auto;position: relative;overflow: hidden;border-radius: 10px 10px 10px 10px;box-shadow: 0;transform: scale(0.95);transition: box-shadow 0.5s, transform 0.5s;
  &:hover{transform: scale(1);box-shadow: 5px 20px 30px rgba(0,0,0,0.2);}}
.btn.btn-brand-1:hover {background-color: #1c273a !important;border-color: #1c273a !important;text-decoration: none;box-shadow: 0 0 2.5rem 1rem rgb(205 170 96 / 0%) !important;/* box-shadow: 0 8px 16px 3px rgba(0, 0, 0, 0.6); */transform: translateY(-2px);transform: translateY(-3px) scale(1.00) rotateX(15deg);transition: all .25s cubic-bezier(.02,.01,.47,1) !important;}
.tabs-plan li a.active, .tabs-plan li a:hover {background-color: #d4e4f6;border-radius: 6px;}
.bg-7 {background-color: #d4e4f6 !important;}
.box-banner-shop-grid .image-secondary {height: auto;max-width: 780px;position: absolute;top: 50%;transform: translateY(-50%);margin-left: 2%;}
.box-banner-shop-grid .image-primary {height: auto;max-width: 607px;position: absolute;right: 70px;top: 50%;transform: translateY(-50%);}
.box-price .price {font-family: var(--primary-font), sans-serif;font-weight: 700;margin-right: 15px;color: #1e3a5f;}
.color-success {color: rgb(52 77 110);}
.font-md {text-align: justify;font-size: 1.125rem !important;line-height: 1.75rem !important;}
.color-grey-900 {color: #1e3a5f !important;}
.header .main-header .header-left .header-right .icon-list .arrow-down {color: #d4e4f6 !important;}
#button-contact-vr {bottom: 131px;}
.list-ticks.list-ticks-2 li svg {color: #238b23;}
.list-ticks.list-ticks-2 li.mutted svg {color: #9b0031;display: none;}
.bg-grey-80 {background-color: #d4e4f6;}
.bg-plan {background-image: url(../imgs/page/homepage1/bg-plan);}
.tabs-plan li a {display: none;}
.sale-popup-ago .sale-popup-verify {display: none;}
.sale-popup-container-wrap a.sale-popup-quick-view {display: none;}
.header .main-header .header-left .header-right .icon-list .arrow-down {color: #d4e4f6 !important;z-index: 999;}
.pagination {list-style: none !important;}
.burger-icon {
    filter: brightness(0) saturate(100%) invert(1) sepia(0) contrast(100%) grayscale(0) hue-rotate(0deg);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo {
    background-color: #1e3a5f;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo img {
    width: 105px;
}
.burger-icon.burger-close {
    position: fixed;
    right: 30px;
    top: 23px;
}
/*.burger-icon.burger-close {
   filter: brightness(0) saturate(100%) invert(0) sepia(0) contrast(100%) grayscale(0) hue-rotate(0deg);
}*/
span.font-md.color-grey-500.text-type-enterprise {
    display: none;
}

.sale-popup-container {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);border-radius: 2px;}
.box-info-video-banner .box-inner-video-banner .card-small {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);}
.box-cover-border {border: 1px solid #1e3a5f;border-radius: 50px;overflow: hidden;background-color: #1e3a5f;padding: 20px;}
.card-product {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;}
.box-cover-border {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);}
.box-images-cover .box-images-inner .img-project {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);}
.box-radius-16 {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);}
.card-blog-grid.card-blog-grid-2 { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;}
.box-ticks {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;}
.card-plan {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;background-color: #d9e4f5;}
.box-form-contact {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8)filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;;}
.card-small .card-image .box-image {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;}
.contact-form .btn.btn-brand-1-full {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;}
.btn.btn-white-circle {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);}
.card-radius-32 .box-image-rd-30 {border: 5px solid #e0f1f4;border-radius: 30px;overflow: hidden;position: relative;}
.card-radius-32 .box-cover-pd-2 {padding: 60px 0 30px;margin: 15px;}
.img-main-2 {border-radius: 0px;}
.col-lg-6 .card-blog-grid .card-image img {max-height: 222px;min-height: 224px;}








/* Mobil nézet logó beállítások 375px képernyőszélességhez */
@media (max-width: 375px) {
    footer .footer-1 {
    background-color: var(--footer-background-color);
    background-image: var(--footer-background-image2);
    background-repeat: no-repeat;
    background-size: cover;
	}
    footer-2 a, footer-2 p, footer span {
    color: #2a4466 !important;
	}
    .header .main-header .header-left .header-logo a img {
        width: 150px!important; /* Igazítsuk arányosan a logó szélességét */
        height: auto!important; /* Automatikus magasság, hogy megtartsa az arányokat */
        margin: 0 auto!important; /* Középre igazítás */
        display: block!important; /* Szükséges a középre igazításhoz */
        min-height: 51px!important;
        min-width: 132px!important;
    }
    .title-line {
        padding-left: 69px;
        font-size: 10px!important;
    }
   #scrollUp {
    display: none!important;
}
      .asw-menu-btn {
        display: none!important;
    }
  .sale-popup-container {
    display: none!important;
	}
  .ae-anno-announcement-wrapper {display:none!important;}
}
    h2 {
        font-size: 25px;
        line-height: 56px;
    }
.contact-column-12.col-md-12.contact-field-custom_field_42_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_42_wrapper:before {content: "⭐ Kiegészítő Szolgáltatások | Additional services";display: inline-block;position: relative;top: -0.7em;font-size: 1.2em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper:before {content: "⭐ Extra Szolgáltatások | Extra services";display: inline-block;position: relative;top: -0.7em;font-size: 1.2em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper:before {
  content: "Transzfer adatok | Transfer data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.2em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
	}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper:before {
  content: "Számlázási adatok | Billing data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.2em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
	}
}
@media (max-width: 414px) {
  footer .footer-1 {
    background-color: var(--footer-background-color);
    background-image: var(--footer-background-image2);
    background-repeat: no-repeat;
    background-size: cover;
	}
   footer-2 a, footer-2 p, footer span {
    color: #2a4466 !important;
	}
.header .main-header .header-left .header-logo a img {
        min-height: 20px !important;
        min-width: 101px !important;
        margin-left: 0px !important;
   }
   .title-line {
        padding-left: 69px;
        font-size: 11px;
    }
   #scrollUp {
    display: none!important;
	}
  .asw-menu-btn {
        display: none!important;
    }
  .sale-popup-container {
    display: none;
	}
}
@media (max-width: 430px) {
  footer .footer-1 {
    background-color: var(--footer-background-color);
    background-image: var(--footer-background-image2);
    background-repeat: no-repeat;
    background-size: cover;
	}
   footer-2 a, footer-2 p, footer span {
    color: #2a4466 !important;
	}
.header .main-header .header-left .header-logo a img {
    min-height: 51px;
    min-width: 220px;
    margin-left: 94px;
   }
   .title-line {
        padding-left: 69px;
        font-size: 11px;
    }
   #scrollUp {
    display: none!important;
	}
  .asw-menu-btn {
        display: none!important;
    }
  .sale-popup-container {
    display: none;
	}
}
@media (max-width: 768px) {
  footer .footer-1 {
    background-color: var(--footer-background-color);
    background-image: var(--footer-background-image2);
    background-repeat: no-repeat;
    background-size: cover;
	}
   footer-2 a, footer-2 p, footer span {
    color: #2a4466 !important;
	}
.header .main-header .header-left .header-logo a img {
    min-height: 51px;
    min-width: 220px;
    margin-left: -3px;
   }
.header-top .header-wrap .top-bar .header-top-left a {
    color: #1e3a5f;
    margin-left: 6px;
    font-size: 12px!important;
   } 
      .title-line {
        
        font-size: 12px!important;
    }
   #scrollUp {
    display: none!important;
   }
  .asw-menu-btn {
        display: none!important;
    }
  .sale-popup-container {
    display: none;
	}
   .burger-icon.burger-icon-white {
    top:24px;
	}
    .burger-icon.burger-close {
    top: 23px !important;
}
}
@media (min-width: 820px) {
  footer .footer-1 {
    background-color: var(--footer-background-color);
    background-image: var(--footer-background-image2);
    background-repeat: no-repeat;
    background-size: cover;
	}
   footer-2 a, footer-2 p, footer span {
    color: #2a4466 !important;
	}
.header .main-header .header-left .header-logo a img {
    min-height: 51px;
    min-width: 188px;
    margin-left: -41px;
   }
   .header-top .header-wrap .top-bar .header-top-left a {
    color: #1e3a5f;
    margin-left: -82px!important;
   }
   
  
.burger-icon.burger-icon-white {
    top: 39px;
	}
    .burger-icon.burger-close {
    top: 23px !important;
}
    
}
@media (min-width: 1024px) {
   footer .footer-1 {
    background-color: var(--footer-background-color);
    background-image: var(--footer-background-image2);
    background-repeat: no-repeat;
    background-size: cover;
	}
   footer-2 a, footer-2 p, footer span {
   color: #fdfdfd !important;
}
.header .main-header .header-left .header-logo a img {
    min-height: 51px;
    min-width: 220px;
    margin-left: -20px;
   }
  .burger-icon.burger-icon-white {
    top: 39px;
	}
    .burger-icon.burger-close {
    top: 23px !important;
}
     
   .header-top .header-wrap .top-bar .header-top-left a {
    color: #1e3a5f;
    margin-left: 47px!important;
   }
 
  
}
@media (min-width: 1280px) {
      .header-top .header-wrap .top-bar .header-top-left a {
        color: #ffffff;
  }
.header .main-header .header-left .header-logo a img {
    min-height: 31px;
    min-width: 141px;
    margin-left: 0px;
   }
   .header-top .header-wrap .top-bar .header-top-left a {
    color: #fff;
   }
  
}

@media (min-width: 2560px) {
   .header-top .header-wrap .top-bar .header-top-left a {
        color: #ffffff;
  }
.banner-slide-11 {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 1230px;
   }
.contact-column-12.col-md-12.contact-field-custom_field_42_wrapper:before {content: "⭐ Kiegészítő Szolgáltatások | Additional services";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper:before {content: "⭐ Extra Szolgáltatások | Extra services";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper:before {
  content: "Transzfer adatok | Transfer data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
	}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper:before {
  content: "Számlázási adatok | Billing data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
	}
}

/* Mobil Continer modification*/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
.contact-column-12.col-md-12.contact-field-custom_field_42_wrapper:before {content: "⭐ Kiegészítő Szolgáltatások | Additional services";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_51_wrapper:before {content: "⭐ Extra Szolgáltatások | Extra services";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;margin-bottom: 30px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_31_wrapper:before {
  content: "Transzfer adatok | Transfer data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
	}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper {overflow: visible;border: none;border-top: medium double #cde2e7;color: #333;text-align: center;margin-top: 63px;margin-bottom: 2px;}
.contact-column-12.col-md-12.contact-field-custom_field_52_wrapper:before {
  content: "Számlázási adatok | Billing data";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
    margin-bottom: 30px;
	}
}




.ae-anno-announcement-wrapper {
    align-items: center;
    background-color: var(--background-color);
    display: flex;
    gap: 0.625rem;
    padding: 0.625rem;
    width: 100%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4), -2px -2px 6px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    border-top: 1px solid #007BFF !important;
    border-bottom: 1px solid #007BFF !important;
    position: relative !important;
    padding-bottom: 1.25rem; /* Az alján lévő tér növelése */
}

.ae-anno-announcement-wrapper .button-container {
    margin-bottom: 15px; /* Gomb alatti tér növelése */
}

.ae-anno-announcement-wrapper::after {
    content: "";
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: #007BFF !important;
    border-radius: 50% !important;
    margin-top: 15px !important; /* A kék vonal előtt lévő tér növelése */
}

.ae-anno-announcement-wrapper:hover {
    background-color: rgba(0, 123, 255, 0.1) !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5), -4px -4px 10px rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.03) !important;
}

.ae-anno-announcement-wrapper p {
    font-size: 1.1rem !important;
    font-weight: bold !important;
    color: #333333 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(255, 255, 255, 0.5) !important;
}

.ae-anno-announcement-wrapper .icon {
    font-size: 1.5rem !important;
    color: #007BFF !important;
    margin-right: 10px !important;
}
.ae-anno-announcement__dismiss-button-icon {
    height: 1.25rem!important;
    width: 1.25rem!important;
    top: 50%;
   /* transform: translateY(-50%); */
    border-radius: 50%;
    left: inherit;
    right: 0.5rem;
    background: #ffffff;
    color: #1d385d;
}
.ae-anno-announcement__controls button svg {
    height: 2.25rem!important;
    width: 2.25rem!important;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    left: inherit; 
    right: 0.5rem; 
    background: #ffffff;
    color: #1d385d;
   display: none;
}



/*  Uj kezdőlap kialakitás */

/* Alap beállítások */
html body {
    font-family: 'DMSans', sans-serif;
}
 
}
html .bg-grey-60 {
    background-color: #d4e4f6 !important;
    background:#d4e4f6 !important;
}

.color-brand-1 {
    color: #262626 !important;
    font-weight: 500 !important;
    line-height: 1.4;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
html .bg-4 {
    background-color: #ffffff !important;
}
.box-create-account  h2 {font-size: 3rem !important;line-height: 60px !important;font-weight: 500 !important;text-align: center !important;width:400px;}
.box-image-account img {
    border-radius: 1.5rem !important;
    display: block;
    position: relative;
    z-index: 2;
    margin-top: 153px;
    transform: rotate(3deg);
}
.box-create-account .col-sm-6 {
        flex: 0 0 auto;        
        width: 100% !important;
        border-bottom: 1px solid #e5e7eb;
}
.box-image-bg-60 img {
    display: block;
    max-width: 32px;
}
.box-create-account h2 {
    font-size: 3rem !important;
    line-height: 60px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 400px;
    margin-left: 63%;
    padding-bottom: 100px;
    margin-top: -100px !important;
}
.qr-hover {
    width: 180px;
    height: 180px;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    position: absolute;
    z-index: 10;
    overflow: hidden;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: .5rem;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.box-image-bg-60 {
    background-color: #d4e4f6!important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
    text-align: center;
    margin: -61px; /* Csak nagyobb képernyőkön működik */
}

@media (max-width: 768px) {
    .box-image-bg-60 {
        margin: 0px; /* Mobil eszközökhöz igazítva */
    }
}
.box-create-account .font-sm, .box-create-account .font-xs {
    font-family: var(--primary-font);
    font-weight: 500;
    margin-bottom: 48px;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.box-create-account .color-grey-500 {
    color: rgb(102 102 102 / var(--tw-text-opacity, 1))!important;
    margin-top: -14px;
}

/*card*/
.card-offer-style-3 .card-head {
    align-items: flex-end;
    background-color: #e0f1f4;
    display: flex;
    padding: 30px;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    /* border-top: ridge; */
}
.card-offer-style-3 {
    border: 1px solid #cde2e7;
    border-radius: 1.5rem;
    margin-bottom: 30px;
    padding: 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}




/* Banner  */
.banner-abs {
    top: 30%;
    transform: translateY(-50%);
    margin-left: 10%;
}
.box-info-banner11 {
    background-color: transparent;
    padding: 80px 50px;
}
.banner-slide-11 {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
 /*   min-height: 838px; */
    background-position: right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 100vh !important;
    max-height: 1000px !important;
}
.box-info-banner11 .color-brand-1 {
    color: #ffffff !important;
    font-size: 4.5rem !important;
    line-height: 76px;
    width: 185%;
   margin-left: 11%;
    text-align: center;
    align-items: center;
    font-weight: 700 !important;
}

.box-info-banner11 .font-sm {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / 1) !important;
   margin-top: -198px;
    margin-left: 78%;
    width: 400px;
    font-weight: 500 !important;
}
.box-newsletter {
    background-color: #d4e4f6!important;
    border-radius: 0px!important;
    display: inline-block;
    padding: 40px;
    position: relative;
    width: 100%;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    margin-top: 100px;
}

/* .footer .footer-1 {
    background-color: #d4e4f6;
    background-image: var(--footer-background-image);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 75px!important;
    margin-top: -1px!important;
   
} */
.footer p,
.footer h1,
.footer a,
.footer b,
.footer strong {
  color: #dfdfdf !important;
}

.footer .color-grey-400 {
  color: #dfdfdf !important;
}
 
.footer .footer-1 {
    /* background-color: #d4e4f6 !important; */
    background-color: #1b3764;
    background-image: var(--footer-background-image);
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    background-size: contain;
    padding-bottom: 75px !important;
    margin-top: -1px !important;
} 

footer .footer-2 {
  /*  background-color: #d4e4f6!important;  */
    background-color: #283356!important;  
   
}


.container2 {
    font-family: Arial, sans-serif;
    background-color: #1e3a5f; /*#0073e6;*/
    color: white;
    padding: 1rem;
    border-radius: 1.5rem;
    background-image: url(https://www.parkolomester.hu/storage/icons/parkolo-mester-weboldal.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    
}

.container2 img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 80%;
    height: auto;
}

.text-content {
    max-width: 50%;
    margin: 0 auto;
}

.text-content h2 {
    font-size: 48px!important;
    font-weight: 500;
    margin-top: .5rem;
    text-align: left;
    margin-left: -262px;
    width: 651px!important;
}

.text-content p {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin-left: -263px;
}

.stats {
    display: grid;
    gap: 2rem;
    text-align: center;
    margin-top: 2rem;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.stat span {
    font-size: 4.5rem;
    line-height: 1 !important;
    font-weight: bold;
}

/* Frissített mobil nézet a container2 elemhez */
@media (max-width: 768px) {
  .container2 {
    width: 90% !important; /* 90%-ra csökkentve, hogy ne lógjon ki */
    margin: 0 auto !important; /* Középre igazítás */
    padding: 2rem 1rem !important;
    background-position: right top !important; /* Kép pozicionálása jobb felső sarokba */
    background-repeat: no-repeat !important; /* Ne ismétlődjön a háttérkép */
    background-size: contain !important; /* A háttérkép méretezése a szülő elemhez */
  }

  /* .container2 szövegek - igazítás és betűméret */
  .text-content {
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .text-content h2 {
    font-size: 28px !important; /* Kisebb szöveg mobilon */
    line-height: 36px !important; /* Optimalizált line-height mobilra */
    text-align: center !important; /* Középre igazítás */
    margin-left: 0 !important; /* Mindenféle margó eltávolítása */
    width: auto !important; /* Ne legyen fix szélesség */
  }

  .text-content p {
    font-size: 14px !important; /* Kisebb betűméret mobilon */
    text-align: center !important; /* Középre igazítás */
    margin-left: 0 !important;
  }

  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* Két oszlopos elrendezés */
  }

  .stat span {
    font-size: 3rem !important; /* Statok méretének csökkentése */
  }
}

@media (max-width: 480px) {
  .container2 {
    padding: 1.5rem 1rem !important; /* További csökkentés mobilon */
  }

  .text-content h2 {
    font-size: 20px !important; /* Még kisebb szöveg */
    line-height: 28px !important; /* Optimalizált line-height mobilra */
  }

  .text-content p {
    font-size: 12px !important; /* Még kisebb betűméret */
  }

  .stats {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important; /* Egy oszlopos elrendezés */
  }

  .stat span {
    font-size: 2rem !important; /* Statok még kisebbek mobilon */
  }
}

/* Box create account h2 reszponzív */
.box-create-account h2 {
    font-size: 3rem !important;
    line-height: 60px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 400px;
    margin-left: 63%;
    padding-bottom: 100px;
    margin-top: -100px !important;
}

/* Reszponzív változtatások a box-create-account h2 elemhez */
@media (max-width: 1200px) {
  .box-create-account h2 {
    font-size: 2.5rem !important;  /* Csökkentett font méret */
    line-height: 50px !important;   /* Line-height csökkentése a kisebb betűmérethez */
    text-align: left !important;    /* Balra igazítás mobilon */
    width: 90% !important;          /* Szélesség csökkentése */
    margin-left: 0 !important;      /* Margin eltávolítása */
    margin-top: 0 !important;       /* Margin eltávolítása */
  }
}

@media (max-width: 768px) {
  .box-create-account h2 {
    font-size: 2rem !important;  /* Még kisebb font méret mobilon */
    line-height: 40px !important;  /* Optimalizált line-height */
    text-align: left !important;   /* Balra igazítás */
    width: 100% !important;        /* 100%-os szélesség */
    margin-left: 0 !important;     /* Margin eltávolítása */
    margin-top: 0 !important;      /* Margin eltávolítása */
  }
}
@media (max-width: 449.98px) {
    .box-info-banner11 {
        padding: 20p;
        margin-top: 140px;
    }
   .footer .width-23 {
    width: 70%;
	}
}
@media (max-width: 480px) {
  html[lang="fr"] .box-create-account h2 {
    font-size: 1.5rem !important;
    line-height: 38px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 491px;
    margin-left: 63%;
    padding-bottom: 100px;
    margin-top: -100px !important;
	}
   html[lang="ru"] .box-create-account h2 {
      font-size: 1.5 !important;
      line-height: 36px !important;
      font-weight: 500 !important;
      text-align: center !important;
      width: 297px !important;
      margin-left: 63%;
      padding-bottom: 100px;
      margin-top: -100px !important;
	}
  html[lang="ro"] .box-create-account h2 {
    font-size: 2rem !important;
    line-height: 39px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 448px;
    margin-left: 63%;
    padding-bottom: 100px;
    margin-top: -100px !important;
	}
  html[lang="uk"] .box-create-account h2 {
    font-size: 1.5rem !important;
    line-height: 33px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 729px;
    margin-left: 63%;
    padding-bottom: 100px;
    margin-top: -100px !important;
	}
  html[lang="pl"] .box-create-account h2 {
    font-size: 2rem !important;
    line-height: 41px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 591px;
    margin-left: 63% !important;
    padding-bottom: 100px;
    margin-top: -100px !important;
    }
  .box-create-account h2 {
    font-size: 1.5rem !important;  /* Nagyon kicsi font méret */
    line-height: 30px !important;   /* Optimalizált line-height */
    text-align: left !important;    /* Balra igazítás */
    width: 100% !important;         /* 100%-os szélesség */
    margin-left: 0 !important;      /* Margin eltávolítása */
    margin-top: 0 !important;       /* Margin eltávolítása */
  }
  
}
/* Frissített mobil nézet a bannerhez */
@media (max-width: 768px) {
  .banner-slide-11 {
    background-position: center !important; /* Középre pozicionált háttérkép */
    background-size: cover !important; /* A háttérkép méretezése */
    min-height: 50vh !important; /* Csökkentett magasság mobilon */
  }

  .box-info-banner11 .color-brand-1 {
    font-size: 2rem !important;  /* Kisebb font méret mobilon */
    line-height: 36px !important;  /* Optimalizált line-height */
    margin-left: 0 !important;  /* Balra igazítás */
    width: 100% !important;    /* Szélesség 100% */
    text-align: center !important; /* Középre igazítás */
  }

  .box-info-banner11 .font-sm {
    font-size: 14px !important; /* Kisebb betűméret mobilon */
    margin-top: 20px;
    margin-left: 0 !important;
    width: 100%;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .banner-slide-11 {
    min-height: 40vh !important; /* További csökkentés mobilon */
    }
  .box-info-banner11 .color-brand-1 {
    font-size: 1.5rem !important;
    line-height: 28px !important;
    text-align: center !important;
    margin-left: -16% !important;
    }
  .box-info-banner11 .color-brand-1 {
    font-size: 1.5rem !important; /* Nagyon kicsi font méret mobilon */
    line-height: 28px !important; /* Optimalizált line-height */    
    }

  .box-info-banner11 .font-sm {
    font-size: 12px !important;
    margin-top: -122px;
    width: 100%;
    margin-left: -41px !important;
    /* text-align: center !important; */
    }
   h2.color-brand-1.mb-20.wow.animate__animated.animate__fadeIn.animated {
    font-weight: 300;
    line-height: 2rem;
    font-size: 2rem !important;
	}
   h2.color-brand-1.mb-20.wow.animate__animated.animate__fadeInUp.animated {
    font-weight: 300;
    line-height: 2rem;
    font-size: 2rem !important;
}
   h3 {
        font-size: 22px;
        line-height: 44px;
    }
  .item-number .num-ele {
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #ffe7bb;
    font-size: 21px;
    font-weight: 700;
    height: 33px;
    line-height: 31px;
    margin-right: 14px;
    max-width: 33px;
    min-width: 33px;
    text-align: center;
    width: 33px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
	}
   .app-heading {
    font-family: 'DMSans', sans-serif;
    position: relative;
    z-index: 10;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    color: aliceblue;
    font-weight: 500 !important;
    overflow-wrap: break-word;
    display: inline-block;
    text-indent: 0;
    white-space: normal;
    max-width: 37rem !important;
    margin-left: 15px!important;
    margin-top: 219px!important;
	}
   .box-image-account img {
    border-radius: 1.5rem !important;
    display: block;
    position: relative;
    z-index: 2;
    margin-top: -7px;
    transform: rotate(3deg);
	}
       .banner-slide-11 {
        min-height: 80vh !important;
    }
   .box-info-banner11 .font-sm {
        /* font-size: 12px !important; */
        font-size: 1.5rem !important;
        line-height: 2rem !important;
        margin-top: -233px;
        width: 100%;
        margin-left: -41px !important;
        /* text-align: center !important; */
    }
       .box-info-banner11 .color-brand-1 {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
        font-size: 3rem !important;
        line-height: 1 !important;
        margin-top: -31%;
    }
        .accordionStyle2.accordion .accordion-body {
        padding: 10px 25px 30px;
    }
   footer h1, footer h1.color-brand-1, footer h2, footer h2.color-brand-1, footer h3, footer h3.color-brand-1, footer h4, footer h4.color-brand-1, footer h5, footer h5.color-brand-1, footer h6, footer h6.color-brand-1 {
    color: #fdfdfd !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 700 !important;
    margin-top: 40px!important;
	}
   .blog-sidebar .post-item .post-meta .description {
    align-items: center;
    display: flex;
    margin-top: 10px;
    display: none;
	}
    .blog-sidebar .post-item .post-meta .title {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.5 !important;
    display: block;
    text-align: left;
	}
   .card-small.card-small-2 {
    border: 0;
    padding: 0;
    display: none;
	}
   .card-contact {
    border: 0;
    padding: 0;
    display: none;
	}
   .font-md {
    text-align: left;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
	}
   .banner-contact {
        padding: 60px 0;
        margin-bottom: -39%;
    }
   .box-ticks {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
    filter: drop-shadow(0px -4px 20px rgba(0, 0, 0, 0.05)) !important;
    display: none;
	}
   .box-banner-home9 h2 {
    font-size: 32px !important;
    line-height: 42px;
	}
    .box-form-contact {
    border: 1px solid #cde2e7;
    border-radius: 16px;
    padding: 20px;
	}
   .footer-1 .mb-10 img {
    max-width: 40% !important;
    margin-top: -10px !important;
    /*filter: brightness(0) invert(0);*/
	}
  	p.font-md.mb-20.color-grey-400 {
    border: 1px #000 solid;
    border-radius: 8px;
    background-color: aliceblue;
    opacity: 0.8;
    color: #000!important;
    padding: 14px;
    width: 55%;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}
     b.font-md.mb-20.color-grey-400 { color: #000;}
    .icon-socials {
    color: #000!important
	}
    .footer b {
    color: #000 !important;
}
    .pe-2 img {
    max-width: 100%;
    border: 1px #000 solid;
    border-radius: 3px;
    opacity: 0.8;
    background-color: aliceblue;
    padding: 5px;
    max-height: 75px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
	}
  .box-banner-home9 {
    background: url(../imgs/page/homepage9/bg-banner.png) no-repeat top;
    background-size: cover;
    padding: 34px 0 0;
    /* background: #d4e4f6; */
    background: linear-gradient(to bottom, #ffffff, #d4e4f6) !important;
	}
      .box-authors .item-author .text-num-author {
        height: 40px;
        line-height: 35px;
        width: 40px;
        display: none;
    }
}