body .navbar_component {
    background-color: #fdf3f1;
  }
  body .home-progress-bar {
    background-color: #fdf3f1;
  }
.hero-section{
      position:relative;
      min-height:100vh;
      display:flex;
      align-items:center;
      background: linear-gradient(135deg, #fbf6f6 0%, #fdf6f5 100%);
      overflow:hidden;
      padding: 100px 0 0px;
    }
.hero-section .container {
    width: 87%;
    max-width: 100%;
}
.hero-section h4{
  
}
    /* background blur circles */
    .hero-section::before{
      content:'';
      position:absolute;
      width:450px;
      height:450px;
      background: rgb(253 242 241);
      border-radius:50%;
      top:-120px;
      right:-120px;
      filter:blur(40px);
      animation:float 6s ease-in-out infinite;
    }

    .hero-section::after{
      content:'';
      position:absolute;
      width:300px;
      height:300px;
      background:rgba(255,0,0,0.05);
      border-radius:50%;
      bottom:-100px;
      left:-100px;
      filter:blur(30px);
      animation:float2 7s ease-in-out infinite;
    }

    .hero-section .tagline{
      color: #ed2024;
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom: 5px;
      display:inline-block;
      position:relative;
      animation:fadeUp 1s ease;
    }

    .hero-title{
      font-size: 50px;
      font-weight: 700;
      line-height:1.05;
      color:#111827;
      margin-bottom:20px;
      animation:fadeUp 1.2s ease;
      font-family: 'Open Sans', sans-serif;
    }

    .hero-title span{
      color: #ed2024;
      position:relative;
    }

    .hero-title span::after{
      content:'';
      position:absolute;
      left:0;
      bottom:8px;
      width:100%;
      height:12px;
      background:rgba(255,0,0,0.12);
      z-index:-1;
      border-radius:50px;
    }

    .hero-desc{
      font-size: 16px;
      line-height:1.8;
      color:#555;
      max-width:540px;
      margin-bottom:35px;
      animation:fadeUp 1.4s ease;
    }

    .hero-btns{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      animation:fadeUp 1.6s ease;
    }

    .btn-main{
      background:linear-gradient(135deg,#ff1d1d,#d80000);
      color:#fff;
      border:none;
      padding:16px 32px;
      border-radius:14px;
      font-weight:700;
      transition:.4s;
      box-shadow:0 15px 35px rgba(255,0,0,.25);
      position:relative;
      overflow:hidden;
    }

    .btn-main:hover{
      transform:translateY(-5px);
      color:#fff;
      box-shadow:0 20px 40px rgba(255,0,0,.35);
    }

    .btn-main::before{
      content:'';
      position:absolute;
      top:0;
      left:-100%;
      width:100%;
      height:100%;
      background:rgba(255,255,255,.2);
      transition:.5s;
    }

    .btn-main:hover::before{
      left:100%;
    }

    .btn-outline-custom{
      background:#fff;
      border:none;
      padding:16px 28px;
      border-radius:14px;
      font-weight:600;
      color:#222;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
      transition:.4s;
    }

    .btn-outline-custom:hover{
      transform:translateY(-5px);
      background:#111;
      color:#fff;
    }
 /*===================================
      FEATURE SECTION
    ===================================*/

    .nk-feature-area{
      position:relative;
      padding: 20px 0;
    }

    /*===================================
      FEATURE BOX
    ===================================*/

    .nk-feature-box{
      position:relative;
      text-align:center;
      transition:.5s;
      z-index:1;
    }

    .nk-feature-box:hover{
      transform:translateY(-10px);
    }

    /* icon box */
    .nk-icon-holder{
      width: 45px;
      height: 45px;
      border-radius: 10px;
      background:rgba(255,255,255,.85);
      backdrop-filter:blur(10px);
      display:flex;
      align-items:center;
      justify-content:center;
      margin: 0 auto 8px;
      position:relative;
      overflow:hidden;
      box-shadow:
      0 15px 35px rgba(0,0,0,.05),
      inset 0 1px 1px rgba(255,255,255,.8);
      transition:.5s;
    }

    /* hover bg */
    .nk-icon-holder::before{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(
      135deg,
      rgba(255,0,0,.08),
      transparent
      );
      opacity:0;
      transition:.5s;
    }

    .nk-feature-box:hover .nk-icon-holder::before{
      opacity:1;
    }

    /* animated border */
    .nk-icon-holder::after{
      content:'';
      position:absolute;
      inset:-10px;
      border:2px dashed rgba(255,0,0,.15);
      border-radius:34px;
      animation:nkRotate 12s linear infinite;
    }

    /* icon */
    .nk-icon-holder i{
      font-size: 20px;
      color:#ff2b2b;
      position:relative;
      z-index:2;
      transition:.5s;
    }

    .nk-feature-box:hover .nk-icon-holder i{
      transform:scale(1.15);
    }

    /* title */
    .nk-feature-title{
      font-size: 14px;
      font-weight: 600;
      line-height:1.5;
      color:#111827;
      margin-bottom:0;
    }

    /*===================================
      ANIMATION
    ===================================*/

    @keyframes nkRotate{

      from{
        transform:rotate(0deg);
      }

      to{
        transform:rotate(360deg);
      }
    }

    @keyframes nkFloat{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(-18px);
      }
    }

    /*===================================
      RESPONSIVE
    ===================================*/

    @media(max-width:991px){

      .nk-feature-box{
        margin-bottom: 14px;
      }
    }

    @media(max-width:767px){

      .nk-feature-area{
        padding: 0px 0;
      }

      .nk-icon-holder{
        width: 50px;
        height: 50px;
      }

      .nk-icon-holder i{
        font-size: 22px;
      }

      .nk-feature-title{
        font-size: 14px;
      }
    }


/*pmx-service css*/

/*===================================
      CARD
    ===================================*/

    .pmx-service-card{
      position:relative;
      background:rgba(255,255,255,.8);
      backdrop-filter:blur(12px);
      border:1px solid rgba(255,255,255,.5);
      border-radius:30px;
      padding: 10px 20px;
      text-align:center;
      height:100%;
      overflow:hidden;
      transition:.5s;
      z-index:1;
      box-shadow:0 15px 40px rgba(0,0,0,.05);
    }

    .pmx-service-card::before{
      content:'';
      position:absolute;
      width: 175px;
      height: 173px;
      border-radius:50%;
      background:rgba(255,0,0,.05);
      top:-120px;
      right:-120px;
      transition:.5s;
      z-index:-1;
    }

    .pmx-service-card:hover{
      transform:translateY(-12px);
      box-shadow:0 30px 70px rgba(255,0,0,.12);
    }

    .pmx-service-card:hover::before{
      transform:scale(1.3);
    }

    /*===================================
      ICON
    ===================================*/

    .pmx-icon-box{
      width: 50px;
      height: 50px;
      border-radius: 9px;
      background:rgba(255,0,0,.06);
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 auto 28px;
      position:relative;
      overflow:hidden;
      transition:.5s;
    }

    /* rotating border */
    .pmx-icon-box::before{
      content:'';
      position:absolute;
      inset:-10px;
      border:2px dashed rgba(255,0,0,.15);
      border-radius:34px;
      animation:pmxRotate 12s linear infinite;
    }

    .pmx-service-card:hover .pmx-icon-box{
      background: #ed2024;
      transform:scale(1.08);
      box-shadow:0 15px 35px rgba(255,0,0,.18);
    }

    .pmx-icon-box i{
      font-size: 23px;
      color:#ff2b2b;
      position:relative;
      z-index:2;
      transition:.5s;
    }

    .pmx-service-card:hover .pmx-icon-box i{
      color:#fff;
      transform:rotate(-8deg);
    }

h3.pmx-service-title {
    font-size: 16px;
    font-weight: 600;
}
    /*===================================
      ANIMATION
    ===================================*/

    @keyframes pmxRotate{

      from{
        transform:rotate(0deg);
      }

      to{
        transform:rotate(360deg);
      }
    }

    @keyframes pmxFloat{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes pmxFloat2{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(18px);
      }
    }

    /*===================================
      RESPONSIVE
    ===================================*/

    @media(max-width:991px){

      .pmx-service-card{
        margin-bottom:25px;
      }
    }

    @media(max-width:767px){

      .pmx-service-area{
        padding: 50px 0;
      }

      .pmx-service-card{
        padding:32px 22px;
      }

      .pmx-icon-box{
        width: 50px;
        height: 50px;
      }

      .pmx-icon-box i{
        font-size: 21px;
      }

      .pmx-service-title{
        font-size:22px;
      }

      .pmx-service-text{
        font-size:15px;
      }
    }

  /*===================================
      PROCESS AREA
    ===================================*/

    .mp-process-area{
      position:relative;
      padding: 20px 0 60px;
      overflow:hidden;
      background:
      radial-gradient(circle at top left, rgba(255,0,0,.05), transparent 28%),
      radial-gradient(circle at bottom right, rgba(255,0,0,.04), transparent 30%),
      linear-gradient(135deg,#ffffff 0%,#fff8f8 100%);
    }

   

    /*===================================
      HEADING
    ===================================*/

    .mp-head-wrap{
      margin-bottom: 35px;
      position:relative;
      z-index:2;
    }

    .mp-sub-title{
      color: #ed2024;
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:14px;
      display:inline-block;
    }

    .mp-main-title{
      font-size: 32px;
      font-weight: 600;
      color:#111827;
      line-height:1.2;
      margin-bottom:0;
    }

    .mp-main-title span{
      color: #ed2024;
      position:relative;
    }

    .mp-main-title span::after{
      content:'';
      position:absolute;
      left:0;
      bottom:5px;
      width:100%;
      height:10px;
      border-radius:20px;
      background:rgba(255,0,0,.12);
      z-index:-1;
    }

    /*===================================
      PROCESS WRAP
    ===================================*/

    .mp-process-wrap{
      position:relative;
      z-index:2;
    }

    /* center line */
    .mp-process-line{
      position:absolute;
      top:48px;
      left:0;
      width:100%;
      height:2px;
      background:
      repeating-linear-gradient(
      to right,
      rgba(255,0,0,.12),
      rgba(255,0,0,.12) 8px,
      transparent 8px,
      transparent 16px
      );
      z-index:0;
    }

    /*===================================
      PROCESS ITEM
    ===================================*/

    .mp-process-item{
      position:relative;
      text-align:center;
      z-index:2;
      transition:.5s;
    }

    .mp-process-item:hover{
      transform:translateY(-10px);
    }

    /*===================================
      ICON
    ===================================*/

    .mp-icon-box{
      width: 55px;
      height: 55px;
      border-radius:50%;
      background:linear-gradient(135deg,#ff1d1d,#d80000);
      display:flex;
      align-items:center;
      justify-content:center;
      margin: 0 auto 15px;
      position:relative;
      overflow:hidden;
      box-shadow:
      0 18px 40px rgba(255,0,0,.18),
      inset 0 1px 2px rgba(255,255,255,.3);
      transition:.5s;
    }

    /* animated ring */
    .mp-icon-box::before{
      content:'';
      position:absolute;
      inset:-10px;
      border:2px dashed rgba(255,0,0,.18);
      border-radius:50%;
      animation:mpRotate 12s linear infinite;
    }

    /* glow */
    .mp-icon-box::after{
      content:'';
      position:absolute;
      inset:0;
      border-radius:50%;
      background:radial-gradient(
      circle,
      rgba(255,255,255,.2),
      transparent 70%
      );
    }

    .mp-process-item:hover .mp-icon-box{
      transform:scale(1.08);
    }

    .mp-icon-box i{
      font-size: 20px;
      color:#fff;
      position:relative;
      z-index:2;
    }

    /*===================================
      STEP NUMBER
    ===================================*/

    .mp-step-no{
      font-size: 18px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 9px;
      display:block;
    }

    /*===================================
      CONTENT
    ===================================*/

    .mp-process-title{
      font-size: 16px;
      font-weight: 600;
      line-height:1.4;
      color: #000000;
      margin-bottom: 8px;
    }

    .mp-process-text{
      font-size: 14px;
      line-height: 1.5;
      color: #000000;
      max-width:250px;
      margin:auto;
    }

    /*===================================
      DOTS
    ===================================*/

    .mp-dot{
      position:absolute;
      border-radius:50%;
      background:rgba(255,0,0,.08);
      animation:mpFloat 6s ease-in-out infinite;
    }

    .mp-dot-1{
      width:18px;
      height:18px;
      top:16%;
      left:7%;
    }

    .mp-dot-2{
      width:24px;
      height:24px;
      bottom:18%;
      right:8%;
      animation-delay:2s;
    }

    .mp-dot-3{
      width:12px;
      height:12px;
      top:55%;
      left:50%;
      animation-delay:1s;
    }

    /*===================================
      ANIMATION
    ===================================*/

    @keyframes mpRotate{

      from{
        transform:rotate(0deg);
      }

      to{
        transform:rotate(360deg);
      }
    }

    @keyframes mpFloat{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes mpFloat2{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(18px);
      }
    }

    /*===================================
      RESPONSIVE
    ===================================*/

    @media(max-width:991px){

      .mp-main-title{
        font-size:30px;
      }

      .mp-process-item{
        margin-bottom: 15px;
      }

      .mp-process-line{
        display:none;
      }
    }

    @media(max-width:767px){

      .mp-process-area{
        padding:50px 0;
      }

      .mp-main-title{
        font-size: 29px;
        line-height:1.4;
      }

      .mp-icon-box{
               width: 45px;
        height: 45px;
      }

      .mp-icon-box i{
        font-size:20px;
      }

      .mp-process-title{
        font-size:22px;
      }

      .mp-process-text{
        font-size:15px;
      }
    }


     .tr-reporting-area{
      position:relative;
      padding:60px 0;
      overflow:hidden;
      background:
      radial-gradient(circle at top left, rgba(255,0,0,.05), transparent 28%),
      radial-gradient(circle at bottom right, rgba(255,0,0,.04), transparent 30%),
      linear-gradient(135deg,#ffffff 0%,#fff9f9 100%);
    }

    /* glow */
    .tr-reporting-area::before{
      content:'';
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      background:rgba(255,0,0,.04);
      top:-180px;
      left:-120px;
      filter:blur(40px);
      animation:trFloat 7s ease-in-out infinite;
    }

    .tr-reporting-area::after{
      content:'';
      position:absolute;
      width:320px;
      height:320px;
      border-radius:50%;
      background:rgba(255,0,0,.04);
      bottom:-120px;
      right:-120px;
      filter:blur(35px);
      animation:trFloat2 8s ease-in-out infinite;
    }

    /*===================================
      LEFT CONTENT
    ===================================*/

    .tr-left-content{
      padding-right:20px;
      position:relative;
      z-index:2;
    }

    .tr-subtitle{
      color:#ff2b2b;
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:16px;
      display:inline-block;
    }

    .tr-main-title{
      font-size: 32px;
      font-weight: 600;
      line-height:1.25;
      color:#111827;
      margin-bottom: 14px;
    }

    .tr-main-title span{
      color: #ed2024;
      position:relative;
    }

    .tr-main-title span::after{
      content:'';
      position:absolute;
      left:0;
      bottom:5px;
      width:100%;
      height:10px;
      border-radius:20px;
      background:rgba(255,0,0,.12);
      z-index:-1;
    }

    .tr-description{
      font-size: 14px;
      line-height: 1.5;
      color:#666;
      margin-bottom: 19px;
      max-width:500px;
    }

    /*===================================
      LIST
    ===================================*/

    .tr-feature-list{
      padding:0;
      margin: 0 0 25px;
      list-style:none;
    }

    .tr-feature-list li{
      display:flex;
      align-items:center;
      gap:18px;
      margin-bottom: 11px;
      font-size: 14px;
      font-weight:600;
      color:#111827;
      transition:.4s;
    }

    .tr-feature-list li:hover{
      transform:translateX(8px);
    }

    /* icon */
    .tr-check-icon{
      width: 25px;
      height: 25px;
      border-radius:50%;
      background:linear-gradient(135deg,#ff1d1d,#d60000);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:14px;
      flex-shrink:0;
      box-shadow:0 10px 25px rgba(255,0,0,.18);
    }

    /*===================================
      BUTTON
    ===================================*/

    .tr-report-btn{
      min-width: 100%;
      height: 48px;
      border-radius:18px;
      background:#fff;
      border:2px solid rgba(255,0,0,.12);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      color:#ff1d1d;
      font-size: 15px;
      font-weight: 600;
      text-decoration:none;
      transition:.5s;
      box-shadow:0 12px 30px rgba(0,0,0,.05);
      overflow:hidden;
      position:relative;
    }

    .tr-report-btn::before{
      content:'';
      position:absolute;
      top:0;
      left:-100%;
      width:100%;
      height:100%;
      background:linear-gradient(
      90deg,
      transparent,
      rgba(255,0,0,.08),
      transparent
      );
      transition:.6s;
    }

    .tr-report-btn:hover::before{
      left:100%;
    }

    .tr-report-btn:hover{
      background:#ff1d1d;
      color:#fff;
      transform:translateY(-6px);
      box-shadow:0 20px 45px rgba(255,0,0,.2);
    }

    /*===================================
      DASHBOARD IMAGE
    ===================================*/

    .tr-dashboard-wrap{
      position:relative;
      z-index:2;
    }

    .tr-dashboard-image{
      width:100%;
      border-radius:32px;
      box-shadow:0 25px 70px rgba(0,0,0,.08);
      animation:trDashboardFloat 6s ease-in-out infinite;
    }

    /*===================================
      FLOATING SHAPES
    ===================================*/

    .tr-dot{
      position:absolute;
      border-radius:50%;
      background:rgba(255,0,0,.08);
      animation:trFloat 6s ease-in-out infinite;
    }

    .tr-dot-1{
      width:18px;
      height:18px;
      top:18%;
      left:7%;
    }

    .tr-dot-2{
      width:24px;
      height:24px;
      bottom:18%;
      right:8%;
      animation-delay:2s;
    }

    .tr-dot-3{
      width:12px;
      height:12px;
      top:55%;
      left:50%;
      animation-delay:1s;
    }

    /*===================================
      ANIMATION
    ===================================*/

    @keyframes trFloat{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes trFloat2{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(18px);
      }
    }

    @keyframes trDashboardFloat{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(-12px);
      }
    }

    /*===================================
      RESPONSIVE
    ===================================*/

    @media(max-width:991px){

      .tr-main-title{
        font-size:42px;
      }

      .tr-left-content{
        margin-bottom:20px;
        padding-right:0;
      }
    }

    @media(max-width:767px){

      .tr-reporting-area{
        padding:40px 0;
      }

      .tr-main-title{
        font-size: 29px;
        line-height:1.4;
      }

      .tr-description{
        font-size:14px;
      }

      .tr-feature-list li{
        font-size:14px;
      }

      .tr-report-btn{
        width:100%;
      }
    }

    /*===================================
      PRICING AREA
    ===================================*/

    .nx-pricing-area{
      position:relative;
      padding:60px 0;
      overflow:hidden;
      background:
      radial-gradient(circle at top left, rgba(255,0,0,.05), transparent 28%),
      radial-gradient(circle at bottom right, rgba(255,0,0,.04), transparent 30%),
      linear-gradient(135deg,#ffffff 0%,#fff8f8 100%);
    }

    /* glow */
    .nx-pricing-area::before{
      content:'';
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      background:rgba(255,0,0,.04);
      top:-180px;
      left:-120px;
      filter:blur(40px);
      animation:nxFloat 7s ease-in-out infinite;
    }

    .nx-pricing-area::after{
      content:'';
      position:absolute;
      width:320px;
      height:320px;
      border-radius:50%;
      background:rgba(255,0,0,.04);
      bottom:-120px;
      right:-120px;
      filter:blur(35px);
      animation:nxFloat2 8s ease-in-out infinite;
    }

    /*===================================
      LEFT CONTENT
    ===================================*/

    .nx-pricing-content{
      position:relative;
      z-index:2;
      padding-right:30px;
    }

    .nx-pricing-subtitle{
      color: #ed2024;
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:16px;
      display:inline-block;
    }

    .nx-pricing-title{
      font-size: 32px;
      font-weight: 600;
      line-height:1.25;
      color:#111827;
      margin-bottom: 15px;
    }

    .nx-pricing-title span{
      color: #ed2024;
      position:relative;
    }

    .nx-pricing-title span::after{
      content:'';
      position:absolute;
      left:0;
      bottom:5px;
      width:100%;
      height:10px;
      border-radius:20px;
      background:rgba(255,0,0,.12);
      z-index:-1;
    }

    .nx-pricing-text{
      font-size: 14px;
      line-height: 1.6;
      color: #000000;
      max-width: 100%;
    }

    /*===================================
      CARD
    ===================================*/

    .nx-plan-card{
      position:relative;
      background:rgba(255,255,255,.82);
      backdrop-filter:blur(12px);
      border:1px solid rgba(255,255,255,.5);
      border-radius:34px;
      padding: 25px 25px;
      overflow:hidden;
      transition:.5s;
      z-index:1;
      height:100%;
      box-shadow:0 15px 45px rgba(0,0,0,.05);
    }

    .nx-plan-card::before{
      content:'';
      position:absolute;
      width: 175px;
      height: 175px;
      border-radius:50%;
      background:rgba(255,0,0,.05);
      top:-120px;
      right:-120px;
      transition:.5s;
      z-index:-1;
    }

    .nx-plan-card:hover{
      transform:translateY(-12px);
      box-shadow:0 30px 70px rgba(255,0,0,.12);
    }

    .nx-plan-card:hover::before{
      transform:scale(1.3);
    }

    /* active plan */
    .nx-featured-plan{
      border:2px solid #ff1d1d;
      transform:scale(1.03);
      box-shadow:0 25px 70px rgba(255,0,0,.15);
    }

    .nx-featured-plan:hover{
      transform:translateY(-12px) scale(1.03);
    }

    /* popular badge */
    .nx-popular-badge{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:40px;
      background:linear-gradient(135deg,#ff1d1d,#d60000);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:15px;
      font-weight:700;
      letter-spacing:.5px;
    }

    .nx-featured-plan .nx-plan-body{
      padding-top:28px;
    }

    /*===================================
      PLAN CONTENT
    ===================================*/

    .nx-plan-name{
      font-size: 20px;
      font-weight: 600;
      color:#111827;
      margin-bottom:10px;
    }

    .nx-plan-desc{
      font-size:16px;
      color:#777;
      margin-bottom:28px;
    }

    /* price */
    .nx-plan-price{
      display:flex;
      align-items:flex-end;
      gap:6px;
      margin-bottom: 20px;
    }

    .nx-plan-price h2{
      font-size: 26px;
      font-weight: 600;
      color:#111827;
      line-height:1;
      margin:0;
    }

    .nx-plan-price span{
      font-size:16px;
      color:#666;
      margin-bottom:8px;
    }

    /*===================================
      FEATURES
    ===================================*/

    .nx-plan-features{
      padding:0;
      margin: 0 0 25px;
      list-style:none;
    }

    .nx-plan-features li{
      display:flex;
      align-items:center;
      gap:16px;
      margin-bottom: 8px;
      font-size: 14px;
      font-weight:500;
      color:#444;
      transition:.4s;
    }

    .nx-plan-features li:hover{
      transform:translateX(6px);
    }

    /* check icon */
    .nx-check-circle{
      width: 20px;
      height: 20px;
      border-radius:50%;
      background:rgba(255,0,0,.08);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#ff1d1d;
      font-size: 11px;
      flex-shrink:0;
    }

    /*===================================
      BUTTON
    ===================================*/

    .nx-plan-btn{
      width:100%;
      height: 50px;
      border-radius:18px;
      border:2px solid rgba(255,0,0,.12);
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#ff1d1d;
      font-size: 14px;
      font-weight: 600;
      text-decoration:none;
      transition:.5s;
      position:relative;
      overflow:hidden;
    }

    .nx-plan-btn::before{
      content:'';
      position:absolute;
      top:0;
      left:-100%;
      width:100%;
      height:100%;
      background:linear-gradient(
      90deg,
      transparent,
      rgba(255,0,0,.08),
      transparent
      );
      transition:.6s;
    }

    .nx-plan-btn:hover::before{
      left:100%;
    }

    .nx-plan-btn:hover{
      background: #ed2024;
      color:#fff;
      transform:translateY(-4px);
      box-shadow:0 18px 40px rgba(255,0,0,.18);
    }

    /* active button */
    .nx-featured-plan .nx-plan-btn{
      background: #ed2024;
      color:#fff;
      border-color: #ed2024;
    }

    .nx-featured-plan .nx-plan-btn:hover{
      background:#d60000;
    }

    /*===================================
      FLOATING DOTS
    ===================================*/

    .nx-dot{
      position:absolute;
      border-radius:50%;
      background:rgba(255,0,0,.08);
      animation:nxFloat 6s ease-in-out infinite;
    }

    .nx-dot-1{
      width:18px;
      height:18px;
      top:18%;
      left:7%;
    }

    .nx-dot-2{
      width:24px;
      height:24px;
      bottom:18%;
      right:8%;
      animation-delay:2s;
    }

    .nx-dot-3{
      width:12px;
      height:12px;
      top:55%;
      left:50%;
      animation-delay:1s;
    }

    /*===================================
      ANIMATION
    ===================================*/

    @keyframes nxFloat{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes nxFloat2{

      0%,100%{
        transform:translateY(0);
      }

      50%{
        transform:translateY(18px);
      }
    }

    /*===================================
      RESPONSIVE
    ===================================*/

    @media(max-width:991px){

      .nx-pricing-content{
        margin-bottom: 10px;
        padding-right:0;
      }

      .nx-pricing-title{
        font-size:42px;
      }

      .nx-plan-card{
        margin-bottom:30px;
      }
    }

    @media(max-width:767px){
.mb-botoom{
  margin-bottom:70px;
}
      .nx-pricing-area{
        padding: 30px 0;
      }

      .nx-pricing-title{
        font-size: 29px;
        line-height:1.4;
      }

      .nx-pricing-text{
        font-size:16px;
      }

      .nx-plan-card{
        padding:34px 24px;
      }

      .nx-plan-name{
        font-size:28px;
      }

      .nx-plan-price h2{
        font-size: 30px;
      }
    }