/*

 Theme Name:   Parkinson Hotline Child

 Theme URI:    https: //www.parkinson-hotline.com/

 Description: Child theme for Hello Elementor

 Author:       Patrick

 Author URI:   https://www.parkinson-hotline.com/

 Template:     hello-elementor

 Version:      1.0.2

*/



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Black.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Black.woff') format('woff'),

        url('assets/fonts/Rotunda-Font/Rotunda-Black.otf') format('opentype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Black-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Black-Italic.woff') format('woff'),

        url('assets/fonts/Rotunda-Font/Rotunda-Black-Italic.otf') format('opentype');

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Hairline.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Hairline.otf') format('opentype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Hairline-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Hairline-Italic.otf') format('opentype');

    font-weight: 100;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Thin.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Thin.otf') format('opentype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Thin-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Thin-Italic.otf') format('opentype');

    font-weight: 200;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Light.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Light.otf') format('opentype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Light-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Light-Italic.otf') format('opentype');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Regular.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Regular.otf') format('opentype');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Italic.otf') format('opentype');

    font-weight: 400;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Medium.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Medium.otf') format('opentype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Medium-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Medium-Italic.otf') format('opentype');

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Bold.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Bold.otf') format('opentype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Bold-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Bold-Italic.otf') format('opentype');

    font-weight: 700;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Extra-Bold.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Extra-Bold.otf') format('opentype');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Extra-Bold-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Extra-Bold-Italic.otf') format('opentype');

    font-weight: 800;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Black.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Black.otf') format('opentype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Rotunda';

    src: url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Black-Italic.woff2') format('woff2'),

        url('assets/fonts/Rotunda-Font/Rotunda-Font/Rotunda-Black-Italic.otf') format('opentype');

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



h1,

h2,

h3,

h4,

h5,

body header a,

body header p,

body header span,

body main a,

body main p,

body main span,

body footer a,

body footer p,

body footer span {

    font-family: 'Rotunda', sans-serif !important;

}



body header span,

body main span,

body footer span,

body header p,

body main p,

body footer p {

    margin: 2px 0 0 0 !important;

}



body header h1,

body header h2,

body header h3,

body header h4,

body main h1,

body main h2,

body main h3,

body main h4,

body footer h1,

body footer h2,

body footer h3,

body footer h4 {

    margin: 4px 0 0 0 !important;

}



.ph-button,

.ph-button a {

    line-height: normal !important;

}



.ph-button .elementor-button-content-wrapper {

    gap: unset !important;

}



.wpml-admin-notice {

    display: none !important;

}



.ph-wpml * {

    border: unset !important;

}



.ph-wpml .wpml-ls-legacy-dropdown {

    width: auto !important;

}



.ph-wpml .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {

    display: none !important;

}



.ph-wpml .wpml-ls-flag {

    border-radius: 50% !important;

    width: 24px !important;

    height: 24px !important;

}



.ph-wpml a.wpml-ls-item-toggle,

.ph-wpml a.wpml-ls-link {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    align-content: center;

    gap: 5px !important;

    font-size: 14px !important;

    font-weight: bold !important;

    padding: 0 !important;

    background: none !important;

}



.ph-wpml .wpml-ls-legacy-dropdown a span {

    display: block;

    line-height: normal;

    margin-left: 0 !important;

    color: #000000 !important;

    position: relative;

    top: 2px;

}



.ph-wpml .wpml-ls-sub-menu {

    padding: 10px;

}



/* ===== Hover & Active underline effect for menu ===== */

#hp-footer-menu .elementor-item,

#ph-main-menu .elementor-nav-menu>li>a {

    position: relative;

}



/* underline */

#hp-footer-menu .elementor-item::after,

#ph-main-menu .elementor-nav-menu>li>a::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 0;

    height: 3px;

    background-color: #70C4D2;

    transition: all 0.3s ease;

    transform: translateX(-50%);

}



/* hover */

#hp-footer-menu .elementor-item:hover::after,

#ph-main-menu .elementor-nav-menu>li>a:hover::after {

    width: 100%;

}



/* active menu */

#ph-main-menu .elementor-nav-menu>li.current-menu-item>a::after,

#ph-main-menu .elementor-nav-menu>li.current-menu-parent>a::after,

#ph-main-menu .elementor-nav-menu>li.current_page_item>a::after {

    width: 100%;

}



#hp-footer-menu * {

    background: unset !important;


}

.ph-image-link a,
.ph-image-link a img {
    width: 100% !important;
}

#hp-footer-menu .elementor-nav-menu--dropdown a,

#hp-footer-menu .elementor-item {

    color: #000000 !important;

}

#hp-footer-menu nav ul li a {
    padding-bottom: 5px !important;
}

.ph-fill-arrow .e-n-accordion-item {

    background: #ffffff !important;

    box-shadow: 0px 3px 17px -10px rgba(0, 0, 0, 0.5);

    border-radius: 8px !important;

}



