.elementor-731 .elementor-element.elementor-element-2915220{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-731 .elementor-element.elementor-element-2915220.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-731 .elementor-element.elementor-element-3605b17{margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}@media(min-width:768px){.elementor-731 .elementor-element.elementor-element-2915220{--width:88.614%;}}/* Start custom CSS for html, class: .elementor-element-3605b17 */#best-hosting-homepage-container {
                font-family: 'Inter', sans-serif;
                background-color: #f9fafb;
                position: relative;
                overflow-x: hidden;
            }

            .content-wrapper {
                position: relative;
                z-index: 1;
            }

            /* Gradient text effect for light background */
            .gradient-text {
                background: linear-gradient(90deg, #2563eb, #7c3aed);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                text-fill-color: transparent;
            }

            /* Card styling for light theme */
            .styled-card {
                background-color: white;
                border: 1px solid #e5e7eb;
                box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
                transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            }
            .styled-card:hover {
                transform: translateY(-8px);
                border-color: #d1d5db;
                box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.1);
            }

            /* Specific styling for the blog post cards to match your theme */
            .blog-post-card {
                background-color: white;
                box-shadow: 0 2px 8px rgba(0,0,0,0.07);
                border-radius: 8px;
                padding: 20px;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .blog-post-card:hover {
                 transform: translateY(-8px);
                 box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            }
            .blog-post-card a {
                text-decoration: none;
            }
            .blog-post-category {
                font-size: 0.75rem; /* 12px */
                font-weight: 600;
                color: #4f46e5; /* Indigo */
                text-transform: uppercase;
                margin-bottom: 0.5rem;
            }
            .blog-post-title {
                font-size: 1.25rem; /* 20px */
                font-weight: 700;
                color: #1f2937;
                line-height: 1.4;
                margin-bottom: 1rem;
            }
            .blog-post-excerpt {
                font-size: 0.9rem;
                color: #4b5563;
                margin-bottom: 1.5rem;
            }
            .blog-post-arrow {
                font-size: 1.5rem;
                color: #4f46e5;
                transition: transform 0.3s ease;
            }
             .blog-post-card:hover .blog-post-arrow {
                transform: translateX(5px);
            }/* End custom CSS */