.elementor-12256 .elementor-element.elementor-element-7b8760d{--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-12256 .elementor-element.elementor-element-0898026{--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-12256 .elementor-element.elementor-element-9898901{--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-12256 .elementor-element.elementor-element-9898901:not(.elementor-motion-effects-element-type-background), .elementor-12256 .elementor-element.elementor-element-9898901 > .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-12256 .elementor-element.elementor-element-0eb1c2f > .elementor-widget-container{transition:background 2.6s;}.elementor-12256 .elementor-element.elementor-element-0eb1c2f:hover > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-12256 .elementor-element.elementor-element-0eb1c2f img{width:190px;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-12256 .elementor-element.elementor-element-82a4d1a{text-align:center;}.elementor-12256 .elementor-element.elementor-element-82a4d1a .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:28px;}.elementor-12256 .elementor-element.elementor-element-106b50b{--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-12256 .elementor-element.elementor-element-106b50b:not(.elementor-motion-effects-element-type-background), .elementor-12256 .elementor-element.elementor-element-106b50b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-64f6a45 );}.elementor-12256 .elementor-element.elementor-element-ac3ee74 > .elementor-widget-container{transition:background 2.6s;}.elementor-12256 .elementor-element.elementor-element-ac3ee74:hover > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-12256 .elementor-element.elementor-element-ac3ee74 img{width:190px;height:206px;object-fit:contain;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-12256 .elementor-element.elementor-element-56cd4d7{text-align:center;}.elementor-12256 .elementor-element.elementor-element-56cd4d7 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:28px;}@media(min-width:768px){.elementor-12256 .elementor-element.elementor-element-9898901{--width:24%;}.elementor-12256 .elementor-element.elementor-element-106b50b{--width:24%;}}@media(max-width:1200px){.elementor-12256 .elementor-element.elementor-element-0eb1c2f img{width:150px;}.elementor-12256 .elementor-element.elementor-element-ac3ee74 img{width:150px;}}@media(max-width:880px){.elementor-12256 .elementor-element.elementor-element-0eb1c2f img{width:110px;}.elementor-12256 .elementor-element.elementor-element-ac3ee74 img{width:110px;}}@media(max-width:767px){.elementor-12256 .elementor-element.elementor-element-7b8760d{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12256 .elementor-element.elementor-element-0898026{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-12256 .elementor-element.elementor-element-9898901{--width:100%;}.elementor-12256 .elementor-element.elementor-element-0eb1c2f img{width:180px;height:180px;}.elementor-12256 .elementor-element.elementor-element-106b50b{--width:100%;}.elementor-12256 .elementor-element.elementor-element-ac3ee74 img{width:180px;height:180px;}}/* Start custom CSS for container, class: .elementor-element-7b8760d */.cat-box:hover img{
    transform: scale(1.3) translateY(10px);
}

.cat-box img{
    transition: transform .3s;
    height: 206px;
    width: 130px;
    object-fit: contain
}

.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-851.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-851.webp')!important;
    background-repeat: no-repeat!important;
    background-size:cover!important;
    background-position: bottom!important;
    border-radius: 15px!important;
}
}
@media only screen and (max-width : 767px) {
    
    .cat-box:hover img{
        transform: scale(1) translateY(0px) !important;
    }
    .cat-box img{
        width: 180px !important;
        height: 180px !important;
    }
}/* End custom CSS */