@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

body{
    font-family: 'Poppins', sans-serif;
}

.container_c h1{
    padding: 0 0 0 10%;
}

.main__heading h2{
    font-size: 30px;
    font-weight: 700;
    background-image: linear-gradient(0deg, rgba(11.000000294297934, 254.00000005960464, 154.00000602006912, 1) 0%,rgba(0, 121.00000038743019, 252.00000017881393, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    padding: 10px 0 0 11%;
    margin: 50px 0 0 0;
}

.container_c{
    width: 80%;
    max-width: 1200px;
    margin: auto;
    padding: 0;
    position: relative;
    z-index: 100;
}

.container_c::after{
   content: '';
   display: block;
   clear: both;
}

.top__1, .bottom__1, .middle__1{
    width: 100%;
    padding: 0 20px 10px 20px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}

.bottom__1{
    justify-content: space-evenly;
}

.top__1 h2, .bottom__1 h2{
    font-size: 20px;
     font-weight: 700;
     color: rgba(0,0,0,0.5);
     margin: 0 0 10px 0;
}

.top__1 p, .bottom__1 p{
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

.left__box, .right__box{
    width: 400px;
    position: relative;
    padding: 5px 2% 0 2%;
}

.top__1 .left__box::after{
    content: '1';
    position: absolute;
    bottom: 40px;
    left: -15px;
    font-size: 70px;
    color: rgba(0,0,0,0.1);
}

.top__1 .right__box::after{
    position: absolute;
    bottom: 40px;
    left: -15px;
    font-size: 70px;
    color: rgba(0,0,0,0.1);
}

.bottom__1 .left__box::after{
    position: absolute;
    bottom: 40px;
    left: -15px;
    font-size: 70px;
    color: rgba(0,0,0,0.1);
}

.bottom__1 .right__box::after{
    position: absolute;
    bottom: 40px;
    left: -15px;
    font-size: 70px;
    color: rgba(0,0,0,0.1);
}

.container__1 .top__1 .left__box::after{
    content: '1';
}

.container__1 .top__1 .right__box::after{
    content: '2';
    bottom: 49px;
    left: -38px;
}

.container__1 .bottom__1 .left__box::after{
    content: '3';
}

.container__1 .bottom__1 .right__box::after{
    content: '4';
    bottom: 117px;
    left: -40px;
}

.container__2 .top__1 .left__box::after{
    content: '5';
}

.container__2 .top__1 .right__box::after{
    content: '6';
}

.container__2 .bottom__1 .left__box::after{
    content: '7';
}

.container__2 .bottom__1 .right__box::after{
    content: '8';
}


.container__3 .top__1 .left__box::after{
    content: '9';
    bottom: 70px;
    left: -35px;
}

.container__3 .top__1 .right__box::after{
    content: '10';
}

.container__3 .bottom__1 .left__box::after{
    content: '11';
}

.container__3 .bottom__1 .right__box::after{
    content: '12';
}


.container__4 .top__1 .left__box::after{
    content: '13';
    bottom: 26px;
    left: -55px;
}

.container__4 .top__1 .right__box::after{
    content: '14';
    bottom: 47px;
    left: -54px;
}

.container__4 .bottom__1 .left__box::after{
    content: '15';
}

.container__4 .bottom__1 .right__box::after{
    content: '16';
}

.container__5 .top__1 .left__box::after{
    content: '17';
}

.container__5 .top__1 .right__box::after{
    content: '18';
}

.container__5 .bottom__1 .left__box::after{
    content: '19';
}

.container__5 .bottom__1 .right__box::after{
    content: '20';
}


.container__6 .top__1 .left__box::after{
    content: '21';
    bottom: 54px;
    left: -54px;
}

.container__6 .top__1 .right__box::after{
    content: '22';
    bottom: 49px;
    left: -62px;
}

.container__6 .bottom__1 .left__box::after{
    content: '23';
    bottom: 28px;
    left: -59px;
}

.container__6 .bottom__1 .right__box::after{
    content: '24';
    bottom: 30px;
    left: -59px;
}

.container__7 .top__1 .left__box::after{
    content: '25';
    bottom: 71px;
    left: -56px;
}

.container__7 .top__1 .right__box::after{
    content: '26';
    bottom: -38px;
    left: -62px;
}

.container__7 .bottom__1 .left__box::after{
    content: '27';
    bottom: 67px;
    left: -58px;
}

.container__7 .bottom__1 .right__box::after{
    content: '28';
    bottom: 66px;
    left: -63px;
}

.container__8 .top__1 .left__box::after{
    content: '29';
    bottom: 90px;
    left: -57px;
}

.container__8 .top__1 .right__box::after{
    content: '30';
    bottom: 24px;
    left: -62px;
}

.container__8 .bottom__1 .left__box::after{
    content: '31';
    bottom: 25px;
    left: -58px;
}

.container__8 .bottom__1 .right__box::after{
    content: '32';
    bottom: 4px;
    left: -58px;
}


.img__box{
    width: 100%;
    height: 150px;
    /* border-radius: 16px; */
    overflow: hidden;
    margin: 0 0 10px 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.img__box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.width_x{
    width: 400px;
}

@media screen and (max-width: 767px){
    .main__heading h2{
        padding: 0;
    }
  .img__box{
    padding: 0;
   }
   .main__heading h2{
       font-size: 24px;
       text-align: center;
       margin: 0 !important;
       padding: 0;
   }
   .header-section{
       padding: 150px 0 0 0;
   }
   .left__box{
       margin: 0 0 20px 0;
   }
   .left__box h2, .right__box h2{
    text-align: center;
   }
   .top__1 .left__box::after{
    position: absolute;
    bottom: 100px;
    left: -30px;
}

.top__1 .right__box::after{
    position: absolute;
    bottom: 70px;
    left: -25px;
}

.bottom__1 .left__box::after{
    position: absolute;
    bottom: 150px;
    left: -30px;
}

.bottom__1 .right__box::after{
    position: absolute;
    bottom: 100px;
    left: -30px;
}
.container_c h1{
    font-size: 28px;
}
.container__2 .top__1 .left__box::after{
    bottom: 128px;
    left: -34px;
}
.container__2 .top__1 .right__box::after{
    bottom: 106px;
    left: -33px;
}

.container__2 .bottom__1 .left__box::after{
    bottom: 41px;
    left: -27px;
}

.container__2 .bottom__1 .right__box::after{
    bottom: -42px;
    left: -30px;
}


.container__3 .top__1 .left__box::after{
    bottom: 85px;
    left: -33px;
}

.container__3 .top__1 .right__box::after{
    bottom: 70px;
    left: -52px;
}

.container__3 .bottom__1 .left__box::after{
    bottom: 114px;
    left: -34px;
}

.container__3 .bottom__1 .right__box::after{
    bottom: 71px;
    left: -55px;
}


.container__4 .top__1 .left__box::after{
    bottom: 66px;
    left: -50px;
}

.container__4 .top__1 .right__box::after{
    bottom: 70px;
    left: -54px;
}

.container__4 .bottom__1 .left__box::after{
    bottom: 65px;
    left: -53px;
}

.container__4 .bottom__1 .right__box::after{
    bottom: 18px;
    left: -56px;
}

.container__5 .top__1 .left__box::after{
    bottom: 20px;
    left: -50px;
}

.container__5 .top__1 .right__box::after{
    bottom: 65px;
    left: -53px;
}

.container__5 .bottom__1 .left__box::after{
    bottom: 42px;
    left: -53px;
}

.container__5 .bottom__1 .right__box::after{
    bottom: 64px;
    left: -56px;
}


.container__6 .top__1 .left__box::after{
    content: '21';
}

.container__6 .top__1 .right__box::after{
    content: '22';
}

.container__6 .bottom__1 .left__box::after{
    content: '23';
}

.container__6 .bottom__1 .right__box::after{
    content: '24';
}

.container__7 .top__1 .left__box::after{
    content: '25';
}

.container__7 .top__1 .right__box::after{
    content: '26';
}

.container__7 .bottom__1 .left__box::after{
    content: '27';
}

.container__7 .bottom__1 .right__box::after{
    content: '28';
}

.container__8 .top__1 .left__box::after{
    content: '29';
}

.container__8 .top__1 .right__box::after{
    content: '30';
}

.container__8 .bottom__1 .left__box::after{
    content: '31';
}

.container__8 .bottom__1 .right__box::after{
    content: '32';
}
.call-btn{
    background-color: transparent; 
    color: #1f1f1f; 
    padding: 18px 2% !important; 
    height: 60px; 
    margin: 20px 0 20px 40%; 
    text-decoration: none;
    border: 1px solid; 
    font-weight: 400; 
    border-radius: 0;
}
.call-btn{
    width: 85% !important;
    margin: 20px 0 20px 9% !important; 
}




@media screen and (min-width: 1400px){
     .main__heading h2{
        padding: 0 0 0 8.5%;
    }
}