body {
          background-color: #fff;
              font-family: "Poppins", sans-serif !important;
      }

      h2 {
          font-size: 32px !important;
          font-weight: 600 !important;
      }
      .it_service{
              background: url("../newImages/hire-devep.webp") center/cover no-repeat !important;
          position: relative;
          color: #fff;
          padding: 70px 10px;
      }

      .line_vertical h2{
          font-size: 2.5rem;
          font-weight:bold;
          color: #fff;
      }

    section.web-section.react_service::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.37) 100%);}

      .ai_service{
        background: url("../newImages/Ai_banner.avif") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;
      }
    section.web-section.ai_service::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.37) 100%);}

    .node_service{
         background: url("../newImages/node_banner.avif") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;
    }

    section.web-section.node_service::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.37) 100%);
    }

    .native_service{
        background: url("../newImages/native_banner.avif") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;
    }
.flutter_service{
    background: url("../newImages/flutter_header.png") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;  
}
.python_service{
    background: url("../newImages/Python_Developers.webp") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;  
}
.ios_service{
    background: url("../newImages/iOS_Developers.webp") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;  
}
.android_service{
    background: url("../newImages/Android_App_Developers.webp") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px 10px;
            padding-top: 130px !important;  
}
    section.web-section.native_service::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.37) 100%);
    }
      p {
          font-size: 16px;
          
      }

      .hero-section::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(to right,
                  rgba(0, 0, 0, 0.7) 40%,
                  rgba(0, 0, 0, 0.3) 70%,
                  transparent);
      }

      .hero-content {
          position: relative;
          z-index: 2;
      }
       
      .hero-content small {
          font-size: 16px;
          font-weight: 400;
          color: #fff;
      }

      .line_vertical {
          border-left: 2px solid #FF2244;
          /* thickness of border */
          /* border-image: linear-gradient(135deg, #FE7E40, #FF2244) 1; */
          padding: 0px 20px;
          margin: 25px 0px;
      }

      .hero-content h2 {
          font-size: 2.5rem !important;
          font-weight: bold !important;
      }
      .site-head-2{
         font-size: 32px!important;
          font-weight: bold !important;
      }
      .hero-content span {
          font-weight: 400;
      }

      .hero-content p {
          font-size: 18px;
          line-height: 32px;
      }

      .hero-section .btn {
          margin-top: 65px;
      }
