.elementor-18518 .elementor-element.elementor-element-424ff28{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--margin-top:-38px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-18518 .elementor-element.elementor-element-424ff28:not(.elementor-motion-effects-element-type-background), .elementor-18518 .elementor-element.elementor-element-424ff28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fantasycraft-market.com/wp-content/uploads/2023/08/stone-texture-background-bright.jpg");background-position:top center;background-repeat:repeat;background-size:80% auto;}.elementor-18518 .elementor-element.elementor-element-424ff28::before, .elementor-18518 .elementor-element.elementor-element-424ff28 > .elementor-background-video-container::before, .elementor-18518 .elementor-element.elementor-element-424ff28 > .e-con-inner > .elementor-background-video-container::before, .elementor-18518 .elementor-element.elementor-element-424ff28 > .elementor-background-slideshow::before, .elementor-18518 .elementor-element.elementor-element-424ff28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18518 .elementor-element.elementor-element-424ff28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://fantasycraft-market.com/wp-content/uploads/2023/08/stone-texture-background-bright-overlay.png");--background-overlay:'';background-position:top center;background-repeat:repeat-y;background-size:contain;}.elementor-18518 .elementor-element.elementor-element-9d8d54e{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18518 .elementor-element.elementor-element-0f980ba .wd-text-block{line-height:26px;}.elementor-18518 .elementor-element.elementor-element-2d4caf7{--display:flex;--min-height:342px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18518 .elementor-element.elementor-element-75de74a > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18518 .elementor-element.elementor-element-75de74a.elementor-element{--align-self:stretch;}body:not(.rtl) .elementor-18518 .elementor-element.elementor-element-75de74a{left:0px;}body.rtl .elementor-18518 .elementor-element.elementor-element-75de74a{right:0px;}.elementor-18518 .elementor-element.elementor-element-75de74a{top:0px;text-align:center;}.elementor-18518 .elementor-element.elementor-element-75de74a img{width:2560px;border-radius:0px 0px 0px 0px;}.elementor-18518 .elementor-element.elementor-element-5583e01 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-18518 .elementor-element.elementor-element-5583e01{text-align:center;}.elementor-18518 .elementor-element.elementor-element-5583e01 .elementor-heading-title{font-family:"Devinne Swash", Sans-serif;font-size:21px;font-weight:500;text-transform:none;line-height:28px;color:#F3EEE7;}.elementor-18518 .elementor-element.elementor-element-5679828{--wd-brd-radius:0px;}.elementor-18518 .elementor-element.elementor-element-5679828 .banner-title{font-size:18px;}@media(max-width:1024px){.elementor-18518 .elementor-element.elementor-element-5679828 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-18518 .elementor-element.elementor-element-424ff28{--padding-top:0px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-18518 .elementor-element.elementor-element-5679828 .banner-title{font-size:13px;}}@media(min-width:768px){.elementor-18518 .elementor-element.elementor-element-9d8d54e{--content-width:1366px;}.elementor-18518 .elementor-element.elementor-element-2d4caf7{--content-width:1366px;}}/* Start custom CSS for wd_banner_carousel, class: .elementor-element-5679828 *//* Text shadow */
.promo-banner .wrapper-content-banner .content-banner {
    text-shadow: 0px 1px 8px #120707, 0px 2px 15px #100606, 0px 2px 20px #100505b8;
}
/* Default state: Transparent border */
.elementor-element .elementor-widget-container .promo-banner-wrapper .promo-banner {
    border: 1px solid transparent;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
/* Hover state: Show border */
.legal-main-categories .elementor-element .elementor-widget-container .promo-banner-wrapper .promo-banner:hover {
    border-color: #ffe4a4;  /* Just change the border color here */
    box-shadow: 0 0 8px #fffaef85, 0 0 5px #ffede18c;
    border-radius: 5px;
}
/* button effect + replace */
.content-banner .banner-btn-wrapper .wd-button-wrapper a {
    background-image: url(https://fantasycraft-market.com/wp-content/uploads/2023/08/legal-button-min.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.content-banner .banner-btn-wrapper .wd-button-wrapper .btn.btn-color-default {
    background-color: transparent;
    color: #E0CDB8;
}
/* banners */
.legal-subcategory-element .promo-banner .main-wrapp-img .banner-image {
        width: 100%;
    }
/* banners under 778 */
@media (max-width: 778px) {
    .owl-carousel, .owl-stage-outer, .owl-stage {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
    }
    .owl-item {
        float: left !important;
        display: block !important;
        width: 33.33% !important;
        box-sizing: border-box;
        font-size: 16px; 
    }
    .promo-banner-image,
    .legal-subcategory-element .promo-banner .main-wrapp-img .banner-image {
        width: 100% !important;
        height: auto !important;
        transform: none !important;
    }
    .owl-nav, .owl-dots {
        display: none !important;
    }
    .legal-subcategory-element .promo-banner .main-wrapp-img .banner-image {
        width: 140%!important;
        margin-left: -28px;
    }
}
/* For screens between 620px and 778px */
@media (min-width: 620px) and (max-width: 778px) {
    .legal-subcategory-element .promo-banner .main-wrapp-img .banner-image {
        width: 115%!important;
        margin-left: -20px;
    }
}
/* For screens between 779px and 1024px */
@media (min-width: 779px) and (max-width: 1024px) {
    .owl-carousel, .owl-stage-outer, .owl-stage {
        width: 100% !important;
        transform: none !important;
    }
    .owl-item {
        float: left !important;
        display: block !important;
        width: 16.66% !important;  
        box-sizing: border-box;
        font-size: 16px;
    }
    .promo-banner-image,
    .legal-subcategory-element .promo-banner .main-wrapp-img .banner-image {
        width: 100% !important;
        height: auto !important;
        transform: none !important;
    }
    .owl-nav, .owl-dots {
        display: block !important;
    }
    .legal-subcategory-element .promo-banner .main-wrapp-img .banner-image {
        width: 130%!important;
        margin-left: -23px;
    }
}
/* 779-1119px font size */
@media (min-width: 779px) and (max-width: 1119px) {
    .legal-subcategory-element .elementor-widget-container .wrapper-content-banner .content-banner h2 {
        font-size: 14px;
    }
}
/* Shadow around text */
.wrapper-content-banner .content-banner h2 {
    text-align: center;
    text-shadow: 4px 4px 4px #1a1a1a, 
                 -4px -4px 4px #1a1a1a, 
                 4px -4px 4px #1a1a1a, 
                 -4px 4px 4px #1a1a1a;
}
/* Set the default state to hidden */
.legal-subcategory-element .promo-banner .wrapper-content-banner .content-banner h2 {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
/* Show the h2 element when the entire .promo-banner is hovered */
.legal-subcategory-element .promo-banner:hover .wrapper-content-banner .content-banner h2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */