.hero{
    position: relative;
    z-index: 1;
    overflow: hidden;
    .hero_bg{
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        .hero_bg_left{
            height: 90vh;
            width: 50%;
            background-color: $white;
        }
        .hero_bg_right{
            height: 90vh;
            width: 50%;
            background-color: $primaryColor;
        }
    } 
     .hero_wrapper{
        width: 100%;
        display: flex;
        align-items: center;
        .style_one{
          position: absolute;
          right: 0;
          top: 60px;
          img{
            height: 260px;
            width: auto;
            object-fit: contain;
          }
        }
       
        .hero_img_side{
            z-index: 1;
            position: relative;
              .hero_profile{
                 width: 230px;
                img{
                    width: 430px;
                    height: 430px;
                    object-fit: cover;
                    border: 7px solid $white;
                    border-radius: 50%;
                    padding: 20px;
                   }
              }
        }
         .hero_content_bg{
            height: 90vh;
            width: 100%;
            background-color: $primaryColor;

            .hero_content{
                padding-top: 240px;
                padding-left: 240px;
                h2{
                  font-size: 40px;
                  font-weight: 700;
                  color: #fff;
                }
                h3{
                    font-size: 22px;
                    font-weight: 500;
                    color: #fff;
                    padding: 12px 0;
                  }
                 p{
                    color: #e4e4e4;
                  }
            }

           .hero_Gallery{
            padding-left: 240px;
            padding-top: 30px;
            position: absolute;
            bottom: 40px;
            right: -10px;
            width: 70%;
            z-index: 10;
            .gallery_img{
                height: 170px;
                width: 100%;
                border-radius: 8px;
                overflow: hidden;
                img{
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
            }
           }
         }
     }

    .swiper-button-prev {
        color: #fff;
        left: 20px;
        height: 48px;
        width:48px;
        background-color: #f3f3f38f;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-radius: 50%;
        &::after{
            font-size: 24px;
        }
    }
    .swiper-button-next {
        color: #fff;
        right: 30px;
        height: 48px;
        width:48px;
        background-color: #e9e5e5a9;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-radius: 50%;
        &::after{
            font-size: 24px;
        }
    }
    .swiper-pagination-bullet-active{
        background-color: #fff;
    }
    .swiper-pagination-bullet{
        background-color: #ebebeba1;
    }
 }