/* 
      .btn {
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 0px !important;
          background: linear-gradient(135deg, #FE7E40, #FF2244) !important;
          border: none;
          height: 40px !important;
          width: 168px !important;

      } */

      .service-section,
      .transform_section,
      .banner_section {
          padding: 60px 10px 0px;
          /* border-top: 1px solid #f1f1f1; */
      }

      .service-section span {
          color: #000;
      }



      .service-section p {
          font-size: 16px;
      }

      .row_grid {
          padding: 40px 5px;
      }

      .service-card {
          border: 1px solid #0000001a;
          background: #fff;
          border-radius: 22px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          padding: 25px;
          transition: all 0.3s ease;
          height: 100%;
      }

      .service-card:hover {
          background-color: #000;
      }

      .icon_div {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-bottom: 30px;
      }

      .service-card:hover h5 {
          color: #fff;
      }

      .service-card:hover .service-icon {
          color: #f24;
      }

      .service-card img {
          transition: all 0.3s ease-in-out;
      }

      .service-card:hover img {
          filter: invert(21%) sepia(93%) saturate(7481%) hue-rotate(357deg) brightness(93%) contrast(112%);
      }

      .service-card:hover i {
          color: #000;
      }

      .service-card:hover .arrow-btn {
          background: #fff !important;

      }

      .icon_div .arrow-btn {
          background: linear-gradient(135deg, #FE7E40, #FF2244) !important;
          border-radius: 50%;
          max-height: 44px;
          max-width: 44px;
          min-height: 44px;
          min-width: 44px;
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .service-card h5 {
          font-size: 26px;
          font-weight: 600;
          line-height: 34px;
          padding-bottom: 10px;
      }

      .service-card p {
          color: grey;
          line-height: 32px;
      }

      .service-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
      }

      .service-icon {
          font-size: 44px;

      }

      .arrow-btn {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #FF2244;
          color: #fff;
          font-size: 1.2rem;
          transition: 0.3s;
      }

      .arrow-btn:hover {
          background: #FE7E40;
      }

      .swiper {
          margin: 20px 0px
      }

      .bg_slide .swiper-slide {
          height: 500px !important;
          display: flex !important;
          align-items: center !important;
          justify-content: space-between !important;
          /* padding: 80px 60px; */
         
          color: #fff;
          position: relative;
          overflow: hidden;
      }

      .slider_section .swiper-slide p {
          color: #fff !important;
          line-height: 26px !important;
          font-size: 18px !important;
          font-weight: 500;
          padding-bottom: 40px;
      }

      .slide-content {
          max-width: 45%;
          z-index: 2;
      }

      .slide-content h2 {
          font-size: 2rem;
          margin: 25px 0px;
      }


      /* .slide-image img {
          max-width: 100%;
      
      } */

      /* Custom Navigation Wrapper (bottom-left corner) */
      .nav-buttons {
          position: absolute;
          bottom: 30px;
          left: 30px;
          display: flex;
          gap: 15px;
          z-index: 10;
      }

      .swiper-button-next svg,
      .swiper-button-prev svg {
          width: 12px !important;
      }

      .swiper-button-next,
      .swiper-button-prev {

          background: transparent;
          border: 2px solid #fff;
          color: #fff !important;
          border-radius: 50%;
          width: 44px;
          height: 44px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
          top: 85% !important;
      }


      .swiper-button-next::after,
      .swiper-button-prev::after {
          font-size: 12px;
          font-weight: bold;
      }

      .process-box {

          margin: 60px auto;
          background: #0e0c14;
          padding: 40px 80px !important;
          border-radius: 20px;
          color: #fff;
          text-align: center;
      }

      .process-box h2 {

          margin-bottom: 15px;

      }

      .process-box p {
          font-weight: 400 !important;
          padding-bottom: 15px !important;
      }

      .process-box .accordion-item {
          background: transparent !important;

          margin-bottom: 20px !important;
          border-radius: 10px;
          overflow: hidden;
          border: 1px solid #b8814759 !important;
          border-radius: 40px !important;
          color: #D5A45A !important;
          /* Orange heading text */
      }

      .process-box .accordion-button {
          background: transparent !important;
          color: #D5A45A !important;
          /* Orange heading text */
          font-weight: 500;
          border: none;
          box-shadow: none !important;
          padding: 20px !important;
          font-size: 24px !important;
          font-weight: 400 !important;
      }

      .process-box .accordion-button:focus {
          box-shadow: none;
      }

      .process-box .accordion-button::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16c-.3 0-.6-.1-.8-.3l-6-6c-.4-.4-.4-1.1 0-1.5s1.1-.4 1.5 0L12 13.4l5.3-5.2c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5l-6 6c-.2.2-.5.3-.8.3z' fill='%23D5A45A'/%3E%3C/svg%3E") !important;
          background-size: 1rem;
          width: 1rem;
          height: 1rem;
          transform: rotate(0deg);
          transition: transform 0.3s ease-in-out;
      }

      /* Rotate on expand */
      .process-box .accordion-button:not(.collapsed)::after {
          transform: rotate(180deg);
      }

      .process-box .accordion-body {
          padding-left: 25px !important;
          padding-bottom: 15px !important;
          color: #fff;
          text-align: left;
          padding-top: 0px !important;
      }

      .img_shape_div {
          padding-top: 70px;

      }

      .image-grid-new {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 15px;
          position: relative;
      }

      .image-grid-new img {
          width: 100%;
          height: 222px;
          object-fit: cover;
          width: 222px;
      }

      /* Custom shapes */
      .rounded-top-left {
          aspect-ratio: 0.992701 / 1;
          border-bottom-right-radius: 102px;
          border-top-left-radius: 102px;
          margin-left: 70px;
          margin-top: -25px;


      }

      .rounded-top-right {
          aspect-ratio: 0.992701 / 1;
          border-bottom-left-radius: 102px;
          border-top-right-radius: 102px;
      }
      .rounded-bottom-left {
          border-bottom-left-radius: 102px;
          border-top-right-radius: 102px;
          margin-left: 70px;
      }
      .rounded-bottom-right {
          border-bottom-right-radius: 102px;
          border-top-left-radius: 102px;
          margin-top: 15px;
      }

      .transform_section .accordion-button {
          padding: 0px !important;
          font-size: 24px !important;
          font-weight: 600 !important;
      }

      .transform_section .accordion-item {
          background: transparent !important;
          border: 1px solid #00000033 !important;
          padding: 20px !important;
          border-radius: 10px !important;

          margin-bottom: 20px !important;
      }

      /* Accordion styling */
      .transform_section .accordion-button::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M 15 0 C 13.619 0 12.5 1.119 12.5 2.5 L 12.5 12.5 L 2.5 12.5 C 1.119 12.5 0 13.619 0 15 C 0 16.381 1.119 17.5 2.5 17.5 L 12.5 17.5 L 12.5 27.5 C 12.5 28.881 13.619 30 15 30 C 16.381 30 17.5 28.881 17.5 27.5 L 17.5 17.5 L 27.5 17.5 C 28.881 17.5 30 16.381 30 15 C 30 13.619 28.881 12.5 27.5 12.5 L 17.5 12.5 L 17.5 2.5 C 17.5 1.119 16.381 0 15 0 Z' fill='%23000000'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          font-weight: bold;
          color: #000 !important;
          transform: rotate(0deg);
          transition: transform 0.3s ease;
      }

      .transform_section .accordion-button:not(.collapsed)::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect x='2.5' y='13' width='25' height='4' fill='%23000000'/%3E%3C/svg%3E");
      }

      .accordion-button:focus {
          box-shadow: none !important;
      }

      .transform_section .accordion-button:not(.collapsed) {
          background-color: transparent !important;
          color: #000 !important;
          box-shadow: none !important;
      }

      .transform_section .accordion-button:focus {
          border: none !important;
      }

      .transform_section .accordion-body {
          text-align: left !important;
          font-size: 18px !important;
          color: #000 !important;
          font-weight: 400 !important;
          padding-left: 0px !important;
      }

      .first_div {
          border-bottom-width: 2px;
          border-color: #ff2244;
          border-left-width: 2px;
          border-right-width: 2px;
          border-style: solid;
          border-top-width: 2px;
          border-bottom-right-radius: 200px;
          border-top-left-radius: 200px;
          border-top-right-radius: 20px;
          flex: 0 0 auto;
          height: 382px;
          left: -177px;
          top: -78px;
          overflow: var(--overflow-clip-fallback, clip);
          position: absolute;
          width: 401px;
          will-change: var(--framer-will-change-override, transform);
          z-index: 1;
      }

      .second_div {
          border-bottom-width: 2px;
          border-color: #ff2244;
          border-left-width: 2px;
          border-right-width: 2px;
          border-style: solid;
          border-top-width: 2px;
          border-bottom-right-radius: 200px;
          border-top-left-radius: 200px;
          border-top-right-radius: 20px;
          bottom: -121px;
          flex: 0 0 auto;
          height: 382px;
          left: 93px;
          overflow: var(--overflow-clip-fallback, clip);
          position: absolute;
          width: 401px;
          will-change: var(--framer-will-change-override, transform);
          z-index: 1;
      }

      .banner_section .container {

          background: url("../images/hire_dev/form-bg.webp") center/cover no-repeat;
          position: relative;
          color: #fff;
          padding: 70px;
          position: relative;
          display: flex;
          flex-direction: column;
          border-radius: 20px;
      }
     .it-banner .container{
          background: url("../images/hire_dev/form-bg.webp") center/cover no-repeat;
     }


      .banner_section .container::before {
          content: "";
          position: absolute;
          inset: 0;
          background: #0000000f;
          border-radius: 20px;
      }

      .banner_section .btn {
          margin-top: 40px !important;
      }



      .banner_section p {
          font-weight: 500 !important;
      }

      .logo_section {
          background-color: #000;
          padding: 30px 60px;
         margin:0px
      }

      .logo_section h2 {
          color: #fff !important;

          line-height: 46px !important;
      }

      .logo_section p {
          color: #fff !important;
      }

      .logo_section .logo {
          display: flex;
          flex-direction: column;
          gap: 40px;
          padding-top: 40px;
      }

      .inner_flex {
          display: flex;

          gap: 40px;
          align-items: center;
          /* justify-content: center; */
      }

      .main_flex {
          display: flex;
          gap: 14px;
          align-items: center;
          flex-wrap: wrap;
      }

      .inner_div {
          padding: 9px 25px;
          border: 1px solid #fff;
          border-radius: 40px;
          display: flex;
          align-items: center;
          gap: 8px;
          justify-content: center;
          max-height: 46px;
          min-height: 46px;

      }

      .inner_flex p {
          margin-bottom: 0px !important;
          white-space: nowrap;
      }

      .inner_div img {
          max-width: 26px;
          min-width: 26px;
      }

      .inner_flex p {
          font-weight: 600 !important;
      }

      .heading_div {
          min-width: 180px;
          display: flex;
      }

      .author-img {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          overflow: hidden;
      }

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

      .author-info h6 {
          margin: 0;
          font-size: 18px;
          font-weight: 600;
          text-align: left !important;
      }

      .author-info small {
          color: #777;
          text-align: left;
          display: flex;
      }

      .testimonial-slider .swiper-button-next,
      .testimonial-slider .swiper-button-prev {
          display: none;
      }

      .textimonial_slider .btn {
          margin-top: 20px !important;
      }

      .question_section {
          background-color: #3388ff1a;
         margin:0px
          padding: 60px 10px;
          margin-bottom: 0px !important;

      }

      .question_section .container {
          display: flex;
          flex-direction: column;
          gap: 40px;
      }

      .question_section .accordion-button {
          padding: 0px !important;
          font-size: 18px !important;
          font-weight: 500 !important;
          background: #1c1c1c !important;
          color: #fff !important;
      }

      .question_section .accordion-item {
          background: #1c1c1c !important;
          border: 1px solid #00000033 !important;
          padding: 20px !important;
          border-radius: 10px !important;

          margin-bottom: 14px !important;
      }

      /* Accordion styling */
      .question_section .accordion-button::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M 15 0 C 13.619 0 12.5 1.119 12.5 2.5 L 12.5 12.5 L 2.5 12.5 C 1.119 12.5 0 13.619 0 15 C 0 16.381 1.119 17.5 2.5 17.5 L 12.5 17.5 L 12.5 27.5 C 12.5 28.881 13.619 30 15 30 C 16.381 30 17.5 28.881 17.5 27.5 L 17.5 17.5 L 27.5 17.5 C 28.881 17.5 30 16.381 30 15 C 30 13.619 28.881 12.5 27.5 12.5 L 17.5 12.5 L 17.5 2.5 C 17.5 1.119 16.381 0 15 0 Z' fill='%23ff4d00'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          font-weight: bold;
          color: #000 !important;
          transform: rotate(0deg);
          transition: transform 0.3s ease;
      }

      .question_section .accordion-button:not(.collapsed)::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect x='2.5' y='13' width='25' height='4' fill='%23ff4d00'/%3E%3C/svg%3E");
      }

      .accordion-button:focus {
          box-shadow: none !important;
      }

      .question_section .accordion-button:not(.collapsed) {
          background-color: transparent !important;
          color: #ff4d00 !important;
          box-shadow: none !important;
      }

      .question_section .accordion-button:focus {
          border: none !important;
      }

      .question_section .accordion-body {
          text-align: left !important;
          font-size: 18px !important;
          color: #fff !important;
          font-weight: 400 !important;
          padding-left: 0px !important;
      }

      .contact-section {
          position: relative;
          background: url('../images/hire_dev/form-bg.webp') no-repeat center center/cover;
          padding: 120px 0px !important;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;

      }

      .overlay-text {
          /* position: absolute; */

          text-align: center;
          color: #fff;
          padding: 20px;
          background-color: #2222224d;
          width: 100%;
      }

      .overlay-text h2 {
          font-weight: 600;
          text-transform: uppercase;
          font-size: 33px;
          
      }

      .overlay-text p {
          max-width: 700px;
          margin: auto;
      }

      .overlay-text .btn {
          background: #fff !important;
          color: #000 !important;

          height: 34px !important;
      }

      .contact-form {
          background: #fff;
          border-radius: 32px;
          padding: 32px;
          width: 100%;
          max-width: 700px;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      }

      .form-control {
          border: none !important;
          border-bottom: 1px solid #ccc !important;
          border-radius: 0 !important;
          margin-bottom: 20px;
          padding: 10px 5px;
      }

      .form-control::placeholder {
          color: #808080bf !important;
          font-weight: 300 !important;
      }

      .form-control:focus {
          box-shadow: none !important;
          border-color: #000;
      }

      .btn-custom {
          width: 100% !important;
          background: #222 !important;
          color: #fff !important;
          font-weight: 500 !important;
          border-radius: 50px !important;
          padding: 12px !important;
          transition: 0.3s;
          display: flex !important;
          justify-content: center !important;
          align-items: center !important;
          height: 49px !important;
      }

      .btn-custom:hover {
          background: #ff4d00 !important;
      }

      footer {
          background: #000;
          color: #fff;
          padding: 50px 60px;
          display: flex;
          flex-direction: column;
          gap: 20px;
          /* font-size: 14px; */
      }

      footer h5 {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 20px;
          position: relative;
          
      }

      footer ul {
          list-style: none;
          padding: 0;
      }

      footer ul li {
          margin-bottom: 8px;
      }

      footer ul li a {
          color: #ffffff80;
          text-decoration: none;
          transition: 0.3s;

      }

      footer ul li a:hover {
          color: #fff;
      }

      .newsletter input {
          border-radius: 5px 0 0 5px;
          border: none;
          padding: 10px;
          width: 100%;
      }

      .newsletter button {
          border: none;
          background: #444;
          color: #fff;
          padding: 10px 15px;
          border-radius: 0 5px 5px 0;
          transition: 0.3s;
      }

      .newsletter button:hover {
          background: #ff4d00;
      }

      .footer-logo img {
          max-width: 150px;
          margin-bottom: 20px;
      }

      footer p {
          color: #ffffff80;
          font-size: 16px !important;
      }

      footer p {
          margin-bottom: 0px;
      }

        /* Responsive */
       @media (max-width: 768px) {
           .hero-content h2 {
          font-size: 2.2rem !important;
        line-height: 45px !important;
      }
       .question_section .accordion-button {
        font-size: 14px !important;
       }
       .feature {
        padding-left: 5px !important;
        margin-top: 20px !important;
       }
       .feature h3 {
        font-size: 22px !important;
       }
       
        .service-section,
        .transform_section,
        .banner_section,
        .textimonial_slider {
        padding: 30px 10px 40px;
        
        }
        .site-head-2 {
            font-size: 24px !important;
        }
       }
      @media (max-width: 991px) {
.feature{
    padding-left: 0 ;
}
          .service-section,
          .transform_section,
          .banner_section {
              padding: 20px 10px 0px;
              /* border-top: 1px solid #f1f1f1; */
          }

          .img_shape_div {
              padding-top: 20px;
          }



          .process-box .accordion-button {
              font-size: 18px !important;
          }

          .hero-section .btn {
              margin-top: 20px;
          }

          .slide-content {
              flex-direction: column;
              text-align: center;
          }

          .slide-text h2 {
              font-size: 32px;
          }

     

          .swiper-button-prev,
          .swiper-button-next {
              display: none !important;
          }

          .slide-content {
              max-width: 100%;

          }

          .bg_slide .swiper-slide {
              padding: 20px;
          }

          h2 {
              font-size: 28px !important;
          }

          .service-card h5 {
              font-size: 22px;
          }

        .all_service p {
            font-size: 16px !important;
        }
          .process-box {
              border-radius: 0px;
              margin: 40px auto;
              padding: 40px 20px !important;
          }

          .logo_section {

              margin: 40px auto;
              padding: 40px 20px !important;
          }

          .banner_section .container {
              padding: 30px;
          }

          .image-grid-new {
              display: none !important;
          }

          .transform_section .accordion-button {
              font-size: 18px !important;
          }

          .inner_flex {
              gap: 15px;
              flex-wrap: wrap;
          }

          .contact-form {
              border-radius: 0px;
          }

          footer {
              padding: 30px;
          }

          .logo_section h2 {
              line-height: 32px !important;
          }

      }
      .advance_section {
        background-color: #000;
        padding: 60px 5px;
      }
      .advance_section h2,
      .advance_section p{
        color: #fff !important;
      }
      .image-grid img{
        width: 600px;
        height: 500px;
        object-fit: cover;
      }

       .feature {
      margin-bottom: 30px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-left: 20px;
    }

    .feature h3 {
      color: #fff;
      font-size: 20px;
      margin-bottom: 10px;
      position: relative;
      padding-left: 15px;
      text-align: left;
    }

    .feature h3::before {
      content: "";
      height: 30px;
      width: 2px;
     background: linear-gradient(135deg, #FE7E40, #FF2244) !important;
      font-weight: bold;
      position: absolute;
      left: 0;
      top: 0;
    }

    .feature p {
      color: #ccc;
      font-size: 14px;
      line-height: 1.5;
      margin: 0;
      text-align: left;
    }