/* Global Block 8 - Reliable Features Grid Styles */
.global-block8-section {
    width: 100% !important;
    padding: 0 !important;
        background: linear-gradient(180deg, #161632 0%, #161632 100%) !important;
    clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 calc(100% - 100px)) !important;
    padding: 160px 20px 160px 20px !important;
    position: relative !important;
    border-radius: 0 !important;
}

.global-block8-content-wrapper {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
}

 

.global-block8-main-section * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.global-block8-title {
    font-size: 42px !important;
    line-height: 42px !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    color: #E7EAF0 !important;
    margin-bottom: 32px !important;
}

.global-block8-subtitle {
    font-size:16px !important;
    margin-bottom: 60px !important;
    color: #E7EAF0 !important;
}

.global-block8-grid {
    column-count: 3 !important;
    column-gap: 30px !important;
}

.global-block8-card {
    background: #191939!important;
    border: 1px solid #32325D !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    backdrop-filter: blur(10px) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: fit-content !important;
    break-inside: avoid !important;
    margin-bottom: 30px !important;
}

.global-block8-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.global-block8-card h2 {
    font-size: 26px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.global-block8-card p {
    font-size: 14px !important;
    color: #ABB6C5 !important;
}

.global-block8-card-image {
    width: 100% !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
}

.global-block8-card-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.global-block8-card-image-lazy {
    width: 100% !important;
    height: 200px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
}

.global-block8-grid .global-block8-card:nth-child(1) .global-block8-card-image-lazy{
height: 300px !important;
}

.global-block8-grid .global-block8-card:nth-child(2) .global-block8-card-image-lazy{
height: 180px !important;
}

.global-block8-grid .global-block8-card:nth-child(3) .global-block8-card-image-lazy{
height: 180px !important;
}


.global-block8-grid .global-block8-card:nth-child(4) .global-block8-card-image-lazy{
height: 300px !important;
}

.global-block8-grid .global-block8-card:nth-child(5) .global-block8-card-image-lazy{
height: 240px !important;
}

.global-block8-grid .global-block8-card:nth-child(6) .global-block8-card-image-lazy{
height: 240px !important;
}


/* Space Classes */
.global-block8-section.space-top-1x {
    margin-top: 20px !important;
}

.global-block8-section.space-top-2x {
    margin-top: 40px !important;
}

.global-block8-section.space-top-3x {
    margin-top: 60px !important;
}

.global-block8-section.space-top-4x {
    margin-top: 80px !important;
}

.global-block8-section.space-top-5x {
    margin-top: 100px !important;
}

.global-block8-section.space-bottom-1x {
    margin-bottom: 20px !important;
}

.global-block8-section.space-bottom-2x {
    margin-bottom: 40px !important;
}

.global-block8-section.space-bottom-3x {
    margin-bottom: 60px !important;
}

.global-block8-section.space-bottom-4x {
    margin-bottom: 80px !important;
}

.global-block8-section.space-bottom-5x {
    margin-bottom: 100px !important;
}

 
 @media (max-width: 768px) {
    /* Responsive styles for global block8 headings and text */
    .global-block8-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    .global-block8-subtitle {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .global-block8-card h2 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .global-block8-card p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Responsive styles for global block8 layout */
    .global-block8-section {
        padding: 160px 0px 160px 0px !important;
    }
    
    .global-block8-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: start;
        gap: 20px;
    }

    .global-block8-grid .global-block8-card-image-lazy {
        height: 300px !important;
        max-height: 300px;
        min-height: 300px;
    }

    .global-block8-card {
        padding: 20px 15px !important;
    }
}
