/* 
Theme Name: Hello Elementor Child SnR Main
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-theme-child-snr-main
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/**
 *
 * OLD STYLES
 *
**/

/*** GENERAL STYLES ***/

/**** Fonts ****/
@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Regular.eot');
    src: local('Mulish Regular'), local('Mulish-Regular'),
        url('fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Regular.woff2') format('woff2'),
        url('fonts/Mulish-Regular.woff') format('woff'),
        url('fonts/Mulish-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-SemiBold.eot');
    src: local('Mulish SemiBold'), local('Mulish-SemiBold'),
        url('fonts/Mulish-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-SemiBold.woff2') format('woff2'),
        url('fonts/Mulish-SemiBold.woff') format('woff'),
        url('fonts/Mulish-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Bold.eot');
    src: local('Mulish Bold'), local('Mulish-Bold'),
        url('fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Bold.woff2') format('woff2'),
        url('fonts/Mulish-Bold.woff') format('woff'),
        url('fonts/Mulish-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Medium.eot');
    src: local('Mulish Medium'), local('Mulish-Medium'),
        url('fonts/Mulish-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Medium.woff2') format('woff2'),
        url('fonts/Mulish-Medium.woff') format('woff'),
        url('fonts/Mulish-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-ExtraBold.eot');
    src: local('Mulish ExtraBold'), local('Mulish-ExtraBold'),
        url('fonts/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-ExtraBold.woff2') format('woff2'),
        url('fonts/Mulish-ExtraBold.woff') format('woff'),
        url('fonts/Mulish-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('fonts/Mulish-Light.eot');
    src: local('Mulish Light'), local('Mulish-Light'),
        url('fonts/Mulish-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Light.woff2') format('woff2'),
        url('fonts/Mulish-Light.woff') format('woff'),
        url('fonts/Mulish-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.eot');
    src: local('Poppins Italic'), local('Poppins-Italic'),
        url('fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Italic.woff2') format('woff2'),
        url('fonts/Poppins-Italic.woff') format('woff'),
        url('fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.eot');
    src: local('Poppins Light'), local('Poppins-Light'),
        url('fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Light.woff2') format('woff2'),
        url('fonts/Poppins-Light.woff') format('woff'),
        url('fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.eot');
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff'),
        url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.eot');
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-LightItalic.eot');
    src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
        url('fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('fonts/Poppins-LightItalic.woff') format('woff'),
        url('fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


body{font-family:  "Poppins",  sans-serif}
.nav > li > a {font-family:  "Mulish", sans-serif; font-weight: 600;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Poppins", sans-serif; font-weight: 700;}
.alt-font{font-family: "Poppins", sans-serif;}

.display-none {
    display: none !important;
}
.ci-olive, .ci-olive span {
    color: #9A7B07;
}
.ci-white {
    color: #fff;
}
.ci-lightblue {
    color: #87DBEF;
}
.ci-pink {
    color: #E765CA;
}
.ci-yellow {
    color: #FBDF56;
}
.ci-blue-gradient {
    background:  linear-gradient(178.74deg, #1C2651 1.08%, #161B6A 35.83%, #191E66 66.24%, #1C2651 105.34%);
}
h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.1px;
    color: #373F41;
}

.ci-btn .vc_btn3 {
    background-image: none !important;
    font-family: Mulish;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.3px;    
    color: #000 !important;
    padding: 14px 20px;
}

.ci-btn-round .vc_btn3 {
    border-radius: 10px;
}
.ci-btn-yellow .vc_btn3 {
    background-color: #ffcb08 !important; 
}
.ci-btn-pink .vc_btn3 {
    background: #E765CA !important;    
    color: #fff !important;     
}
.ci-btn-yellow .vc_btn3:hover {
    -webkit-box-shadow: 0px 10px 22px -17px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 10px 22px -17px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 10px 22px -17px rgba(0,0,0,0.75) !important;
}
.cta-steps-section .vc_btn3:hover {
    -webkit-box-shadow: 0px 10px 22px -17px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 10px 22px -17px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 10px 22px -17px rgba(0,0,0,0.75) !important;
}

.icon-box h3 {
    font-family: Mulish;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}
.icon-box .wpb_text_column {
    margin-bottom: 14px;
    font-family: Mulish;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.2px;
}

.pricebox-footer a {
    color: #fff;
}
.pricebox-footer a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Forms */
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #D0D0D0;
    color: currentColor !important;
    border-radius: 10px;
}
input[type='submit'], input[type='submit'].button, input[type='reset'].button, input[type='button'].button {
    color: #fff;
    background: #ECAB38 !important;
    border-color: #ECAB38 !important;
    border-radius: 10px;    
    font-family: Mulish;
    font-weight: 700;
    /*font-size: 14px;
    line-height: 18px;*/
    letter-spacing: 0.3px;
    color: #000000;    
    text-transform: none;
}



/*** HEADER ***/
.page-template-default .header-bg-color, .page-template-default .header-wrapper {
    background-color: rgb(28 38 81);
    background: linear-gradient(178.74deg, #1C2651 1.08%, #161B6A 35.83%, #191E66 66.24%, #1C2651 105.34%);       
}

#masthead .header-inner > div:nth-child(3), #masthead .header-inner > div:nth-child(4) {
    align-self: flex-start;
    margin-top: 10px;
}
#masthead .header-inner > div:nth-child(4) {
    line-height: 90px;
}
[data-icon-label]:after {
    background-color: #FFCB08 !important;
}
.logo-center .logo {
    margin: 0;
}
.html.header-button-1 {
    /* v1 *margin-left: 66px; */
}
.html.header-button-1 a {
    font-size: 18px;
    letter-spacing: 0.3px; 
    color: #5939A7;
    font-weight: 600 !important;
    padding: 4px 32px !important;
    background: #fff !important;
    border-radius: 40px !important;
}
.html.header-button-2 a {

}
/* Header Sticky */
.header-wrapper.stuck #masthead {
    background-color: #000 !important;
}
.header-wrapper.stuck #masthead .header-inner > div:nth-child(4) {
    line-height: 70px;
}
/* Main Menu */
.header-main .nav > li > a {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.3px;
}

