@php
    $bg_style = get_section_bg_style($section_id);
    $font_style = get_section_font_style($section_id);
    $p_style = get_section_p_style($section_id);
    $m_style = get_section_m_style($section_id);
    $heading_style = heading_style($section_id);
    $heading_color= heading_color($section_id);
    $heading_pading =get_section_h_p_style($section_id);
    $heading_margin =get_section_h_m_style($section_id);
    $toggle = get_buttom($section_id);

@endphp

<style>

    section.layout_style.section_{{$section_id}}{
        @if(!($bg_style==false))
            @if($bg_style->bg_type=='image')
                background-image: url('/{{get_image($bg_style->bg_image)}}');
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
            @else
                background:{{$bg_style->bg_color}} !important;
            @endif
        @endif
    }
    @if(!($font_style==false))
    section.layout_style.section_{{$section_id}} p{
        font-size : {{$font_style->font_size}}px !important;
        @if($font_style->font_italic)
        font-style:italic;
        @endif
        @if($font_style->font_wight)
        font-weight: bold;
        @endif
    }
    @endif

    section.layout_style.section_{{$section_id}} .header_style{
        color:{{$heading_color}}!important;
        @if($heading_style->font_italic)
        font-style:italic;
        @endif
        @if($heading_style->font_wight)
        font-weight: bold;
        @endif

        @if($toggle ==1)
        padding:{{$heading_pading->h_pt}}px {{$heading_pading->h_pr}}px {{$heading_pading->h_pb}}px {{$heading_pading->h_pl}}px;
        margin:{{$heading_margin->h_mt}}px {{$heading_margin->h_mr}}px {{$heading_margin->h_mb}}px {{$heading_margin->h_ml}}px;
        @elseif($toggle ==0)
         margin:{{$heading_style->mt}}px {{$heading_style->mr}}px {{$heading_style->mb}}px {{$heading_style->ml}}px!important;
        padding:{{$heading_style->pt}}px {{$heading_style->pr}}px {{$heading_style->pb}}px {{$heading_style->pl}}px!important;
        @endif
        @if($heading_style->bg_type=='image')
            background-image: url('/{{get_image($heading_style->bg_image)}}');
            background-repeat: no-repeat;
            background-position: center;
            /*background-size: cover;*/
            @else
            background:none !important;
        @endif

}
    section.layout_style.section_{{$section_id}} .header_style h1,
    section.layout_style.section_{{$section_id}} .header_style h2,
    section.layout_style.section_{{$section_id}} .header_style h3,
    section.layout_style.section_{{$section_id}} .header_style h4,
    section.layout_style.section_{{$section_id}} .header_style p{
        color:{{$heading_color}}!important;
        font-size : {{$heading_style->font_size}}px !important;
        @if($heading_style->font_italic)
        font-style:italic;
        @endif
        @if($heading_style->font_wight)
        font-weight: bold;
        @endif
    }

    section.layout_style section_{{$section_id}} .header_style .section_header_title{
        text-align:{{get_section_align_style($section_id)->heading_align}}!important;
        width:100%;
        padding:{{$heading_pading->h_pt}}px {{$heading_pading->h_pr}}px {{$heading_pading->h_pb}}px {{$heading_pading->h_pl}}px;
        margin:{{$heading_margin->h_mt}}px {{$heading_margin->h_mr}}px {{$heading_margin->h_mb}}px {{$heading_margin->h_ml}}px;
    }
</style>