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;
    }

    /* stats */
    .stats-wrap{
      margin-top: 45px;
      display:flex;
      gap:60px;
      flex-wrap:wrap;
      animation:fadeUp 1.8s ease;
    }

    .stat-box h2{
      font-size: 37px;
      font-weight: 700;
      color: #ed2024;
      margin-bottom:5px;
    }

    .stat-box p{
      color: #000000;
      font-size:17px;
      margin:0;
    }

    /* right side */
    .dashboard-area{
      position:relative;
      /* height: 575px; */
    } 
    .dashboard-area img{
    animation:floatMini 4s ease-in-out infinite;
    }

    .glass-card{
      position:absolute;
      background: radial-gradient(circle at top left, rgba(255, 0, 0, .06), transparent 25%), radial-gradient(circle at bottom right, rgba(255, 0, 0, .05), transparent 30%), #fff4f4;
      backdrop-filter:blur(15px);
      border:1px solid rgba(255,255,255,.4);
      border-radius:28px;
      padding:25px;
      box-shadow:0 20px 50px rgba(0,0,0,.08);
      animation:floatingCard 4s ease-in-out infinite;
    }

    .glass-card h5{
      font-size:16px;
      color:#666;
      margin-bottom:12px;
    }

    .glass-card h3{
      font-size: 24px;
      font-weight: 600;
      color:#111;
    }

    .chart-line{
      width:100%;
      height: 100px;
      margin-top:15px;
    }

    .chart-line svg{
      width:100%;
      height:100%;
    }

    .chart-line path{
      fill:none;
      stroke: #ed2024;
      stroke-width:5;
      stroke-linecap:round;
      stroke-linejoin:round;
      stroke-dasharray:500;
      stroke-dashoffset:500;
      animation:drawLine 3s linear forwards infinite;
    }

    .card-1{
      width:280px;
      top:20px;
      left:60px;
      animation-delay:0s;
    }

    .card-2{
      width:260px;
      top:40px;
      right:10px;
      animation-delay:1s;
    }

    .card-3{
      width:380px;
      top:190px;
      left:110px;
      z-index:2;
      animation-delay:2s;
    }

    .mini-card{
      position:absolute;
      left:20px;
      bottom:-40px;
      background:#fff;
      border-radius:18px;
      padding:18px 22px;
      box-shadow:0 10px 35px rgba(0,0,0,.08);
      animation:floatMini 4s ease-in-out infinite;
    }

    /* target */
    .target-wrap{
      position:absolute;
      right: 0px;
      bottom: 122px;
      animation:rotateTarget 12s linear infinite;
    }

    .target{
      width: 200px;
      height: 200px;
      border-radius:50%;
      background:radial-gradient(circle,#ff4d4d 10%,#ff1d1d 35%,#d80000 60%,#ff7b7b 100%);
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      box-shadow:0 30px 60px rgba(255,0,0,.25);
    }

    .target::before{
      content:'';
      position:absolute;
      width: 140px;
      height: 140px;
      border-radius:50%;
      background:#fff3f3;
    }

    .target::after{
      content:'';
      position:absolute;
      width:80px;
      height:80px;
      border-radius:50%;
      background:#ff1d1d;
    }

    .hero-section .arrow{
      position:absolute;
      width: 87px;
      transform:rotate(-30deg);
      z-index:2;
    }

    /* animations */
    @keyframes fadeUp{
      from{
        opacity:0;
        transform:translateY(40px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @keyframes floatingCard{
      0%,100%{
        transform:translateY(0px);
      }
      50%{
        transform:translateY(-15px);
      }
    }

    @keyframes float{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(25px);
      }
    }

    @keyframes float2{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(-25px);
      }
    }

    @keyframes drawLine{
      to{
        stroke-dashoffset:0;
      }
    }

    @keyframes rotateTarget{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }

    @keyframes floatMini{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(-10px);
      }
    }

    /* responsive */
    @media(max-width:991px){
      .hero-section::before{
        display: none;
      }
      .btn-outline-custom, .btn.btn-main{
        width: 100%;
      }
.hero-section .container {
    width: 95% !important;
    max-width: 100%;
}
      .hero-title{
        font-size:54px;
      }

      .dashboard-area{
        /* margin-top:70px; */
        /* height:620px; */
      }

      .card-1{
        left:0;
      }

      .card-3{
        left:30px;
      }

      .target-wrap{
        right:20px;
      }
    }

    @media(max-width:767px){

      .hero-title{
        font-size:42px;
      }

      .hero-desc{
        font-size:16px;
      }

      .dashboard-area{
        /* transform:scale(.85); */
        /* left:-40px; */
        width: 100%;
      }

      .stats-wrap{
        gap:30px;
      }
    }

.client-section-new{
      position:relative;
      padding: 40px 0 20px;
      /* background:linear-gradient(135deg,#d60000,#ff1e1e); */
      overflow:hidden;
      background: radial-gradient(circle at top left, rgb(255 249 249 / 94%), transparent 25%), radial-gradient(circle at bottom right, rgb(255 243 243 / 95%), transparent 30%), #fff9f9;
    }

    /* background glow */
    .client-section-new::before{
      content:'';
      position:absolute;
      width:500px;
      height:500px;
      background: rgb(255 226 226);
      border-radius:50%;
      top:-250px;
      left:-150px;
      filter:blur(20px);
    }

    .client-section-new::after{
      content:'';
      position:absolute;
      width:400px;
      height:400px;
      background:rgba(255,255,255,.06);
      border-radius:50%;
      bottom:-220px;
      right:-100px;
      filter:blur(20px);
    }

    .client-section-new .section-title{
      text-align:center;
      color: #000000;
      font-size:15px;
      font-weight:700;
      letter-spacing:1px;
      text-transform:uppercase;
      margin-bottom: 14px;
      position:relative;
      z-index:2;
    }

    .logo-slider{
      /* overflow:hidden; */
      position:relative;
      z-index:2;
    }

    .logo-track{
      display:flex;
      align-items:center;
      width:calc(250px * 14);
      animation:scroll 28s linear infinite;
    }

    .logo-slider:hover .logo-track{
      animation-play-state:paused;
    }

    .logo-item{
      width:250px;
      padding:20px;
      flex-shrink:0;
    }

    .logo-box{
      height:110px;
      background: rgb(237 63 63 / 8%);
      border:1px solid rgba(255,255,255,.12);
      backdrop-filter:blur(12px);
      border-radius:22px;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:.4s ease;
      position:relative;
      overflow:hidden;
    }

    .logo-box::before{
      content:'';
      position:absolute;
      top:0;
      left:-100%;
      width:100%;
      height:100%;
      background: linear-gradient(90deg, transparent, rgb(255 230 230), transparent);
      transition:.7s;
    }

    .logo-box:hover::before{
      left:100%;
    }

    .logo-box:hover{
      transform:translateY(-10px) scale(1.03);
      background:rgba(255,255,255,.14);
      box-shadow:0 15px 40px rgba(0,0,0,.18);
    }

    .logo-box img{
      max-width: 162px;
      max-height: 75px;
      object-fit:contain;
      /* filter:brightness(0) invert(1); */
      opacity:.95;
      transition:.4s;
    }

    .logo-box:hover img{
      transform:scale(1.08);
      opacity:1;
    }

    /* gradient fade sides */
    .logo-slider::before,
    .logo-slider::after{
      content:'';
      position:absolute;
      top:0;
      width:140px;
      height:100%;
      z-index:3;
    }

    .logo-slider::before{
      /* left:0; */
      /* background:linear-gradient(to right,#d60000,transparent); */
    }

    .logo-slider::after{
      /* right:0; */
      /* background:linear-gradient(to left,#ff1e1e,transparent); */
    }

    /* animation */
    @keyframes scroll{

      0%{
        transform:translateX(0);
      }

      100%{
        transform:translateX(calc(-250px * 7));
      }
    }

    /* mobile */
    @media(max-width:768px){

      .logo-item{
        width:180px;
      }

      .logo-track{
        width:calc(180px * 14);
      }

      .logo-box{
        height:90px;
      }

      .logo-box img{
        max-width:110px;
      }

      .client-section-new .section-title{
        font-size:13px;
        line-height:1.7;
        padding:0 15px;
      }

      @keyframes scroll{

        100%{
          transform:translateX(calc(-180px * 7));
        }
      }
    }

.process-section {
      position: relative;
      padding: 60px 0 18px;
      overflow: hidden;
      background:
        radial-gradient(circle at top left, rgba(255, 0, 0, 0.07), transparent 30%),
        radial-gradient(circle at bottom right, rgba(255, 0, 0, 0.08), transparent 30%),
        #fff;
    }

    /* animated circles */
    .process-section::before,
    .process-section::after {
      content: '';
      position: absolute;
      border-radius: 50%;
      background: rgba(255, 0, 0, 0.06);
      animation: float 8s ease-in-out infinite;
    }

    .process-section::before {
      width: 300px;
      height: 300px;
      top: -120px;
      left: -120px;
    }

    .process-section::after {
      width: 250px;
      height: 250px;
      right: -80px;
      bottom: -80px;
      animation-delay: 2s;
    }

    .process-section .section-subtitle {
      text-align: center;
      font-weight: 700;
      color: #666;
      margin-bottom: 10px;
      letter-spacing: .5px;
      animation: fadeUp 1s ease;
    }

    .process-section .section-title {
      text-align: center;
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 0px;
      color: #111;
      animation: fadeUp 1.2s ease;
    }

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

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

    /* Process Wrapper */
    .process-wrapper {
      position: relative;
      max-width: 1010px;
      margin: auto;
      min-height: 560px;
    }

    /* Circle Process */
    .process-circle {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -19px;
      width: 526px;
      /* height: 280px; */
      border-radius: 280px 280px 0 0;
      overflow: hidden;
      display: flex;
      animation: zoomIn 1.5s ease;
      /* box-shadow: 0 30px 60px rgba(255, 0, 0, 0.12); */
    }

    .process-step {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: #fff;
      font-size: 28px;
      font-weight: 600;
      transition: .4s;
      cursor: pointer;
    }

    .process-step:hover {
      transform: translateY(-10px);
      filter: brightness(1.08);
    }

    .process-step::before {
      content: '';
      position: absolute;
      top: 0;
      right: -2px;
      width: 4px;
      height: 100%;
      background: rgba(255, 255, 255, .4);
    }

    .process-step:last-child::before {
      display: none;
    }

    .step-1 {
      background: linear-gradient(to top, #9d0000, #c40000);
    }

    .step-2 {
      background: linear-gradient(to top, #bc0000, #e21b1b);
    }

    .step-3 {
      background: linear-gradient(to top, #e10000, #ff1d1d);
    }

    .step-4 {
      background: linear-gradient(to top, #ff3c3c, #ff6a6a);
    }

    .step-5 {
      background: linear-gradient(to top, #ff7b7b, #ffb3b3);
    }
.step-1 span{
     
position: absolute;
     
left: 33px;
     
bottom: 16%;
    }

    .step-2 span{
      
position: absolute;
      
left: 23px;
      
bottom: 52%;
    }

    .step-3 span{
      
position: absolute;
      
left: 33px;
      
bottom: 69%;
    }

    .step-4 span{
     
position: absolute;
     
left: 33px;
     
bottom: 59%;
    }

    .step-5 span{
    
position: absolute;
    
left: 24px;
    
bottom: 22%;
    }
    /* Center Box */
    .center-box {
      position: absolute;
      left: 26%;
      bottom: -40px;
      transform: translateX(-50%);
      width: 277px;
      height: 210px;
      background: rgba(255, 255, 255, 0.9);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      z-index: 99;
      box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
      backdrop-filter: blur(10px);
      animation: pulse 4s infinite;
    }

    .center-box h2 {
      font-size: 54px;
      font-weight: 900;
      margin-bottom: 0;
      line-height: 1;
    }

    .center-box h2 span {
      color: #ff1d1d;
    }

    .center-box p {
      letter-spacing: 5px;
      font-weight: 700;
      color: #555;
      margin-top: 8px;
      font-size: 14px;
    }

    /* Feature Cards */
    .feature-card {
      position: absolute;
      width: 255px;
      background: rgba(255, 255, 255, 0.72);
      backdrop-filter: blur(15px);
      border: 1px solid rgba(255, 255, 255, .5);
      border-radius: 24px;
      padding: 22px 22px;
      transition: .4s;
      box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
      animation: floatingCard 5s ease-in-out infinite;
    }

    .feature-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 50px rgba(255, 0, 0, .12);
    }

    .feature-card i {
      width: 32px;
      height: 32px;
      background: linear-gradient(135deg, #ff1d1d, #d40000);
      color: #fff;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 18px;
      box-shadow: 0 10px 25px rgba(255, 0, 0, .2);
    }

    .feature-card h5 {
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 10px;
      color: #111;
    }

    .feature-card p {
      color: #666;
      line-height: 1.5;
      margin-bottom: 0;
      font-size: 15px;
    }

    /* positions */
    .card-left-top {
      left: 25px;
      top: 63px;
    }

    .card-left-bottom {
      left: -20px;
      top: 331px;
      animation-delay: 1s;
    }

    .card-top-center {
      left: 36%;
      right: 50%;
      transform: translateX(-50%);
      top: 70px;
      animation-delay: 2s;
    }

    .card-right-top {
      right: 63px;
      top: 80px;
      animation-delay: 1.5s;
    }

    .card-right-bottom {
      right: -20px;
      top: 358px;
      animation-delay: 2.5s;
    }
.center-box img{
  position: relative;
  top: -7px;
}
    /* animations */
    @keyframes floatingCard {

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

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

    @keyframes float {

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

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

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(40px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes zoomIn {
      from {
        transform: translateX(-50%) scale(.8);
        opacity: 0;
      }

      to {
        transform: translateX(-50%) scale(1);
        opacity: 1;
      }
    }

    @keyframes pulse {

      0%,
      100% {
        box-shadow: 0 0 0 rgba(255, 0, 0, 0.15);
      }

      50% {
        box-shadow: 0 0 40px rgba(255, 0, 0, 0.18);
      }
    }

    /* responsive */
    @media(max-width:991px) {
.industry-btn-main{
  margin-top: 15px;
}
      .section-title {
        font-size: 40px;
      }

      .process-wrapper {
        min-height: auto;
        padding-bottom: 370px;
      }

      .feature-card {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
      }

      .process-circle {
        width: 100%;
        max-width: 100%;
        /* height: 260px; */
        bottom: 0;
      }

      .center-box {
        width: 280px;
        height: 280px;
      }

      .center-box h2 {
        font-size: 42px;
      }
    }

    @media(max-width:767px) {

      .process-section .section-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.4;
      }

      .process-circle {
        /*height: 220px;*/
      }

      .process-step {
        font-size: 38px;
      }

      .center-box {
        width: 220px;
        height: 220px;
      }

      .center-box h2 {
        font-size: 34px;
      }

      .center-box p {
        font-size: 12px;
        letter-spacing: 3px;
      }
    }

.services-section{
      position:relative;
      padding: 60px 0;
      overflow:hidden;
      background: radial-gradient(circle at top left, rgba(255, 0, 0, .06), transparent 25%), radial-gradient(circle at bottom right, rgba(255, 0, 0, .05), transparent 30%), #fff4f4;
    }

    /* background glow */
    .services-section::before{
      content:'';
      position:absolute;
      width:420px;
      height:420px;
      background:rgba(255,0,0,.05);
      border-radius:50%;
      top:-180px;
      right:-120px;
      filter:blur(40px);
      animation:float 8s ease-in-out infinite;
    }

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

    .services-section .section-subtitle{
      text-align:center;
      color:#ff1d1d;
      font-weight:700;
      letter-spacing:1px;
      text-transform:uppercase;
      margin-bottom:12px;
      animation:fadeUp 1s ease;
    }

    .services-section .section-title{
      text-align:center;
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 50px;
      color:#111827;
      animation:fadeUp 1.2s ease;
    }

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

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

    /* service card */
    .service-card{
      position:relative;
      background:rgba(255,255,255,.75);
      backdrop-filter:blur(14px);
      border:1px solid rgba(255,255,255,.5);
      border-radius:28px;
      padding: 25px 32px;
      height:100%;
      overflow:hidden;
      transition:.5s;
      box-shadow:0 15px 40px rgba(0,0,0,.06);
      z-index:1;
      animation:fadeUp 1.4s ease;
    }

    .service-card::before{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(
      135deg,
      rgba(255,29,29,.06),
      transparent 45%
      );
      z-index:-1;
    }

    .service-card::after{
      content:'';
      position:absolute;
      width:180px;
      height:180px;
      background:rgba(255,29,29,.08);
      border-radius:50%;
      top:-90px;
      right:-90px;
      transition:.5s;
      z-index:-1;
    }

    .service-card:hover{
      transform:translateY(-15px);
      box-shadow:0 25px 60px rgba(255,0,0,.14);
    }

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

    /* icon */
    .service-icon{
      width: 32px;
      height: 32px;
      border-radius:24px;
      background:linear-gradient(135deg,#ff1d1d,#d40000);
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:28px;
      position:relative;
      box-shadow:0 15px 35px rgba(255,0,0,.22);
      animation:pulse 3s infinite;
    }

    .service-icon::before{
      content:'';
      position:absolute;
      inset:-10px;
      border-radius:30px;
      border:2px dashed rgba(255,0,0,.3);
      animation:rotate 12s linear infinite;
    }

    .service-icon i{
      font-size: 18px;
      color:#fff;
    }

    /* heading */
    .service-card h3{
      font-size: 16px;
      font-weight: 600;
      color:#111827;
      margin-bottom: 10px;
      line-height:1.4;
    }

    .service-card p{
      font-size: 14px;
      line-height: 1.6;
      color: #202020;
      margin-bottom:22px;
    }

    /* list */
    .service-list{
      padding:0;
      margin:0 0 28px;
      list-style:none;
    }

    .service-list li{
      position:relative;
      padding-left:28px;
      margin-bottom: 8px;
      color:#444;
      font-weight:500;
      transition:.3s;
    }

    .service-list li::before{
      content:'\f105';
      font-family:"Font Awesome 6 Free";
      font-weight:900;
      position:absolute;
      left:0;
      top:0;
      color:#ff1d1d;
      transition:.3s;
    }

    .service-list li:hover{
      transform:translateX(5px);
      color:#111;
    }

    /* button */
    .service-btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color: #ed2024;
      font-weight:700;
      text-decoration:none;
      transition:.4s;
    }

    .service-btn i{
      transition:.4s;
    }

    .service-btn:hover{
      color:#111;
    }

    .service-btn:hover i{
      transform:translateX(6px);
    }

    /* floating dots */
    .floating-shape{
      position:absolute;
      border-radius:50%;
      background:rgba(255,0,0,.08);
      animation:float 6s ease-in-out infinite;
    }

    .shape-1{
      width:18px;
      height:18px;
      top:20%;
      left:8%;
    }

    .shape-2{
      width:25px;
      height:25px;
      bottom:15%;
      right:10%;
      animation-delay:2s;
    }

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

    /* animations */
    @keyframes rotate{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }

    @keyframes pulse{
      0%,100%{
        transform:scale(1);
      }
      50%{
        transform:scale(1.05);
      }
    }

    @keyframes float{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes float2{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(20px);
      }
    }

    @keyframes fadeUp{
      from{
        opacity:0;
        transform:translateY(40px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    /* responsive */
    @media(max-width:991px){

      .services-section .section-title{
        font-size:40px;
      }

      .service-card{
        margin-bottom:30px;
      }
    }

    @media(max-width:767px){

      .services-section{
        padding:70px 0;
      }

      .services-section .section-title{
        font-size: 29px;
        line-height:1.4;
      }

      .service-card{
        padding:32px 24px;
      }

      .service-card h3{
        font-size:25px;
      }

      .service-icon{
        width: 32px;
        height: 32px;
      }

      .service-icon i{
        font-size: 19px;
      }
    }


.pm-services-area{
      position:relative;
      padding: 60px 0;
      background:
      radial-gradient(circle at top right, rgba(255,0,0,.06), transparent 30%),
      radial-gradient(circle at bottom left, rgba(255,0,0,.05), transparent 30%),
      #ffffff;
      overflow:hidden;
    }

    /* animated background glow */
    .pm-services-area::before{
      content:'';
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      background:rgba(255,0,0,.05);
      top:-180px;
      right:-120px;
      filter:blur(40px);
      animation:pmFloat 7s ease-in-out infinite;
    }

    .pm-services-area::after{
      content:'';
      position:absolute;
      width:280px;
      height:280px;
      border-radius:50%;
      background:rgba(255,0,0,.04);
      bottom:-100px;
      left:-100px;
      filter:blur(30px);
      animation:pmFloat2 8s ease-in-out infinite;
    }

    /*========================
      TITLE
    ========================*/

    .pm-heading-wrap{
      text-align:center;
      margin-bottom:70px;
      position:relative;
      z-index:2;
    }

    .pm-heading-sub{
      color: #ed2024;
      font-size:15px;
      font-weight:700;
      letter-spacing:1px;
      text-transform:uppercase;
      margin-bottom:14px;
      display:inline-block;
      animation:pmFadeUp 1s ease;
    }

    .pm-heading-title{
      font-size: 32px;
      font-weight: 600;
      color:#111827;
      line-height:1.2;
      animation:pmFadeUp 1.2s ease;
    }

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

    .pm-heading-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;
    }

    
/*===================================
      SECTION
    ===================================*/

    .mk-service-layout{
      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(0,132,255,.04), transparent 30%),
      linear-gradient(135deg,#ffffff 0%,#fff8f8 100%);
    }

    /* background shapes */
    .mk-service-layout::before{
      content:'';
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      background:rgba(255,0,0,.04);
      top:-180px;
      right:-100px;
      filter:blur(40px);
      animation:mkFloat 7s ease-in-out infinite;
    }

    .mk-service-layout::after{
      content:'';
      position:absolute;
      width:320px;
      height:320px;
      border-radius:50%;
      background:rgba(120,0,255,.04);
      bottom:-140px;
      left:-100px;
      filter:blur(35px);
      animation:mkFloat2 8s ease-in-out infinite;
    }

    /* dots */
    .mk-dots{
      position:absolute;
      width: 100px;
      height: 110px;
      background-image:radial-gradient(rgba(255,0,0,.2) 2px, transparent 2px);
      background-size:18px 18px;
      z-index:0;
    }

    .mk-dots-one{
      top: 172px;
      left:60px;
    }

    .mk-dots-two{
      right:60px;
      top:80px;
      opacity:.4;
    }

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

    .mk-head-wrap{
      text-align:center;
      margin-bottom:70px;
      position:relative;
      z-index:2;
    }

    .mk-sub-title{
      color:#ff1d1d;
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:14px;
      display:inline-block;
      animation:mkFadeUp 1s ease;
    }

    .mk-main-title{
      font-size:54px;
      font-weight:900;
      line-height:1.2;
      color:#111827;
      margin-bottom:20px;
      animation:mkFadeUp 1.2s ease;
    }

    .mk-main-title span{
      color:#ff1d1d;
      position:relative;
    }

    .mk-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;
    }

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

    .mk-card-box{
      position:relative;
      background:rgba(255,255,255,.78);
      backdrop-filter:blur(12px);
      border: 1px solid rgb(180 180 180);
      border-radius:34px;
      padding: 25px 20px;
      overflow:hidden;
      transition:.5s;
      height:100%;
      z-index:1;
      /*box-shadow:0 15px 45px rgba(0,0,0,.05);*/
      animation:mkCardShow 1.2s ease;
    }

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

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

    .mk-card-box:hover::before{
      transform:scale(1.3);
    }

    /* large center card */
    .mk-highlight-card{
      background:linear-gradient(135deg,#fff8f8,#fffefe);
      border: 1px solid rgb(180 180 180);
    }
.dwitem {
    width: 70%;
}
    /*===================================
      ICON
    ===================================*/

    .mk-icon-wrap{
      width: 68px;
      height: 54px;
      border-radius: 10px;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      margin-bottom:26px;
      overflow:hidden;
    }

    .mk-icon-wrap::before{
      content:'';
      position:absolute;
      inset:-10px;
      border-radius:32px;
      border:2px dashed rgba(255,255,255,.25);
      animation:mkRotate 12s linear infinite;
    }

    .mk-icon-wrap i{
      font-size: 25px;
      position:relative;
      z-index:2;
    }

    /* icon colors */
    .mk-red{
      background:rgba(255,0,0,.08);
      color:#ff2b2b;
    }

    .mk-purple{
      background:rgba(130,76,255,.08);
      color:#8f63ff;
    }

    .mk-green{
      background:rgba(0,201,124,.08);
      color:#00b66f;
    }

    .mk-orange{
      background:rgba(255,170,0,.08);
      color:#f3a300;
    }

    .mk-blue{
      background:rgba(0,123,255,.08);
      color:#4290ff;
    }

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

    .mk-card-num{
      position:absolute;
      top: 11px;
      right:34px;
      font-size: 20px;
      font-weight: 600;
      opacity:.12;
    }

    .mk-red-num{
      color:#ff1d1d;
    }

    .mk-purple-num{
      color:#7f5cff;
    }

    .mk-green-num{
      color:#00b66f;
    }

    .mk-orange-num{
      color:#f0a100;
    }

    .mk-blue-num{
      color:#4290ff;
    }

    .mk-card-box h3{
      font-size: 18px;
      font-weight: 600;
      color: #111827;
      line-height:1.4;
      margin-bottom: 10px;
    }

    .mk-card-box p{
      color:#666;
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 18px;
    }

    /* arrow button */
    .mk-arrow-btn{
      width: 40px;
      height: 40px;
      border-radius:50%;
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      font-size:18px;
      transition:.4s;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
    }

    .mk-arrow-btn:hover{
      transform:translateX(6px) rotate(-45deg);
    }

    .mk-arrow-red{
      color:#ff1d1d;
    }

    .mk-arrow-purple{
      color:#8f63ff;
    }

    .mk-arrow-green{
      color:#00b66f;
    }

    .mk-arrow-orange{
      color:#f3a300;
    }

    .mk-arrow-blue{
      color:#4290ff;
    }

    /*===================================
      CHART AREA
    ===================================*/

    .mk-chart-box{
      position: relative;
      /* width:220px; */
      opacity:.9;
      top: 60px;
    }

    .mk-chart-box svg{
      width:100%;
    }

    .mk-chart-box path{
      fill:none;
      stroke:#ff4d4d;
      stroke-width:4;
      stroke-linecap:round;
      stroke-linejoin:round;
      stroke-dasharray:500;
      stroke-dashoffset:500;
      animation:mkLine 4s linear forwards infinite;
    }

    .mk-growth-tag{
      position:absolute;
      right:10px;
      top: -22px;
      padding: 4px 8px;
      border-radius:14px;
      background:#ff5b5b;
      color:#fff;
      font-size: 11px;
      font-weight:700;
      box-shadow:0 10px 25px rgba(255,0,0,.2);
      animation:mkPulse 3s infinite;
    }

    /*===================================
      BOTTOM INFO STRIP
    ===================================*/

    .mk-bottom-strip{
      margin-top: 23px;
      padding: 25px;
      border-radius: 34px;
      background: rgba(255, 255, 255, .78);
      backdrop-filter: blur(12px);
      border: 1px solid rgb(180 180 180);
    }

    .mk-strip-item{
      display:flex;
      align-items:center;
      gap:18px;
      position:relative;
    }

    .mk-strip-item::after{
      content:'';
      position:absolute;
      right: 0px;
      top:50%;
      transform:translateY(-50%);
      width:1px;
      height:55px;
      background:#ececec;
    }

    .mk-strip-last::after{
      display:none;
    }

    .mk-strip-icon{
      width: 50px;
      height: 50px;
      border-radius: 6px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size: 21px;
      flex-shrink:0;
    }

    .mk-strip-item h5{
      font-size: 16px;
      font-weight:700;
      color:#111827;
      margin-bottom:8px;
    }

    .mk-strip-item p{
      margin:0;
      color:#666;
      line-height:1.8;
      font-size: 14px;
    }

    /*===================================
      ANIMATIONS
    ===================================*/

    @keyframes mkRotate{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }

    @keyframes mkFloat{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes mkFloat2{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(18px);
      }
    }

    @keyframes mkFadeUp{
      from{
        opacity:0;
        transform:translateY(40px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @keyframes mkCardShow{
      from{
        opacity:0;
        transform:translateY(50px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @keyframes mkLine{
      to{
        stroke-dashoffset:0;
      }
    }

    @keyframes mkPulse{
      0%,100%{
        transform:scale(1);
      }
      50%{
        transform:scale(1.08);
      }
    }

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

    @media(max-width:991px){

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

      .mk-bottom-strip{
        padding:25px;
      }

      .mk-strip-item{
        margin-bottom:25px;
      }

      .mk-strip-item::after{
        display:none;
      }

      .mk-chart-box{
        position:relative;
        right:auto;
        bottom:auto;
        margin-top:30px;
        width:100%;
      }
    }

    @media(max-width:767px){
      .dwitem {
    width: 100% !important;
}
.itemserv.d-flex {
    display: block !important;
}
      .mk-service-layout{
        padding:80px 0;
      }

      .mk-main-title{
        font-size:34px;
        line-height:1.4;
      }

      .mk-card-box{
        padding:30px 24px;
      }

      .mk-card-box h3{
        font-size:26px;
      }

      .mk-icon-wrap{
        width: 50px;
        height: 50px;
      }

      .mk-icon-wrap i{
        font-size: 20px;
      }

      .mk-bottom-strip{
        padding: 10px;
      }
    }

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

    .pm-floating-dot{
      position:absolute;
      border-radius:50%;
      background:rgba(255,0,0,.1);
      animation:pmFloat 6s ease-in-out infinite;
    }

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

    .pm-dot-2{
      width:25px;
      height:25px;
      top:65%;
      right:8%;
      animation-delay:2s;
    }

    .pm-dot-3{
      width:12px;
      height:12px;
      bottom:20%;
      left:50%;
      animation-delay:1s;
    }

    /*========================
      ANIMATIONS
    ========================*/

    @keyframes pmRotate{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }

    @keyframes pmPulse{
      0%,100%{
        transform:scale(1);
      }
      50%{
        transform:scale(1.08);
      }
    }

    @keyframes pmFloat{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes pmFloat2{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(20px);
      }
    }

    @keyframes pmFadeUp{
      from{
        opacity:0;
        transform:translateY(40px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @keyframes pmCardReveal{
      from{
        opacity:0;
        transform:translateY(50px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

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

    @media(max-width:991px){

      .pm-heading-title{
        font-size:40px;
      }

      .pm-service-card{
        margin-bottom:30px;
      }
    }

    @media(max-width:767px){

      .pm-services-area{
        padding:80px 0;
      }

      .pm-heading-title{
        font-size:32px;
        line-height:1.4;
      }
    }



 /*==================================
      INDUSTRY CASE STUDY SECTION
    ==================================*/

    .industry-case-area{
      position:relative;
      padding: 60px 0;
      overflow:hidden;
      background: linear-gradient(135deg, #ff4747 0%, #b01414 50%, #e41b1b 100%);
    }

    /* animated glow */
    .industry-case-area::before{
      content:'';
      position:absolute;
      width:500px;
      height:500px;
      background:rgba(255,255,255,.08);
      border-radius:50%;
      top:-250px;
      left:-150px;
      filter:blur(40px);
      animation:industryFloat 8s ease-in-out infinite;
    }

    .industry-case-area::after{
      content:'';
      position:absolute;
      width:350px;
      height:350px;
      background:rgba(255,255,255,.06);
      border-radius:50%;
      bottom:-180px;
      right:-120px;
      filter:blur(40px);
      animation:industryFloat2 9s ease-in-out infinite;
    }

    /*==================================
      SECTION HEADER
    ==================================*/

    .industry-topbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom: 30px;
      position:relative;
      z-index:2;
      flex-wrap:wrap;
    }

    .industry-mini-title{
      color:#ffd7d7;
      text-transform:uppercase;
      letter-spacing:1px;
      font-size:14px;
      font-weight:700;
      margin-bottom:12px;
      display:block;
      animation:industryFadeUp 1s ease;
    }

    .industry-main-title{
      color:#fff;
      font-size: 32px;
      font-weight: 600;
      line-height:1.2;
      margin-bottom:0;
      animation:industryFadeUp 1.2s ease;
    }

    .industry-main-title span{
      color:#ffe0e0;
      position:relative;
    }

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

    /* button */
    .industry-btn-main{
      min-width:210px;
      height: 48px;
      border-radius:18px;
      background:#fff;
      color:#d50000;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      text-decoration:none;
      font-weight: 600;
      transition:.4s;
      box-shadow:0 15px 35px rgba(0,0,0,.12);
      position:relative;
      overflow:hidden;
    }

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

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

    .industry-btn-main:hover{
      transform:translateY(-6px);
      color:#d50000;
    }

    /*==================================
      CASE STUDY CARD
    ==================================*/

    .industry-card-box{
      position:relative;
      height:100%;
      padding:35px 30px;
      border-radius:30px;
      overflow:hidden;
      background: linear-gradient(135deg, #d40000, rgb(37 33 33 / 47%));
      backdrop-filter:blur(15px);
      /* border:1px solid rgba(255,255,255,.12); */
      transition:.5s;
      z-index:1;
      box-shadow:0 15px 40px rgba(0,0,0,.12);
      animation:industryCardShow 1.3s ease;
    }

    /* hover shine */
    .industry-card-box::before{
      content:'';
      position:absolute;
      top:0;
      left:-120%;
      width:120%;
      height:100%;
      background:linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.18),
      transparent
      );
      transform:skewX(-25deg);
      transition:.8s;
    }

    .industry-card-box:hover::before{
      left:130%;
    }

    .industry-card-box:hover{
      transform:translateY(-14px);
      box-shadow:0 25px 60px rgba(0,0,0,.18);
      border-color:rgba(255,255,255,.25);
    }

    /* top badge */
    .industry-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 5px 12px;
      border-radius:40px;
      background: rgb(255 255 255);
      color: #ed2024;
      font-size: 10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.8px;
      margin-bottom:22px;
    }

    /* title */
    .industry-card-box h3{
      font-size: 16px;
      font-weight: 600;
      color:#fff;
      margin-bottom: 12px;
      line-height:1.3;
    }

    .industry-card-box p{
      color:#ffeaea;
      font-size: 14px;
      line-height: 1.6;
      max-width:290px;
      margin-bottom: 19px;
    }

    /* link */
    .industry-read-btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#fff;
      text-decoration:none;
      font-weight:700;
      transition:.4s;
      font-size: 14px;
    }

    .industry-read-btn i{
      transition:.4s;
    }

    .industry-read-btn:hover{
      color:#ffe5e5;
    }

    .industry-read-btn:hover i{
      transform:translateX(6px);
    }

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

    .industry-thumb{
      position:absolute;
      right:10px;
      bottom:0;
      width: 81px;
      transition:.5s;
      animation:industryObjectFloat 5s ease-in-out infinite;
      pointer-events:none;
      opacity: 0.7;
         filter: brightness(0) invert(1);
    }

    .industry-card-box:hover .industry-thumb{
      transform:scale(1.08) rotate(-2deg);
    }

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

    .industry-dot{
      position:absolute;
      border-radius:50%;
      background:rgba(255,255,255,.15);
      animation:industryFloat 6s ease-in-out infinite;
    }

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

    .industry-dot-2{
      width:25px;
      height:25px;
      bottom:15%;
      right:8%;
      animation-delay:2s;
    }

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

    /*==================================
      ANIMATIONS
    ==================================*/

    @keyframes industryFloat{

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

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

    @keyframes industryFloat2{

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

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

    @keyframes industryObjectFloat{

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

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

    @keyframes industryFadeUp{

      from{
        opacity:0;
        transform:translateY(40px);
      }

      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @keyframes industryCardShow{

      from{
        opacity:0;
        transform:translateY(50px);
      }

      to{
        opacity:1;
        transform:translateY(0);
      }
    }

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

    @media(max-width:991px){

      .industry-main-title{
        font-size:40px;
      }

      .industry-card-box{
        margin-bottom:25px;
      }

      .industry-thumb{
        width:84px;
      }
    }
@media (min-width: 768px) and (max-width:1024px){
  .feature-card {
        display: inline-block;
        width: 49%;
      }
}
    @media(max-width:767px){

      .industry-case-area{
        padding:80px 0;
      }

      .industry-main-title{
        font-size:32px;
        line-height:1.4;
      }

      .industry-card-box{
        padding: 30px 24px 30px;
      }

      .industry-card-box h3{
        font-size:26px;
      }

      .industry-thumb{
        width:120px;
      }

      .industry-btn-main{
        width:100%;
        margin-top: 15px;
      }
    }

    /*=================================
      TESTIMONIAL SECTION
    =================================*/

    .nk-review-area{
      position:relative;
      padding: 60px 0;
      overflow:hidden;
      background:
      radial-gradient(circle at top left, rgba(255,0,0,.05), transparent 30%),
      radial-gradient(circle at bottom right, rgba(255,0,0,.04), transparent 30%),
      #fff;
    }

    /* glow effect */
    .nk-review-area::before{
      content:'';
      position:absolute;
      width:420px;
      height:420px;
      border-radius:50%;
      background:rgba(255,0,0,.05);
      top:-200px;
      left:-120px;
      filter:blur(40px);
      animation:nkFloat 7s ease-in-out infinite;
    }

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

    /*=================================
      TITLE
    =================================*/

    .nk-review-head{
      text-align:center;
      margin-bottom:70px;
      position:relative;
      z-index:2;
    }

    .nk-review-sub{
      color:#ff1d1d;
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:12px;
      display:inline-block;
      animation:nkFadeUp 1s ease;
    }

    .nk-review-title{
      font-size:54px;
      font-weight:900;
      color:#111827;
      line-height:1.2;
      animation:nkFadeUp 1.2s ease;
    }

    .nk-review-title span{
      color: #ee2e32;
      position:relative;
    }

    .nk-review-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;
    }

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

    .nk-client-box{
      position:relative;
      backdrop-filter:blur(12px);
      border: 1px solid rgb(228 166 166 / 50%);
      border-radius:34px;
      padding: 25px;
      overflow:hidden;
      /* box-shadow:0 18px 45px rgba(0,0,0,.06); */
      transition:.5s;
      z-index:1;
    }

    .nk-client-box::before{
      content:'';
      position:absolute;
      width:240px;
      height:240px;
      border-radius:50%;
      background:rgba(255,0,0,.06);
      top:-120px;
      right:-120px;
      transition:.5s;
      z-index:-1;
    }

    .nk-client-box:hover{
      transform:translateY(-10px);
      box-shadow:0 30px 70px rgba(255,0,0,.12);
    }

    .nk-client-box:hover::before{
      transform:scale(1.2);
    }

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

    .nk-quote-icon{
      width: 50px;
      height: 50px;
      border-radius: 14px;
      background:linear-gradient(135deg,#ff1d1d,#d40000);
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:28px;
      box-shadow:0 15px 35px rgba(255,0,0,.22);
      position:relative;
      overflow:hidden;
    }

    .nk-quote-icon::before{
      content:'';
      position:absolute;
      inset:-10px;
      border:2px dashed rgba(255,0,0,.2);
      border-radius:30px;
      animation:nkRotate 10s linear infinite;
    }

    .nk-quote-icon i{
      font-size: 25px;
      color:#fff;
      position:relative;
      z-index:2;
    }

    /*=================================
      REVIEW TEXT
    =================================*/

    .nk-review-text{
      font-size: 18px;
      line-height: 1.5;
      color: #1e1d1d;
      margin-bottom: 22px;
      font-weight:500;
      max-width:780px;
    }

    /*=================================
      CLIENT INFO
    =================================*/

    .nk-client-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
      gap:20px;
    }

    .nk-client-profile{
      display:flex;
      align-items:center;
      gap:20px;
    }

    .nk-client-avatar{
      width:95px;
      height:95px;
      border-radius:50%;
      overflow:hidden;
      border:4px solid rgba(255,0,0,.12);
      flex-shrink:0;
      box-shadow:0 12px 30px rgba(0,0,0,.08);
    }

    .nk-client-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .nk-client-details h4{
      font-size:24px;
      font-weight: 600;
      color: #000000;
      margin-bottom:6px;
    }

    .nk-client-details span{
      color:#777;
      font-size:16px;
      display:block;
      margin-bottom:12px;
    }

    /* rating */
    .nk-client-rating{
      display:flex;
      align-items:center;
      gap:6px;
    }

    .nk-client-rating i{
      color:#ff1d1d;
      font-size: 14px;
      animation:nkStarPulse 2s infinite;
    }

    /*=================================
      OWL NAV
    =================================*/

    .nk-review-slider .owl-nav{
      margin-top:45px;
      display:flex;
      justify-content:center;
      gap:18px;
    }

    .nk-review-slider .owl-nav button{
      width:65px;
      height:65px;
      border-radius:50% !important;
      background:#fff !important;
      color:#ff1d1d !important;
      font-size:20px !important;
      transition:.4s;
      box-shadow:0 12px 30px rgba(0,0,0,.08);
    }

    .nk-review-slider .owl-nav button:hover{
      background:#ff1d1d !important;
      color:#fff !important;
      transform:translateY(-6px);
    }

    .nk-review-slider .owl-dots{
      margin-top:25px;
      text-align:center;
    }

    .nk-review-slider .owl-dot span{
      width:12px !important;
      height:12px !important;
      background:#ffd0d0 !important;
      transition:.4s;
    }

    .nk-review-slider .owl-dot.active span{
      width:38px !important;
      border-radius:30px !important;
      background:#ff1d1d !important;
    }

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

    .nk-shape-ball{
      position:absolute;
      border-radius:50%;
      background:rgba(255,0,0,.08);
      animation:nkFloat 6s ease-in-out infinite;
    }

    .nk-ball-1{
      width:20px;
      height:20px;
      top:18%;
      left:7%;
    }

    .nk-ball-2{
      width:28px;
      height:28px;
      bottom:16%;
      right:8%;
      animation-delay:2s;
    }

    .nk-ball-3{
      width:14px;
      height:14px;
      top:50%;
      left:50%;
      animation-delay:1s;
    }

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

    @keyframes nkRotate{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
    }

    @keyframes nkFloat{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(-18px);
      }
    }

    @keyframes nkFloat2{
      0%,100%{
        transform:translateY(0);
      }
      50%{
        transform:translateY(18px);
      }
    }

    @keyframes nkFadeUp{
      from{
        opacity:0;
        transform:translateY(40px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @keyframes nkStarPulse{
      0%,100%{
        transform:scale(1);
      }
      50%{
        transform:scale(1.15);
      }
    }

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

    @media(max-width:991px){

      .nk-review-title{
        font-size:40px;
      }

      .nk-client-box{
        padding:35px;
      }

      .nk-review-text{
        font-size:18px;
      }
    }

    @media(max-width:767px){
      .process-section::before {
    width: 198px;
    height: 198px;
  }
    .process-wrapper {
        padding-bottom: 207px;
    }
      .nk-review-area{
        padding:80px 0;
      }

      .nk-review-title{
        font-size:32px;
        line-height:1.4;
      }

      .nk-client-box{
        padding:28px 24px;
        border-radius:24px;
      }

      .nk-review-text{
        font-size:16px;
        line-height:1.9;
      }

      .nk-client-profile{
        flex-direction:column;
        align-items:flex-start;
      }

      .nk-client-avatar{
        width:80px;
        height:80px;
      }

      .nk-client-details h4{
        font-size:22px;
      }

      .nk-review-slider .owl-nav button{
        width:55px;
        height:55px;
      }
    }