.ph-fill-arrow .e-n-accordion-item-title-icon svg {

    fill: transparent !important;

}



.ph-fill-arrow .e-n-accordion-item-title {

    padding: 25px 22px 18px 22px !important;

}



.ph-fill-arrow .show-accordion .e-n-accordion-item-title {

    -webkit-border-top-left-radius: 8px;

    -webkit-border-top-right-radius: 8px;

    -moz-border-radius-topleft: 8px;

    -moz-border-radius-topright: 8px;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

}



.ph-fill-arrow .hide-accordion .e-n-accordion-item-title {

    border-radius: 8px !important;

}



.ph-fill-arrow .e-con-full {

    -webkit-border-bottom-right-radius: 8px;

    -webkit-border-bottom-left-radius: 8px;

    -moz-border-radius-bottomright: 8px;

    -moz-border-radius-bottomleft: 8px;

    border-bottom-right-radius: 8px;

    border-bottom-left-radius: 8px;

}



#ph-er-carousel .elementor-swiper-button {

    width: 20px !important;

}



#ph-carousel-text .elementor-testimonial__text {

    min-height: 96px;

}







.ph-icon-process .elementor-icon {

    border-radius: 50% !important;

    background: #ffffff !important;

    padding: 10px !important;

}



#ph-google-map * {

    height: 100% !important;

}





/* Contact form two-column layout */



.ph-contact-form form>.form-wrapper {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

    align-items: start;

}



/* Hide layout helpers that break the flow */

.ph-contact-form .clearfix {

    display: none !important;

}



.ph-contact-form .form-wrapper.col-md-4:empty {

    display: none !important;

}



/* Controls fill their grid cell */

.ph-contact-form .wpcf7-form-control,

.ph-contact-form input,

.ph-contact-form select,

.ph-contact-form textarea {

    width: 100%;

    box-sizing: border-box;

}



/* Full-width rows (span both columns) */

/* Prefer semantic helper classes if present */

.ph-contact-form form>.form-wrapper.one-row-1-col,

.ph-contact-form form>.form-wrapper.full-width,

.ph-contact-form form>.form-wrapper:has(select[name="anrede"]),

.ph-contact-form form>.form-wrapper:has(input[name="strasse"]),

.ph-contact-form form>.form-wrapper:has(select[name="land"]),

.ph-contact-form form>.form-wrapper:has(select[name="referenz"]),

.ph-contact-form form>.form-wrapper:has(textarea[name="mitteilungen"]) {

    grid-column: 1 / -1;

}



/* Captcha and submit */

.ph-contact-form .form-wrapper.wrap-captcha,

.ph-contact-form .form-wrapper.alignCenter {

    grid-column: 1 / -1;

}



/* Two-column pairs will naturally occupy the two columns in source order:

    - Vorname + Nachname

    - PLZ + Ort

    - Telefon + E-Mail

    Keep inner spacing consistent */

.ph-contact-form form>.form-wrapper {

    margin: 0;

    padding: 0;

}



/* If .form-wrapper contains another nested .form-wrapper, make that inner wrapper act as grid items */

.ph-contact-form form>.form-wrapper>.form-wrapper {

    display: block;

    width: 100%;

}



/* Full-width rules for nested wrappers (common structure in this form) */

.ph-contact-form form>.form-wrapper>.form-wrapper.one-row-1-col,

.ph-contact-form form>.form-wrapper>.form-wrapper.full-width,

.ph-contact-form form>.form-wrapper>.form-wrapper:has(select[name="anrede"]),

.ph-contact-form form>.form-wrapper>.form-wrapper:has(input[name="strasse"]),

.ph-contact-form form>.form-wrapper>.form-wrapper:has(select[name="land"]),

.ph-contact-form form>.form-wrapper>.form-wrapper:has(select[name="referenz"]),

.ph-contact-form form>.form-wrapper>.form-wrapper:has(textarea[name="mitteilungen"]) {

    grid-column: 1 / -1;

}



/* Ensure .one-row-2-col nested wrappers each occupy one grid column */

.ph-contact-form form>.form-wrapper>.form-wrapper.one-row-2-col {

    grid-column: auto / span 1;

}



/* Ensure .one-row-2-col items each occupy one grid column (so pairs sit on the same row) */

.ph-contact-form form>.form-wrapper.one-row-2-col {

    grid-column: auto / span 1;

}



/* Fallback: some wrappers use the class on nested wrapper */

.ph-contact-form form>.form-wrapper>.form-wrapper.one-row-2-col {

    grid-column: auto / span 1;

}



.ph-contact-form .form-wrapper.wrap-captcha,

.ph-contact-form .form-wrapper.wrap-button.alignCenter {

    width: 20% !important;

}