/*** HOMEPAGE ***/
.section-features, .section-newsletter, .section-prices {
    background-position: center;
}
/* Intro Section */
.intro_section {
    background-position: top !important;
    background-repeat: no-repeat;   
    padding-top: 279px !important;    
    padding-bottom: 45px;
    color: #fff;
}
.intro_section .intro-text {
    max-width: 550px;
}
.intro_section .ci-btn-yellow .vc_btn3:hover {
    box-shadow: 0px 0px 20px #EFC934 !important;
}
.intro_section .ci-btn-yellow .vc_btn3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #3A3A3A;    
}
.intro_section .ci-btn-yellow .vc_btn3 {
    background: linear-gradient(180deg, #FFE65C 0%, #FEC608 100%) !important;
    border: 1px solid #FFD01F;
    box-sizing: border-box;
    border-radius: 40px;
    padding: 20px 65px;
}
.intro_section h1, .intro_section h2 {
    color: #fff;
    letter-spacing: 0.2px;  
    line-height: 56px;  
}
.intro_section b {
    color: #87DBEF;
}
.intro_section h1 {
    font-size: 52px;
    line-height: 64px;
}
.intro_section h2 {
    font-style: italic;
    font-weight: 300;
    font-size: 44px;
    text-align: center;
}
.intro_section .first-column p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.3px;
    opacity: 0.8;    
}
.intro_section .second-column {
    margin-top: 0;
    text-align: center;
}
.intro_section .second-column .wpb_text_column {
    margin-bottom: 50px;
}
.custom-notice em {
    font-size: 14px;
}

/* Steps Section */
.section-steps .section-title-custom b:nth-child(2) {
    color: #E765CA;
}
.section-steps .section-title-custom b:nth-child(3) {
    color: #FBDF56;
}
.section-steps .section-title-custom b:nth-child(4) {
    color: #87DBEF;
}

.section-steps {
    padding: 96px 0;
    background: linear-gradient(360deg, rgba(176, 179, 202, 0.04) 0%, rgba(245, 246, 250, 0.52) 100%), rgba(237, 237, 237, 0.24);    
}
.section-steps .section-title-custom {
    margin-bottom: 64px;
}
.section-steps .section-title-custom {
    font-size: 48px;
    line-height: 68px;
}
.cta-steps-section .ci-btn-lightblue .vc_btn3 {
    color: #fff !important;
}
.cta-steps-section .ci-btn .vc_btn3 {
    padding-left: 40px;
    padding-right: 40px;
}


.section-steps .icon-box .wpb_single_image {
    margin-bottom: 50px; 
}

