.banner{
    position: relative;
    overflow: hidden;
    &::after{
        position: absolute;
        content: '';
        top: 50%;
        right: -250px;
        height: 400px;
        width: 400px;
        background-color: #4967dd69;
        border-radius: 16px;
        transform:translateY(-50%) rotate(45deg);
       
    }
    // &::before{
    //     position: absolute;
    //     content: '';
    //     top: 50%;
    //     left: -250px;
    //     height: 400px;
    //     width: 400px;
    //     background-color: #4967dd69;
    //     border-radius: 16px;
    //     transform:translateY(-50%) rotate(45deg);
       
    // }
    .slide_img{
        height: 480px;
        width: 100%;
        display:flex;
        align-items: center;
        justify-content: center;
        // background-color: #f3f3f3;
        img{
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
    .slide_text{
        padding-left: 50px;
        h4{
            font-size: 38px;
            font-weight: 700;
            color: #333;
            line-height: 46px;
        }
        p{
            font-size: 15px;
            font-weight: 400;
            color: #494848e7;
            line-height: 22px;
            padding: 6px 0 12px 0;
        }
        .ban_btn{
            font-size: 20px;
            font-weight: 500;
            color: $primaryColor;
            i{
                margin-left: 4px;
            }
        }
    }
    .swiper-pagination {
        position: absolute;
        text-align: end;
        transition: .3s opacity;
        transform: translate3d(0,0,0);
        z-index: 10;
    }
    .swiper-pagination-bullet {
        width: 22px;
        height: 8px;
        display: inline-block;
        border-radius: 10px;
        background: $primaryColor;
    }
    .swiper-pagination-bullet-active{
        height: 8px;
        width: 40px;
    }
}

.counter_main{
    .counter_wrapper{
        padding: 50px 0;
        .counter_wrap{
            text-align: center;
              .icon_img{
                height: 60px;
                width: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                img{
                    height: 100%; 
                    width: 100%;
                    object-fit: contain;
                }
              }
              h4{
                font-size: 38px;
                font-weight: 900;
                color: rgba(236, 55, 10, 0.829);
                padding: 18px 0 5px 0;
              }
              h5{
               font-size: 14px;
               color: #5a5a5a;
               font-weight: 400;
              }
        }
    }
}