.ph-contact-form * {

    font-size: 16px !important;

    font-weight: 300 !important;

}





.ph-contact-form .form-wrapper input,

.ph-contact-form .form-wrapper select,

.ph-contact-form .form-wrapper textarea {

    min-height: 50px;

    border: 1px solid #000000 !important;

    border-radius: 5px !important;

}



.ph-contact-form .form-wrapper.one-row-1-col,

.ph-contact-form .form-wrapper.one-row-2-col {

    margin-bottom: 18px !important;

}



.ph-contact-form .wrap-button .wpcf7-submit {

    background: #70C4D2 !important;

    color: #ffffff !important;

    font-weight: bold !important;

    border-radius: 5px !important;

    border: 1px solid #70C4D2 !important;
    display: block !important;
    padding: 0;

}



.ph-contact-form .wrap-button .wpcf7-submit:hover {

    background: #ffffff !important;

    color: #70C4D2 !important;

}



.form-wrapper p:first-child {

    line-height: normal !important;

    margin-bottom: 8px !important;

    color: #000000 !important;

    padding-left: 10px !important;

}



.ph-contact-form .wpcf7-not-valid-tip {

    margin-top: 10px !important;

}



.ph-carousel-text .swiper-wrapper {

    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important;

    transition-duration: 1s !important;

}



.ph-carousel-text .elementor-testimonial {

    min-height: 205px;

    height: 100%;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: stretch;

    align-content: stretch;

}



.ph-icon-76 .elementor-widget-image img {

    width: 76px !important;

    height: auto !important;

}

.ph-w-100,
.ph-w-100 a {
    width: 100% !important;
}


.hp-one-line-icon-text .elementor-widget-image {
    max-width: 47px !important;
    min-width: 47px !important;
    width: 100%;
}


/* English (en-US) */
html[lang="en-US"] #ph-button .elementor-button-text {
    font-size: 0;
}

html[lang="en-US"] #ph-button .elementor-button-text::after {
    content: "Contact";
    font-size: 14px;
    /* chỉnh theo design */
}

/* German (de-DE) */
html[lang="de-DE"] #ph-button .elementor-button-text {
    font-size: inherit;
}

.par-container-logo {
    max-width: 247px !important;
    min-width: 247px !important;
    width: 100% !important;
}

.par-container-logo img {
    width: 100% !important;
}

.par-header-right {
    width: calc(100% - 247px) !important;
}

.par-header-right {
    max-width: 158px !important;
    width: 100% !important;
}

.par-header-right .elementor-button {
    max-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ph-main-menu nav,
#ph-main-menu nav ul,
#ph-main-menu nav ul li,
#ph-main-menu nav ul li a {
    /* max-height: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center; */
    margin-top: 1.5px !important;
}

.scale-hover {
    position: relative;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    will-change: transform;
    transition:
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.scale-hover:hover {
    transform: scale(1.04);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14) !important;
}


.scale-hover * {
    transform: translateZ(0);
}


.ph-acc-custom-new .e-n-accordion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 21px;
    align-items: stretch;
}


.ph-acc-custom-new .e-n-accordion details.e-n-accordion-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.ph-acc-custom-new .e-n-accordion details>summary {
    flex-shrink: 0;
}


.ph-acc-custom-new .e-n-accordion details>div[role="region"] {
    flex: 1;
    display: flex;
}


.ph-acc-custom-new .e-n-accordion details>div[role="region"]>.e-con {
    flex: 1;
    display: flex;
}

.ph-acc-custom-new .e-n-accordion .e-con-inner {
    flex: 1;
    display: flex;
    align-items: stretch;
}



.ph-acc-custom-new .hide-accordion .e-n-accordion-item-title {
    border-radius: 8px !important;
    box-shadow: 0px 3px 17px -10px rgba(0, 0, 0, 0.5);
}