.step-box.step1 img {
    max-width: 76px;
}
.step-box.step2 img, .step-box.step3 img {
    height: 76px;
}
.step-box.step1:before, .step-box.step2:before {
    content: '';
    position: absolute;
    right: -20%;
    top: 25%;
    width: 242px;
    height: 21px;
    background-image: url('/wp-content/uploads/2024/02/arrow-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

/* CTA STEPS SECTION */
.cta-steps-section .section-above-title-custom {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
}
.cta-steps-section .section-title-custom {
    margin-bottom: 30px;
}
.cta-steps-section .cta-text {
    font-size: 16px;
    line-height: 26px;
    color: #616E8D;    
    margin-bottom: 40px;
}
.cta-steps-section .ci-btn .vc_btn3 {
    border-radius: 16px !important;
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}

.cta-steps-section.step1 {
     margin-top: 100px;
}
.cta-steps-section.step3 {
     margin-bottom: 0px;
}

/* Newsletter section  */
.section-newsletter {
    padding: 60px 0;
    color: #fff;
}
.mailpoet-form-consent label {
    color: #AAAAAA !important;        
}
.mailpoet-form-consent {
    font-family: Mulish;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    margin-top: 16px;
}
.section-newsletter .wpb_text_column {
    margin-bottom: 0px;
}
/* Template slider carousel section */
.section-template-slider {
    padding: 30px 0 10px;
}
.section-template-slider .section-subtitle-custom {
    line-height: 22px;
    letter-spacing: 0.3px;    
}
/* Section Features */
.section-features {
    padding: 130px 0 50px;
}
.section-features h2 {
    font-family: Poppins;
    font-weight: bold;
    font-size: 48px;
    line-height: 63px;
    letter-spacing: 0.1px;
    margin-bottom: 40px;

}
.section-features h2 b {
    color: #FBDF56;    
}
.section-features .section-subtitle-custom {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    opacity: 0.8;    
    margin-bottom: 90px;
}
.section-features .icon-box .wpb_single_image {
    margin-bottom: 10px; 
}
.section-features .icon-box h3 {
    color: #fff;
}

.section-features .icon-box .wpb_single_image {
    margin-bottom: 30px; 
}
.section-features .icon-box h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    margin-bottom: 22px;
}
.section-features .icon-box h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    margin-bottom: 22px;
}
.section-features .icon-box p {
    font-family: Mulish;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;  
}
.section-features .icon-box {
    margin-bottom: 40px;
}
.section-features .ci-btn-yellow .vc_btn3:hover, .cta-section .ci-btn-yellow .vc_btn3:hover, .section-prices .ci-btn-yellow .vc_btn3:hover {
    box-shadow: 0px 0px 20px #EFC934 !important;
}
.section-features .ci-btn-yellow .vc_btn3, .cta-section .ci-btn-yellow .vc_btn3, .section-prices .ci-btn-yellow .vc_btn3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #3A3A3A;    
}
.section-features .ci-btn-yellow .vc_btn3, .cta-section .ci-btn-yellow .vc_btn3, .section-prices .ci-btn-yellow .vc_btn3 {
    background: linear-gradient(180deg, #FFE65C 0%, #FEC608 100%) !important;
    border: 1px solid #FFD01F;
    box-sizing: border-box;
    border-radius: 40px;
    padding: 20px 65px;
}
.section-features .ci-btn {
    margin-top: 30px;
}
.section-features .custom-notice em {
    letter-spacing: 0.3px;
    color: #F5F5F5;
    opacity: 0.8;    
}


/* CTA section */
.cta-section {
    padding: 40px 0 70px;
}
.cta-section h2 {
    font-family: Mulish;
}
.cta-section .wpb_text_column {
    margin-bottom: 30px;
}
.cta-section p {
    font-family: Mulish;   
    line-height: 22px;
    letter-spacing: 0.3px;   
    margin-bottom: 20px;  
}

.cta-section .section-above-title-custom {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}
.cta-section h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 60px;
    display: flex;
    align-items: center;    
}
.cta-section ul {
    list-style: none;
    margin-left: 1.3em;
}
.cta-section ul li:before {
    content: '';
    background: url('/wp-content/uploads/2024/02/list-check-mark.svg') !important;
    width: 24px;
    height: 26px;
    left: 1.3em;
    position: absolute;
    font-size: 16px;
}

.cta-section ul li {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 33px;
    color: #616E8D; 
}




/* Prices section */


.price-box .vc_column-inner {
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 10px;       
    padding-top: 20px !important;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;    
}

.price-box .vc_separator {
    margin-bottom: 45px;
}




.section-prices {
    padding: 70px 0 40px;
    color: #fff !important;
}

.section-prices .section-title-custom {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 63px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.section-prices .section-title-custom strong {
    color: #87DBEF;
}
.section-prices .price-month-title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0.1px;
    color: #ffffff;
    text-shadow: 0px 0px 4px #A8268B;    
}



.section-prices .section-subtitle-custom {
    font-family: Poppins;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    opacity: 0.8;
    text-align: center;
}
.price-box .vc_column-inner {
    background: rgba(82, 89, 138, 0.6);
    border-radius: 10px;
    border: 1px solid #CBCBCB;
    padding-top: 50px !important;
    padding-bottom: 20px;   
    color: #fff; 
}

