.elementor-kit-6{--e-global-color-primary:#ED2B76;--e-global-color-secondary:#5F21AF;--e-global-color-text:#353535;--e-global-color-accent:#ED2B76;--e-global-color-4db0ce6:#FFFFFF;--e-global-typography-primary-font-family:"Figtree";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-1abf957-font-family:"Figtree";--e-global-typography-1abf957-font-size:30px;--e-global-typography-1abf957-font-weight:700;--e-global-typography-1ac7151-font-family:"Figtree";--e-global-typography-1ac7151-font-size:16px;--e-global-typography-1ac7151-font-weight:600;--e-global-typography-752db62-font-size:16px;--e-global-typography-752db62-font-weight:500;--e-global-typography-1590825-font-size:22px;--e-global-typography-1590825-font-weight:700;background-color:#FFFFFF;color:#353535;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#ED2B76;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#353535;border-radius:8px 8px 8px 8px;padding:15px 30px 15px 30px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 h1{color:#000000;font-family:"Inter", Sans-serif;font-size:72px;}.elementor-kit-6 h2{color:#0E0E0E;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h3{color:#020202;font-family:"Inter", Sans-serif;font-size:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:48px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-text-font-size:18px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:32px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-1abf957-font-size:22px;--e-global-typography-1590825-font-size:18px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 a{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-price-table {
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack items vertically */
    
    text-align: left !important;
    background-color: #ffffff; /* Ensure white background for the card */
    border-radius: 12px; /* Rounded corners like Hostinger */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Subtle shadow */
    overflow: hidden; /* Ensures shadow/border-radius are applied correctly */
    padding-bottom: 20px; /* Overall padding at the very bottom inside the card */
    margin-bottom: 20px; /* Space between cards, adjust as needed */
    height: 100%; /* Ensure all cards in a row have same height if content varies */
}

/* --- CORRECTED Reorder the sections using the 'order' property --- */
/* Target Order: Header (1), Price (2), Footer (3), Features (4) */
.elementor-price-table__header {
    order: 1; /* First in desired order */
    padding: 20px 20px 10px 20px !important; /* Adjust padding as needed */
}

.elementor-price-table__price {
    order: 2; /* Second in desired order */
    padding: 10px 20px 20px 20px !important; /* Adjust padding for price section */
    border-bottom: 1px solid #e0e0e0 !important; /* Separator for price section */
}

.elementor-price-table__footer {
    order: 3; /* Third in desired order (button comes before features) */
    padding: 20px !important; /* Padding around the button */
}

.elementor-price-table__features {
    order: 4; /* Fourth in desired order (features come last) */
    flex-grow: 1; /* Allows features to take up remaining vertical space */
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 15px; /* Space between button (footer) and features list */
}.elementor-price-table {
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack items vertically */
    
    text-align: left !important;
    background-color: #ffffff; /* Ensure white background for the card */
    border-radius: 12px; /* Rounded corners like Hostinger */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Subtle shadow */
    overflow: hidden; /* Ensures shadow/border-radius are applied correctly */
    padding-bottom: 20px; /* Overall padding at the very bottom inside the card */
    margin-bottom: 20px; /* Space between cards, adjust as needed */
    height: 100%; /* Ensure all cards in a row have same height if content varies */
}

/* --- CORRECTED Reorder the sections using the 'order' property --- */
/* Target Order: Header (1), Price (2), Footer (3), Features (4) */

.elementor-price-table__header {
    order: 1; /* First in desired order */
    padding: 20px 20px 10px 20px !important; /* Adjust padding as needed */
}

.elementor-price-table__price {
    order: 2; /* Second in desired order */
    padding: 10px 20px 20px 20px !important; /* Adjust padding for price section */
    border-bottom: 0px solid #e0e0e0 !important; /* Separator for price section */
}

.elementor-price-table__footer {
    order: 3; /* Third in desired order (button comes before features) */
    padding: 20px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    /* Padding around the button */
}

/* TARGETING THE CORRECT FEATURES LIST ELEMENT: ul.elementor-price-table__features-list */
ul.elementor-price-table__features-list { 
    order: 4; /* Fourth in desired order (features come last) */
    flex-grow: 1; /* Allows features to take up remaining vertical space */
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 15px; /* Space between button (footer) and features list */
}

/* --- Specific Element Styling (as per Hostinger reference) --- */

.elementor-price-table__heading .elementor-price-table__title {
    text-align: left !important;
    font-size: 24px; /* Example font size, adjust to match Hostinger */
    font-weight: 700;
    color: #333333;
    margin-bottom: 5px; /* Space between title and subheading */
}
.elementor-price-table__heading .elementor-price-table__subheading {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    font-size: 16px; /* Example font size */
    color: #666666;
    line-height: 1.4;
}

.elementor-price-table__price .elementor-price-table__currency {
    text-align: left !important;
    font-size: 20px; /* Smaller currency symbol */
    vertical-align: top; /* Align currency to top of integer */
    margin-right: 2px;
    color: #333333;
}

.elementor-price-table__price .elementor-price-table__integer-part {
    text-align: left !important;
    font-size: 48px; /* Large integer part */
    font-weight: 700;
    line-height: 1; /* Adjust line height to prevent extra space */
    color: #333333;
}

.elementor-price-table__price .elementor-price-table__fractional-part {
    text-align: left !important;
    font-size: 20px; /* Smaller fractional part */
    vertical-align: top; /* Align fractional to top of integer */
    margin-left: 2px;
    color: #333333;
}

