.elementor-12480 .elementor-element.elementor-element-223f414{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12480 .elementor-element.elementor-element-3be0987{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12480 .elementor-element.elementor-element-d2801b9{--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;--justify-content:space-between;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-12480 .elementor-element.elementor-element-d2801b9:not(.elementor-motion-effects-element-type-background), .elementor-12480 .elementor-element.elementor-element-d2801b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-64f6a45 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-12480 .elementor-element.elementor-element-2fc7f98 > .elementor-widget-container{transition:background 2.6s;}.elementor-12480 .elementor-element.elementor-element-2fc7f98:hover > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-12480 .elementor-element.elementor-element-2fc7f98 img{width:170px;height:206px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-12480 .elementor-element.elementor-element-12ef4fd{text-align:center;}.elementor-12480 .elementor-element.elementor-element-12ef4fd .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:28px;}@media(min-width:768px){.elementor-12480 .elementor-element.elementor-element-d2801b9{--width:24%;}}@media(max-width:1200px){.elementor-12480 .elementor-element.elementor-element-2fc7f98 img{width:150px;}}@media(max-width:880px){.elementor-12480 .elementor-element.elementor-element-2fc7f98 img{width:110px;}}@media(max-width:767px){.elementor-12480 .elementor-element.elementor-element-223f414{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12480 .elementor-element.elementor-element-3be0987{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-12480 .elementor-element.elementor-element-d2801b9{--width:100%;}.elementor-12480 .elementor-element.elementor-element-2fc7f98 img{width:180px;height:180px;}}/* Start custom CSS for container, class: .elementor-element-3be0987 */.cat-box:hover img{
    transform: scale(1.2) translateY(15px);
}

.cat-box img{
    transition: transform .3s;
}

.cat-box:hover .btn-bg{
    background-color: #2B3990;
    border-radius:6px;
    color: white
}

.cat-box:hover .elementor-button-text{
    color: white;
}

.cat-box .btn-bg{
    transition: background-color .3s;
}
.catbox .elementor-button-text{
    transition: color .3s;
}

.cat-box:hover .img-box{
    background-image: url('https://www.tradekings.co.zm/wp-content/uploads/2024/11/Rectangle-849.webp');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: bottom;
    border-radius: 6px;
}

.cat-box .img-box{
    transition: background-image 1.8s ease-in-out;
}
@media only screen and (max-width : 1100px) {
  .cat-box .img-box{
    background-image: url('https://www.tradekings.co.zm/wp-content/uploads/2024/11/Rectangle-849.webp');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: bottom;
    border-radius: 15px;
}
}
@media only screen and (max-width : 767px) {
    
    .cat-box:hover img{
        transform: scale(1) translateY(0px);
    }
}/* End custom CSS */