.price-box h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    text-shadow: 0px 0px 4px #67919D; 
    text-align: center;
    margin-bottom: 16px;
}
.price-box h3 strong {
    color: #87DBEF;
}
.price-type {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1px;
    padding: 3px 13px;
    color: #313131;
    background: linear-gradient(180deg, #E7E7E7 0%, rgba(231, 231, 231, 0.49) 100%);
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.4);
    border-radius: 30px;        
}
.price-type.price-once {
    background: linear-gradient(180deg, #87DBEF 0%, #56A8BB 100%), linear-gradient(180deg, #DD40BA 0%, #E765CA 100%);
}
.price-value {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-align: center;
    color: #FFFFFF;
}
.price-value.price-once, .price-value.price-month  {
    font-family: Mulish;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.price-value.price-once strong, .price-value.price-month strong { 
    font-weight: 800;
}
.price-value.price-once strong {
    font-size: 32px;
}
/* new */
.price-typical-title strong {
    color: #FF9F9F !important;
    font-weight: 600;
}
.price-typical .price-type {
    background: linear-gradient(180deg, #FF9F9F 0%, #E89292 100%);
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.4);
    border-radius: 30px;    
}
.price-typical .price-value {
    color: #FF9F9F !important;    
}
.pricebox-footer {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.1px;    
}
.pricebox-footer em {
    font-weight: normal;    
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.3px;
    color: #F5F5F5;
    opacity: 0.8;    
}
/* new end */
.package-options {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
}
.price-box .vc_separator {
    margin-bottom: 45px;
    min-width: 170px;
}
.price-box .vc_separator .vc_sep_holder .vc_sep_line {
    border: 1px solid rgba(203, 203, 203, 0.17) !important;
}
.package-options ul {
    list-style: none;
    margin-left: 10px;
}
.package-options ul li:before {
    content: '';
    background: url('/wp-content/uploads/2024/02/list-disk-blue.png') no-repeat !important;
    background-size: cover !important;
    width: 16px;
    height: 16px;
    position: absolute;
    font-size: 18px;
    margin-top: 4px;
}

.package-options-month ul li:before {
    background: url('/wp-content/uploads/2024/02/list-disk-pink.png') no-repeat !important;
    background-size: cover !important;    
}

.section-prices li {
    margin-bottom: .3em;
}
.section-prices .ci-btn {
    margin-top: 40px;
}

@media (max-width: 520px) {
.price-value.price-once del {
    width: 100%;
    display: block;
    padding-bottom: 8px;
}
.price-value.price-once {
    margin-left: 0 !important;
}
}


/* Section - Partners Logos / Templates Carousel */
.section-partners-logo {
    padding: 80px 0 45px;
}
.templates-image img {
    box-shadow: 0px 2px 4px 0px #00000040;    
}
.section-partners-logo .slick-next {
    right: -35px;
}
.slick-next, .slick-prev {
    margin-top: -35px;
}
.section-partners-logo .ci-lightblue {
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 3px;
    color: #1E46F3;
}
.section-partners-logo .section-title-custom {
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.1px;
    color: #373F41;    
}

/*** PRODUCT PAGE ***/
.single-product header li.html.header-button-1 {
    display: none;
}
.page-title nav.woocommerce-breadcrumb {
    display: none;
}
.section-cpl {
    padding-top: 269px !important;
}
.section-cpl {
    padding-top: 269px !important;
}
.section-cpl .legacy-itemprop-offers {
    display: none;
}
.section-cpl h1 {
    color: #fff;
    letter-spacing: 0.2px;
    line-height: 56px;    
    font-size: 40px;
}
.section-cpl .product-short-description {
    line-height: 22px;
    letter-spacing: 0.3px;
}
.section-cpl .price {
    font-family: Mulish;
    font-weight: 800;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.2px;
    color: #373F41;    
}
.section-cpl .price.product-page-price {
    margin-bottom: 6px;
}
.section-cpl .wgm-info.woocommerce-de_price_taxrate {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1px;
    color: #C3CBCD;
}
.section-cpl .add-to-cart-container {
    margin-top: 30px;
}
.section-cpl .single_add_to_cart_button {
    background-color: #ffcb08 !important;       
    border-radius: 10px; 
    font-family: Mulish;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 0.3px;    
    color: #000 !important;
   
}
.section-cpl .single_add_to_cart_button:hover {
    -webkit-box-shadow: 0px 10px 22px -6px rgb(255 255 255 / 75%) !important;
    -moz-box-shadow: 0px 10px 22px -6px rgb(255 255 255 / 75%) !important;
    box-shadow: 0px 10px 22px -6px rgb(255 255 255 / 75%) !important;    
}


/*** FOOTER ***/
footer input[type='submit'], footer input[type='submit'].button, footer input[type='reset'].button, footer input[type='button'].button {
    background: linear-gradient(180deg, #FFE65C 0%, #FEC608 100%) !important;
    border: 1px solid #FFD01F !important;
    box-sizing: border-box;

}
.footer-col1 h5 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #FFFFFF;
}
.col-proven-expert {
    padding-bottom: 0;
}
.absolute-footer {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #C3CBCD;
}
.footer-menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;    
}




@media (max-width: 768px) {
    .form-flat .ml-half {
        margin-left: 0;
    }
    .intro_section .ci-btn-yellow .vc_btn3, .section-features .ci-btn-yellow .vc_btn3, .cta-section .ci-btn-yellow .vc_btn3, .section-prices .ci-btn .vc_btn3 {
        padding: 16px 35px;
        font-size: 18px;    
    }    
    .intro_section .vc_empty_space {
        display: none;  
    }
    .intro_section .second-column img {
        /*float: left;
        margin-right: 10px;*/
        display: block;
        text-align: center;
        margin: auto;        

    }
    .section-steps .section-title-custom {
        font-size: 38px;
        line-height: 48px;
    }
    .section-steps {
        padding: 76px 0;
    }
    .step-box.step1:before, .step-box.step2:before {
        display: none;
    }
    .section-steps .icon-box .wpb_single_image {
        margin-bottom: 10px;
    }
    .section-steps .icon-box.step-box:not(:last-child) {
        margin-bottom: 30px;
    }   
    .cta-steps-section .ci-btn .vc_btn3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .cta-steps-section .ci-btn, .cta-section .ci-btn {
        display: block;
        text-align: center;
    }     
    .cta-steps-section .wpb_single_image {
        margin-bottom: 10px;
    }
    .cta-steps-section {
        margin-bottom: 35px !important;
    }
    .cta-steps-section.step1 {
        margin-top: 60px;
    }
    .cta-steps-section.step3 {
        margin-bottom: 60px !important;
    }
    .section-features {
        padding: 70px 0 50px;
    }    
    .cta-section {
        padding: 80px 0 70px;
    } 
    .section-prices .section-title-custom {
        font-size: 36px;
        line-height: 45px;
    }     
    .section-prices .ci-btn .vc_btn3 {
        font-size: 17px;
        padding: 16px 20px;    
    }
    .section-partners-logo {
        padding: 80px 35px 45px;
    }      
    .footer-col-logo .img, .footer-col-proven-expert .img {
        margin: auto;
    }
    .footer-col-menu1 {
        text-align: center;
    }    
    .elementor-location-footer a {
        font-size: 14px !important; 
        line-height: 24px !important;
    }    
}


@media (max-width: 575.98px) { 
    .transparent .header-main {
        height: 180px !important;
    }
    .intro_section {
        padding-top: 200px !important;
        padding-bottom: 45px;
        background-size:cover;
    }
    .intro_section h1 {
        font-size: 40px;
        line-height: 50px;
    }  
    .intro_section h2 {
        font-size: 34px;
        line-height: 44px;
    }  
    .section-newsletter .ml-half {
        margin: auto;
        text-align: center;
    }  
    #footer .form-flat .ml-half {
        margin-left: 0;
    }
    .section-prices h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .section-prices .section-title-custom {
        font-size: 26px;
        line-height: 35px;
    }
    .price-type.price-once, .price-type.price-month {
        display: block;
        text-align: center;
        margin: 0 10% 20px;
    }
    .price-box h3 {
        text-align: center !important;
    }
    .price-box .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }    
    .package-options ul {
        margin-left: 0;
        position: relative;
    }
    .package-options ul li {
        padding: 7px 0 7px 25px;
        margin: 0;    
    }
    .package-options ul li:before {
        left: 0;
    }

}


