.elementor-5295 .elementor-element.elementor-element-431e0ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5295 .elementor-element.elementor-element-dd8a589{--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-5295 .elementor-element.elementor-element-dd8a589 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5295 .elementor-element.elementor-element-dd8a589:after{content:"0.66";}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__thumbnail__link{width:100%;}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post{padding:10px 10px 10px 10px;}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__text{padding:0px 0px 0px 0px;}.elementor-5295 .elementor-element.elementor-element-dd8a589.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:13px;}.elementor-5295 .elementor-element.elementor-element-dd8a589.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:13px;}.elementor-5295 .elementor-element.elementor-element-dd8a589.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:13px;}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__title, .elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__title a{color:#171717;font-family:"Gotham", Sans-serif;font-size:16px;font-weight:700;text-transform:none;letter-spacing:0px;}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__title{margin-bottom:12px;}@media(max-width:767px){.elementor-5295 .elementor-element.elementor-element-dd8a589 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-5295 .elementor-element.elementor-element-dd8a589:after{content:"0.7";}.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-dd8a589 */.tabtwocut .elementor-post__thumbnail img {
    clip-path: polygon(30px 0, /* top-left cut */ 100% 0, 100% calc(100% - 30px), /* bottom-right cut */ calc(100% - 30px) 100%, 0 100%, 0 30px);
}

/* ------------------------------
   2) ARTICLE BASE
------------------------------ */
.tabtwocut article {
    position: relative;
    background: transparent !important;
    overflow: visible !important;
    z-index: 0;
}


/* ------------------------------
   3) HOVER BACKGROUND SHAPE LAYER
------------------------------ */

.tabtwocut article::before {
  content: "";
    position: absolute;
    inset: 0;
    background: #EADBFF;
    z-index: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 0;
    transition: clip-path 0.35s ease, opacity 0.25s ease, background 0.3s ease;
}

.tabtwocut article::after {
    content: "";
    position: absolute;
    inset: -1.5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path 0.35s ease, opacity 0.25s ease, background 0.3s ease;
    opacity: 0;
    z-index: -5;
    background: rgba(0, 0, 0, .15);
}

.tabtwocut article:hover::before, .tabtwocut article:hover::after{
    opacity: 1;
    clip-path: polygon(30px 0, /* top-left cut */ 100% 0, 100% calc(100% - 30px), /* bottom-right cut */ calc(100% - 30px) 100%, 0 100%, 0 30px /* left vertical offset */);
}

.tabtwocut article * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS */.elementor-5295 .elementor-element.elementor-element-dd8a589 .elementor-post__title {
    margin-bottom: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.timesofgames.com/wp-content/uploads/2025/11/Gotham-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.timesofgames.com/wp-content/uploads/2025/11/Gotham-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.timesofgames.com/wp-content/uploads/2025/11/Gotham-Book.woff') format('woff');
}
/* End Custom Fonts CSS */