.elementor-price-table__price .elementor-price-table__period {
    text-align: left !important;
    display: block !important; /* Force period to a new line below price */
    font-size: 14px; /* Smaller period text */
    color: #999999;
    margin-top: 5px; /* Space above the period text */
    line-height: 1.3;
}

/* --- Features List Styling --- */
/* Targeting list items directly within the corrected ul */
ul.elementor-price-table__features-list li {
    font-size: 15px;
    line-height: 1.6;
    color: #555555;
    padding-left: 25px; /* Space for the custom icon */
    position: relative;
    margin-bottom: 10px; /* Space between list items */
    list-style: none; /* Ensure no default bullets */
}

/* Custom Checkmark Icon: Elementor's default Icon List widget should handle this.
   If you're using plain text with manual icons, you might need something like this: */
ul.elementor-price-table__features-list li .elementor-icon-list-icon { /* Targeting the icon within Elementor's Icon List */
    color: #6C2CFF; /* Your brand's checkmark color */
    font-size: 16px;
    position: absolute; /* Allows placing it precisely */
    left: 0;
    top: 0;
}
ul.elementor-price-table__features-list li .elementor-icon-list-text {
    display: inline-block; /* Ensure text flows correctly */
    vertical-align: top; /* Align text with the icon */
}


/* --- Button Styling (within the footer) --- */
.elementor-price-table__footer .elementor-button-wrapper {
    /* No margin-bottom here, as it was creating space *after* the button if footer was last */
}
.elementor-price-table__footer .elementor-button {
    display: block !important; /* Make button take full width */
    width: 100% !important;
    margin: 0 auto !important; /* Center button if it doesn't take full width */
    background-color: #FF2E7C; /* Your button's pink color */
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
    border-radius: 8px; /* Slightly rounded button corners */
    transition: background-color 0.3s ease;
}
.elementor-price-table__footer .elementor-button:hover {
    background-color: #C72061; /* Darker pink on hover */
}

/* Optional: "This is text element" below the button - this will now be below features */
.elementor-price-table__footer .elementor-widget-container > .elementor-widget-text-editor {
    font-size: 13px;
    color: #999999;
    margin-top: 10px;
    text-align: center;
}

/* --- Responsive Adjustments --- */
@media (max-width: 767px) {
    .elementor-price-table {
        padding-bottom: 15px;
    }
    .elementor-price-table__header,
    .elementor-price-table__price,
    .elementor-price-table__footer,
    ul.elementor-price-table__features-list { /* Corrected .elementor-kit-6 */
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .elementor-price-table__price .elementor-price-table__integer-part {
        font-size: 40px;
    }
}
    

    
    
    
#elementor-popup-modal-2654 {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important; 
}

#elementor-popup-modal-2736 {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important; 
}

#elementor-popup-modal-2730 {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important; 
}

#elementor-popup-modal-2727 {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important; 
}

#elementor-popup-modal-2733 {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important; 
}

.elementor-popup-modal__overlay {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

.elementor-form .e-form__indicators--type-progress_bar {
    border-bottom: 1px solid #CCCCCC; 
    padding-bottom: 20px;           
    margin-bottom: 20px;             
}

#elementor-popup-modal-2736 .elementor-form .e-form__buttons { /* <--- UPDATED SELECTOR */
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: 30px;
}

#elementor-popup-modal-2733 .elementor-form .e-form__buttons { /* <--- UPDATED SELECTOR */
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: 30px;
}

#elementor-popup-modal-2730 .elementor-form .e-form__buttons { /* <--- UPDATED SELECTOR */
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: 30px;
}

#elementor-popup-modal-2727 .elementor-form .e-form__buttons { /* <--- UPDATED SELECTOR */
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: 30px;
}

#elementor-popup-modal-2654 .elementor-form .e-form__buttons { /* <--- UPDATED SELECTOR */
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: 30px;
}

.edrivon-service-content-section {
    display: none;
}

/* Style for the active tab button */
.elementor-button.active-tab-button {
    background-color: #6C2CFF; /* Example: Your primary purple/accent color */
    color: #FFFFFF !important; /* Ensure text color is white for active */
    border-color: #6C2CFF; /* Match border to background */
    font-weight: bold;
    /* Add any other active styles you want, e.g., a subtle box-shadow */
}

/* Show only the active content section */
.edrivon-service-content-section.active-content {
    display: block; /* Use 'block' for sections, or 'flex' if your inner section is a flex container */
}

/* --- MOBILE-SPECIFIC STYLES --- */
@media (max-width: 767px) { 

    .elementor-price-table {
      
        padding: px px !important; /* 
    }

    /* Header Section */
    .elementor-price-table__header {
        text-align: left !important;
        padding-bottom: 15px !important;
        margin-bottom: px !important;
    }
    .elementor-price-table__header .elementor-price-table__title,
    .elementor-price-table__header .elementor-price-table__subheading {
        text-align: left !important;
    }

    /* Price Section */
    .elementor-price-table__price {
        text-align: center !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: px !important;
    }
    .elementor-price-table__price .elementor-price-table__currency,
    .elementor-price-table__price .elementor-price-table__integer-part,
    .elementor-price-table__price .elementor-price-table__fractional-part,
    .elementor-price-table__price .elementor-price-table__period {
        text-align: center !important;
    }

    /* Features Section */
    .elementor-price-table__features {
        text-align: left !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .elementor-price-table__features-list li {
        text-align: left !important;
    }


    /* Button Section */
    .elementor-price-table__footer {
        text-align: center !important;
        padding-top: 15px !important;
    }
    .elementor-price-table__footer .elementor-button {
        width: 100% !important; 
        margin: 0 auto !important;
    }

}/* End custom CSS */