@media (min-width: 768px) {
    .section-template-slider .section-subtitle-custom {
        padding: 0 80px;
    }    
    .cta-section {
        padding: 87px 0 50px;
    }    
    .price-box .vc_column-inner {
        padding-left: 40px;
        padding-right: 40px;
    }    
    .price-type.price-once, .price-type.price-month {
        position: absolute;
    }
    .package-options ul li:before {
        left: 60px;
    }


}

@media (min-width: 850px) {
    #masthead {
        top: 10px;
    }
    #logo {
        margin-left: -20px;
    }    
}


/**
 *
 * END -- OLD STYLES
 *
**/

/**
 *
 * REGISTRATION -- START
 *
**/
.wu_checkout_form_registrieren #wrapper-field-custom_vat_number, .wu_checkout_form_registrieren ul#wu-site-template-filter {
	display: none !important;
}

.wu-site-template-title {
    text-align: center;
}

.wu-bg-red-100{
    color: rgba(255, 255, 255, 0.7) !important;
    border-style: solid !important;
    border-radius: 24px !important;
    border-width: 1px !important;
    border-color: rgb(245 101 101) !important;
    font-weight: 600;
    margin-top: 16px !important;
}

#wrapper-field-checkout_errors .wu-bg-red-100{
    color: rgb(245 101 101) !important;
    border-radius: 0px !important;
    font-size: 14px;
}

