/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 20:08:38 */
::selection {
    background: #282B2E;
}

a:focus {
    outline: 0px !important;
    outline: none !important;
}

a:hover {
    color: #56B6E9;
}

#scroll-top {
    right: 95px !important;
}

body {
    overflow-x: hidden;
}

#wrap ul,
#wrap ol {
    list-style: none;
}

#wrap .mws-dark-text,
#wrap .mws-dark-text p {
	color: #5A5A5A !important;
}

.fcolor {
	color: #11ACC1;
}

#wrap .qodef-m-title {
	margin: 0;
}




/* Header */
#site-header {
    background: transparent;
    border: none;
}

#hero-section {
    margin-top: -170px;
}

@media(max-width:960px) {
    #hero-section {
        margin-top: -140px;
    }
}





/* Buttons */
.dark-btn .bw-button-box .bw-custom-btn .bw-custom-icon-shape svg path {
	stroke: #17171F !important;
}

.dark-btn .bw-button-box .bw-custom-btn:hover .bw-custom-icon-shape svg path {
    stroke: #fff !important;
}

.hero-btn .bw-button-box .bw-custom-btn .bw-custom-icon-shape svg path {
    stroke: #318592 !important;
}

.hero-btn .bw-button-box .bw-custom-btn:hover .bw-custom-icon-shape svg path {
	stroke: #fff !important;
}

.second-btn .bw-button-box .bw-custom-btn:hover .bw-custom-icon-shape svg path,
.second-btn .bw-button-box .bw-custom-btn .bw-custom-icon-shape svg path {
    stroke: #EEEDE4 !important;
}

.light-btn .bw-button-box .bw-custom-btn:hover .bw-custom-icon-shape svg path,
.light-btn .bw-button-box .bw-custom-btn .bw-custom-icon-shape svg path {
    stroke: #fff !important;
}












/* Icon Box X P #1 */
.bw-iconbox.bw-position-1 a.bw-btn.left {
    max-width: fit-content;
    position: relative;
    padding-right: 54px !important;
}

.bw-iconbox.bw-position-1 a.bw-btn.left:hover {
    background: #EEEDE4;
}

.bw-iconbox.bw-position-1 a.bw-btn.left:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 24px;
    top: calc(50% - 12px);
    left: auto;
    bottom: auto;
    background-image:url('https://bugel.ch/wp-content/uploads/2025/03/light-right-icon.svg');
}

.bw-iconbox.bw-position-1 a.bw-btn.left:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 24px;
    top: calc(50% - 12px);
    left: auto;
    bottom: auto;
    background-image:url('https://bugel.ch/wp-content/uploads/2025/03/right-icon.svg');
}






/* Box X */
#wrap .mws-img-bx {
    position: relative;
}

#wrap .mws-img-bx .mws-inner-box {
    position: absolute;
    background: #fff;
    border: 1px #ccc solid;
    border-radius: 12px;
    padding: 15px;
    top: 50%;
    left: 0;
    right: auto;
    bottom: auto;
    min-width: 185px;
    height: 97px;
    max-height: 97px;
    margin-left: -93px;
    margin-right: auto;
	transform: translateY(-50%);
}

#wrap .mws-img-bx .mws-inner-box .elementor-widget-container {
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

#wrap .mws-img-bx.left .mws-inner-box {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: -93px;
}

@media(max-width: 960px) {
    #wrap .mws-img-bx .mws-inner-box {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        margin-left: auto;
        margin-right: auto;
        transform: translate(-50%, -50%);
    }

    #wrap .mws-img-bx.left .mws-inner-box {
        left: auto;
        right: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translate(50%, -50%);
    }
}

#wrap .mws-img-bx .mws-inner-box p {
    margin: 0 !important;
}

#wrap .mws-img-bx .mws-inner-box .inner-top {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 32px;
    color: #17171F;
    margin-bottom: 12px !important;
}

#wrap .mws-img-bx .mws-inner-box .inner-bottom {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #A3A3A3;
}

























#wrap .qodef-qi-team-member .qodef-m-title,
#wrap .qodef-qi-team-member .qodef-m-role {
    margin-bottom: 20px;
}

#wrap .qodef-qi-team-member .qodef-e-social-icon svg {
    width: 32px !important;
    height: 32px !important;
}

#wrap .qodef-qi-team-member .qodef-m-title {
    padding-right: 30%;
}

#wrap .qodef-qi-testimonials-slider.qodef-item-layout--side-with-image .qodef-e-side {
    width: 0;
}

#wrap .qodef-qi-team-member.qodef-item-layout--info-from-bottom .qodef-m-content,
#wrap .qodef-qi-team-member {
    border-radius: 6px !important;
    overflow: hidden;
}


body button[type="submit"], body button, body .button {
    padding: 3px 24px;
}

#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"] {
    background: #f0f0f078;
}



@media(max-width:960px) {
    .jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-toggle-icon svg {
        width: 38px !important;
        height: 38px !important;
        fill: #000;
    }
}

.single-page-article div > .elementor > .elementor-element.e-parent:lang(de-DE),
.single-page-article div > .elementor > .elementor-element.e-parent:lang(it-IT),
.single-page-article div > .elementor > .elementor-element.e-parent:lang(fr-FR) {
  padding-right: 15px;
  padding-left: 15px;
}


#scroll-top {
    width: 32px;
    height: 32px;
    line-height: 34px;
    right: 12px !important;
    bottom: 12px !important;
}


#wrap .bw-iconbox p {
    min-height: 160px;
}