.ph-acc-custom-new .show-accordion .e-n-accordion-item-title {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.ph-acc-custom-new .show-accordion div.elementor-element {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.ph-acc-custom-new .e-n-accordion-item {
    margin: 0 !important;
}



.scale-hover {
    transition-duration: 0.7s;
}

.scale-hover:not(:hover) {
    transition-duration: 0.35s;
}

.ph-slide-posts .wb_ps_item {
    padding: 17px 19px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0px 3px 17px -10px rgba(0, 0, 0, 0.5) !important;
}

.ph-slide-posts .wb_ps_thumbnail a,
.ph-slide-posts .wb_ps_thumbnail,
.ph-slide-posts .wb_ps_thumbnail img {
    width: 100% !important;
    height: 263px !important;
    height: 100%;
    border-radius: 8px !important;
    object-fit: cover !important;
}


.ph-slide-posts .wbel_post_slider_wrapper .slick-list {
    /* create half-gap on the container so slide side paddings align at edges */
    margin: 0 -12.5px;
}

.ph-slide-posts .wb_ps_item {
    /* 25px gap between items implemented as 12.5px horizontal padding on each slide */
    margin: 0 12.5px;
    padding: 17px 19px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0px 3px 17px -10px rgba(0, 0, 0, 0.5) !important;
    box-sizing: border-box;
}

.ph-slide-posts .wb_ps_readmore_link,
.ph-slide-posts .wb_ps_description,
.ph-slide-posts .wb_ps_content,
.ph-slide-posts .wb_ps_title {
    letter-spacing: normal !important;
    line-height: normal !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: #000000 !important;
    font-family: 'Rotunda', sans-serif !important;
}

.ph-slide-posts .wb_ps_readmore_link {
    font-weight: bold !important;
    text-transform: lowercase;
    border: 0 !important;
    outline: 0 !important;
}

.ph-slide-posts .wb_ps_readmore_link:hover {
    text-decoration: underline;
}

.wbel_post_slider_wrapper {
    padding: 0 20px !important;
}

.ph-slide-posts .wb_ps_title,
.ph-slide-posts .wb_ps_title h2,
.ph-slide-posts .wb_ps_title h2 a {
    margin-top: 30px !important;
    margin-bottom: 14px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: normal !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #000000 !important;
    font-family: 'Rotunda', sans-serif !important;
}

.single-post .elementor-element * {
    font-family: 'Rotunda', sans-serif !important;
}

.single-post .elementor-element p {
    font-family: 'Rotunda', sans-serif !important;
    font-weight: 300 !important;
}

.ph-acc-custom-new .e-n-accordion-item-title-icon svg {
    width: 50px !important;
    height: 50px !important;
}

.single-post .elementor-element p strong {
    font-family: 'Rotunda', sans-serif !important;
    font-weight: 700 !important;
}

.ph-slide-posts .wb_ps_description {
    position: relative;
}


.ph-slide-posts .wb_ps_text p {
    text-align: left !important;
    line-height: 18px !important;
}

.ph-slide-posts .slick-arrow {
    width: 21px !important;
    height: 27px !important;
    position: absolute;
    top: 50%;
    z-index: 2;
    border: 0;
}

.ph-slide-posts .slick-arrow i {
    display: none !important;
}

.ph-slide-posts .slick-prev {
    background: url(./assets/img/icon-prev.png) no-repeat center center !important;
    left: -25px !important;
}

.ph-slide-posts .slick-next {
    background: url(./assets/img/icon-next.png) no-repeat center center !important;
    right: -25px !important;
}

.ph-slide-posts .slick-prev,
.ph-slide-posts .slick-next {
    /* remove visible text */
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

/* If you want to style an icon instead, you can use the pseudo element. Example: */
.ph-slide-posts .slick-prev::before,
.ph-slide-posts .slick-next::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    /* set your arrow SVG or image here, or use an icon font */
}

.ph-slide-posts .slick-track {
    transition: transform 0.9s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
    will-change: transform;
}

.ph-slide-posts .slick-slide {
    transition: opacity 0.6s ease;
}

.ph-slide-posts .slick-slide:not(.slick-active) {
    opacity: 0.65;
}

.ph-slide-posts {
    transform: translateZ(0);
    backface-visibility: hidden;
    max-width: 971px;
}

@media (max-width: 480px) {
    .ph-slide-posts .wbel_post_slider_wrapper .slick-list {
        margin: 0 -8px;
    }

    .ph-slide-posts .wb_ps_item {
        margin: 0 8px;
    }
}

@media (max-width: 1024px) {

    #hp-footer-menu .elementor-nav-menu {

        /* display: flex; */

        align-items: center;

        justify-content: flex-start;

        gap: 0;

        flex-wrap: wrap;
        flex-direction: column;

    }

    #hp-footer-menu nav ul li a {
        margin-bottom: 25px;
    }

}



@media (max-width: 768px) {

    #hp-footer-menu .elementor-nav-menu {
        display: flex;
        justify-content: center;

    }

    #hp-footer-menu nav ul li a {
        margin-bottom: 0;
    }



    .ph-contact-form,

    .ph-contact-form>font {

        grid-template-columns: 1fr;

    }


    .ph-contact-form form>.form-wrapper {

        display: block
    }


    .ph-contact-form .form-wrapper.wrap-captcha,

    .ph-contact-form .form-wrapper.wrap-button.alignCenter {

        width: 100% !important;

    }

    .scale-hover:hover {
        transform: scale(1.025);
    }


    .ph-acc-custom-new .e-n-accordion {
        grid-template-columns: 1fr;
    }

    .ph-slide-posts .slick-next {
        right: 0 !important;
    }

    .ph-slide-posts .slick-prev {
        left: 0 !important;
    }

}

.scale-hover.scale-hover-center:hover {
    box-shadow: unset !important;
}