/*a:not(#nutzungsbedingungen){
    display: none !important;
}*/

#wrapper-field-terms_of_use > label > #text:{
    text-indent: -9999px; /* Versteckt den ursprünglichen Text */
    position: relative;
}
/* temp solution for forgot your password */
li#wrapper-field-lost-password:before {
    content: 'Wenn du ein bestehender Kunde bist und dein Passwort vergessen hast, kannst du es auf der Login-Seite deines Shops zurücksetzen.';
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    
}
li#wrapper-field-lost-password {
    width: 100%;
}
li#wrapper-field-lost-password a, li#wrapper-field-lost-password .wu-block.wu-w-full {
    display: none;
}

/* WPU CHECKOUT */
ul.wu-thank-you-info.wu-grid-cols-3 {
    grid-template-columns: auto 1fr auto !important;
}
.wpu2-form {
    padding: 30px !important;
}
.wu-thank-you-message a {
    white-space: nowrap !important;
}
.wu-thank-you-pending-site .wu-justify-align-end a:last-child {
    display: none !important;
}
#wu-thank-you-message-block small, #wu-thank-you-order-details code {
    color: #f3f3f3 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}



/* SWV PAGE TEMP STYLES -- DELETE WHEN OFFER ENDS */
.same-length-grid-element{
    .same-length-text{
        margin-bottom: auto !important;
    }
}

.newsletter-form-shopnroll{
    
    .gform_heading{
        display: none !important;
    }

    #field_1_3 > label{
        color: #FFF;

        /* Desktop/Body-Bold */
        font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif;
        font-size: var(--e-global-typography-2a6ec22-font-size);
        font-weight: var(--e-global-typography-2a6ec22-font-weight);
        line-height: var(--e-global-typography-2a6ec22-line-height);
        letter-spacing: var(--e-global-typography-2a6ec22-letter-spacing);
    }

    #field_1_4 > legend{
        color: #FFF;

        /* Desktop/Body-Bold */
        font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif;
        font-size: var(--e-global-typography-2a6ec22-font-size);
        font-weight: var(--e-global-typography-2a6ec22-font-weight);
        line-height: var(--e-global-typography-2a6ec22-line-height);
        letter-spacing: var(--e-global-typography-2a6ec22-letter-spacing);
    }

    #field_1_4{

        .gform-field-label{
            
            color: #FFF;

            font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif;
            font-size: var(--e-global-typography-2a6ec22-font-size);
            font-weight: var(--e-global-typography-2a6ec22-font-weight);
            line-height: var(--e-global-typography-2a6ec22-line-height);
            letter-spacing: var(--e-global-typography-2a6ec22-letter-spacing);
        }

        #label_1_4_1{
            color: var(--font-color-reverse, #FFF);
            font-family: var(--e-global-typography-06b7d52-font-family), Sans-serif;
            font-size: var(--e-global-typography-06b7d52-font-size);
            font-weight: var(--e-global-typography-06b7d52-font-weight);
            line-height: var(--e-global-typography-06b7d52-line-height);
            letter-spacing: var(--e-global-typography-06b7d52-letter-spacing);
        }

        .gfield-choice-input{
            /*margin-top: 4px !important;*/
        }

    }

    .gfield_required{
        color: #FFF;

        /* Desktop/Body-Bold */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /* 177.778% */
        letter-spacing: 0.3px;
    }

    #input_1_3{

        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;

        border-radius: 50px;
        border: 1px solid var(--Neutral-70, #757575);
        background: var(--Neutral-10, #FFF);

        color: var(--font-color, #1A1A1A);

        /* Desktop/Button */
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 125% */
        letter-spacing: 0.3px;

    }

    .gform_footer.before{
        margin-block-start: 16px !important;
    }

    #gform_submit_button_1{

        display: flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;

        border-radius: 50px;
        background: #ECAB38;

        color: var(--font-color, #1A1A1A);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 111.111% */
        letter-spacing: 0.3px;
        text-decoration-line: underline;
        text-transform: uppercase;

        transition-duration: .3s;
        transition-property: transform;
    }

    #gform_submit_button_1:hover{
        transform: scale(1.1)
    }

    .agree-newsletter-form-shopnroll > legend{
        color: var(--e-global-color-d415c62);
        font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif;
        font-size: var(--e-global-typography-2a6ec22-font-size);
        font-weight: var(--e-global-typography-2a6ec22-font-weight);
        line-height: var(--e-global-typography-2a6ec22-line-height);
        letter-spacing: var(--e-global-typography-2a6ec22-letter-spacing);
    }

    .agree-newsletter-form-shopnroll > div > label{
        color: var(--e-global-color-d415c62);
        font-family: var(--e-global-typography-06b7d52-font-family), Sans-serif;
        font-size: var(--e-global-typography-06b7d52-font-size);
        font-weight: var(--e-global-typography-06b7d52-font-weight);
        line-height: var(--e-global-typography-06b7d52-line-height);
        letter-spacing: var(--e-global-typography-06b7d52-letter-spacing);
    }

}

