.blogs_grid{
    width: 100%;
    display: flex; align-items: stretch; 
    justify-content: space-between; flex-wrap: wrap;
    .blog_item_spacer{ width: 32%;}
    .blog_item{
        width: 32%;
        margin-bottom: 20px;
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        &:after{
            content:''; 
            padding-bottom: 162%;
            display: block;
            position: relative;
            background-color: rgba(0,0,0,0.5);
        }
        .blog_item_info{
            position: absolute;
            top:0px;
            left: 0px;
            width: calc(100% - 45px - 45px);
            z-index: 10;
            padding: 45px;
            .blog_item_title{
                color: #f7941d;
                margin-top: 10px;
                font-size: 32px; font-family: aileron,sans-serif;
                font-weight: 600; line-height: 1.4;
            }
            .blog_item_category{
                color: #fff;
                margin-top: 0px;
                font-size: 25px; font-weight: 700;
            }
            
        }
        .blog_item_link{ width: 100%; height: 100%; top:0px; left: 0px; z-index: 13; display: block;background-color: rgba(55,59,84,0.6);}
        @media handheld, only screen and (max-width: 767px) {
        width: 100%;
        }

        transition: all 0.4s ease; overflow: hidden;
        .blog_item_hover{ position: absolute; top:0px; left: -300px; width: 100%; height: 100%; display: block;
            opacity: 0; width: 100%; height: 100%;
            transition: all 0.4s ease;
            background-color: rgba(55,59,84,1); z-index: 10; 
            .blog_item_hover_inner{
                padding: 50px; display: block; position: relative;
              
            }
            h2{ font-size: 26px; font-weight: 700; line-height: 1.5; color: #fff !important;}
            p{ font-size: 18px; line-height: 1.8; color: #fff;}
            .read_more_link{ position: absolute; bottom:50px; right: 50px; font-size: 25px; color: #f7941d; font-weight: 300;}
            @media handheld, only screen and (max-width: 767px) {
                padding: 20px; 
                h2{ font-size: 22px; font-weight: 700; line-height: 1.5; color: #fff !important;}
                p{ font-size: 14px; line-height: 1.8; color: #fff;}
                .read_more_link{ position: absolute; bottom:20px; right: 20px; font-size: 22px; color: #f7941d; font-weight: 300;}
            }

        }
        &:hover{
            .blog_item_hover{
                opacity: 1; display: block;
                width: 100%;
                height: 100%;
                left: 0px;
            }
        }

    }
}
.frms_cols{width:100%; display:flex; justify-content:space-between; align-items:stretch}
	.frm_left{ width:48%}
	.frm_right{ width:48%}
	
	.frms_cols input{ border: 1px solid #fff !important; background:transparent !important; color: #fff !important; height:63px !important;}
	.frms_cols textarea{ border: 1px solid #fff !important; background:transparent !important; color: #fff !important; height:294px !important;}
	.frm_style_formidable-style.with_frm_style .form-field{ margin-bottom:10px}
	.with_frm_style .frm_primary_label{ color: #fff; font-size:18px; font-weight:300}
	@media handheld, only screen and (max-width: 767px) {
        .frms_cols{
            flex-wrap: wrap;
            .frm_left,.frm_right{
                width: 100%;
            }
        }
        .row_contact{ padding-left: 0px !important; padding-right: 0px !important; width: 90% !important; margin-left: auto !important; margin-right: auto !important;}
    }

    .button_arrow{
        a{ 

            border:0px; background-color: transparent !important; border: 0px !important; position: relative; padding: 0px !important; box-shadow: none  !important;
            &:after{ content:''; font-size: 12px;  content: "\f061";font-family: "Font Awesome 6 Free"; font-weight: 900;padding-left: 8px;}
        }

    }