/**************** service_part css start ****************/
.feature_part {
   padding-top: 65px;
   .single_feature_text {
      h2 {
         font-size: 42px;
         line-height: 1.222;
         margin-bottom: 20px;

         @media #{$small_mobile} {
            margin-top: 0px;
            font-size: 25px;
            margin-bottom: 15px;
         }

         @media #{$large_mobile} {
            margin-top: 0px;
            font-size: 30px;
            margin-bottom: 15px;
         }

         @media #{$tab_device} {
            font-size: 30px;
         }

         @media #{$medium_device} {
            margin-top: 0px;
            font-size: 35px;
         }
      }

      p {
         line-height: 1.8;
      }

      .btn_1 {
         margin-top: 45px;

         @media #{$small_mobile} {
            margin-top: 25px;
         }

         @media #{$large_mobile} {
            margin-top: 25px;
         }

         @media #{$tab_device} {
            margin-top: 25px;
         }

         @media #{$medium_device} {
            margin-top: 25px;
         }
      }
   }

   .single_feature_part {
      padding: 50px 20px 35px;
      border: 1px solid $icon_bg;
      text-align: center;
      @include transform_time(.6s);
      @media #{$small_mobile} {
         padding: 25px 10px;
         margin-top: 25px;
      }

      @media #{$large_mobile} {
         padding: 30px 15px;
         margin-top: 25px;
      }

      @media #{$tab_device} {
         padding: 30px 25px;
         margin-top: 25px;
      }

      @media #{$medium_device} {
         margin-top: 25px;
      }
      
      
      span {
         margin-bottom: 30px;
         display: inline-block;
         position: relative;
         z-index: 1;
         width: 70px;
         height: 70px;
         border-radius: 50%;
         text-align: center;
         background-color: $icon_bg;
         display: inline-block;
         line-height: 80px;
         @include transform_time(.6s);
         @media #{$small_mobile} {
            margin-bottom: 25px;
         }
   
         @media #{$large_mobile} {
            margin-bottom: 35px;
         }
   
         @media #{$tab_device} {
            margin-bottom: 35px;
         }
   
         @media #{$medium_device} {
   
         }
         i{
            color: $icon_color;
            font-size: 24px;
            @include transform_time(.6s);
         }
      }
      h4 {
         font-weight: 600;
         font-size: 20px;
         margin-bottom: 20px;
         @media #{$small_mobile} {
            margin-bottom: 15px;
         }
   
         @media #{$large_mobile} {
            margin-bottom: 15px;
         }
   
         @media #{$tab_device} {
            margin-bottom: 15px;
         }
   
         @media #{$medium_device} {
   
         }
      }

      p {
         color: $font_3;
         line-height: 1.8;
         font-size: 15px;
      }
   }
   .single_feature{
      &:hover{
         .single_feature_part{
            border: 1px solid $btn_bg;
         }
         span{
            @extend %custom_btn_bg_1;
            background-size: 200% auto;
            
            i{
               color: $white_color;
            }
         }
      }
   }
}
.single_feature_padding{
   padding-top: 140px;
   @media #{$small_mobile}{
      padding-top: 70px;
   }
   @media #{$large_mobile}{
      padding-top: 70px;
   }
   @media #{$tab_device}{
      padding-top: 70px;
   }
   @media #{$medium_device}{
      padding-top: 70px;
   }
}