.fit-content-container{
    width: fit-content !important;
    height: fit-content !important;
}

.sign-up-form-shopnroll{

    .gform-theme--foundation .gf_page_steps{
        justify-content: space-around;
        flex-wrap: nowrap;
        margin: 0px !important;
        padding-bottom: 14px !important;
        gap: 20px !important;
    }

    .gf_step{
        gap: 0px !important;
        width: 100% !important;
    }

    .gf_step_number{
        color: transparent !important;
        border-color: transparent !important;
        background-color: var(--e-global-color-3d8a127);

        width: 100% !important;
        border-radius: 0px !important;
        height: 5px !important;
    }

    

    .gf_step_number::after{
        display: none !important;
    }

    .gf_step_active > span{
        background-color: var(--e-global-color-primary);
        border-radius: 50px !important;
    }

    .gf_step_pending > span{
        background-color: #9e9e9e !important;
        border-radius: 50px !important;
    }

    .gf_step_completed > span{
        background-color: #9e9e9e !important;
        border-radius: 50px !important;
    }

    .gform_heading{
        display: none !important;
    }

    .gform_fields{
        display: flex;
        flex-direction: column;
        row-gap: 0px !important;
    }

    .gfield{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .gfield--input-type-section{
        padding-block-end: 0px !important;
        border-block-end: 0px !important;    
    }

    .steps-sign-up-form-shopnroll > h3{
        margin: 0px !important;
        text-align: center;
        padding-bottom: 32px !important;

        font-family: var(--e-global-typography-05a375c-font-family), Sans-serif;
        font-size: var(--e-global-typography-05a375c-font-size);
        font-weight: var(--e-global-typography-05a375c-font-weight);
        line-height: var(--e-global-typography-05a375c-line-height);
        letter-spacing: var(--e-global-typography-05a375c-letter-spacing);
    }

    .heading-sign-up-form-shopnroll > h3{
        margin: 0px !important;
        text-align: center;
        padding-bottom: 8px !important;

        font-family: var(--e-global-typography-2e46312-font-family), Sans-serif;
        font-size: var(--e-global-typography-2e46312-font-size);
        font-weight: var(--e-global-typography-2e46312-font-weight);
        line-height: var(--e-global-typography-2e46312-line-height);
        letter-spacing: var(--e-global-typography-2e46312-letter-spacing);
    }

    .tagline-sign-up-form-shopnroll > h3{
        margin: 0px !important;
        text-align: center;
        padding-bottom: 48px !important;

        font-family: var(--e-global-typography-accent-font-family), Sans-serif;
        font-size: var(--e-global-typography-accent-font-size);
        font-weight: var(--e-global-typography-accent-font-weight);
        line-height: var(--e-global-typography-accent-line-height);
        letter-spacing: var(--e-global-typography-accent-letter-spacing);
    }

    .email-sign-up-form-shopnroll{
        padding-bottom: 32px !important;
    }

    .name-sign-up-form-shopnroll{
        margin-top: 40px !important;
        padding-bottom: 24px !important;

        .gform-field-label--type-sub{
            font-family: var(--e-global-typography-05a375c-font-family), Sans-serif;
            font-size: var(--e-global-typography-05a375c-font-size);
            font-weight: var(--e-global-typography-05a375c-font-weight);
            line-height: var(--e-global-typography-05a375c-line-height);
            letter-spacing: var(--e-global-typography-05a375c-letter-spacing);

            color: var(--e-global-color-text);
        }
    }

    .company-sign-up-form-shopnroll{
        padding-bottom: 24px !important;
    }

    .phone-number-sign-up-form-shopnroll{
        padding-bottom: 24px !important;
    }

    .planned-product-number-sign-up-form-shopnroll{
        padding-bottom: 24px !important;
    }

    .branche-sign-up-form-shopnroll{
        padding-bottom: 24px !important;
    }

    .website-url-sign-up-form-shopnroll{
        padding-bottom: 24px !important;
    }

    .question-sign-up-form-shopnroll{
        padding-bottom: 24px !important;
    }

    .agree-sign-up-form-shopnroll{
        padding-bottom: 48px !important;

        .gfield_consent_label{
            font-family: var(--e-global-typography-05a375c-font-family), Sans-serif;
            font-size: var(--e-global-typography-05a375c-font-size);
            font-weight: var(--e-global-typography-05a375c-font-weight);
            line-height: var(--e-global-typography-05a375c-line-height);
            letter-spacing: var(--e-global-typography-05a375c-letter-spacing);

            color: var(--e-global-color-text);
        }

        .gfield_consent_label > a{
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px; /* 137.5% */
            letter-spacing: 0.3px;
            color: #272160;
            text-decoration: underline !important;
        }
    }

    .gfield_required{
        /* Desktop/Body-Bold */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /* 177.778% */
        letter-spacing: 0.3px;
    }

    .gform_page_footer{
        margin: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        flex-wrap: nowrap !important;
    }

    .gform_next_button{
        width: -webkit-fill-available !important;

        background-color: #ECAB38 !important;
        padding: 16px 32px !important;
        border-radius: 50px !important;
        font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        text-decoration: underline !important;
        line-height: 20px !important;
        letter-spacing: 0.3px !important;
        color: var(--e-global-color-text) !important;

        transition-duration: .3s;
        transition-property: transform;

    }

    .gform_next_button:hover{
        transform: scale(1.1)
    }

    #gform_previous_button_2{
        display: flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        width: 50%;

        border-radius: 50px;
        /*border: 1px var(--e-global-color-text);*/
        box-shadow: none !important;  

        color: var(--e-global-color-text);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 125% */
        letter-spacing: 0.3px;
        text-decoration-line: underline;
        text-transform: uppercase;
    }

    #gform_submit_button_2{

        display: flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 50%;

        border-radius: 50px;
        background: #ECAB38;

        color: var(--font-color, #1A1A1A);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 111.111% */
        letter-spacing: 0.3px;
        text-decoration-line: underline;
        text-transform: uppercase;

        transition-duration: .3s;
        transition-property: transform;
    }

    #gform_submit_button_2:hover{
        transform: scale(1.1)
    }

    label.gfield_label{
        font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-2a6ec22-font-size) !important;
        font-weight: var(--e-global-typography-2a6ec22-font-weight) !important;
        line-height: var(--e-global-typography-2a6ec22-line-height) !important;
        letter-spacing: var(--e-global-typography-2a6ec22-letter-spacing) !important;
    }

    legend.gfield_label{
        font-family: var(--e-global-typography-2a6ec22-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-2a6ec22-font-size) !important;
        font-weight: var(--e-global-typography-2a6ec22-font-weight) !important;
        line-height: var(--e-global-typography-2a6ec22-line-height) !important;
        letter-spacing: var(--e-global-typography-2a6ec22-letter-spacing) !important;
    }

    form input[type=text]{
        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--e-global-color-3d8a127);
    }

    form input[type=tel]{
        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--e-global-color-3d8a127);
    }

    form input[type=number]{
        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--e-global-color-3d8a127);
    }

    form input[type=url]{
        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--e-global-color-3d8a127);
    }

    form input[type=email]{
        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--e-global-color-3d8a127);
    }

    .textarea{
        display: flex;
        height: 48px;
        padding: 8px 16px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 8px;
        border: 1px solid var(--e-global-color-3d8a127);

        min-block-size: 0px !important;
    }

}

.scrolling-header {
    transition: all 0.5s ease!important;
  }
.footer-main #gform_confirmation_message_1 {
    color: #f7f7f7;
}
/* SWV PAGE TEMP STYLES -- DELETE WHEN OFFER ENDS */

/* General Styles -- NEW  17.04.25 */
main#content {
    padding: 60px 0 !important;
}

/* Verwaltung der Mitgliedschaften */
#wrapper-field-pricing_table #server-size-0-description-1 div.wu-font-semibold{
    white-space: nowrap;
}

/* MRX DesignChanges  */
/* #content .wpu2-form {
    border-radius: 0.625rem;
    border: 1px solid rgba(255, 255, 255, 0.77);
    background: #FFF;

    label, span, div {
        color: #1A1A1A;
    }

    #pass-strength-result {
        border: none !important;
    }
}
*/


/* link color on purple backgrounds */
.purple-segment p a,
div.elementor-location-footer p a {
    color: #fff !important;
    text-decoration: underline !important;

    &:hover {
        color: #fff !important;
        text-decoration: none !important;
    }
}