/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1779341395
Updated: 2026-05-21 05:29:55

*/

```css
/* //////////////////// */




/* Scrollbar width */
::-webkit-scrollbar {
    width: 6px !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #0F172A !important;
}

/* Default thumb */
::-webkit-scrollbar-thumb {
    background: #1e2d4a !important;
    border-radius: 999px !important;
    border: 1px solid #1e2d4a !important;
    transition: all 0.3s ease !important;
}

/* Hover effect */
::-webkit-scrollbar-thumb:hover {
    background: #3b82f6 !important;
}

/* /////////////////// */

.main-header {
    /* From https://css.glass */
    background: rgba(15, 23, 42, 0.81) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(14.4px) !important;
    -webkit-backdrop-filter: blur(14.4px) !important;
}

#scroll-progress {
    transition: width 0.1s ease-out !important;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.7) !important;
}

.gradient-text {
    background: linear-gradient(
        90deg,
        #2563ff 0%,
        #4f6fff 40%,
        #7c4dff 100%
    ) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

.main-logo:hover .main-logo-icon {
    background-color: #3C83F63D !important;
    border-color: #3B82F6 !important;
}

button#send-message {
    background: linear-gradient(to right, #3b82f6, rgb(99, 102, 241)) !important;
}

.hero-btn a {
    position: relative !important;
    transition: box-shadow 0.3s ease !important;
    animation: heroGlow 0.4s infinite ease-in-out !important;
}

/* SVG move effect */
.hero-btn svg {
    transition: transform 0.3s ease !important;
}

.hero-btn:hover svg {
    transform: translateY(3px) !important;
}

.review-quote .elementor-icon {
    width: 23px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #0b1430 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Optional soft glow effect */
.review-quote .elementor-icon svg {
    fill: none !important;
    stroke: #1d2d7a !important;
    stroke-width: 22 !important;
    filter: drop-shadow(0 0 6px rgba(60, 131, 246, 0.15)) !important;
    position: relative !important;
    z-index: 2 !important;
}

.review-quote .elementor-icon svg path {
    fill: transparent !important;
}

.about-icon-box .elementor-icon {
    display: inline-block !important;
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

.about-icon-box:hover .elementor-icon {
    transform: scale(1.15) !important;
}

.expertise-boxs .main-icon-box .elementor-icon {
    border: 1px solid #3b82f625 !important;
}

.blog-tags {
    width: fit-content !important;
}


/* Time Line section */
.time-line-container {
    position: relative !important;
}

.time-line-container::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 1px !important;

    background: linear-gradient(
        to bottom,
        transparent 0%,
        #21427b 0%,
        #3B82F615 70%,
        transparent 100%
    ) !important;
}

@media (max-width: 768px) {
    .time-line-container::before {
        left: 13px !important;
    }
}

.time-line-inner {
    position: relative !important;
}

/* Outer circle */
.time-line-inner::before {
    content: "" !important;
    position: absolute !important;
    left: -80px !important;
    top: 8px !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #3b82f6 !important;
    border-radius: 50% !important;
    background: transparent !important;
}

/* Inner blue dot */
.time-line-inner::after {
    content: "" !important;
    position: absolute !important;
    left: -78px !important;
    top: 10px !important;
    width: 8px !important;
    height: 8px !important;
    background: #1c3767 !important;
    border-radius: 50% !important;
    transition: transform 0.3s ease !important;
}

/* Hover effect */
.time-line-inner:hover::after {
    transform: scale(1.4) !important;
    background: #3b82f6 !important;
}

@media (max-width: 768px) {
    .time-line-inner::before {
        left: -33px !important;
    }

    .time-line-inner::after {
        left: -31px !important;
    }
}

/* //////////////// */

.arrow-icon svg {
    transition: transform 0.3s ease !important;
}

.expertise-boxs:hover .arrow-icon svg {
    color: #3B82F6 !important;
    transform: scale(1.2) !important;
}

.credentials-image-box .elementor-image-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 0px !important;
    align-items: center !important;
}

.case-study-tag .elementor-post-info__terms-list-item {
    border: 1px solid #FFFFFF12 !important;
    border-radius: 12px !important;
    padding: 4px 10px 4px 10px !important;
    background-color: #FFFFFF0A !important;
    margin-right: 10px !important;
}

@media (max-width: 768px) {
    .case-study-tag .elementor-icon-list-text span {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }
}

/* Large circle */
.author-image-hero::before {
    content: "" !important;
    position: absolute !important;
    top: -50px !important;
    right: -40px !important;
    width: 100px !important;
    height: 100px !important;
    border: 1px solid #8b5cf633 !important;
    border-radius: 50% !important;
}

/* Small circle */
.author-image-hero::after {
    content: "" !important;
    position: absolute !important;
    top: -35px !important;
    right: -30px !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #8b5cf633 !important;
    border-radius: 50% !important;
}

.time-line-inner {
    opacity: 0 !important;
    transform: translateX(-150px) !important;
    transition: all 0.6s ease-out !important;
}

/* Play animation when visible */
.time-line-inner.show {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Delays */
.time-line-card5 {
    transition-delay: 0.1s !important;
}

.case-study-container:hover .case-study-img {
    transform: scale(1.1) !important;
    opacity: 1 !important;
}

/* //////////Single-Post////////// */

.wp-block-heading {
    font-family: "Inter Tight", Sans-serif !important;
    font-size: 24px !important;
    color: #F2F2F7 !important;
    font-weight: 800 !important;
    margin-top: 52px !important;
}

.single-blog-divider {
    height: 1px !important;
    width: 100% !important;

    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(255, 255, 255, 0.08) 15%,
        rgba(255, 255, 255, 0.35) 50%,
        rgba(255, 255, 255, 0.08) 85%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
}

.related-post-box:hover h2 {
    color: #3B82F6 !important;
}

/* //////////////////// */
```