* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.soumyadip-counter-container {
    /* height: 50vh; */
    width: 100%;
    /* border: 1px solid black; */
    justify-content: center;
    align-items: center;
    display: flex;
    background-image: url(../../../images/home/counter/counter-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    flex-wrap: wrap;
    position: relative;
    padding: 60px 0;
    z-index: 1;

}

.soumyadip-counter-container::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.soumyadip-counter-back-banner {
    /* height: 50vh; */
    width: 100%;
    /* border: 1px solid black; */
    /* display: flex; */
    /* background-color: rgb(15, 15, 166); */
    /* flex-wrap: wrap; */
    /* background-image: url(11.jpg); */

}

.soumyadip-counter-container .soumyadip-counter-container-1 {
    /* height: 50vh; */
    height: 300px;
    width: 340px;
    /* border: 1px solid rgb(236, 8, 8); */
    /* justify-content: center; */
    /* align-items: center; */
    display: flex;
    position: relative;
}

.soumyadip-counter-container .soumyadip-counter-container-1 .soumyadip-counter-container-1-perent {
    height: 24%;
    width: 11%;
    /* border: 1px solid black; */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 56%);
    background-color: #033053;
    position: absolute;
    top: 60%;
    left: 25%;
    /* justify-content: center;
    align-items: center;
    display: flex; */
}

.soumyadip-counter-container .soumyadip-counter-container-1 .soumyadip-counter-container-1-perent-first {
    height: 60%;
    width: 48%;
    /* border: 1px solid black; */
    position: absolute;
    top: 20%;
    left: 25%;
    clip-path: polygon(0 0, 100% 0, 100% 73%, 0 89%);
    background: linear-gradient(376deg, #000f1a, #0090ff);
    z-index: 2;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.soumyadip-counter-container .soumyadip-counter-container-1 .soumyadip-counter-container-1-perent-secend {
    height: 14.8%;
    width: 60%;
    /* border: 1px solid black; */
    position: absolute;
    background-color: #033053;
    top: 25%;
    left: 19%;
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
    z-index: 4;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 40px;
    font-weight: bold;
    color: white;

}

.soumyadip-counter-container .soumyadip-counter-container-1 .soumyadip-counter-container-1-perent-therd {
    height: 15.3%;
    width: 80px;
    /* border: 1px solid black; */
    background-color: #033053;
    position: absolute;
    top: 36.9%;
    left: 8.8%;
    clip-path: polygon(58% 1%, 100% 0, 100% 100%, 44% 18%);
}

.soumyadip-counter-container .soumyadip-counter-container-1 .soumyadip-counter-container-1-perent-first .soumyadip-counter-1 {
    height: 20%;
    width: 100%;
    /* background-color: black; */
    color: white;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 20px;
    margin-top: 20px;
}

.soumyadip-counter-container .soumyadip-counter-container-1 .soumyadip-counter-container-1-perent-first .soumyadip-counter-2 {
    height: 20%;
    width: 100%;
    /* background-color: rgb(189, 11, 11); */
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 30px;
    color: white;
}


/*  */