.inner_header_product
{
    display: flex;
    flex-direction: row;
    background: linear-gradient(68deg,rgba(0, 50, 118, 1) 0%, rgba(6, 17, 29, 1) 100%);
    border-radius: 20px;
    color: #fff;
    padding: 50px 70px;
    gap: 30px;
    .left_content
    {
        width: 70%;
        display: flex;
        flex-direction: column;
        color: white;
        text-align: left;
        gap: 20px;
        .button_container
        {
            margin: 0;
            padding: 0;

        }
        p.smalltxt
        {
            font-size: 14px;
            margin: 0;
            padding: 0;
        }
        .price
        {
            .amount
            {
                font-size: 36px;
                font-family: 'ubb';
                margin-right: 10px;
            }
        }
        h1
        {
            margin: 0;
            padding: 0;
            font-weight: normal;
            color: #fff;
        }
        h2
        {
            font-size: 20px;
            margin: 0;
            padding: 0;
            font-weight: normal;
            color: #fff;
        }
    }
    .right_content
    {
        width: 30%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: left;
        align-self: center;
        flex-grow: 1;
        .spec_item
        {
            display: flex;
            gap: 10px;
            align-items: center;
        }
    }
}

.vpc_fast_delivery
{
    display: flex;
    flex-direction: row;
    gap: 30px;
    .left_content
    {
        width: 50%;
        padding: 20px;
        img
        {
            height: 280px;
        }
    }
    .right_content
    {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 30px 50px;
        gap: 20px;
        h2
        {
            font-weight: normal;
            color: #111;
        }
        p
        {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }
    }
}

#essential_services {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;

    > .one_essential_service {
        background: #FFF;
        border-radius: 10px;
        width: calc(calc(100% - 20px) / 2);
        padding: 30px 30px;
        .div_essential_services_title{
            font-family: ubb;
            font-size: 18px;
            color: #111;
            margin-bottom: 10px;
            display: flex;
            gap:20px;
            align-items: center;
            img{
                height: 50px;
            }
        }

    }
}

#div_all_os_rack{
    display: flex;
    gap:30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    > * {
        flex:1;
        background:#fff;
        border-radius:10px;
        padding:20px;
        display: flex;
        gap:15px;
        flex-direction: column;
        white-space: nowrap;

        .os_rack_univers{
            font-size: 18px;
            font-family: ubb;
            display: flex;
            align-items: center;
            gap:5px;
            color:#666;
        }
        .os_rack_listing{
            display: flex;
            flex-direction: column;
            gap:10px;
            .os_rack_listing_one{
                display: flex;
                align-items: center;
                gap:5px;
            }


        }
    }
}

@media (max-width: 1024px) {
    .inner_header_product {
        padding: 40px 50px;
        .left_content {
            width: 60%;
            .price {
                .amount {
                    font-size: 30px;
                }
            }
        }
        .right_content {
            width: 40%;
        }
    }
    .vpc_fast_delivery {
        .left_content, .right_content {
            width: 50%;
            img {
                height: 220px;
            }
        }
    }
}

@media (max-width: 768px) {
    .inner_header_product {
        flex-direction: column;
        padding: 30px 20px;
        text-align: center;
        .left_content, .right_content {
            width: 100%;
            align-items: center;
            text-align: center;
        }
        .right_content {
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
        }
    }
    .vpc_fast_delivery {
        flex-direction: column;
        .left_content, .right_content {
            width: 100%;
            padding: 20px 0;
            text-align: center;
        }
    }
    #essential_services > .one_essential_service {
        width: 100%;
    }
    #div_all_os_rack {
        flex-direction: column;
        > * {
            width: 100%;
        }
    }
}