body{
 font-family:Inter,sans-serif;
 color:#333;
 line-height:30px;
 font-size:18px;
 font-weight:400
}
html{
 color:#3c4146
}
a{
 color:#0093ff;
 text-decoration:none
}
a:hover{
 color:#0093ff
}
.initial_caps{
 text-transform:capitalize
}
.plead{
 font-size:1.25rem!important;
 font-weight:300!important;
 line-height:34px
}
.py-7{
 padding-top:5rem!important;
 padding-bottom:5rem!important
}
.pt-7{
 padding-top:5rem!important
}
.pb-7{
 padding-bottom:5rem!important
}
@media (max-width:991px){
 .py-7{
  padding-top:3rem!important;
  padding-bottom:3rem!important}

  .pt-7{
   padding-top:3rem!important
  }
  .pb-7{
   padding-bottom:3rem!important
  }
 }
 @media (min-width:992px){
  .w-lg-75{
   width:75%!important
  }
 }
 .fw-900{
  font-weight:900}a .arrow-right{
   transform:rotate(0);
   transition:all .4s
  }
  a:hover .arrow-right{
   transform:rotate(-45deg);
   transition:all .4s
  }
  .hero{
   position:relative;
   overflow:hidden
  }
  .hero-bg{
   position:absolute;
   inset:0;
   background:linear-gradient(135deg,#020617 0,#0f172a 50%,#1e293b 100%)
  }
  .hero-gradient{
   position:absolute;
   inset:0;
   background:radial-gradient(ellipse at 30% 0,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(139,92,246,.1) 0,transparent 50%)
  }
  .hero-mesh{
   position:absolute;
   inset:0;
   opacity:.4;
   background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  }
  .hero .container{
   position:relative;
   z-index:1
  }
  .text_purple_grad{
   background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#a855f7 100%);
   background-clip:text;
   color:transparent
  }
  .text_white90{
   color:#cbd5e1
  }
  .text_purple{
   color:#8150ef
  }
  .lg_btn{
   padding:18px 36px;
   font-size:16px
  }
  .btn_purple_grad{
   background:linear-gradient(135deg,#585cef 0,#8150ef 50%,#9a43ed 100%);
   border:1px solid #585cef;
   color:#fff
  }
  .btn_purple_grad:hover{
   background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#a855f7 100%);
   color:#fff
  }
  .btn_ghost{
   background:#ffffff1a;
   color:#fff;
   backdrop-filter:blur(10px);
   border:1px solid rgba(255,255,255,.15)
  }
  .btn_ghost:hover{
   background:#ffffff26;
   border-color:#ffffff40;
   color:#fff
  }
  .card_ghost{
   background:#ffffff0d;
   backdrop-filter:blur(10px);
   border-radius:24px;
   border:1px solid rgba(255,255,255,.1)
  }
  .badge-dot{
   width:8px;
   height:8px;
   background:#818cf8;
   border-radius:50%;
   animation:pulse-glow 2s ease-in-out infinite
  }
  @keyframes pulse-glow{
   0%,100%{
    opacity:.5;
    transform:scale(.9)}50%{
     opacity:1;
     transform:scale(1.1)
    }
   }
   .title{
    letter-spacing:.090em;
    gap:8px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:600;
    border-radius:30px;
    padding:4px 20px;
    display:inline-block;
    box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.1) 0 10px 15px -3px,rgba(0,0,0,.1) 0 4px 6px -4px
   }
   .bg_purple30{
    background:#6366f11a;
    border:1px solid rgba(99,102,241,.2)
   }
   .text_purple{
    color:#818cf8
   }
   .bg_grad_blue_green{
    background:linear-gradient(135deg,#4285f4,#34a853)
   }
   .bg_grad_bluel{
    background:linear-gradient(135deg,#0078d4,#106ebe)
   }
   .bg_grad_pink_purple{
    background:linear-gradient(135deg,#6366f1,#8b5cf6)
   }
   .bg_grad_yellow_orange{
    background:linear-gradient(135deg,#ffd100,#ff6b00)
   }
   .bg_grad_orange_red{
    background:linear-gradient(135deg,#f60,#cc5200)
   }
   .search-form{
    background-color:#fff;
    border:2px solid #fff;
    border-radius:20px;
    overflow:hidden
   }
   .search-form select{
    border:none;
    box-shadow:none!important
   }
   .submiturl{
    border-radius:0;
    /*background-color:#0e6bf4;*/
    color:#fff;
    width:100%;
    padding:20px 30px 20px 30px;
    font-weight: bold;
   }
   .submiturl,.submiturl:focus,.submiturl:hover{
    background-color:#0055d3;
    color:#fff
   }
   #greyscale img{
    filter:invert(4.83%) sepia(.003%) saturate(59.02%) hue-rotate(29.75deg) brightness(102.79%) contrast(71.21%)
   }
   .card_blue30{
    background-color:#f8fafe;
    border-radius:8px;
    border:1px solid #e2e8f0
   }
   .card_blue30:hover{
    background-color:#fff;
    box-shadow:rgba(137,173,255,.18) 0 10px 55px 5px;
    border:1px solid #6366f1
   }
   .card_shadow{
    background-color:#f8fafc;
    border-radius:8px
   }
   .card_shadow:hover{
    box-shadow:0 12px 40px rgba(0,0,0,.12)
   }
   .move-up{
    transition:transform .3s ease
   }
   .move-up:hover{
    transform:translateY(-5px)
   }
   .txt-sm{
    font-size:14px;
    line-height:1.4
   }
   .bg_grad_purple30{
     background-color: transparent;
     background-image: linear-gradient(180deg,#fff 0,#f5f2ff 100%);
   }
   .bg_grad_blue30{
    background-color:transparent;
    background-image:linear-gradient(180deg,#fff 0,#e2eaf8 100%)
   }
   .bg_blue30{
    background-color:#eaf2ff
   }
   .btn_green{
    background-color:#198754;
    border:2px solid #198754;
    color:#fff
   }
   .btn_green:hover{
    background-color:#157d4d;
    border:2px solid #157d4d;
    color:#fff
   }
   .btn_orange_outline{
    background-color:#fff;
    border:2px solid #ea580c;
    color:#ea580c
   }
   .btn_orange_outline:hover{
    background-color:#ea580c;
    border:2px solid #ea580c;
    color:#fff
   }
   .btn_orange_outline svg{
    fill:#ea580c
   }
   .btn_orange_outline:hover svg{
    fill:#fff
   }
   .btn-outline-primary svg{
    fill:#0d6efd
   }
   .btn-outline-primary:hover svg{
    fill:#fff}ul.list_green{
     list-style:none;
     margin:0;
     padding:0}ul.list_green li{
      margin-top:.33rem;
      padding-left:1.8rem;
      position:relative
     }
     .list_green li:before{
      content:"";
      display:block;
      width:6px;
      height:10px;
      border:solid #fff;
      border-width:0 2px 2px 0;
      transform:rotate(45deg);
      position:absolute;
      top:10px;
      left:6px;
      z-index:1}ul.list_green li:after{
       width:18px;
       height:18px;
       border-radius:4px;
       background:#099e44;
       position:absolute;
       left:0;
       margin:auto;
       content:'';
       top:7px;
       z-index:0
      }
      .accordion-item{
       box-shadow:0 0 24px 0 rgba(66,86,250,.24);
       margin:15px auto
      }
      .accordion-button:not(.collapsed){
       color:#000;
       background:#f8f8f8;
       margin:0!important;
       border:none;
       box-shadow:none
      }
      .accordion-button,.accordion-button:focus{
       border:none;
       font-weight:700;
       background:#f8f8f8;
       padding:30px;
       box-shadow:none;
       font-size:18px;
       border:none
      }
      .accordion-body{
       box-shadow:-10px 10px 30px rgba(0,0,0,.06);
       background:#f8f8f8;
       border:none;
       padding:0 30px 20px 30px
      }

      .data-table{
       border-radius: 20px;
       border: 1px solid rgb(222, 226, 230);
      }
      .data-table thead tr th{
       background: linear-gradient(135deg, #020617 0%, #0f172a 50%, #1e293b 100%);
       color: #fff!important;
      }
      .data-table tr th:first-child,
      .data-table tr td:first-child{
       text-align: start;
       font-weight: bold;
       color: #000;
      }
      .data-table tr th,
      .data-table tr td{
       padding: 20px;
       text-align: center;
      }
      .data-table tr td{
       color: #ccc;
      }

      .data-table.recommend tbody tr td:nth-child(4) {
          background-color: #eefff2;
      }

      /*Start Navbar*/
      .navbar-toggler{
       border:1px solid #000;
       box-shadow:none!important
      }
      .navbar-toggler-icon{
       background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
      }
      .navbar{
  background:#fff;
       font-weight:700;
       font-size:18px;
       box-shadow:0 1px 13px rgba(0,0,0,.2);
  border-radius: 15px;
       padding:10px 20px
      }
      .navbar-light .navbar-nav.mid .nav-link{
       color:#333;
       padding-left:1rem;
       padding-right:1rem;
       border-bottom:2px solid transparent;
      }
      .navbar-light .navbar-nav.mid .nav-link:focus,
      .navbar-light .navbar-nav.mid .nav-link:hover{
       color:#191919;
       border-bottom:2px solid #2861eb;
      }
      .btn_green_outline,.btn_green_outline:focus{
       border:2px solid #198754;
       background-color:#198754;
       color:#fff;
      }
      .btn_green_outline:hover{
       border:2px solid #198754;
       background-color:#fff;
       color:#198754;
      }
      .btn_green_outline svg,.btn_green_outline:focus svg{
       fill:#fff;
      }
      .btn_green_outline:hover svg{
       fill:#198754;
      }
      /*End Navbar*/

      /*start footer*/
      footer {
       background: linear-gradient(135deg,#0f172a,#1e293b);
       color: #94a3b8;
      }
      footer li a {
       color: #94a3b8;
       font-size: 16px;
      }
      footer li a:hover {
       color: #fff;
      }

      .social-media a {
       display: inline-flex;
       position: relative;
       align-items: center;
       justify-content: center;
       width: 40px;
       height: 40px;
       background: #ffffff1a;
       border-radius: 50%;
       color: #cbd5e1;
       padding: .5rem !important;
      }
      .social-media a:hover {
       background: #6366f1;
       color: #fff;
      }
      .copyright{
       border-top: 1px solid rgba(255,255,255,.05);
       background: #0003;
      }
      /*End Footer*/


      .back-to-top{
       display: inline-block;
       background-color: #054ada;
       color: #fff!important;
       width: 50px;
       height: 50px;
       text-align: center;
       border-radius: 10px;
       position: fixed;
       bottom: 100px;
       right: 30px;
       font-size: 25px;
       opacity: 0;
       transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
       z-index: 1000;
       text-decoration: none;
       border: 2px solid #054ada;
       transition: all 300ms linear 0s;
       box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
      }
      .back-to-top.fadeIn{
       opacity: 1;
      }
      .back-to-top:hover.fadeIn{
       transform: translateY(-5px);
      }



      .feature-tabs {
       background: white;
       padding: 0;
       border-radius: 8px;
       display: inline-flex;
       box-shadow: 0 10px 30px rgba(0,0,0,0.05);
       border: none;
       z-index: 9999;
       border: 1px solid #5336c2;
       overflow: hidden;
      }

      .feature-tabs .nav-link {
       color: #4b5563;
       font-weight: 600;
       border: none;
       padding: 15px 25px;
       position: relative;
      }

      .feature-tabs .nav-link.active {
       color: #fff;
       background: none;
       background: linear-gradient(135deg,#6366f1,#8b5cf6);
       border-radius: 0;
      }

      /* Content Area */
      .tab-content-box {
       background: white;
       padding: 50px;
       border-radius: 10px;
       box-shadow: 0 20px 60px rgba(0,0,0,0.03);
       border: 1px solid #5336c2;
      }

      .feature-icon-box {
       font-size: 2.5rem;
       color: #1544c0;
       margin-bottom: 20px;
      }

.divider-line{
 position: relative;
}
.divider-line:before{
 width: 2px;
 height: 100%;
 position: absolute;
 left: calc(100% - 50px);
 content: '';
 top: 0;
 background: linear-gradient(0deg,rgba(255,255,255,0) 20%,rgba(215,215,215,1) 49%,rgba(246,246,246,0) 80%);
}