.about{
    padding: 130px 0 240px 0;
    .about_wrapper{
        position: relative;
        .design{
            position: absolute;
            left: -10%;
        }
        .design_3{
            position: absolute;
            left: -10%;
            bottom: 0;
        }
        .design_2{
            height: 50px;
            width: 50px;
            border-radius: 50%;
            background: linear-gradient(to right, #b9e6e447 0%, #b9e6e4 100%);
            position: absolute;
            left: -15%;
            top: 50%;
        }
          .about_left{
                h2{
                    font-size: 20px;
                    color: $primaryColor;
                    font-weight: 700;
                    font-family: $font1;
                }
                h3{
                    font-size: 36px;
                    color: $black;
                    font-weight: 700;
                    line-height: 48px;
                }
                p{
                    font-size: 20px;
                    color: $black;
                    font-weight: 400;
                    line-height: 30px;
                    font-family: $font1;
                    padding: 20px 0;
                }
                .about_iconer{
                        display: flex;
                      .iconer{
                          padding-right: 20px;
                          img{
                              padding: 15px;
                              background-color: #e8f1f1;
                          }
                          h4{
                            font-size: 28px;
                            color: $black;
                            font-weight: 600;
                            line-height: 48px;
                          }
                      }
                }
                h5{
                    font-size: 16px;
                    color: $black;
                    font-weight: 400;
                    line-height: 26px;
                    font-family: $font1;
                    padding: 10px 0 40px 0;
                }
                .about_btn{
                    a{
                        @include button;
                    }
                }
          }
          .about_right{
              position: relative;
                .about_img{
                    position: relative;
                    z-index: 1;
                    &::before{
                        position: absolute;
                        content: '';
                        bottom: 5px;
                        left: 50%;
                        height:85%;
                        width: 75%;
                        background: linear-gradient(to right, #b9e6e447 0%, #b9e6e4 100%);
                     
                        border-radius: 50%;
                        z-index: -1;
                        transform: translateX(-50%);
                    }
                    .about_info1{
                        height: 160px;
                        width: 160px;
                        background-color: #d7f4f4;
                        box-shadow: 1px 1.732px 20px 0px #0000004d;
                        display: inline-block;
                        border-radius: 50%;
                        text-align: center;
                        position: absolute;
                        top: 0;
                        left: 0;
                        ul{
                            position: relative;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            li{
                                font-size: 18px;
                                font-family: $font2;
                                color: $black;
                                font-weight: 400;
                                padding-top: 10px;
                            }
                            .num{
                                font-size: 50px;
                                font-weight: 700;
                                color: $primaryColor;
                                font-family:'Poppins', sans-serif;
                            }
                        }
                    }
                    .about_info2{
                        height: 160px;
                        width: 160px;
                        background-color: #d7f4f4;
                        box-shadow: 1px 1.732px 20px 0px #0000004d;
                        display: inline-block;
                        border-radius: 50%;
                        text-align: center;
                        position: absolute;
                        bottom: -90px;
                        right: 0;
                        ul{
                            position: relative;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            li{
                                font-size: 18px;
                                font-family: $font2;
                                color: $black;
                                font-weight: 400;
                                padding-top: 10px;
                            }
                            .num{
                                font-size: 50px;
                                font-weight: 700;
                                color: $primaryColor;
                                font-family:'Poppins', sans-serif;
                            }
                        }
                    }
                    .about_info3{
                        height: 105px;
                        width: 200px;
                        background-color: #d7f4f4;
                        box-shadow: 1px 1.732px 20px 0px #0000004d;
                        display: inline-block;
                        border-top-right-radius: 30px;
                        border-bottom-left-radius: 30px;
                        text-align: center;
                        position: absolute;
                        top: 0;
                        right: 0;
                        ul{
                            position: relative;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            li{
                                font-size: 18px;
                                font-family: $font2;
                                color: $black;
                                font-weight: 400;
                                display: inline-block;
                                padding-top: 10px;
                            }
                            .num{
                                font-size: 50px;
                                font-weight: 700;
                                color: $primaryColor;
                                font-family:'Poppins', sans-serif;
                            }
                        }
                    }
                    .about_info4{
                        height: 105px;
                        width: 200px;
                        background-color: #d7f4f4;
                        box-shadow: 1px 1.732px 20px 0px #0000004d;
                        display: inline-block;
                        border-top-right-radius: 30px;
                        border-bottom-left-radius: 30px;
                        text-align: center;
                        position: absolute;
                        left: 0;
                        bottom: -90px;
                        ul{
                            position: relative;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            li{
                                font-size: 18px;
                                font-family: $font2;
                                color: $black;
                                font-weight: 400;
                                padding-top: 10px;
                            }
                            .num{
                                font-size: 50px;
                                font-weight: 700;
                                color: $primaryColor;
                                font-family:'Poppins', sans-serif;
                            }
                        }
                    }
                }
          }
    }
}