.elementor-1261 .elementor-element.elementor-element-f99afa5{--display:flex;--min-height:278px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:6px 6px 6px 6px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1261 .elementor-element.elementor-element-fd32474 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;line-height:34px;color:var( --e-global-color-secondary );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1261 .elementor-element.elementor-element-56addce{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:24px;color:var( --e-global-color-secondary );}@media(max-width:1200px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-1261 .elementor-element.elementor-element-f99afa5{--width:100%;--min-height:113px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for heading, class: .elementor-element-fd32474 */.titleCases {
    display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        opacity: 0;
          -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.postContainer:hover  .titleCases{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}/* End custom CSS */
/* Start custom CSS for theme-post-excerpt, class: .elementor-element-56addce */.postExpert {
    display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        opacity: 0;
          -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.postContainer:hover .postExpert {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99afa5 */.postContainer:before {
    content: '';
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0 !important;
    left:0;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border:0px solid #fff;
}

.postContainer:hover:before {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border:10px solid #fff;
}



.postContainer:before {
content: '';
position: absolute;
bottom: 0 !important;
top:unset;
left:0;
width: 100%;
height: 0%;
background:
linear-gradient(180deg, rgba(12, 13, 20, 0) 51%, #0C0D14 100%);
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.postContainer:hover:before {
height: 100%;
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width:767px) {
   .postContainer:before { 
    background:transparent;   
   } 
}/* End custom CSS */